:root{--bg: #f5f7fb;--bg-soft: #eef2f9;--surface: #ffffff;--surface-alt: #f8fafc;--border: #e3e8f0;--border-strong: #cfd8e6;--text: #1f2937;--text-soft: #5b6577;--text-muted: #8b95a7;--primary: #3b5bfd;--primary-dark: #2c46d6;--primary-soft: #eaefff;--success: #12a15c;--success-soft: #e6f7ee;--danger: #dc2d4b;--danger-soft: #fdecef;--warn: #b8730a;--warn-soft: #fdf3e2;--radius-lg: 16px;--radius: 10px;--radius-sm: 8px;--page-width: 1180px;--shadow-sm: 0 1px 2px rgba(20, 32, 64, .06);--shadow: 0 8px 28px rgba(20, 32, 64, .08);--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1100px 460px at 8% -12%,#e6ecff,#e6ecff00 62%),radial-gradient(900px 420px at 96% -8%,#e4f7f1,#e4f7f100 58%),var(--bg);color:var(--text);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}button{font-family:inherit}code,pre,.mono{font-family:var(--font-mono)}.app{min-height:100vh;display:flex;flex-direction:column}.app__header{padding:22px 28px 18px;border-bottom:1px solid var(--border);background:#ffffffc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20}.app__header-inner{max-width:var(--page-width);margin:0 auto;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px}.brand__logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#3b5bfd,#6d4bff);color:#fff;font-size:20px;box-shadow:0 6px 16px #3b5bfd52}.brand__title{font-size:18px;font-weight:700;letter-spacing:.2px}.brand__subtitle{font-size:12.5px;color:var(--text-muted)}.topbar__meta{margin-left:auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.app__main{flex:1;width:100%;max-width:var(--page-width);margin:0 auto;padding:22px 28px 40px;display:flex;flex-direction:column;gap:18px}.panel{display:flex;flex-direction:column;gap:14px;width:100%}.app__footer{border-top:1px solid var(--border);padding:16px 28px 24px;color:var(--text-muted);font-size:12.5px;text-align:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card__head{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#fbfcff,#fff)}.card__head--plain{border-bottom:none}.card__title{font-size:15px;font-weight:650;display:flex;align-items:center;gap:8px}.card__desc{font-size:12.5px;color:var(--text-muted);margin-top:3px}.card__head-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card__body{padding:18px}.card__body--tight{padding:12px}.endpoint{margin-left:auto;font-family:var(--font-mono);font-size:11.5px;color:var(--primary);background:var(--primary-soft);border:1px solid #d5deff;border-radius:999px;padding:3px 10px;white-space:nowrap}.status{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text-soft);background:var(--surface-alt);border:1px solid var(--border);border-radius:999px;padding:5px 12px;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);box-shadow:0 0 0 3px #8b95a729}.status-dot--ok{background:var(--success);box-shadow:0 0 0 3px #12a15c2e}.status-dot--bad{background:var(--danger);box-shadow:0 0 0 3px #dc2d4b2e}.status-dot--pending{background:var(--warn);box-shadow:0 0 0 3px #b8730a2e}.tabs{display:flex;flex-wrap:wrap;gap:6px;background:var(--bg-soft);border:1px solid var(--border);border-radius:999px;padding:4px}.tabs__item{border:none;background:transparent;color:var(--text-soft);font-size:13px;font-weight:600;padding:7px 18px;border-radius:999px;cursor:pointer;transition:all .18s ease;display:inline-flex;align-items:center;gap:8px}.tabs__item:hover{color:var(--primary)}.tabs__item.is-active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.form{display:flex;flex-direction:column;gap:16px}.form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}@media (min-width: 1100px){.form__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.form__grid--full{grid-column:1 / -1}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field__label{font-size:13px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}.field__required{color:var(--danger)}.field__hint{font-size:12px;color:var(--text-muted)}.field__error{font-size:12px;color:var(--danger)}.input,.select{width:100%;border:1px solid var(--border-strong);background:var(--surface);border-radius:var(--radius);padding:9px 12px;font-size:13.5px;color:var(--text);transition:border-color .16s ease,box-shadow .16s ease;outline:none;font-family:inherit}.input::placeholder{color:#aab3c2}.input:focus,.select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b5bfd24}.select--sm{width:auto;padding:5px 8px;font-size:12.5px;border-radius:var(--radius-sm)}.field--error .input,.field--error .select{border-color:var(--danger)}.segmented{display:flex;align-items:center;width:100%;background:var(--bg-soft);border:1px solid var(--border);border-radius:999px;padding:3px;gap:3px}.segmented__item{flex:1;min-width:0;border:none;background:transparent;color:var(--text-soft);font-size:13px;font-weight:600;padding:7px 12px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.segmented__item:hover:not(.is-active){color:var(--primary);background:#ffffffbf}.segmented__item:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:0}.segmented__item.is-active{background:var(--surface);color:var(--primary-dark);box-shadow:0 1px 3px #14204024}.segmented__item.is-active:before{opacity:1}.segmented__item.is-active[data-tone=off]{color:var(--danger)}.segmented__item:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.btn{border:1px solid transparent;border-radius:var(--radius);padding:9px 18px;font-size:13.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;color:#fff;background:linear-gradient(135deg,#3b5bfd,#5348f0);box-shadow:0 6px 16px #3b5bfd3d;transition:transform .16s ease,box-shadow .16s ease}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 9px 22px #3b5bfd4d}.btn:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px #3b5bfd42}.btn:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn--sm{padding:5px 12px;font-size:12px;border-radius:var(--radius-sm);box-shadow:0 3px 10px #3b5bfd38}.form__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:2px}.form__actions .spacer{flex:1}.outcome{border:1px solid var(--border);border-left-width:4px;border-radius:var(--radius);padding:13px 14px;background:var(--surface-alt);display:flex;flex-direction:column;gap:10px}.outcome--ok{border-left-color:var(--success);background:linear-gradient(180deg,#f6fdf9,#fff)}.outcome--err{border-left-color:var(--danger);background:linear-gradient(180deg,#fff7f8,#fff)}.outcome__head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.outcome__title{font-size:14px;font-weight:650}.outcome__meta{font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.outcome__message{font-size:13px;color:var(--text)}.outcome__hint{font-size:12.5px;color:var(--text-soft);background:#ffffffb3;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);padding:8px 10px}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:650;padding:2px 9px;border-radius:999px;border:1px solid var(--border);background:var(--surface-alt);color:var(--text-soft);font-family:var(--font-mono);white-space:nowrap}.pill--ok{background:var(--success-soft);border-color:#bfe7d2;color:#0d6c40}.pill--err{background:var(--danger-soft);border-color:#f5cbd4;color:#a91f3a}.pill--warn{background:var(--warn-soft);border-color:#f0d9a8;color:#8a5c0b}.pill--info{background:var(--primary-soft);border-color:#d7e0ff;color:var(--primary-dark)}.empty{padding:22px 14px;text-align:center;color:var(--text-muted);font-size:13px}.status-bar{display:flex;align-items:center;gap:14px;padding:12px 18px;flex-wrap:wrap}.status-bar__tip{flex:1;min-width:0;font-size:12.5px;color:var(--text-muted)}.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 16px;background:#ffffffb8;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px}.kv__item{display:flex;align-items:baseline;gap:8px;min-width:0}.kv__label{font-size:12px;color:var(--text-muted);white-space:nowrap}.kv__value{font-size:13px;font-weight:650;word-break:break-all}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 16px}.date-input{display:flex;align-items:center;gap:8px}.date-input .input{flex:1;min-width:0}input[type=date]{cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}.result-block{margin-top:18px;padding-top:16px;border-top:1px dashed var(--border-strong)}.alert{display:flex;flex-direction:column;gap:3px;border:1px solid var(--border);border-left-width:4px;border-radius:var(--radius);padding:10px 12px;font-size:12.5px;background:var(--surface-alt);color:var(--text-soft)}.alert strong{font-size:13px;color:var(--text)}.alert--err{border-left-color:var(--danger);background:linear-gradient(180deg,#fff7f8,#fff)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;font-size:12px;font-weight:600;color:var(--text-muted);padding:9px 12px;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface-alt)}.table td{padding:11px 12px;border-bottom:1px solid var(--border);vertical-align:top}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover>td{background:#fafbff}.table .cell-strong{font-weight:600}.table td.cell-actions{text-align:right;white-space:nowrap}.table tr.table__detail>td{background:var(--surface-alt);padding:14px 12px}.table tr.table__detail:hover>td{background:var(--surface-alt)}.cell-content{display:flex;align-items:center;gap:8px;max-width:340px}.content-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-soft)}.content-link{color:var(--primary);font-weight:600;text-decoration:none;white-space:nowrap}.content-link:hover{text-decoration:underline}.detail-content{margin-top:10px}.detail-content__label{font-size:12px;color:var(--text-muted)}.detail-content__text{margin-top:4px;font-size:13px;color:var(--text);word-break:break-all;white-space:pre-wrap}.pager{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.pager__info{font-size:12.5px;color:var(--text-muted)}.pager__controls{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pager__size{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-muted)}.pager__page{font-size:12.5px;color:var(--text-soft);min-width:84px;text-align:center}.pager__tail{margin-top:10px;font-size:12px;color:var(--text-muted);text-align:center}.log{display:flex;flex-direction:column}.log__item{border-bottom:1px solid var(--border);padding:11px 4px}.log__item:last-child{border-bottom:none}.log__row{display:flex;align-items:center;gap:9px;cursor:pointer}.log__time{font-size:11.5px;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap}.log__path{font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.log__meta{margin-left:auto;display:flex;align-items:center;gap:7px;flex-shrink:0}.log__duration{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.log__detail{margin-top:10px;display:flex;flex-direction:column;gap:8px}.log__label{font-size:11px;font-weight:650;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.toasts{position:fixed;right:22px;bottom:22px;z-index:100;display:flex;flex-direction:column;gap:10px;width:min(380px,calc(100vw - 32px))}.toast{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 14px;display:flex;gap:10px;align-items:flex-start}.toast--success{border-left-color:var(--success)}.toast--error{border-left-color:var(--danger)}.toast--warn{border-left-color:var(--warn)}.toast__body{flex:1;min-width:0}.toast__title{font-size:13.5px;font-weight:650;word-break:break-word}.toast__hint{font-size:12px;color:var(--text-soft);margin-top:4px;word-break:break-word}.toast__close{border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:16px;line-height:1;padding:0 2px}.toast__close:hover{color:var(--text)}.fade-slide-enter-active,.fade-slide-leave-active{transition:opacity .2s ease,transform .2s ease}.fade-slide-enter-from,.fade-slide-leave-to{opacity:0;transform:translateY(8px)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a6b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog{width:min(680px,100%);max-height:min(80vh,720px);display:flex;flex-direction:column;background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 24px 60px #0f172a4d;overflow:hidden}.dialog__head{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#fbfcff,#fff)}.dialog__title{font-size:15px;font-weight:650}.dialog__desc{margin-top:3px;font-size:12.5px;color:var(--text-muted)}.dialog__actions{margin-left:auto;display:flex;align-items:center;gap:8px}.dialog__close{border:none;background:transparent;color:var(--text-muted);font-size:20px;line-height:1;padding:2px 7px;border-radius:var(--radius-sm);cursor:pointer;transition:background .16s ease,color .16s ease}.dialog__close:hover{color:var(--text);background:var(--surface-alt)}.dialog__body{padding:8px 18px 18px;overflow-y:auto}.dialog-enter-active,.dialog-leave-active{transition:opacity .18s ease}.dialog-enter-from,.dialog-leave-to{opacity:0}.dialog-enter-active .dialog,.dialog-leave-active .dialog{transition:transform .18s ease}.dialog-enter-from .dialog,.dialog-leave-to .dialog{transform:translateY(10px) scale(.98)}@media (max-width: 720px){.app__header,.app__main{padding-left:14px;padding-right:14px}.form__grid,.filter-grid{grid-template-columns:minmax(0,1fr)}.pager__controls{margin-left:0;width:100%;justify-content:space-between}.dialog-backdrop{align-items:flex-end;padding:0}.dialog{width:100%;max-height:86vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.topbar__meta{width:100%;margin-left:0}.toasts{left:14px;right:14px;width:auto}}.muted{color:var(--text-muted)}.nowrap{white-space:nowrap}