/* ════════════════════════════════════════════════════════════════
   bid.sundatas.com · 全站公共样式 common.css
   设计令牌（含暗色主题）· 基础重置 · 顶部导航壳 · 移动端菜单按钮
   由 index.html / manual.html / manual-tool.html 共同引用
   ════════════════════════════════════════════════════════════════ */

/* ── 设计令牌 ── */
:root {
  --bg: #ffffff;
  --bg-secondary: #f8fafc;
  --bg-dark: #0f172a;
  --text: #1e293b;
  --text-secondary: #64748b;
  --text-weak: #94a3b8;
  --primary: #2563eb;
  --primary-dark: #1d4ed8;
  --primary-light: #dbeafe;
  --primary-border: #93c5fd;
  --accent: #7c3aed;
  --accent-light: #ede9fe;
  --green: #059669;
  --green-light: #d1fae5;
  --orange: #ea580c;
  --orange-light: #fff7ed;
  --red: #dc2626;
  --red-light: #fef2f2;
  --border: #e2e8f0;
  --radius: 12px;
  --radius-sm: 8px;
  --shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
  --shadow-md: 0 4px 6px rgba(0,0,0,.05), 0 2px 4px rgba(0,0,0,.04);
  --shadow-lg: 0 10px 15px rgba(0,0,0,.05), 0 4px 6px rgba(0,0,0,.04);
  /* 内容区最大宽度：手册页 1280px；首页在 index.css 覆盖为 1200px */
  --max-w: 1280px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0f172a; --bg-secondary: #1e293b; --bg-dark: #020617;
    --text: #f1f5f9; --text-secondary: #94a3b8; --text-weak: #64748b; --border: #334155;
    --primary-light: #1e3a5f; --primary-border: #1d4ed8;
    --accent-light: #2d1f5e;
    --green-light: #0d3d2a; --orange-light: #3d1f0a; --red-light: #3d0f0f;
  }
}
[data-theme="dark"] {
  --bg: #0f172a; --bg-secondary: #1e293b; --bg-dark: #020617;
  --text: #f1f5f9; --text-secondary: #94a3b8; --text-weak: #64748b; --border: #334155;
  --primary-light: #1e3a5f; --primary-border: #1d4ed8;
  --accent-light: #2d1f5e;
  --green-light: #0d3d2a; --orange-light: #3d1f0a; --red-light: #3d0f0f;
}

/* ── 基础 ── */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  color: var(--text); background: var(--bg); line-height: 1.7;
}

/* ── 顶部导航壳（内层结构 / 间距由各页面样式定义） ── */
nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: var(--bg); border-bottom: 1px solid var(--border); backdrop-filter: blur(12px); }
.nav-links a:hover { color: var(--primary); }
.nav-cta:hover { background: var(--primary-dark); transform: translateY(-1px); box-shadow: 0 4px 14px rgba(37,99,235,.3); }

/* ── 移动端菜单按钮 ── */
.menu-toggle { display: none; background: none; border: none; cursor: pointer; padding: 6px; }
.menu-toggle span { display: block; width: 24px; height: 2px; background: var(--text); border-radius: 1px; transition: all .25s; }
.menu-toggle span + span { margin-top: 5px; }
.menu-toggle.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.menu-toggle.open span:nth-child(2) { opacity: 0; }
.menu-toggle.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }