:root{--bg:#f7f8fa;--surface:#fff;--surface-2:#f9fafb;--surface-3:#f1f3f6;--line:#e7e9ee;--line-strong:#d8dbe3;--ink-1:#101828;--ink-2:#475467;--ink-3:#98a2b3;--brand:#4f46e5;--brand-2:#6366f1;--brand-3:#818cf8;--brand-weak:#eef2ff;--brand-grad:linear-gradient(135deg, #6366f1 0%, #4f46e5 55%, #4338ca 100%);--brand-glow:#6366f159;--green:#059669;--red:#e02424;--amber:#d97706;--purple:#9333ea;--blue:#2563eb;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--shadow-xs:0 1px 2px #1018280d;--shadow-sm:0 1px 2px #1018280a, 0 2px 8px -2px #1018280f;--shadow-md:0 1px 2px #1018280a, 0 6px 20px -4px #1018281a;--shadow-lg:0 2px 4px #1018280a, 0 16px 40px -8px #1018282e;--shadow-brand:0 1px 2px #4f46e54d, 0 6px 20px -4px #4f46e573;--ease:cubic-bezier(.4, 0, .2, 1);--mono:"JetBrains Mono", "SF Mono", "Cascadia Code", Consolas, monospace}html[data-theme=dark]{--bg:#0b0e14;--surface:#12151e;--surface-2:#171b26;--surface-3:#1d2230;--line:#232838;--line-strong:#303650;--ink-1:#f2f4f8;--ink-2:#a8b1c2;--ink-3:#5d6578;--brand:#818cf8;--brand-2:#6366f1;--brand-3:#a5b4fc;--brand-weak:#1a1f3a;--brand-glow:#6366f140;--green:#34d399;--red:#f87171;--amber:#fbbf24;--purple:#c084fc;--blue:#60a5fa;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 2px #00000059, 0 2px 10px -2px #0006;--shadow-md:0 1px 3px #0006, 0 8px 24px -4px #00000080;--shadow-lg:0 2px 6px #00000073, 0 20px 48px -8px #0009;--shadow-brand:0 1px 2px #6366f166, 0 8px 24px -4px #6366f180}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink-1);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background .3s var(--ease), color .3s var(--ease);font-family:-apple-system,BlinkMacSystemFont,SF Pro SC,PingFang SC,HarmonyOS Sans SC,Microsoft YaHei,Segoe UI,sans-serif;font-size:14px;line-height:1.6}.bg-decor{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-decor:before{content:"";background:radial-gradient(closest-side, var(--brand-glow), transparent 72%);opacity:.55;filter:blur(8px);border-radius:9999px;width:1100px;height:620px;position:absolute;top:-320px;left:50%;transform:translate(-50%)}.bg-decor:after{content:"";background-image:linear-gradient(to right, var(--line) 1px, transparent 1px), linear-gradient(to bottom, var(--line) 1px, transparent 1px);opacity:.35;background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 55% at 50% 0,#000 30%,#0000 75%);mask-image:radial-gradient(90% 55% at 50% 0,#000 30%,#0000 75%)}::selection{background:var(--brand);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{color:inherit;font-family:inherit}a{color:var(--brand);text-decoration:none}:focus-visible{outline:2px solid var(--brand-2);outline-offset:2px;border-radius:4px}input::placeholder,textarea::placeholder{color:var(--ink-3)}.wrap{max-width:1400px;margin:0 auto;padding:0 24px}.grow{flex:auto}.icon{flex-shrink:0;width:16px;height:16px}.icon-sm{width:13px;height:13px}.icon-lg{width:20px;height:20px}.topbar{z-index:50;background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);border-bottom:1px solid var(--line);height:60px;position:sticky;top:0}.topbar .wrap{align-items:center;gap:28px;height:100%;display:flex}.logo{letter-spacing:.3px;align-items:center;gap:10px;font-size:17.5px;font-weight:800;display:flex}.logo-box{background:var(--brand-grad);width:32px;height:32px;box-shadow:var(--shadow-brand);color:#fff;border-radius:9px;place-items:center;display:grid}.logo-box .icon{width:18px;height:18px}.logo .en{color:var(--ink-3);letter-spacing:1.5px;text-transform:uppercase;margin-left:1px;font-size:11px;font-weight:700}.nav-links{flex:1;gap:2px;display:flex}.nav-links a{border-radius:var(--r-sm);color:var(--ink-2);transition:all .15s var(--ease);padding:7px 14px;font-size:13.5px;font-weight:500}.nav-links a:hover{color:var(--ink-1);background:var(--surface-3)}.nav-actions{align-items:center;gap:8px;display:flex}.icon-btn{width:36px;height:36px;color:var(--ink-2);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-xs);transition:all .15s var(--ease);border-radius:10px;place-items:center;display:grid}.icon-btn:hover{color:var(--ink-1);border-color:var(--line-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.icon-btn:active{transform:translateY(0)}.hero{text-align:center;padding:64px 0 36px;position:relative}.hero-badge{color:var(--ink-2);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-xs);border-radius:999px;align-items:center;gap:8px;margin-bottom:22px;padding:6px 14px 6px 12px;font-size:12.5px;font-weight:500;display:inline-flex}.hero-badge .live-dot{background:var(--green);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse;box-shadow:0 0 #05966980}.hero-badge .live-dot.off{background:var(--ink-3);box-shadow:none;animation:none}.hero h1{letter-spacing:-.5px;background:linear-gradient(120deg, var(--ink-1) 20%, var(--brand-2) 90%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:14px;font-size:clamp(30px,4vw,44px);font-weight:800;line-height:1.2}.hero .sub{color:var(--ink-2);max-width:600px;margin:0 auto 34px;font-size:15.5px;line-height:1.7}.endpoint-card{border-radius:var(--r-xl);max-width:840px;box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#6366f180,#4338ca24 40%,#6366f159);margin:0 auto;padding:1px;position:relative}.endpoint-inner{border-radius:calc(var(--r-xl) - 1px);background:var(--surface);overflow:hidden}.endpoint-label{letter-spacing:1.2px;color:var(--ink-3);text-transform:uppercase;align-items:center;gap:7px;padding:16px 24px 0;font-size:11px;font-weight:700;display:flex}.endpoint-label .icon{color:var(--brand-2)}.endpoint-row{align-items:center;gap:12px;padding:10px 24px 20px;display:flex}.endpoint-url{min-width:0;font-family:var(--mono);color:var(--ink-1);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;-webkit-user-select:all;user-select:all;letter-spacing:-.2px;flex:1;font-size:16.5px;font-weight:600;overflow:hidden}.endpoint-url .dim{color:var(--ink-3);font-weight:500}.endpoint-actions{flex-shrink:0;gap:8px;display:flex}.endpoint-meta{border-top:1px solid var(--line);background:var(--surface-2);flex-wrap:wrap;align-items:center;gap:8px;padding:13px 24px 16px;display:flex}.stat-chip{color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:12px;font-weight:500;display:inline-flex}.stat-chip .icon{color:var(--ink-3)}.stat-chip b{color:var(--ink-1);font-variant-numeric:tabular-nums;font-weight:700}.endpoint-meta .spacer{flex:1}.btn{white-space:nowrap;transition:all .16s var(--ease);-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-size:13.5px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand-grad);color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 2px 4px #4f46e559,0 10px 28px -6px #4f46e58c}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-ghost{background:var(--surface);color:var(--ink-2);border:1px solid var(--line);box-shadow:var(--shadow-xs)}.btn-ghost:hover:not(:disabled){color:var(--ink-1);border-color:var(--line-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-ghost:active:not(:disabled){transform:translateY(0)}.btn-sm{border-radius:8px;gap:5px;padding:6px 12px;font-size:12.5px}.select{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;transition:border .15s var(--ease);border-radius:8px;outline:none;padding:5px 10px;font-size:12.5px;font-weight:500}.select:hover{border-color:var(--line-strong)}.note-input{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);width:130px;transition:border .15s var(--ease), box-shadow .15s var(--ease);border-radius:8px;outline:none;padding:5px 10px;font-size:12.5px}.note-input:focus{border-color:var(--brand-2);box-shadow:0 0 0 3px var(--brand-weak)}.feature-strip{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px;display:flex}.feature-pill{color:var(--ink-2);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-xs);border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:12.5px;font-weight:500;display:inline-flex}.feature-pill .icon{color:var(--green)}.workspace{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(340px,400px) 1fr;align-items:stretch;gap:16px;width:100%;max-width:1400px;min-height:0;margin:0 auto;padding:16px 24px;display:grid}.workspace>.panel{flex-direction:column;min-height:0;display:flex}.list-panel .search-wrap{flex-shrink:0}.list-panel .request-list{flex:1;min-height:120px;max-height:none}.list-panel .panel-foot{flex-shrink:0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden}.panel-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:15px 18px;display:flex}.panel-title{letter-spacing:.2px;align-items:center;gap:9px;font-size:14px;font-weight:700;display:flex}.panel-title .icon{color:var(--brand-2)}.count-badge{color:var(--brand-2);background:var(--brand-weak);font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 9px;font-size:11px;font-weight:700}.panel-head .grow{flex:1}.search-wrap{align-items:center;gap:8px;padding:12px 12px 2px;display:flex}.search-box{flex:1;align-items:center;display:flex;position:relative}.search-box .icon{color:var(--ink-3);pointer-events:none;position:absolute;left:12px}.search-input{border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--ink-1);transition:border .15s var(--ease), box-shadow .15s var(--ease), background .15s var(--ease);border-radius:10px;outline:none;padding:8px 12px 8px 36px;font-size:13px}.search-input:focus{border-color:var(--brand-2);background:var(--surface);box-shadow:0 0 0 3px var(--brand-weak)}.request-list{flex-direction:column;gap:7px;padding:12px;list-style:none;display:flex;overflow-y:auto}.request-item{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);cursor:pointer;transition:all .14s var(--ease);padding:11px 13px 10px;position:relative}.request-item:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.request-item.active{border-color:var(--brand-2);background:var(--brand-weak);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-2) 10%, transparent)}.request-item.enter{animation:slideIn .35s var(--ease)}.ri-top{align-items:center;gap:8px;display:flex}.ri-path{min-width:0;font-family:var(--mono);color:var(--ink-1);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12.5px;font-weight:500;overflow:hidden}.ri-time{color:var(--ink-3);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px}.ri-bottom{color:var(--ink-3);align-items:center;gap:8px;margin-top:5px;font-size:11.5px;display:flex}.ri-bottom .dot-sep{opacity:.5}.ri-ip{font-family:var(--mono);font-size:11px}.ri-size{font-variant-numeric:tabular-nums}.fwd-mark{border-radius:5px;align-items:center;gap:3px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-flex}.fwd-mark.ok{color:var(--green);background:color-mix(in srgb, var(--green) 11%, transparent)}.fwd-mark.fail{color:var(--red);background:color-mix(in srgb, var(--red) 11%, transparent)}.method{font-family:var(--mono);letter-spacing:.6px;border-radius:6px;flex-shrink:0;padding:2.5px 7px;font-size:10px;font-weight:700}.method.GET{color:var(--green);background:color-mix(in srgb, var(--green) 12%, transparent)}.method.POST{color:var(--brand-2);background:color-mix(in srgb, var(--brand-2) 12%, transparent)}.method.PUT{color:var(--amber);background:color-mix(in srgb, var(--amber) 14%, transparent)}.method.DELETE{color:var(--red);background:color-mix(in srgb, var(--red) 11%, transparent)}.method.PATCH{color:var(--purple);background:color-mix(in srgb, var(--purple) 12%, transparent)}.method.HEAD,.method.OPTIONS{color:var(--ink-2);background:var(--surface-3)}.empty-state{text-align:center;padding:64px 24px}.empty-state .empty-icon{background:var(--brand-weak);width:64px;height:64px;color:var(--brand-2);border-radius:18px;place-items:center;margin:0 auto 16px;display:grid}.empty-state .empty-icon .icon{width:28px;height:28px}.empty-state h4{color:var(--ink-2);margin-bottom:6px;font-size:14px;font-weight:700}.empty-state p{color:var(--ink-3);font-size:12.5px;line-height:1.7}.panel-foot{border-top:1px solid var(--line);background:var(--surface-2);gap:8px;padding:10px 16px;display:flex}.detail-head{padding:18px 22px 0}.dh-top{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.dh-method{margin-top:2px;padding:6px 11px;font-size:12px}.dh-main{flex:1;min-width:200px}.dh-path{font-family:var(--mono);color:var(--ink-1);word-break:break-all;letter-spacing:-.2px;font-size:16.5px;font-weight:700;line-height:1.4}.dh-host{font-family:var(--mono);color:var(--ink-3);margin-top:1px;font-size:11.5px}.dh-actions{flex-shrink:0;gap:8px;display:flex}.dh-meta{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.meta-chip{color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;display:inline-flex}.meta-chip .icon{color:var(--ink-3)}.meta-chip b{color:var(--ink-1);font-variant-numeric:tabular-nums;font-weight:600}.meta-chip.warn{color:var(--amber);background:color-mix(in srgb, var(--amber) 9%, transparent);border-color:color-mix(in srgb, var(--amber) 25%, transparent)}.resp-summary{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);align-items:center;gap:10px;padding:14px 16px;display:flex}.resp-status{font-family:var(--mono);border-radius:9px;padding:4px 14px;font-size:17px;font-weight:800}.resp-status.ok{color:var(--green);background:color-mix(in srgb, var(--green) 12%, transparent);border:1px solid color-mix(in srgb, var(--green) 30%, transparent)}.resp-status.bad{color:var(--red);background:color-mix(in srgb, var(--red) 12%, transparent);border:1px solid color-mix(in srgb, var(--red) 30%, transparent)}.resp-status.warn{color:var(--amber);background:color-mix(in srgb, var(--amber) 14%, transparent);border:1px solid color-mix(in srgb, var(--amber) 30%, transparent)}.seg-tabs{background:var(--surface-3);border-radius:11px;gap:2px;margin:14px 22px 0;padding:3px;display:inline-flex}.seg-tab{color:var(--ink-3);white-space:nowrap;transition:all .15s var(--ease);border-radius:8px;padding:6px 15px;font-size:12.5px;font-weight:600}.seg-tab:hover{color:var(--ink-2)}.seg-tab.active{background:var(--surface);color:var(--ink-1);box-shadow:var(--shadow-xs)}.tab-body{border-top:1px solid var(--line);flex:1;min-height:0;margin-top:14px;padding:18px 22px 22px;overflow-y:auto}.detail-head,.seg-tabs{flex-shrink:0}.kv-table{border-collapse:collapse;width:100%}.kv-table th{text-align:left;color:var(--ink-3);letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid var(--line);padding:6px 12px 8px;font-size:10.5px;font-weight:700}.kv-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:9px 12px;font-size:13px;transition:background .1s}.kv-table tr:last-child td{border-bottom:none}.kv-table td.k{width:230px;font-family:var(--mono);color:var(--ink-2);word-break:break-all;font-size:12px;font-weight:500}.kv-table td.v{font-family:var(--mono);color:var(--ink-1);word-break:break-all;font-size:12.5px}.kv-table tbody tr:hover td{background:var(--surface-2)}.kv-table td.k .star{color:var(--brand-2);margin-left:5px;font-style:normal}.code-card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);overflow:hidden}.code-card-head{border-bottom:1px solid var(--line);color:var(--ink-3);align-items:center;gap:8px;padding:8px 14px;font-size:11.5px;font-weight:600;display:flex}.code-card-head .lang-dot{background:var(--brand-2);border-radius:50%;width:8px;height:8px}.code-card-head .grow{flex:1}pre.code{font-family:var(--mono);color:var(--ink-1);white-space:pre-wrap;word-break:break-all;background:var(--surface);margin:0;padding:14px 16px;font-size:12.5px;line-height:1.75;overflow-x:auto}.j-key{color:#0369a1}.j-str{color:#0f766e}.j-num{color:#b45309}.j-bool{color:#7e22ce}.j-null{color:var(--ink-3)}html[data-theme=dark] .j-key{color:#7dd3fc}html[data-theme=dark] .j-str{color:#6ee7b7}html[data-theme=dark] .j-num{color:#fcd34d}html[data-theme=dark] .j-bool{color:#d8b4fe}.muted{color:var(--ink-3);text-align:center;padding:28px 0;font-size:13px}.resp-hint{color:var(--ink-2);background:var(--brand-weak);border:1px solid color-mix(in srgb, var(--brand-2) 18%, transparent);border-radius:var(--r-md);align-items:flex-start;gap:10px;margin-bottom:18px;padding:12px 16px;font-size:12.5px;line-height:1.6;display:flex}.resp-hint .icon{color:var(--brand-2);margin-top:2px}.section-title{color:var(--ink-2);letter-spacing:.3px;align-items:center;gap:8px;margin:20px 0 12px;font-size:12px;font-weight:700;display:flex}.section-title:first-child{margin-top:0}.section-title .icon{color:var(--brand-2)}.resp-form{grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:6px;display:grid}.field label{color:var(--ink-3);letter-spacing:.3px;margin-bottom:6px;font-size:11.5px;font-weight:600;display:block}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--surface-2);width:100%;transition:border .15s var(--ease), box-shadow .15s var(--ease), background .15s var(--ease);border-radius:10px;outline:none;padding:9px 12px;font-size:13px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand-2);background:var(--surface);box-shadow:0 0 0 3px var(--brand-weak)}.field-full{grid-column:1/-1}.field textarea{font-family:var(--mono);resize:vertical;min-height:104px;font-size:12.5px;line-height:1.6}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.rules-footer{align-items:center;gap:12px;margin-top:18px;display:flex}.rules-footer .hint{color:var(--ink-3);font-size:12px}.page-endpoint{flex-direction:column;min-height:calc(100vh - 60px);display:flex}.page-endpoint .hero{flex:1}footer{border-top:1px solid var(--line);text-align:center;padding:26px 0 30px}footer p{color:var(--ink-3);font-size:12.5px}footer .brand{color:var(--ink-2);font-weight:700}.modal-mask{z-index:100;-webkit-backdrop-filter:blur(6px);animation:fadeIn .18s var(--ease);background:#080b1299;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg);animation:popIn .22s var(--ease);padding:24px}.modal h3{align-items:center;gap:8px;margin-bottom:14px;font-size:15px;font-weight:700;display:flex}.modal h3 .icon{color:var(--brand-2)}.modal .modal-msg{color:var(--ink-2);margin-bottom:12px;font-size:13px;line-height:1.6}.modal-input{border:1px solid var(--line);background:var(--surface-2);width:100%;font-size:13px;font-family:var(--mono);transition:border .15s var(--ease), box-shadow .15s var(--ease);border-radius:10px;outline:none;margin-bottom:9px;padding:10px 13px}.modal-input:focus{border-color:var(--brand-2);background:var(--surface);box-shadow:0 0 0 3px var(--brand-weak)}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.qr-box{border-radius:var(--r-md);border:1px solid var(--line);background:#fff;width:216px;height:216px;margin:4px auto 14px;padding:12px}.qr-box img{width:100%;height:100%;display:block}.modal .qr-url{font-family:var(--mono);color:var(--ink-3);word-break:break-all;text-align:center;margin-bottom:14px;font-size:11px}.replay-result{border-radius:var(--r-md);word-break:break-all;margin-top:14px;padding:12px 14px;font-size:12.5px;line-height:1.6}.replay-result.ok{background:color-mix(in srgb, var(--green) 8%, transparent);border:1px solid color-mix(in srgb, var(--green) 22%, transparent);color:var(--green)}.replay-result.fail{background:color-mix(in srgb, var(--red) 8%, transparent);border:1px solid color-mix(in srgb, var(--red) 22%, transparent);color:var(--red)}.replay-result pre{font-family:var(--mono);color:var(--ink-2);white-space:pre-wrap;margin-top:6px;font-size:11px}.toast{background:var(--ink-1);color:var(--bg);box-shadow:var(--shadow-lg);z-index:200;opacity:0;pointer-events:none;transition:all .25s var(--ease);border-radius:12px;align-items:center;gap:8px;padding:11px 20px;font-size:13.5px;font-weight:600;display:flex;position:fixed;bottom:36px;left:50%;transform:translate(-50%)translateY(16px)scale(.96)}.toast .icon{color:var(--green)}html[data-theme=dark] .toast .icon{color:#34d399}.toast.show{opacity:1;transform:translate(-50%)translateY(0)scale(1)}.page-monitor{z-index:40;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:60px 0 0;overflow:hidden}.page-slide-enter-active,.page-slide-leave-active{transition:transform .34s var(--ease)}.page-slide-enter-from,.page-slide-leave-to{transform:translateY(100%)}.back-btn{width:34px;height:34px;color:var(--ink-2);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-xs);transition:all .15s var(--ease);border-radius:10px;place-items:center;display:grid}.back-btn:hover{color:var(--brand-2);border-color:var(--brand-2);transform:translate(-2px)}.rules-modal{flex-direction:column;max-width:680px;max-height:min(86vh,780px);padding:0;display:flex;overflow:hidden}.rules-modal-head{border-bottom:1px solid var(--line);flex-shrink:0;padding:22px 24px 16px}.rules-modal-body{flex:1;min-height:0;padding:20px 24px;overflow-y:auto}.rules-modal-foot{border-top:1px solid var(--line);background:var(--surface-2);flex-shrink:0;align-items:center;gap:10px;padding:14px 24px;display:flex}.rules-modal-foot .hint{color:var(--ink-3);font-size:12px}.bind-info{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;display:flex}.bind-info .icon{color:var(--brand-2)}.bind-info .mono{color:var(--ink-2);font-weight:600}.bind-token{letter-spacing:.3px}.dot-sep{opacity:.5}.mono{font-family:var(--mono)}.stat-chip-btn{transition:all .15s var(--ease)}.stat-chip-btn:hover{border-color:var(--brand-2);color:var(--brand-2);transform:translateY(-1px)}.chip-pulse{animation:chipBounce 2.2s var(--ease)}@keyframes chipBounce{0%{transform:translateY(0)scale(1)}8%{border-color:var(--green);color:var(--green);box-shadow:0 0 0 4px color-mix(in srgb, var(--green) 28%, transparent), 0 8px 18px -4px color-mix(in srgb, var(--green) 55%, transparent);transform:translateY(-8px)scale(1.12)}18%{transform:translateY(0)scale(1)}28%{border-color:var(--brand-2);color:var(--brand-2);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand-2) 25%, transparent);transform:translateY(-6px)scale(1.08)}38%{transform:translateY(0)scale(1)}50%{border-color:var(--green);color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb, var(--green) 25%, transparent);transform:translateY(-5px)scale(1.06)}60%{transform:translateY(0)scale(1)}74%{border-color:var(--brand-2);color:var(--brand-2);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-2) 20%, transparent);transform:translateY(-3px)scale(1.03)}84%{transform:translateY(0)scale(1)}to{box-shadow:none;transform:translateY(0)scale(1)}}.section-sub{color:var(--ink-3);margin-left:-2px;font-size:11.5px;font-weight:500}.rule-card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);margin-bottom:10px;padding:12px 14px}.rule-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.rule-name{border:1px solid var(--line);background:var(--surface);width:140px;color:var(--ink-1);transition:border .15s var(--ease);border-radius:8px;outline:none;flex-shrink:0;padding:7px 11px;font-size:12.5px;font-weight:600}.rule-match{border:1px solid var(--line);background:var(--surface);font-size:12.5px;font-family:var(--mono);color:var(--ink-1);transition:border .15s var(--ease);border-radius:8px;outline:none;flex:1;padding:7px 11px}.rule-name:focus,.rule-match:focus{border-color:var(--brand-2)}.rule-body{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.rule-body .field{margin:0}@keyframes pulse{0%{box-shadow:0 0 #05966973}70%{box-shadow:0 0 0 6px #05966900}to{box-shadow:0 0 #05966900}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=1024px){.page-monitor{display:block;overflow-y:auto}.workspace{grid-template-rows:none;grid-template-columns:1fr}.workspace>.panel{min-height:auto}.list-panel .request-list{max-height:320px}.tab-body{min-height:300px}.resp-form{grid-template-columns:1fr 1fr}.rule-head{flex-wrap:wrap}.rule-name{width:120px}}@media (width<=720px){.nav-links{display:none}.endpoint-row{flex-wrap:wrap}.endpoint-url{flex:1 0 100%;font-size:13.5px}.hero{padding:40px 0 26px}.feature-strip{gap:8px}.feature-pill{padding:6px 11px;font-size:12px}.resp-form{grid-template-columns:1fr}.tab-body{max-height:none}.kv-table td.k{width:130px}.dh-actions,.endpoint-actions{width:100%}.endpoint-actions .btn{flex:1}}