:root{--color-primary: #0A3D62;--color-primary-hover: #1A497F;--color-primary-soft: #E8EDF3;--color-sider: #0A3D62;--color-sider-deep: #062B46;--color-seal: #C62828;--color-stat-blue: #1A497F;--color-stat-purple: #722ed1;--color-stat-green: #52c41a;--color-stat-orange: #FFA726;--color-stat-red: #E53935;--color-bg-layout: #F5F7FA;--color-border: #D9E1EA;--color-text-secondary: #64748B;--card-shadow: 0 6px 18px rgba(10, 61, 98, .08);--content-gap: 20px}*{box-sizing:border-box}body{margin:0;background:var(--color-bg-layout);color:#1f2937;font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif}html,body,#root{height:100%}.app-shell{height:100vh;overflow:hidden}.app-sider{position:relative;display:flex;flex-direction:column;flex-shrink:0;height:100vh;overflow-x:hidden;overflow-y:hidden;border-right:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,var(--color-sider) 0%,var(--color-sider-deep) 100%)!important}.app-main{display:flex;flex:1;flex-direction:column;min-width:0;height:100vh;overflow:hidden}.app-main>.app-header{flex-shrink:0}.brand{display:flex;gap:12px;align-items:center;height:64px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.12)}.brand-mark{display:grid;width:36px;height:36px;place-items:center;color:#fff;font-weight:700;background:var(--color-primary-hover);border:2px solid rgba(255,255,255,.35);border-radius:50%;flex-shrink:0;box-shadow:0 2px 8px #0a3d6259}.brand-copy{min-width:0}.brand-title.ant-typography{display:block;color:#fff;font-size:16px;letter-spacing:0;white-space:nowrap}.brand-subtitle.ant-typography{display:block;color:#ffffffa8;font-size:12px;white-space:nowrap}.app-menu.ant-menu{flex:1;min-height:0;padding:12px 10px;overflow-y:auto;color:#ffffffdb;background:transparent;border-inline-end:none!important}.app-menu.ant-menu-dark .ant-menu-item{color:#ffffffd6;margin-block:4px}.app-menu.ant-menu-dark .ant-menu-item .anticon{color:#ffffffd1;font-size:16px}.app-menu.ant-menu-dark .ant-menu-item-selected{color:#fff;background:#e8edf32e!important;box-shadow:inset 3px 0 #91caff}.app-menu.ant-menu-dark .ant-menu-item-selected .anticon{color:#fff}.app-menu.ant-menu-dark .ant-menu-item:hover{color:#fff;background:#ffffff1a!important}.app-header{display:flex;justify-content:space-between;align-items:center;height:56px;padding:0 24px;background:#fffffff5;border-bottom:1px solid var(--color-border);box-shadow:0 1px 4px #0a3d620a}.app-header-breadcrumb{min-width:0}.app-header-breadcrumb .ant-breadcrumb-link,.app-header-breadcrumb .ant-breadcrumb-separator{color:var(--color-text-secondary)}.app-header-breadcrumb .ant-breadcrumb-separator{color:#94a3b8}.app-header-breadcrumb .ant-breadcrumb li:last-child{color:var(--color-primary);font-weight:600}.app-header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.app-header-user{display:flex;align-items:center;gap:10px;padding-right:4px}.app-header-user-trigger{cursor:pointer;border-radius:8px;padding:4px 8px 4px 4px;transition:background-color .2s}.app-header-user-trigger:hover{background:#eef4f9}.app-header-avatar.ant-avatar{flex-shrink:0;border:none;background:linear-gradient(180deg,#1a497f,#0a3d62)!important;font-size:14px;font-weight:600;line-height:32px}.app-header-user-text{display:flex;flex-direction:column;justify-content:center;gap:2px;line-height:1.2}.app-header-user-name{color:#1f2937;font-size:14px;font-weight:500}.app-header-user-role{color:var(--color-text-secondary);font-size:12px}.app-content{flex:1;min-width:0;min-height:0;padding:24px;overflow:auto;background:var(--color-bg-layout)}.page-stack{display:flex;flex-direction:column;gap:var(--content-gap);min-width:min-content}.page-toolbar{justify-content:flex-end;width:100%}.page-filter-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:16px 18px;background:#fff;border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--card-shadow)}.page-filter-bar-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.page-filter-bar .ant-input-search{max-width:100%}.table-action-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:100%}.table-action-btn.ant-btn{display:inline-flex;align-items:center;justify-content:center;height:28px;padding-inline:10px;font-size:13px;border-radius:6px;box-shadow:none}.table-action-btn.ant-btn-default{background:#fff;border-color:#c8d3df;color:#334155}.table-action-btn.ant-btn-default:not(:disabled):hover{color:var(--color-primary);border-color:var(--color-primary);background:#f7fafc}.table-action-btn.ant-btn-primary{box-shadow:none}.table-action-btn.ant-btn-dangerous.ant-btn-default{color:var(--color-stat-red);border-color:#f2b8b5;background:#fff}.table-action-btn.ant-btn-dangerous.ant-btn-default:not(:disabled):hover{color:#fff;border-color:var(--color-stat-red);background:var(--color-stat-red)}.store-action-more-btn.ant-btn{gap:6px;min-width:74px;height:30px;color:#334155;background:#fff;border-color:#dce4ec;border-radius:8px;box-shadow:0 2px 6px #0a3d620f}.store-action-more-btn.ant-btn .anticon{font-size:11px}.store-action-more-btn.ant-btn:not(:disabled):hover{color:var(--color-primary);border-color:#b8c9d9;background:#fbfdff}.store-action-more-dropdown .ant-dropdown-menu{min-width:118px;padding:8px;border:1px solid #E6ECF2;border-radius:10px;box-shadow:0 8px 22px #0a3d621f}.store-action-more-dropdown .ant-dropdown-menu-item{min-height:34px;padding:7px 10px;color:#334155;border-radius:7px;font-size:13px}.store-action-more-dropdown .ant-dropdown-menu-item .ant-dropdown-menu-title-content{display:inline-flex;align-items:center}.store-action-more-dropdown .ant-dropdown-menu-item .anticon{color:#64748b;font-size:14px}.store-action-more-dropdown .ant-dropdown-menu-item:hover{color:var(--color-primary);background:#f3f7fb}.store-action-more-dropdown .ant-dropdown-menu-item:hover .anticon{color:var(--color-primary)}.store-action-more-dropdown .ant-dropdown-menu-item-danger,.store-action-more-dropdown .ant-dropdown-menu-item-danger .anticon{color:var(--color-stat-red)}.video-play-loading-card .ant-card-body{display:flex;align-items:center;gap:12px;color:var(--color-primary);background:#f3f7fb;border-radius:8px}.video-play-loading-card strong{display:block;font-size:14px;line-height:1.5}.video-play-loading-card span{display:block;margin-top:2px;color:var(--color-text-secondary);font-size:12px}.video-channel-preview{position:relative;display:flex;height:148px;align-items:center;justify-content:center;overflow:hidden;background:#111}.video-channel-loading-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:13px;font-weight:500;background:#0a1f3094;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.video-channel-loading-mask .ant-spin{line-height:1}.video-channel-preview .ant-btn{position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%)}.history-timeline-wrap{position:relative;padding:12px 4px 2px}.history-timeline{position:relative;height:42px;cursor:pointer;overflow:hidden;border:1px solid var(--color-border);border-radius:8px;background:linear-gradient(180deg,#f8fafc,#eef3f8)}.history-timeline:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),rgba(148,163,184,.35) calc(12.5% - 1px),rgba(148,163,184,.35) 12.5%);pointer-events:none}.history-timeline-segment{position:absolute;top:9px;bottom:9px;z-index:1;border-radius:999px;background:linear-gradient(90deg,#1a497f,#2f80c6);box-shadow:0 3px 10px #1a497f38}.history-timeline-marker{position:absolute;top:4px;bottom:4px;z-index:2;width:2px;background:#e53935;box-shadow:0 0 0 3px #e539351f}.history-timeline-scale{display:flex;justify-content:space-between;margin-top:6px;color:var(--color-text-secondary);font-size:12px}.history-playback-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;color:var(--color-primary);background:#ffffffb8}.ant-card{border:1px solid var(--color-border)!important;border-radius:8px!important;box-shadow:var(--card-shadow)}.ant-card .ant-card-head{border-bottom:1px solid var(--color-border);min-height:48px}.ant-btn-primary{background:var(--color-primary);border-color:var(--color-primary)}.ant-btn-primary:not(:disabled):not(.ant-btn-disabled):hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.ant-input,.ant-input-affix-wrapper,.ant-select-selector{border-color:#c8d3df!important}.ant-table-wrapper .ant-table{border-radius:8px;border:1px solid var(--color-border);box-shadow:var(--card-shadow)}.ant-table-wrapper .ant-table-thead>tr>th{color:#334155;font-weight:600;background:var(--color-primary-soft)!important;border-bottom:1px solid var(--color-border)!important}.ant-table-wrapper .ant-table-tbody>tr>td{border-bottom:1px solid #E6ECF2}.ant-table-wrapper .ant-table-tbody>tr:hover>td{background:#f8fbfd!important}.support-page .ant-table-row{cursor:pointer}.support-row-pending>td{background:#fff7f7!important}.support-drawer{display:flex;flex-direction:column;gap:16px;height:100%}.support-detail-grid{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px 12px;font-size:13px}.support-detail-grid span,.support-message-meta{color:var(--color-text-secondary)}.support-timeline{flex:1;min-height:280px;padding:12px 4px;overflow:auto}.support-message{padding:10px 12px;background:#f8fafc;border-radius:8px}.support-message-operator{background:#eff6ff}.support-message-system{background:#f3f4f6}.support-message-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:12px}.support-message-content{white-space:pre-wrap;word-break:break-word}.support-reply-box{position:sticky;bottom:0;display:flex;flex-direction:column;gap:10px;padding-top:12px;background:#fff}.support-reply-actions{display:flex;justify-content:flex-end;gap:8px}.stat-card{display:flex;gap:16px;align-items:flex-start;height:100%}.stat-card-icon{display:grid;width:48px;height:48px;place-items:center;font-size:22px;border-radius:10px;flex-shrink:0}.stat-card-icon--blue{color:var(--color-stat-blue);background:#1677ff1a}.stat-card-icon--purple{color:var(--color-stat-purple);background:#722ed11a}.stat-card-icon--green{color:var(--color-stat-green);background:#52c41a1a}.stat-card-icon--orange{color:var(--color-stat-orange);background:#fa8c161a}.stat-card-icon--red{color:var(--color-stat-red);background:#ff4d4f1a}.stat-card-body{min-width:0;flex:1}.stat-card-title{color:var(--color-text-secondary);font-size:14px;line-height:1.4}.stat-card-value-row{display:flex;align-items:baseline;gap:4px;margin-top:4px}.stat-card-value{color:#1f2937;font-size:28px;font-weight:600;line-height:1.2}.stat-card-unit{color:#1f2937;font-size:14px;font-weight:500}.stat-card-description{margin-top:6px;color:#9ca3af;font-size:12px;line-height:1.4}.section-card .ant-card-head-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600}.section-card-icon{display:grid;width:28px;height:28px;place-items:center;color:var(--color-primary);font-size:15px;background:#1677ff14;border-radius:6px}.status-tag{display:inline-flex;align-items:center;gap:6px;padding:2px 11px;font-size:12px;line-height:20px;font-weight:500;border-radius:999px;border:1px solid transparent}.status-tag-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-tag--green{color:#237804;background:#f0f8ea;border-color:#b7dda8}.status-tag--green .status-tag-dot{background:var(--color-stat-green)}.status-tag--red{color:#b42318;background:#fff1f0;border-color:#f2b8b5}.status-tag--red .status-tag-dot{background:var(--color-stat-red)}.status-tag--blue{color:var(--color-primary);background:#eaf2f8;border-color:#bbd0e4}.status-tag--blue .status-tag-dot{background:var(--color-primary)}.status-tag--orange{color:#b75c00;background:#fff7e8;border-color:#ffd8a8}.status-tag--orange .status-tag-dot{background:var(--color-stat-orange)}.status-tag--purple{color:#531dab;background:#f9f0ff}.status-tag--purple .status-tag-dot{background:#722ed1}.status-tag--default{color:#475569;background:#f8fafc;border-color:#d9e1ea}.status-tag--default .status-tag-dot{background:#8c8c8c}.login-page{position:relative;display:flex;min-height:100vh;align-items:center;justify-content:center;overflow:hidden;padding:48px;background:radial-gradient(circle at 18% 78%,rgba(10,61,98,.035),transparent 30%),radial-gradient(circle at 82% 28%,rgba(26,73,127,.04),transparent 28%),linear-gradient(135deg,#f5f7fa,#eef3f7 52%,#fff)}.login-page:before,.login-page:after{position:absolute;content:"";border-radius:999px;background:#0a3d6214;filter:blur(2px)}.login-page:before{top:19%;left:9%;width:10px;height:10px;box-shadow:84px 210px #0a3d6214,178px 132px #1a497f0f,435px 248px #0a3d6212}.login-page:after{right:12%;bottom:18%;width:220px;height:220px;background:#0a3d6214;filter:blur(80px)}.login-shell{position:relative;z-index:1;display:grid;width:min(1180px,100%);grid-template-columns:minmax(0,1.15fr) 492px;gap:clamp(48px,7vw,112px);align-items:center}.login-hero{min-width:0}.login-brand{display:flex;gap:22px;align-items:center;margin-bottom:62px}.login-brand-mark{display:grid;width:64px;min-width:64px;height:64px;min-height:64px;place-items:center;color:#fff;font-size:30px;font-weight:800;line-height:1;background:linear-gradient(180deg,var(--color-primary-hover) 0%,var(--color-primary) 100%);border:1px solid rgba(255,255,255,.78);border-radius:14px;box-shadow:0 12px 28px #0a3d622e}.login-brand h1,.login-card h2,.login-brand p,.login-card p{margin:0}.login-brand h1{color:var(--color-primary);font-size:30px;font-weight:800;line-height:1.25}.login-brand p{margin-top:12px;color:var(--color-text-secondary);font-size:17px;font-weight:500}.login-visual{position:relative;width:min(560px,100%);height:390px;margin-left:24px;overflow:visible}.login-visual:before{position:absolute;top:28px;right:22px;bottom:36px;left:0;content:"";background:linear-gradient(90deg,rgba(10,61,98,.06) 1px,transparent 1px),linear-gradient(rgba(10,61,98,.06) 1px,transparent 1px);background-size:42px 42px;border-radius:18px}.login-visual:after{position:absolute;right:42px;bottom:28px;width:360px;height:88px;content:"";background:#0a3d6214;border-radius:50%;filter:blur(18px)}.login-visual-dashboard{position:absolute;z-index:1;top:42px;left:64px;width:360px;min-height:248px;padding:24px;overflow:hidden;background:linear-gradient(180deg,#fffffff5,#f8fafceb),linear-gradient(135deg,rgba(10,61,98,.1),transparent 44%);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 24px 50px #0a3d6224,inset 0 1px #fffc;transform:perspective(880px) rotateY(-10deg) rotateX(3deg)}.login-visual-dashboard:before{position:absolute;inset:0 0 auto;height:5px;content:"";background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover))}.login-visual-heading{display:flex;align-items:center;gap:8px;color:var(--color-primary);font-size:15px;font-weight:700}.login-visual-summary{display:flex;align-items:baseline;justify-content:space-between;margin-top:22px;padding:14px 16px;background:#f3f7fb;border:1px solid #E1EAF2;border-radius:10px}.login-visual-summary span{color:var(--color-text-secondary);font-size:13px}.login-visual-summary strong{color:var(--color-primary);font-size:28px;line-height:1}.login-visual-chart{display:grid;height:88px;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end;margin-top:20px;padding:14px;background:#fff;border:1px solid #E6ECF2;border-radius:10px}.login-visual-chart span{display:block;width:100%;background:linear-gradient(180deg,#8EAEC8 0%,var(--color-primary) 100%);border-radius:5px 5px 2px 2px}.login-visual-chart span:nth-child(1){height:38%}.login-visual-chart span:nth-child(2){height:62%}.login-visual-chart span:nth-child(3){height:48%}.login-visual-chart span:nth-child(4){height:76%}.login-visual-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.login-visual-metrics span{display:grid;min-height:40px;place-items:center;color:#475569;font-size:12px;background:#f8fafc;border:1px solid #E6ECF2;border-radius:8px}.login-visual-shield{position:absolute;z-index:3;right:72px;bottom:78px;display:grid;width:84px;height:94px;place-items:center;color:#fff;font-size:34px;background:linear-gradient(160deg,#1a497ff5,#0a3d62f5),var(--color-primary);border:6px solid rgba(232,237,243,.92);border-radius:28px 28px 36px 36px;box-shadow:0 18px 34px #0a3d622e,inset 0 12px 26px #fff3}.login-card{width:100%;padding:56px 44px 40px;background:#fff;border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--card-shadow)}.login-card h2{color:var(--color-primary);font-size:28px;font-weight:700;line-height:1.2}.login-card-subtitle{margin-top:12px!important;margin-bottom:38px!important;color:var(--color-text-secondary);font-size:16px}.login-card .ant-form-item{margin-bottom:28px}.login-card .ant-form-item-label{padding-bottom:10px}.login-card .ant-form-item-label>label{height:auto;color:#1f2937;font-size:15px;font-weight:600}.login-card .ant-input-affix-wrapper{height:46px;padding:0 14px;background:#fff;border-color:#c8d3df;border-radius:8px;box-shadow:0 1px 2px #10182808}.login-card .ant-input-affix-wrapper:hover,.login-card .ant-input-affix-wrapper-focused{border-color:var(--color-primary);box-shadow:0 0 0 3px #0a3d621f}.login-card .ant-input-prefix{margin-right:10px;color:#667085}.login-account-hint{margin-top:-12px!important;margin-bottom:26px!important;color:#667085;font-size:14px}.login-submit{height:46px;font-size:16px;font-weight:600;background:linear-gradient(180deg,var(--color-primary-hover) 0%,var(--color-primary) 100%);border:0;border-radius:8px;box-shadow:0 10px 22px #0a3d6233}.login-submit:hover,.login-submit:focus-visible{background:linear-gradient(180deg,#245B91 0%,var(--color-primary-hover) 100%)!important}.login-browser-tip{margin-top:32px!important;color:#8a95a6;font-size:14px;text-align:center}.login-icp-footer{position:absolute;right:0;bottom:24px;left:0;z-index:1;margin:0;color:#8a95a6;font-size:13px;text-align:center}.login-icp-footer a{color:inherit;text-decoration:none}.login-icp-footer a:hover{color:var(--color-primary)}.form-column{width:250px}.supervision-config-panel{display:flex;width:100%;flex-direction:column;gap:16px}.supervision-config-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;background:linear-gradient(135deg,#f8fbff,#eef6ff);border:1px solid #dbeafe;border-radius:12px}.supervision-config-toolbar h3,.supervision-config-toolbar p{margin:0}.supervision-config-toolbar h3{color:#111827;font-size:16px;font-weight:600}.supervision-config-toolbar p{margin-top:4px;color:var(--color-text-secondary);font-size:13px}.supervision-config-fields{display:flex;width:100%;flex-direction:column;gap:16px}.config-section-card{padding:18px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0f172a0a}.config-section-header{margin-bottom:18px}.config-section-header .ant-typography{margin:0}.config-section-header .ant-typography+.ant-typography{display:block;margin-top:6px;font-size:13px}.config-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.config-form-column{min-width:0}.config-form-column .ant-form-item:last-child{margin-bottom:0}.config-channel-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.config-channel-row{display:flex;align-items:flex-end;gap:12px;min-width:0;padding:12px;background:#f9fafb;border:1px solid #eef2f7;border-radius:10px}.config-channel-field.ant-form-item{flex:1;min-width:0;margin-bottom:0}.config-channel-meta{display:flex;flex-shrink:0;align-items:center;min-height:32px;gap:8px}@media(max-width:960px){.login-page{padding:32px 20px}.login-shell{max-width:520px;grid-template-columns:1fr;gap:28px}.login-brand{margin-bottom:28px}.login-brand h1{font-size:24px}.login-brand p{font-size:15px}.login-visual{display:none}.login-card{padding:38px 28px 32px}.supervision-config-toolbar{align-items:flex-start;flex-direction:column}.config-form-grid,.config-channel-list{grid-template-columns:1fr}.config-channel-row{align-items:stretch;flex-direction:column}}