:root{
  --bg:#0b0d12; --panel:#12151d; --line:#242a3a; --fg:#e9ebf2; --dim:#98a1b6;
  --acc:#63c9ff; --acc2:#a78bfa; --r:14px; --maxw:720px;
}
@media (prefers-color-scheme: light){
  :root{ --bg:#f6f7fa; --panel:#fff; --line:#e6e9f0; --fg:#12161f; --dim:#5b6478; --acc:#0b76d1; --acc2:#6d28d9; }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--fg);
  font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--acc);text-decoration:none;border-bottom:1px solid transparent;transition:.15s}
a:hover{border-bottom-color:currentColor}
.wrap{max-width:var(--maxw);margin:0 auto;padding:52px 22px 76px}

/* 顶栏 */
.sitebar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:44px}
.brand{display:flex;align-items:center;gap:10px;font-weight:650;letter-spacing:.2px;color:var(--fg);border:0}
.dot{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--acc),var(--acc2));flex:0 0 auto}
nav{display:flex;gap:18px;font-size:14px}
nav a{color:var(--dim);border:0}
nav a:hover{color:var(--fg)}
nav a[aria-current="page"]{color:var(--fg)}

h1{font-size:31px;line-height:1.3;margin:0 0 12px;letter-spacing:.2px;font-weight:660}
h2{font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--dim);font-weight:650;margin:34px 0 14px}
.lead{color:var(--dim);font-size:16.5px;margin:0 0 8px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}
code{background:rgba(127,127,127,.14);padding:1.5px 6px;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}

/* 卡片与列表 */
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;margin:14px 0}
.list{margin:0;padding:0;list-style:none}
.list li{padding:14px 0;border-top:1px solid var(--line)}
.list li:first-child{border-top:0;padding-top:2px}
.list b{font-weight:640}
.list p{margin:4px 0 0;color:var(--dim);font-size:15px}
.grid{display:grid;gap:12px}
@media (min-width:620px){ .grid.two{grid-template-columns:1fr 1fr} }

/* 联系按钮 */
.links{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.links a{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border:1px solid var(--line);border-radius:10px;color:var(--fg);font-size:14px}
.links a:hover{border-color:var(--acc);color:var(--acc)}

/* 时间线条目 */
.when{color:var(--dim);font-size:13.5px;font-variant-numeric:tabular-nums;display:inline-block;min-width:96px}
footer.site{color:var(--dim);font-size:13px;margin-top:46px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
hr{border:0;border-top:1px solid var(--line);margin:32px 0}
::selection{background:var(--acc);color:#04121c}