/* Mindframe API Console —— 与 docs.mindframe.top 同一套视觉语言 */
:root{
  --bg:#07070a;--panel:rgba(255,255,255,.045);--panel2:rgba(255,255,255,.08);
  --stroke:rgba(255,255,255,.09);--stroke2:rgba(255,255,255,.17);
  --txt:#eceef4;--muted:#9a9aae;--dim:#6b6b7d;
  --acc:#7c5cff;--acc2:#22d3ee;--grad:linear-gradient(135deg,#7c5cff,#22d3ee);
  --ok:#34d399;--warn:#fbbf24;--danger:#ff5c7a;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:var(--font);background:var(--bg);color:var(--txt);
  font-size:14.5px;line-height:1.7;-webkit-font-smoothing:antialiased;min-height:100vh;
  display:flex;flex-direction:column;
}
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(900px 500px at 5% -10%,rgba(124,92,255,.16),transparent 60%),
             radial-gradient(700px 420px at 98% 0%,rgba(34,211,238,.09),transparent 60%);
}
a{color:var(--acc2);text-decoration:none}
a:hover{text-decoration:underline}
code{font-family:var(--mono);font-size:.87em;background:rgba(255,255,255,.07);
  border:1px solid var(--stroke);border-radius:5px;padding:1px 5px;word-break:break-all}
code.sm{font-size:12px}

/* 顶栏 */
.bar{
  position:sticky;top:0;z-index:20;height:58px;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 22px;gap:18px;
  background:rgba(7,7,10,.8);backdrop-filter:blur(16px);
  border-bottom:1px solid var(--stroke);
}
.brand{display:flex;align-items:center;gap:9px;font-weight:750;color:var(--txt);font-size:15px}
.brand:hover{text-decoration:none}
.brand .dot{width:11px;height:11px;border-radius:50%;background:var(--grad);box-shadow:0 0 14px rgba(124,92,255,.6)}
.brand .sub{color:var(--muted);font-weight:500;font-size:12.5px}
.barnav{display:flex;align-items:center;gap:6px}
.barnav a{padding:6px 12px;border-radius:8px;color:var(--muted);font-size:13px;transition:.16s}
.barnav a:hover{color:var(--txt);background:var(--panel);text-decoration:none}
.barnav .pill{border:1px solid var(--stroke2)}

/* 布局 */
.wrap{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:28px 22px 60px}
.foot{
  border-top:1px solid var(--stroke);padding:16px 22px;
  display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
  font-size:12.5px;color:var(--dim);
}

/* 标题 */
.eyebrow{display:inline-block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);border:1px solid var(--stroke2);padding:4px 11px;border-radius:999px;margin-bottom:12px}
.eyebrow.danger{border-color:rgba(255,92,122,.4);color:#ff9db0}
h1{font-size:28px;font-weight:760;letter-spacing:-.02em;margin-bottom:6px}
h2{font-size:18px;font-weight:700;margin-bottom:10px}
.head-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.muted{color:var(--muted)}
.dim{color:var(--dim)}
.small{font-size:13px}
.tiny{font-size:12px}
.mt{margin-top:14px}

/* 卡片 */
.card{
  background:var(--panel);border:1px solid var(--stroke);border-radius:16px;
  padding:22px;margin-bottom:18px;backdrop-filter:blur(10px);
}
.card.narrow{max-width:430px;margin:40px auto}
.card.cred{border-color:rgba(255,92,122,.45);box-shadow:0 0 0 1px rgba(255,92,122,.1)}

/* 表单 */
.form{display:flex;flex-direction:column;gap:14px;margin-top:16px}
.form.inline{flex-direction:row;align-items:flex-end;flex-wrap:wrap;gap:12px}
.form.inline .grow{flex:1;min-width:200px}
.form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}
.input{
  width:100%;padding:10px 13px;border-radius:10px;
  background:rgba(0,0,0,.35);border:1px solid var(--stroke);
  color:var(--txt);font-size:14px;font-family:var(--font);
}
.input:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px rgba(124,92,255,.16)}

