前端质感二次打磨：白色提亮与项目舞台动效加层

目标

站主反馈：当前前端白色区域灰、不够高级；多个项目页的动画不够丰富，像假演示。希望重新提升整体视觉质感，让白色干净、深色舞台高级、动画更细腻。

本阶段目标：不改内容结构，不新增依赖，直接修正视觉材质和滚动动效。

关键 prompt（原文摘录）

重新改一下现在的前端，怎么白色都是灰不拉几的 ，然后动画不丰富，很假，要精致高端的 动画效果。你来改一下

结果

• src/app/globals.css

  • 将首页浅色 section 从半透明灰白罩改为接近不透明的高亮白，避免暗色背景透上来导致发灰。
  • 提升全局彩色背景饱和度和亮度，但让浅色 section 自己保持干净白。
  • 新增 high-key-section、stage-vault、light-surface、stage-sheen、flow-line、premium-chip 等通用视觉类。
  • glass-card-light 从半透明白改成高亮白玻璃，增加细边框、顶缘高光和更干净的环境阴影。

• 普通页面

  • layout.tsx、nav-bar.tsx、footer-bar.tsx、about-view.tsx、project-card.tsx、project-detail.tsx
  • 普通页面背景从纯白/灰块组合改为更干净的浅色页面底。
  • 导航、技能标签、项目卡、项目详情结果卡改为白色材质 + 细边框 + 轻阴影，减少“灰不拉几”的感觉。

• Auria

  • 去掉会把深色舞台洗灰的珍珠白图，改成 stage-vault 深色光场和细网格。
  • 简历事实卡、Agent Hub、网站卡改成干净白材质。
  • 增加光束流光、粒子、轨道点、卡片高光。
  • sticky 舞台顶部留出更多安全距离，减少导航压住标题的风险。

• ContractLens

  • 去掉灰雾感背景，改成深色红蓝光场。
  • 合同卡、报告卡改为高亮白，加入扫描光带和报告校验章。
  • 修正 sticky 场景开头只有背景的问题：标题先完整显示，演示卡片以低透明站位进入，滚动时逐步点亮。

• Sprout

  • 去掉整屏发糊的绿色位图，改成清晰深色网格光场。
  • 任务树连线加 SVG glow，节点加呼吸光，增加任务树信号点。
  • 下方 benchmark / feature 卡改为深色玻璃卡，和舞台质感统一。

• src/lib/keynote-engine.ts

  • Auria / ContractLens 的 intro 不再从 0 透明开始，避免桌面 sticky 场景刚进入时空屏。
  • Auria / ContractLens 的卡片改成低透明站位 + 滚动点亮，避免“突然冒出来”的假感。
  • 新接入 Auria 光点、ContractLens 校验章、Sprout 信号点的滚动驱动。

踩坑与纠正

• 白色发灰的根因不是白色本身，而是透明度太低：浅色 section 之前是 rgba(255,255,255,0.54) 叠在暗色光场上，所以必然变灰。修法是让白色层接近不透明，只保留很轻的彩色边缘光。

• 深色舞台不能叠珍珠白图：Auria / ContractLens 之前用了低透明的珍珠白位图，视觉上会把深色舞台洗成脏灰。修法是换成深色光场和细网格，不再混入大面积白雾。

• sticky scrub 开头不能空屏：Auria / ContractLens 的 intro 原来由进度 p=0→0.12 从 0 透明淡入，用户刚滚到 section 顶部时会看到一整屏空背景。修法是 intro 默认可见，演示物件低透明站位，再随滚动点亮。

• 动画丰富不等于多放闪烁：这次新增的是有语义的动效层：Auria 的生成光束、ContractLens 的扫描/校验、Sprout 的任务树信号。每个都对应项目逻辑，而不是纯装饰。

用时与备注

约 1 小时（估算）。已通过 npm run lint、npm run typecheck、npm run build。next build 仍有多 lockfile / Turbopack root 警告，属于现有 worktree 环境提示，不是本次改动引入。