@charset "UTF-8";
:root{
  --bg:#061019;--surface:rgba(8,15,20,.74);--surface2:rgba(6,12,16,.90);
  --text:#f5f8f9;--muted:#aab6bc;--muted2:#71818a;--line:rgba(255,255,255,.13);
  --cyan:#25c9f2;--blue:#168ef5;--violet:#8374ff;--green:#47d99a;--gold:#efb76a;
  --shell:1700px;--sky-x:0px;--sky-y:0px;--mid-x:0px;--mid-y:0px;--front-x:0px;--front-y:0px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:var(--bg);font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",Arial,sans-serif;line-height:1.55;overflow-x:hidden}
body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}img{display:block;max-width:100%}
svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wide{width:min(calc(100% - 52px),var(--shell));margin:auto}
.read-progress{position:fixed;z-index:1000;top:0;left:0;right:0;height:2px}.read-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--violet))}

/* scene */
.scene{position:fixed;z-index:-5;inset:0;overflow:hidden;background:#101a22}
.scene-set{position:absolute;inset:-22px;opacity:0;transition:opacity 1.2s ease}.scene-set.is-active{opacity:1}
.layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;will-change:transform}
.layer-base{transform:scale(1.035);animation:baseDrift 24s ease-in-out infinite alternate}
.layer-sky{transform:translate3d(var(--sky-x),var(--sky-y),0) scale(1.055)}
.layer-mid{transform:translate3d(var(--mid-x),var(--mid-y),0) scale(1.055)}
.layer-front{transform:translate3d(var(--front-x),var(--front-y),0) scale(1.07)}
@keyframes baseDrift{from{transform:scale(1.025)}to{transform:scale(1.055)}}
html[data-motion="off"] .layer-base{animation:none;transform:scale(1.035)}
html[data-motion="off"] .layer-sky,html[data-motion="off"] .layer-mid,html[data-motion="off"] .layer-front{transform:scale(1.045)}
.scene-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,10,.90),rgba(2,7,10,.64) 29%,rgba(2,7,10,.08) 58%,rgba(2,7,10,.31)),linear-gradient(180deg,rgba(2,7,10,.18),transparent 47%,rgba(2,7,10,.52) 79%,#061019 100%)}
html[data-period="day"] .scene-vignette{background:linear-gradient(90deg,rgba(2,7,10,.80),rgba(2,7,10,.49) 28%,rgba(2,7,10,.02) 60%,rgba(2,7,10,.20)),linear-gradient(180deg,rgba(2,7,10,.08),transparent 47%,#061019 100%)}
.light-rays{position:absolute;inset:-20%;background:conic-gradient(from 205deg at 64% 22%,transparent 0 10deg,rgba(255,218,157,.13) 13deg,transparent 18deg 30deg,rgba(139,219,255,.08) 34deg,transparent 39deg);mix-blend-mode:screen;filter:blur(9px);animation:rays 16s ease-in-out infinite alternate}
.sun-glow{position:absolute;width:34vw;height:34vw;right:7%;top:-8%;border-radius:50%;background:radial-gradient(circle,rgba(255,241,199,.25),rgba(255,190,91,.10) 31%,transparent 69%);mix-blend-mode:screen;animation:glow 5s ease-in-out infinite}
.cloud,.mist{position:absolute;border-radius:50%;filter:blur(34px);pointer-events:none}
.cloud{width:52vw;height:150px;opacity:.10;background:radial-gradient(ellipse,rgba(236,249,255,.78),rgba(236,249,255,.04) 65%,transparent 75%)}
.cloud-a{top:10%;left:-31%;animation:cloudA 48s linear infinite}.cloud-b{top:27%;right:-34%;opacity:.065;animation:cloudB 69s linear infinite}
.mist{width:45vw;height:135px;opacity:.09;background:radial-gradient(ellipse,rgba(210,238,245,.76),rgba(210,238,245,.04) 62%,transparent 75%)}
.mist-a{bottom:18%;left:-30%;animation:mistA 26s linear infinite}.mist-b{bottom:5%;right:-34%;opacity:.06;animation:mistB 34s linear infinite}
.meteor{display:none;position:absolute;width:130px;height:1px;background:linear-gradient(90deg,transparent,#e0f1ff);filter:drop-shadow(0 0 5px #85cfff);transform:rotate(-24deg);opacity:0}
html[data-period="night"] .meteor{display:block}.meteor-a{left:67%;top:12%;animation:meteor 6.5s 1s infinite}.meteor-b{left:38%;top:21%;animation:meteor 8.8s 4s infinite}
#ambient{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
@keyframes rays{from{transform:rotate(-3deg) translateX(-2%);opacity:.35}to{transform:rotate(3deg) translateX(3%);opacity:.85}}
@keyframes glow{0%,100%{transform:scale(.92);opacity:.38}50%{transform:scale(1.1);opacity:.78}}
@keyframes cloudA{from{transform:translateX(-10%)}to{transform:translateX(160%)}}
@keyframes cloudB{from{transform:translateX(15%)}to{transform:translateX(-160%)}}
@keyframes mistA{from{transform:translateX(-8%)}to{transform:translateX(250%)}}
@keyframes mistB{from{transform:translateX(10%)}to{transform:translateX(-240%)}}
@keyframes meteor{0%,72%{opacity:0;transform:translate(0,0) rotate(-24deg)}75%{opacity:1}88%,100%{opacity:0;transform:translate(-260px,120px) rotate(-24deg)}}
html[data-motion="off"] .light-rays,html[data-motion="off"] .sun-glow,html[data-motion="off"] .cloud,html[data-motion="off"] .mist,html[data-motion="off"] .meteor{animation:none!important}
html[data-motion="off"] #ambient{display:none}

/* header */
.site-header{position:fixed;z-index:300;top:0;left:0;right:0;height:72px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(4,9,12,.91),rgba(4,9,12,.47));backdrop-filter:blur(18px)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:26px}
.brand{width:190px}.brand img{width:100%}
.desktop-nav{display:flex;align-items:center;gap:4px}.desktop-nav a,.desktop-nav button{padding:9px 13px;border:0;border-radius:10px;background:none;color:#ccd5d9;cursor:pointer;font-size:13px}.desktop-nav a:hover,.desktop-nav button:hover,.desktop-nav .active{background:rgba(255,255,255,.09);color:#fff}
.header-actions{display:flex;align-items:center;gap:8px}.icon-button,.login-button,.platform-button,.menu-button{height:40px;border:1px solid var(--line);border-radius:11px;background:rgba(8,14,19,.60);backdrop-filter:blur(14px);cursor:pointer}.icon-button{width:40px;display:grid;place-items:center}.icon-button svg{width:18px}.login-button{padding:0 15px}.platform-button{display:flex;align-items:center;gap:7px;padding:0 16px;background:linear-gradient(135deg,var(--cyan),var(--blue));border-color:rgba(56,190,247,.55);font-weight:800}.platform-button svg{width:17px}.menu-button{display:none;width:40px;padding:9px}.menu-button i{display:block;height:1.5px;background:#fff;margin:4px}
.mobile-nav{display:none}

/* layout */
.portal{position:relative;z-index:10;padding-top:72px;min-height:100svh;display:grid;grid-template-rows:minmax(420px,1.35fr) auto auto 92px;gap:13px}
.hero-row{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:center;gap:70px;padding-top:22px}
.hero-copy{max-width:720px}.kicker{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:7px 11px;border:1px solid rgba(68,198,248,.28);border-radius:999px;background:rgba(5,12,16,.45);font-size:11px;color:#dae4e7}.kicker span{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 13px var(--cyan)}
.hero-copy h1{margin:20px 0 14px;font-size:clamp(54px,4.3vw,79px);line-height:1.02;letter-spacing:-3px;text-shadow:0 13px 36px rgba(0,0,0,.42)}.hero-copy h1 span{background:linear-gradient(90deg,#22d0ef,#208df4 56%,#8271ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:660px;margin:0;color:#c7d1d5;font-size:14px}
.hero-buttons{display:flex;gap:11px;margin-top:21px}.button{min-height:45px;padding:0 19px;border:1px solid transparent;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:13px;font-weight:800;font-size:13px;cursor:pointer;transition:.2s}.button:hover{transform:translateY(-3px)}.button.primary{background:linear-gradient(135deg,var(--cyan),var(--blue));box-shadow:0 14px 34px rgba(21,143,244,.24)}.button.ghost{border-color:var(--line);background:rgba(5,12,16,.54);backdrop-filter:blur(14px)}
.time-control{display:flex;align-items:center;gap:7px;margin-top:13px}.time-control button{height:32px;border:1px solid var(--line);border-radius:9px;background:rgba(5,12,16,.50);backdrop-filter:blur(12px);cursor:pointer;font-size:9px;color:#d5dde0}.time-control #time-cycle{display:flex;align-items:center;gap:6px;padding:0 9px}.time-control #time-cycle i{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold)}.time-control small{font:700 8px Consolas,monospace;color:#87959d}.time-control #time-auto,.time-control #motion-toggle{padding:0 9px;color:var(--cyan)}
.metrics{border:1px solid rgba(255,255,255,.16);border-radius:22px;background:linear-gradient(145deg,rgba(20,27,31,.80),rgba(7,13,17,.72));box-shadow:0 30px 78px rgba(0,0,0,.34);backdrop-filter:blur(21px);overflow:hidden}.metrics article{height:102px;display:grid;grid-template-columns:58px 1fr;align-items:center;gap:14px;padding:0 23px;border-bottom:1px solid var(--line)}.metrics article:last-child{border-bottom:0}.metrics article>span{width:48px;height:48px;display:grid;place-items:center;color:var(--blue)}.metrics svg{width:38px}.metrics strong{font-size:27px;font-weight:500}.metrics p{margin:0;color:#cbd3d7;font-size:11px}

/* section common */
.section-title{display:flex;align-items:center;gap:9px;height:29px;margin-bottom:8px}.section-title>span,.section-title.split>div>span{width:3px;height:21px;background:var(--cyan)}.section-title h2{margin:0;font-size:18px}.section-title.split{justify-content:space-between}.section-title.split>div{display:flex;align-items:center;gap:9px}.section-title.split>a{color:var(--cyan);font-size:9px}

/* worlds */
.world-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.world-card{position:relative;height:184px;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#0b151d;transition:.2s;transform-style:preserve-3d}.world-card:hover{border-color:rgba(45,198,247,.38);box-shadow:0 19px 50px rgba(0,0,0,.24)}.world-card>img{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .5s}.world-card:hover>img{transform:scale(1.06)}.world-card>i{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,8,11,.02),rgba(3,8,11,.16) 40%,rgba(3,8,11,.90) 100%)}.world-card>div{position:absolute;left:17px;right:17px;bottom:14px}.world-card small{font:800 8px Consolas,monospace;letter-spacing:1.3px;color:#e2f7ff}.world-card h3{margin:2px 0;font-size:18px}.world-card p{margin:0 0 8px;color:#c4cdd1;font-size:9px}.world-card b{color:#74dfff;font-size:9px}

/* lower */
.lower-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cap-grid,.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mini-card,.project-card{min-height:101px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.014));transition:.2s}.mini-card:hover,.project-card:hover{transform:translateY(-4px);border-color:rgba(45,198,247,.36)}
.mini-card{display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:11px;padding:13px}.mini-card>em{font-style:normal;color:var(--blue);font-size:27px}.mini-card h3{margin:0;font-size:13px}.mini-card p{margin:2px 0 0;color:var(--muted);font-size:8px}.mini-card>b{color:var(--muted)}
.project-card{display:grid;grid-template-columns:39px 1fr;gap:9px;padding:12px;text-align:left;cursor:pointer}.project-card>em{font-style:normal;width:37px;height:37px;display:grid;place-items:center;border:1px solid currentColor;border-radius:10px;color:var(--violet)}.project-card>div>div{display:flex;align-items:center;justify-content:space-between;gap:6px}.project-card h3{margin:0;font-size:13px}.project-card i{font-style:normal;font-size:7px;border:1px solid var(--line);border-radius:999px;padding:3px 5px}.project-card i.online{color:var(--green);border-color:rgba(71,217,154,.25)}.project-card p{margin:2px 0;color:var(--muted);font-size:8px}.project-card small{color:var(--muted2);font-size:7px}

/* footer */
.footer{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:35px;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(3,8,12,.62),rgba(3,8,12,.92));padding:0 4px}.footer-brand img{width:170px}.footer-brand p{margin:4px 0 0;color:var(--muted);font-size:8px}.footer nav{display:flex;justify-content:center;gap:17px}.footer nav a{color:var(--muted);font-size:8px}.footer nav a:hover{color:var(--cyan)}.footer>span{color:var(--muted2);font-size:8px}
.fullscreen-button{position:fixed;z-index:500;right:15px;bottom:15px;height:34px;border:1px solid var(--line);border-radius:9px;background:rgba(4,10,14,.72);backdrop-filter:blur(14px);color:#dbe4e7;padding:0 10px;cursor:pointer;font-size:9px}

/* modals */
.modal{position:fixed;z-index:2000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(1,5,8,.74);backdrop-filter:blur(17px);opacity:0;visibility:hidden;transition:.18s}.modal.open{opacity:1;visibility:visible}.dialog{width:min(650px,100%);max-height:calc(100vh - 38px);overflow:auto;padding:26px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:linear-gradient(145deg,rgba(18,27,33,.98),rgba(5,11,15,.99));box-shadow:0 40px 125px rgba(0,0,0,.58);transform:translateY(12px) scale(.985);transition:.18s}.modal.open .dialog{transform:none}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:17px}.dialog-head small{color:var(--cyan);font-size:9px;letter-spacing:1.5px}.dialog-head h2{margin:3px 0 0;font-size:27px}.dialog-head button{width:37px;height:37px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.04);font-size:21px;cursor:pointer}.dialog>p{color:var(--muted);font-size:12px}.dialog-primary{min-height:45px;margin-top:17px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:linear-gradient(135deg,var(--cyan),var(--blue));font-weight:800;font-size:12px}.search-box{height:52px;display:grid;grid-template-columns:23px 1fr auto;align-items:center;gap:9px;padding:0 13px;border:1px solid rgba(39,196,247,.35);border-radius:12px;background:rgba(255,255,255,.04)}.search-box span{font-size:21px;color:var(--cyan)}.search-box input{width:100%;border:0;outline:0;background:none;color:#fff;font-size:14px}.search-box kbd{border:1px solid var(--line);border-radius:6px;padding:3px 6px;color:#84939b;font:700 8px Consolas,monospace}.search-results{display:grid;gap:7px;margin-top:12px}.search-result{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:11px;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:rgba(255,255,255,.025)}.search-result:hover{border-color:rgba(37,199,246,.34)}.search-result span{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:9px;color:var(--cyan);font:700 9px Consolas,monospace}.search-result strong{font-size:13px}.search-result p{margin:2px 0 0;color:#84939b;font-size:9px}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.platform-grid a{min-height:140px;padding:16px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.025);display:flex;flex-direction:column}.platform-grid a:hover{border-color:rgba(37,199,246,.34);transform:translateY(-3px)}.platform-grid span{color:var(--cyan);font:700 9px Consolas,monospace}.platform-grid strong{margin-top:20px;font-size:18px}.platform-grid p{margin:3px 0;color:#8f9da5;font-size:10px}.platform-grid b{margin-top:auto;color:var(--cyan);font-size:9px}.updates-list{border-top:1px solid var(--line)}.updates-list article{display:grid;grid-template-columns:105px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.updates-list time{color:var(--muted2);font:700 9px Consolas,monospace}.updates-list strong{font-size:15px}.updates-list p{margin:3px 0 0;color:var(--muted);font-size:10px}
.toast{position:fixed;z-index:2500;left:50%;bottom:20px;transform:translate(-50%,12px);padding:9px 14px;border:1px solid var(--line);border-radius:10px;background:rgba(4,10,14,.88);backdrop-filter:blur(14px);color:#e8eff2;font-size:9px;opacity:0;visibility:hidden;transition:.2s}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .62s,transform .62s}.js .reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.07s!important}.delay-2{transition-delay:.14s!important}

/* Desktop single-screen tuning */
@media(min-width:1200px) and (min-height:850px){
  body{overflow:hidden}.portal{height:100svh}
}
@media(min-width:1800px) and (min-height:1100px){
  :root{--shell:1880px}.portal{grid-template-rows:minmax(500px,1.45fr) auto auto 100px}.hero-row{grid-template-columns:minmax(0,1fr) 400px}.world-card{height:210px}.mini-card,.project-card{min-height:112px}
}
@media(max-width:1180px){
  .desktop-nav,.login-button{display:none}.menu-button{display:block}.mobile-nav{position:absolute;top:72px;left:0;right:0;padding:13px 22px 18px;background:rgba(4,9,12,.96);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(2,1fr);gap:8px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:.2s}.mobile-nav.open{opacity:1;visibility:visible;transform:none}.mobile-nav a,.mobile-nav button{padding:11px;border:1px solid var(--line);border-radius:9px;background:none;text-align:left;color:#cad4d8}
  body{overflow:auto}.portal{grid-template-rows:auto auto auto 90px;padding-top:100px}.hero-row{grid-template-columns:1fr;gap:25px}.metrics{max-width:720px}.world-grid{grid-template-columns:1fr 1fr}.lower-row{grid-template-columns:1fr}.footer{margin-top:20px}
}
@media(max-width:720px){
  .wide{width:calc(100% - 26px)}.brand{width:150px}.platform-button{display:none}.portal{padding-top:92px}.hero-copy h1{font-size:40px;letter-spacing:-1.6px}.hero-copy>p{font-size:13px}.hero-buttons{flex-direction:column}.button{width:100%}.time-control{flex-wrap:wrap}.world-grid,.cap-grid,.project-grid{grid-template-columns:1fr}.world-card{height:245px}.footer{grid-template-columns:1fr;padding:30px 0}.footer nav{justify-content:flex-start;flex-wrap:wrap}.platform-grid{grid-template-columns:1fr}.fullscreen-button{display:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.layer-base,.light-rays,.sun-glow,.cloud,.mist,.meteor{animation:none!important}.js .reveal{opacity:1;transform:none;transition:none}}


/* ZYTeam V3.1.0 formal additions */
.lite-link{
  height:32px;
  display:inline-flex;
  align-items:center;
  padding:0 9px;
  border:1px solid var(--line);
  border-radius:9px;
  background:rgba(5,12,16,.50);
  color:var(--cyan);
  font-size:9px;
  backdrop-filter:blur(12px);
}
.footer-versions{display:flex;gap:10px;justify-content:flex-end}
.footer-versions a{color:var(--muted2);font-size:8px}
.footer-versions a:hover{color:var(--cyan)}
html[data-performance="low"] .layer-mid,
html[data-performance="low"] .layer-front{opacity:.62}
html[data-performance="low"] .cloud-b,
html[data-performance="low"] .mist-b,
html[data-performance="low"] .light-rays{display:none}
html[data-performance="low"] .sun-glow{opacity:.45}
html[data-performance="low"] .layer-base{animation-duration:40s}
.scene-loading{
  position:fixed;
  z-index:450;
  inset:0;
  display:grid;
  place-items:center;
  pointer-events:none;
  background:#071019;
  transition:opacity .5s,visibility .5s;
}
.scene-loading.hidden{opacity:0;visibility:hidden}
.scene-loading span{
  width:42px;height:42px;border:2px solid rgba(255,255,255,.14);
  border-top-color:var(--cyan);border-radius:50%;
  animation:zySpin .8s linear infinite
}
@keyframes zySpin{to{transform:rotate(360deg)}}
@media(max-width:720px){
  .lite-link{height:31px}
  .footer-versions{justify-content:flex-start}
}


/* V3.1.0 mobile visibility/performance fix */
@media(max-width:720px){
  .js .reveal{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
}