/* ============================================================ 潜龙八字 · 皮肤文件 06 · 浅色主题 「宣纸米白 + 朱砂 + 黛青」（推荐默认皮肤） 用法： 1) 将本文件放入项目 skins/ 目录 2) 或 3) 组件样式一律引用 var(--*)；换肤只需切换 data-skin / link 本文件只声明 CSS 变量（设计契约），不含组件样式。 命名规范：--bg/--surface 底色层级 · --ink 文字 · --line 边框 · --brand 主色 · --accent 辅助 · --gold 点缀 · --wx-* 五行 · --grade-* S/A/B/C 分级 · --fs/--sp/--r/--shadow ============================================================ */ [data-skin="light"], :root { /* ---------- 底色与表面（宣纸米白系） ---------- */ --bg: #f4eee1; /* 页面底色：宣纸米白 */ --bg-soft: #efe7d5; /* 底色弱化/页眉 */ --surface: #fdfaf2; /* 卡片表面 */ --surface-2: #f6f0e2; /* 内嵌/输入框底 */ --surface-3: #efe6d0; /* 更深一层/按压态 */ /* ---------- 文字 ---------- */ --ink: #27221a; /* 主文字：暖黑 */ --ink-2: #5c5342; /* 次文字 */ --ink-3: #6a5f49; /* 弱化/占位/辅助说明（提深至 WCAG AA ≥4.5:1） */ /* ---------- 边框 ---------- */ --line: #e2d6bb; /* 常规边框 */ --line-strong: #c6b58d; /* 强调边框 */ --line-thin: #ece2c8; /* 细线（表格内线） */ /* ---------- 特殊表面 ---------- */ --bg-card: #fdfaf2; /* 卡片（与 --surface 一致） */ /* ---------- 深色信息卡（用户卡片） ---------- */ --dark-bg: #241d10; --dark-surface: #312817; --dark-text: #f5f0e6; --dim-text: #b3a78c; /* ---------- 品牌色：朱砂 ---------- */ --brand: #a03c26; /* 主品牌：朱砂红 */ --brand-deep: #7f2d1b; /* 深朱砂（按压/渐变） */ --brand-soft: rgba(160,60,38,.10); /* 淡底 */ --brand-glow: rgba(160,60,38,.32); /* 按钮光晕 */ /* ---------- 辅助色：黛青 ---------- */ --accent: #2f5468; /* 黛青（次级强调） */ --accent-deep: #233e4d; --accent-soft: rgba(47,84,104,.10); /* ---------- 点缀：暗金 ---------- */ --gold: #9a7b2f; /* 大色块（背景/描边） */ --gold-text: #7a5f1f; /* 小字文字金（WCAG AA 达标，专用于 ≤10.5px 文案） */ --gold-soft: rgba(154,123,47,.12); /* ---------- 语义色 ---------- */ --ok: #15803d; --warn: #b45309; --danger: #b91c1c; --info: #1e5f8a; /* ---------- 资料分级 S/A/B/C ---------- */ --grade-s: #b8860b; /* S 金：秘传/绝学 */ --grade-a: #c03a2b; /* A 朱红：高级 */ --grade-b: #2f6d80; /* B 黛青：标准 */ --grade-c: #8a8a85; /* C 灰：参考/入门 */ /* ---------- 五行色 ---------- */ --wx-wood: #16803c; /* 木：深绿 */ --wx-fire: #d23c2c; /* 火：大红 */ --wx-earth: #a16207; /* 土：棕黄 */ --wx-metal: #d4a900; /* 金：明黄（260904 用户反馈原色暗淡似土） */ --wx-water: #2563eb; /* 水：蓝 */ /* ---------- 阴影（宣纸审美：少投影，以边框为主） ---------- */ --shadow-sm: 0 1px 2px rgba(63,50,28,.06); --shadow-md: 0 4px 14px rgba(63,50,28,.08); --shadow-lg: 0 12px 32px rgba(63,50,28,.14); /* ---------- 字号 / 间距 / 圆角（两套皮肤共享，可复写） ---------- */ /* ---------- 字体栈 ---------- */ --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif; --font-serif: "Noto Serif SC", "Songti SC", "STSong", serif; } /* ★ 260923 U2（T-UI-10）：本皮肤的 `--fs-*`／`--sp-*`／`--r-*` **逐值声明已移除** —— 尺寸标尺已**上移**至 `css/scale.css`（唯一真源）。此处只保留： · 两个**受控旋钮**（`--fs-scale` 规范 0.94–1.06；`--sp-scale` 建议 0.9–1.6）； · **圆角族引用**（`var(--r-<族>-*)`）—— 皮肤**不得**再写尺寸数值（EL-5）。 依据：owner 260922 拍板 ① 字号收敛＝乙 ② 标尺基准＝甲。 */ [data-skin="light"]{ --fs-scale: 1.0; --sp-scale: 1.0; --r-sm: var(--r-round-sm); --r-md: var(--r-round-md); --r-lg: var(--r-round-lg); --r-xl: var(--r-round-xl); --r-pill: var(--r-round-pill); }