/* common.css — 公共样式（CSS 变量 / reset / typography / scrollbar / header 基础）
   说明：本文件应在 theme.css 之前加载。各页面特有样式（如 .header .nav、.search-box、
   .header-nav 等）仍保留在各自页面的 <style> 块中作为覆盖。 */

/* ===== 全局 reset ===== */
*{margin:0;padding:0;box-sizing:border-box}

/* ===== CSS 变量（字体 + dark/light 两套 theme） ===== */
:root{
  --font-cn:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --font-mono:"SF Mono","JetBrains Mono","Fira Code",monospace;
}
[data-theme="dark"]{
  --bg:#1a1a2e;
  --surface:#222240;
  --surface2:#2a2a4a;
  --border:rgba(255,255,255,.06);
  --border2:rgba(255,255,255,.1);
  --text:#d8dae5;
  --text2:#7a7d8e;
  --accent:#5b7fc7;
  --accent2:#4a6ab0;
  --accent-bg:rgba(91,127,199,.15);
  --green:#6dba82;
  --red:#d97070;
  --yellow:#d4a94e;
}
[data-theme="light"]{
  --bg:#f5f6fa;
  --surface:#ffffff;
  --surface2:#eef0f6;
  --border:rgba(0,0,0,.06);
  --border2:rgba(0,0,0,.12);
  --text:#1f2937;
  --text2:#6b7280;
  --accent:#3b6fd4;
  --accent2:#2d5ab8;
  --accent-bg:rgba(59,111,212,.1);
  --green:#16a34a;
  --red:#dc2626;
  --yellow:#ca8a04;
}

/* ===== typography ===== */
body{font-family:var(--font-cn);background:var(--bg);color:var(--text);font-size:13px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
a{color:var(--accent);text-decoration:none;transition:color .15s ease}

/* ===== scrollbar ===== */
::-webkit-scrollbar{width:7px;height:7px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.22)}

/* ===== header 基础 ===== */
.header{background:var(--surface);border-bottom:1px solid var(--border);padding:0 20px;display:flex;align-items:center;gap:16px;height:46px}
.header h1{font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;letter-spacing:.5px;color:var(--text2)}
.header h1 span{color:var(--accent);font-weight:600}