*,*::before,*::after{box-sizing:border-box}
:root{
  --bg:#0e1014; --bg-soft:#14171d; --panel:#171b22; --panel-2:#1d222b;
  --line:#262c37; --text:#e6e9f0; --text-soft:#a7b0c0; --muted:#707b8d;
  --accent:#5aa9ff; --accent-soft:rgba(90,169,255,.14); --accent-2:#7bdcb5;
  --shadow:0 1px 2px rgba(0,0,0,.35),0 8px 24px rgba(0,0,0,.25);
  --radius:14px; --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Cascadia Mono","Microsoft YaHei Mono",monospace;
}
html[data-theme="light"]{
  --bg:#ffffff; --bg-soft:#f6f7f9; --panel:#ffffff; --panel-2:#f6f7f9;
  --line:#e4e7ec; --text:#1f2328; --text-soft:#4a5260; --muted:#7a8494;
  --accent:#1f6feb; --accent-soft:rgba(31,111,235,.10); --accent-2:#12805c;
  --shadow:0 1px 2px rgba(16,24,40,.06),0 8px 24px rgba(16,24,40,.06);
}
html,body{margin:0;padding:0}
body{
  background:var(--bg); color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  font-size:16px; line-height:1.75; -webkit-font-smoothing:antialiased;
  transition:background .25s,color .25s;
}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%; height:auto; border-radius:8px}
hr{border:0; border-top:1px solid var(--line); margin:2em 0}