/* ============================================================
 * 公共样式 —— 前台三页面（home / models / shop）共享
 * 只放跨页面通用的部分：设计变量 / reset / 按钮体系 / toast。
 * 页面特有样式仍写在各页面 <style> 里（后引入者胜）。
 * 管理面板 index.html 有自己的调色板，在其 <style> 里覆盖 :root。
 * ============================================================ */

/* 新设计语言（暖纸 + 墨黑 + 靛蓝）—— 三页共用变量 */
:root{
  --bg:#FAF9F6; --card:#fff; --line:#E6E3DC; --line2:#EFEDE7;
  --t1:#12141A; --t2:#5C6169; --t3:#9AA0A8;
  --blue:#2B4ACB; --blue-d:#1B3AA8; --blue-l:#EEF1FE;
  --green:#0E7A5F; --green-l:#E9F6F1;
  --amber:#A05A00; --amber-l:#FDF3E3;
  --red:#B42318; --red-l:#FDECEA;
  --radius:14px; --shadow:0 1px 2px rgba(18,20,26,.04),0 10px 30px -12px rgba(18,20,26,.14);
  --maxw:1180px;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--t1);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}

/* ---------- 按钮体系（shop 版为全集） ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:10px 17px;border-radius:9px;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;
  border:1px solid var(--line);background:#fff;color:var(--t1);transition:.16s;white-space:nowrap}
.btn:hover{border-color:#CFCBC2;box-shadow:0 1px 3px rgba(18,20,26,.07)}
.btn.pri{background:var(--t1);border-color:var(--t1);color:#fff;box-shadow:0 1px 2px rgba(18,20,26,.16)}
.btn.pri:hover{background:#000;border-color:#000;box-shadow:0 6px 18px -6px rgba(18,20,26,.42)}
.btn.alipay{background:#1677ff;border-color:#1677ff;color:#fff}
.btn.alipay:hover{background:#0e63db}
.btn.qq{background:#12b7f5;border-color:#12b7f5;color:#fff}
.btn.qq:hover{background:#0ea5df;border-color:#0ea5df}
.btn.ghost{background:transparent}
.btn.full{width:100%}
.btn.lg{padding:12px 20px;font-size:15px;border-radius:11px}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn.danger{background:var(--red);border-color:var(--red);color:#fff}
.btn.danger-o{border-color:rgba(163,45,45,.35);color:var(--red);background:#fff}

/* ---------- toast（index 方案：show/err） ---------- */
.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:#22201d;color:#fff;
  padding:10px 18px;border-radius:10px;font-size:12.5px;opacity:0;pointer-events:none;transition:.25s;z-index:99;max-width:80vw}
.toast.show{opacity:1;bottom:36px}
.toast.err{background:#7a2222}