:root{--bg:#080d13;--panel:#0d151e;--ink:#eef5f3;--muted:#94a4a9;--line:rgba(189,220,214,.16);--cyan:#6fe8dc;--coral:#ff806b;--serif:Georgia,"Times New Roman",serif;--sans:"Microsoft YaHei","PingFang SC","Noto Sans SC",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.55;background:var(--bg);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.space-vignette{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 72% 18%,rgba(46,90,116,.17),transparent 25%),radial-gradient(circle at 14% 78%,rgba(73,53,123,.15),transparent 28%);mix-blend-mode:screen}.topbar{height:78px;position:fixed;z-index:10;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,64px);border-bottom:1px solid rgba(189,220,214,.12);background:rgba(8,13,19,.58);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:flex;align-items:flex-end;gap:3px;width:30px;height:29px;padding-bottom:2px}.brand-mark i{display:block;width:6px;background:var(--cyan);transform:skew(-25deg)}.brand-mark i:nth-child(1){height:12px;opacity:.55}.brand-mark i:nth-child(2){height:21px;opacity:.8}.brand-mark i:nth-child(3){height:29px}.brand b{display:block;font-size:14px;letter-spacing:.16em;font-weight:700}.brand small{display:block;font-size:8px;letter-spacing:.2em;color:var(--muted);margin-top:1px}.top-nav{display:flex;gap:33px;margin-left:auto;margin-right:38px;font-size:12px;color:#b8c7c8}.top-nav a{position:relative}.top-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--cyan);transition:right .25s}.top-nav a:hover:after{right:0}.login-trigger{border:1px solid rgba(111,232,220,.55);background:transparent;color:var(--cyan);padding:9px 15px;cursor:pointer;font-size:11px;letter-spacing:.08em;transition:.25s}.login-trigger span{margin-left:12px;font-size:15px}.login-trigger:hover{background:var(--cyan);color:var(--bg)}#space-canvas{position:fixed;z-index:-2;inset:0;width:100%;height:100%;background:#070b11}.hero{min-height:780px;max-width:1440px;margin:auto;padding:150px clamp(22px,7vw,115px) 80px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.hero-copy{max-width:630px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--cyan);font-size:10px;letter-spacing:.17em}.live-dot{display:block;width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 15px var(--coral);animation:pulse 1.8s infinite}.eyebrow-line{width:34px;height:1px;background:rgba(111,232,220,.45)}.hero h1{font-size:clamp(75px,10vw,150px);line-height:.85;margin:30px 0 23px;letter-spacing:-.07em;font-weight:900}.hero h1 em{font-family:var(--serif);font-weight:400;font-style:italic;color:var(--coral);letter-spacing:-.03em}.hero-subtitle{font-size:clamp(19px,2vw,27px);letter-spacing:.08em;margin:0;color:#eff5f1}.hero-desc{color:var(--muted);font-size:13px;max-width:370px;line-height:1.9;margin:18px 0 30px}.hero-actions{display:flex;align-items:center;gap:25px}.primary-action,.generate-button{border:0;background:var(--cyan);color:#092127;padding:14px 17px;cursor:pointer;font-weight:700;font-size:12px;transition:transform .22s,background .22s,box-shadow .22s}.primary-action span{margin-left:20px;font-size:16px}.primary-action:hover,.generate-button:hover{background:#a0fff4;transform:translateY(-2px);box-shadow:0 10px 30px rgba(111,232,220,.17)}.ghost-action{color:#b9c6c6;font-size:12px;border-bottom:1px solid rgba(189,220,214,.36);padding-bottom:7px}.ghost-action span{color:var(--coral);margin-left:10px}.hero-facts{display:flex;gap:40px;margin-top:65px}.hero-facts span{display:flex;flex-direction:column;gap:6px}.hero-facts b{font-family:var(--serif);font-size:23px;font-weight:400}.hero-facts small{color:var(--muted);font-size:10px}.hero-orbit{height:500px;position:relative;display:grid;place-items:center}.planet{position:relative;width:min(29vw,330px);height:min(29vw,330px);min-width:230px;min-height:230px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#5da9ac 0,#28565f 35%,#121e2b 73%,#090d15 100%);box-shadow:inset -35px -20px 60px rgba(0,0,0,.7),0 0 45px rgba(82,194,194,.15);animation:float 5s ease-in-out infinite}.planet:before{content:"";position:absolute;inset:7%;border-radius:50%;background:repeating-linear-gradient(32deg,transparent 0 13px,rgba(134,233,220,.08) 14px 15px);mix-blend-mode:screen;opacity:.9}.planet:after{content:"";position:absolute;inset:3%;border:1px solid rgba(170,255,246,.35);border-radius:50%}.planet-grid{position:absolute;inset:16%;border:1px solid rgba(150,233,229,.15);border-radius:50%;transform:rotate(25deg) scaleX(.52);box-shadow:0 0 0 26px rgba(150,233,229,.05),0 0 0 50px rgba(150,233,229,.04)}.planet i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--coral);top:31%;left:59%;box-shadow:0 0 21px 7px rgba(255,128,107,.5)}.orbit{position:absolute;border:1px solid rgba(111,232,220,.27);border-radius:50%;transform:rotate(-23deg)}.orbit-a{width:82%;height:37%;animation:spin 16s linear infinite}.orbit-b{width:69%;height:50%;border-color:rgba(169,153,255,.23);transform:rotate(59deg);animation:spin-reverse 22s linear infinite}.orbit-label{position:absolute;color:rgba(207,236,229,.68);font-size:9px;letter-spacing:.16em}.label-a{top:12%;right:0}.label-b{bottom:16%;left:1%}.panel-shell{max-width:1240px;margin:0 auto;padding:73px clamp(22px,4vw,54px);background:rgba(10,18,27,.83);border-top:1px solid var(--line);border-left:1px solid rgba(189,220,214,.08);border-right:1px solid rgba(189,220,214,.08);backdrop-filter:blur(14px)}.panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:35px}.panel-kicker{display:block;color:var(--cyan);font-size:10px;letter-spacing:.16em;margin-bottom:12px}.panel-head h2{font-size:clamp(28px,4vw,46px);margin:0;letter-spacing:-.05em;line-height:1.05}.panel-status,.model-count{font-size:11px;color:var(--muted);letter-spacing:.1em}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.scene-wrap{min-height:500px;background:#0b131c;border:1px solid rgba(189,220,214,.17);position:relative;overflow:hidden}.city-scene{position:absolute;inset:0}.scene-placeholder{position:absolute;inset:0;display:grid;place-items:center;align-content:center;color:#8da5a5;text-align:center;background:radial-gradient(circle at 50% 42%,rgba(38,79,84,.18),transparent 38%)}.scene-cross{display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(111,232,220,.35);border-radius:50%;color:var(--cyan);font-size:30px;font-weight:200;margin-bottom:15px}.scene-placeholder p{margin:0;font-size:14px}.scene-placeholder small{color:#647a7b;font-size:10px;margin-top:5px}.scene-hud{position:absolute;z-index:3;left:18px;right:18px;top:16px;display:flex;justify-content:space-between;color:rgba(213,240,233,.65);font-size:9px;letter-spacing:.14em;pointer-events:none}.control-panel{border:1px solid rgba(189,220,214,.17);background:rgba(18,30,40,.68);padding:22px 20px;display:flex;flex-direction:column}.control-label{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.11em;padding-bottom:17px;border-bottom:1px solid var(--line)}.spec-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.spec-grid div{padding:17px 0;border-bottom:1px solid rgba(189,220,214,.09)}.spec-grid div:nth-child(odd){padding-right:8px;border-right:1px solid rgba(189,220,214,.09)}.spec-grid div:nth-child(even){padding-left:13px}.spec-grid div:nth-last-child(-n+2){border-bottom:0}.spec-grid b{display:block;font-family:var(--serif);font-size:23px;font-weight:400;color:var(--ink)}.spec-grid small{color:var(--muted);font-size:10px}.control-copy{color:#9eafb0;font-size:11px;line-height:1.8;padding:15px 0 24px}.control-copy p{margin:0}.generate-button{width:100%;display:flex;align-items:center;gap:9px}.button-icon{font-size:16px}.button-arrow{margin-left:auto;font-size:16px}.save-button{width:100%;margin-top:9px;padding:12px;border:1px solid rgba(111,232,220,.38);background:transparent;color:var(--cyan);font-size:11px;cursor:pointer;transition:.2s}.save-button:hover:not(:disabled){background:rgba(111,232,220,.1)}.save-button:disabled{opacity:.32;cursor:not-allowed}.login-hint{font-size:10px;color:#718486;text-align:center;margin:13px 0 0}.models-section{margin-top:50px;padding-top:61px;padding-bottom:96px}.models-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.empty-model{min-height:205px;grid-column:1/-1;border:1px dashed rgba(189,220,214,.2);display:grid;place-items:center;align-content:center;text-align:center;color:#7e9695}.empty-model>span{color:var(--cyan);font-size:22px}.empty-model p{margin:12px 0 3px;font-size:13px;color:#a4b6b5}.empty-model small{font-size:10px}.model-card{min-height:205px;border:1px solid rgba(189,220,214,.16);background:#101b24;padding:16px;position:relative;overflow:hidden}.model-card:before{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--cyan)}.model-preview{height:114px;background:#0a141b;position:relative;overflow:hidden;margin-bottom:14px}.model-preview:before{content:"";position:absolute;width:160px;height:160px;border:1px solid rgba(111,232,220,.28);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.model-preview:after{content:"✦";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--cyan);font-size:26px}.model-card h3{font-size:13px;margin:0 0 4px}.model-card p{font-size:10px;color:var(--muted);margin:0}.model-card time{position:absolute;top:16px;right:16px;color:#718486;font-size:9px}.site-footer{max-width:1240px;margin:0 auto;padding:31px clamp(22px,4vw,54px) 38px;display:flex;justify-content:space-between;align-items:center;color:#708284;font-size:9px;letter-spacing:.1em}.site-footer>div{display:flex;align-items:center;gap:12px}.footer-mark{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--cyan);color:var(--cyan);font-size:8px}.modal-backdrop{position:fixed;inset:0;z-index:40;background:rgba(3,7,12,.8);display:grid;place-items:center;padding:20px;backdrop-filter:blur(10px)}.modal-backdrop[hidden]{display:none}.login-modal{width:min(100%,405px);background:#101b24;border:1px solid rgba(111,232,220,.34);padding:38px 34px 31px;box-shadow:0 25px 80px rgba(0,0,0,.5);position:relative}.modal-close{position:absolute;right:17px;top:13px;border:0;background:transparent;color:#93a9aa;font-size:26px;cursor:pointer}.modal-kicker{color:var(--cyan);font-size:10px;letter-spacing:.15em}.login-modal h2{font-size:28px;line-height:1.2;margin:17px 0 10px}.login-modal p{margin:0 0 25px;color:var(--muted);font-size:12px}.login-modal label{display:block;color:#a9babb;font-size:10px;margin-bottom:7px}.login-modal input{width:100%;padding:12px 13px;border:1px solid rgba(189,220,214,.23);background:#0a131b;color:var(--ink);outline:none}.login-modal input:focus{border-color:var(--cyan)}.modal-submit{width:100%;margin-top:17px;padding:13px;border:0;background:var(--cyan);color:#082126;font-weight:700;font-size:12px;cursor:pointer}.modal-submit span{float:right;font-size:17px}.login-modal small{display:block;color:#667b7d;font-size:9px;margin-top:17px;text-align:center}.toast{position:fixed;z-index:60;right:25px;bottom:25px;max-width:300px;padding:12px 15px;border:1px solid rgba(111,232,220,.42);background:#0f2024;color:#c9e9e2;font-size:11px;transform:translateY(20px);opacity:0;pointer-events:none;transition:.3s}.toast.show{transform:translateY(0);opacity:1}@keyframes pulse{0%,100%{opacity:.5;box-shadow:0 0 5px var(--coral)}50%{opacity:1;box-shadow:0 0 17px var(--coral)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes spin{to{transform:rotate(337deg)}}@keyframes spin-reverse{to{transform:rotate(-301deg)}}
@media(max-width:900px){.hero{padding-left:42px;padding-right:42px}.hero-orbit{height:390px}.workbench{grid-template-columns:minmax(0,1fr) 250px}.scene-wrap{min-height:440px}.top-nav{gap:20px;margin-right:20px}}
@media(max-width:650px){.topbar{height:67px;padding:0 18px}.brand b{font-size:12px}.brand small{font-size:7px}.top-nav{gap:14px;margin-right:15px;font-size:10px}.top-nav a:first-child{display:none}.login-trigger{padding:8px 10px;font-size:10px}.hero{display:block;min-height:0;padding:120px 21px 55px}.hero h1{font-size:76px;margin-top:23px}.hero-subtitle{font-size:17px}.hero-actions{display:block}.primary-action{width:100%;text-align:left}.ghost-action{display:inline-block;margin-top:22px}.hero-facts{gap:25px;margin-top:52px}.hero-facts b{font-size:20px}.hero-orbit{height:285px;margin-top:18px}.planet{min-width:190px;min-height:190px;width:58vw;height:58vw}.label-a{top:9%;right:1%}.label-b{bottom:10%;left:4%}.panel-shell{padding:52px 18px 64px;margin-top:22px}.panel-head{display:block;margin-bottom:25px}.panel-status,.model-count{display:block;margin-top:13px}.workbench{display:block}.scene-wrap{min-height:370px}.control-panel{margin-top:10px;padding:18px}.control-copy{padding-top:14px}.models-section{margin-top:22px}.models-grid{grid-template-columns:1fr}.site-footer{display:block;line-height:2}.site-footer>span{display:block;margin-top:12px}.login-modal{padding:31px 23px 25px}.toast{left:18px;right:18px;bottom:18px;max-width:none}}

/* Generated orbital plate replaces the procedural placeholder with a quiet, high-depth hero. */
#space-canvas{background:#050912 url("assets/hero-planet.png") center center / cover no-repeat fixed}
.space-vignette{background:linear-gradient(90deg,rgba(3,7,13,.74) 0%,rgba(3,7,13,.36) 43%,rgba(3,7,13,.05) 78%),linear-gradient(0deg,rgba(3,7,13,.4),transparent 42%);mix-blend-mode:normal}
.hero-copy{text-shadow:0 2px 28px rgba(0,0,0,.42)}
.hero-orbit{opacity:.64;filter:saturate(.8)}
.city-scene canvas{display:block;width:100%;height:100%;cursor:grab}
.city-scene canvas:active{cursor:grabbing}
body{isolation:isolate}
.hero{max-width:none;display:flex;min-height:760px;height:92svh;background:linear-gradient(90deg,rgba(3,7,13,.5),transparent 70%),url('assets/hero-planet.png') center/cover no-repeat}
.hero-copy{max-width:630px}
.hero h1{font-size:116px;letter-spacing:0}
.hero h1 em{color:#badbe8;letter-spacing:0}
.scene-wrap{min-height:570px}
.city-scene canvas{touch-action:none}
.diameter-control{padding:18px 0 13px;border-bottom:1px solid var(--line)}
.diameter-control label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#a8bcbe}
.diameter-control output{font-size:20px;color:var(--cyan);font-family:var(--serif)}
.diameter-control input{width:100%;margin:14px 0 6px;accent-color:var(--cyan);cursor:pointer}
.range-labels{display:flex;justify-content:space-between;font-size:9px;color:#71888f}
.diameter-control p{font-size:10px;color:#b0c7c7;margin:10px 0 0;line-height:1.8}
.ecology-stats{font-size:10px;color:var(--cyan);line-height:1.9;margin-top:14px}
.scene-tools{position:absolute;bottom:17px;right:15px;display:flex;gap:4px;z-index:4}
.scene-tools button{border:1px solid #34505d;background:#0c202ae8;color:#b6d4d8;font-size:10px;padding:7px 10px;cursor:pointer}
.scene-tools button:hover,.scene-tools button:focus-visible{color:var(--cyan);border-color:var(--cyan)}
.generate-button:disabled{opacity:.55;cursor:wait;transform:none;box-shadow:none}
.scene-guide{position:absolute;left:17px;bottom:20px;font-size:9px;letter-spacing:.07em;color:#86a4b0;pointer-events:none}
.scene-wrap{min-height:640px}
.workbench{grid-template-columns:minmax(0,1fr) 290px}
@media(max-width:900px){.workbench{grid-template-columns:1fr}.scene-wrap{min-height:520px}.control-panel{margin-top:10px}.scene-guide{bottom:56px}}
@media(max-width:650px){.hero{min-height:710px;height:94svh;background-position:63% center;padding:110px 22px 50px}.hero h1{font-size:78px}.scene-wrap{min-height:410px}}