/* 按钮 */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:10px 18px;border-radius:10px;font-size:13.5px;font-weight:620;
  border:1px solid transparent;cursor:pointer;transition:.16s;font-family:var(--font)}
.btn:hover{text-decoration:none;filter:brightness(1.06)}
.btn.primary{background:var(--grad);color:#08080e}
.btn.ghost{background:var(--panel);border-color:var(--stroke2);color:var(--txt)}
.btn.danger{background:rgba(255,92,122,.14);border-color:rgba(255,92,122,.4);color:#ff9db0}
.btn.xs{padding:5px 11px;font-size:12px;border-radius:8px}

/* 提示 */
.alert{border-radius:12px;padding:13px 16px;margin-bottom:16px;font-size:13.5px;border:1px solid var(--stroke)}
.alert.err{background:rgba(255,92,122,.08);border-color:rgba(255,92,122,.35);color:#ffc2ce}
.alert.ok{background:rgba(52,211,153,.08);border-color:rgba(52,211,153,.32);color:#a7f3d0}
.alert.warn{background:rgba(251,191,36,.07);border-color:rgba(251,191,36,.3);color:#fde68a}

/* 凭证展示 */
.cred-grid{display:grid;gap:12px;margin:16px 0}
.cred-item{
  background:rgba(0,0,0,.4);border:1px solid var(--stroke);border-radius:10px;padding:11px 14px;
}
.cred-item .k{display:block;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:4px}
.cred-item code{background:none;border:none;padding:0;color:#c9d2ff;font-size:12.5px;word-break:break-all;line-height:1.6}
.dl-row{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}
.snippet{margin-top:16px}
.snippet-t{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:7px}
.snippet pre{
  background:#0d0d13;border:1px solid var(--stroke);border-radius:10px;
  padding:14px 16px;overflow-x:auto;font-family:var(--mono);font-size:12px;color:#c8cde0;line-height:1.7;
}

/* 勾选框行（注册页同意条款） */
.form label.check{
  flex-direction:row;align-items:flex-start;gap:9px;
  font-size:13px;color:var(--muted);line-height:1.65;cursor:pointer;
}
.form label.check input[type=checkbox]{
  width:16px;height:16px;margin-top:3px;flex:0 0 auto;
  accent-color:#7c5cff;cursor:pointer;
}
.form label.check a{color:var(--acc2)}

/* 使用条款页 */
.card.terms{max-width:820px;margin:0 auto}
.terms-body{margin-top:22px}
.terms-body h2{
  font-size:15.5px;font-weight:700;margin:24px 0 8px;color:var(--txt);
  padding-bottom:7px;border-bottom:1px solid var(--stroke);
}
.terms-body h2:first-child{margin-top:0}
.terms-body p{
  margin:0;font-size:13.8px;line-height:1.9;color:#c7cbd9;
}

/* 表格 */
.table-wrap{overflow-x:auto;border:1px solid var(--stroke);border-radius:12px;background:rgba(0,0,0,.2)}
table{width:100%;border-collapse:collapse;font-size:13px;min-width:760px}
thead th{
  text-align:left;padding:10px 13px;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--dim);border-bottom:1px solid var(--stroke);white-space:nowrap;background:rgba(255,255,255,.025);
}
tbody td{padding:10px 13px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}
tbody tr:last-child td{border-bottom:none}
tbody tr:hover td{background:rgba(255,255,255,.025)}
.act{display:flex;gap:6px}
.act form{margin:0}

.chip{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:600;border:1px solid var(--stroke2);color:var(--muted)}
.chip.ok{background:rgba(52,211,153,.14);border-color:rgba(52,211,153,.3);color:#6ee7b7}
.chip.bad{background:rgba(255,92,122,.12);border-color:rgba(255,92,122,.3);color:#ff9db0}

@media (max-width:720px){
  .wrap{padding:20px 16px 50px}
  h1{font-size:23px}
  .card{padding:17px}
  .form.inline{flex-direction:column;align-items:stretch}
  .head-row{flex-direction:column}
}