:root{--bg:#f3f5f9;--panel:#ffffff;--panel-soft:#f7f9fc;--border:#d8dde7;--text:#122235;--muted:#61748a;--ok:#107b4d;--warn:#9a6a00;--bad:#b42f2f;--shadow:0 6px 24px rgba(18,34,53,0.06)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 0 0,#fbfcff 0,var(--bg) 45%,#eef2f7 100%);color:var(--text);font-family:PingFang SC,Helvetica Neue,sans-serif}.main{width:min(1600px,100%);margin:0 auto;padding:28px 18px 40px}.head{margin-bottom:16px}.title{margin:0;font-size:30px;line-height:1.2;letter-spacing:.01em}.sub{margin:8px 0 0;color:var(--muted);font-size:14px}.gateWrap{min-height:100vh;display:grid;place-items:center;padding:24px}.gateCard{width:min(420px,100%);border:1px solid var(--border);border-radius:14px;background:var(--panel);box-shadow:var(--shadow);padding:20px}.gateTitle{margin:0;font-size:24px}.gateSub{margin:8px 0 0;font-size:14px;color:var(--muted)}.gateForm{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px;margin-top:16px}.gateInput{border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:14px}.gateBtn{border:1px solid #9db6d8;background:#e9f2ff;color:#1f4f86;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.gateBtn:hover{background:#deebff}.gateError{margin:10px 0 0;color:var(--bad);font-size:13px}.gateHint{margin:10px 0 0;color:var(--muted);font-size:12px}.toolbar{border:1px solid var(--border);border-radius:12px;background:var(--panel);box-shadow:var(--shadow);padding:12px 14px;margin-bottom:14px;display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end}.controlGroup{display:flex;flex-direction:column;gap:6px}.controlLabel{font-size:12px;color:var(--muted)}.controlSelect{min-width:130px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);padding:6px 10px;font-size:13px}.toolbarMeta{margin-left:auto}.refreshBtn{border:1px solid #9db6d8;background:#e9f2ff;color:#1f4f86;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600;cursor:pointer}.refreshBtn:hover{background:#deebff}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:16px}.card{border:1px solid var(--border);background:linear-gradient(180deg,#ffffff 0,var(--panel-soft) 100%);border-radius:12px;padding:14px;box-shadow:var(--shadow)}.card h3{margin:0;font-size:13px;color:var(--muted);font-weight:600}.card p{margin:10px 0 4px;font-size:25px;font-weight:700;letter-spacing:.01em}.card small{color:var(--muted);font-size:12px}.panel{border:1px solid var(--border);border-radius:12px;background:var(--panel);box-shadow:var(--shadow);padding:14px;margin-top:14px}.panel h2{margin:0 0 10px;font-size:16px}.tableWrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:980px}td,th{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:8px 10px;font-size:13px}th{color:var(--muted);font-weight:600;background:#f7f9fc;position:-webkit-sticky;position:sticky;top:0;z-index:1}tbody tr:hover{background:#f9fbfe}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.muted{color:var(--muted)}.badge{display:inline-block;padding:2px 7px;border-radius:999px;font-size:12px;font-weight:600}.badge.ok{color:#0a5c38;background:#dcf7ea}.badge.warn{color:#7b5000;background:#fff2d6}.badge.bad{color:#8b1e1e;background:#ffe3e3}@media (max-width:1200px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.gateForm{grid-template-columns:1fr}.toolbar{align-items:stretch}.toolbarMeta{margin-left:0}.cards{grid-template-columns:repeat(1,minmax(0,1fr))}.title{font-size:26px}}