/* 默认：浅灰（light） */
:root {
  --bg: #f7f7f7;          /* 背景 */
  --card: #ffffff;        /* 卡片底 */
  --line: #ddd;           /* 边框线（与 --card-border 同步） */
  --text: #222;           /* 主文字 */
  --muted: #666;          /* 次要文字 */

  /* 你用到但未定义的变量 */
  --card-border: var(--line);
  --radius: 12px;
  --shadow: 0 2px 8px rgba(0,0,0,.04);
  --primary: #111827;                /* 主题色（按钮/链接可用） */
  --primary-contrast: #ffffff;       /* 主题色上的文字色 */

  --page-max: 1100px;                /* 页面最大宽度 */
  --page-pad: 16px;                  /* 页面左右内边距 */
  --aside-w: 320px;                  /* 右侧栏最大宽 */
}

/* 深色模式 */
:root[data-theme='dark'] {
  --bg: #1b1b1b;
  --card: #242424;
  --line: #333;
  --text: #f2f2f2;
  --muted: #aaa;

  --card-border: var(--line);
  --shadow: 0 2px 10px rgba(0,0,0,.25);
  --primary: #e5e7eb;
  --primary-contrast: #111827;
}

/* 全局应用这些变量 */
body {
  background: var(--bg);
  color: var(--text);
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

/* Header/Nav polish */
#site-nav{
  position:sticky;top:0;z-index:50;
  background: color-mix(in lab, var(--card) 85%, transparent);
  backdrop-filter: blur(8px);
  border-bottom:1px solid var(--card-border);
}
#site-nav .container{max-width:var(--page-max);margin:0 auto;padding:0 var(--page-pad);height:56px;display:flex;align-items:center;justify-content:space-between}
#site-nav .brand{font-weight:800;color:var(--text);text-decoration:none}
#site-nav .links a{margin-left:12px;padding:8px 12px;border-radius:10px;color:var(--text);text-decoration:none}
#site-nav .links a:hover{background:var(--card);text-decoration:none}

/* Hero */
.hero{background:linear-gradient(180deg, color-mix(in lab, var(--card) 92%, transparent), transparent);padding:22px 0 8px;border-bottom:1px solid var(--card-border)}
.hero>.container{max-width:var(--page-max);margin:0 auto;padding:0 var(--page-pad)}
.descbar{background:var(--card);border:1px solid var(--card-border);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow)}

/* Centered main grid */
main.container{max-width:var(--page-max);margin-left:auto;margin-right:auto;padding-left:var(--page-pad);padding-right:var(--page-pad)}
main.container.grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,var(--aside-w));column-gap:20px;align-items:start}
main.container.grid>section, main.container.grid>aside{min-width:0}

/* Cards / posts */
.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.post{display:block;padding:14px;border:1px solid var(--card-border);border-radius:14px;background:var(--card)}
.post+.post{margin-top:10px}
.badge{display:inline-block;padding:.1em .5em;border-radius:999px;background:rgba(99,102,241,.12)}
.list{display:grid;gap:10px}
.muted{color:var(--muted)}

/* Buttons */
.btn,button{
  background: var(--primary);
  color: var(--primary-contrast);
  border:1px solid rgba(0,0,0,.06);
  border-radius:12px;padding:10px 14px;cursor:pointer
}
.btn.outline{background:transparent;color:var(--primary);border:1px solid var(--primary)}

/* Links */
a{color:var(--text)}
a:hover{text-decoration:underline}

/* Code blocks (FIXED) */
.code, pre, code{
    /* 确保代码块的背景和边框使用正确的颜色 */
    background: color-mix(in lab, var(--bg) 80%, #fff);
    border: 1px solid var(--card-border);
    padding: 8px 10px;
    border-radius: 10px;
    /* 关键修复：确保代码块中的文字继承正确的颜色，而不是保持深色模式的浅色 */
    color: var(--text); 
}

/* Footer placeholder */
#site-foot{padding:26px 0 40px;color:var(--muted);text-align:center}

/* Responsive */
@media (max-width:900px){ main.container.grid{grid-template-columns:1fr} }