喝庄子酒，御逍遥游 —— 东方水墨 × 鎏金 × 朱砂 × 宣纸
核心口号：喝庄子酒，御逍遥游
文化内核：庄周梦蝶 · 北冥有鱼 · 逍遥三境（至人无己、神人无功、圣人无名）
气质关键词：逍遥、从容、忘我、天地同春、物我两忘
视觉叙事：从「庄周梦蝶」入口 →「北冥有鱼」鲲鹏 →「逍遥三境」哲学 → 落到「喝庄子酒，御逍遥游」产品
CSS 变量：--zz-ink --zz-ink-2 --zz-paper --zz-paper-2 --zz-cinnabar --zz-cinnabar-2 --zz-gold --zz-gold-2 --zz-gold-soft
用法：朱砂用于印章、警示、落款、价格；鎏金用于饰线、边框、徽章、CTA；墨黑用于底部导航、启动屏、夜间模式底色；宣纸用于内容卡片背景。
| 用途 | 字体 | 说明 |
|---|---|---|
| 品牌标语 / 标题 / 落款 | Ma Shan Zheng（毛笔楷书） | 承载书法气韵，用于「庄」字、金句、落款、slogan |
| 正文 / 数字 / 价格 | Noto Serif SC（思源宋体） | 古典衬线，标题与价格对齐 |
| 系统兜底 | PingFang / 微软雅黑 | 正文兼容字体 |
CDN：https://fonts.loli.net/css2?family=Ma+Shan+Zheng&family=Noto+Serif+SC（已验证可用）
CSS 变量：--zz-serif --zz-kai
图标一律用金色线性 SVG（stroke=currentColor，24 viewBox），禁用 emoji；印章/卷轴/鲲鹏/蝴蝶/酒樽为品牌专属符号，贯穿全站。
| 组件 | 规范 |
|---|---|
| 按钮（主 CTA） | 朱砂/鎏金渐变 + 流动鎏金高光（skew 扫光），圆角 10rem，按压 scale(.96) |
| 商品卡 | 桌面 3D 磁吸倾斜（max 6°）+ 鎏金描边；移动端按压抬升 translateY(-2px) |
| 底部导航 | 墨黑底 + 鎏金激活态，适配 env(safe-area-inset-bottom) |
| 加载 | 鎏金旋转环 + 墨晕脉冲（研墨） |
| 空状态 | 酒樽符号 + 逍遥三章徽章（至人无己/神人无功/圣人无名） |
| 弹窗/Toast | 墨黑底 + 鎏金描边 + 楷体文案 |
| 输入框 | 宣纸底 + 鎏金边 + 朱砂光标 + 聚焦朱砂光晕 |
| 浮动按钮 | 品牌故事（左下）、昼夜切换（右下）、古琴（右下）、御风回顶（右下，滚动浮现） |
| 动效 | 时长 | 缓动 |
|---|---|---|
| 启动屏淡出 | 1.7s + 0.65s | ease |
| 滚动浮现 | 1s | cubic-bezier(.22,.61,.36,1) |
| 数字滚动 | 1.3s | easeOutCubic |
| 蝴蝶粒子 | 15-30s（随机） | linear |
| 鲲鹏遨游 | 20-22s | ease-in-out |
| 点击墨滴 | 0.8s | ease-out |
| 印章浮现 | 0.7s | cubic-bezier(.22,.61,.36,1) |
所有动效须支持 prefers-reduced-motion 降级；可交互元素禁用 CSS filter（移动端命中失效），阴影用 box-shadow。
金句（用于 banner 轮换 / 落款 / 分享）：
北冥有鱼，其名为鲲；化而为鸟，其名为鹏
逍遥于天地之间，而心意自得
天地与我并生，万物与我为一
御六气之辩，以游无穷
抟扶摇而上者九万里
至人无己，神人无功，圣人无名
落款：庄子酒 · 御逍遥游（竖排，朱砂印章旁）
禁多级分销 / 拉人头 / 传销 / 庞氏 / 洗钱 / 博彩。
· 门店→总代→区域→股东 = 内部职级，非多级佣金层级；术语「代理体系」
· 禁用金融化用语：代币 / Token / Coin / 发币 / 钱包 / 利息 / 升值 → 改用「数字提货券 / 权益积分 / 资产凭证」
· 数据必须真实，禁假数据 / 假闭环；资产展示须「银行流水级」可溯源
喝庄子酒 · 御逍遥游
庄子酒 · 品牌视觉规范手册 · 2026