:root{--ink:#141923;--muted:#7e8797;--line:#e8ebef;--paper:#fff;--bg:#f6f7f9;--nav:#111923;--good:#22c58b;--bad:#ef6871;--blue:#5683ee;--purple:#8759e7;--orange:#f2a348;--shadow:0 1px 2px rgba(15,23,42,.02)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button,a{transition:background-color .16s,color .16s,border-color .16s,transform .16s}a{color:inherit}.admin-page{min-width:320px}.app-shell{display:grid;grid-template-columns:196px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--nav);color:#d4d9e2;padding:24px 13px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;height:32px;margin:0 13px 31px;color:#fff;text-decoration:none;font-size:16px;font-weight:760;letter-spacing:.01em}.brand-mark{width:30px;height:30px;border-radius:8px;background:#fff;display:grid;place-items:center;color:#111923;font-size:15px}.primary-nav{display:flex;flex-direction:column;gap:6px}.nav-link{height:42px;border-radius:7px;padding:0 14px;display:flex;align-items:center;gap:13px;color:#aab3c0;text-decoration:none;font-size:13px;font-weight:560}.nav-link i{width:18px;text-align:center;font-size:16px}.nav-link:hover{color:#fff;background:#1a2430}.nav-link.active{background:#fff;color:#111923;font-weight:700}.nav-link em{margin-left:auto;min-width:19px;height:19px;border-radius:99px;background:#ef5e68;color:#fff;display:grid;place-items:center;font-size:10px;font-style:normal}.sidebar-foot{margin-top:auto;border-top:1px solid #25303c;padding:17px 8px 0;display:flex;align-items:center;gap:8px}.user-mini{display:flex;align-items:center;gap:9px;min-width:0;flex:1;text-decoration:none}.avatar,.top-avatar{display:grid;place-items:center;border-radius:50%;background:#2c9d75;color:#fff;font-size:12px;font-weight:800}.avatar{width:31px;height:31px;flex:0 0 auto}.user-mini span:last-child{min-width:0}.user-mini strong,.user-mini small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-mini strong{font-size:12px;color:#f6f8fa}.user-mini small{font-size:10px;color:#7f8a99;margin-top:2px}.logout{color:#7f8a99;padding:6px}.logout:hover{color:#fff}.main-content{min-width:0}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);padding:0 25px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:15}.topbar-left{display:flex;align-items:center;gap:12px}.topbar h1{margin:0;font-size:17px;font-weight:750;letter-spacing:.01em}.top-actions{display:flex;align-items:center;gap:13px}.system-online{font-size:11px;color:#717b88;display:flex;align-items:center;gap:7px;border-right:1px solid var(--line);padding-right:16px}.system-online b,.live-dot b,.channel-status b{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 0 3px #e3f8f0}.icon-button{width:31px;height:31px;border:0;border-radius:7px;background:transparent;color:#727c89;display:grid;place-items:center;cursor:pointer;font-size:15px}.icon-button:hover{background:#f2f4f6;color:#111923}.notification{position:relative}.notification b{position:absolute;right:7px;top:6px;width:5px;height:5px;background:#ef5963;border:1px solid #fff;border-radius:50%}.top-avatar{width:31px;height:31px;text-decoration:none}.mobile-menu{display:none}.page-body{padding:20px 23px 28px}.metric-strip{height:104px;background:#fff;border:1px solid var(--line);border-radius:6px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:var(--shadow)}.metric-item{display:flex;align-items:center;gap:15px;padding:16px 27px;position:relative}.metric-item:not(:last-child):after{content:"";position:absolute;right:0;top:26px;bottom:26px;width:1px;background:var(--line)}.metric-icon{width:57px;height:57px;border-radius:50%;display:grid;place-items:center;font-size:22px;flex:0 0 auto}.metric-icon.blue{color:#4e7ce9;background:#edf3ff}.metric-icon.green{color:#1db382;background:#e9faf4}.metric-icon.purple{color:#8255df;background:#f2edff}.metric-icon.orange{color:#ec9a40;background:#fff4e7}.metric-item>div>span{font-size:11px;color:#7d8794;display:block;margin-bottom:3px}.metric-item strong{font-size:24px;line-height:1.12;letter-spacing:-.02em;display:block}.metric-item small{font-size:9px;margin-top:4px;display:block;font-weight:750}.metric-item small i{font-size:8px}.metric-item small em{color:#9da5af;font-style:normal;font-weight:500;margin-left:4px}.up{color:#23a87b}.down{color:#e85d68}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.12fr) minmax(300px,1fr);gap:12px;margin-top:12px}.surface{background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow)}.chart-panel,.realtime-panel{height:293px}.surface-head{min-height:65px;padding:16px 20px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);gap:18px}.surface-head h2{font-size:13px;margin:0 0 4px;font-weight:760}.surface-head p{font-size:10px;color:#9199a5;margin:0}.segmented{display:flex;padding:3px;background:#f3f4f6;border-radius:6px;gap:2px}.segmented button{border:0;background:transparent;color:#858e9a;padding:5px 10px;border-radius:4px;font-size:9px;cursor:pointer}.segmented button.active{background:#fff;color:#222b36;box-shadow:0 1px 3px #18223014;font-weight:700}.chart-wrap{height:217px;padding:15px 17px 12px}.chart-wrap canvas{width:100%!important;height:100%!important}.live-dot{font-size:9px;color:#25a97e;display:flex;align-items:center;gap:6px;padding-top:2px}.realtime-list{padding:7px 20px}.realtime-list>div{height:52px;display:flex;align-items:center;border-bottom:1px solid #f0f1f3}.realtime-list>div:last-child{border:0}.status-icon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-size:13px;margin-right:12px}.status-icon.green{background:#e7f8f1;color:#20ad80}.status-icon.blue{background:#edf3ff;color:#5683ee}.status-icon.red{background:#feedef;color:#e75c67}.status-icon.purple{background:#f1ecff;color:#8156de}.realtime-list p{margin:0;flex:1}.realtime-list p strong,.realtime-list p small{display:block}.realtime-list p strong{font-size:10px}.realtime-list p small{font-size:8px;color:#9aa2ac;margin-top:3px}.realtime-list>div>b{font-size:11px}.channel-health{margin-top:12px;min-height:441px}.channel-head{height:73px;align-items:center;padding:14px 20px}.channel-tools{display:flex;align-items:center;gap:8px}.search{position:relative;width:165px}.search i{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:11px;color:#9ca4ae}.search input,.channel-tools select{height:31px;margin:0;border:1px solid #dfe3e7;border-radius:5px;background:#fff;font-size:9px;color:#535d6a}.search input{width:100%;padding:0 10px 0 29px}.channel-tools select{width:92px;padding:0 8px}.primary-button{min-height:31px;border:0;border-radius:5px;background:#101820;color:#fff;padding:8px 13px;text-decoration:none;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.primary-button:hover{background:#26323d}.table-wrap{overflow:auto}.health-table{width:100%;border-collapse:collapse;table-layout:fixed}.health-table th:nth-child(1){width:24%}.health-table th:nth-child(2){width:14%}.health-table th:nth-child(3){width:12%}.health-table th:nth-child(4){width:14%}.health-table th:nth-child(5){width:16%}.health-table th:nth-child(6){width:8%}.health-table th:nth-child(7){width:12%}table{border-collapse:collapse;width:100%;font-size:11px}th,td{text-align:left;padding:13px 18px;border-bottom:1px solid #edf0f2;white-space:nowrap}th{height:39px;color:#89929e;font-size:9px;font-weight:650;background:#fafbfc}td{height:52px;color:#4b5562}.channel-name{display:flex;align-items:center;gap:10px;min-width:0}.provider-logo{width:31px;height:31px;border-radius:7px;display:grid;place-items:center;font-size:15px;flex:0 0 auto}.provider-logo.stripe{background:#ecebff;color:#645bde}.provider-logo.paypal{background:#e8f2ff;color:#1170bd}.provider-logo.square{background:#151b24;color:#fff}.channel-name>span:last-child{min-width:0}.channel-name strong,.channel-name small{display:block;overflow:hidden;text-overflow:ellipsis}.channel-name strong{font-size:10px;color:#303846}.channel-name small{font-size:8px;color:#9aa2ad;margin-top:3px}.channel-status{font-size:9px;display:inline-flex;align-items:center;gap:7px}.channel-status b{width:6px;height:6px;box-shadow:none}.channel-status.online{color:#22a97e}.channel-status.offline{color:#e35e68}.channel-status.offline b{background:#e35e68}.latency{width:76px;height:4px;border-radius:99px;background:#eef0f2;display:inline-block;vertical-align:middle;overflow:hidden;margin-right:8px}.latency b{display:block;width:var(--latency);height:100%;background:#22bf87;border-radius:inherit}.latency-value{font-size:9px;color:#7f8995}.weight-chip{display:inline-grid;place-items:center;min-width:25px;height:20px;padding:0 6px;border-radius:4px;background:#f0f1f3;font-size:9px;font-weight:700;color:#4d5662}.row-actions{display:flex;align-items:center;gap:12px}.row-actions form{margin:0}.row-actions button,.row-actions a{display:grid;place-items:center;border:0;background:transparent;color:#89929d;padding:2px;cursor:pointer;text-decoration:none;font-size:11px}.row-actions button:hover,.row-actions a:hover{color:#111923}.content-panel,.form-panel{overflow:hidden}.content-panel .surface-head,.form-panel .surface-head{min-height:76px}.management-grid{display:grid;grid-template-columns:380px minmax(0,1fr);gap:16px;align-items:start}.stack-form{padding:3px 20px 22px}.stack-form label,.weight-form label{display:block;font-size:11px;font-weight:680;color:#4f5966;margin:14px 0 0}.stack-form input,.stack-form select,.stack-form textarea,.weight-form input{display:block;width:100%;margin-top:7px;border:1px solid #dfe3e7;border-radius:6px;background:#fff;padding:10px 11px;color:#26303b;font-size:11px}.stack-form textarea{min-height:76px;resize:vertical}.stack-form>.primary-button{width:100%;margin-top:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.content-panel{min-height:200px}.text-button{border:0;background:#edf1f5;color:#35404c;border-radius:5px;padding:7px 10px;font-size:10px;cursor:pointer}.channel-cards{padding:4px 18px 18px}.channel-card{display:grid;grid-template-columns:minmax(0,1fr) 150px 42px;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid var(--line)}.weight-form{display:flex;align-items:end;gap:7px}.weight-form label{margin:0}.weight-form input{height:31px;margin-top:4px;padding:7px}.toggle-button{width:38px;height:22px;border:0;border-radius:20px;background:#d7dce2;padding:3px;cursor:pointer}.toggle-button span{display:block;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003}.toggle-button.enabled{background:#22bd88}.toggle-button.enabled span{transform:translateX(16px)}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.setting-card{display:flex;gap:15px;padding:22px}.setting-icon{width:42px;height:42px;border-radius:8px;background:#edf3ff;color:#5683ee;display:grid;place-items:center;font-size:19px}.setting-card h2{font-size:13px;margin:1px 0 7px}.setting-card p{font-size:11px;line-height:1.6;color:#7f8995;margin:0}.status-pill{display:inline-flex;padding:4px 8px;border-radius:99px;font-size:9px}.status-pill.success{background:#e8f8f2;color:#15956d}.status-pill.failed{background:#feedef;color:#d94c58}.status-pill.pending{background:#fff4e4;color:#b66b14}.status-pill.neutral{background:#edf1f5;color:#65707d}.empty-state{text-align:center;color:#99a1ab;padding:34px!important}.login-page{min-height:100vh;display:grid;place-items:center;background:#eef1f4}.login-card{width:min(960px,88vw);min-height:520px;display:grid;grid-template-columns:1fr .9fr;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px #15202d26}.login-form{padding:66px 54px}.eyebrow{font-size:10px;letter-spacing:.2em;color:#7c8591}.login-form h1{font-size:30px;margin:14px 0 8px}.muted{color:var(--muted)}.login-form label{display:block;font-size:12px;font-weight:650;margin:18px 0 8px}.login-form input{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #d6dbe0;border-radius:7px}.login-form button{width:100%;margin-top:24px;border:0;border-radius:7px;background:#111923;color:#fff;padding:13px;font-weight:700;cursor:pointer}.login-art{display:grid;place-items:center;text-align:center;color:#fff;background:#111923;padding:30px}.login-art h2{font-size:24px}.alert{padding:11px 13px;border-radius:7px;background:#feedef;color:#b72d39;margin:16px 0;font-size:12px}
@media(max-width:1050px){.app-shell{grid-template-columns:178px minmax(0,1fr)}.metric-item{padding:14px}.metric-icon{width:48px;height:48px}.metric-item strong{font-size:20px}.management-grid{grid-template-columns:340px minmax(0,1fr)}}
@media(max-width:820px){.app-shell{display:block}.sidebar{position:fixed;left:-210px;width:196px;transition:left .2s;box-shadow:8px 0 24px #0003}.sidebar.open{left:0}.mobile-menu{display:grid}.page-body{padding:14px}.metric-strip{height:auto;grid-template-columns:1fr 1fr}.metric-item:not(:last-child):after{display:none}.dashboard-grid{grid-template-columns:1fr}.chart-panel,.realtime-panel{height:auto}.chart-wrap{height:250px}.management-grid,.settings-grid{grid-template-columns:1fr}.channel-tools{flex-wrap:wrap}.channel-head{height:auto;align-items:flex-start}.login-card{grid-template-columns:1fr}.login-art{display:none}}
@media(max-width:560px){.metric-strip{grid-template-columns:1fr}.topbar{padding:0 14px}.system-online{display:none}.surface-head{padding:14px}.channel-tools{width:100%}.search{width:100%}.health-table{min-width:760px}.management-grid{grid-template-columns:minmax(0,1fr)}.channel-card{grid-template-columns:1fr auto}.weight-form{grid-column:1/2}.login-form{padding:44px 28px}}

/* 方案一：运营总览视觉覆写 */
.top-date{font-size:10px;color:#68717d;display:flex;align-items:center;gap:7px}.menu-button{display:grid}.profile-link{display:flex;align-items:center;gap:7px;text-decoration:none;font-size:10px}.profile-link strong{font-weight:650}.profile-link>i{font-size:8px;color:#8c95a0}.notification b{right:3px;top:1px;min-width:14px;width:auto;height:14px;padding:0 3px;display:grid;place-items:center;color:#fff;font-size:7px;border-radius:99px}.metric-icon.solid-green{color:#fff;background:#2fa253}.metric-icon.solid-blue{color:#fff;background:#4f8ff1}.metric-icon.solid-purple{color:#fff;background:#7164df}.metric-good{color:#2da15a}.neutral-copy{color:#8d96a1!important}.chart-legend{display:flex;gap:19px;margin-top:9px;font-size:8px;color:#66717d}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-legend span:before{content:"";width:14px;height:2px;background:#29a45f}.chart-legend .fail-line:before{background:#ed4f47}.chart-legend .rate-line:before{height:1px;background:repeating-linear-gradient(90deg,#aab2bc 0 3px,transparent 3px 5px)}.updated-at{font-size:8px;color:#858f9b}.health-table{min-width:1120px}.health-table th:nth-child(1){width:18%}.health-table th:nth-child(2){width:8%}.health-table th:nth-child(3){width:13%}.health-table th:nth-child(4){width:8%}.health-table th:nth-child(5){width:10%}.health-table th:nth-child(6){width:15%}.health-table th:nth-child(7){width:12%}.health-table th:nth-child(8){width:16%}.rate-meter{width:64px;height:4px;border-radius:99px;background:#eef0f2;display:inline-block;vertical-align:middle;overflow:hidden;margin-right:7px}.rate-meter b{display:block;width:var(--rate);height:100%;background:#29a45f;border-radius:inherit}.last-used{font-size:9px;color:#68727f}.table-actions{display:flex;align-items:center;gap:5px}.table-actions form{margin:0}.table-actions a,.table-actions button{height:25px;border:1px solid #dfe3e7;border-radius:4px;background:#fff;color:#505b68;padding:0 7px;font-size:8px;text-decoration:none;display:inline-flex;align-items:center;cursor:pointer}.table-actions button{border-color:#f0b9bd;color:#e1545c}.health-table td{padding-left:12px;padding-right:12px}

/* 用户授权与客户控制台 */
.user-license-grid{grid-template-columns:360px minmax(0,1fr)}.license-summary{font-size:10px;color:#168d68;background:#e9f8f2;border-radius:99px;padding:6px 10px}.license-list{padding:4px 18px 18px}.license-card{padding:18px 0;border-bottom:1px solid var(--line)}.license-card:last-child{border-bottom:0}.license-user{display:flex;align-items:center;gap:10px}.license-user>div{min-width:0}.license-user strong,.license-user small{display:block}.license-user small{font-size:9px;color:#8b94a0;margin-top:3px}.license-badge{margin-left:auto;padding:5px 9px;border-radius:99px;font-size:9px}.license-badge.valid{background:#e7f8f1;color:#15956d}.license-badge.expired{background:#feedef;color:#d84c57}.license-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0;padding:12px;background:#f8f9fa;border-radius:7px}.license-meta small,.license-meta strong{display:block}.license-meta small{font-size:8px;color:#929ba6}.license-meta strong{font-size:10px;margin-top:4px}.license-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.license-actions form{margin:0}.inline-license-form,.password-reset-form{display:flex;gap:6px}.license-actions select,.license-actions input{height:30px;border:1px solid #dfe3e7;border-radius:5px;padding:0 7px;font-size:9px;background:#fff}.inline-license-form input{width:124px}.password-reset-form input{width:120px}.danger-outline{color:#d84c57!important;border:1px solid #f0b9bd!important;background:#fff!important}.sidebar-license{margin-top:auto;margin-bottom:12px;border:1px solid #2d3946;border-radius:8px;padding:11px;color:#aeb8c4}.sidebar-license small,.sidebar-license strong,.sidebar-license span{display:block}.sidebar-license small{font-size:8px;color:#718091}.sidebar-license strong{font-size:10px;color:#fff;margin:5px 0}.sidebar-license span{font-size:8px;color:#34c996}.user-console .sidebar-foot{margin-top:0}.license-top{display:inline-flex;align-items:center;gap:6px;background:#e8f8f2;color:#168e69;border-radius:99px;padding:6px 10px;font-size:9px}.license-top.permanent{background:#f0ebff;color:#7652d1}.welcome-banner{background:#111923;color:#fff;border-radius:8px;padding:24px 28px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}.welcome-banner .eyebrow{color:#778696}.welcome-banner h2{margin:8px 0 5px;font-size:22px}.welcome-banner p{margin:0;color:#9da8b5;font-size:10px}.license-countdown{display:flex;align-items:center;gap:13px;border:1px solid #33404d;border-radius:8px;padding:13px 17px;min-width:200px}.license-countdown>i{font-size:26px;color:#35c895}.license-countdown small,.license-countdown strong,.license-countdown em{display:block}.license-countdown small{font-size:8px;color:#778696}.license-countdown strong{font-size:11px;margin:3px 0}.license-countdown em{font-size:9px;color:#35c895;font-style:normal}.user-metrics{margin-bottom:14px}.user-home-grid{display:grid;grid-template-columns:.85fr 1.4fr;gap:14px}.quick-steps{padding:6px 18px}.quick-steps a{display:flex;align-items:center;gap:12px;padding:14px 2px;border-bottom:1px solid var(--line);text-decoration:none}.quick-steps a>i:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;background:#edf3ff;color:#4f83e8;font-size:16px}.quick-steps a span{flex:1}.quick-steps strong,.quick-steps small{display:block}.quick-steps strong{font-size:10px}.quick-steps small{font-size:8px;color:#8e97a2;margin-top:3px}.quick-steps a>b{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#f0f2f4;font-size:9px}.text-link{font-size:9px;color:#4178db;text-decoration:none}.account-grid{display:grid;grid-template-columns:340px 420px;gap:16px}.account-card{text-align:center;padding:27px}.account-icon{font-size:46px;color:#4f83e8}.account-card h2{font-size:18px;margin:9px 0 3px}.account-card>p{font-size:10px;color:#8b94a0}.account-card dl{margin:20px 0 0;text-align:left}.account-card dl div{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid var(--line);font-size:10px}.account-card dt{color:#8c95a0}.account-card dd{margin:0;font-weight:650}.login-help{text-align:center;font-size:10px;color:#8d96a1;margin-top:18px}.customer-login-art{background:#111923}.login-shield{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:#1e9b71;color:#fff;font-size:29px}.login-features{display:flex;flex-direction:column;gap:8px;margin-top:24px;text-align:left;font-size:10px;color:#b9c2cc}.login-features i{color:#35c895;margin-right:7px}
@media(max-width:900px){.user-license-grid,.user-home-grid,.account-grid{grid-template-columns:1fr}.welcome-banner{align-items:flex-start;gap:18px}.license-meta{grid-template-columns:1fr 1fr}.top-date{display:none}}
@media(max-width:560px){.welcome-banner{flex-direction:column}.license-countdown{width:100%}.license-meta{grid-template-columns:1fr}.inline-license-form,.password-reset-form{flex-wrap:wrap}.top-actions .license-top{display:none}}