/* ==========================================================================
   css/index/base.css
   用途：站点基础（设计变量 / 容器 / 页头 / 导航 / 按钮 / 页脚）
   （由 Blade 内联样式抽取，M12 静态资源分离，2026-09-17）
   ========================================================================== */

:root {
    --bg:#000000; --bg-soft:#000000; --card:#121819; --line:rgba(255,255,255,.08);
    --text:#e8ecf7; --muted:#9aa6c4; --primary:#3d7bff; --primary-dark:#2a5fd6;
    --success:#22c55e; --warn:#f59e0b; --radius:14px;   --mainColor: #3d7bff; /* --mainColor: #91ee45;*/
}
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
    line-height:1.6; }
a { color:inherit; text-decoration:none; }
.container { max-width:1340px; margin:0 auto; padding:0 20px; }
header.site-header { position:sticky; top:0; z-index:20; backdrop-filter:blur(12px);
    background:rgba(11,16,32,.82); border-bottom:1px solid var(--line); }
.nav { display:flex; align-items:center; justify-content:space-between; height:64px; }
/* M40：页头 logo —— 桌面端「图标 + 名称」，移动端仅图标（窄屏隐藏 .logo-text） */
.logo { display:flex; align-items:center; gap:9px; font-weight:700; font-size:18px; letter-spacing:.3px; }
.logo-icon { width:30px; height:30px; display:block; border-radius:9px; flex:0 0 auto; }
.logo-text { white-space:nowrap; }
.logo-dot { color:var(--primary); }
@media (max-width:640px) { .logo-text { display:none; } }
.nav-links { display:flex; gap:22px; align-items:center; font-size:14px; color:var(--muted); }
.nav-links a:hover { color:var(--text); }
.nav-right { display:flex; gap:12px; align-items:center; font-size:13px; color:var(--muted); }
.pill { border:1px solid var(--line); border-radius:999px; padding:5px 12px; }
.btn { display:inline-block; border-radius:999px; padding:9px 18px; font-size:14px;
    background:var(--primary); color:#fff; font-weight:600; }
.btn.ghost { background:transparent; border:1px solid var(--line); color:var(--text); }
.btn:hover { background:var(--primary-dark); }
.btn.ghost:hover { border-color:var(--primary); color:#fff; }
footer.site-footer { border-top:1px solid var(--line); margin-top:60px; padding:36px 0 28px;
    color:var(--muted); font-size:13px; background:var(--bg-soft); }
.footer-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.footer-grid h4 { color:var(--text); font-size:13px; margin:0 0 10px; }
.footer-grid a { display:block; padding:3px 0; }
.footer-grid a:hover { color:var(--text); }
.disclaimer { margin-top:22px; padding-top:16px; border-top:1px solid var(--line);
    font-size:12px; line-height:1.7; }
@media (max-width:900px) {
    .footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .nav-links { display:none; }
}