@charset "UTF-8";
/* ============================================================
   GBT 设计系统 · 金融级深色专业化打磨层(2026-09-09)
   用法: 各页面 <link rel="stylesheet" href="GBT_polish.css">
   ============================================================ */
:root{
  --font-sans:'Inter','Segoe UI','PingFang SC','HarmonyOS Sans SC','Microsoft YaHei',system-ui,sans-serif;
  --font-mono:'JetBrains Mono','Cascadia Code',ui-monospace,Consolas,monospace;
  --bg-0:#04060c;--bg-1:#0a1020;--bg-2:#0c1524;
  --card:rgba(16,24,40,.82);--card-hi:rgba(21,32,52,.95);
  --line:rgba(148,163,184,.16);--line-soft:rgba(148,163,184,.09);
  --txt:#eef2fb;--txt-2:#c3cede;--mut:#8ea0bd;--dim:#5f7089;
  --cy:#38e1ff;--cy-dim:rgba(56,225,255,.14);
  --gold:#f6c76a;--gold-dim:rgba(246,199,106,.13);
  --grn:#3ddc97;--grn-dim:rgba(61,220,151,.12);
  --red:#ff6b81;--red-dim:rgba(255,107,129,.12);
  --pur:#a78bfa;--blu:#60a5fa;
  --r-sm:9px;--r-md:14px;--r-lg:18px;
  --shadow-1:0 1px 2px rgba(0,0,0,.4);
  --shadow-2:0 14px 40px -22px rgba(0,0,0,.8),0 2px 8px rgba(0,0,0,.35);
}
*{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{font-family:var(--font-sans);background-attachment:fixed}
h1,h2,h3,h4{font-weight:700;letter-spacing:.2px}
h1 small,h2 small,.sub{font-family:var(--font-sans)}
.card,.stat,.node,.addr,.rc{border-radius:var(--r-lg)!important;box-shadow:var(--shadow-2)!important;border-color:var(--line)!important}
.card{background:linear-gradient(180deg,rgba(22,32,52,.72),rgba(13,19,32,.86))!important;backdrop-filter:blur(12px)}
/* 顶部氛围光 + 细网格 */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(900px 420px at 12% -6%,rgba(56,225,255,.08),transparent 55%),
    radial-gradient(700px 380px at 96% -4%,rgba(246,199,106,.06),transparent 55%),
    radial-gradient(820px 520px at 50% 118%,rgba(167,139,250,.07),transparent 60%);
  opacity:.9}
.wrap,.panel,.head,.nav{position:relative;z-index:1}
/* 数字与状态统一等宽 */
.metric .n,.stat .n,.v,.rid,td,code,.mono,button.btn{font-family:var(--font-mono)}
/* 按钮专业化: 层级/悬浮/按下/禁用/焦点环 */
.btn{border-radius:10px;font-weight:600;letter-spacing:.2px;transition:transform .12s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;box-shadow:var(--shadow-1)}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0) scale(.985)}
.btn:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cy);outline-offset:2px}
.btn:disabled{opacity:.38;cursor:not-allowed;transform:none;box-shadow:none}
a{transition:color .15s ease}
/* 输入 */
input,select{transition:border-color .15s ease,box-shadow .15s ease}
input:focus,select:focus{border-color:var(--cy)!important;box-shadow:0 0 0 3px var(--cy-dim)}
/* 表格: 行悬浮与更好层次 */
table{font-variant-numeric:tabular-nums}
thead th{text-transform:uppercase;font-size:10.5px;letter-spacing:1.2px;color:var(--dim);border-bottom-color:var(--line)}
tbody tr{transition:background .12s ease}
tbody tr:hover{background:rgba(56,225,255,.045)}
/* 状态药丸统一 */
.chip,.badge{border-radius:999px!important}
.chip b{color:var(--txt)}
.chip{transition:border-color .15s ease}
.st{border-radius:999px;font-variant-numeric:tabular-nums;letter-spacing:.3px}
/* 区块标题层次 */
h2{display:flex;align-items:center;gap:10px;font-weight:700}
h2::before{content:"";width:4px;height:15px;border-radius:2px;background:linear-gradient(180deg,var(--cy),var(--pur));opacity:.85}
/* 细节: 滚动条 */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#223049;border-radius:8px;border:2px solid transparent;background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background:#2e4266;background-clip:content-box;border:2px solid transparent}
::-webkit-scrollbar-track{background:transparent}
::selection{background:rgba(56,225,255,.28)}
/* 说明文字行高统一 */
.note,.mut,.dim{letter-spacing:.1px}
/* 桌面窄一点更聚焦; 移动保持呼吸感 */
@media (max-width:720px){
  .card,.stat{padding:14px}
  h1{font-size:22px!important}
  .stats{grid-template-columns:repeat(2,1fr)!important}
  table{font-size:11px}
  .head,.nav{padding-left:14px!important;padding-right:14px!important}
}
@media (min-width:1100px){body{padding-left:clamp(16px,6vw,90px);padding-right:clamp(16px,6vw,90px)}}
/* ===== 外壳镜像打磨层 2026-09-09(全站共享增量) ===== */
::selection{background:rgba(56,225,255,.22);color:#eef2fb}
*{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.35) rgba(10,16,32,0)}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:rgba(10,16,32,.4)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(148,163,184,.38),rgba(56,225,255,.28));border-radius:999px;border:2px solid rgba(10,16,32,.6)}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(56,225,255,.55),rgba(246,199,106,.4))}
html{scroll-behavior:smooth}
a:focus-visible,button:focus-visible{outline:2px solid var(--cy);outline-offset:2px;border-radius:6px}
.card{transition:border-color .2s ease}
.badge,.chip,.st{transition:opacity .15s ease}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media(max-width:640px){body{padding-left:10px;padding-right:10px}}

/* ===== 统一微交互动效层(2026-09-09 精修) =====
时长/缓动规范: hover/focus 150ms ease-out; 按压缩放 120ms; 弹层 200ms cubic-bezier(.2,.7,.2,1)。
@media (prefers-reduced-motion: reduce) 全部禁用(见上)。 */
.card,a.card{transition:border-color .15s ease-out,transform .15s ease-out,box-shadow .15s ease-out}
.card:hover,a.card:hover{transform:translateY(-2px);border-color:rgba(56,225,255,.45);box-shadow:0 8px 24px rgba(2,10,18,.35)}
button.btn,a.btn{transition:filter .15s ease-out,transform .12s ease-out,box-shadow .15s ease-out}
button.btn:hover,a.btn:hover{filter:brightness(1.08)}
button.btn:active,a.btn:active{transform:translateY(1px) scale(.99)}
:is(a,button,summary,[role=button]):focus-visible{outline:2px solid #38e1ff;outline-offset:2px;border-radius:8px}
@media(hover:none){.card:hover,a.card:hover{transform:none;box-shadow:none}}