/* =============================================================================
   theme-light.css —— 白色主题（白底 + 品牌黄），2026-10-24 店主点单
   -----------------------------------------------------------------------------
   做法：**只覆盖 design token，不重写组件**。
   本站 90% 的颜色都走 `--ink / --ink-2 / --ink-3 / --ink-4 / --text / --text-2 /
   --text-3 / --gold / --brand-2` 这几个变量，所以换主题的第一手段是换它们；
   剩下 10% 是"写死了深色"的地方（顶栏底色、卡片渐变、遮罩、噪点纹理），
   那些在本文件下半部分逐条点掉 —— 每一条都写了为什么。
   为什么单独一个文件、且排在最后加载：
     ① 不污染 brand.css（那是深色的真相源，深色仍是默认）；
     ② 排在 motion.css 之后 → 覆盖优先级最高，不需要 !important 堆叠。
   切换入口在页脚「主题：白色 / 深色」（store.js 里接线）。
   ========================================================================== */

/* ── ① 设计 token：**暖纸白**（2026-10-24 店主换调：参考收卡端的纸感配色）──────
   参考图的语言是三件事：① 页面不是纯白，是"暖纸白"；② 卡片比纸更白，靠 1px 细线分层，
   阴影几乎不用；③ 黄色是**实心块**（整块黄底黑字），不是描边、不是淡底。
   这三条决定了下面所有取值 —— 不是换个十六进制就算换调。 */
html[data-theme="light"] {
  --ink:        #F6F3EA;          /* 页面底：暖纸白（纯白会像 Excel，纸白像纸） */
  --ink-2-rgb:  255, 255, 255;    /* 卡片/面板：**比纸更白**，靠明度差分层 */
  --ink-2:      #FFFFFF;
  --ink-3:      #FBF9F2;          /* 卡面 / 浮层 / 输入底：比纸再浅一点 */
  --ink-4:      #E7E2D4;          /* 分隔线 / 描边：暖灰，不是中性灰 */

  --text:       #2B2823;          /* 主文字：暖近黑（纯黑在这套里太硬） */
  --text-2:     #57534A;          /* 次要 */
  --text-3:     #6E6A60;          /* 三级（纸白上 5.0:1） */

  --gold:       #FFE000;          /* 品牌黄：**实心块**用，与参考图同值 */
  --gold-ink:   #6B5010;          /* 金色当字 → 暗金（纸白上 5.4:1） */
  --on-accent:  #1F1D18;          /* 压在黄块上的字 */
  --gold-hover: #F2D400;
  --brand-2:    #C9A227;          /* 暗金描边 */
  --concrete:   #8A8579;

  /* 阴影：几乎不用。靠 1px 细线 + 极浅投影分层，才有"纸叠纸"的感觉 */
  --shadow-2: 0 1px 2px rgba(80, 70, 40, .06);
}

/* ── ② 顶栏：深色半透明 → 白色半透明（否则吸顶时是一条黑带）─────────── */
html[data-theme="light"] .topbar {
  background: rgba(255, 255, 255, .92);
  border-bottom-color: var(--ink-4);
}
html[data-theme="light"] .nav-btn { color: var(--text-2); }
html[data-theme="light"] .nav-btn:hover { color: var(--text); }
html[data-theme="light"] .nav-btn.on {           /* 选中仍是金底黑字，白底上要更实的边 */
  background: var(--gold);
  color: #17170F;
  border-color: var(--gold);
}

/* ── ②b 品牌 logo：顶栏挂的是**白色版**（coptus-logo-w.png），白底上等于隐形。
       换成同目录的深色版。用 `content: url()` 换图而不是 `filter: invert(1)` ——
       反相会把 logo 里的金色一起拧成蓝色，品牌色就不对了。 */
html[data-theme="light"] .brand-logo {
  content: url("../img/brand/coptus-logo.png");
}

