:root{--navy:#06142d;--deep:#030c1e;--panel:#0a1d3e;--panel2:#0d2853;--blue:#315cff;--cyan:#24d8ff;--green:#35e5b0;--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}[hidden]{display:none!important}.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{width:72.86%;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,.92),rgba(6,28,65,.84)),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,.83) 48%,rgba(8,30,66,.15))}.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)}.workflow-bar{height:64px;margin-top:12px;padding:0 22px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:rgba(8,29,63,.75)}.workflow-bar>div{min-width:180px;display:flex;align-items:center;gap:10px;color:#5e789c}.workflow-bar>div>span{width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #31517d;border-radius:50%;font:700 12px Arial}.workflow-bar p{margin:0}.workflow-bar strong{display:block;font-size:12px}.workflow-bar small{display:block;margin-top:4px;color:#486589;font-size:12px}.workflow-bar>i{width:55px;height:1px;margin:0 13px;background:linear-gradient(90deg,#1d3e6d,#315cff,#1d3e6d)}.workflow-bar>div.is-active{color:#dceaff}.workflow-bar>div.is-active>span{color:#06152e;border-color:var(--cyan);background:var(--cyan);box-shadow:0 0 14px rgba(36,216,255,.4)}.workspace-grid{margin-top:12px;display:grid;grid-template-columns:310px minmax(500px,1fr) 330px;gap:12px;align-items:start}.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)}.panel-head{height:52px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-head>div:first-child{display:flex;align-items:center;gap:10px}.panel-head>div>span{color:var(--cyan);font:700 12px Arial;letter-spacing:1px}.panel-head h2{margin:0;padding-left:10px;border-left:1px solid var(--line);font-size:13px}.panel-head>b{color:#46658e;font:700 12px Arial}.knowledge-panel{min-height:636px}.upload-zone{height:148px;margin:15px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border:1px dashed rgba(78,148,236,.5);background:linear-gradient(145deg,rgba(29,76,151,.18),rgba(12,43,90,.12));transition:.2s}.upload-zone:hover{border-color:var(--cyan);background:rgba(36,216,255,.06)}.upload-zone input{display:none}.upload-visual{position:relative;width:42px;height:32px;margin-bottom:9px}.upload-visual i:first-child{position:absolute;left:7px;bottom:0;width:30px;height:22px;border:1px solid #4daeff;border-radius:5px;background:rgba(49,92,255,.15)}.upload-visual i:nth-child(2){position:absolute;left:15px;top:0;width:14px;height:14px;border-left:2px solid var(--cyan);border-top:2px solid var(--cyan);transform:rotate(45deg)}.upload-visual i:last-child{position:absolute;left:21px;top:5px;width:2px;height:19px;background:var(--cyan);box-shadow:0 0 7px var(--cyan)}.upload-zone strong{font-size:12px}.upload-zone p{margin:5px 0;color:#6c86aa;font-size:12px}.upload-zone small{color:#48658b;font-size:12px}.knowledge-status{margin:0 15px 12px}.status-title{display:flex;justify-content:space-between;color:#58769d;font-size:12px}.status-title b{color:#8ca8c8;font-weight:400}.status-line{height:3px;margin-top:7px;background:#102c56}.status-line i{width:8%;height:100%;display:block;background:linear-gradient(90deg,var(--blue),var(--cyan))}.kb-summary{min-height:90px;margin:0 15px;padding:12px;border:1px solid rgba(91,148,223,.14);background:rgba(16,48,94,.28)}.kb-summary h3{margin:0 0 7px;font-size:12px}.kb-summary p{margin:4px 0;color:#657fa3;font-size:12px;line-height:1.65}.knowledge-types{margin:12px 15px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.knowledge-types>span{padding:8px 6px;display:flex;flex-direction:column;border:1px solid rgba(91,148,223,.13);background:rgba(14,44,88,.28)}.knowledge-types i{width:5px;height:5px;margin-bottom:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.knowledge-types strong{font-size:12px}.knowledge-types small{margin-top:3px;color:#4c698f;font-size:12px}.control-group{margin:0 15px 12px}.control-group>p{margin:0 0 7px;color:#6380a6;font-size:12px}.chip{margin-right:5px;padding:7px 9px;color:#6f89aa;border:1px solid var(--line);background:transparent;cursor:pointer;font-size:12px}.chip>span{width:5px;height:5px;margin-right:5px;display:inline-block;border-radius:50%;background:#567198}.chip.active{color:#fff;border-color:#3d77ef;background:rgba(49,92,255,.2)}.chip.active>span{background:var(--green);box-shadow:0 0 5px var(--green)}.generation-gate{margin:0 15px 15px}.generate-button{width:100%;height:40px;padding:0 14px;display:flex;align-items:center;color:#fff;border:0;background:linear-gradient(110deg,#2854ef,#2d7df7);cursor:pointer;font-size:12px;box-shadow:0 10px 24px rgba(40,83,237,.22)}.generate-button>span{margin-right:8px;color:#8ff1ff}.generate-button i{margin-left:auto;font-style:normal}.chat-panel{min-height:636px}.chat-state{color:#718bab;font-size:12px}.chat-state i{width:6px;height:6px;margin-right:6px;display:inline-block;border-radius:50%;background:#ffb947;box-shadow:0 0 7px #ffb947}.chat-state.is-ready{color:var(--green)}.chat-state.is-ready i{background:var(--green);box-shadow:0 0 7px var(--green)}.customer-service-chat{height:583px}.chat-window{height:476px;display:flex;flex-direction:column}.chat-profile{height:62px;padding:10px 16px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:rgba(13,46,94,.28)}.assistant-avatar img{width:38px;height:38px;margin-right:10px;border-radius:10px}.chat-profile>div:nth-child(2){display:flex;flex-direction:column}.chat-profile strong{font-size:12px}.chat-profile span{margin-top:4px;color:#5d7ba3;font-size:12px}.chat-profile span i{width:5px;height:5px;margin-right:4px;display:inline-block;border-radius:50%;background:var(--green)}.chat-profile>small{margin-left:auto;padding:5px 7px;color:#65cce9;border:1px solid rgba(36,216,255,.22);font-size:12px}.chat-messages{flex:1;padding:16px;overflow:auto;background:radial-gradient(circle at 50% 0,rgba(30,79,155,.16),transparent 52%)}.chat-message{margin-bottom:14px;display:flex;flex-direction:column}.chat-message>span{margin-bottom:5px;color:#59779e;font-size:12px}.chat-message p{max-width:78%;margin:0;padding:10px 12px;color:#a9bdd6;border:1px solid rgba(91,148,223,.16);background:#0e2a55;font-size:12px;line-height:1.6}.chat-message.user{align-items:flex-end}.chat-message.user p{color:#fff;border-color:#315cff;background:linear-gradient(135deg,#254fcf,#2d6eef)}.quick-questions{min-height:44px;padding:7px 12px;display:flex;align-items:center;gap:5px;border-top:1px solid var(--line)}.quick-questions>span{margin-right:3px;color:#536f95;font-size:12px}.quick-questions button{padding:5px 7px;color:#718eaf;border:1px solid rgba(91,148,223,.18);background:rgba(16,47,91,.4);cursor:pointer;font-size:12px}.chat-composer{height:58px;padding:8px 11px;display:grid;grid-template-columns:1fr 108px;gap:8px;border-top:1px solid var(--line)}.chat-composer input{min-width:0;padding:0 12px;color:#d9e8fa;border:1px solid rgba(91,148,223,.25);outline:0;background:#071a38;font-size:12px}.chat-composer input:focus{border-color:#3c8bf5}.send-button{display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#fff;border:0;background:linear-gradient(110deg,#2854ef,#2d7df7);cursor:pointer;font-size:12px}.send-button i{font-style:normal}.chat-tools{height:49px;padding:0 12px;display:flex;align-items:center;gap:6px;border-top:1px solid var(--line)}.chat-tools button{padding:6px 9px;color:#708cab;border:1px solid rgba(91,148,223,.18);background:transparent;cursor:pointer;font-size:12px}.chat-tools>span{margin-left:auto;color:#47658c;font-size:12px}.chat-empty{height:583px;padding:80px 50px 40px;display:flex;flex-direction:column;align-items:center;text-align:center;background:radial-gradient(circle at 50% 32%,rgba(37,95,195,.2),transparent 34%)}.customer-service-chat:not([hidden])+.chat-empty{display:none}.empty-orbit{position:relative;width:150px;height:150px;display:grid;place-items:center}.empty-orbit>span{position:relative;z-index:2;width:72px;height:72px;display:grid;place-items:center;border:1px solid rgba(36,216,255,.42);border-radius:50%;background:rgba(13,47,98,.72);box-shadow:0 0 35px rgba(36,216,255,.18)}.empty-orbit img{width:46px;height:46px;border-radius:12px}.empty-orbit>i{position:absolute;inset:15px;border:1px solid rgba(49,92,255,.32);border-radius:50%;animation:emptyPulse 3s infinite}.empty-orbit>i:last-child{inset:0;animation-delay:1s}@keyframes emptyPulse{50%{opacity:.25;transform:scale(1.08)}}.chat-empty h3{margin:15px 0 8px;font-size:16px}.chat-empty>p{max-width:420px;margin:0;color:#6782a7;font-size:12px;line-height:1.8}.chat-empty>div:last-child{margin-top:25px;display:flex;gap:22px;color:#58769c;font-size:12px}.chat-empty>div:last-child i{width:5px;height:5px;margin-right:5px;display:inline-block;border-radius:50%;background:var(--cyan)}.right-column{display:flex;flex-direction:column;gap:12px}.preview-panel{min-height:385px}.channel-tabs{height:35px;padding:6px 12px;display:flex;gap:5px}.channel-tabs button{padding:0 12px;color:#5d789e;border:0;background:transparent;cursor:pointer;font-size:12px}.channel-tabs button.is-active{color:#fff;background:#1d4fc4}.site-preview{margin:0 12px;border:1px solid rgba(91,148,223,.18);background:#091d3c}.preview-browser{height:24px;padding:0 7px;display:flex;align-items:center;gap:4px;border-bottom:1px solid rgba(91,148,223,.15);background:#0e2a53}.preview-browser i{width:4px;height:4px;border-radius:50%;background:#4d6a8e}.preview-browser span{margin-left:7px;color:#47658b;font-size:12px}.preview-site{position:relative;height:210px;padding:20px;overflow:hidden;background:linear-gradient(120deg,rgba(4,22,51,.9),rgba(15,57,112,.62)),url("../assets/chengshi-space/chengshi-space-hero-v1.png") center/cover}.preview-site:after{content:"";position:absolute;right:-30px;bottom:-60px;width:160px;height:160px;border:1px solid rgba(36,216,255,.14);border-radius:50%}.preview-brand{display:flex;align-items:center;gap:6px;color:#b6c9df;font-size:12px}.preview-brand b{width:12px;height:12px;transform:rotate(45deg);border-radius:3px;background:linear-gradient(135deg,var(--cyan),var(--blue))}.preview-site h3{margin:35px 0 7px;font-size:16px;line-height:1.45}.preview-site>p{color:#6783a8;font-size:12px}.floating-service{position:absolute;z-index:2;right:13px;bottom:13px;width:148px;padding:7px;display:flex;align-items:center;border:1px solid rgba(36,216,255,.3);background:rgba(4,22,51,.9);box-shadow:0 8px 20px rgba(0,0,0,.25)}.floating-service img{width:28px;height:28px;margin-right:7px;border-radius:7px}.floating-service>span{display:flex;flex-direction:column}.floating-service b{font-size:12px}.floating-service small{margin-top:3px;color:#58769c;font-size:12px}.floating-service>i{width:5px;height:5px;margin-left:auto;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green)}.channel-status{height:48px;padding:0 12px;display:flex;align-items:center;color:#5d7a9f;font-size:12px}.channel-status>span i{width:5px;height:5px;margin-right:5px;display:inline-block;border-radius:50%;background:var(--green)}.channel-status button{margin-left:auto;padding:6px 8px;color:#7fdcf4;border:1px solid rgba(36,216,255,.22);background:transparent;font-size:12px}.analytics-panel{min-height:239px}.analytics-grid{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.analytics-grid>div{padding:10px 8px;border-right:1px solid rgba(91,148,223,.12)}.analytics-grid>div:last-child{border:0}.analytics-grid span{display:block;color:#58759b;font-size:12px}.analytics-grid strong{display:inline-block;margin-top:5px;font:700 13px Arial}.analytics-grid small{margin-left:2px;color:#4d698e;font-size:12px}.topic-list{padding:9px 12px}.topic-list p{margin:7px 0;display:grid;grid-template-columns:88px 1fr 28px;align-items:center;gap:6px;color:#607da2;font-size:12px}.topic-list p>i{height:3px;background:#102b54}.topic-list em{height:100%;display:block;background:linear-gradient(90deg,var(--blue),var(--cyan))}.topic-list b{color:#8ba4c3;font:400 12px Arial;text-align: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)}@media(max-width:1450px){.workspace-grid{grid-template-columns:290px minmax(440px,1fr) 300px}.hero-metrics{grid-template-columns:repeat(3,100px)}.workflow-bar>div{min-width:150px}.workflow-bar>i{width:30px;margin:0 8px}.service-value>div{padding:0 10px}}