设计系统

温暖底色与清晰层次

为双语阅读调整比例

形状与表面

输入框圆角 12px，卡片 24px，大区块 32px，按钮采用胶囊形。玻璃卡片统一使用半透明渐变、背景模糊、高光边框和柔和阴影。

容器与布局

标准容器最大宽度 1120px。PC、iPad、H5 检查视口分别为 1440×1000、834×1180、390×844，补测 320px；手机单列，平板按内容双列。

页面模式

首页依次呈现首屏、工作看板、三步流程、功能、集成、定价、案例、评价、FAQ 与联系。子页复用导航、标题、内容容器和页脚。

深色通栏

定价与联系区使用本地背景图、深色遮罩与半透明面板。正文保持高对比度，手机缩小横向内边距并将内容堆叠。

动效

入场、悬浮、数据柱、菜单、标签与 FAQ 使用 Framer Motion。系统开启减少动态效果后，取消漂浮、位移与循环动画。

素材与品牌

参考站图片转换为本地 WebP，来源记录在 sources.json。导航、页脚和浮动入口统一使用微域生光 Logo。中文 MiSans、英文 Poppins 复用项目本地字体。

组件与交互

复用按钮、标题、案例卡片、联系区、表单与导航。功能标签支持方向键；菜单支持 Escape；演示表单只执行本地校验并明确提示状态。