/* 对外静态页（首页 /、价目页 /models）共用：颜色、顶栏、按钮、页脚。
   颜色和控制台主题一致，规范见 docs/11-控制台UI规范.md；页面设计见 docs/12-自然流量前端设计.md。
   类名都以 s- 开头，避免和各页面自己的样式冲突。改了本文件把引用处的 ?v= 加一。 */
:root{
  --bg:#fafaf9;--card:#fff;--fg:#1c1917;--ink:#0c0a09;--muted:#78716c;--line:#e8e6e5;--input:#d6d3d1;
  --soft:#f5f5f4;--primary:#1676c4;--primary-hover:#125f9e;--on-primary:#fff;--hl:#e3f1fc;--ok:#15803d;
  --shadow:0 1px 2px rgb(28 25 23/.05),0 1px 3px rgb(28 25 23/.04);
  --s-nav-h:60px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#141211;--card:#1c1917;--fg:#e7e5e4;--ink:#fafaf9;--muted:#a8a29e;--line:rgb(255 255 255/.08);--input:rgb(255 255 255/.14);
  --soft:#0c0a09;--primary:#3ba6f1;--primary-hover:#64b8f4;--on-primary:#0c0a09;--hl:rgb(59 166 241/.14);--ok:#4ade80;--shadow:none}}
:root[data-theme="dark"]{
  --bg:#141211;--card:#1c1917;--fg:#e7e5e4;--ink:#fafaf9;--muted:#a8a29e;--line:rgb(255 255 255/.08);--input:rgb(255 255 255/.14);
  --soft:#0c0a09;--primary:#3ba6f1;--primary-hover:#64b8f4;--on-primary:#0c0a09;--hl:rgb(59 166 241/.14);--ok:#4ade80;--shadow:none}

body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased}
[hidden]{display:none!important}  /* site.js 用 hidden 开关待定内容，不能被 display:flex 之类盖掉 */
::selection{background:var(--hl)}

.s-wrap{max-width:1120px;margin:0 auto;padding:0 24px}

/* 顶栏 */
.s-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.s-nav{display:flex;align-items:center;gap:28px;height:var(--s-nav-h)}
.s-brand{display:flex;align-items:center;gap:9px;font-weight:650;font-size:16px;color:var(--ink);letter-spacing:-.01em;text-decoration:none}
.s-logo{width:26px;height:26px;border-radius:7px;background:var(--primary);color:var(--on-primary);display:grid;place-items:center;font-size:14px;font-weight:800}
.s-links{display:flex;gap:22px;font-size:14px}
.s-links a{color:var(--muted);text-decoration:none}
.s-links a:hover,.s-links a[aria-current="page"]{color:var(--fg)}
.s-right{margin-left:auto;display:flex;align-items:center;gap:10px}

/* 按钮 */
.s-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 18px;border-radius:10px;font-size:14px;font-weight:500;white-space:nowrap;text-decoration:none;transition:background .15s,border-color .15s,color .15s}
.s-btn-p{background:var(--primary);color:var(--on-primary)}
.s-btn-p:hover{background:var(--primary-hover)}
.s-btn-o{border:1px solid var(--input);background:var(--card);color:var(--fg)}
.s-btn-o:hover{border-color:var(--muted)}
.s-btn-g{color:var(--muted)}
.s-btn-g:hover{color:var(--fg)}
.s-btn-sm{height:34px;padding:0 14px;font-size:13px;border-radius:8px}
.s-btn-lg{height:48px;padding:0 24px;font-size:15px;border-radius:12px}

/* 页脚 */
.s-footer{border-top:1px solid var(--line);padding:40px 0 48px;font-size:13px;color:var(--muted)}
.s-footer a{color:inherit;text-decoration:none}
.s-footer a:hover{color:var(--fg)}
.s-fgrid{display:flex;justify-content:space-between;gap:24px 32px;flex-wrap:wrap}
.s-flinks{display:flex;gap:20px;flex-wrap:wrap}
.s-legal{margin-top:20px;display:flex;gap:6px 18px;flex-wrap:wrap}

@media (max-width:900px){.s-links{display:none}}
@media (max-width:640px){.s-wrap{padding:0 16px}.s-nav .s-btn-g{display:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}