Capri · 十种风格

01 星象台 Constellation 深空底色上的摩羯座连线自己画出来，八颗星就是八项能力——点一颗，跳到对应的段落。动效缓慢天体漂移字体衬线标题 + 等宽交互点击星点导航首页文档

02 > 终端 Terminal 一整块琥珀色荧光屏。会话自己打出来，能力表按 --help 的样子排，文档是 man 页，全程能用键盘走完。动效逐字打字 · 步进字体全站等宽交互键盘驱动（j/k / ? ）首页文档

03 国际主义 Swiss Grid 白纸黑字，十二栏网格、编号与横线。所有元素从遮罩后擦出来，按一下 G 就能看见排版用的栏线本身。动效遮罩擦除 · 精确字体无衬线 · 紧字距交互按 G 显示栏线首页文档

04 蓝图 Blueprint 一张晒图纸：坐标网格、带箭头的尺寸线、零件编号、右下角标题栏。悬停任意零件，注释栏就把它读出来。动效虚线行进 · 绘图字体窄体 + 等宽标注交互十字光标读零件首页文档

05 大字报 Brutalist 荧光黄、六像素黑边、硬阴影和歪着贴的贴纸。所有块都是砸进来的，跑马灯一直在跑，文档按标签页翻。动效弹性砸落 · 抖动字体超粗黑体 · 全大写交互文档标签页切换首页文档

06 极光 Aurora Glass 会飘的极光打在毛玻璃上。鼠标走到哪里，那块玻璃的边就亮起来、微微倾斜，滚动时几层背景以不同速度错开。动效长缓动 · 模糊转清晰字体几何无衬线 · 渐变字交互指针聚光与倾斜首页文档

07 等轴模型 Isometric 把整套东西做成一个可以拖着转的等轴模型。每个节点是一座叠起来的塔，数据包沿着连线跑，点一下镜头就推过去。动效镜头推移 · 包裹行进字体圆润无衬线交互拖动旋转 / 点击聚焦首页文档

08 长卷 Chronicle 像纪录片一样把一次请求的旅程铺成一条横向长卷：你竖着滚，画面横着走，章节条实时跟进。动效滚动擦洗 · 横向推进字体衬线大标题 + 窄体交互竖滚驱动横向分章首页文档

09 控制台 Control Room 把整个项目当成一间控制室来读：状态灯、表盘、推进的信息流。那条波形是用内容指纹当种子生成的——指纹不变，波形就不变。动效指针扫掠 · 数字跳动字体等宽数字 + 窄标签交互仪表面板 / 可暂停首页文档

10 留白 Zen Ink 一张暖白的纸，一笔墨，一枚朱印。信息量按呼吸铺开，笔画随滚动画出来；点一下印章，连装饰都收走，只剩字。动效墨迹渗开 · 极慢字体衬线竖排小标签交互点印章进「静」模式首页文档