/* 智道科技 3D工具站 · 整站 S1.6 · 本文件 2026-09-28 · 索引：0-先看这里_整站总索引.html */
/* ==========================================================================
   智道科技3D工具站 · 整站公共设计令牌
   沿用「智道AI梦工场 V53」设计语言：工业风深色 + 琥珀金
   所有前端页 / 后台页共用本文件，保证全站一致。
   ========================================================================== */

:root{
  --bg:#0e1015;
  --bg-2:#15181f;
  --card:#1a1e27;
  --card-2:#20242e;
  --card-3:#262b36;
  --line:rgba(255,255,255,.09);
  --line-2:rgba(255,255,255,.16);
  --ink:#e9ecf1;
  --ink-2:#a8b0bd;
  --ink-3:#6f7889;
  --amber:#e5a53a;
  --amber-2:#b8730a;
  --amber-bg:rgba(229,165,58,.10);
  --green:#3ec38a;
  --green-bg:rgba(62,195,138,.10);
  --red:#e2685f;
  --red-bg:rgba(226,104,95,.10);
  --blue:#4a9eff;
  --blue-bg:rgba(74,158,255,.10);
  --purple:#a78bfa;
  --purple-bg:rgba(167,139,250,.10);
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  --wrap:1240px;
  --r:12px;
  --r2:10px;
  --r3:14px;
  --surface:var(--card);
  --text:var(--ink);
  --text-dim:var(--ink-2);
  --text-mute:var(--ink-3);
  --amber-hi:var(--amber);
  /* 股票惯例（中国）：涨红跌绿 —— 本站不涉及，但保留令牌备用 */
  --up:#e2685f;
  --down:#3ec38a;
}

/* 浅色主题（后台可选） */
html.lt{
  --bg:#f4f6f9;
  --bg-2:#ffffff;
  --card:#ffffff;
  --card-2:#f7f9fc;
  --card-3:#eef1f6;
  --line:rgba(20,26,38,.10);
  --line-2:rgba(20,26,38,.18);
  --ink:#1a1f2b;
  --ink-2:#4c5566;
  --ink-3:#7d879a;
  --amber:#b8730a;
  --amber-bg:rgba(184,115,10,.10);
  --surface:var(--card);
  --text:var(--ink);
  --text-dim:var(--ink-2);
  --text-mute:var(--ink-3);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background:var(--bg);color:var(--ink);font-family:var(--font);
  font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
[hidden]{display:none !important}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button,input,select,textarea{font-family:inherit;font-size:inherit}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}

/* ---------- 通用按钮 ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:10px 18px;border-radius:var(--r2);border:1px solid var(--line-2);
  background:transparent;color:var(--ink);font-size:15px;font-weight:700;
  cursor:pointer;transition:.15s;white-space:nowrap;
}
.btn:hover{border-color:var(--amber);color:var(--amber)}
.btn--p{background:var(--amber);border-color:var(--amber);color:#1a1206}
.btn--p:hover{background:#f0b654;border-color:#f0b654;color:#1a1206}
.btn--g{background:var(--card-2)}
.btn--sm{padding:6px 12px;font-size:13.5px;border-radius:8px}
.btn--danger{color:var(--red);border-color:rgba(226,104,95,.4)}
.btn--danger:hover{border-color:var(--red);color:var(--red)}
.btn:disabled{opacity:.4;cursor:not-allowed}

/* ---------- 卡片 / 面板 ---------- */
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r3);padding:20px}
.panel>h3{font-size:18px;font-weight:800;margin-bottom:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.panel>h3 .r{margin-left:auto;font-size:13.5px;font-weight:600;color:var(--amber);cursor:pointer}

/* ---------- 标签 / 角标 ---------- */
.tag{display:inline-block;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:700;line-height:1.6}
.tag--amber{background:var(--amber-bg);color:var(--amber)}
.tag--green{background:var(--green-bg);color:var(--green)}
.tag--red{background:var(--red-bg);color:var(--red)}
.tag--blue{background:var(--blue-bg);color:var(--blue)}
.tag--purple{background:var(--purple-bg);color:var(--purple)}
.tag--gray{background:var(--card-3);color:var(--ink-3)}

/* ---------- 表单 ---------- */
.inp,select.inp,textarea.inp{
  width:100%;padding:11px 14px;border-radius:var(--r2);
  border:1px solid var(--line-2);background:var(--card-2);color:var(--ink);
  font-size:15px;transition:.15s;
}
.inp:focus{outline:2px solid var(--amber);outline-offset:1px;border-color:transparent}
.inp::placeholder{color:var(--ink-3)}
.field{margin-bottom:14px}
.field>label{display:block;font-size:14px;font-weight:700;color:var(--ink-2);margin-bottom:6px}
.field>.hint{font-size:12.5px;color:var(--ink-3);margin-top:4px;line-height:1.6}

/* 开关 */
.sw{position:relative;display:inline-block;width:44px;height:24px;flex:none}
.sw input{opacity:0;width:0;height:0}
.sw i{position:absolute;inset:0;background:var(--card-3);border-radius:12px;transition:.2s;cursor:pointer;border:1px solid var(--line-2)}
.sw i:before{content:'';position:absolute;width:18px;height:18px;left:2px;top:2px;background:var(--ink-3);border-radius:50%;transition:.2s}
.sw input:checked+i{background:var(--amber-bg);border-color:var(--amber)}
.sw input:checked+i:before{transform:translateX(20px);background:var(--amber)}

/* ---------- 表格 ---------- */
.tb{width:100%;border-collapse:collapse;font-size:14px}
.tb th,.tb td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);word-break:break-word;overflow-wrap:anywhere}
.tb th{color:var(--ink-3);font-weight:700;font-size:13px;white-space:nowrap;background:var(--card-2)}
.tb tbody tr:hover{background:var(--card-2)}
.tb .num{font-family:var(--mono);text-align:right}
.tb .hl{color:var(--amber);font-weight:700}

/* ---------- 滚动条 ---------- */
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:5px}
::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}

/* ---------- 工具类 ---------- */
.mut{color:var(--ink-3)}
.small{font-size:13px;line-height:1.7;color:var(--ink-3)}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.grow{flex:1;min-width:0}
.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt24{margin-top:24px}
.mb8{margin-bottom:8px}.mb12{margin-bottom:12px}.mb16{margin-bottom:16px}
.hide{display:none !important}