 Pine
|
211442e76d
|
feat(web): 网站按 portrait.so 重构设计系统 + 首页完全重建(浅色为主/双模式)
设计系统(明暗双模 token):
- tokens.css 重写：portrait 语义色(浅灰#f7f7f7/藏青#08304c/霓虹彩虹渐变)+ [data-theme=dark] 覆盖
- 自托管 5 套字体(Switzer/BasierCircle/OpenRunde/JetBrainsMono/Junicode)，public/fonts/ 来自镜像
- global.css 主题参数化：玻璃胶囊导航/彩虹CTA/软阴影卡片/fluid标题/主题背景(替换WebGL粒子)
- organisms：Header 加明暗切换按钮(+theme.js)，ParticleField 改纯CSS背景，SiteFooter 改多栏
- App.jsx 首载 initTheme(pine_theme/prefers-color-scheme)
首页完全重建(portrait 叙事结构，保留全部内容/功能，红线不展示付费价格):
- Hero(流体标题+终点彩虹渐变词+数据带) / 便捷入口四卡 / 前旧后新对比 / 三档免费产品
- 「手艺变产品」高亮带(新增) / 三步上手(新增) / 近期场次倒计时 / 测评+调研带 / FAQ手风琴(新增) / 报名CTA / 多栏页脚(新增)
其余页面(Content/Events/OPCTest/Login/forms/pine) 待单独批次同款重构
|
2026-08-27 17:23:44 +08:00 |
|
Pine