/* ============================================================ 潜龙八字 · 皮肤 06「ink」——水墨寒山 ------------------------------------------------------------ 一句话主张：**把界面当成一张宣纸上的水墨画**。 山（寒山）是墨的浓淡，不是线条的堆叠；信息层级靠「墨色五阶」表达， 而不是靠装饰。装饰越少，墨色越要准 —— 这是本套唯一的难点。 色彩体系（墨分五彩）： 焦墨（#1b1f24 系）→ 重墨 → 浓墨 → 淡墨 → 清墨（纸白） 辅以极少量「赭石」（印色/落款色，唯一的有彩色）。 与 05「nova」相反的极端：nova 是「密度最高 + 发光」，ink 是「密度最低 + 无光」。 两者共用同一套机制层 ⇒ 证明版式层与皮肤层确实解耦。 法度（与 css/light.css、_design/E-史诗/skin.css 同规格）： 1) 本文件只声明 CSS 变量（设计契约），不含任何组件选择器； 2) 契约 = 47 项语义令牌 ＋ 大字阶梯，自足，不依赖 :root 兜底； 3) 顶层选择器只有 [data-skin="ink"] 一个； 4) 不含强制优先声明；不含断点型媒体查询； 5) 注释内不写块注释的结束符号片段（硬教训 10），注释内亦不写花括号。 对比度口径：每个承载文字的色值旁标注的比值均由 WCAG 2.x 相对亮度公式 在 sRGB 上**脚本计算**（见 06-水墨寒山/方案.md 实测表）。 本机无可用无头浏览器，故属「静态推定」，未经真机取色复核。 用法： ＋ 引入 css 下同名文件（零组件改动）。 ============================================================ */ /* ------------------------------------------------------------ 一 · core 层：墨色五阶（宣纸 + 墨） ------------------------------------------------------------ */ [data-skin="ink"] { /* ---------- 纸：本色宣纸，极浅、略偏冷（避免与 01 宣纸朱砂的暖米撞脸） ---------- */ --bg: #f2f3f1; /* 页面底：生宣本色（略冷，才压得住墨） */ --bg-soft: #e9ebe8; /* 侧栏 / 页脚 */ --surface: #fbfcfa; /* 卡片：熟宣（比底更白，卡才「浮」得起来） */ --surface-2: #f0f2ef; /* 内嵌 / 表头 */ --surface-3: #e5e8e4; /* 更沉一档 */ --bg-card: #fbfcfa; /* ---------- 墨：五阶，每阶差「一个体量」而不是 1px ---------- */ --ink: #1b1f24; /* 焦墨：主文字（对 surface 14.81:1） */ --ink-2: #4d545c; /* 重墨：次文字（对 surface 7.94:1） */ --ink-3: #666d75; /* 淡墨：表注 / 占位（对 surface 5.68:1，对 surface-2 5.19:1） */ /* ---------- 线：以「墨量」定粗细观感，不用纯黑 ---------- */ --line: #d8dcd7; /* 常规线 */ --line-strong: #9aa29c; /* 强调线（对 surface 2.62:1 —— 本套**不靠线**做层级，见方案.md） */ --line-thin: #e7eae6; /* 极细线 */ /* ---------- 深色信息卡（既有命名，兼容现组件） ---------- */ --dark-bg: #1b1f24; --dark-surface: #262b31; --dark-text: #f4f6f4; --dim-text: #a8b0b8; /* 对 dark-surface 6.23:1 */ /* ---------- hero 组（本套**低压使用**：命主铭牌走纸色，是全站唯一「留白块」） ---------- */ --hero-bg: #22272c; --hero-surface: #2b3138; --hero-text: #f4f6f4; --hero-dim: #a8b0b8; --hero-line: rgba(244, 246, 244, .16); /* ------------------------------------------------------------ 二 · semantic 层 ------------------------------------------------------------ */ /* ---------- 品牌：赭石（落款印色）——全站唯一的有彩色。 水墨画里唯一的红是印章，所以它必须**少而重**： 只出现在「当前态 / 主按钮 / 落款」三处，不做装饰散布。 对 bg 6.44:1 / surface 6.98:1 / surface-2 6.05:1 —— 三底全过正文线。 ---------- */ --brand: #93412a; --brand-deep: #6f2f1d; --brand-soft: rgba(147, 65, 42, .09); --brand-glow: rgba(147, 65, 42, .22); /* ---------- 辅助：青灰（远山的淡青，不是青绿）——对 surface 5.86:1 ---------- */ --accent: #4a6672; --accent-deep: #354c56; --accent-soft: rgba(74, 102, 114, .10); /* ---------- 点缀：陈墨金（旧轴头的铜色，克制）——对 surface 5.61:1；文字金 6.14:1 ---------- */ --gold: #8a7434; --gold-text: #6d5a24; --gold-soft: rgba(138, 116, 52, .11); /* ---------- 语义四色：水墨体系内可辨，且全部 ≥4.5:1 对 surface ---------- */ --ok: #2c6b45; /* 5.72:1 */ --warn: #8a5a10; /* 5.64:1 */ --danger: #9c2b23; /* 6.63:1 */ --info: #2a5f85; /* 6.26:1 */ /* ---------- 资料分级 S / A / B / C（作实底 + 墨字） ---------- */ --grade-s: #a8862a; /* S 金（墨字 6.05:1） */ --grade-a: #b04a35; /* A 赭（墨字 5.02:1） */ --grade-b: #4a6672; /* B 青灰（墨字 7.22:1） */ --grade-c: #8c8f8b; /* C 石灰（墨字 3.21:1 —— 仅作底色块，字走 --ink） */ /* ---------- 五行色（数据编码色：**只作色条 / 底纹 / 色块，不作文字前景**） 水墨体系里的五色必须都「含墨」，否则会跳出画面： 统一压低饱和、拉高明度差。文字一律走 --ink（见 css/readability.css）。 ---------- */ --wx-wood: #2f7a4d; --wx-fire: #b8442c; --wx-earth: #8f6a24; --wx-metal: #b8931c; --wx-water: #2f5f96; /* ---------- 影：宣纸上的墨「洇」——极淡，扩散大，没有硬边 ---------- */ --shadow-sm: 0 1px 2px rgba(27, 31, 36, .05); --shadow-md: 0 4px 16px rgba(27, 31, 36, .07); --shadow-lg: 0 14px 38px rgba(27, 31, 36, .11); /* ------------------------------------------------------------ 三 · 刻度：字号 / 间距 / 圆角 / 字体 本套是 9 套里**留白最大**的一套 ⇒ 间距阶整体放大一档， 字号反而略小（字大了就没有「远山」的疏朗感）。 ------------------------------------------------------------ */ --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", "SimSun", 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="ink"]{ --fs-scale: 1.0; --sp-scale: 1.25; --r-sm: var(--r-sharp-sm); --r-md: var(--r-sharp-md); --r-lg: var(--r-sharp-lg); --r-xl: var(--r-sharp-xl); --r-pill: var(--r-sharp-pill); }