/* ============================================================ 潜龙八字 · 皮肤 08「slate」——苍岩石绿 ------------------------------------------------------------ 一句话主张：**界面是一块切开的岩石标本**。 信息靠「地层」组织：硬边分层、无圆角、密实栅格。 所谓「美」，来自矿物本身的色带（冷灰 → 苔绿 → 铁锈），不是装饰。 与 03「qing」的分野（两套都是浅色 + 青绿，必须可辨识）： · qing = 青瓷**釉面**：冷白底、釉光细腻、圆角 6px、密度中、留白从容 · slate = 苍岩**断面**：冷灰底、硬边直角、密度最高、苔绿是苔不是釉 qing 是「净」，slate 是「糙」。 与前六套的结构差异：本套是 9 套里**唯一「高密度 + 硬边 + 冷色」**的组合 （D 工作台是「高密度 + 冷色 + 极小圆角」，更「工具」；本套更「自然矿物」）。 法度（与 css/light.css、_design/E-史诗/skin.css 同规格）： 1) 本文件只声明 CSS 变量（设计契约），不含任何组件选择器； 2) 契约 = 47 项语义令牌 ＋ 大字阶梯，自足，不依赖 :root 兜底； 3) 顶层选择器只有 [data-skin="slate"] 一个； 4) 不含强制优先声明；不含断点型媒体查询； 5) 注释内不写块注释的结束符号片段（硬教训 10），注释内亦不写花括号。 对比度口径：每个承载文字的色值旁标注的比值均由 WCAG 2.x 相对亮度公式 在 sRGB 上**脚本计算**（见 08-苍岩石绿/方案.md 实测表）。 本机无可用无头浏览器，故属「静态推定」，未经真机取色复核。 用法： ＋ 引入 css 下同名文件（零组件改动）。 ============================================================ */ /* ------------------------------------------------------------ 一 · core 层：冷灰岩 + 苔绿 ------------------------------------------------------------ */ [data-skin="slate"] { /* ---------- 岩：冷灰，带一点绿偏（不是蓝偏 —— 蓝偏会像 qing） ---------- */ --bg: #e8eae6; /* 页面底：岩面（露出的灰绿） */ --bg-soft: #dfe2dd; /* 侧栏 / 页脚 */ --surface: #f5f7f3; /* 卡片：岩石断面（切面比表面亮） */ --surface-2: #eaede8; /* 内嵌 / 表头 */ --surface-3: #dee2dc; /* 更沉一档 */ --bg-card: #f5f7f3; /* ---------- 文字：铁灰（不是纯黑，岩石上没有纯黑） ---------- */ --ink: #1f2724; /* 主文字（对 surface 14.02:1） */ --ink-2: #4b5651; /* 次文字（对 surface 7.53:1） */ --ink-3: #636d68; /* 表注 / 占位（对 surface 5.05:1，对 surface-2 4.72:1） */ /* ---------- 线：本套的「硬边」靠 1px 实线 + 直角，不靠加粗 ---------- */ --line: #ccd2ca; /* 常规线（地层分界） */ --line-strong: #8d968e; /* 强调线（对 surface 2.94:1 —— 未达非文字 3:1， 故本套的层级**不依赖** --line-strong，见 方案.md） */ --line-thin: #dde1da; /* 极细线 */ /* ---------- 深色信息卡（既有命名，兼容现组件） ---------- */ --dark-bg: #232a27; --dark-surface: #2f3733; --dark-text: #eef1ec; --dim-text: #a7b0aa; /* 对 dark-surface 6.41:1 */ /* ---------- hero 组（岩心标本牌） ---------- */ --hero-bg: #232a27; --hero-surface: #2f3733; --hero-text: #eef1ec; --hero-dim: #a7b0aa; --hero-line: rgba(238, 241, 236, .16); /* ------------------------------------------------------------ 二 · semantic 层 ------------------------------------------------------------ */ /* ---------- 品牌：苔绿（苔藓的暗绿，不是翠绿）——对 bg 5.31 / surface 5.63 / surface-2 5.05 ---------- */ --brand: #2c5c3f; --brand-deep: #1e422c; --brand-soft: rgba(44, 92, 63, .10); --brand-glow: rgba(44, 92, 63, .26); /* ---------- 辅助：铁锈（岩层里的氧化铁带）——对 surface 5.17:1 ---------- */ --accent: #8a4a2c; --accent-deep: #6b3820; --accent-soft: rgba(138, 74, 44, .10); /* ---------- 点缀：黄铜矿（矿物里的金属光，比金更「矿」）——对 surface 4.91:1；文字 5.42 ---------- */ --gold: #856426; --gold-text: #6a4e1c; --gold-soft: rgba(133, 100, 38, .11); /* ---------- 语义四色：矿物体系内可辨，全部 ≥4.5:1 对 surface ---------- */ --ok: #1f6b41; /* 5.93:1 */ --warn: #8a5411; /* 5.71:1 */ --danger: #9c3123; /* 6.55:1 */ --info: #235f83; /* 6.60:1 */ /* ---------- 资料分级 S / A / B / C（作实底 + 墨字） ---------- */ --grade-s: #9a7a1e; /* S 黄铜（墨字 5.42:1） */ --grade-a: #ad4a2e; /* A 铁锈（墨字 4.86:1） */ --grade-b: #2c5c3f; /* B 苔绿（墨字 8.20:1） */ --grade-c: #8b938c; /* C 岩灰（墨字 3.12:1 —— 仅作底色块，字走 --ink） */ /* ---------- 五行色（数据编码色：**只作色条 / 底纹 / 色块，不作文字前景**） 本套五行色统一「降饱和 + 加灰」，与岩石环境一致； 文字一律走 --ink（见 css/readability.css）。 ---------- */ --wx-wood: #33704a; --wx-fire: #b04a2e; --wx-earth: #8a6420; --wx-metal: #a8861c; --wx-water: #2b5b8c; /* ---------- 影：硬边的东西影子也硬（小扩散 + 高不透明度，不是柔雾） ---------- */ --shadow-sm: 0 1px 1px rgba(31, 39, 36, .10); --shadow-md: 0 3px 8px rgba(31, 39, 36, .20); --shadow-lg: 0 10px 26px rgba(31, 39, 36, .28); /* ------------------------------------------------------------ 三 · 刻度：字号 / 间距 / 圆角 / 字体 本套密度**最高**：字号统一小一档、间距收紧、圆角全 0～1px。 ------------------------------------------------------------ */ --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="slate"]{ --fs-scale: 0.94; --sp-scale: 0.94; --r-sm: var(--r-flat-sm); --r-md: var(--r-flat-md); --r-lg: var(--r-flat-lg); --r-xl: var(--r-flat-xl); --r-pill: var(--r-flat-pill); }