:root{--ink:#132238;--muted:#667085;--line:#d9e0e8;--paper:#f4f6f8;--white:#fff;--blue:#165dff;--blue-dark:#0d3fba;--cyan:#2dd4bf;--nav:#0d1929;--success:#147d64;--danger:#c43a4b;--shadow:0 18px 45px rgba(24,44,74,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Inter","Segoe UI","Microsoft YaHei",sans-serif;font-size:15px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:var(--nav);color:#fff;padding:28px 22px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;margin-bottom:44px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.24);font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,#1b69ff,#27c7b7)}.brand strong{display:block;font-size:16px}.brand small{display:block;font-size:8px;letter-spacing:2.1px;color:#8da0b9;margin-top:3px}.nav-list{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:#8fa1b8;text-align:left;padding:13px 14px;border-radius:6px;cursor:pointer;font:600 14px inherit;display:flex;align-items:center;gap:13px;transition:.2s}.nav-item span{font-size:9px;color:#596d86;letter-spacing:1px}.nav-item:hover,.nav-item.active{background:#172942;color:#fff}.nav-item.active{box-shadow:inset 3px 0 #38c8ba}.nav-item.active span{color:#49d6c7}.sidebar-status{margin-top:auto;display:flex;align-items:center;gap:11px;padding:15px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035)}.sidebar-status strong,.sidebar-status small{display:block}.sidebar-status strong{font-size:12px}.sidebar-status small{font-size:9px;color:#8194ad;margin-top:3px}.pulse{width:8px;height:8px;border-radius:50%;background:#3dd6b5;box-shadow:0 0 0 5px rgba(61,214,181,.12)}.sidebar-foot{font-size:9px;line-height:1.7;color:#51657e;letter-spacing:.8px;margin-top:16px}.main{margin-left:244px;min-height:100vh;padding:0 42px}.topbar{height:118px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.eyebrow{font-size:9px;font-weight:800;letter-spacing:2px;color:#68809a;margin:0 0 7px}.topbar h1{font-size:25px;letter-spacing:-.8px;margin:0}.top-actions{display:flex;gap:12px;align-items:center}.env-pill,.step-badge,.test-only{font-size:9px;font-weight:800;letter-spacing:1.4px;padding:8px 10px;border:1px solid var(--line);background:#fff;color:#64748b}.button{border:0;border-radius:4px;padding:11px 17px;font:700 12px inherit;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--blue);color:#fff;box-shadow:0 8px 18px rgba(22,93,255,.22)}.button.primary:hover{background:var(--blue-dark)}.button.secondary{background:#132a49;color:#fff}.button.subtle{background:#eef2f6;color:#334155;border:1px solid #d7dee7}.button.inverse{background:#fff;color:#0c4de5}.button.ghost-light{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.38)}.button.full{width:100%}.view{display:none;padding:34px 0 26px;animation:fade .24s ease}.view.active{display:block}@keyframes fade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.hero-panel{position:relative;overflow:hidden;min-height:318px;background:linear-gradient(112deg,#0d4fe7,#17398b);color:#fff;padding:46px 52px;display:grid;grid-template-columns:1.4fr .7fr;align-items:center;box-shadow:var(--shadow)}.hero-panel:after{content:"";position:absolute;width:380px;height:380px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-90px;top:-130px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}.hero-label{font-size:9px;font-weight:800;letter-spacing:2px;padding:7px 9px;background:rgba(255,255,255,.12)}.hero-panel h2{font-size:36px;line-height:1.2;letter-spacing:-1.4px;margin:20px 0 13px}.hero-panel h2 em{font-style:normal;color:#57e0d0}.hero-panel p{margin:0;color:#c9d8ff;max-width:570px;line-height:1.7}.hero-actions{display:flex;gap:10px;margin-top:27px}.passport-visual{z-index:1;justify-self:end;width:254px;height:184px;border:1px solid rgba(255,255,255,.35);background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.04));backdrop-filter:blur(10px);padding:24px;position:relative;box-shadow:0 24px 60px rgba(0,0,0,.18)}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:18px 18px}.battery-icon{position:relative;width:72px;height:34px;border:2px solid #7ce7d8;border-radius:3px;display:flex;gap:3px;padding:5px}.battery-icon:after{content:"";position:absolute;right:-7px;top:9px;width:5px;height:12px;background:#7ce7d8;border-radius:0 2px 2px 0}.battery-icon i{flex:1;background:#7ce7d8}.visual-code{position:absolute;left:24px;top:79px;font:700 10px Consolas,monospace;letter-spacing:1px;color:#d5e1ff}.visual-meta{position:absolute;left:24px;bottom:22px}.visual-meta span,.visual-meta strong{display:block}.visual-meta span{font-size:7px;letter-spacing:1.4px;color:#9db8ef}.visual-meta strong{font-size:12px;margin-top:4px;color:#7ce7d8}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metric{background:#fff;border:1px solid #e1e6ec;padding:21px 22px;min-height:127px}.metric>span{font-size:11px;color:var(--muted)}.metric>strong{display:block;font-size:29px;letter-spacing:-1px;margin:10px 0 7px}.metric>small{font-size:8px;letter-spacing:1.2px;color:#8a9aab}.metric.accent{border-top:3px solid #2dc7b7}.metric.accent small{color:var(--success)}.metric.accent b{display:inline-block;width:6px;height:6px;background:#2dc7b7;border-radius:50%;margin-right:5px}.content-grid{display:grid;grid-template-columns:1.6fr .8fr;gap:18px}.panel{background:#fff;border:1px solid #e0e6ed;box-shadow:0 5px 22px rgba(24,44,74,.035);padding:25px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel h3{margin:0;font-size:18px}.text-button{border:0;background:transparent;color:var(--blue);font:700 11px inherit;cursor:pointer}.empty-state{display:grid;place-items:center;text-align:center;color:#8a98a9;min-height:150px;border:1px dashed #d5dce4;margin-top:20px;padding:24px}.activity-list{margin-top:18px}.activity-item{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;border-top:1px solid #edf0f3;padding:14px 2px}.activity-item:first-child{border-top:0}.activity-icon{width:34px;height:34px;display:grid;place-items:center;background:#eaf1ff;color:var(--blue);font-weight:800;font-size:11px}.activity-copy strong,.activity-copy small{display:block}.activity-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}.activity-copy small{font-size:9px;color:#8a98a9;margin-top:4px}.activity-item time{font-size:9px;color:#8a98a9}.ring-row{display:flex;align-items:center;gap:15px;margin:21px 0}.ring{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--blue) 100%,#e7ecf1 0);position:relative}.ring:after{content:"";position:absolute;inset:7px;background:#fff;border-radius:50%}.ring span{z-index:1;font-weight:800;font-size:14px}.ring-row strong,.ring-row small{display:block}.ring-row small{font-size:9px;color:#8b98a8;margin-top:4px}.check-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:9px}.check-list li{font-size:10px;color:#4b5f75}.check-list li:before{content:"✓";color:#15947b;margin-right:7px;font-weight:900}.section-intro{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.section-intro h2{font-size:28px;margin:0 0 8px;letter-spacing:-1px}.section-intro>div>p:last-child{margin:0;color:var(--muted);line-height:1.6}.editor-layout{display:grid;grid-template-columns:290px 1fr;gap:18px}.profile-panel label,.test-config label{display:block;font-size:10px;font-weight:800;color:#526579;margin-bottom:8px}.profile-panel select,.test-config select,.test-config input{width:100%;height:43px;border:1px solid #ced6df;background:#fff;padding:0 11px;margin-bottom:12px;color:var(--ink)}.profile-info{border-top:1px solid #e4e9ef;margin-top:22px;padding-top:19px}.profile-info span,.profile-info strong,.profile-info small{display:block}.profile-info span{font-size:9px;letter-spacing:1px;color:#8898a9}.profile-info strong{font-size:13px;margin:8px 0 4px}.profile-info small{font-size:10px;color:#6f8193;line-height:1.5}.tip{background:#f1f6ff;border-left:3px solid var(--blue);padding:13px;margin-top:22px}.tip strong{font-size:10px;color:var(--blue)}.tip p{font-size:10px;line-height:1.55;color:#60738a;margin:5px 0 0}.json-panel{padding-bottom:20px}.status{font-size:9px;font-weight:800;letter-spacing:.8px;padding:6px 8px}.status.neutral{color:#67798c;background:#eef2f6}.status.success{color:#0f785f;background:#e3f5f0}.status.error{color:#ae3343;background:#feecef}#jsonEditor{margin-top:17px;width:100%;height:490px;resize:vertical;background:#0e1725;color:#c5d5e8;border:0;padding:20px;font:12px/1.62 Consolas,"SFMono-Regular",monospace;tab-size:2;outline:none}#jsonEditor:focus{box-shadow:0 0 0 3px rgba(22,93,255,.16)}.editor-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:13px}.result-box{margin-top:15px;padding:14px;font:11px/1.6 Consolas,monospace;border-left:3px solid #8496a8;background:#f3f6f8;max-height:180px;overflow:auto}.result-box.success{background:#eaf7f3;border-color:#1e9a7e;color:#14664f}.result-box.error{background:#fff0f2;border-color:#d44455;color:#922b38}.hidden{display:none}.table-panel{padding:0}.table-toolbar{display:flex;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid #e3e8ee}.table-toolbar input{flex:1;max-width:460px;height:40px;border:1px solid #d2dae3;padding:0 13px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;background:#f7f9fb;color:#718196;font-size:9px;letter-spacing:1px;padding:13px 16px;border-bottom:1px solid #dfe5eb}td{padding:15px 16px;border-bottom:1px solid #edf0f3;font-size:11px}.id-cell{font-family:Consolas,monospace;color:#244d82;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.state-pill{display:inline-block;padding:5px 7px;background:#e7f6f1;color:#16755f;font-size:8px;font-weight:800;letter-spacing:.6px}.empty-cell{text-align:center;color:#8a98a9;padding:50px}.test-only{color:#a16400;background:#fff7df;border-color:#ead59e}.test-flow{height:94px;background:#12233a;color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.flow-step{display:flex;align-items:center;gap:11px;opacity:.52}.flow-step.active{opacity:1}.flow-step b{width:30px;height:30px;border:1px solid #7890aa;display:grid;place-items:center;font-size:10px}.flow-step.active b{background:#1f6cff;border-color:#1f6cff}.flow-step span,.flow-step small{display:block}.flow-step span{font-size:10px;font-weight:800;letter-spacing:1px}.flow-step small{font-size:8px;color:#8ca1ba;margin-top:3px;letter-spacing:0}.test-flow>i{display:block;width:95px;height:1px;background:#40546c;margin:0 25px}.testing-grid{display:grid;grid-template-columns:330px 1fr;gap:18px}.button-stack{display:grid;gap:9px;margin-top:15px}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.console-panel{padding:0;background:#0d1623;border-color:#0d1623}.console-head{height:49px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #233044;color:#8fa2b9;font-size:9px;letter-spacing:1px}.console-head b{display:inline-block;width:7px;height:7px;background:#36d0b6;border-radius:50%;margin-right:8px}.console-head .text-button{color:#72879f}#testConsole{margin:0;padding:20px;min-height:310px;max-height:520px;overflow:auto;color:#bcd0e6;font:11px/1.65 Consolas,monospace;white-space:pre-wrap}.console-muted{color:#52657b}.log-time{color:#536981}.log-ok{color:#51d7bd}.log-error{color:#ff7586}.footer{height:64px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8795a5;letter-spacing:.7px}.toast{position:fixed;right:28px;bottom:28px;background:#12233a;color:#fff;padding:13px 18px;box-shadow:0 12px 30px rgba(0,0,0,.22);font-size:11px;transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s;z-index:50}.toast.show{transform:none;opacity:1}.toast.error{background:#a92f41}
.simulate-box{border-top:1px solid #e3e8ee;margin-top:18px;padding-top:18px}.simulate-box>div{display:flex;gap:7px}.simulate-box input{width:62px;border:1px solid #ced6df;padding:0 8px}.simulate-box .button{flex:1}.simulate-box small{display:block;font-size:9px;color:#8191a2;line-height:1.5;margin-top:7px}.link-button{text-decoration:none;display:inline-block}.api-layout{display:grid;grid-template-columns:410px 1fr;gap:18px}.endpoint-panel{padding:0}.endpoint-panel>.panel-head{padding:23px;border-bottom:1px solid #e1e6ec}.endpoint-count{font-size:8px;letter-spacing:1px;color:#7f90a2}.endpoint-list{max-height:650px;overflow:auto}.endpoint-list button{width:100%;border:0;border-bottom:1px solid #edf0f3;background:#fff;padding:13px 18px;display:grid;grid-template-columns:56px 1fr;gap:11px;align-items:center;text-align:left;cursor:pointer}.endpoint-list button:hover{background:#f5f8fc}.endpoint-list b{font-size:8px;text-align:center;padding:5px 2px;border-radius:3px}.endpoint-list b.get{background:#e6f2ff;color:#1769aa}.endpoint-list b.post{background:#e4f6ee;color:#197753}.endpoint-list b.patch{background:#fff2d9;color:#9a6200}.endpoint-list b.delete{background:#fde9ec;color:#b63245}.endpoint-list strong,.endpoint-list small{display:block}.endpoint-list strong{font-size:11px;color:#253a52}.endpoint-list small{font:9px Consolas,monospace;color:#8795a5;margin-top:4px}.api-tester{padding-bottom:20px}.request-line{display:grid;grid-template-columns:95px 1fr auto;gap:8px;margin-top:19px}.request-line select,.request-line input{height:41px;border:1px solid #ced6df;padding:0 10px}.request-line select{font-weight:800;color:var(--blue)}.request-line input{font-family:Consolas,monospace}.request-tabs{border-bottom:1px solid #dfe5eb;margin-top:18px}.request-tabs button{border:0;background:transparent;padding:10px 15px;font:800 9px inherit;color:#8997a7;cursor:pointer}.request-tabs button.active{color:var(--blue);border-bottom:2px solid var(--blue)}.api-input{width:100%;height:150px;border:0;background:#101a28;color:#c6d7e9;padding:15px;resize:vertical;font:11px/1.55 Consolas,monospace;outline:none}.api-input.hidden{display:none}.response-head{display:flex;justify-content:space-between;margin-top:16px;font-size:9px;font-weight:800;letter-spacing:1px;color:#708297}.response-head small{font-weight:500;letter-spacing:0}#apiResponse{background:#0d1623;color:#c1d4e8;min-height:235px;max-height:380px;overflow:auto;padding:16px;font:11px/1.6 Consolas,monospace;white-space:pre-wrap;margin:9px 0 0}
@media(max-width:1000px){.sidebar{width:190px}.main{margin-left:190px;padding:0 24px}.metrics-grid{grid-template-columns:1fr 1fr}.hero-panel{grid-template-columns:1fr}.passport-visual{display:none}.content-grid,.editor-layout,.testing-grid,.api-layout{grid-template-columns:1fr}.profile-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-info,.tip{grid-column:1/-1}}

.endpoint-search{padding:12px 14px;border-bottom:1px solid #e5eaf0;background:#f8fafc;position:sticky;top:0;z-index:2}.endpoint-search input{width:100%;height:36px;border:1px solid #d5dde6;border-radius:7px;background:#fff;padding:0 11px;font-size:11px;color:#263b52;outline:none}.endpoint-search input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(20,96,161,.08)}.endpoint-group>header{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;background:#f1f5f9;border-bottom:1px solid #e1e7ee}.endpoint-group>header strong{font-size:10px;color:#40566e;letter-spacing:.3px}.endpoint-group>header span{min-width:21px;padding:3px 6px;border-radius:10px;background:#dfe8f2;color:#526b84;text-align:center;font-size:8px;font-weight:800}.endpoint-list button.active{background:#eaf4ff;box-shadow:inset 3px 0 var(--blue)}.endpoint-list button span{min-width:0}.endpoint-list button em{display:block;margin-top:4px;color:#677a8e;font-size:9px;font-style:normal;line-height:1.35}.endpoint-list b.put{background:#eee8ff;color:#6540a5}.endpoint-empty{padding:35px 18px;text-align:center;color:#8190a0;font-size:11px}.endpoint-list{scrollbar-width:thin;scrollbar-color:#cbd5df transparent}
@media(max-width:720px){.sidebar{position:static;width:100%;height:auto;padding:16px 18px}.brand{margin:0 0 14px}.nav-list{grid-template-columns:repeat(5,1fr)}.nav-item{justify-content:center;padding:10px 3px;font-size:10px}.nav-item span,.sidebar-status,.sidebar-foot{display:none}.main{margin:0;padding:0 16px}.topbar{height:90px}.topbar h1{font-size:19px}.env-pill{display:none}.hero-panel{padding:32px 24px}.hero-panel h2{font-size:29px}.metrics-grid{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}.top-actions .button{padding:9px}.section-intro{display:block}.section-intro>.button,.section-intro>span,.section-intro>a{display:inline-block;margin-top:15px}.editor-layout{display:block}.profile-panel{margin-bottom:16px;display:block}.profile-panel>*{margin-bottom:10px}.test-flow>i{width:20px;margin:0 8px}.flow-step small{display:none}.table-toolbar{align-items:stretch}.request-line{grid-template-columns:82px 1fr}.request-line .button{grid-column:1/-1}.footer{display:block;padding:20px 0;height:auto}.footer span{display:block;margin:4px 0}}