/* ============================================================
 * 智小盒 · 纸感浅色主题（theme-paper.css）  v1.0.0 · 2026-09-21
 * ------------------------------------------------------------
 * 第三套主题。设计语言借鉴站长给的 Kimi 概念稿
 * （Kimi_Agent_智小盒首页设计方案/app/concept-a.html），抽取的是它的
 * **结构手法**而不是它的色值：奶油纸底 + 暖墨绿文字 + 1.5px 实墨描边 +
 * 硬偏移阴影 + 强调色只当填充不当字。
 *
 * ── 为什么是「独立增量层」，而不是「把现有浅色存成一个主题」 ──────────
 *   现有浅色 = resume/index.html 的内联 <style> 本身。它是**真源**，不是覆盖层。
 *   想把它「变成一份可开关的覆盖层」，得重写 600+ 条规则才能还原同一张脸 ——
 *   不现实也没必要。所以三套主题各就各位：
 *     light  = 内联真源（一行不动）        ← 旧浅色，随时切回
 *     dark   = theme-dark.css（自动生成）  ← 深色
 *     paper  = 本文件（手写增量）          ← 新增的纸感浅色
 *   删掉本主题 = 删本文件 + site-theme.js 的 THEMES 去掉 'paper'
 *              + resume/index.html 去掉本文件的 <link> 与 boot 白名单里的 'paper'。
 *
 * ── 管辖边界（重要）────────────────────────────────────────────
 *   本文件**不在** scripts_dev/gen_theme_dark.py 的管辖内。生成器只读
 *   resume/index.html 的内联 <style> 产深色，本文件加多少条都不会影响它，
 *   也不会触发 deploy.py 的深色漂移闸门。反过来，改本文件不必重跑生成器。
 *
 * ── 特异性口径 ────────────────────────────────────────────────
 *   一律键在 html[data-theme="paper"] 上：(0,1,1) 高于 :root 的 (0,1,0)，
 *   所以令牌重映射直接写在同一个块里，不需要 !important。
 *   顶栏（tools/shared/site-header.js）的样式是运行时注入 <style>，文档顺序
 *   恒在本文件之后 —— 那边全靠 **特异性** 取胜，所以本文件里凡覆盖顶栏，
 *   选择器一律多带一层 .wkh，确保严格大于注入规则。
 * ============================================================ */

/* ============================================================
 * §1 令牌重映射
 * ------------------------------------------------------------
 * 这一块是整套主题的地基：全站凡是写了 var() 的地方都跟着走。
 * 三处关键改动，对应诊断报告《浅色档对比度诊断与 Kimi 方案借鉴》的结论：
 *   ① 墨色从深墨蓝 #0a1628 搬到**暖墨绿** #0b271a —— 与奶油纸同温度；
 *   ② 结构线 --line 从实色 #e4dcc8 换成半透明墨线 —— 对纸 1.23:1 → 1.55:1，
 *      且在卡面上会自动变浅，不再出现「线比卡面还抢眼」；
 *   ③ --wk-cyan 从金色当字（#7b6214，79 处小标签）改为**墨绿当字**，
 *      让正文与标签全部收敛到墨色族 —— Kimi 的文字里一个有色相的字都没有，
 *      它的黄只出现在填充上。金色仍然保留在 --gold，但只当底色/描边用。
 * ============================================================ */
