.svc{--svc-ink:#17243b;--svc-muted:#718099;--svc-line:#e3e9f3;color:var(--svc-ink)}
.svc-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px;margin-bottom:24px;border:1px solid #dbe4fa;border-radius:20px;background:linear-gradient(115deg,#f0f4ff,#fafcff 65%,#edf9f6)}
.svc-eyebrow{display:block;color:#6576c8;font-size:11px;font-weight:800;letter-spacing:.16em;margin-bottom:10px}.svc-hero h2{margin:0 0 8px;font-size:26px;letter-spacing:-.04em}.svc p{line-height:1.8}.svc-hero p{margin:0;color:var(--svc-muted);font-size:13px}.svc-emblem{width:68px;height:68px;padding:14px;border-radius:20px;background:white;box-shadow:0 10px 26px #526bca13}
.svc-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.65fr);gap:20px}.svc-panel{border:1px solid var(--svc-line);border-radius:16px;padding:22px;background:#fff;margin-bottom:20px}.svc-panel h3{font-size:16px;margin:0 0 14px}.svc-sub{color:var(--svc-muted);font-size:12px}.svc-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.svc-kpi{padding:18px;border:1px solid var(--svc-line);border-radius:14px;background:#fff}.svc-kpi small{display:block;color:var(--svc-muted);margin-bottom:10px}.svc-kpi strong{font-size:25px;letter-spacing:-.03em}.svc-kpi em{font-size:12px;font-style:normal;color:var(--svc-muted);margin-left:5px}
.svc-options{display:flex;gap:12px;margin:14px 0}.svc-option{display:flex;align-items:center;gap:9px;flex:1;padding:13px;border:1px solid var(--svc-line);border-radius:12px;cursor:pointer;font-size:13px}.svc-option:has(input:checked){border-color:#818cf8;background:#f5f6ff}.svc-option input{width:auto;margin:0;accent-color:#6366f1}.svc-option img{width:22px;height:22px}.svc textarea{resize:vertical;min-height:180px;font:13px/1.8 ui-monospace,monospace}.svc-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}.svc-actions button{margin:0}.svc button{transition:background .15s,box-shadow .15s}.svc button:disabled{opacity:.5;cursor:not-allowed}.svc-estimate{padding:12px;background:#f7f9fd;border-radius:10px;color:#55657e;font-size:12px;line-height:1.8}.svc-progress{height:6px;background:#eef1f7;border-radius:99px;overflow:hidden;margin:14px 0}.svc-progress i{display:block;height:100%;background:linear-gradient(90deg,#6366f1,#38bdb0);transition:width .2s}.svc-results{max-height:540px;overflow:auto}.svc table{width:100%;font-size:12px}.svc td{overflow-wrap:anywhere;max-width:320px}.svc th{position:sticky;top:0;z-index:1;background:#f8faff;white-space:nowrap}.svc-state{display:inline-block;padding:4px 9px;font-size:11px;border-radius:7px;background:#edf1f7;color:#718099;white-space:nowrap}.svc-state.normal,.svc-state.success{background:#e7f7ef;color:#16835b}.svc-state.continue{background:#fff3da;color:#a5700b}.svc-state.blocked,.svc-state.failed{background:#fff0f0;color:#c84a55}.svc-state.running{background:#edf0ff;color:#6261d9}.svc-empty{padding:48px 16px;text-align:center;color:var(--svc-muted);font-size:13px}.svc-copybar{padding-top:14px;border-top:1px solid var(--svc-line)}
.svc-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:14px;margin:18px 0}.svc-pack{padding:20px;border:1px solid var(--svc-line);border-radius:14px;background:#fff;display:flex;flex-direction:column;gap:12px}.svc-pack b{font-size:15px}.svc-pack .svc-price{font-size:27px;font-weight:800;color:#4f5ddb}.svc-pack .svc-price small{font-size:12px;font-weight:500;color:var(--svc-muted)}.svc-pack p{margin:0;color:var(--svc-muted);font-size:12px}.svc-pack button{margin-top:auto}.svc-key{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.svc-key input{flex:1;min-width:200px;margin:0;font:13px ui-monospace,monospace}.svc-pay{padding:20px;background:#f6f8ff;border:1px solid #dbe4fa;border-radius:14px}.svc-pay code{overflow-wrap:anywhere}.svc-warning{color:#956921;background:#fff8e8;border-radius:10px;padding:12px;font-size:12px;line-height:1.8}.svc-filters{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin:16px 0}.svc-filters label{display:block;flex:1;min-width:105px;font-size:11px;color:var(--svc-muted)}.svc-filters input,.svc-filters select{margin:5px 0 0}.svc-filters button{margin-bottom:0}.svc-dialog{border:0;padding:0;width:min(760px,94vw);max-height:85vh;border-radius:18px;box-shadow:0 24px 90px #17243b40}.svc-dialog::backdrop{background:#17243b70;backdrop-filter:blur(4px)}.svc-dialog>div{padding:26px}.svc-dialog pre,.svc-code{padding:18px;background:#152139;color:#c8dcff;border-radius:12px;font:12px/1.8 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto}.svc-docnav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.svc-docnav a{padding:8px 12px;border:1px solid var(--svc-line);border-radius:8px;font-size:12px;color:#5365b6;text-decoration:none}.svc-doc details{border:1px solid var(--svc-line);border-radius:12px;padding:17px;margin:12px 0}.svc-doc summary{cursor:pointer;font-weight:700;font-size:14px}.svc-doc h4{margin:18px 0 10px}.svc-doc code{overflow-wrap:anywhere}.svc-nav-credit{cursor:pointer;border:1px solid #c7d2fe;background:#f2f4ff;color:#4c51bf;border-radius:99px;padding:5px 10px;display:inline-flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap}.svc-nav-credit img{width:19px;height:19px}.svc-nav-short{background:#effcf9;border-color:#bdece3;color:#0f766e}.svc-note{margin:10px 0;color:var(--svc-muted);font-size:12px}.svc-admin-user{margin:16px 0}.svc-admin-user .svc-kpis{margin-bottom:12px}
@media(max-width:1000px){.svc-grid{grid-template-columns:1fr}.svc-filters label{min-width:130px}.svc-hero{padding:22px}.svc-kpi{padding:13px}}
@media(max-width:650px){.svc-hero{padding:18px;gap:12px}.svc-hero h2{font-size:22px}.svc-emblem{width:48px;height:48px;padding:10px}.svc-panel{padding:16px}.svc-kpis{gap:7px}.svc-kpi strong{font-size:21px}.svc-results{max-height:420px}.svc-nav-credit{font-size:11px;padding:4px 7px}.svc-nav-credit img{width:16px;height:16px}.svc-packs{grid-template-columns:1fr}.svc-key button{flex:1}.svc-options{gap:8px}}
.svc-api-example{max-width:100%;overflow:auto;padding:16px;border-radius:10px;background:#152139;color:#c8dcff;font:12px/1.65 ui-monospace,monospace;white-space:pre}.svc-panel>details{margin-top:14px}.svc-panel>details>summary{cursor:pointer;font-weight:700}.svc-panel>details .table-wrap{max-height:380px;overflow:auto}

/* API 套餐保留在原有入口内：服务卡片、额度区和收款浮层使用同一视觉层级。 */
#tabApi{scroll-margin-top:92px}.svc-legacy-api{margin-top:20px;background:linear-gradient(180deg,#fff,#fbfcff)}.svc-legacy-api>h2{margin-bottom:14px}.svc-legacy-api .api-doc-panel{box-shadow:none}.svc-wallet-panel{margin-top:28px;padding-top:28px;border-top:1px solid var(--svc-line);scroll-margin-top:92px}.svc-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 16px}.svc-section-title h3{margin:1px 0 5px;font-size:20px;letter-spacing:-.025em}.svc-section-title .svc-eyebrow{margin-bottom:7px}.svc-wallet-panel .svc-kpis{margin-bottom:16px}
.recharge-success-overlay{backdrop-filter:blur(7px);background:rgba(15,23,42,.48)}.recharge-success-dialog{border:1px solid rgba(255,255,255,.8);border-radius:20px!important;box-shadow:0 28px 80px rgba(15,23,42,.28)!important}.recharge-success-dialog button{min-width:132px}.svc-pay{box-shadow:0 10px 25px rgba(79,93,219,.08)}.svc-pay h3{font-size:15px}.svc-pay strong{color:#3444c5}.svc-dialog button:focus-visible,.svc button:focus-visible,.svc-nav-credit:focus-visible{outline:3px solid #a5b4fc;outline-offset:2px}
@media(max-width:650px){.svc-wallet-panel{margin-top:20px;padding-top:20px}.svc-section-title h3{font-size:18px}.svc-legacy-api{padding:15px}.recharge-success-dialog{width:min(92vw,390px)!important;padding:24px 18px!important}}
.svc-task-progress{position:fixed;right:22px;bottom:22px;z-index:5000;width:min(430px,calc(100vw - 32px));padding:16px;border:1px solid #dfe4f2;border-radius:14px;background:#fff;box-shadow:0 16px 50px rgba(29,42,79,.22);color:#172033}.svc-task-progress.is-done{border-color:#a7e4ca}.svc-task-progress.is-error{border-color:#f3b6b6}.svc-task-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.svc-task-head strong{font-size:15px}.svc-task-close{border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer;color:#667085}.svc-task-bar{height:9px;border-radius:9px;background:#edf0f6;overflow:hidden;margin:12px 0}.svc-task-bar i{display:block;width:0;height:100%;background:#6379ea;transition:width .2s ease}.svc-task-progress.is-done .svc-task-bar i{background:#10b981}.svc-task-progress.is-error .svc-task-bar i{background:#ef4444}.svc-task-counts{font-weight:700;margin-bottom:5px}.svc-task-actions{display:flex;justify-content:flex-end;margin-top:12px}.detail-link-tools{margin:10px 0}.detail-link-tools .toolbar{align-items:center}.detail-link-tools label{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:12px}.detail-link-tools select{width:auto;margin:0;padding:6px 28px 6px 9px}.detail-link-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 18px;color:#718099;font-size:12px}@media(max-width:650px){.svc-task-progress{right:16px;bottom:16px}.detail-link-pager{align-items:flex-start;flex-direction:column}}

.svc-api-docs{margin-top:20px;background:linear-gradient(180deg,#fbfcff,#fff)}
.svc-api-value{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:start;padding:11px 0;border-bottom:1px solid var(--svc-line);font-size:12px}
.svc-api-value label{color:var(--svc-muted);font-weight:700}.svc-api-value code{overflow-wrap:anywhere;color:#3444c5}
.svc-api-steps{padding-left:20px;line-height:1.9;font-size:13px}.svc-api-docs h4{margin:20px 0 9px}
@media(max-width:650px){.svc-api-value{grid-template-columns:1fr;gap:4px}.svc-api-steps{padding-left:18px}}
.svc-log-group{border:1px solid var(--svc-line);border-radius:12px;background:#fff;margin:8px 0;overflow:hidden}.svc-log-group summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 15px;list-style:none}.svc-log-group summary::-webkit-details-marker{display:none}.svc-log-group summary::before{content:'+';width:20px;height:20px;display:inline-grid;place-items:center;border:1px solid var(--svc-line);border-radius:50%;color:var(--svc-muted);flex:0 0 auto}.svc-log-group[open] summary::before{content:'−'}.svc-log-group summary strong{margin-right:auto}.svc-log-group .table-wrap{border-top:1px solid var(--svc-line);padding:0 10px;max-height:360px;overflow:auto}
.svc-ledger-group{margin-top:14px}.svc-ledger-group summary{cursor:pointer;display:flex;align-items:center;gap:12px;padding:2px 0;list-style:none}.svc-ledger-group summary::-webkit-details-marker{display:none}.svc-ledger-group summary::before{content:'+';width:20px;height:20px;display:inline-grid;place-items:center;border:1px solid var(--svc-line);border-radius:50%;color:var(--svc-muted);flex:0 0 auto}.svc-ledger-group[open] summary::before{content:'−'}.svc-ledger-group summary strong{margin-right:auto}.svc-ledger-group[open] summary{padding-bottom:10px;border-bottom:1px solid var(--svc-line)}.svc-ledger-group>p{margin:10px 0}.svc-ledger-group .table-wrap{max-height:300px;overflow:auto}
