/* ============================================================
   站点根首页 / 公共基础（不涉及排版）
   只放颜色变量、字体、reset、通用排版原子类。
   布局与组件分别在 site-desktop.css / site-mobile.css 中，
   两者用 media 互斥加载，改一端不会影响另一端。
   ============================================================ */

:root{
  --bg:#141a20;
  --bg-2:#1a222a;
  --card:#1e272f;
  --card-2:#232d36;
  --line:#2b363f;
  --line-2:#374450;
  --txt:#e9eef3;
  --muted:#93a3b0;
  --dim:#6f7f8c;
  --accent:#8f87e8;
  --accent-2:#6f66d6;
  --ok:#4fbf8b;
  --err:#e86f6f;
  --r:14px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}

body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  background:var(--bg);
  color:var(--txt);
  font-size:15px;
  line-height:1.6;
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
  -webkit-text-size-adjust:100%;
}

a{color:var(--accent);text-decoration:none}
a:hover{color:#a9a2f2}
h1,h2,h3{margin:0;font-weight:500}
img{max-width:100%}

/* 文本类原子 */
.muted{color:var(--muted)}
.small{font-size:12.5px}
.err{color:var(--err);font-size:12.5px;margin-top:5px}

/* 提示条（外观，非布局） */
.flash{padding:12px 16px;border-radius:10px;margin-bottom:18px;font-size:14px;border:1px solid}
.flash-ok{background:rgba(79,191,139,.08);border-color:rgba(79,191,139,.35);color:#8fe0b8}
.flash-err{background:rgba(232,111,111,.08);border-color:rgba(232,111,111,.35);color:#f0a0a0}

/* 小徽标 */
.tag{
  display:inline-block;padding:2px 8px;border-radius:6px;font-size:11.5px;
  background:rgba(143,135,232,.13);color:#b1aaf0;
  border:1px solid rgba(143,135,232,.25);margin-left:8px;
}