:root{--sph-primary: #2b64f5;--sph-primary-hover: #1f52d9;--sph-primary-active: #1a45b8;--sph-primary-bg: #e0ebff;--sph-primary-focus: rgba(43, 100, 245, .08);--sph-primary-grad: linear-gradient(173deg, #1a3a8f 0%, #2b64f5 100%);--sph-success: #059669;--sph-success-bg: #ecfdf5;--sph-warning: #ff8138;--sph-warning-bg: #fdf2ec;--sph-danger: #ff3737;--sph-danger-bg: #fdecec;--sph-processing: #2b64f5;--sph-processing-bg: #e0ebff;--sph-text: #161823;--sph-text-2: rgba(22, 24, 35, .75);--sph-text-3: rgba(22, 24, 35, .5);--sph-divider: rgba(22, 24, 35, .06);--sph-border: #e8ecf2;--sph-border-strong: #e2e8f0;--sph-bg: #f8fafc;--sph-bg-soft: #f7f8fa;--sph-card: #ffffff;--sph-radius: 16px;--sph-radius-sm: 12px;--sph-radius-pill: 9999px;--sph-shadow: 0 1px 2px rgba(22, 24, 35, .04), 0 1px 6px rgba(22, 24, 35, .04);--sph-shadow-lg: 0 20px 60px rgba(0, 0, 0, .15), 0 4px 16px rgba(0, 0, 0, .08);--sph-font: -apple-system, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif}*{box-sizing:border-box;scrollbar-color:rgba(22,24,35,.2) transparent;scrollbar-width:thin}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{border-radius:4px;background-color:#16182333}*::-webkit-scrollbar-thumb:hover{background-color:#16182359}*::-webkit-scrollbar-track{background:transparent}html{-webkit-font-smoothing:antialiased}body{margin:0;font-family:var(--sph-font);color:var(--sph-text);background:var(--sph-bg);font-size:14px;line-height:1.6}::selection{background:var(--sph-primary-bg)}.sph-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #cbd5e1;border-radius:var(--sph-radius-pill);background:#fff;color:#475569;cursor:pointer;padding:8px 20px;font-size:14px;font-family:inherit;font-weight:500;transition:all .16s ease;white-space:nowrap;line-height:1.2}.sph-btn:hover:not(:disabled){border-color:var(--sph-primary);color:var(--sph-primary);background:#fbfcff}.sph-btn:active:not(:disabled){transform:translateY(1px)}.sph-btn:disabled{opacity:.45;cursor:not-allowed}.sph-btn-primary{background:var(--sph-primary);border-color:var(--sph-primary);color:#fff;box-shadow:0 2px 8px #2b64f540}.sph-btn-primary:hover:not(:disabled){background:var(--sph-primary-hover);border-color:var(--sph-primary-hover);color:#fff;box-shadow:0 4px 14px #2b64f552}.sph-btn-danger{background:#fff;border-color:#f6bcbc;color:var(--sph-danger)}.sph-btn-danger:hover:not(:disabled){background:var(--sph-danger-bg);border-color:var(--sph-danger);color:var(--sph-danger)}.sph-btn-text{border-color:transparent;background:transparent;color:var(--sph-primary);padding:4px 10px;box-shadow:none}.sph-btn-text:hover:not(:disabled){background:var(--sph-primary-focus)}.sph-btn-sm{padding:5px 14px;font-size:13px}.sph-field{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.sph-field-label{font-weight:500;color:var(--sph-text);font-size:13.5px}.sph-field-label em{color:var(--sph-danger);font-style:normal;margin-right:4px}.sph-field-error{color:var(--sph-danger);font-size:12.5px}.sph-field-hint{color:var(--sph-text-3);font-size:12.5px}.sph-input{border:1px solid var(--sph-border);border-radius:var(--sph-radius-pill);padding:9px 16px;font-size:14px;font-family:inherit;color:var(--sph-text);background:#fff;outline:none;width:100%;transition:border-color .16s,box-shadow .16s}.sph-input::placeholder{color:#cbd5e1}.sph-input:hover:not(:disabled){border-color:var(--sph-primary)}.sph-input:focus{border-color:var(--sph-primary);box-shadow:0 0 0 3px var(--sph-primary-focus)}.sph-input:disabled{background:var(--sph-bg-soft);color:var(--sph-text-2);cursor:not-allowed;border-color:var(--sph-border)}.sph-textarea{min-height:88px;resize:vertical;line-height:1.55;border-radius:var(--sph-radius-sm)}select.sph-input{padding-right:32px}.sph-radio-group{display:flex;gap:10px;align-items:center;min-height:38px;flex-wrap:wrap}.sph-radio{display:inline-flex;align-items:center;gap:7px;cursor:pointer;color:var(--sph-text-2);border:1px solid var(--sph-border-strong);border-radius:var(--sph-radius-pill);padding:6px 18px;transition:all .16s;font-size:13.5px}.sph-radio input{accent-color:var(--sph-primary);margin:0}.sph-radio:hover{border-color:var(--sph-primary)}.sph-radio.checked{color:var(--sph-primary);border-color:var(--sph-primary);background:var(--sph-primary-focus);font-weight:500}.sph-card{background:var(--sph-card);border-radius:var(--sph-radius);border:1px solid var(--sph-border);box-shadow:var(--sph-shadow);margin-bottom:16px;overflow:hidden}.sph-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 24px;border-bottom:1px solid var(--sph-divider)}.sph-card-head h3{margin:0;font-size:15px;font-weight:600}.sph-card-body{padding:20px 24px}.sph-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--sph-radius-pill);font-size:12px;line-height:18px;white-space:nowrap;font-weight:500}.sph-badge-neutral{background:var(--sph-bg-soft);color:var(--sph-text-2)}.sph-badge-processing{background:var(--sph-primary-bg);color:var(--sph-primary)}.sph-badge-success{background:var(--sph-success-bg);color:var(--sph-success)}.sph-badge-warning{background:var(--sph-warning-bg);color:var(--sph-warning)}.sph-badge-danger{background:var(--sph-danger-bg);color:var(--sph-danger)}.sph-empty{padding:52px 0;text-align:center;color:var(--sph-text-3)}.sph-empty p:before{content:"◎";display:block;font-size:28px;margin-bottom:6px;opacity:.35}.sph-spin{padding:40px 0;text-align:center;color:var(--sph-text-3);font-size:13px}.sph-spin:before{content:"";display:block;width:22px;height:22px;margin:0 auto 10px;border:2.5px solid var(--sph-border);border-top-color:var(--sph-primary);border-radius:50%;animation:sph-rotate .7s linear infinite}@keyframes sph-rotate{to{transform:rotate(360deg)}}.sph-progress{position:relative;background:#eef1f6;border-radius:var(--sph-radius-pill);height:18px;overflow:hidden}.sph-progress-bar{background:var(--sph-primary);height:100%;transition:width .35s ease;border-radius:var(--sph-radius-pill)}.sph-progress-text{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:11.5px;line-height:18px;color:var(--sph-text-2);font-variant-numeric:tabular-nums}.sph-table-wrap{overflow-x:auto;margin:0 -24px}.sph-table{width:100%;border-collapse:collapse}.sph-table th{text-align:left;padding:14px 16px;font-weight:500;font-size:13px;color:var(--sph-text-3);background:var(--sph-bg);border-bottom:1px solid #f1f5f9;white-space:nowrap}.sph-table th:first-child,.sph-table td:first-child{padding-left:24px}.sph-table th:last-child,.sph-table td:last-child{padding-right:24px}.sph-table td{padding:15px 16px;border-bottom:1px solid #f1f5f9;vertical-align:middle;font-variant-numeric:tabular-nums;font-size:13px;color:var(--sph-text-2)}.sph-table td a,.sph-table td b{color:var(--sph-text)}.sph-table tbody tr{background:#fff;transition:background .12s}.sph-table tbody tr:hover td{background:var(--sph-bg)}.sph-table tbody tr:last-child td{border-bottom:none}.sph-pagination{display:flex;align-items:center;gap:10px;justify-content:flex-end;padding:16px 0 0;color:#475569;font-size:12.5px;font-variant-numeric:tabular-nums}.sph-pagination .sph-btn{border-color:#d0dae4;color:#475569;padding:4px 18px;font-size:12.5px}.sph-pagination .sph-btn:disabled{color:#95a3b8}.sph-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:100;padding-top:9vh;animation:sph-fade .18s ease}.sph-modal{background:#fff;border-radius:16px;border:1px solid var(--sph-border-strong);width:520px;max-width:92vw;box-shadow:var(--sph-shadow-lg);overflow:clip;animation:sph-pop .22s cubic-bezier(.2,.9,.3,1.15)}@keyframes sph-fade{0%{opacity:0}}@keyframes sph-pop{0%{opacity:0;transform:translateY(14px) scale(.98)}}.sph-modal-head{display:flex;justify-content:space-between;align-items:center;padding:15px 24px;background:var(--sph-bg);border-bottom:1px solid var(--sph-border-strong);min-height:56px}.sph-modal-head h3{margin:0;font-size:16px;font-weight:600;color:#0f172a}.sph-modal-close{border:none;background:none;font-size:20px;cursor:pointer;color:var(--sph-text-3);width:28px;height:28px;border-radius:50%;line-height:1;transition:all .15s}.sph-modal-close:hover{background:#1618230f;color:var(--sph-text)}.sph-modal-body{padding:24px;max-height:62vh;overflow-y:auto}.sph-modal-foot{padding:16px;background:var(--sph-bg);border-top:1px solid var(--sph-border-strong);display:flex;justify-content:flex-end;gap:12px}.sph-modal-foot .sph-btn{min-width:88px}.sph-messages{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center}.sph-message{padding:9px 22px;border-radius:var(--sph-radius-pill);font-size:14px;font-weight:500;background:#fff;box-shadow:0 8px 30px #0000001f;border:1px solid var(--sph-border);animation:sph-drop .25s cubic-bezier(.2,.9,.3,1.15);display:inline-flex;align-items:center;gap:8px;color:var(--sph-text)}@keyframes sph-drop{0%{opacity:0;transform:translateY(-12px)}}.sph-message.sph-badge-success:before{content:"✓";color:var(--sph-success);font-weight:700}.sph-message.sph-badge-danger:before{content:"✕";color:var(--sph-danger);font-weight:700}.sph-message.sph-badge-processing:before{content:"ⓘ";color:var(--sph-processing)}.sph-message.sph-badge-success,.sph-message.sph-badge-danger,.sph-message.sph-badge-processing{background:#fff}.sph-copy{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--sph-text-3);cursor:pointer;transition:color .15s,background .15s;vertical-align:middle}.sph-copy:hover{color:var(--sph-primary);background:var(--sph-primary-bg)}.sph-copy:focus-visible{outline:2px solid var(--sph-primary);outline-offset:1px}.sph-copy.is-done{color:var(--sph-success, #16a34a)}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:4px}.metric{padding:14px 16px;background:var(--sph-bg-soft);border:1px solid var(--sph-divider);border-radius:var(--sph-radius-sm)}.metric-value{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2}.metric-value.danger{color:var(--sph-danger)}.metric-label{font-size:12.5px;color:var(--sph-text-3);margin-top:2px}.sub-title{font-size:13.5px;font-weight:600;color:var(--sph-text-2);margin:20px 0 8px}.reason-list{list-style:none;margin:0;padding:0}.reason-list li{display:flex;gap:10px;align-items:baseline;padding:5px 0;font-size:13px}.reason-count{min-width:30px;text-align:center;padding:1px 8px;border-radius:var(--sph-radius-pill);background:var(--sph-danger-bg);color:var(--sph-danger);font-size:12px;font-weight:600}.reason-text{color:var(--sph-text-2)}.filter-row{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.filter-row .sph-input{max-width:240px}.check-inline{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--sph-text-2);cursor:pointer}.check-inline input{accent-color:var(--sph-primary)}.detail-cell{display:inline-block;max-width:360px;font-size:12.5px;line-height:1.5}.stuck-warn{color:var(--sph-warning);font-weight:600}.transition-cell{font-size:12.5px}.transition-cell .arrow{color:var(--sph-text-3);margin:0 2px}.event-code{font-size:12px;padding:1px 7px;border-radius:6px;background:var(--sph-bg-soft);color:var(--sph-text-2)}.worker-ver{font-weight:400;font-size:12.5px;margin-left:6px}.worker-badges{display:inline-flex;gap:6px}.summary-row{display:flex;flex-wrap:wrap;gap:22px;font-size:13px;margin-bottom:4px}.summary-row b{color:var(--sph-text-2);font-weight:500;margin-right:6px}.worker-row{align-items:center}.worker-row span{display:inline-flex;align-items:center;gap:6px}.account-list{list-style:none;margin:0;padding:0}.account-list li{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13px}.account-name{font-weight:500}.worker-hint{margin:12px 0 0;padding:10px 14px;font-size:13px;background:var(--sph-danger-bg);color:var(--sph-danger);border-radius:var(--sph-radius-sm)}.worker-error{font-size:12.5px;line-height:1.6;margin:0;word-break:break-all}.app-shell{display:flex;min-height:100vh}.app-side{width:240px;flex-shrink:0;background:#fff;border-right:1px solid var(--sph-border-strong);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.app-logo{height:64px;padding:0 20px;font-size:15.5px;font-weight:700;color:var(--sph-text);display:flex;align-items:center;gap:10px;letter-spacing:.01em;border-bottom:1px solid var(--sph-border-strong)}.app-logo:before{content:"剧";width:30px;height:30px;border-radius:9px;background:var(--sph-primary-grad);color:#fff;font-size:15px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #2b64f54d}.app-side nav{flex:1;display:flex;flex-direction:column;padding:16px 16px 8px 0;gap:4px;overflow-y:auto}.app-side nav a{height:44px;padding:0 12px 0 16px;border-left:4px solid transparent;color:var(--sph-text-2);text-decoration:none;font-size:14px;display:flex;align-items:center;gap:12px;transition:all .15s}.app-side nav a .nav-icon{width:18px;height:18px;opacity:.65;flex-shrink:0}.app-side nav a:hover{background:var(--sph-bg);color:var(--sph-text)}.app-side nav a.active{border-left-color:var(--sph-primary);background:var(--sph-bg);color:var(--sph-text);font-weight:600}.app-side nav a.active .nav-icon{opacity:1;color:var(--sph-primary)}.app-side-foot{padding:12px 16px;border-top:1px solid var(--sph-border-strong)}.app-main{flex:1;padding:26px 32px 48px;max-width:1180px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px}.page-head h2{margin:0;font-size:19px;font-weight:700;letter-spacing:.01em}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(720px 420px at 12% -6%,rgba(43,100,245,.12),transparent 62%),radial-gradient(640px 420px at 96% 108%,rgba(43,100,245,.08),transparent 60%),var(--sph-bg)}.login-box{width:408px}.login-title{text-align:center;margin-bottom:6px;font-size:21px;font-weight:700;color:var(--sph-text)}.login-title:before{content:"剧";display:inline-flex;width:34px;height:34px;border-radius:10px;margin-right:10px;background:var(--sph-primary-grad);color:#fff;font-size:17px;align-items:center;justify-content:center;vertical-align:-6px;box-shadow:0 3px 10px #2b64f54d}.login-sub{text-align:center;color:var(--sph-text-3);margin-bottom:26px;font-size:13.5px}.login-tabs{display:flex;margin-bottom:20px;border-bottom:1px solid var(--sph-divider)}.login-tabs button{flex:1;padding:10px;border:none;background:none;cursor:pointer;font-size:15px;color:var(--sph-text-2);border-bottom:2px solid transparent;font-family:inherit;transition:color .15s;font-weight:500}.login-tabs button.active{color:var(--sph-primary);border-bottom-color:var(--sph-primary);font-weight:600}.code-row{display:flex;gap:8px}.code-row .sph-input{flex:1}.agreement-row{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:var(--sph-text-2);font-size:13px;cursor:pointer}.agreement-row input{accent-color:var(--sph-primary)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.detail-grid .full{grid-column:1 / -1}.kv{display:flex;gap:8px;margin-bottom:8px}.kv b{color:var(--sph-text-2);font-weight:500;flex-shrink:0}.check-list{margin:8px 0 0;padding-left:0;list-style:none}.check-list li{padding:5px 0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.reject-list{margin:0;padding-left:18px;color:var(--sph-danger)}.reject-list li{margin-bottom:4px}.gate-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(720px 420px at 12% -6%,rgba(43,100,245,.1),transparent 62%),var(--sph-bg)}.gate-box{width:420px}.gate-title{text-align:center;margin-bottom:6px;font-size:21px;font-weight:700}.gate-sub{text-align:center;color:var(--sph-text-3);margin-bottom:24px;font-size:13.5px}.operator-tag{font-size:12.5px;color:var(--sph-text-3);margin-bottom:8px}