/* ============================================================ 潜龙八字 · 皮肤文件 07 · 深色主题 「暗金 + 深色雅致」（夜间/沉浸场景） 用法： 1) 将本文件放入项目 skins/ 目录 2) 或 3) 组件样式一律引用 var(--*)；变量名与浅色皮肤完全一致，仅值不同 与 06-皮肤-浅色.css 成对使用；同一套组件代码，两套皮肤零改动。 ============================================================ */ [data-skin="dark"] { /* ---------- 底色与表面（深棕黑暖调） ---------- */ --bg: #16130d; /* 页面底色 */ --bg-soft: #1d1911; /* 底色弱化/页眉 */ --surface: #221d14; /* 卡片表面 */ --surface-2: #2a2418; /* 内嵌/输入框底 */ --surface-3: #342c1c; /* 更深一层/按压态 */ /* ---------- 文字 ---------- */ --ink: #ece3cf; /* 主文字：暖米白 */ --ink-2: #b3a78c; /* 次文字 */ --ink-3: #9a8f78; /* 弱化/占位/辅助说明（提亮至 WCAG AA ≥4.5:1） */ /* ---------- 边框 ---------- */ --line: #38301f; /* 常规边框 */ --line-strong: #52452a; /* 强调边框 */ --line-thin: #2d2517; /* 细线（表格内线） */ /* ---------- 特殊表面 ---------- */ --bg-card: #221d14; /* 卡片（与 --surface 一致） */ /* ---------- 深色信息卡（用户卡片） ---------- */ --dark-bg: #0e0b06; --dark-surface: #1a1408; --dark-text: #f0e9d8; --dim-text: #a99a7d; /* ---------- 品牌色：暗金 ---------- */ --brand: #c9a227; /* 主品牌：暗金 */ --brand-deep: #a5851c; /* 深金（按压/渐变） */ --brand-soft: rgba(201,162,39,.12); /* 淡底 */ --brand-glow: rgba(201,162,39,.38); /* 按钮光晕 */ /* ---------- 辅助色：黛青（亮化保证对比度） ---------- */ --accent: #7da3ad; --accent-deep: #5f8691; --accent-soft: rgba(125,163,173,.12); /* ---------- 点缀：亮金 ---------- */ --gold: #d4b34a; --gold-text: #d4b34a; /* 深色底上金已达标，文字金复用 --gold */ --gold-soft: rgba(212,179,74,.14); /* ---------- 语义色 ---------- */ --ok: #3fae6e; --warn: #d9a13a; --danger: #e85c4b; --info: #7da3ad; /* ---------- 资料分级 S/A/B/C（整体提亮） ---------- */ --grade-s: #e0b53c; /* S 金：秘传/绝学 */ --grade-a: #e8644f; /* A 朱红：高级 */ --grade-b: #79a8b5; /* B 黛青：标准 */ --grade-c: #8f8a7c; /* C 灰：参考/入门 */ /* ---------- 五行色（提亮保证对比度） ---------- */ --wx-wood: #3fae6e; /* 木 */ --wx-fire: #ef5f4e; /* 火 */ --wx-earth: #c98f2c; /* 土 */ --wx-metal: #f0c64b; /* 金 */ --wx-water: #6b93f0; /* 水 */ /* ---------- 阴影（黑底微光） ---------- */ --shadow-sm: 0 1px 2px rgba(0,0,0,.40); --shadow-md: 0 4px 14px rgba(0,0,0,.46); --shadow-lg: 0 12px 32px rgba(0,0,0,.52); /* ---------- 字号 / 间距 / 圆角 / 字体栈（与浅色一致） ---------- */ --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="dark"]{ --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); }