:root{--bg:#0b0d12;--panel:#12151c;--panel-2:#171b24;--line:#252b37;--muted:#8c95a8;--text:#f4f6fa;--orange:#ff6a2a;--orange-soft:#3a2119;--green:#33c98b;--red:#ff6275;--blue:#619cff;--radius:14px;font-family:"Microsoft YaHei UI","PingFang SC",system-ui,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-size:16px}button,input,select,textarea{font:inherit}button,a{transition:.18s ease}button{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:224px 1fr}.rail{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:#0e1117;padding:24px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-weight:800;font-size:1.08rem;padding:0 8px 24px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#ff7a31,#dc3b18);box-shadow:0 8px 24px #f65d2830;color:#fff}.rail-nav,.rail-bottom{display:grid;gap:7px}.rail-bottom{margin-top:auto}.rail-link{display:flex;align-items:center;gap:12px;padding:11px 13px;color:#9fa7b8;text-decoration:none;border-radius:9px;font-size:.9rem}.rail-link:hover,.rail-link.active{background:#1a1d25;color:#fff}.rail-link.active{box-shadow:inset 3px 0 var(--orange)}.user-chip,.admin-account{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);margin-top:13px;padding:18px 7px 0}.user-chip span:last-child,.admin-account span:last-child{display:grid}.user-chip strong,.admin-account strong{font-size:.82rem}.user-chip small,.admin-account small{color:var(--muted);font-size:.72rem}.avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#292f3b;color:#e9edf5;font-weight:700}.avatar.small{width:30px;height:30px;font-size:.76rem}.workspace{min-width:0;padding:0 28px 26px}.workspace-header,.admin-header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.workspace-header h1,.admin-header h1{font-size:1.3rem;margin:4px 0 0}.eyebrow,.section-kicker{color:var(--muted);font-size:.73rem;letter-spacing:.04em}.header-actions{display:flex;align-items:center;gap:20px}.save-state{color:var(--muted);font-size:.76rem}.save-state i,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:7px}.balance{display:grid;border-left:1px solid var(--line);padding-left:20px}.balance span{font-size:.7rem;color:var(--muted)}.balance strong{font-size:.9rem;margin-top:2px}.icon-button,.mini-button{border:1px solid var(--line);background:var(--panel-2);border-radius:9px}.icon-button{width:36px;height:36px;color:var(--orange)}.flow-card{margin:20px 0;background:linear-gradient(100deg,#141820,#10131a);border:1px solid var(--line);border-radius:var(--radius);padding:17px 20px}.flow-heading,.panel-title,.card-header{display:flex;align-items:center;justify-content:space-between}.flow-heading>div,.panel-title>div,.card-header>div{display:grid;gap:4px}.flow-heading strong,.panel-title strong,.card-header strong{font-size:.9rem}.progress-copy{font-size:.75rem;color:var(--orange)}.flow-track{display:grid;grid-template-columns:repeat(7,1fr);margin-top:18px}.flow-step{position:relative;display:flex;align-items:center;gap:8px;text-align:left;border:0;background:none;padding:0;cursor:pointer;color:#676f80}.flow-step:not(:last-child):after{content:"";position:absolute;left:35px;right:10px;top:14px;height:1px;background:#303641}.flow-step b{z-index:1;display:grid;place-items:center;width:29px;height:29px;border:1px solid #363d4b;background:#171b23;border-radius:50%;font-size:.75rem}.flow-step span{display:grid;font-size:.76rem;white-space:nowrap}.flow-step small{font-size:.63rem;margin-top:2px}.flow-step.done{color:#aab3c3}.flow-step.done b{background:#17362c;border-color:#2c8d68;color:var(--green)}.flow-step.current{color:#fff}.flow-step.reserved{opacity:.45;cursor:not-allowed}.flow-step.current b{background:var(--orange);border-color:var(--orange);box-shadow:0 0 0 5px #ff6a2a19}.studio-grid{display:grid;grid-template-columns:260px minmax(440px,1fr) 288px;gap:14px}.panel,.admin-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.scene-panel,.property-panel{padding:17px 14px}.mini-button{width:31px;height:31px;color:#b9c0cd}.scene-group{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:none;color:#9fa7b6;padding:20px 4px 12px;font-size:.75rem}.scene-group span{display:flex;align-items:center;gap:8px}.scene-group i{font-style:normal;color:var(--orange)}.shot-list{display:grid;gap:5px}.shot-item{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;width:100%;border:1px solid transparent;background:none;color:#aeb5c3;border-radius:10px;text-align:left;padding:10px 8px;cursor:pointer}.shot-item:hover,.shot-item.active{background:#1b2029;border-color:#303846}.shot-item.active{box-shadow:inset 3px 0 var(--orange)}.shot-item>span:nth-child(2){display:grid;gap:4px}.shot-item strong{font-size:.76rem}.shot-item small{font-size:.65rem;color:var(--muted)}.shot-item em{font-size:.6rem;font-style:normal;color:var(--green)}.shot-item em.warn{color:#f6b55a}.shot-no{font-size:.7rem;color:#6f7889}.canvas-panel{padding:20px;min-width:0}.canvas-toolbar{display:flex;justify-content:space-between;align-items:flex-start}.canvas-toolbar h2{font-size:1.1rem;margin:5px 0}.toolbar-buttons{display:flex;gap:6px}.toolbar-buttons button,.block-heading button,.card-header button{border:0;background:none;color:#939cac;font-size:.72rem}.story-frame{margin-top:14px}.frame-art{position:relative;overflow:hidden;aspect-ratio:16/7;border-radius:11px;background:linear-gradient(180deg,#28303b,#111821 60%,#080c12);border:1px solid #303746}.frame-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(108deg,transparent 0 8px,#b9d9ff12 9px 10px);animation:rain 1s linear infinite}.frame-horizon{position:absolute;left:0;right:0;bottom:30%;height:2px;background:#8b9bab55;box-shadow:0 -60px 90px #6f94bd21}.frame-platform{position:absolute;left:10%;right:0;bottom:0;height:34%;background:linear-gradient(170deg,#2c3035,#0b0d11);clip-path:polygon(0 20%,100% 0,100% 100%,0 100%)}.frame-person{position:absolute;left:68%;bottom:20%;width:16px;height:74px;background:#050608;border-radius:50% 50% 20% 20%;box-shadow:0 0 30px #92b0ca2b}.frame-person:before{content:"";position:absolute;left:-24px;top:7px;width:64px;height:2px;background:#0b0c0e;transform:rotate(-3deg)}.frame-label{position:absolute;left:12px;bottom:10px;font-size:.62rem;color:#b7c1cf;background:#080a0daa;padding:5px 8px;border-radius:5px}.frame-summary{display:flex;gap:7px;padding:11px 0}.shot-pill,.duration-pill{font-size:.65rem;padding:5px 8px;border-radius:6px;background:#1d222b;color:#aeb7c6}.duration-pill{margin-left:auto;color:var(--orange);background:var(--orange-soft)}.script-block,.dialogue-row{border-top:1px solid var(--line);padding:16px 2px}.block-heading{display:flex;justify-content:space-between}.script-block strong,.dialogue-row strong{font-size:.77rem}.script-block p,.dialogue-row p{font-size:.79rem;line-height:1.75;color:#b2bac8;margin:8px 0 0}.dialogue-row{display:flex;gap:10px;align-items:flex-start}.dialogue-row>div{flex:1}.audio-time{color:var(--muted);font-size:.68rem}.canvas-footer{border-top:1px solid var(--line);padding-top:16px;display:flex;align-items:center;justify-content:space-between;font-size:.72rem;color:var(--muted)}.canvas-footer strong{color:#fff}.primary-button,.secondary-button{border-radius:9px;padding:10px 15px;font-weight:700;font-size:.78rem}.primary-button{border:0;background:var(--orange);color:#fff;box-shadow:0 8px 24px #ed5c2629}.primary-button:hover{background:#ff7d45}.secondary-button{border:1px solid var(--line);background:var(--panel-2);color:#ced4df}.property-panel{display:flex;flex-direction:column;gap:15px}.property-panel label{display:grid;gap:7px;color:#929bac;font-size:.69rem}.property-panel select,.property-panel input,.property-panel textarea{width:100%;border:1px solid #303745;background:#171b23;color:#e8ebf1;border-radius:8px;padding:9px 10px;outline:none;font-size:.75rem}.property-panel textarea{resize:vertical;line-height:1.55}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.input-suffix{position:relative}.input-suffix span{position:absolute;right:10px;top:9px}.asset-token{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;background:#181d25;border:1px solid #2c3340;border-radius:8px;padding:8px}.asset-token>span:nth-child(2){display:grid}.asset-token strong{font-size:.72rem;color:#e6e9ee}.asset-token small{font-size:.61rem}.asset-token button{border:0;background:none;color:#777f8e}.scene-token>span:first-child{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#263144;color:#84aef9}.property-panel input[type=range]{padding:0;accent-color:var(--orange)}.range-label{display:flex;justify-content:space-between}.cost-note{margin-top:auto;display:grid;gap:5px;padding:12px;background:#191b20;border:1px solid #302b28;border-radius:9px}.cost-note span,.cost-note small{font-size:.63rem;color:var(--muted)}.cost-note strong{color:#ff9668}.admin-shell{min-height:100vh;display:grid;grid-template-columns:238px 1fr}.admin-sidebar{position:sticky;top:0;height:100vh;padding:24px 17px;background:#0e1117;border-right:1px solid var(--line);display:flex;flex-direction:column}.admin-sidebar nav{display:grid;gap:4px}.admin-sidebar nav a{padding:10px 12px;border-radius:8px;color:#959eae;text-decoration:none;font-size:.78rem}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{color:#fff;background:#1a1e27}.admin-sidebar nav a.active{box-shadow:inset 3px 0 var(--orange)}.nav-caption{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:#596273;margin:17px 12px 7px}.admin-account{margin-top:auto}.admin-main{padding:0 30px 30px;min-width:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.metric-card{position:relative;overflow:hidden;display:grid;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.metric-card.accent:after{content:"";position:absolute;inset:auto -35px -55px auto;width:120px;height:120px;border-radius:50%;background:#ff6a2a18}.metric-card>span{color:var(--muted);font-size:.72rem}.metric-card strong{font-size:1.45rem}.metric-card strong i{font-size:.7rem;font-style:normal;color:var(--muted)}.metric-card small{color:var(--muted);font-size:.66rem}.metric-card.accent small,.positive{color:var(--green)!important}.admin-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:14px}.admin-card{padding:20px}.legend{display:flex;gap:14px;font-size:.65rem;color:var(--muted)}.legend i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:5px}.legend .income{background:var(--orange)}.legend .cost{background:#4e596b}.chart{height:230px;display:flex;align-items:flex-end;justify-content:space-around;border-bottom:1px solid var(--line);margin-top:22px;padding:10px 8px 0;background:repeating-linear-gradient(0deg,transparent 0 52px,#252b3655 53px 54px)}.chart div{position:relative;width:8%;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px}.chart i,.chart b{width:9px;border-radius:4px 4px 0 0}.chart i{height:var(--income);background:linear-gradient(#ff8550,var(--orange))}.chart b{height:var(--cost);background:#4e596b}.chart span{position:absolute;bottom:-25px;color:var(--muted);font-size:.62rem;white-space:nowrap}.provider-row{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.provider-row:last-child{border-bottom:0}.provider-row>span:nth-child(2){display:grid;gap:4px}.provider-row strong{font-size:.75rem}.provider-row small{font-size:.63rem;color:var(--muted)}.provider-logo{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#f26c29;color:#fff;font-size:.72rem;font-weight:800}.provider-logo.purple{background:#6f55d9}.provider-logo.blue{background:#347cad}.healthy{font-style:normal;color:var(--green);font-size:.63rem}.task-table-card{margin-top:14px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:14px;font-size:.72rem}th{text-align:left;color:#747e90;font-weight:500;padding:10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid #20252e;color:#abb3c1}td:first-child{display:grid;gap:4px;color:#e5e9f0}td small{color:var(--muted)}.status{display:inline-block;padding:5px 8px;border-radius:6px}.status.failed{background:#3a2027;color:#ff8190}.status.retry{background:#322d1b;color:#f5c35f}@keyframes rain{to{background-position:0 22px}}@media(max-width:1200px){.studio-grid{grid-template-columns:230px 1fr}.property-panel{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.property-panel .panel-title,.property-panel .cost-note{grid-column:1/-1}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.app-shell,.admin-shell{display:block}.rail,.admin-sidebar{position:static;width:100%;height:auto;padding:14px}.rail-nav,.admin-sidebar nav{display:flex;overflow-x:auto}.rail-bottom,.user-chip,.admin-account,.nav-caption{display:none}.workspace,.admin-main{padding:0 14px 18px}.workspace-header,.admin-header{height:auto;padding:18px 0}.save-state{display:none}.flow-track{overflow-x:auto;grid-template-columns:repeat(7,115px);padding-bottom:8px}.studio-grid,.admin-grid{display:block}.scene-panel,.canvas-panel,.property-panel,.status-card{margin-bottom:12px}.property-panel{display:flex}.metric-grid{grid-template-columns:1fr 1fr}.header-actions{gap:8px}.admin-header .secondary-button{display:none}}@media(max-width:520px){.workspace-header,.admin-header{align-items:flex-start}.balance{display:none}.studio-grid{display:block}.scene-panel{max-height:310px;overflow:auto}.canvas-footer{align-items:flex-start;gap:12px;flex-direction:column}.primary-button{width:100%}.metric-grid{grid-template-columns:1fr}.flow-card{padding:14px}.story-frame .frame-art{aspect-ratio:16/10}}