/* Hey Tuling · 工作台深色主题（2026-10-29）
   只做两件事：把 style.css / line.css 的 token 重映射到「拍摄台」色板，
   再把少数写死 #fff 的表面换成 var(--surface)。结构、布局、交互一律不动。 */

:root {
  color-scheme: dark;

  --paper: #0B1410;
  --paper-deep: #101C16;
  --surface: #101C16;

  --ink: #F4F2EA;
  --ink-60: rgba(244, 242, 234, .62);
  --ink-40: rgba(244, 242, 234, .40);

  --line: rgba(244, 242, 234, .14);
  --line-strong: rgba(244, 242, 234, .30);

  --accent: #FFE500;
  --accent-deep: #E8D100;
  --accent-ink: #0B1410;

  --ok: #57D98A;
  --err: #FF7A6B;

  --shadow-1: 0 1px 2px rgba(0, 0, 0, .45);
  --shadow-2: 0 8px 24px rgba(0, 0, 0, .45);
  --shadow-3: 0 24px 64px rgba(0, 0, 0, .55);
}

/* 选中态：黄底配深字 */
::selection { background: var(--accent); color: var(--accent-ink); }

/* 写死白色的表面 → 深色面 */
.page-tag,
.field-input,
.dropzone,
.prompt-box,
.result-card,
.tile,
.tile-add,
.tour-card,
.tool-menu,
.proj-card,
.newform,
.proj-summary,
.checklist,
.style-chip {
  background: var(--surface);
}

/* 透明底棋盘格：浅灰白 → 深色两阶 */
.compare {
  background: repeating-conic-gradient(#0E1712 0% 25%, #16211B 0% 50%) 0 0 / 22px 22px;
}
.tile-img {
  background: repeating-conic-gradient(#0E1712 0% 25%, #16211B 0% 50%) 0 0 / 18px 18px;
}

/* 黄底上的元素：白色描边/字会糊，改深色 */
.compare-bar::after { color: var(--accent-ink); }
.tile.on .tile-check { color: var(--accent-ink); }
.tools-embed-tab.on { color: var(--accent-ink); }
/* 选中的风格胶囊：黄底 + 深色字（原来只改了标题色，说明那行还是白字，黄底上看不清） */
.style-chip.on {
  background: #EBD000;
  border-color: #EBD000;
  color: var(--accent-ink);
}
.style-chip.on small { color: rgba(11, 20, 16, .68); }

/* 输入框聚焦环用黄 */
.field-input:focus,
.field-input:focus-visible { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(255, 229, 0, .16); }

/* 二维码必须留白底，否则扫不出来 */
.recharge-qr img { background: #fff; }

/* 图片上的小按钮保持浅色浮起，深色底上反而更清楚 */
.thumb .eye-btn:hover { background: #fff; color: #0B1410; }

/* 悬停底色：浅灰 5% → 浅白 6%（深色底上才看得见） */
.line-nav-link:hover,
.tool-menu-btn:hover { background: rgba(244, 242, 234, .06); }
a.tool-item:hover { background: rgba(244, 242, 234, .07); }
.tool-item.is-soon em { background: rgba(244, 242, 234, .08); color: var(--ink-40); }

/* 拖拽高亮：不要和白底混合 */
.dropzone.dragover { background: color-mix(in srgb, var(--accent) 10%, transparent); }

/* 颗粒层：深色底上改成叠加微光，别用 multiply 压黑 */
.grain { mix-blend-mode: screen; opacity: .05; }