:root{--navy:#06142d;--deep:#030c1e;--panel:#0a1d3e;--panel2:#0d2853;--blue:#315cff;--cyan:#24d8ff;--green:#35e5b0;--purple:#8153ef;--text:#edf4ff;--muted:#8195b3;--line:rgba(96,148,218,.22)}*{box-sizing:border-box}html{min-width:1280px;scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;background:radial-gradient(circle at 48% 0,#15366e 0,#071a38 32%,#030c1e 76%)}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{min-height:100vh}.app-shell:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(70,126,200,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(70,126,200,.1) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(#000,transparent 92%)}.app-header{position:fixed;z-index:20;top:0;left:0;right:0;height:76px;padding:0 28px;display:grid;grid-template-columns:260px 1fr auto;align-items:center;border-bottom:1px solid var(--line);background:rgba(3,13,32,.9);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{position:relative;width:36px;height:36px;display:inline-block;transform:rotate(45deg);border-radius:9px;background:linear-gradient(135deg,var(--cyan),var(--blue));box-shadow:0 0 22px rgba(36,216,255,.25)}.brand-mark i{position:absolute;background:#071a3c;border-radius:3px}.brand-mark i:first-child{width:7px;height:22px;left:10px;top:7px}.brand-mark i:last-child{height:7px;width:22px;left:7px;top:10px}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:16px;letter-spacing:3px}.brand-copy small{margin-top:2px;color:#6f86a8;font-size:12px;letter-spacing:3px}.product-title{display:flex;align-items:center;justify-self:center;gap:11px}.product-title img{width:38px;height:38px;border-radius:10px}.product-title div{display:flex;flex-direction:column}.product-title strong{font-size:16px;letter-spacing:2px}.product-title span{margin-top:4px;color:#6682aa;font-size:12px;letter-spacing:1px}.header-actions{display:flex;align-items:center;gap:12px;color:#8aa1c1;font-size:12px}.system-status i{width:6px;height:6px;margin-right:6px;display:inline-block;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}.header-actions>a{padding:9px 12px;border:1px solid var(--line)}.header-actions .back-button{color:#fff;border-color:rgba(36,216,255,.4);background:rgba(36,216,255,.06)}.side-nav{position:fixed;z-index:10;top:76px;bottom:0;left:0;width:238px;padding:20px 14px;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(7,26,58,.96),rgba(3,14,33,.98))}.tenant-card{padding:15px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(25,67,131,.5),rgba(9,35,75,.4))}.tenant-card>span{display:block;color:#6682aa;font-size:12px}.tenant-card strong{display:block;margin:8px 0 10px;font-size:12px}.tenant-card small{color:#6682aa;font-size:12px}.tenant-card small i{width:5px;height:5px;margin-right:5px;display:inline-block;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green)}.side-nav nav{margin-top:20px}.side-nav nav a{position:relative;padding:13px 12px;display:grid;grid-template-columns:28px 1fr;color:#6f88aa;border-left:2px solid transparent}.side-nav nav a:hover,.side-nav nav a.is-active{color:#fff;border-left-color:var(--cyan);background:linear-gradient(90deg,rgba(49,92,255,.22),transparent)}.side-nav nav a>span{grid-row:1/3;color:#4d6e99;font:700 12px Arial}.side-nav nav strong{font-size:12px}.side-nav nav small{margin-top:4px;color:#506d95;font-size:12px}.side-usage{position:absolute;left:14px;right:14px;bottom:22px;padding:14px;border:1px solid var(--line);background:rgba(12,40,82,.42)}.side-usage div{display:flex;justify-content:space-between;color:#6d87aa;font-size:12px}.side-usage b{color:#a8bdd6;font:400 12px Arial}.side-usage>i{height:4px;margin-top:9px;display:block;background:#102b54}.side-usage em{height:100%;display:block;background:linear-gradient(90deg,var(--blue),var(--cyan))}.side-usage p{margin:8px 0 0;color:#526f97;font-size:12px}main{position:relative;z-index:2;margin-left:238px;padding:96px 22px 24px}.workspace-hero{position:relative;min-height:120px;padding:22px 25px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;border:1px solid var(--line);background:linear-gradient(100deg,rgba(13,48,99,.94),rgba(6,28,65,.8)),url("../assets/chengshi-space/chengshi-space-hero-v1.png") right center/58% auto no-repeat}.workspace-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,30,66,.98) 0,rgba(8,30,66,.8) 50%,rgba(8,30,66,.12))}.workspace-hero>div{position:relative;z-index:1}.workspace-hero p{margin:0 0 10px;display:flex;align-items:center;gap:9px;color:#79dfff;font-size:12px;letter-spacing:2px}.workspace-hero p span{width:24px;height:1px;background:var(--cyan);box-shadow:0 0 7px var(--cyan)}.workspace-hero h1{margin:0 0 10px;font-size:20px;letter-spacing:.5px}.workspace-hero>div>small{color:#8ea4c2;font-size:12px}.hero-metrics{display:grid;grid-template-columns:repeat(3,110px);background:rgba(3,17,42,.72);backdrop-filter:blur(8px);border:1px solid var(--line)}.hero-metrics article{padding:11px 12px;border-right:1px solid var(--line)}.hero-metrics article:last-child{border:0}.hero-metrics span{display:block;color:#6380a7;font-size:12px}.hero-metrics strong{display:block;margin:5px 0;color:#fff;font:700 20px Arial}.hero-metrics strong em{margin-left:2px;color:#8199ba;font-size:12px;font-style:normal}.hero-metrics small{color:#536f96;font-size:12px}.hero-metrics small b{color:var(--green)}.panel{position:relative;border:1px solid var(--line);background:linear-gradient(145deg,rgba(9,30,64,.96),rgba(5,20,47,.94));box-shadow:0 15px 40px rgba(0,0,0,.12)}.panel:before,.panel:after{content:"";position:absolute;width:12px;height:12px;pointer-events:none}.panel:before{top:-1px;left:-1px;border-top:1px solid var(--cyan);border-left:1px solid var(--cyan)}.panel:after{right:-1px;bottom:-1px;border-right:1px solid var(--blue);border-bottom:1px solid var(--blue)}.design-studio{margin-top:12px}.studio-header{min-height:84px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.studio-header>div:first-child>span,.column-title>span{color:var(--cyan);font:700 12px Arial;letter-spacing:1.5px}.studio-header h2{display:inline-block;margin:0 10px;font-size:16px}.studio-header small{color:#5b789e;font-size:12px}.design-tabs{display:flex;border:1px solid var(--line)}.design-tabs .chip{height:44px;margin:0;padding:0 16px;color:#6883a7;border:0;border-right:1px solid var(--line);background:transparent;cursor:pointer}.design-tabs .chip:last-child{border:0}.design-tabs .chip b{margin-right:7px;color:#415f87;font:700 12px Arial}.design-tabs .chip.active{color:#fff;background:linear-gradient(115deg,#244fe0,#2b78f0)}.design-tabs .chip.active b{color:#8ceeff}.studio-layout{display:grid;grid-template-columns:330px minmax(520px,1fr) 300px;min-height:680px}.design-common,.status-column{padding:17px;border-right:1px solid var(--line)}.status-column{border-right:0;border-left:1px solid var(--line)}.design-common.is-hidden{display:none}.design-studio[data-current-tab="live"] .studio-layout,.design-studio[data-current-tab="video"] .studio-layout{grid-template-columns:minmax(760px,1fr) 320px}.column-title{height:40px;display:flex;align-items:center}.column-title h3{margin:0 0 0 10px;padding-left:10px;border-left:1px solid var(--line);font-size:13px}.control-block{margin-top:15px}.control-block>p,.control-group>p{margin:0 0 9px;color:#6b86aa;font-size:12px}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.choice-grid .chip:last-child{grid-column:1/3}.platform-grid{grid-template-columns:repeat(3,1fr)}.platform-grid .chip:last-child{grid-column:auto}.chip{padding:9px 10px;color:#728bab;border:1px solid var(--line);background:rgba(13,43,86,.35);cursor:pointer;font-size:12px}.chip:hover,.chip.active{color:#fff;border-color:#3e75ef;background:rgba(49,92,255,.2)}.control-group .chip{margin:0 4px 5px 0}.control-group .chip span{width:5px;height:5px;margin-right:5px;display:inline-block;border-radius:50%;background:#516d94}.control-group .chip.active span{background:var(--green);box-shadow:0 0 6px var(--green)}.source-upload{margin-top:18px}.source-upload input,.dual-upload-grid input,.cross-video-layout input{display:none}.image-preview img,.result-canvas img,.result-canvas video{width:100%;height:100%;display:block;object-fit:contain}.source-preview{height:180px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed rgba(69,138,226,.48);background:rgba(17,51,100,.22)}.source-preview strong,.upload-preview strong,.cross-preview strong{margin-top:12px;font-size:12px}.source-preview span,.upload-preview span,.cross-preview span{margin-top:5px;color:#57749a;font-size:12px}.upload-symbol{position:relative;width:42px;height:34px}.upload-symbol i:first-child{position:absolute;left:6px;bottom:0;width:30px;height:23px;border:1px solid #4eb7ff;border-radius:5px}.upload-symbol i:last-child{position:absolute;left:20px;top:0;width:2px;height:25px;background:var(--cyan);box-shadow:0 0 7px var(--cyan)}.upload-symbol i:last-child:before,.upload-symbol i:last-child:after{content:"";position:absolute;top:0;width:10px;height:2px;background:var(--cyan)}.upload-symbol i:last-child:before{right:0;transform:rotate(-45deg);transform-origin:right}.upload-symbol i:last-child:after{left:0;transform:rotate(45deg);transform-origin:left}.button{min-height:40px;padding:0 15px;color:#fff;border:1px solid var(--line);background:transparent;cursor:pointer;font-size:12px}.button.primary{border:0;background:linear-gradient(110deg,#2854ef,#2e7ff7);box-shadow:0 9px 22px rgba(40,83,237,.22)}.button.ghost{color:#8aa6c8;background:rgba(14,43,84,.42)}.button.video-button{border-color:rgba(129,83,239,.6);background:linear-gradient(110deg,#5432c2,#8b45da)}.source-upload>.button{width:100%;margin-top:8px}.file-name{display:block;margin-top:7px;overflow:hidden;color:#58749a;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.analysis-card{min-height:94px;margin-top:14px;padding:13px;border:1px solid rgba(91,148,223,.15);background:rgba(13,45,91,.28)}.analysis-card h3{margin:0 0 7px;font-size:12px}.analysis-card p{margin:4px 0;color:#647fa4;font-size:12px;line-height:1.6}.design-common>.control-group{margin-top:14px}.stage-column{min-width:0;padding:17px}.design-tab-panel{display:none}.design-tab-panel.active{display:block}.task-head{min-height:75px;padding-bottom:13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.task-head span{color:#50d7f4;font:700 12px Arial;letter-spacing:1px}.task-head h3{margin:6px 0 5px;font-size:16px}.task-head p{margin:0;color:#607da2;font-size:12px}.result-canvas{min-height:520px;margin-top:14px;border:1px solid rgba(91,148,223,.18);background:radial-gradient(circle at 50% 38%,rgba(36,91,190,.18),transparent 35%),rgba(5,20,47,.72)}.canvas-empty{height:520px;padding:80px 40px;display:flex;flex-direction:column;align-items:center;text-align:center}.canvas-orbit{width:120px;height:120px;display:grid;place-items:center;border:1px solid rgba(36,216,255,.35);border-radius:50%;box-shadow:0 0 35px rgba(36,216,255,.12)}.canvas-orbit img{width:62px;height:62px;border-radius:15px}.canvas-empty h3{margin:30px 0 9px;font-size:20px}.canvas-empty p{margin:0;color:#6681a5;font-size:12px}.canvas-empty>div:last-child{margin-top:24px;display:flex;gap:8px}.canvas-empty>div:last-child span{padding:7px 10px;color:#6683aa;border:1px solid var(--line);font-size:12px}.product-page-preview{padding:15px}.product-page-preview .image-preview{min-height:400px}.product-points{margin:12px 0;display:flex;gap:7px}.product-points span{padding:8px 10px;color:#8fa9c9;border:1px solid var(--line);background:rgba(15,50,99,.42);font-size:12px}.demo-actions{display:flex;gap:8px}.detail-page-gallery{margin-top:14px}.detail-page-gallery-head{display:flex;justify-content:space-between;color:#8aa2c1;font-size:12px}.detail-page-image-grid{margin-top:10px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.detail-page-image-card{margin:0;border:1px solid var(--line);background:#071a38}.detail-page-image-card img{width:100%;display:block}.detail-page-image-card figcaption{padding:8px;color:#718cab;font-size:12px}.ad-preview-grid{padding:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ad-card{min-width:0}.ad-card>span{display:block;margin-bottom:8px;color:#6f89ab;font-size:12px}.mock-image{display:grid;place-items:center;color:#4c6c95;border:1px dashed rgba(78,139,221,.35);background:linear-gradient(145deg,rgba(31,71,140,.22),rgba(9,30,64,.35));font:700 20px Arial}.mock-image.square{aspect-ratio:1}.mock-image.wide{min-height:340px}.ad-card .image-preview{aspect-ratio:1}.ad-card strong{display:block;margin-top:9px;font-size:12px}.ad-card p{color:#6b85a7;font-size:12px}.dual-upload-grid{margin-top:15px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.dual-upload-grid article{padding:12px;border:1px solid var(--line);background:rgba(12,40,80,.3)}.upload-preview{height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed rgba(78,139,221,.4)}.dual-upload-grid .button{width:100%;margin-top:8px}.inline-control{margin-top:12px;padding:12px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:rgba(12,40,80,.3)}.inline-control .control-group{display:flex;align-items:center;gap:5px}.inline-control .control-group p{margin:0 8px 0 0}.api-hint{color:#6380a5;font-size:12px}.api-hint span{color:#7edcf2}.action-row{margin-top:12px;display:flex;gap:8px}.split-results{min-height:280px;padding:12px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.split-results>div{min-height:250px;border:1px solid var(--line);background:#071a38}.canvas-placeholder{height:100%;min-height:250px;display:grid;place-items:center;color:#4f6e96;font-size:12px}.sub-log{margin-top:10px}.cross-video-layout{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.cross-video-layout>div{padding:13px;border:1px solid var(--line);background:rgba(12,40,80,.3)}.cross-preview{height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed rgba(78,139,221,.4)}.cross-video-layout .button.ghost{width:100%;margin-top:8px}.wide-button{width:100%;margin-top:16px}.video-result{min-height:300px;padding:12px}.video-result .image-preview,.video-result video{min-height:270px;max-height:500px}.status-column .column-title{margin-bottom:12px}.service-mode{padding:12px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(36,216,255,.18);background:rgba(36,216,255,.05);font-size:12px}.service-mode span{color:#6683a8}.service-mode i,.model-health i{width:5px;height:5px;margin-right:5px;display:inline-block;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green)}.service-mode strong{color:#74dff7;font-size:12px}.api-log{margin-top:12px;padding:12px;border:1px solid rgba(91,148,223,.16);background:rgba(12,39,78,.34)}.api-log p{margin:0;padding:7px 0;display:flex;justify-content:space-between;color:#607ca2;border-bottom:1px solid rgba(91,148,223,.1);font-size:12px;line-height:1.5}.api-log p:last-child{border:0}.api-log strong{color:#8ea7c5;font-weight:400}.api-log span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-health,.recent-assets{margin-top:14px;padding:13px;border:1px solid rgba(91,148,223,.14);background:rgba(11,37,75,.3)}.model-health h4,.recent-assets h4{margin:0 0 9px;font-size:12px}.model-health p{margin:0;padding:7px 0;display:flex;justify-content:space-between;color:#6681a5;border-bottom:1px solid rgba(91,148,223,.1);font-size:12px}.model-health p:last-child{border:0}.model-health b{color:#36d9ac;font-weight:400}.recent-assets>div{padding:8px 0;display:flex;gap:8px;border-bottom:1px solid rgba(91,148,223,.1)}.asset-thumb{width:38px;height:34px;flex:0 0 auto;border-radius:4px;background:linear-gradient(135deg,#2459ec,#26b8f4)}.asset-thumb.purple{background:linear-gradient(135deg,#5631c7,#ad4ed8)}.asset-thumb.cyan{background:linear-gradient(135deg,#0c8ec1,#35e5b0)}.recent-assets p{margin:0;min-width:0}.recent-assets strong{display:block;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.recent-assets small{display:block;margin-top:4px;color:#526f95;font-size:12px}.recent-assets>a{margin-top:12px;display:block;color:#74d9f0;font-size:12px}.recent-assets>a b{float:right}.service-value{height:70px;margin-top:12px;padding:0 18px;display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:center;border:1px solid var(--line);background:linear-gradient(90deg,rgba(14,47,94,.8),rgba(6,25,57,.72))}.service-value>div{padding:0 18px;border-right:1px solid var(--line)}.service-value span{display:block;color:#59d6f4;font-size:12px}.service-value strong{display:block;margin-top:6px;color:#849bbb;font-size:12px;font-weight:400}.service-value>a{padding:9px 12px;color:#84a2c5;border:1px solid var(--line);font-size:12px}.service-value>a b{margin-left:5px;color:var(--cyan)}.success-toast{position:fixed;z-index:100;right:25px;top:95px}.success-toast-card{min-width:260px;padding:14px;color:#dffcf4;border:1px solid rgba(53,229,176,.45);background:rgba(7,37,54,.96);box-shadow:0 15px 45px rgba(0,0,0,.3)}.success-toast-card strong{font-size:12px}.success-toast-card p{margin:5px 0 0;color:#75b9a6;font-size:12px}@media(max-width:1500px){.studio-layout{grid-template-columns:310px minmax(470px,1fr) 280px}.design-tabs .chip{padding:0 11px}.studio-header small{display:none}.design-studio[data-current-tab="live"] .studio-layout,.design-studio[data-current-tab="video"] .studio-layout{grid-template-columns:minmax(680px,1fr) 300px}}