*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#f0f2f5;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:13px}a{color:inherit}.page-container{width:100%;margin:0 auto;padding:20px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.page-heading h2{margin:0 0 3px;font-size:20px;line-height:1.35}.page-heading .ant-typography-secondary{font-size:12px}.operations-shell{min-height:100vh;background:#f0f2f5}.operations-sider{position:sticky!important;top:0;height:100vh;overflow:hidden auto;background:#1e1e2d!important}.operations-brand{display:flex;align-items:center;gap:9px;height:50px;padding:0 14px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;white-space:nowrap}.operations-brand .anticon{flex:0 0 auto;font-size:26px}.operations-brand strong{font-size:15px}.operations-sider .ant-menu{padding-top:10px;background:#1e1e2d!important}.operations-sider .ant-menu-item{min-height:38px;margin-block:2px;margin-inline:8px;padding-left:12px!important;border-radius:6px;color:#ffffff9e;font-size:13px}.operations-sider .ant-menu-item:hover{color:#ffffffeb!important}.operations-sider .ant-menu-item-selected{background:#4f6ef738!important;color:#fff}.operations-sider .ant-menu-item-selected:before{position:absolute;inset:4px auto 4px -8px;width:3px;border-radius:0 3px 3px 0;background:#4f6ef7;content:""}.operations-sider.ant-layout-sider-collapsed .operations-brand{justify-content:center;padding-inline:0}.operations-sider.ant-layout-sider-collapsed .operations-brand strong{display:none}.operations-main{min-width:0}.operations-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 20px;border-bottom:1px solid #e5e7eb;background:#fff;line-height:normal}.operations-content{min-width:0;background:#f0f2f5}.header-page-title{color:#1f2937;font-size:15px;font-weight:600}.operations-user-name{color:#374151;font-size:12px;font-weight:500}.login-page{position:relative;display:grid;place-items:center;min-height:100vh;overflow:hidden;padding:24px;background:#20233d}.login-watermark{position:absolute;inset:0;display:grid;place-items:center;color:#ffffff09;font-size:clamp(48px,9vw,140px);font-weight:800;letter-spacing:.16em;transform:rotate(-18deg);-webkit-user-select:none;user-select:none;pointer-events:none}.login-card{position:relative;width:min(100%,498px);padding:30px 36px 22px;border-radius:16px;box-shadow:0 24px 72px #060a204d;text-align:center}.login-card h2{margin:12px 0 4px;color:#17233d}.login-card>.ant-typography{margin-bottom:22px}.login-card form{text-align:left}.login-card .ant-form-item{margin-bottom:18px}.login-card .ant-input-affix-wrapper,.login-card .ant-select-selector{min-height:46px}.country-code-select{width:88px}.country-code-select .ant-select-selector{border-radius:6px 0 0 6px!important}.login-card .ant-input-affix-wrapper{border-radius:0 6px 6px 0}.login-card .ant-btn-primary{height:48px;margin-top:4px;border-radius:7px;font-weight:600}.login-logo{display:inline-grid;place-items:center;width:50px;height:50px;border:4px solid #4f6ef7;border-radius:10px;color:#4f6ef7;font-size:28px}.login-hint{margin:17px 0 0!important;font-size:12px}.menu-header{display:inline-flex;align-items:center;gap:10px;padding-left:4px;color:#fff;font-size:16px}.menu-header .anticon{font-size:25px}.header-brand{display:inline-flex;align-items:center;gap:9px}.header-brand .anticon{color:#4f6ef7;font-size:20px}.avatar-button{height:auto;padding:0 4px}.dashboard-page{max-width:none}.dashboard-tabs>.ant-tabs-nav{margin-bottom:20px}.dashboard-tabs>.ant-tabs-content-holder{min-height:480px}.dashboard-stat-row{margin-bottom:16px}.dashboard-stat-card,.dashboard-panel{border:1px solid #e8ebf0;box-shadow:none}.dashboard-stat-card .ant-statistic-title{color:#7a8496;font-size:13px}.dashboard-stat-card .ant-statistic-content{color:#16233d;font-size:30px;font-weight:700}.dashboard-change{display:inline-block;margin-top:8px;font-size:13px}.dashboard-change-up{color:#16b88a}.dashboard-change-down{color:#ef6670}.dashboard-panel .ant-card-head{min-height:50px;padding:0 16px;border-bottom-color:#edf0f4}.dashboard-panel .ant-card-head-title{font-size:15px}.dashboard-panel .ant-card-body{padding:16px}.dashboard-bars{display:flex;align-items:stretch;gap:11px;height:176px;padding-top:15px}.dashboard-bar-item{position:relative;display:flex;min-width:0;flex:1;flex-direction:column;align-items:center;gap:7px}.dashboard-bar-value{color:#24314c;font-size:11px;white-space:nowrap}.dashboard-bar-track{display:flex;width:100%;flex:1;align-items:end;justify-content:center}.dashboard-bar-fill{width:min(34px,70%);height:var(--bar-height);min-height:8px;border-radius:4px 4px 0 0;background:var(--bar-color)}.dashboard-bar-item:last-child .dashboard-bar-fill{background:#4f6ef7}.dashboard-bar-current{position:absolute;bottom:23px;width:6px;height:6px;border-radius:50%;background:#4f6ef7}.revenue-content{display:flex;align-items:center;justify-content:center;gap:20px;min-height:176px}.revenue-donut{display:grid;place-items:center;width:142px;height:142px;border-radius:50%}.revenue-donut-hole{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:#fff}.revenue-donut-hole strong{color:#17233d;font-size:18px}.revenue-donut-hole span{color:#8a93a2;font-size:11px}.revenue-legend{display:grid;gap:10px;min-width:140px}.revenue-legend-item{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:7px;color:#687386;font-size:12px}.revenue-legend-item strong{color:#354058}.revenue-legend-dot{width:8px;height:8px;border-radius:2px}.dashboard-bottom-row{margin-top:16px}.dashboard-table-panel .ant-card-body{padding:0 16px 10px}.dashboard-table-panel .ant-table-thead>tr>th{color:#6f7b8e;font-size:12px;font-weight:500}.dashboard-table-panel .ant-table-tbody>tr>td{white-space:nowrap}.activity-panel .ant-card-body{padding:2px 16px}.activity-panel .ant-list-item{padding:11px 0}.activity-dot{display:inline-block;width:7px;height:7px;margin-top:6px;border-radius:50%}.activity-panel .ant-typography{font-size:12px}.dashboard-placeholder{min-height:360px;display:grid;place-items:center;border:1px solid #e8ebf0}.content-page{max-width:none}.content-card,.article-editor-card{border:1px solid #e5e7eb;border-radius:8px;box-shadow:none}.content-card>.ant-card-body{padding:16px}.content-toolbar{width:100%;margin-bottom:16px}.content-card .ant-tabs-nav{margin-bottom:16px}.content-card .ant-table-wrapper{margin-inline:-16px}.content-card .ant-table-thead>tr>th{color:#6b7280;font-size:12px;font-weight:600;white-space:nowrap}.content-card .ant-table-tbody>tr>td{font-size:12px}.content-card .ant-table-pagination{margin-inline:16px}.content-card .ant-btn-link{padding-inline:4px}.cover-placeholder{display:grid;place-items:center;width:36px;height:48px;border-radius:4px;background:#edf0ff;color:#4f6ef7}.content-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.content-form-wide{grid-column:1 / -1}.category-layout{display:flex;align-items:stretch;gap:16px}.category-rail{flex:0 0 auto;width:220px;padding:12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.category-rail-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.category-rail-head .ant-btn-link{padding-inline:0}.category-rail-list{display:flex;flex-direction:column;gap:2px;min-height:120px;max-height:60vh;overflow-y:auto}.category-rail-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:6px;cursor:pointer;transition:background .15s}.category-rail-item:hover{background:#00000008}.category-rail-item.is-active{background:#4f6ef714}.category-rail-item.is-active .ant-typography{color:#4f6ef7}.category-rail-foot{margin-top:8px;padding-top:8px;border-top:1px solid #f0f2f5}.category-main{flex:1;min-width:0;padding:16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.category-main .ant-table-wrapper{margin-inline:-16px}.category-main .ant-table-thead>tr>th{color:#6b7280;font-size:12px;font-weight:600;white-space:nowrap}.category-main .ant-table-tbody>tr>td{font-size:12px}.category-main .ant-table-pagination{margin-inline:16px}.category-main .ant-btn-link{padding-inline:4px}.series-empty-locale{display:grid;place-items:center;gap:12px;padding:48px 16px;border:1px dashed #d9dde5;border-radius:8px}.article-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.subtitle-manager{display:flex;gap:0;max-height:72vh}.subtitle-lang-rail{flex:0 0 auto;width:150px;overflow-y:auto;border-right:1px solid #edf0f4;padding:12px 0}.subtitle-lang-item{display:flex;align-items:center;gap:8px;padding:10px 14px;border-left:3px solid transparent;font-size:12px;cursor:pointer;transition:background .15s}.subtitle-lang-item:hover{background:#00000005}.subtitle-lang-item.is-active{background:#4f6ef70f;border-left-color:#4f6ef7;font-weight:600}.subtitle-lang-symbol{width:14px;font-size:13px;text-align:center}.subtitle-lang-status{font-size:10px;font-weight:400}.subtitle-lang-symbol.is-approved,.subtitle-lang-status.is-approved{color:#16b88a}.subtitle-lang-symbol.is-pending,.subtitle-lang-status.is-pending{color:#f59e0b}.subtitle-lang-symbol.is-none,.subtitle-lang-status.is-none{color:#8a93a2}.subtitle-content{flex:1;min-width:0;overflow-y:auto;padding:16px}.subtitle-empty{padding:40px 20px;text-align:center}.subtitle-empty-icon{margin-bottom:12px;color:#d9dde5;font-size:36px}.subtitle-empty-title{margin-bottom:4px;font-size:14px;font-weight:600}.subtitle-empty-hint{margin-bottom:20px;color:#8a93a2;font-size:12px}.subtitle-dropzone{max-width:320px;margin:0 auto;padding:24px 16px;border:2px dashed #d9dde5;border-radius:8px;color:#6f7b8e;font-size:12px;cursor:pointer;transition:border-color .15s,color .15s}.subtitle-dropzone:hover{border-color:#4f6ef7;color:#4f6ef7}.subtitle-dropzone-icon{display:block;margin-bottom:6px;font-size:26px}.subtitle-loading{display:grid;place-items:center;gap:14px;padding:72px 20px}.subtitle-loading-text{color:#6f7b8e;font-size:13px}.subtitle-content-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:13px;font-weight:600}.subtitle-video{position:relative;display:grid;place-items:center;aspect-ratio:16 / 9;max-height:180px;margin-bottom:12px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.subtitle-video-play{color:#fff9;font-size:40px}.subtitle-overlay{position:absolute;bottom:10%;left:50%;max-width:90%;padding:3px 12px;border-radius:4px;background:#000000b3;color:#fff;font-size:13px;transform:translate(-50%)}.subtitle-cue-list{max-height:280px;margin-bottom:12px;overflow-y:auto;border:1px solid #edf0f4;border-radius:8px}.subtitle-cue-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid #f3f4f6;font-size:12px}.subtitle-cue-row:last-child{border-bottom:0}.subtitle-cue-time{flex:0 0 auto;min-width:80px;color:#8a93a2;font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.subtitle-cue-text{flex:1;min-width:0}.subtitle-actions{display:flex;justify-content:flex-end;gap:8px}.phone-preview{display:grid;place-items:center;padding:20px;background:#f0f2f5}.phone-preview iframe{width:360px;height:640px;max-width:100%;border:12px solid #1f2430;border-radius:28px;background:#fff}.rich-text-editor{border:1px solid #d9dde5;border-radius:6px;background:#fff}.rich-text-editor:focus-within{border-color:#4f6ef7;box-shadow:0 0 0 2px #4f6ef71a}.rich-text-editor-disabled{background:#f5f6f8;color:#a8b0bd}.rich-text-toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;padding:4px 8px;background:#fff;border-bottom:1px solid #edf0f4;border-radius:6px 6px 0 0}.rich-text-toolbar .ant-btn{color:#4b5563}.rich-text-toolbar .ant-btn.is-active{background:#edf0ff;color:#4f6ef7}.rich-text-surface{padding:14px 16px;outline:none;line-height:1.7}.rich-text-surface>*:first-child{margin-top:0}.rich-text-surface h1{font-size:22px}.rich-text-surface h2{font-size:18px}.rich-text-surface h3{font-size:16px}.rich-text-surface p.is-editor-empty:first-child:before{float:left;height:0;color:#bfbfbf;pointer-events:none;content:attr(data-placeholder)}.rich-text-surface img{max-width:100%}.rich-text-surface a{color:#4f6ef7}.rich-text-hint{display:block;padding:0 16px 10px;font-size:12px}.locale-name-cell{display:flex;align-items:center;gap:8px}.locale-code{font-family:SFMono-Regular,Consolas,monospace;color:#6f7b8e}@media(max-width:900px){.page-container{padding:16px 14px 28px}.page-heading{align-items:flex-start}.revenue-content{justify-content:flex-start}.content-form-grid,.article-form-grid{grid-template-columns:1fr}.content-form-wide{grid-column:auto}.subtitle-manager{flex-direction:column;max-height:none}.subtitle-lang-rail{width:100%;border-right:0;border-bottom:1px solid #edf0f4}.category-layout{flex-direction:column}.category-rail{width:100%}.category-rail-list{max-height:240px}.article-form-grid .ant-form-item{margin-bottom:12px}}@media(max-width:560px){.login-card{padding:25px 20px 18px}.dashboard-stat-card .ant-statistic-content{font-size:26px}.revenue-content{flex-direction:column}.revenue-legend{width:100%}}.role-menu-tree{max-height:310px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;background:#fff}.role-editor-modal .ant-modal-body{padding:0}.role-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);height:min(540px,calc(100vh - 210px));min-height:420px}.role-editor-pane{min-width:0;overflow-y:auto;padding:20px}.role-editor-main{border-right:1px solid #e5e7eb;background:#fff}.role-permission-panel{background:#f9fafb}.role-editor-section-title{margin-bottom:14px;color:#1f2937;font-size:14px;font-weight:600}.role-menu-title{margin-top:4px;margin-bottom:4px}.role-editor-hint{margin:0 0 10px!important;font-size:12px}.role-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.role-permission-scroll{padding-right:3px}.role-permission-panel .ant-collapse{border-color:#e5e7eb;background:#fff}.role-permission-panel .ant-collapse-header{align-items:center!important}.role-permission-options{display:flex;flex-direction:column;gap:7px;width:100%}.role-permission-options .ant-checkbox-wrapper{align-items:flex-start;margin-inline-start:0;color:#4b5563;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.publish-confirm-modal .ant-modal-content{padding:0;overflow:hidden}.publish-confirm-modal .ant-modal-header{margin:0;padding:16px 20px;border-bottom:1px solid #e5e7eb}.publish-confirm-modal .ant-modal-title{font-size:15px}.publish-confirm-modal .ant-modal-body{padding:18px 20px 20px}.publish-confirm-modal .ant-modal-footer{margin:0;padding:12px 20px;border-top:1px solid #e5e7eb}.publish-confirm-intro{margin-bottom:12px!important;font-size:13px}.publish-series-summary{display:flex;align-items:flex-start;gap:14px;margin-bottom:12px}.publish-cover{flex:0 0 auto;overflow:hidden;border-radius:6px;object-fit:cover}.publish-cover-empty{display:grid;place-items:center;width:60px;height:80px;background:#edf0ff;color:#4f6ef7}.publish-series-copy{min-width:0;padding-top:2px}.publish-series-copy>.ant-typography{font-size:14px}.publish-tag-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.publish-tag-list .ant-tag{margin:0}.publish-confirm-section{padding-top:10px;border-top:1px solid #e5e7eb;color:#555;font-size:13px;line-height:1.7}.publish-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin-top:8px}.publish-metric{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border-bottom:1px solid #f3f4f6;font-size:12px}.publish-subtitle-row{display:flex;align-items:flex-start;gap:8px;margin-top:8px;font-size:12px}.publish-subtitle-row>.ant-typography{flex:0 0 auto}.publish-subtitle-row .ant-tag{margin-bottom:4px}.publish-synopsis{margin-top:12px}.publish-synopsis .ant-typography-paragraph{margin:4px 0 0;line-height:1.6}@media(max-width:760px){.role-editor-layout{grid-template-columns:1fr}.role-editor-main{border-right:0;border-bottom:1px solid #e5e7eb}.role-fields-grid,.publish-metrics-grid{grid-template-columns:1fr}}