wangjia
05203a9b5b
Design Source Checks / design-source (push) Failing after 14m23s
- git mv 全目录（历史保留）；.gitignore 收敛为整个 .superpowers/ 忽略 - 全仓 16 处引用同步（CI checks.yml / l1-sync / screens.mjs / hooks / CLAUDE.md / CONTRACT / SSR 模板注释 / docs / web 注释） - 修 pre-commit 路径正则残留；5180 评审服务已切新路径 - 验证：check-ds 12 道 / l1-sync 6 道 / fidelity 抽查全过 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01JJ1g8XV1YhhmHRzhwWEW7o
55 lines
3.7 KiB
CSS
55 lines
3.7 KiB
CSS
/* ============================================================
|
|
岩美酒库官网 · 令牌层
|
|
单一真相源：design/prototype/tokens.css 主题 A（经典蓝）1:1 拷贝
|
|
+ 「营销扩展」段（仅官网用的大字号/容器宽，App 无此场景）。
|
|
规则：页面与组件只引用 var(--token)，禁硬编码 hex。
|
|
同步纪律：App 原型 token 变更时，此文件对应值需同步。
|
|
============================================================ */
|
|
|
|
:root{
|
|
/* —— 与原型 :root 完全一致 —— */
|
|
--sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px;
|
|
--r-sm:4px; --r-md:6px; --r-lg:10px; --r-xl:14px; --r-pill:999px;
|
|
--fs-display:28px; --fs-h1:21px; --fs-h2:17px; --fs-title:15px; --fs-body:13px; --fs-sm:12px; --fs-xs:11px;
|
|
--font:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Inter",sans-serif;
|
|
--font-mono:"JetBrains Mono","SF Mono",ui-monospace,monospace;
|
|
--sh-1:0 1px 3px var(--shadow); --sh-2:0 4px 14px var(--shadow); --sh-3:0 18px 50px var(--shadow);
|
|
--scrim:rgba(15,20,30,.42); --hero-glass:rgba(255,255,255,.16); --hero-glass-strong:rgba(255,255,255,.24);
|
|
--brand-deep:#0F3057; --brand-mid:#1B4F8E; --brand-wine:#8B2331; --brand-dot:#C97B86;
|
|
--on-accent:#FFFFFF; --on-accent-faint:rgba(255,255,255,.72);
|
|
--toast-bg:#1F2330;
|
|
|
|
/* —— 主题 A（经典蓝）—— */
|
|
--page:#E7EBF1; --bg:#F5F7FA; --surface:#FFFFFF; --border:#DCE2EB; --border-subtle:#ECEFF4;
|
|
--text:#232934; --heading:#1B2430; --title:#1B2430; --muted:#6E7888; --faint:#99A3B3;
|
|
--primary:#2563AC; --primary-dark:#154072; --on-primary:#FFFFFF; --brand400:#4F86C6; --brand50:#EEF4FB; --accent:#8B2331;
|
|
--success:#2E8B57; --danger:#D14343; --warn:#E08E00;
|
|
--info-soft:#EEF4FB; --ok-soft:#E8F5EE; --accent-soft:#FAEEF0;
|
|
--success-bg:#E8F5EE; --danger-bg:#FDECEC; --warn-bg:#FFF4DB;
|
|
--th-bg:#F7F9FC; --row-hover:#EEF4FB; --shadow:rgba(20,40,70,.20);
|
|
--side-bg:#163A6C; --side-fg:#C4D6ED; --side-active-bg:#2C6BB3; --side-active-fg:#FFFFFF;
|
|
|
|
/* —— 营销扩展（官网独有场景；App 端无对应 token）—— */
|
|
--mk-display:clamp(34px, 5vw, 54px); /* hero 大标题 */
|
|
--mk-h2:clamp(24px, 3.2vw, 34px); /* 区块标题 */
|
|
--mk-h3:19px;
|
|
--mk-lead:clamp(15px, 1.6vw, 18px); /* hero/区块引言 */
|
|
--mk-body:15px; /* 营销正文（App fs-body 13 在长文场景过小） */
|
|
--mk-maxw:1120px; /* 内容容器宽 */
|
|
--mk-hero-grad:linear-gradient(150deg, var(--side-bg), var(--side-active-bg)); /* 与登录页品牌面板同源 */
|
|
}
|
|
|
|
/* ---------- 兼容别名层：旧 color.css 词汇 → 真相源 token ----------
|
|
仅供 docs.css / legal.css 等二级页面样式过渡使用；新样式禁止引用这些别名。 */
|
|
:root{
|
|
--brand-50:var(--brand50); --brand-100:#DDE9F7; --brand-200:#C3D8F0; --brand-300:#9FC0E4;
|
|
--brand-400:var(--brand400); --brand-500:var(--primary); --brand-600:#1B4F8E; --brand-700:var(--primary-dark); --brand-900:#0A1F3B;
|
|
--gray-0:#FFFFFF; --gray-25:var(--bg); --gray-50:#EEF1F5; --gray-100:#E3E7ED; --gray-300:#C6CDD8;
|
|
--gray-500:var(--faint); --gray-700:var(--muted); --gray-800:var(--text); --gray-900:var(--heading);
|
|
--fg-default:var(--text); --fg-muted:var(--muted); --fg-subtle:var(--faint); --fg-link:var(--primary);
|
|
--border-default:var(--border); --info-50:var(--info-soft); --info-500:#2F7BD0; --info-700:#1D5A9E;
|
|
--radius-sm:var(--r-sm); --radius-md:var(--r-md); --radius-lg:var(--r-lg);
|
|
--text-xs:12px; --text-sm:13px; --text-md:15px; --text-lg:17px; --text-xl:19px; --text-2xl:24px;
|
|
--duration-fast:.15s; --ease-standard:ease; --ring-focus:0 0 0 3px var(--brand50);
|
|
}
|