html[data-theme="paper"]{
  /* 墨族：暖墨绿。--ink 仍是最深的那个（首屏带、大标题、品牌底） */
  --ink:#0b271a;
  --ink-2:#113625;
  --ink-3:#184d34;

  /* 纸族：纸底保持奶油白（站长口径「背景不用大改」），把层次交给卡面 */
  --paper:#f7f3ea;
  --paper-2:#fffdf6;

  /* 字族：正文墨绿，次要字提到 5.98:1（现状 #5a6472 只有 5.42:1） */
  --text:#1b3127;
  --text-2:#4e6157;

  /* 强调色：金留作**填充**，不再承担文字。Kimi 的 acid 对纸只有 1.14:1，
     它敢用的前提正是「永不当字」—— 这里沿用同一条纪律，但保留我方金色身份。 */
  --gold:#d4ad24;
  --gold-2:#e6c44a;
  --gold-soft:rgba(212,173,36,.18);

  /* 结构线：半透明墨线（Kimi 的 --line:rgba(14,42,34,.18) 同法） */
  --line:rgba(11,39,26,.22);

  /* 语义色：全部落到墨绿邻域，避免浅底上出现「五色霓虹」 */
  --wk-cyan:#2f5d43;
  --wk-violet:#536b5f;
  --wk-mint:#2b6b43;
  --wk-amber:#7d5a1f;
  --wk-pink:#a2432f;

  /* 面层：卡面比纸**亮**（Kimi 的纸 L*93.5 / 卡 L*99.3），三层同族递深。
     --wk-surface-2 从 #faf5ea 提到与卡面同值：原来卡片走
     surface → surface-2 的渐变，终点几乎落在纸色上，卡面下半截等于消失。 */
  --wk-surface:#fffdf6;
  --wk-surface-2:#fbf7ec;
  --wk-surface-3:#ece5d2;
  --wk-ink-on-neon:#0b271a;

  /* 描边与投影：深色那套「霓虹光晕」在纸面上没有对应物，
     换成 Kimi 的**硬偏移阴影**（实心、无模糊、向右下错开）。 */
  --glow-line:rgba(11,39,26,.26);
  --glow-soft:0 10px 26px rgba(11,39,26,.10);
  --glow-strong:5px 5px 0 rgba(11,39,26,.16);
  --ring-track:rgba(11,39,26,.16);

  /* 数据条大字的颜料两端 */
  --num-top:#0b271a;
  --num-bot:#4e6157;

  /* ── 顶栏令牌（tools/shared/site-header.js 注入在 :root，此处覆盖）──
     ★ 只改「深底浅字」相关的四个，--wkh-gold / --wkh-gold2 保持原值：
     CTA 是金底墨字，浅顶栏上依然是最醒目的一颗，不需要动。 */
  --wkh-ink:#0b271a;
  --wkh-ink2:#113625;
  --wkh-text:#1b3127;
  --wkh-text2:#4e6157;
  --wkh-line:rgba(11,39,26,.22);
  --wkh-paper:#f7f3ea;
}

/* ============================================================
 * §2 纸张与颗粒
 * ------------------------------------------------------------
 * Kimi 那张纸的「手感」来自一层极淡的双频点阵（22px + 47px 错位）。
 * 深色档的底光挂在 body::before/::after 上、且只键 html[data-theme="dark"]，
 * 本主题完全不匹配 ⇒ 这里可以自由用 body 自己的背景，不会打架。
 * ============================================================ */
html[data-theme="paper"] body{
  background-color:var(--paper);
  color:var(--text);
  background-image:
    radial-gradient(rgba(11,39,26,.030) 1px,transparent 1px),
    radial-gradient(rgba(11,39,26,.020) 1px,transparent 1px);
  background-size:22px 22px,47px 47px;
  background-position:0 0,11px 13px;
}
html[data-theme="paper"] ::selection{background:var(--gold-2);color:var(--ink)}

/* ============================================================
 * §3 顶栏：深底 → 纸底
 * ------------------------------------------------------------
 * 顶栏的 .wkh 底色是**写死**在 site-header.js 里的 rgba(10,22,40,.95)，
 * 不在生成器管辖内（深色档是在 theme-dark.tail.css 里用
 * html[data-theme="dark"] .wkh 覆盖它，靠特异性取胜）。这里同法处理。
 * 覆盖清单 = 顶栏里所有「深底上的浅字」写死值，一处不落：
 *   .wkh 底与底线 / .wkh-name / .wkh-nav a / .wkh-soon / .wkh-grp-btn
 *   / .wkh-sub 面板 / .wkh-theme / .wkh-menu-btn / .wkh-menu 下拉 / .wkh-mark
 * ============================================================ */
