/* ZMCode Console Skin v3 —— 直接使用 opencode 控制台原版设计 token */
@font-face {
  font-family: 'Inter';
  src: url('/fonts/inter-variable.woff2') format('woff2');
  font-weight: 100 900; font-style: normal; font-display: swap;
}
:root {
  --oc-bg: #ffffff;
  --oc-surface: #fafafa;
  --oc-surface2: #f2f2f2;
  --oc-text: #161616;
  --oc-text2: #5c5c5c;
  --oc-mut: #808080;
  --oc-accent: #3b5cf6;
  --oc-accent-h: #3250df;
  --oc-border: rgba(0,0,0,.10);
  --oc-border-m: rgba(0,0,0,.08);
  --oc-ok: #198b43; --oc-warn: #cb9f34; --oc-bad: #b82d35;
}
:root { --zmc-ink:#161616; --zmc-mut:#5c5c5c; --zmc-line:rgba(0,0,0,.10); }

/* 强制浅色 */
html.dark body, body { background: var(--oc-bg) !important; font-family: 'Inter',-apple-system,'PingFang SC','Microsoft YaHei',sans-serif; }
html.dark aside, html.dark .sidebar { background:#fff !important; }
html.dark .bg-dark-900, html.dark [class*="bg-dark-9"], html.dark [class*="bg-dark-8"] { background:#fff !important; }
html.dark .text-white { color:#161616 !important; }
html.dark .border-dark-700, html.dark [class*="border-dark-7"] { border-color:var(--oc-border) !important; }
html.dark .text-gray-300, html.dark .text-gray-400, html.dark .text-gray-100 { color:#5c5c5c !important; }

/* 1. 隐藏侧栏，内容占满 */
aside, .sidebar { display:none !important; }
[class*="pl-64"] { padding-left:0 !important; }
html [class*="pl-64"] { padding-left:0 !important; }
[class*="ml-64"] { margin-left:0 !important; }
html .lg\:ml-64 { margin-left:0 !important; }

/* 品牌行 + 水平 Tab 栏 */
.zmc-brandrow { background:var(--oc-bg); border-bottom:1px solid var(--oc-border-m); }
.zmc-brandrow .zmc-inner { max-width:1200px; margin:0 auto; padding:0 28px; height:56px; display:flex; align-items:center; justify-content:space-between; }
.zmc-brand { font-family:ui-monospace,Consolas,monospace; font-weight:700; font-size:17px; color:var(--oc-text); letter-spacing:.2px; }
.zmc-brand i { font-style:normal; color:var(--oc-mut); font-size:12px; margin-left:9px; }
.zmc-tabs { background:var(--oc-bg); border-bottom:1px solid var(--oc-border); position:sticky; top:0; z-index:45; }
.zmc-tabs .zmc-inner { max-width:1200px; margin:0 auto; padding:0 28px; display:flex; gap:24px; overflow-x:auto; height:44px; align-items:center; scrollbar-width:none; }
.zmc-tabs .zmc-inner::-webkit-scrollbar { display:none; }
.zmc-tab { color:var(--oc-text2) !important; font-size:13.5px; white-space:nowrap; padding:12px 1px 10px; border-bottom:2px solid transparent;
  display:flex !important; flex-direction:row !important; align-items:center !important; gap:7px !important; }
.zmc-tab svg { width:15px !important; height:15px !important; flex:0 0 auto; opacity:.75; }
.zmc-tab:hover { color:var(--oc-text) !important; }
.zmc-tab.zmc-active { color:var(--oc-text) !important; font-weight:600; border-bottom-color:var(--oc-text); }

/* 2. 白底细边框卡片（圆角 6px） */
main .bg-white, main [class*="bg-white"] { border:1px solid var(--oc-border-m) !important; box-shadow:none !important; border-radius:6px !important; background:var(--oc-bg) !important; }
.bg-white, [class*="bg-white"] { box-shadow:none !important; }

/* 3. 黑色主按钮 */
.btn { border-radius:6px !important; box-shadow:none !important; font-weight:600 !important; }
.btn-primary, main .bg-teal-600, main button[class*="teal"] { background:var(--oc-text) !important; color:#fff !important; border-color:var(--oc-text) !important; }
.btn-primary:hover, main .bg-teal-600:hover { background:#000 !important; }
.btn-secondary { background:#fff !important; color:var(--oc-text2) !important; border:1px solid var(--oc-border) !important; }

/* 4. Inter 字体 + 等宽数据 */
main .text-3xl, main .text-2xl, main .text-4xl { font-family:ui-monospace,'SF Mono',Consolas,monospace !important; color:var(--oc-text) !important; letter-spacing:-.5px; }
code, pre, .font-mono { font-family:ui-monospace,'SF Mono',Consolas,monospace !important; }
table { font-size:13.5px !important; }
table th { color:var(--oc-mut) !important; font-size:12px !important; font-weight:500 !important; }

/* 5. 留白与细节 */
main { padding-top:8px !important; }
main h1 { color:var(--oc-text) !important; font-weight:700 !important; }
main h1 + p { color:var(--oc-text2) !important; }
header, .banner { background:var(--oc-bg) !important; border-bottom:1px solid var(--oc-border-m) !important; box-shadow:none !important; }
input, select, textarea { border-radius:6px !important; border-color:var(--oc-border) !important; background:#fff !important; }
input:focus, select:focus, textarea:focus { outline:1.5px solid var(--oc-accent) !important; }
a { color:var(--oc-accent); }
::-webkit-scrollbar { width:8px; height:8px; }
::-webkit-scrollbar-thumb { background:#dbdbdb; border-radius:4px; }

/* 纯白净化：去掉应用自带的渐变装饰（对齐 opencode 纯白背景） */
[class*="bg-gradient"], [class*="bg-gradient-to"] { background-image: none !important; }