/* ============================================================ 潜龙八字 · 皮肤 09「dawn」——朱曦暖阳 ------------------------------------------------------------ 一句话主张：**清晨六点的窗边**。 界面是「被晨光照亮的一叠纸」：暖橙金是**光**，不是色块； 高明度、低对比、通透。本套是 9 套里**最亮**的一套。 与 01「light 宣纸朱砂」的分野（两套都是暖浅色，必须可辨识）： · light = 宣纸**米白 + 朱砂**：米黄底、朱砂是「印」、描金细边、密度中 · dawn = 晨光**暖橙 + 高亮**：奶白底更亮、橙金是「光」、密度中、 且本套的 --bg 亮度明显高于 light（是本套的定义特征） light 是「旧纸」，dawn 是「新晨」。 与 06「ink 水墨寒山」的分野（两套都偏「淡」，但方向相反）： · ink = 无彩 + 低亮度 + 大留白（水墨） · dawn = 有彩 + 高亮度 + 常规密度（晨光） 法度（与 css/light.css、_design/E-史诗/skin.css 同规格）： 1) 本文件只声明 CSS 变量（设计契约），不含任何组件选择器； 2) 契约 = 47 项语义令牌 ＋ 大字阶梯，自足，不依赖 :root 兜底； 3) 顶层选择器只有 [data-skin="dawn"] 一个； 4) 不含强制优先声明；不含断点型媒体查询； 5) 注释内不写块注释的结束符号片段（硬教训 10），注释内亦不写花括号。 对比度口径：每个承载文字的色值旁标注的比值均由 WCAG 2.x 相对亮度公式 在 sRGB 上**脚本计算**（见 09-朱曦暖阳/方案.md 实测表）。 ⚠ 高明度浅底是**对比度最危险**的一类皮肤（底越亮，字越难拉开）—— 本套每个承载文字的 token 都按 --surface-2 这一档**最亮的底**复核过。 本机无可用无头浏览器，故属「静态推定」，未经真机取色复核。 用法： ＋ 引入 css 下同名文件（零组件改动）。 ============================================================ */ /* ------------------------------------------------------------ 一 · core 层：晨光奶白 + 暖橙金 ------------------------------------------------------------ */ [data-skin="dawn"] { /* ---------- 光：奶白，底亮度刻意拉高（本套的定义特征） ---------- */ --bg: #fdf8f0; /* 页面底：晨光漫射的奶白 */ --bg-soft: #f8f0e2; /* 侧栏 / 页脚 */ --surface: #fffdf8; /* 卡片：受光的纸面（最亮） */ --surface-2: #faf3e7; /* 内嵌 / 表头（★ 本套最难的一档，所有文字按它复核） */ --surface-3: #f3ead9; /* 更沉一档 */ --bg-card: #fffdf8; /* ---------- 文字：暖褐（不是黑 —— 晨光下没有纯黑） ---------- */ --ink: #2b2117; /* 主文字（对 surface-2 13.83:1） */ --ink-2: #5f4f3c; /* 次文字（对 surface-2 7.05:1） */ --ink-3: #6f5e49; /* 表注 / 占位（对 surface-2 5.35:1，对 surface 5.74:1） */ /* ---------- 线：晨雾（暖灰，几乎不抢眼） ---------- */ --line: #ecdfc9; /* 常规线 */ --line-strong: #cbb48d; /* 强调线（对 surface-2 1.63:1 —— 本套**不靠线**做层级， 层级走「亮度差 + 间距」，见 方案.md） */ --line-thin: #f4ecdd; /* 极细线 */ /* ---------- 深色信息卡（既有命名，兼容现组件）：暖褐，不用冷黑 ---------- */ --dark-bg: #3a2c1c; --dark-surface: #4a3925; --dark-text: #fdf6ea; --dim-text: #c9b295; /* 对 dark-surface 6.23:1 */ /* ---------- hero 组（晨光下的铭牌：暖橙渐变的地基色） ---------- */ --hero-bg: #3a2c1c; --hero-surface: #4a3925; --hero-text: #fdf6ea; --hero-dim: #c9b295; --hero-line: rgba(253, 246, 234, .18); /* ------------------------------------------------------------ 二 · semantic 层 ------------------------------------------------------------ */ /* ---------- 品牌：朱曦（日出第一刻的橙红）——对 bg 5.24 / surface-2 4.68 ---------- 高明度浅底上，橙红必须压深才达 4.5:1；再亮一档（#d9541c 系）就掉线。 ---------- */ --brand: #b8441a; --brand-deep: #8e3212; --brand-soft: rgba(184, 68, 26, .10); --brand-glow: rgba(184, 68, 26, .26); /* ---------- 辅助：晓青（晨空的残青，暖底上的对位冷色）——对 surface-2 6.03:1 ---------- */ --accent: #3f6d7a; --accent-deep: #2d515c; --accent-soft: rgba(63, 109, 122, .10); /* ---------- 点缀：琥珀（晨光穿过蜜的颜色）——对 surface-2 5.24:1；文字 5.72 ---------- */ --gold: #8a6114; --gold-text: #6d4c10; --gold-soft: rgba(138, 97, 20, .12); /* ---------- 语义四色：暖浅底上全部压深达标（按 surface-2 复核） ---------- */ --ok: #1c6b3c; /* 5.98:1 */ --warn: #8a4d0c; /* 6.28:1 */ --danger: #a52a1e; /* 6.83:1 */ --info: #1d5c85; /* 6.63:1 */ /* ---------- 资料分级 S / A / B / C（作实底 + 墨字） ---------- */ --grade-s: #9a6c10; /* S 琥珀（墨字 5.17:1） */ --grade-a: #bc4a24; /* A 朱曦（墨字 4.61:1） */ --grade-b: #3f6d7a; /* B 晓青（墨字 6.64:1） */ --grade-c: #8f8778; /* C 暖灰（墨字 3.48:1 —— 仅作底色块，字走 --ink） */ /* ---------- 五行色（数据编码色：**只作色条 / 底纹 / 色块，不作文字前景**） 本套五行色统一「提暖 + 保持彼此明度差」，避免晨光底上糊成一片。 文字一律走 --ink（见 css/readability.css）。 ---------- */ --wx-wood: #1f7a42; --wx-fire: #cf4522; --wx-earth: #9a6a12; --wx-metal: #b8890a; --wx-water: #2563ab; /* ---------- 影：晨光低角度 ⇒ 影**长而淡**（大扩散 + 低不透明度），这是本套的关键质感 ---------- */ --shadow-sm: 0 1px 2px rgba(90, 62, 30, .06); --shadow-md: 0 5px 18px rgba(90, 62, 30, .09); --shadow-lg: 0 16px 44px rgba(90, 62, 30, .13); /* ------------------------------------------------------------ 三 · 刻度：字号 / 间距 / 圆角 / 字体 晨光感 = 略大的字号 + 宽松行距 + 中等圆角（柔和，不是硬边也不是全圆） ------------------------------------------------------------ */ --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="dawn"]{ --fs-scale: 1.0; --sp-scale: 1.083; --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); }