html[data-theme="paper"] .wkh{
  background:rgba(247,243,234,.90);
  border-bottom:1px solid rgba(11,39,26,.22);
}
/* 品牌名与副题：深字 + 金色副题（副题太浅会糊，Kimi 的 ink-faint 就是教训） */
html[data-theme="paper"] .wkh .wkh-name{color:var(--ink)}
html[data-theme="paper"] .wkh .wkh-name em{color:#96700f}
/* 品牌圆标：反白成「金底 + 墨边 + 墨字」—— 直接对应 Kimi 的 .brand-dot
   （background:var(--acid);border:2px solid var(--ink)）。浅底上金圈是
   2.18:1 的弱信号，加墨边才立得住。 */
html[data-theme="paper"] .wkh .wkh-mark{
  background:var(--gold);border-color:var(--ink);color:var(--ink);font-weight:800;
}
/* 菜单项：站长报「菜单颜色不明显」。原来的 --text-2(#4e6157，对纸 5.98:1) 量着是够的，
   但 14px 的细字压在纸底上看着发灰 —— 换墨色 + 加粗到 600，靠"重"而不只是靠"深"。
   悬停用金褐（与本文件其它金色小字同一支），当前项保留金色下划线。 */
html[data-theme="paper"] .wkh .wkh-nav a{color:var(--ink);font-weight:600}
html[data-theme="paper"] .wkh .wkh-nav a:hover{color:#8a6410}
html[data-theme="paper"] .wkh .wkh-nav a.wkh-on{color:var(--ink);font-weight:700}
html[data-theme="paper"] .wkh .wkh-nav a.wkh-on::after{background:var(--gold);height:2.5px}
html[data-theme="paper"] .wkh .wkh-ai{color:#96700f;font-weight:700}
/* 「即将上线」徽标：次要信息，保持第二档字色 */
html[data-theme="paper"] .wkh .wkh-soon{color:var(--text-2);border-color:rgba(11,39,26,.26)}
/* 二级菜单 caret：随菜单项一起加深 */
html[data-theme="paper"] .wkh .wkh-grp-btn{color:var(--ink)}
html[data-theme="paper"] .wkh .wkh-grp-btn:hover{color:#8a6410}
html[data-theme="paper"] .wkh .wkh-grp.wkh-grp-open .wkh-grp-btn{color:var(--ink)}
/* 二级菜单面板：纸底 + 墨边 + 硬阴影（原来是半透明墨底 + 金色边） */
html[data-theme="paper"] .wkh .wkh-grp.wkh-grp-open .wkh-sub{
  background:var(--paper-2);
  border:1px solid rgba(11,39,26,.28);
  box-shadow:4px 4px 0 rgba(11,39,26,.12);
}
html[data-theme="paper"] .wkh .wkh-sub a{color:var(--text-2)}
html[data-theme="paper"] .wkh .wkh-sub a:hover{color:var(--ink);background:rgba(11,39,26,.06)}
html[data-theme="paper"] .wkh .wkh-sub a.wkh-on{color:var(--ink);font-weight:700}
/* CTA：金底 + 墨字 + 墨描边（只加描边与影，color 交给注入规则里的 !important）
   ★ 2026-09-21 修正（站长口径「三个主题的菜单需要保持内容和排版是一样的」）：
     描边原写作 `border:1.5px solid var(--ink)`，而 border 是**吃尺寸**的 ⇒
     纸感档的「上传简历」实测 78×34.8，浅色/深色档 76×32.8，大 2×2px。
     改成**不参与布局的外向 box-shadow 环**（视觉与 1.5px 描边一致），
     同时把 font-weight 收回基线的 600（原 700 还会让字宽多零点几像素）。
     现在三档 CTA 逐像素相同：76×32.8。 */
html[data-theme="paper"] .wkh .wkh-cta{
  background:var(--gold);
  box-shadow:0 0 0 1.5px var(--ink),3px 3px 0 rgba(11,39,26,.20);
}
html[data-theme="paper"] .wkh .wkh-cta:hover{background:var(--gold-2)}
/* 主题开关钮 */
html[data-theme="paper"] .wkh .wkh-theme{color:var(--ink);border-color:rgba(11,39,26,.34)}
html[data-theme="paper"] .wkh .wkh-theme:hover{border-color:var(--ink);color:var(--ink);background:rgba(11,39,26,.06)}
/* 工具页精简态 */
html[data-theme="paper"] .wkh .wkh-back{color:var(--text-2)}
html[data-theme="paper"] .wkh .wkh-back:hover{color:var(--ink)}
html[data-theme="paper"] .wkh .wkh-toolname{color:var(--ink)}
/* ≤960px 的 ≡ 按钮与下拉面板 */
html[data-theme="paper"] .wkh .wkh-menu-btn{color:var(--ink);border-color:rgba(11,39,26,.34)}
html[data-theme="paper"] .wkh .wkh-menu-btn:hover{border-color:var(--ink);color:var(--ink)}
html[data-theme="paper"] .wkh.wkh-menu-open .wkh-menu{
  background:var(--paper-2);
  border:1px solid rgba(11,39,26,.28);
  box-shadow:0 14px 34px rgba(11,39,26,.16);
}
html[data-theme="paper"] .wkh.wkh-menu-open .wkh-menu .wkh-mi{color:var(--text-2)}
html[data-theme="paper"] .wkh.wkh-menu-open .wkh-menu .wkh-mi:hover{color:var(--ink);background:rgba(11,39,26,.06)}
html[data-theme="paper"] .wkh.wkh-menu-open .wkh-menu .wkh-mi.wkh-on{color:var(--ink);font-weight:700}
html[data-theme="paper"] .wkh.wkh-menu-open .wkh-menu .wkh-mi-grp{
  color:#7a8a80;border-top:1px solid rgba(11,39,26,.12);
}

/* ============================================================
 * §3b 顶栏账号区（.wkh-acct 槽位，由 tools/shared/site-account.js 注入）
 * ------------------------------------------------------------
 * ★ 站长报「登录的按钮看不见」的根因：site-account.js 的
 *   `.wkh .wkh-login{color:#f5efdd; border:1px solid gold-55%}` 是照着
 *   **深色顶栏**写的浅奶油白 —— 压在 paper 的浅顶栏 rgba(247,243,234,.9) 上
 *   就是「白字打白底」，只剩一圈很淡的金边，看上去像一个空框。
 *   同批出问题的还有 .wkh-me / .wkh-pts（登录后）与 .wkh-menu2 下拉（深底面板）。
 *   全部用「多带一层 .wkh」的更高特异性压过去，不改 site-account.js（那是并行线的文件）。
 * ============================================================ */
html[data-theme="paper"] .wkh .wkh-login{
  color:var(--ink);font-weight:600;border-color:rgba(11,39,26,.34);
}
html[data-theme="paper"] .wkh .wkh-login:hover{
  color:var(--ink);border-color:var(--ink);background:rgba(11,39,26,.06);
}
html[data-theme="paper"] .wkh .wkh-me{color:var(--ink);border-color:rgba(11,39,26,.28)}
html[data-theme="paper"] .wkh .wkh-pts{color:var(--ink);font-weight:600}
html[data-theme="paper"] .wkh .wkh-pts em{color:var(--text-2)}
/* 头像：--wkh-gold / --wkh-ink 都已在 §1 重映射过，自动跟随，无需另写 */
html[data-theme="paper"] .wkh .wkh-acct .wkh-menu2.open{
  background:var(--paper-2);
  border-color:rgba(11,39,26,.28);
  box-shadow:4px 4px 0 rgba(11,39,26,.12);
}
html[data-theme="paper"] .wkh .wkh-m2-head{color:var(--ink)}
html[data-theme="paper"] .wkh .wkh-m2-bal{color:var(--text-2)}
html[data-theme="paper"] .wkh .wkh-m2-bal b{color:#8a6410}
html[data-theme="paper"] .wkh .wkh-m2-topup{color:var(--text-2)}
html[data-theme="paper"] .wkh .wkh-m2-topup:hover{color:var(--ink);background:rgba(11,39,26,.06)}
html[data-theme="paper"] .wkh .wkh-m2-note{color:var(--text-2)}
html[data-theme="paper"] .wkh .wkh-m2-out{color:var(--text-2);border-top-color:rgba(11,39,26,.12)}
html[data-theme="paper"] .wkh .wkh-m2-out:hover{color:var(--ink);background:rgba(11,39,26,.06)}

/* ============================================================
 * §4 首屏（站长口径的「改法 4」：整块改浅）
 * ------------------------------------------------------------
 * 浅色档的 .hero 写死了深蓝径向渐变（radial-gradient(... #14294a, var(--ink) 55%)），
 * 595px 之后硬切到纸色 —— 那条硬边就是站长说的「一块蓝色的块」。
 * 深色档的 .hero 是 transparent（深来自 body 负 z-index 底光），所以问题只在浅色。
 * 这里不追加深色，而是把整块收到纸族：上端比纸深半档（--paper-deep 的用法），
 * 向下渐隐回纸色，过渡落在 62% 而不是最后一行 —— 眼睛看不到接缝。
 * ============================================================ */
html[data-theme="paper"] .hero{
  background:linear-gradient(180deg,#f1ead8 0%,#f4efe1 62%,var(--paper) 100%);
}
html[data-theme="paper"] .hero h1{color:var(--ink)}
/* 标题第二行：从「渐变裁字」改成 Kimi 的高亮笔。
   原来 .g 是 linear-gradient + background-clip:text + color:transparent，
   在浅底上三段绿几乎同色、读起来就是一片糊。Kimi 的 .hl 用一条 62%~94% 的
   荧光色带垫在字下半截，字本身仍是墨色 —— 色相在填充上，不在笔画上。 */
html[data-theme="paper"] .hero h1 .g{
  background:linear-gradient(transparent 63%,#ecdf7a 63%,#ecdf7a 93%,transparent 93%);
  -webkit-background-clip:border-box;background-clip:border-box;
  -webkit-text-fill-color:currentColor;color:var(--ink);
}
html[data-theme="paper"] .hero-sub{color:var(--text-2)}
html[data-theme="paper"] .hero-meta{color:var(--text-2)}
html[data-theme="paper"] .hero-meta b{color:var(--ink)}
/* kicker 胶囊：浅底上把金线换成墨线、底纹换成微金 */
html[data-theme="paper"] .hero-kicker{
  color:#8a6410;border-color:rgba(11,39,26,.26);
  background:color-mix(in srgb,var(--gold) 12%,transparent);
}
/* 主按钮（2026-09-21 站长口径改）：纸感档原来是「墨底纸字」反白 —— 那是为了对比度，
   但全站的标准是「金色实心 = 动作执行类」（见 resume/index.html 顶部按钮标准表），
   这一枚偏偏长得像次要动作，和浅色/深色两档也对不上。改回金底墨字，
   原来担心的「浅底上按钮边界只有 2.18:1」用一圈**墨描边**补回来：
   填充仍是金色（满足统一口径），边界靠 border 拉到 12:1（WCAG 1.4.11 要求 3:1）。
   hover 保留纸感档独有的「金色硬偏移」动作，只是把偏移色从金换成墨，否则金影落在金底上看不见。 */
html[data-theme="paper"] .btn-gold{
  background:var(--gold);color:var(--ink);
  border:1.5px solid var(--ink);box-shadow:0 0 0 0 transparent;
}
html[data-theme="paper"] .btn-gold:hover{
  background:var(--gold-2);color:var(--ink);
  box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px);
}
/* 次按钮：纸底 + 墨描边 */
html[data-theme="paper"] .btn-ghost{
  background:var(--paper-2);border:1.5px solid rgba(11,39,26,.30);color:var(--ink);
}
html[data-theme="paper"] .btn-ghost:hover{
  border-color:var(--ink);background:var(--paper);color:var(--ink);
}
/* 首发第二 CTA「AI 面试全流程」（2026-09-25 新增，绿底）——与上面金钮配成一对：
   同一套墨描边 + 硬偏移，只是填充换成 --wk-mint（本主题的 #2b6b43，与
   .floating-tag.t1 的绿同源）。字仍走 --paper 奶白：压在本主题的 --wk-mint 上 6.3:1。
   ★ 描边必须给：纸底上 #2b6b43 对纸的边界只有 3.9:1，够看但不够狠；墨边拉到 12:1，
     与金钮同款（WCAG 1.4.11 要求 3:1）。
   ★ 这一条 border 同时负责「两钮同高」：纸感档的金钮也有一模一样的 1.5px 边框，
     绿钮在 light / dark 档没有边框（那里金钮也没有），三档内部各自等高。 */
html[data-theme="paper"] .btn-mint{
  background:var(--wk-mint);color:var(--paper);
  border:1.5px solid var(--ink);box-shadow:0 0 0 0 transparent;
}
html[data-theme="paper"] .btn-mint:hover{
  background:#24593a;color:var(--paper);
  box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px);
}
/* 注：原先这里还有一条 .hero-cta-sub 的次要字色覆盖 —— 2026-09-25 第二轮起
   第二行文字挪进了按钮内部（.hero-cta-tx .s，走同色 + opacity），按钮外那行小字
   已不存在，逐条删除。纸感档的两行按钮不需要额外配色：金钮是金底墨字、
   绿钮是墨绿底奶白字，两行的层次由 opacity 给出，与上面那条墨描边规则无关。 */
/* 首屏报告卡：纸面 + 墨边 + 硬偏移；去掉那圈渐变描边（浅底上只会糊成一团） */
html[data-theme="paper"] .scan-card{
  background:var(--paper-2);
  border:1.5px solid rgba(11,39,26,.55);
  box-shadow:8px 8px 0 rgba(11,39,26,.10);
}
html[data-theme="paper"] .scan-card::before{display:none}
html[data-theme="paper"] .floating-tag{
  background:var(--paper-2);border:1.5px solid rgba(11,39,26,.40);
  box-shadow:3px 3px 0 rgba(11,39,26,.12);backdrop-filter:none;
}
html[data-theme="paper"] .floating-tag.t1{color:#2b6b43}
html[data-theme="paper"] .floating-tag.t2{color:#8a6410}
html[data-theme="paper"] .floating-tag.t3{color:#536b5f}
html[data-theme="paper"] .ring .num{color:var(--ink)}
/* 首屏底部公告条（.newsbar，2026-09-21 新增）：底换成 Kimi 那条带子的颜色。
   浅色真源里写的是 background:var(--line)，本主题的 --line 是半透明墨线
   rgba(11,39,26,.22)，压成大面积底色会偏灰偏绿、与这套暖纸不合；而 --wk-surface-3
   （#ece5d2）正好就是稿子的 --paper-deep #e9e1cc。描边留 --line —— 稿子的带子
   本来就是上下各一条 1px 墨线，这里正好合上。菱形与文字走令牌，不用另写。 */
html[data-theme="paper"] .newsbar{
  background:var(--wk-surface-3);
  border-color:var(--line);
}

/* ============================================================
 * §5 工具墙
 * ------------------------------------------------------------
 * 这是「对比不明显」的重灾区：卡面走 surface → surface-2 渐变，终点
 * #faf5ea 对纸 #f7f3ea 只有 1.02:1，卡片下半截等于不存在；描边 --line
 * 对纸 1.23:1，同样看不见。
 * Kimi 的解法是把「分界」全部交给 1.5px 实墨描边（对纸 12.97:1），
 * 面层只做微差（ΔL* 5.8）。这里照做：纯卡底（去渐变）+ 墨描边 + 硬偏移。
 * ============================================================ */
html[data-theme="paper"] .tool{
  background:var(--paper-2);
  border:1.5px solid rgba(11,39,26,.58);
}
html[data-theme="paper"] .tool:hover{
  border-color:var(--ink);
  box-shadow:5px 5px 0 rgba(11,39,26,.12);
}
/* 光标跟随的径向光：深色档是霓虹晕，浅底上压到几乎只是一层暖意 */
html[data-theme="paper"] .tool::before{
  background:radial-gradient(circle at var(--mx,50%) var(--my,0%),
    color-mix(in srgb,var(--gold) 16%,transparent),transparent 62%);
}
html[data-theme="paper"] .tool p{color:var(--text-2)}
html[data-theme="paper"] .tool .arrow{color:var(--ink);opacity:.5}
/* 主推卡：墨边加重 + 硬偏移加大，靠「更厚的边 + 更远的影」而不是靠底色深浅 */
html[data-theme="paper"] .tool--hero{
  background:var(--paper-2);
  border:2px solid var(--ink);
  box-shadow:9px 9px 0 rgba(11,39,26,.13);
}
html[data-theme="paper"] .tool--hero:hover{
  border-color:var(--ink);
  box-shadow:11px 11px 0 rgba(11,39,26,.16);
}
html[data-theme="paper"] .tool--hero::after{display:none}
html[data-theme="paper"] .tool--hero .badge{
  color:var(--ink);background:var(--gold-2);
  border:1.5px solid var(--ink);
}
html[data-theme="paper"] .tool--hero .mini-stats{border-top:1px solid rgba(11,39,26,.20)}
html[data-theme="paper"] .tool--hero .mini-stats b{color:var(--ink)}

/* ============================================================
 * §6 分区与页面骨架
 * ------------------------------------------------------------
 * .needs / .recent-sec 原本是实色 var(--paper)，与 body 同色 ⇒ 首页从
 * 首屏到底部是一整片无断点的奶油色，读不出「这是新的一节」。
 * 这里把它们的底交给 body（transparent），露出 §2 的纸颗粒；
 * 分节节奏改由 .workflow 那张纸卡 + 标题层级承担 —— Kimi 就是用
 * 「重线 + 细线」而不是「换底色」来切分的。
 * ============================================================ */
html[data-theme="paper"] .needs{background:transparent}
html[data-theme="paper"] .recent-sec{background:transparent}
html[data-theme="paper"] .section-head .kicker{color:#8a6410}
html[data-theme="paper"] .section-head h2{color:var(--ink)}
html[data-theme="paper"] .section-head p{color:var(--text-2)}
/* 最近结果卡 */
html[data-theme="paper"] .recent-grid .tool-card{
  background:var(--paper-2);border:1.5px solid rgba(11,39,26,.36);
}
html[data-theme="paper"] .recent-grid .tool-card:hover{
  background:#fffefa;border-color:var(--ink);box-shadow:4px 4px 0 rgba(11,39,26,.12);
}
html[data-theme="paper"] .recent-grid .tool-card b{color:var(--ink)}
html[data-theme="paper"] .recent-grid .tool-card span{color:var(--text-2)}
html[data-theme="paper"] .recent-grid .tool-card .tarrow{color:#8a6410}
html[data-theme="paper"] .recent-more{
  color:#8a6410;border-bottom:1px solid rgba(11,39,26,.34);
}
html[data-theme="paper"] .recent-more:hover{color:var(--ink);border-bottom-color:var(--ink)}
html[data-theme="paper"] .recent-empty{
  background:var(--paper-2);border:1.5px dashed rgba(11,39,26,.34);color:var(--text-2);
}
html[data-theme="paper"] .recent-empty b{color:var(--ink)}
/* 隐私条 */
html[data-theme="paper"] .privacy-bar{
  background:transparent;border-top:1px solid rgba(11,39,26,.20);
}
html[data-theme="paper"] .privacy-bar .wrap{color:var(--text-2)}
html[data-theme="paper"] .privacy-bar svg{stroke:#8a6410}
html[data-theme="paper"] .privacy-bar b{color:var(--ink)}

/* ============================================================
 * §6b 深色收尾区（「更多职场工具」.tools-sec + 页脚 .site-foot）
 * ------------------------------------------------------------
 * ★ 这两块**故意保持深底**，不是漏改 —— 站长借的 Kimi 原稿正是这个结构：
 *     footer{margin-top:120px;background:var(--ink);color:var(--paper)}
 *   浅主体 + 深墨收尾是它的节奏手法。而且它深底用的就是 var(--ink)，
 *   与本站 .tools-sec / .site-foot 的写法逐字相同 —— 所以 paper 主题下
 *   --ink 一变成暖墨绿，这两块自动从「深蓝」变「深墨绿」，正好对上 Kimi。
 *   真要全浅反而丢了这个收尾。
 *
 *   这里只做一件事：把那批**偏蓝的冷灰字**（#8b99ad / #c8d2e0 / #8494ab /
 *   #7e8ea4）换成暖纸灰。它们是配深墨蓝写的，浮在墨绿底上会透出一层冷调。
 *   Kimi 的取值是 rgba(242,236,220,.72/.4) —— 用**纸色低透明**而不是白色低透明，
 *   底色才带暖。
 * ============================================================ */
html[data-theme="paper"] .tools-sec .sec-title{color:#faf6e9}
html[data-theme="paper"] .tools-sec .sec-desc{color:rgba(247,243,234,.68)}
html[data-theme="paper"] .tool-card{
  background:rgba(247,243,234,.055);
  border-color:rgba(247,243,234,.15);
}
html[data-theme="paper"] .tool-card:hover{
  border-color:rgba(212,173,36,.58);
  background:rgba(212,173,36,.10);
}
html[data-theme="paper"] .tool-card b{color:#faf6e9}
html[data-theme="paper"] .tool-card span{color:rgba(247,243,234,.64)}
html[data-theme="paper"] .tool-card .tarrow{color:rgba(247,243,234,.52)}
html[data-theme="paper"] .tool-card .ticon{border-color:rgba(212,173,36,.62)}
/* 页脚 */
html[data-theme="paper"] .site-foot{border-top-color:rgba(212,173,36,.32)}
html[data-theme="paper"] .foot-brand .fb-name{color:#faf6e9}
html[data-theme="paper"] .foot-brand .fb-name span{color:rgba(247,243,234,.58)}
html[data-theme="paper"] .foot-brand p{color:rgba(247,243,234,.68)}
html[data-theme="paper"] .foot-brand .fb-privacy{color:rgba(247,243,234,.56)}
html[data-theme="paper"] .foot-col h5{color:#faf6e9}
html[data-theme="paper"] .foot-col a{color:rgba(247,243,234,.70)}
html[data-theme="paper"] .foot-bottom{color:rgba(247,243,234,.56)}
html[data-theme="paper"] .foot-bottom .beian a{color:rgba(247,243,234,.56)}
html[data-theme="paper"] #view-home.show ~ .site-foot .foot-bottom{
  border-top-color:rgba(247,243,234,.13);
}
/* 页脚那枚 logo 方块：原来是从 --wk-cyan/violet/mint 拉的彩色渐变环 + 纸色芯。
   paper 下三色都是绿 ⇒ 一个糊在一起的绿环，与顶栏「金底墨心」不是一个语言。
   统一到金色：金环 + 墨心。 */
html[data-theme="paper"] .foot-brand .fb-mark{
  background:var(--gold);
  box-shadow:none;
}
html[data-theme="paper"] .foot-brand .fb-mark::after{background:var(--ink)}
/* 那枚 SVG 的两个 path 把霓虹青 #00E5FF / 霓虹紫 #7C3AFF 写在 **行内属性** 上
   （见 resume/index.html 页脚那段）。行内 presentation attribute 的特异性低于
   任何 CSS 规则，所以这里直接改描边即可，不需要 !important。
   紫色的 #7C3AFF 对墨心只有 2.4:1，不改就是半个图标看不见。 */
html[data-theme="paper"] .foot-brand .fb-mark svg path{stroke:var(--gold-2)}

/* ============================================================
 * §7 内部视图的写死金色系收敛
 * ------------------------------------------------------------
 * 报告 / 可靠性说明 / 关于我们等站内页写死了 #7b6214 / #7d6318 / #3d4756
 * 这批「金褐当字」。它们不在首页，但站长要的是「整站一致」，
 * 且这批值对纸只有 4~5:1，收敛到墨色族既统一又更稳。
 * ============================================================ */
html[data-theme="paper"] .rp-sec li{color:var(--text-2)}
html[data-theme="paper"] .rp-sec li em{color:var(--text-2)}
html[data-theme="paper"] .rp-sec li .rp-ref{
  background:color-mix(in srgb,var(--gold) 14%,transparent);
  border:1px solid rgba(11,39,26,.22);color:#7a5a0c;
}
html[data-theme="paper"] .rp-kw span{
  background:color-mix(in srgb,var(--gold) 14%,transparent);
  border:1px solid rgba(11,39,26,.22);color:#7a5a0c;
}
html[data-theme="paper"] .rp-body{background:var(--paper-2);border:1px solid rgba(11,39,26,.22)}
html[data-theme="paper"] .rp-score .bar{background:rgba(11,39,26,.12)}
html[data-theme="paper"] .rp-score .num{color:#8a6410}
html[data-theme="paper"] .rp-sec>h4::before{background:rgba(11,39,26,.45)}
html[data-theme="paper"] .rp-sec li::before{background:rgba(11,39,26,.45)}
html[data-theme="paper"] .rp-back{color:var(--text-2)}
html[data-theme="paper"] .rp-back:hover{color:var(--ink)}

/* ============================================================
 * §8 打印豁免
 * ------------------------------------------------------------
 * theme-dark.css 整层自带 @media screen 包裹，所以导出 PDF / 打印时
 * 深色完全不参与。本文件同法：本主题的深字深边在纸上是好读的，
 * 但纸颗粒点阵会被打出来，故打印时把它摘掉（正文配色保留）。
 * ============================================================ */
@media print{
  html[data-theme="paper"] body{background-image:none}
}