:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2937;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility;--primary: #1677ff;--primary-soft: #eaf3ff;--text: #1f2937;--muted: #7b8494;--line: #e9edf3;--surface: #ffffff;--canvas: #f5f7fb;--shadow: 0 8px 28px rgba(31, 42, 68, .06)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:var(--canvas)}button,input,select{font:inherit}.app-shell{min-height:100vh;background:var(--canvas)}.app-sider{position:sticky!important;top:0;height:100vh;background:#fff!important;border-right:1px solid var(--line);box-shadow:3px 0 18px #1f2a4406;z-index:10}.brand{height:64px;padding:0 20px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none;overflow:hidden;white-space:nowrap}.brand-mark{width:30px;height:30px;flex:0 0 30px;display:block}.brand-text{display:flex;flex-direction:column;gap:1px;min-width:0}.brand-title{font-size:15px;font-weight:700;letter-spacing:.2px;line-height:1.2}.brand-subtitle{font-size:11px;font-weight:500;color:var(--text-weak, #8c93a4);line-height:1.2}.app-menu{margin-top:14px;padding:0 10px;border-inline-end:0!important}.app-menu .ant-menu-item{height:44px;line-height:44px;margin-block:4px;border-radius:9px}.app-menu .ant-menu-item-selected{font-weight:600}.app-topbar{height:64px!important;line-height:normal!important;padding:0 24px!important;display:flex;align-items:center;justify-content:space-between;background:#fffffff0!important;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:9}.topbar-title{font-size:15px;font-weight:650;color:var(--text)}.user-trigger{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 9px;border-radius:9px}.user-trigger:hover{background:#f4f7fb}.user-meta{display:flex;flex-direction:column;gap:1px}.user-name{font-size:13px;font-weight:600;color:var(--text)}.user-role{font-size:11px;color:var(--muted)}.app-content{padding:22px 24px 30px!important;background:var(--canvas);min-width:0}.page-container{width:100%;max-width:1540px;margin:0 auto}.page-container.narrow{max-width:1240px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.page-title{margin:0!important;font-size:23px!important;letter-spacing:-.2px}.page-description{color:var(--muted);display:block;margin-top:4px;font-size:13px}.surface-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.filter-card{padding:18px 20px;margin-bottom:16px}.filter-grid{display:grid;grid-template-columns:minmax(240px,1.4fr) auto minmax(150px,.7fr) minmax(220px,1fr);gap:16px 20px;align-items:end}.filter-field{min-width:0}.filter-label{display:block;margin-bottom:7px;color:#596273;font-size:12px;font-weight:600}.filter-actions{display:flex;justify-content:flex-end;align-items:end;gap:10px}.table-card{overflow:hidden}.table-toolbar{min-height:58px;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.table-card .ant-table-wrapper .ant-table{border-radius:0}.table-card .ant-table-thead>tr>th{background:#fafbfc;color:#5b6575;font-size:12px;font-weight:650}.table-card .ant-table-tbody>tr>td{padding-top:13px;padding-bottom:13px}.drama-info-link{display:flex;gap:12px;align-items:center;cursor:pointer;border-radius:8px;outline:none}.drama-info-link:focus-visible{box-shadow:0 0 0 2px #1677ff40}.drama-info-title{font-weight:650;line-height:1.35;margin-bottom:4px;transition:color .18s ease}.drama-info-link:hover .drama-info-title,.drama-info-link:focus-visible .drama-info-title{color:#1677ff}.drama-cover{width:54px;height:70px;border-radius:7px;overflow:hidden;background:linear-gradient(145deg,#edf2f9,#f8fafc);flex:0 0 auto;box-shadow:inset 0 0 0 1px #0000000a}.drama-cover .ant-image{display:block;width:100%;height:100%}.drama-cover img,.drama-cover .ant-image-img{width:100%;height:100%;object-fit:cover}.drama-cover-placeholder{height:100%;display:grid;place-items:center;color:#90a0b5;font-size:20px;font-weight:700}.summary-strip{padding:16px 20px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:20px}.summary-main{min-width:0}.summary-metrics{display:flex;align-items:stretch;gap:0;flex:0 0 auto}.summary-metric{min-width:112px;padding:0 22px;text-align:center;border-left:1px solid var(--line)}.summary-metric-value{font-size:20px;line-height:1.2;font-weight:750;color:#182234}.summary-metric-label{margin-top:4px;font-size:11px;color:var(--muted)}.workbench{--sidebar-width: 224px;display:grid;grid-template-columns:var(--sidebar-width) minmax(420px,1fr) 288px;gap:14px;min-height:620px}.work-panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);min-width:0}.work-sidebar{position:relative;padding:0;overflow:visible;max-height:calc(100vh - 205px)}.work-sidebar-scroll{height:100%;max-height:inherit;padding:16px 14px;overflow:auto;border-radius:inherit}.sidebar-resize-handle{position:absolute;top:0;right:-7px;bottom:0;z-index:5;width:14px;cursor:col-resize;touch-action:none;outline:none}.sidebar-resize-handle:after{content:"";position:absolute;top:50%;left:50%;width:3px;height:46px;border-radius:3px;background:#c7d2e2;opacity:0;transform:translate(-50%,-50%);transition:opacity .16s ease,background .16s ease,box-shadow .16s ease}.sidebar-resize-handle:hover:after,.sidebar-resize-handle:focus-visible:after,.is-sidebar-resizing .sidebar-resize-handle:after{opacity:1;background:var(--primary);box-shadow:0 0 0 3px #1677ff1f}body.is-resizing-sidebar,body.is-resizing-sidebar *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}.panel-title{font-size:13px;font-weight:700;color:#293345}.episode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:7px}.episode-button{aspect-ratio:1;min-width:30px;border:1px solid var(--line);border-radius:7px;background:#f8fafc;color:#526072;font-size:12px;cursor:pointer;transition:.18s ease}.episode-button:hover{color:var(--primary);border-color:#91caff;background:#f0f7ff}.episode-button.active{color:#fff;border-color:var(--primary);background:var(--primary);box-shadow:0 5px 12px #1677ff33}.episode-button.locked{opacity:.4;cursor:not-allowed;background:#f0f0f0;color:#bfbfbf;border-color:#e8e8e8}.material-list{display:flex;flex-direction:column;gap:4px}.material-row{min-height:38px;padding:8px 9px;display:flex;justify-content:space-between;align-items:center;gap:7px;border:1px solid transparent;border-radius:7px;cursor:pointer;transition:.18s ease}.material-row:hover{background:#f7f9fc}.material-row.active{color:#0958d9;background:#eaf3ff;border-color:#b8d8ff}.material-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550}.player-panel{padding:15px}.player-stage{min-height:430px;display:grid;place-items:center;padding:14px;border-radius:9px;background:#07090d;overflow:hidden}.video-shell{position:relative;width:100%;background:#05070a;border-radius:8px;overflow:hidden;box-shadow:0 12px 30px #0000003d}.video-shell video{width:100%;max-height:520px;display:block;object-fit:contain;background:#000}.video-shell video::-webkit-media-controls-fullscreen-button{display:none}.video-shell:fullscreen,.video-shell-expanded{width:100vw;height:100vh;max-width:none;border-radius:0;background:#000}.video-shell-expanded{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.video-shell:fullscreen video,.video-shell-expanded video{width:100%;height:100%;max-height:none;object-fit:contain}.video-watermark{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;display:grid;place-items:center;color:#ffffff24;font-size:14px;font-weight:600;letter-spacing:2px;transform:rotate(-18deg);-webkit-user-select:none;user-select:none}.video-fullscreen-button{position:absolute;top:12px;right:12px;z-index:4;width:36px;height:36px;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:7px;color:#fff;background:#00000094;font-size:22px;line-height:1;cursor:pointer}.video-fullscreen-button:hover{background:#000000c7}.player-empty{color:#667085;text-align:center}.player-empty-icon{width:54px;height:54px;margin:0 auto 12px;display:grid;place-items:center;border-radius:50%;color:#8b96a8;background:#171c24;font-size:20px}.detail-panel{padding:16px;max-height:calc(100vh - 205px);overflow-y:auto}.detail-row{display:grid;grid-template-columns:78px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid #f0f2f5;font-size:12px}.detail-label{color:var(--muted)}.detail-value{color:#2f3949;font-weight:550;text-align:right;word-break:break-all}.sync-banner{padding:18px 20px;margin-bottom:14px;background:linear-gradient(105deg,#f7faff,#f3f8ff 55%,#f9f7ff);border-color:#dce9ff}.sync-banner-head{display:flex;align-items:center;gap:7px;margin-bottom:14px;font-size:13px;font-weight:700}.sync-overview{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:24px}.sync-status{display:flex;align-items:center;gap:12px}.sync-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;font-size:18px}.sync-rule-card{margin-bottom:14px;overflow:hidden}.sync-rule-head{padding:15px 18px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line)}.sync-rule-body{display:grid;grid-template-columns:145px 1fr;min-height:180px}.sync-source{padding:20px 18px;border-right:1px solid var(--line);background:#fbfcfe}.sync-settings{padding:20px}.setting-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px;margin-bottom:20px}.setting-item{display:flex;align-items:center;gap:10px}.setting-label{min-width:64px;color:#677184;font-size:12px}.rule-note{padding:10px 12px;margin-top:10px;border-radius:7px;color:#46648a;background:#f0f6ff;font-size:12px}.rule-note.purple{color:#62517f;background:#f7f3ff}.sync-progress-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:26px;padding:20px;margin-bottom:14px}.progress-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.progress-metric{padding:14px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:12px}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1.15fr) minmax(360px,.85fr);background:#fff}.login-visual{position:relative;overflow:hidden;padding:64px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(circle at 15% 15%,rgba(76,160,255,.55),transparent 33%),linear-gradient(145deg,#0d5be7,#1677ff 48%,#42a5ff)}.login-visual:after{content:"";position:absolute;width:520px;height:520px;right:-180px;bottom:-190px;border:1px solid rgba(255,255,255,.22);border-radius:50%;box-shadow:0 0 0 70px #ffffff0d,0 0 0 140px #ffffff09}.login-brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:750;position:relative;z-index:1}.login-copy{max-width:520px;position:relative;z-index:1}.login-copy h1{margin:0 0 16px;font-size:clamp(34px,4vw,54px);line-height:1.12;letter-spacing:-1px}.login-copy p{margin:0;color:#ffffffc7;font-size:16px;line-height:1.8}.login-form-side{display:grid;place-items:center;padding:32px}.login-card{width:min(390px,100%)}.login-card-icon{width:48px;height:48px;margin-bottom:22px;display:grid;place-items:center;border-radius:13px;background:#f2f6ff;box-shadow:0 10px 22px #1677ff2e}.login-button{height:48px!important;margin-top:24px;border-radius:9px!important;font-weight:650;box-shadow:0 8px 18px #1677ff33}.callback-page{min-height:100vh;display:grid;place-items:center;background:var(--canvas)}.callback-card{width:min(380px,calc(100% - 32px));padding:36px;text-align:center}.ant-card{border-color:var(--line);box-shadow:var(--shadow)}.ant-btn{box-shadow:none}.ant-btn-primary{box-shadow:0 4px 10px #1677ff24}.ant-pagination{padding-inline:18px}.ant-tag{border-radius:5px}@media(max-width:1180px){.filter-grid{grid-template-columns:1fr 1fr}.workbench{grid-template-columns:var(--sidebar-width, 224px) minmax(390px,1fr)}.detail-panel{grid-column:1 / -1;max-height:none}.sync-rule-body{grid-template-columns:125px 1fr}}@media(max-width:820px){.app-content{padding:16px!important}.app-topbar{padding:0 16px!important}.user-meta{display:none}.page-header,.summary-strip,.sync-overview{align-items:flex-start;flex-direction:column}.filter-grid{grid-template-columns:1fr}.filter-actions{justify-content:flex-start}.summary-strip{display:flex}.summary-metrics{width:100%;overflow-x:auto}.summary-metric{flex:1;min-width:96px;padding:0 12px}.workbench{grid-template-columns:1fr}.work-sidebar{max-height:none}.work-sidebar-scroll{max-height:none;overflow:visible}.sidebar-resize-handle{display:none}.episode-grid{grid-template-columns:repeat(8,1fr)}.sync-rule-body{grid-template-columns:1fr}.sync-source{border-right:0;border-bottom:1px solid var(--line)}.sync-progress-hero,.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-form-side{min-height:100vh}}@media(max-width:560px){.app-content{padding:12px!important}.page-title{font-size:20px!important}.filter-card{padding:15px}.episode-grid{grid-template-columns:repeat(6,1fr)}.progress-metrics{grid-template-columns:1fr}.setting-row{align-items:flex-start;flex-direction:column;gap:12px}}.material-row-main{display:flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0;overflow:hidden}.material-row-main .material-name{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.case-filter-grid{grid-template-columns:minmax(170px,1fr) minmax(150px,1fr) minmax(130px,.9fr) auto minmax(230px,1.1fr)}.case-filter-grid .filter-actions{grid-column:1 / -1}.library-filter-grid{grid-template-columns:minmax(220px,360px) 1fr}.table-full-text{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drama-info-title{max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-title-ellipsis{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-pip-button{position:absolute;top:12px;right:56px;z-index:4;width:36px;height:36px;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:7px;color:#fff;background:#00000094;font-size:20px;line-height:1;cursor:pointer}.video-pip-button:hover,.video-pip-button.active{background:#1677ffe0}@media(max-width:1180px){.case-filter-grid{grid-template-columns:1fr 1fr}}@media(max-width:820px){.case-filter-grid,.library-filter-grid{grid-template-columns:1fr}}.tracking-summary-row>td{background:#f0f6ff!important;font-weight:700;border-bottom-color:#cfe0ff!important}.tracking-summary-row:hover>td{background:#e7f1ff!important}.library-page{max-width:1180px;padding:2px 0 20px}.library-page-head h1{margin:0;color:#1e2230;font-size:22px;line-height:1.35}.library-page-head p{margin:6px 0 18px;color:#9aa0b0;font-size:13px}.library-tabs{display:flex;align-items:center;gap:8px;margin-bottom:16px}.library-tabs>button:not(.library-clear){min-width:92px;padding:8px 18px;border:1px solid #e4e7ee;border-radius:8px;color:#7a8194;background:#fff;font-weight:650;cursor:pointer;transition:.18s ease}.library-tabs>button:not(.library-clear):hover{color:var(--primary);border-color:#91caff}.library-tabs>button.active:not(.library-clear){color:#fff;border-color:var(--primary);background:var(--primary);box-shadow:0 5px 14px #1677ff2e}.library-clear{margin-left:auto;color:#8c93a4!important}.library-clear:hover{color:#ff5b7f!important}.library-loading{min-height:280px;display:grid;place-items:center}.library-empty{padding:86px 0;background:#fff;border:1px solid var(--line);border-radius:12px}.history-day-group{margin-bottom:18px}.history-day-label{display:flex;align-items:center;gap:8px;margin:8px 0 10px;color:#6b7385;font-size:12px;font-weight:650}.history-day-label i{width:7px;height:7px;border-radius:50%;background:var(--primary)}.history-day-label span{color:#a0a6b5;font-weight:400}.library-list-row{display:flex;align-items:center;gap:14px;min-height:78px;margin-bottom:11px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 4px 15px #1f2a4406;transition:border-color .18s ease,box-shadow .18s ease}.library-list-row:hover{border-color:#d7e4ff;box-shadow:0 7px 20px #1f2a440e}.library-list-row.clickable{cursor:pointer;outline:none}.library-list-row.clickable:focus-visible{border-color:#91caff;box-shadow:0 0 0 3px #1677ff29,0 7px 20px #1f2a440e}.library-list-row.clickable:active{transform:translateY(1px)}.library-thumb{width:48px;height:58px;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;border-radius:7px;color:#9aa3b4;background:#e7ebf2;font-size:20px}.library-thumb.material{width:62px;height:42px;color:#fff;background:#151922}.library-thumb .ant-image,.library-thumb img{width:100%;height:100%;object-fit:cover}.library-row-info{flex:1 1 auto;min-width:0}.library-row-info b{display:block;overflow:hidden;color:#1e2230;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.library-row-info .meta{margin-top:4px;overflow:hidden;color:#9aa0b0;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.library-row-info .progress-text{margin-top:4px;color:var(--primary);font-size:12px}.library-row-aside{flex:0 0 auto;min-width:90px;text-align:right}.library-row-aside .time{color:#9aa0b0;font-size:11px}.open-link{margin-top:7px;padding:0;border:0;color:var(--primary);background:none;font-size:12px;font-weight:650;cursor:pointer}.open-link:hover{color:#4096ff}.favorite-aside{display:flex;flex-direction:column;align-items:flex-end}.favorite-aside .ant-btn{color:#ff5b7f}.library-row-delete{flex:0 0 auto;color:#c8ccd6!important}.library-row-delete:hover{color:#ff5b7f!important;background:#fff1f3!important}.library-pagination{display:flex;justify-content:flex-end;margin-top:18px}.library-privacy-note{display:block;margin-top:18px;text-align:center;font-size:11px}.material-row-actions{display:flex;align-items:center;gap:2px;flex:0 0 auto}.material-row-actions .ant-btn{width:24px;height:24px;padding:0;color:#a9b0bd}.material-row-actions .ant-btn-dangerous{color:#ff5b7f}@media(max-width:640px){.library-page-head h1{font-size:19px}.library-list-row{align-items:flex-start;gap:10px}.library-thumb{width:42px;height:52px}.library-thumb.material{width:52px;height:36px}.library-row-aside{min-width:72px}.library-row-delete{margin-top:-6px}.library-tabs{flex-wrap:wrap}.library-clear{margin-left:0}}.episode-button.trace-hit{color:#0958d9;border-color:#91caff;background:#e6f4ff}.episode-button.trace-hit:hover{color:#0958d9;border-color:#69b1ff;background:#bae0ff}.episode-button.trace-hit.active{color:#fff;border-color:var(--primary);background:var(--primary);box-shadow:0 5px 12px #1677ff33}.episode-trace-panel{margin-top:22px}.episode-trace-materials{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.episode-trace-material{display:flex;flex-direction:column;align-items:flex-start;max-width:100%}.episode-trace-material .ant-btn{justify-content:flex-start;max-width:100%;padding-inline:0;overflow:hidden;text-overflow:ellipsis}.episode-trace-time{color:#1677ff!important;font-size:11px;font-weight:600}.episode-trace-range{font-size:11px}