:root{--ink:#5f4253;--muted:#806878;--pink:#f8b4d9;--cream:#fef3c7;--mint:#a7f3d0;--purple:#c4b5fd;--yellow:#fcd34d;--blue:#b6e9ff;--spring:cubic-bezier(.34,1.56,.64,1);--shadow:8px 8px 0 rgba(91,64,80,.12),inset 0 3px 5px rgba(255,255,255,.72);--deep:12px 12px 0 rgba(91,64,80,.13),inset 0 4px 7px rgba(255,255,255,.75)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;background:#fffbea;background-image:radial-gradient(circle at 7% 14%,rgba(248,180,217,.42) 0 52px,transparent 54px),radial-gradient(circle at 92% 19%,rgba(167,243,208,.42) 0 43px,transparent 45px),radial-gradient(circle at 94% 64%,rgba(252,211,77,.3) 0 50px,transparent 52px),radial-gradient(circle at 5% 70%,rgba(196,181,253,.26) 0 38px,transparent 40px);background-attachment:fixed}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-70px;left:20px;z-index:100;padding:10px 18px;background:#fff;border-radius:999px}.skip:focus{top:15px}.clay{border:0;border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,240,247,.84));box-shadow:var(--shadow)}.squish{border:0;border-radius:999px;box-shadow:var(--shadow);transition:transform .3s var(--spring),box-shadow .3s var(--spring)}.squish:hover{transform:scale(1.04);box-shadow:var(--deep)}.squish:active{transform:scale(.97);box-shadow:4px 4px 0 rgba(91,64,80,.1),inset 0 2px 4px rgba(255,255,255,.55)}a:focus-visible,button:focus-visible{outline:4px solid rgba(95,66,83,.25);outline-offset:4px}
.nav{position:sticky;top:16px;z-index:50;max-width:1160px;margin:16px auto 0;padding:10px 15px;display:flex;align-items:center;gap:20px;border-radius:26px;background:rgba(255,251,234,.9);backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:10px}.logo{display:grid;place-items:center;width:47px;height:47px;border-radius:18px;background:linear-gradient(145deg,#ffc8e2,#f190c3);color:#fff;font:800 25px/1 "Baloo 2";box-shadow:6px 6px 0 rgba(173,79,130,.16),inset 0 3px 5px rgba(255,255,255,.58)}.brand b{display:block;font:800 20px/1 "Baloo 2"}.brand small{font-size:10px;color:var(--muted)}.weather{margin-right:auto;padding:9px 14px;border-radius:999px;background:linear-gradient(145deg,#dff7ff,var(--blue));font-size:12px;font-weight:600;box-shadow:inset 0 3px 5px rgba(255,255,255,.65)}.navlinks{display:flex;gap:5px}.navlinks a{padding:10px 14px;border-radius:999px;font-size:13px;font-weight:700;transition:.2s}.navlinks a:hover{background:#ffe1ef}.menu{display:none;width:45px;height:45px;background:var(--pink);cursor:pointer}
.hero{max-width:1160px;min-height:680px;margin:auto;padding:96px 22px 70px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.eyebrow{display:inline-block;padding:10px 15px;border-radius:999px;background:var(--cream);font:700 11px/1 "Baloo 2";letter-spacing:1.2px;box-shadow:inset 4px 4px 8px rgba(95,66,83,.08),inset -3px -3px 7px #fff}.hero h1{margin:22px 0 20px;font:800 clamp(47px,6vw,76px)/1.03 "Baloo 2","Noto Sans SC";letter-spacing:-2px}.hero h1 em{color:#db69a7;font-style:normal}.hero-copy>p{max-width:570px;color:var(--muted);font-size:17px;line-height:1.9}.actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:29px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:53px;padding:13px 23px;font-weight:800}.primary{color:#fff;background:linear-gradient(145deg,#ffc4df,#ee87be)}.cream{background:linear-gradient(145deg,#fff6cf,#f8dc91);color:#77572c}.meta{display:flex;flex-wrap:wrap;gap:20px;margin-top:27px;color:var(--muted);font-size:12px}.hero-art{position:relative;height:470px}.planet{position:absolute;z-index:2;left:50%;top:50%;width:270px;height:270px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:46% 54% 49% 51%;background:linear-gradient(145deg,#ffc5df,#ef8ec1);box-shadow:20px 22px 0 rgba(182,91,140,.13),inset 10px 12px 18px rgba(255,255,255,.55),inset -10px -10px 15px rgba(139,63,105,.1);animation:float 4s var(--spring) infinite alternate}.planet span{color:#965474;font:800 44px/1 "Baloo 2";letter-spacing:5px}.orbit{position:absolute;left:50%;top:50%;border:4px solid rgba(255,255,255,.75);border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg);box-shadow:4px 5px 0 rgba(95,66,83,.06)}.o1{width:430px;height:150px}.o2{width:330px;height:400px;transform:translate(-50%,-50%) rotate(35deg)}.blob{position:absolute;border-radius:45% 55% 48% 52%;box-shadow:var(--shadow)}.b1{width:68px;height:68px;left:22px;top:35px;background:var(--purple)}.b2{width:52px;height:52px;right:25px;top:130px;background:var(--mint)}.b3{width:45px;height:45px;left:65px;bottom:20px;background:var(--yellow)}.chip{position:absolute;z-index:3;padding:12px 16px;border-radius:20px;font:700 13px/1 "Baloo 2";box-shadow:var(--shadow);animation:chip 3.5s var(--spring) infinite alternate}.chip i{margin-right:7px}.code{right:14px;top:35px;background:var(--purple)}.photo{left:0;bottom:78px;background:var(--mint);animation-delay:-1.4s}.create{right:2px;bottom:30px;background:var(--yellow);animation-delay:-2.5s}
.section{max-width:1160px;margin:auto;padding:78px 22px}.heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.heading small,.system small,.closing small{color:#da69a6;font:800 11px/1 "Baloo 2";letter-spacing:1.5px}.heading small.mint{color:#438568}.system small.purple{color:#7460a4}.heading h2,.system h2,.closing h2{margin:7px 0 0;font:800 clamp(31px,4vw,46px)/1.13 "Baloo 2","Noto Sans SC";letter-spacing:-1px}.heading>p{max-width:390px;margin:0;color:var(--muted);line-height:1.8}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{position:relative;min-height:230px;padding:23px;overflow:hidden;transition:transform .3s var(--spring),box-shadow .3s var(--spring)}.card:hover{transform:scale(1.035);box-shadow:var(--deep)}.card:active{transform:scale(.98)}.card.pink{background:linear-gradient(145deg,#fff,#ffe0ef)}.card.purple{background:linear-gradient(145deg,#fff,#e7dfff)}.card.blue{background:linear-gradient(145deg,#fff,#dcf4ff)}.card.yellow{background:linear-gradient(145deg,#fffef7,#ffefb3)}.card.mint{background:linear-gradient(145deg,#fff,#d7f8e8)}.card.wide{grid-column:span 2;background:linear-gradient(145deg,#ffd3e6,#f5abd1)}.icon{display:grid;place-items:center;width:53px;height:53px;border-radius:20px;background:rgba(255,255,255,.62);font-size:21px;box-shadow:5px 5px 0 rgba(95,66,83,.08),inset 0 3px 5px #fff}.tag{position:absolute;right:20px;top:20px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.58);font-size:10px}.card h3{margin:22px 0 6px;font:800 20px/1.2 "Baloo 2","Noto Sans SC"}.card p{color:var(--muted);font-size:12px;line-height:1.6}.enter{position:absolute;left:23px;bottom:19px;font-size:11px;font-weight:800}.enter i{margin-left:5px;transition:transform .25s}.card:hover .enter i{transform:translateX(5px)}.pills{display:flex;flex-wrap:wrap;gap:14px}.pill{display:flex;align-items:center;gap:9px;padding:12px 18px;font-size:13px;font-weight:700}.t0{background:var(--pink)}.t1{background:var(--purple)}.t2{background:var(--mint)}.t3{background:var(--yellow)}.t4{background:var(--blue)}
.system{padding:40px;display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;background:linear-gradient(145deg,#f5efff,#fff2f8)}.system p,.closing p{color:var(--muted);line-height:1.8}.stats{display:flex;gap:13px;margin-top:27px}.stats a{flex:1;padding:15px;border-radius:21px;background:rgba(255,255,255,.55);box-shadow:inset 0 3px 5px #fff}.stats b,.stats span{display:block}.stats b{font:800 21px/1.2 "Baloo 2"}.stats span{font-size:11px;color:var(--muted)}.syslinks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.syslinks a{display:flex;justify-content:space-between;padding:13px 15px;border-radius:16px;background:rgba(255,255,255,.55);font-size:12px;font-weight:600;transition:.25s}.syslinks a:hover{background:#fff;transform:scale(1.025)}.closing{padding:40px 46px;min-height:225px;display:flex;align-items:center;gap:35px;background:linear-gradient(135deg,#ffe0ee,#eee6ff 55%,#dcf8e9)}.closing>div{flex:1}.spark{display:grid;place-items:center;flex:0 0 88px;height:88px;border-radius:32px;background:var(--yellow);font-size:36px;box-shadow:var(--shadow);transform:rotate(-7deg)}
.seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.seo-card{display:flex;align-items:center;gap:20px;padding:25px;background:linear-gradient(145deg,#fff,#fff0c4)}.seo-card:nth-child(2){background:linear-gradient(145deg,#fff,#dff6ff)}.seo-card div{flex:1}.seo-card h3{margin:0 0 5px;font:800 20px/1.2 "Baloo 2","Noto Sans SC"}.seo-card p{margin:0;color:var(--muted);font-size:12px}.map-shell{padding:16px;background:linear-gradient(145deg,#ddf8eb,#fff8d7)}.map-shell iframe{display:block;width:100%;height:600px;border:0;border-radius:24px;background:#fff}
footer{max-width:1160px;margin:auto;padding:20px 22px 40px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.footbrand{display:flex;align-items:center;gap:11px}.footbrand .logo{width:40px;height:40px;border-radius:15px;font-size:20px}.footbrand b{color:var(--ink);font-size:13px}.footbrand p,.footmeta p{margin:3px 0}.footmeta{text-align:right}.scroll{position:fixed;right:20px;bottom:20px;z-index:40;display:flex;flex-direction:column;gap:10px}.scroll button{width:43px;height:43px;background:#ffe1ef;cursor:pointer}.scroll #top{opacity:0;visibility:hidden}.scroll #top.show{opacity:1;visibility:visible}
@keyframes float{to{transform:translate(-50%,-54%) rotate(2deg)}}@keyframes chip{to{transform:translateY(-11px) rotate(2deg)}}
@media(max-width:950px){.nav{margin:12px 14px 0}.weather{display:none}.menu{display:block;margin-left:auto}.navlinks{display:none;position:absolute;left:0;right:0;top:68px;padding:14px;flex-direction:column;text-align:center;border-radius:24px;background:#fff9e9;box-shadow:var(--shadow)}.navlinks.open{display:flex}.hero{grid-template-columns:1fr;padding-top:75px}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.actions,.meta{justify-content:center}.hero-art{height:410px;max-width:560px;width:100%;margin:auto}.grid{grid-template-columns:repeat(2,1fr)}.system{grid-template-columns:1fr}.closing{flex-wrap:wrap}}
@media(max-width:610px){.brand small{display:none}.hero{padding:70px 18px 40px}.hero h1{font-size:45px}.hero-copy>p{font-size:15px}.actions .btn{width:100%}.hero-art{height:315px}.planet{width:195px;height:195px}.planet span{font-size:32px}.o1{width:300px;height:110px}.o2{width:245px;height:285px}.chip{font-size:11px;padding:9px 12px}.section{padding:56px 18px}.heading{display:block}.heading>p{margin-top:12px}.grid{grid-template-columns:1fr;gap:17px}.card.wide{grid-column:auto}.system{padding:26px 20px;gap:32px}.syslinks,.seo-grid{grid-template-columns:1fr}.map-shell{padding:9px}.map-shell iframe{height:480px;border-radius:22px}.closing{padding:31px 23px;justify-content:center;text-align:center}.closing .btn{width:100%}footer{padding:10px 18px 30px;flex-direction:column;text-align:center;gap:18px}.footmeta{text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Typography refresh: cleaner Chinese system fonts and calmer weights. */
body{font-family:"HarmonyOS Sans SC","MiSans","Source Han Sans SC","Microsoft YaHei UI","Microsoft YaHei",sans-serif}
.brand b,.logo,.eyebrow,.planet span,.chip,.heading small,.system small,.closing small,.heading h2,.system h2,.closing h2,.card h3,.stats b,.seo-card h3{font-family:inherit}
.hero h1{font-family:inherit;font-size:clamp(45px,5.4vw,70px);font-weight:700;line-height:1.12;letter-spacing:-2px}
.hero h1 em{display:inline-block;margin-top:8px;font-size:.67em;font-weight:600;line-height:1.25;letter-spacing:-1px}
.heading h2,.system h2,.closing h2{font-size:clamp(29px,3.6vw,42px);font-weight:700;line-height:1.2}
.card h3,.seo-card h3{font-weight:700}.btn,.enter{font-weight:700}
@media(max-width:610px){.hero h1{font-size:43px}.hero h1 em{font-size:.64em}}