让云计算的算力，
在渐变光影里被看见

深 emerald 底约 60%（页面底 + 卡片底），主色（低饱和绿）约 30%（图表、图标底、次级按钮），暖粉强调约 10%（主 CTA、关键数字、激活态）。做法：把页面截图转灰度，若大面积区域仍是高饱和色块，说明配额失衡。

用 3~5 个 radial-gradient 叠加在根容器伪元素上，透明度控制在 0.14~0.34，配 filter: blur(0.5px) 柔化接缝。禁用整屏 linear-gradient 高饱和填充；渐变层加 pointer-events:none，避免遮挡交互。

同时写 background-clip:text 与 -webkit-background-clip:text，并补 -webkit-text-fill-color:transparent。渐变文字只用于 H1 与关键数字，正文保持纯色，保证长文对比度 ≥ 7:1。

入场用 0.45~0.6s ease-out 淡入上浮（位移 18px 内），hover 位移不超过 4px；跑马灯周期 30~40s 线性循环。必须写 prefers-reduced-motion: reduce 降级为静态，避免眩晕与低端机掉帧。

所有 <img> 写 width/height 或外层 aspect-ratio + object-fit:cover，加 loading="lazy"；首屏 Hero 图给 fetchpriority 优先级。目标 CLS ≤ 0.05，实测常见翻车点是懒加载图无占位导致下方内容整体位移。