/* ── ③ 写死深色的面板/卡片渐变 → 换成浅色渐变 ───────────────────────── */
html[data-theme="light"] .tool-panel {
  background: linear-gradient(160deg, #FFFFFF 0%, #FBF9F2 60%, #F4F1E7 100%);
}
html[data-theme="light"] .tool {
  background: linear-gradient(150deg, #FFFFFF 0%, var(--ink-2) 55%, #F7F4EA 100%);
}
html[data-theme="light"] .pcard,
html[data-theme="light"] .shop-card,
html[data-theme="light"] .dk-tile,
html[data-theme="light"] .ref-card,
html[data-theme="light"] .shop-blk,
html[data-theme="light"] .fgroup {
  background: var(--ink-2);
}
/* 卡图底：深色站是黑底（衬卡面），白底上改成浅灰，卡面才不"浮" */
html[data-theme="light"] .pcard-thumb { background: #F3EFE4; }

/* ── ④ 首页轮播区：深色径向光 → 去掉（白底上会变成脏灰）──────────────── */
/* 整屏那层「顶部暖金光」（home-fullscreen.css 的 `.fs-pane::before`）在深色底上是层次，
   在**暖纸白**上就是轮播上方那一条"意义不明的阴影"（2026-10-25 店主圈图问"拿来干什么"）。
   白主题整层撤掉：纸白本身够干净，不需要再加一层。深色主题保留。 */
html[data-theme="light"] .fs-pane::before {
  content: none;
}
html[data-theme="light"] .hc {
  background: var(--ink);
  border-bottom-color: var(--ink-4);
}
html[data-theme="light"] .hc-slide {
  background: linear-gradient(100deg, #F7F4EA 0%, #F1EDE2 58%, #E7E1D2 100%);
  border-color: var(--ink-4);
}
html[data-theme="light"] .hc-nav { background: rgba(255, 255, 255, .82); border-color: var(--ink-4); }

/* ── ⑤ 弹窗：白底 + 淡阴影；遮罩改成"深色半透明"（不是白雾）──────────── */
html[data-theme="light"] .cd-sheet,
html[data-theme="light"] .modal,
html[data-theme="light"] .fmodal { background: #FFFFFF; }
html[data-theme="light"] .cd-mask,
html[data-theme="light"] .mask,
html[data-theme="light"] .shp-mask { background: rgba(24, 22, 14, .42); }

/* ── ⑥ 页脚 / 商城左栏等深色块 ─────────────────────────────────────── */
/* 2026-10-24：页脚不再铺底色（店主「跟页面一个底」）。
   这条以前铺纯白，现在显式写透明 —— 留着这条是为了**告诉下一个人**这里是有意为之，
   而不是漏写覆盖。 */
html[data-theme="light"] .footer { background: transparent; }
html[data-theme="light"] .shp-strip .hc-slide::after {
  background: linear-gradient(90deg, rgba(255,255,255,.72) 0%, rgba(255,255,255,.16) 46%, transparent 66%);
}

/* ── ⑦ 表单：深色底输入框在白底上会变成"黑窟窿" ─────────────────────── */
html[data-theme="light"] .input,
html[data-theme="light"] .shp-q,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
  background: #FFFFFF;
  border-color: var(--ink-4);
  color: var(--text);
}
html[data-theme="light"] .input::placeholder,
html[data-theme="light"] .shp-q::placeholder { color: var(--text-3); }

/* ── ⑧ 背景噪点：白底上要压得更淡，否则整页像脏纸 ───────────────────── */
html[data-theme="light"] body {
  background-color: var(--ink);
  background-blend-mode: normal;
}
html[data-theme="light"] body::before { opacity: .28; }

/* ── ⑨ 页面自带的半透明白色叠层（原为"提亮深色"）在白底上要反过来 ───── */
html[data-theme="light"] .shp-cat {
  background: rgba(0, 0, 0, .05);
}
html[data-theme="light"] .shp-cat.on {
  background: var(--gold);
  color: #17170F;
}
/* 选中分类后面的数字（"全部 22" 的 22）：原来是 0.6 透明墨，金底上只有 4.28 → 加到 0.82 */
html[data-theme="light"] .shp-cat.on > i {
  color: rgba(23, 23, 15, .82);
}

/* ── ⑨b 商城页有**自己一套** token（`--shp-*`，shop-v3.css 里定义），
       不跟随上面的 `--ink/--text`。白主题必须把这套也映射一遍，
       否则「商城 SHOP / 全部 11」这类标题会变成浅灰字 + 白底 = 看不见（实测踩到）。 */
html[data-theme="light"] {
  --shp-panel: #F7F7F3;
  --shp-card: #F7F7F3;
  --shp-line: rgba(0, 0, 0, .08);
  --shp-line-2: rgba(0, 0, 0, .14);
  --shp-gold: #FFD400;
  --shp-gold-ink: #6F5600;   /* 商城页的"金色当字"（SHOP 副标、价格、预定标签） */
  --shp-t1: #17170F;
  --shp-t2: #4A4842;
  --shp-t3: #6B6862;   /* 商城三级灰：它压在 #F7F7F3 卡面上，原 #7C7A72 只有 4.0 */
}


/* ── ⑪ 手写的兜底修正（扫描器第二轮剩下的高频项）────────────────────────
   自动区块只处理 `color: var(--gold)` / `color: var(--ink)` 两类写法；
   下面这些是**硬编码白字**或**成对的底+字**，必须人工判断该给什么颜色。 */

/* 「网格 / 列表」切换：深色站是「深底白字」，浅色主题下深底变白底 → 白字消失 */
html[data-theme="light"] .seg button.on {
  background: var(--ink-3);
  color: var(--text);
}

/* 金底徽章（赛事名次 / 城市赛 / 奖励标签）：金底上必须压深字 */
html[data-theme="light"] .ebadge,
html[data-theme="light"] .ebadge.gold,
html[data-theme="light"] .ebadge.lv-3,
html[data-theme="light"] .badge.lvl,
html[data-theme="light"] .blc-dir {
  color: #17170F;
}
html[data-theme="light"] .ebadge.blue { color: #0B2D4A; }

/* 商城：金色描边的「预定」按钮与 "SHOP" 副标 —— 金字在白底看不见，换暗金 */
html[data-theme="light"] .shp-cta { color: var(--gold-ink); border-color: rgba(111, 86, 0, .45); }
html[data-theme="light"] .shp-title em { color: var(--gold-ink); }
html[data-theme="light"] .shp-pre { color: var(--gold-ink); }

/* 剩下这批是 3.0–3.7:1（看得清但没到 AA 4.5）：白底上把三级灰再压深一档。
   为什么不一刀切把 --text-3 调更深：它在深色主题里也承担"弱化"的角色，
   两头都改会让深色站的层级塌掉。所以只针对**浅底上的这几处**单独处理。 */
html[data-theme="light"] .footer h4 { color: #5A574F; }
html[data-theme="light"] .pk-card .pk-d,
html[data-theme="light"] .pk-card .pk-n { color: #5A574F; }
/* 红系：深色站用的是亮红（#E5484D 压白底只有 3.6:1），浅色主题单独给深红 */
html[data-theme="light"] .edk-foot .miss,
html[data-theme="light"] .envpage .edk .edk-foot .miss { color: #B4232A; }
html[data-theme="light"] .blcard .blc-dir { color: #A8261F; }
/* 「已解除 / 禁止」小徽章是"红底白字"，白字在亮红上只有 3.0 → 底色压深一档 */
html[data-theme="light"] .blcard .blc-badge { background: #A8261F; color: #FFFFFF; }
html[data-theme="light"] .dk-legend .dk-lg .n { color: #5A574F; }

/* 公告卡标题压在图上的白字：底色是图片，白字是对的 —— 扫描器算不到图片，
   这里**不改**，只留一条注释防止后来人"按扫描结果把它改黑"。 */

/* ── ⑩ 页脚「主题」开关按钮（与动效开关同一套脚注语法）────────────── */
.theme-toggle {
  margin-left: 10px;
  padding: 0 2px;
  font: inherit;
  font-size: 11px;
  color: var(--text-3);
  background: none;
  border: 0;
  border-bottom: 1px dashed rgba(128, 128, 128, .35);
  cursor: pointer;
  transition: color .16s ease, border-color .16s ease;
}
.theme-toggle:hover { color: var(--brand-2); border-bottom-color: var(--brand-2); }


/* ==== 原「自动生成区」已删除（2026-10-24）
   那 407 条浅色覆盖是"打补丁"：因为当时 --gold / --ink 身兼两职。
   现在源码里已经拆成 `--gold`（底）/ `--gold-ink`（字）/ `--on-accent`（压底的深色字），
   浅色主题只要换这三颗 token 就够，不需要按选择器逐条覆盖。
   —— 少 407 条规则，且深色主题与浅色主题共用同一套组件写法。 */

/* ██████████████████████████████████████████████████████████████████████████
   ⑫ 纸感细节（2026-10-24 换调：照收卡端那套「暖纸 + 实心黄块 + 细线」）
   --------------------------------------------------------------------------
   参考图里有三条语言，缺一条就不像：
     ① **选中 = 整块实心黄**（金底深字、粗一档），不是描边、不是淡黄底；
     ② **分层靠 1px 暖灰细线**，阴影几乎不用（有阴影就变成"卡片浮起来"的电商感）；
     ③ 提示/强调 = **浅黄纸底**，配细黄边。
   下面每一条都对应这三条里的一条。
   █████████████████████████████████████████████████████████████████████████ */

/* ② 去掉"浮起来"的重阴影，只留极浅一层 —— 纸叠纸，不是卡片浮空 */
html[data-theme="light"] .panel,
html[data-theme="light"] .tool-panel,
html[data-theme="light"] .pcard,
html[data-theme="light"] .shp-card,
html[data-theme="light"] .tool,
html[data-theme="light"] .setcard,
html[data-theme="light"] .edk {
  box-shadow: none;
}

/* ══ ⑦ 卡组卡的「图上的字」在白色主题下看不清（2026-10-25 店主圈图）════════
   `.edk .top .ov` 是一层**写死的深色蒙版**（rgba(20,20,20,.94) 收底）——
   深色主题里 `--text` 是浅色，压在这层上正好；浅色主题里 `--text` 变成近黑
   （#2B2823），于是「武斗龙人」这种卡组名 = 深色字压在深色蒙版上，等于没字。
   蒙版本身没错（底下是照片，必须压暗才看得清白字），错的是**字色跟着主题翻**。
   图上的文字一律固定白字（图片跟主题无关，凭什么字色要变）。 */
html[data-theme="light"] .envpage .edk .top b,
html[data-theme="light"] .edk .top b { color: #FFFFFF; }
html[data-theme="light"] .envpage .edk .top .lk,
html[data-theme="light"] .edk .top .lk { color: rgba(255, 255, 255, .88); }
/* 封面在浅色底上再亮一点，别让"压暗蒙版 + 0.68 透明度"叠成一块灰泥 */
html[data-theme="light"] .envpage .edk .top > img { opacity: .82; }

/* 🔴 2026-10-25 补：上面那条"字固定白字"的前提**不成立**。
   它假设 `.edk .top` 上有一层 `rgba(20,20,20,.94)` 的深色蒙版 ——
   实测（`_dev/_probe_contrast_all.cjs`）`.top` 的底色是 rgb(251,249,242)，
   `.ov` 这层根本没有渲染出来，于是白字落在暖纸白上 = **1.05 对比度，等于隐形**
   （卡组名「武斗龙人」整行看不见）。
   而且 `.top` 里把 `--text-2` 也局部覆盖成了白色，所以改 `color: var(--text-2)`
   一样是白的 —— 只有给这块一个**真的深色底**才成立。
   这也符合原意：卡组封面上的字应该是"压在深色上"的，那就把底给上。 */
html[data-theme="light"] .edk .top,
html[data-theme="light"] .envpage .edk .top {
  background: #1f1d18;
  border-radius: 8px 8px 0 0;
}

/* ③ 品相卡右上角的 NM 徽章：`.cnd-card.nm .cnd-tag b` 用 `--green` 做底、
      字却继承 `--text`（白主题下是近黑）→ 深绿底 + 深字 = 3.14。
      实色底上的字一律用白（与深色主题一致）。 */
html[data-theme="light"] .cnd-card.nm .cnd-tag b { color: #fff; }

html[data-theme="light"] .pcard:hover,
html[data-theme="light"] .shp-card:hover,
html[data-theme="light"] .tool:hover {
  box-shadow: 0 2px 10px rgba(80, 70, 40, .10);
}

/* ① 实心黄块选中态：全站统一到这一种表达（深色主题里本来就是金底反相，这里只是回归） */
html[data-theme="light"] .seg button.on,
html[data-theme="light"] .pager button.on,
html[data-theme="light"] .fopt.on,
html[data-theme="light"] .vchip.cur,
html[data-theme="light"] .pk-opt.on,
html[data-theme="light"] .shp-cat.on {
  background: var(--gold);
  color: var(--on-accent);
  border-color: var(--gold);
  font-weight: 700;
}

/* 下拉面板：白纸面 + 细线，选中项是黄块（参考图里那种"整块亮出来"） */
html[data-theme="light"] .pk-panel {
  background: #FFFFFF;
  border-color: var(--ink-4);
  box-shadow: 0 10px 24px rgba(80, 70, 40, .12);
}
html[data-theme="light"] .pk-opt { color: var(--text-2); }
html[data-theme="light"] .pk-opt:hover { background: var(--ink-3); color: var(--text); }

/* ③ 提示条：浅黄纸底 + 细黄边（公告正文 / 页内提示都用这一套） */
html[data-theme="light"] .notice-text {
  background: #FFF9D9;
  border-color: #EFE1A6;
  border-left-color: var(--gold);
}

/* 顶栏：白纸 + 一条细线收口，不要投影（滚动时也不加） */
html[data-theme="light"] .topbar {
  box-shadow: none;
  border-bottom-color: var(--ink-4);
}

/* 表格/列表的分隔线统一暖灰，避免"灰得发蓝"和白纸打架 */
html[data-theme="light"] .tbl th,
html[data-theme="light"] .tbl td { border-color: var(--ink-4); }

/* ⑬ 零散深色件：`.bnav-chip` 是压在深底上的黑胶囊，纸白主题里改成浅纸片 + 细线 */
html[data-theme="light"] .bnav-chip {
  background: var(--ink-3);
  color: var(--text-2);
  border: 1px solid var(--ink-4);
}

/* ══ ⑨c 商城【商品详情弹窗】在白色主题下（2026-10-25 店主：「商品详细页依旧没有适应白色主题」）
   `shop-v3.css` 里这个弹窗的底色是**写死的深色**（`#12141a` / `#0e1015` / `#171a21`），
   没有走 `--shp-*` token —— 所以商城整页变白了，弹窗还是黑的一块。
   这里只覆盖**弹窗用的那几块面**，不动 `--shp-*` 本身（别的组件在吃它们）。 */
html[data-theme="light"] .shp-mask {
  background: rgba(38, 34, 24, .42);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
html[data-theme="light"] .shp-dlg {
  background: #FFFFFF;
  box-shadow: 0 30px 70px rgba(70, 58, 28, .20), inset 0 0 0 1px var(--shp-line-2);
}
html[data-theme="light"] .shp-dlg-art { background: var(--shp-card); }
html[data-theme="light"] .shp-pbox,
html[data-theme="light"] .shp-tl > i { background: var(--shp-card); }
html[data-theme="light"] .shp-qbar { background: rgba(0, 0, 0, .08); }
/* 弹窗右上角关闭键：深色半透明圆块在白弹窗上很显眼，浅色改成白底+细边 */
html[data-theme="light"] .shp-x {
  background: #FFFFFF;
  border-color: var(--shp-line-2);
  color: var(--shp-t2);
}
html[data-theme="light"] .shp-x:hover { background: var(--shp-gold); color: #14150a; border-color: transparent; }

/* ══ ⑨d 收藏心形（2026-10-25 店主：「白色主题模式下这个心形要显示浅黄色」）
   原来 `.fav-btn` 的底色是**写死的深色**（`rgba(20,20,20,.72)`），白卡上一颗黑圆点很跳。
   白底改成**浅黄底 + 暗金描边**，选中时心形填金 —— 与品牌黄一致，也不再是黑块。 */
html[data-theme="light"] .fav-btn {
  background: rgba(255, 224, 0, .30);
  border-color: rgba(160, 130, 20, .42);
}
html[data-theme="light"] .fav-btn svg { stroke: var(--gold-ink); }
html[data-theme="light"] .fav-btn:hover {
  background: rgba(255, 224, 0, .48);
  border-color: var(--brand-2);
}
html[data-theme="light"] .fav-btn:hover svg { stroke: var(--gold-ink); }
html[data-theme="light"] .fav-btn.on {
  background: rgba(255, 224, 0, .58);
  border-color: var(--brand-2);
}
html[data-theme="light"] .fav-btn.on svg { fill: var(--gold); stroke: var(--gold-ink); }

/* ══ ⑦ 白色主题全面体检（2026-10-25）——「图片和文字都多多少少会受影响」
   用 `_dev/_scan_light.cjs` 逐页扫「文字 vs 实际背景」，按 WCAG 4.5:1（大字 3:1）判。
   下面每条都是扫出来的实测值，不是猜的。

   ① 语义色在纸白上掉档：
      --red #E5484D → 3.7:1、--green #2EA860 → 3.0:1（都不到 4.5）。
      深色主题里它们压在 #141414 上够亮，浅色主题里必须压深一档。
      ⚠ 这两条是**改 token**，所以 .cd-bad / .cd-avail / .blcard 等一整族同时受益。 */
html[data-theme="light"] {
  --red:   #B4232A;   /* 实测 6.4:1 on #FBF9F2 */
  --danger-text: #B4232A;
  --green: #1B7A45;   /* 实测 5.0:1 */
}

/* ② 日文版价格用青色（--c-cyan #00A8A8），纸白上只有 2.8:1 —— 换成深青 */
html[data-theme="light"] .cd-pbox.jp .cd-p-v { color: #0B6E6E; }

/* ③ 赛事级别徽章（env.css 的 .ebadge.lv-1~4）：整族都是**为深底设计**的浅色字
      （银灰 #d7d9e0 / 紫 #bda6ef / 青 #7fd8e6），白底上等于隐形（实测 1.4:1）。
      浅色主题重配成「浅底 + 深字」，级别递进（字重/描边/微光）原样保留。 */
html[data-theme="light"] .envpage .ebadge.lv-1 {
  background: linear-gradient(180deg, rgba(0,0,0,.045), rgba(0,0,0,.02));
  border-color: rgba(0,0,0,.16); color: #57534A;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}
html[data-theme="light"] .envpage .ebadge.lv-2 {
  background: rgba(107,79,181,.10); border-color: rgba(107,79,181,.38); color: #6B4FB5;
}
html[data-theme="light"] .envpage .ebadge.lv-3 {
  background: rgba(20,111,122,.10); border-color: rgba(20,111,122,.40); color: #1C6F7A;
}
html[data-theme="light"] .envpage .ebadge.lv-4 {
  background: rgba(255,224,0,.22); border-color: rgba(160,130,20,.55); color: var(--gold-ink);
  box-shadow: 0 0 0 1px rgba(255,224,0,.18);
}
/* 同族的绿/蓝/红三个变体同样是浅色字（#5fd18d / #9dc2f0 / warn-fg） */
html[data-theme="light"] .envpage .ebadge.green {
  background: rgba(27,122,69,.10); border-color: rgba(27,122,69,.38); color: #1B7A45;
}
html[data-theme="light"] .envpage .ebadge.blue {
  background: rgba(43,95,170,.10); border-color: rgba(43,95,170,.36); color: #2B5FAA;
}
html[data-theme="light"] .envpage .ebadge.red {
  background: rgba(180,35,42,.10); border-color: rgba(180,35,42,.36); color: #B4232A;
}
/* ④ 「上位卡组 / 卡组广场」预览卡的左半栏（2026-10-25 实测发现）
   `.bnav-split-l .nm` 是**写死 #fff**，而它坐的那层是
   `linear-gradient(rgba(var(--ink-2-rgb), .99) …)` —— 浅色主题里 --ink-2-rgb 是 255,255,255，
   于是白字压在白底上：卡组名直接消失（截图里只剩一小块空）。
   `.bnav-bg` 更直接：`background: rgba(20,20,20,.78)` 写死深色药丸 +
   `color: var(--text-2)`（浅色下是深灰）→ 深字深底，"皇家护卫"这种职业标签看不见。
   两处都改成走 token：面板是什么色，字就跟着是什么色。 */
html[data-theme="light"] .bnav-split-l .nm { color: var(--text); }
html[data-theme="light"] .bnav-bg {
  background: rgba(0, 0, 0, .055);
  color: var(--text-2);
  border-color: rgba(0, 0, 0, .10);
}
/* 名次徽章（冠军）要保住"金"的身份 —— 上面那条通用规则会把它一起刷成灰 */
html[data-theme="light"] .bnav-bg.gold {
  background: rgba(255, 224, 0, .32);
  border-color: rgba(160, 130, 20, .42);
  color: var(--gold-ink);
}


/* ══════════════════════════════════════════════════════════════════════════
   白主题字色补齐（2026-10-25 店主：「在白色主题的时候很多字还是没有调整过来
   导致看不清，深度检查一下并且修复全部字体问题」）
   ──────────────────────────────────────────────────────────────────────────
   这一批的共同成因：深色主题里它们压在**半透明黑罩 / 深色底**上，所以写的是白字；
   白主题把底换成了暖纸白，白字 = 1.05 对比度 —— 不是"偏淡"，是**等于隐形**。
   判据与清单来自 `_dev/_probe_contrast_all.cjs`（全站 × 双主题扫 WCAG AA），
   以后加元素不要再靠眼睛找。
   ══════════════════════════════════════════════════════════════════════════ */

/* ① 卡组卡（decks.html / meta.html）顶部：卡组名 + 留言
      实测 `.edk .top` 背景 rgb(251,249,242)、字 rgb(255,255,255) → 1.05 */
/* ⚠️ 这里**不要**再把 `.edk .top` 的字改成深色 —— 上面已经给这块配了深色底，
   白字才是对的。第一版我改字色，结果 `--text-2` 在该作用域里也被覆盖成白色，
   改了半天等于没改（探针一直报 1.05）。 */

/* ② 品相表三档语义色：深色主题的 #6FD79B / #FF8B96 放在暖纸白上只有
      1.59 / 2.02（13px 正文要求 4.5）。换同色相、压明度 —— 语义不变，但读得清。 */
html[data-theme="light"] .cnd-tbl .ok { color: #14703a; }
html[data-theme="light"] .cnd-tbl .bad { color: #a3232f; }

/* ③ 卡效气泡（.kwtip，2026-10-26 店主：「在白色主题下，效果解释框样式也没有改过来」）
      底已改成 `--ink-2`（白主题 = #FFFFFF），字跟着主题走 —— 这里只补两件"白底才需要"的事：
      ① 阴影：深色主题那套 `0 16px 38px rgba(0,0,0,.62)` 压在纸白上是一圈脏光，
         换成与其它浮层同族的暖灰影（`--shadow-3` 在浅色主题里仍是黑影，太闷）；
      ② 描边保持暖金，但不能用 .5 的半透明金 —— 白底上会糊成脏黄，压到 .45 并加一档内亮边。 */
html[data-theme="light"] .kwtip {
  box-shadow: 0 14px 34px -12px rgba(56,48,26,.30);
  border-color: rgba(184,147,46,.45);
}

/* ④ 文字被框选（::selection，2026-10-26 店主白主题截图：
      「框选字体字体会呈现白色，这样不好看，能不能让字体被框选后是黑色」）
      全站那条在 brand-touch.css 的 D1：`background: rgba(255,224,0,.28); color:#fff`。
      深色主题下白字压金雾是对的；**浅色主题下白字压浅金 = 形同隐形**（卡组名输入框最明显）。
      这里只换字色与底色的浓度：字用近黑（--text 在浅色主题是 43,40,35），
      底从 .28 提到 .34 —— 选中范围看得清，字还压得住（对比度 12+）。 */
html[data-theme="light"] ::selection {
  background: rgba(184, 147, 46, .34);
  color: #1b1a16;
}