/* =========================================================
   yvfng 主题皮肤层（蓝青橙 · 作品集风）
   用法：放在每个页面 </head> 前、且在各页 <style> 之后。
   本文件只“覆盖”各页已声明的 CSS 变量 + body 背景 + 圆角/字体，
   不改动任何布局/交互逻辑。深浅两套（配合各页 data-theme）。
   参考视觉：深蓝底 + 蓝 #6c8cff / 青 #4de0c4 / 橙 #f6a94c + 发光渐变
   ========================================================= */

/* ---------- 深色（默认） ---------- */
:root,
html[data-theme="dark"] {
  --bg: #0b0e14;
  --surface: #161b28;
  --fg: #e7ecf5;
  --muted: #8b94a8;
  --border: #252c3f;
  --accent: #6c8cff;
  --accent-ink: #ffffff;
  /* 新增三色强调（工具页可用；首页/教程若无引用不影响） */
  --accent-2: #4de0c4;
  --accent-3: #f6a94c;
  --success: #3ecf8e;
  --wip: #f6a94c;
  --glow-1: rgba(108, 140, 255, .16);
  --glow-2: rgba(77, 224, 196, .12);
  --shadow: 0 12px 36px rgba(0, 0, 0, .35);
  --radius: 12px;
  --radius-lg: 16px;
  /* 字体：系统字栈（与参考一致，去掉硬依赖 Google Fonts） */
  --font-display: "Segoe UI", "Microsoft YaHei", "PingFang SC", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: "Segoe UI", "Microsoft YaHei", "PingFang SC", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: "Cascadia Code", "JetBrains Mono", Consolas, "Courier New", monospace;
}
body {
  background:
    radial-gradient(1000px 520px at 85% -10%, var(--glow-1), transparent 60%),
    radial-gradient(800px 420px at -10% 8%, var(--glow-2), transparent 55%),
    var(--bg);
  background-attachment: fixed;
}

/* ---------- 浅色 ---------- */
html[data-theme="light"] {
  --bg: #f7f4ef;
  --surface: #ffffff;
  --fg: #2b2823;
  --muted: #726c62;
  --border: #e3ddd2;
  --accent: #3f56b8;
  --accent-ink: #ffffff;
  --accent-2: #1f8f79;
  --accent-3: #b4761f;
  --success: #178a56;
  --wip: #a9761c;
  --glow-1: rgba(63, 86, 184, .10);
  --glow-2: rgba(31, 143, 121, .09);
  --shadow: 0 12px 30px rgba(43, 40, 35, .10);
  --radius: 12px;
  --radius-lg: 16px;
}

/* ---------- 通用点缀：让卡片/按钮吃到新圆角与三色 ---------- */
/* 圆角放大（覆盖各页 6/8px 的小圆角到作品集的 12/16px） */
.card, .note-card, .panel, .tool-card, .work-card, .log-row,
.about-item, .relate-card, .cta-box, .search-box, .filter-btn,
.file-row, .opt-card {
  border-radius: var(--radius-lg, 16px);
}

/* 主按钮加一点发光（作品集 btn-primary 观感） */
.btn-primary {
  box-shadow: 0 8px 24px var(--glow-1, rgba(108,140,255,.16));
}
.btn-primary:hover {
  box-shadow: 0 12px 30px var(--glow-1, rgba(108,140,255,.16));
  transform: translateY(-1px);
}

/* 强调文本色统一到蓝（各页 --accent 已变蓝，这里补 hover/focus 描边） */
:root {
  --focus-ring: 0 0 0 3px color-mix(in srgb, var(--accent), transparent 70%);
}

/* 减少动效偏好：关掉发光背景的闪烁类动画（若有） */
@media (prefers-reduced-motion: reduce) {
  body { background-attachment: scroll; }
}