*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0% 0%,rgba(15,111,255,.14),transparent 40%),radial-gradient(circle at 100% 100%,rgba(56,189,248,.1),transparent 36%),#f7f9fc;color:#0f172a;line-height:1.5}:root{--space-1: 8px;--space-2: 12px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--app-bg: #f7f9fc;--app-surface: rgba(255, 255, 255, .9);--app-surface-strong: #ffffff;--app-surface-soft: #f8fbff;--app-border: #e7ecf5;--app-border-soft: #e8edf6;--app-text: #0f172a;--app-text-secondary: #64748b;--app-primary: #0f6fff;--app-hover: #eef4ff;--timeline-track-video: #1890ff;--timeline-track-audio: #52c41a;--timeline-track-subtitle: #faad14;--timeline-track-effect: #722ed1}body[data-theme=dark]{--app-bg: #0b1220;--app-surface: rgba(15, 23, 42, .82);--app-surface-strong: #111b2e;--app-surface-soft: #0f1a2d;--app-border: #25324a;--app-border-soft: #2a3852;--app-text: #e2e8f0;--app-text-secondary: #94a3b8;--app-primary: #60a5fa;--app-hover: rgba(96, 165, 250, .18);--timeline-track-video: #3b82f6;--timeline-track-audio: #4ade80;--timeline-track-subtitle: #fbbf24;--timeline-track-effect: #a78bfa;background:radial-gradient(circle at 0% 0%,rgba(96,165,250,.16),transparent 42%),radial-gradient(circle at 100% 100%,rgba(45,212,191,.14),transparent 40%),#0b1220;color:var(--app-text)}#root{min-height:100vh}a{color:#0f6fff;text-decoration:none}a:hover{color:#0b5cdb}.app-shell{min-height:100vh;background:transparent}.app-shell__sider{border-right:1px solid var(--app-border);box-shadow:0 12px 32px #0f172a14;position:sticky!important;top:0;left:0;height:100vh;overflow:auto;z-index:10}.app-shell__brand{height:72px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;letter-spacing:.2px;color:var(--app-text);border-bottom:1px solid var(--app-border-soft);background:linear-gradient(180deg,var(--app-surface-strong) 0%,var(--app-surface) 100%)}.app-shell__menu{padding:var(--space-2) var(--space-1);border-inline-end:none!important;background:transparent!important}.app-shell__header{height:72px;padding:0 var(--space-4);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--app-border-soft);box-shadow:0 8px 20px #0f172a0a;background:color-mix(in srgb,var(--app-surface-strong) 92%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.app-shell__header-inner{width:100%;max-width:1440px;display:flex;justify-content:flex-end;align-items:center;gap:var(--space-2)}.app-shell__theme-toggle{border-radius:10px}.app-shell__theme-toggle:hover{background:var(--app-hover)!important}.app-shell__user{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;transition:background-color .2s ease}.app-shell__user:hover{background:var(--app-hover)}.app-shell__credits{color:var(--app-text-secondary);font-size:13px}.app-shell__content{margin:0;padding:var(--space-4)}.app-shell__content-inner{width:100%;max-width:1440px;margin:0 auto;padding:var(--space-4);border-radius:16px;border:1px solid var(--app-border);background:var(--app-surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 14px 34px #0f172a0f;min-height:calc(100vh - 120px)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 0% 0%,rgba(15,111,255,.25),transparent 40%),radial-gradient(circle at 100% 100%,rgba(15,111,255,.18),transparent 42%),linear-gradient(140deg,#0f172a,#0f2442 45%,#113669)}.auth-card{width:100%;max-width:440px;border-radius:18px!important;border:1px solid rgba(230,236,245,.85);background:#fffffff5;box-shadow:0 20px 60px #06182c59}.auth-title{text-align:center;margin-bottom:12px;font-size:28px;font-weight:700;letter-spacing:.2px;color:#0f172a}.auth-subtitle{text-align:center;color:#64748b;margin-bottom:24px}.auth-footer-links{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap}.page-section{display:flex;flex-direction:column;gap:var(--space-4)}.page-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.page-title{margin:0;font-size:24px;font-weight:700;letter-spacing:.2px;color:var(--app-text)}.section-title{margin:0;font-size:18px;font-weight:600;color:var(--app-text)}.meta-text{color:var(--app-text-secondary);font-size:13px}.dashboard-grid{margin-top:0}.dashboard-stat-card .ant-card-body{padding:18px 20px}.dashboard-stat-card .ant-statistic-title{color:var(--app-text-secondary);font-size:13px}.dashboard-stat-card .ant-statistic-content{font-weight:700}.dashboard-panel-card{border:1px solid var(--app-border-soft);box-shadow:0 8px 22px #0f172a0d}.dashboard-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.dashboard-quick-action-button{text-align:left;height:52px;border-color:#dbe5f1;width:100%;justify-content:flex-start}.dashboard-project-progress{width:120px;margin-left:16px}.projects-table-card{border:1px solid var(--app-border-soft);box-shadow:0 8px 22px #0f172a0d}.projects-search{width:280px}.page-subtitle{margin-top:4px;color:var(--app-text-secondary)}.project-detail-main-card,.project-detail-flow-card,.video-task-card,.settings-card,.payment-card{border:1px solid var(--app-border-soft);box-shadow:0 8px 22px #0f172a0d}.project-detail-description{margin-top:16px;color:var(--app-text-secondary)}.project-detail-progress{margin-top:16px}.project-detail-progress .ant-progress{width:220px;margin-left:8px}.project-detail-flow-grid{display:flex;justify-content:space-around;margin-top:24px;padding:24px 0;gap:16px;flex-wrap:wrap}.project-detail-flow-step{width:200px;text-align:center}.project-detail-flow-icon{font-size:32px;color:var(--app-primary);margin-bottom:12px}.video-task-list{display:flex;flex-direction:column;gap:var(--space-3)}.video-task-card__row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap}.video-task-card__row>.video-task-card__main{flex:1 1 280px;min-width:0}.video-task-card__actions{margin-left:auto;align-self:center}.video-task-meta{margin-top:8px}.video-task-description{margin-top:8px;color:var(--app-text-secondary)}.video-task-success{margin-top:16px;padding:12px;background:#f6ffed;border-radius:8px}body[data-theme=dark] .video-task-success{background:#16a34a1f;border:1px solid rgba(74,222,128,.22)}.settings-container{width:100%}.settings-provider-empty{color:#999}.settings-provider-base{color:var(--app-text-secondary);font-size:12px}.settings-config-card.ant-card{border:1px solid var(--app-border-soft)}.settings-page .settings-inner-row{margin-inline:0!important}.distribution-platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:var(--space-3)}.distribution-platform-grid .ant-card{height:100%}.payment-package-grid-item{margin-bottom:16px}.payment-package-card{position:relative}.payment-package-card.is-selected{border:2px solid var(--app-primary)}.payment-package-popular{position:absolute;top:8px;right:8px}.payment-package-bonus{position:absolute;top:8px;left:8px}.payment-package-body{text-align:center}.payment-package-credits{font-size:32px;font-weight:700;color:var(--app-primary)}.payment-package-unit{color:var(--app-text-secondary);margin-bottom:8px}.payment-package-price{font-size:24px;color:#ff4d4f}.payment-package-total{color:#52c41a;font-size:12px}.payment-summary{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.payment-methods{display:flex;flex-wrap:wrap;gap:var(--space-2)}.payment-amount{font-size:24px;color:#ff4d4f;font-weight:700}.payment-qr-container{text-align:center;padding:24px}.payment-qr-box{width:200px;height:200px;background:var(--app-surface-soft);margin:0 auto;display:flex;align-items:center;justify-content:center;border:1px solid var(--app-border)}.project-page-header{margin-bottom:24px}.project-page-header__breadcrumb{margin-bottom:16px}.project-page-header__main{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap}.project-page-header__body{flex:1 1 280px;min-width:0}.project-page-header__title-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.project-page-header__title{margin:0;display:block;font-size:24px;font-weight:700;letter-spacing:.2px;color:var(--app-text)}.project-page-header__extra{flex:0 0 auto;max-width:100%}.project-page-header__extra .ant-space{flex-wrap:wrap}.project-page-header__description{color:var(--app-text-secondary);margin-top:8px;margin-bottom:0}.editor-page{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.editor-task-card{border:1px solid var(--app-border-soft);box-shadow:0 8px 22px #0f172a0d}.editor-task-list{display:flex;flex-direction:column;gap:16px}.editor-muted{color:var(--app-text-secondary)}.editor-credit-hint{padding:12px;background:#f6ffed;border-radius:8px}body[data-theme=dark] .editor-credit-hint{background:#16a34a1f;border:1px solid rgba(74,222,128,.22)}.section-actions{display:flex;align-items:center;gap:8px}.app-data-table .ant-table-thead>tr>th{font-weight:600;color:#334155}.app-data-table .ant-table-tbody>tr>td{padding-top:12px;padding-bottom:12px}.app-data-table .ant-table-container{border-radius:12px}.app-data-table .ant-table-thead>tr>th{position:sticky;top:0;z-index:2}.timeline-shell{height:calc(100vh - 200px)}.timeline-board{display:flex;height:calc(100% - 140px);border:1px solid var(--app-border);border-radius:6px;overflow:hidden;background:var(--app-surface-strong)}.timeline-board__left{width:200px;border-right:1px solid var(--app-border-soft);overflow-y:auto}.timeline-board__left-header{height:40px;border-bottom:1px solid var(--app-border-soft);background:var(--app-surface-soft)}.timeline-board__right{flex:1;overflow:auto}.timeline-track-header{height:60px;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid var(--app-border-soft);background:var(--app-surface-soft)}.timeline-track-header.is-selected{background:#e6f7ff}.timeline-track-row{height:60px;position:relative;border-bottom:1px solid var(--app-border-soft);background:var(--app-surface-strong)}.timeline-track-row.is-selected{background:#e6f7ff}body[data-theme=dark] .timeline-track-header.is-selected,body[data-theme=dark] .timeline-track-row.is-selected{background:#60a5fa2e}.timeline-clip{position:absolute;left:var(--clip-left);width:var(--clip-width);height:50px;top:5px;--clip-track-color: var(--timeline-track-video);background:color-mix(in srgb,var(--clip-track-color) 50%,transparent);border-radius:4px;padding:4px 8px;cursor:pointer;border:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:12px}.timeline-clip.is-selected{background:var(--clip-track-color);border:2px solid var(--clip-track-color)}.timeline-clip__time{font-size:10px;opacity:.8}.timeline-ruler{height:40px;background:var(--app-surface-soft);border-bottom:1px solid var(--app-border-soft);position:relative}.timeline-ruler__tick{position:absolute;left:var(--tick-left);top:0;height:40px;border-left:1px solid var(--app-border);padding-left:4px;font-size:12px;color:var(--app-text-secondary)}.timeline-ruler__cursor{position:absolute;left:var(--cursor-left);top:0;bottom:0;width:2px;background:#f5222d;z-index:100}.timeline-empty{height:calc(100% - 60px);border:1px solid var(--app-border-soft);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--app-surface-strong)}.timeline-toolbar{margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.timeline-zoom{margin-bottom:8px}.timeline-zoom__slider{width:200px;display:inline-block;margin-left:8px}.timeline-export-hint{margin-bottom:0}.storyboard-sticky-summary{position:sticky;top:8px;z-index:5}.storyboard-sticky-actions{position:sticky;top:96px;z-index:4}.storyboard-shot-card{width:100%;max-width:900px}.storyboard-shot-content{width:100%}.storyboard-shot-field{display:block}.storyboard-inline-tags{margin-top:8px}.storyboard-paragraph-reset{margin-bottom:0}.storyboard-media-grid{display:flex;margin-top:8px}.storyboard-image-thumb{border-radius:8px}.storyboard-ref-thumb.ant-image{width:148px;height:148px}.storyboard-ref-thumb .ant-image-img{object-fit:contain;border-radius:8px;background:var(--app-surface-soft)}.storyboard-video-list{width:100%;margin-top:8px}.storyboard-video-frame{width:100%;max-width:480px;border-radius:8px;background:#000;object-fit:contain;aspect-ratio:var(--storyboard-video-aspect, 16 / 9)}.storyboard-video-meta{margin-top:8px}.storyboard-script-select{width:260px}.storyboard-clickable-tag{cursor:pointer;margin-inline-end:0}.storyboard-alert-spacing{margin-bottom:16px}.app-modal-wrap .ant-modal{max-width:calc(100vw - 32px)}.storyboard-shot-extra.ant-space{justify-content:flex-end}.storyboard-shot-title.ant-space{width:100%}.storyboard-shot-card .ant-card-head{align-items:center}.storyboard-shot-card .ant-card-head-title{flex:1;min-width:0;padding-right:8px}.storyboard-shot-card .ant-card-head-wrapper{align-items:center}@media (max-width: 576px){.storyboard-shot-card .ant-card-head{padding-inline:10px}.storyboard-shot-card .ant-card-head-wrapper{flex-direction:column;align-items:stretch;row-gap:8px}.storyboard-shot-card .ant-card-head-title{padding-right:0}.storyboard-shot-card .ant-card-extra{margin-inline-start:0!important;width:100%;padding-inline:0}.storyboard-shot-extra.ant-space{justify-content:flex-start;width:100%}}.character-detail-meta-row.ant-space,.character-detail-controls.ant-space,.character-detail-section{margin-bottom:16px}.character-detail-section__title{font-weight:600;margin-bottom:8px;color:var(--app-text)}.character-detail-section__title--tight{margin-bottom:6px}.character-detail-grid{display:grid;gap:16px}.character-detail-body{color:var(--app-text-secondary);line-height:1.7}.character-detail-appearance{color:var(--app-primary);background:var(--app-hover);border:1px solid var(--app-border-soft);border-radius:6px;padding:10px 12px;line-height:1.7}body[data-theme=dark] .character-detail-appearance{background:#60a5fa1f;border-color:var(--app-border)}.character-detail-episode-select{min-width:180px}.character-detail-version-select{min-width:260px}.character-detail-ref-images.ant-space{display:flex;flex-wrap:wrap}.character-detail-ref-thumb.ant-image{width:148px;height:148px}.character-detail-ref-thumb .ant-image-img{object-fit:cover;border-radius:8px;background:var(--app-surface-soft)}.character-detail-episode-tag{margin-inline-end:0}.character-detail-episode-tag--clickable{cursor:pointer}.storyboard-form-row{display:flex;flex-wrap:wrap;row-gap:var(--space-2)}.storyboard-form-col{flex:1;min-width:160px}.storyboard-number-input{width:100%}.ant-modal .ant-modal-content{border:1px solid var(--app-border-soft);box-shadow:0 18px 44px #0f172a2e}.ant-modal .ant-modal-header{margin-bottom:16px;border-bottom:1px solid var(--app-border-soft);padding-bottom:10px}.ant-modal .ant-modal-title{color:var(--app-text)}.ant-empty .ant-empty-description,.ant-spin .ant-spin-text{color:var(--app-text-secondary)}.ant-progress-text{color:var(--app-text-secondary)!important}.ant-tag{border-color:transparent;font-weight:500}.ant-tag-processing{color:#0f6fff;background:#e8f1ff}.ant-tag-success{color:#15803d;background:#e9f9ef}.ant-tag-warning{color:#b45309;background:#fff7e8}.ant-tag-error{color:#b91c1c;background:#fff1f2}.app-icon-lg{font-size:20px}.app-icon-xl{font-size:24px}.app-icon-chip{width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}.app-icon-chip--blue{color:#0f6fff;background:#e8f1ff}.app-icon-chip--green{color:#16a34a;background:#eaf8ee}.app-icon-chip--orange{color:#d97706;background:#fff4e6}.app-icon-chip--purple{color:#7c3aed;background:#f3e8ff}.app-icon-chip--red{color:#dc2626;background:#feecef}@media (max-width: 1200px){.app-shell__content{padding:var(--space-3)}.app-shell__content-inner{padding:var(--space-3);min-height:calc(100vh - 104px)}.dashboard-quick-actions{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (max-width: 768px){.app-shell__header{padding:0 var(--space-3)}.app-shell__header-inner{justify-content:space-between}.app-shell__content{padding:var(--space-2)}.app-shell__content-inner{padding:var(--space-3);border-radius:12px}.page-header{flex-direction:column;align-items:flex-start}.projects-search{width:100%}.storyboard-script-select{width:100%!important;max-width:100%}.app-modal-wrap .ant-modal{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;margin:12px auto}.storyboard-form-col{min-width:100%;flex:1 1 100%}.character-detail-episode-select,.character-detail-version-select{width:100%;min-width:0}.character-detail-controls.ant-space{width:100%}.timeline-board{height:calc(100% - 170px)}.timeline-board__left,.timeline-zoom__slider{width:160px}.storyboard-sticky-summary,.storyboard-sticky-actions{position:static}}
