@font-face{font-family:Hangzhang;src:url('/brand/fonts/hangzhang-sans-sc.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--bg:#0b0d18;--panel:#141724;--raised:#1a1c2c;--text:#f1eff9;--muted:#a2a1b7;--dim:#777991;--line:#d5c9ff1c;--purple:#b9a0f2;--radius:20px;--ease:cubic-bezier(.2,.7,.2,1);color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:96px}
*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg);font:14px/1.7 Hangzhang,'Microsoft YaHei UI','PingFang SC',system-ui,sans-serif;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto}svg{width:20px;height:20px;flex:none;vertical-align:middle}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:600}a,summary,button{-webkit-tap-highlight-color:transparent}.wrap{width:calc(100% - 96px);max-width:1200px;margin-inline:auto}a:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid #c5abff;outline-offset:5px;border-radius:6px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;left:20px;top:-80px;z-index:100;background:#b9a0f2;padding:12px 20px;color:#171224;border-radius:10px}.skip-link:focus{top:16px}
.site-header{border-bottom:1px solid #d5c9ff10;background:#0b0d18ed;position:relative;z-index:10}.header-inner{display:flex;align-items:center;gap:32px;height:88px}.brand{display:inline-flex;align-items:center;gap:12px;flex:none;font-size:17px;line-height:1.4;font-weight:650;letter-spacing:1px}.brand img{width:36px;height:36px}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:2.5px;margin-top:4px;color:#a3a0ba}.site-header nav{display:flex;align-items:center;gap:32px;margin-left:auto;color:#a9a7bf;font-size:13px}.site-header nav a:hover{color:#efeaff}.header-launch{display:inline-flex;align-items:center;gap:16px;min-height:40px;padding:0 16px;border:1px solid #cdb9ff30;border-radius:10px;font-size:12px;color:#d4c6ee;background:#ac90dc08;transition:background 200ms}.header-launch:hover{background:#ac90dc18}
.hero{position:relative;isolation:isolate;min-height:484px;display:flex;align-items:center;padding-block:56px 48px}.hero-copy{position:relative;z-index:2;width:57%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:2px;color:#c3b0e5;margin-bottom:23px}.eyebrow>span{width:5px;height:5px;box-shadow:0 0 0 4px #b9a0f212;background:#b9a0f2;border-radius:100%}h1{font-size:clamp(44px,4.8vw,64px);line-height:1.21;letter-spacing:-2px;font-weight:600}h1 span{background:linear-gradient(110deg,#d2b8fc,#a990ed 55%,#d6aedc);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{font-size:14px;color:var(--muted);line-height:1.9;margin-top:24px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;border-radius:11px;padding:0 24px;font-size:13px;font-weight:550;white-space:nowrap;transition:transform 200ms var(--ease),background 200ms,border-color 200ms,box-shadow 200ms;border:1px solid transparent}.primary{background:linear-gradient(112deg,#8154cf,#9d70d3);border-color:#caacff40;color:#fff;box-shadow:inset 0 1px #ffffff24,0 6px 22px #7b4db51c}.primary:hover{background:linear-gradient(112deg,#8e60dd,#ac7cdd);box-shadow:inset 0 1px #ffffff24,0 8px 24px #7b4db536}.secondary{background:#ffffff04;border-color:#d1c3ed29;color:#ded6ed}.secondary:hover{background:#b69be916;border-color:#c5a7f365}.button:active{transform:scale(.98)}.button svg{width:17px;height:17px}.hero-web{color:#c2bace;font-size:12px;min-height:44px;display:flex;align-items:center;gap:12px}.hero-web:hover{color:#fff}.creative-types{display:flex;align-items:center;gap:20px;margin-top:28px;font-size:11px;color:#8e8fa9}.creative-types span{display:inline-flex;align-items:center;gap:6px}.creative-types svg{width:14px;height:14px;color:#b8a8d3}
.hero-art{position:absolute;right:-32px;top:0;width:65%;height:100%;z-index:0;pointer-events:none;overflow:hidden;contain:paint}.hero-landscape{position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),#0b0d1800 35%),url('/brand/images/home-moon-lake.webp') 57% 54%/cover;opacity:.65;mask-image:linear-gradient(0deg,transparent 2%,#000 24%,#000 75%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent 2%,#000 24%,#000 75%,transparent)}.hero-halo{position:absolute;right:8%;top:8%;width:60%;height:80%;background:radial-gradient(ellipse,#7956bd33,#38328010 48%,transparent 72%);animation:halo 12s ease-in-out infinite}.hero-orbit{position:absolute;width:310px;height:310px;right:100px;top:62px;border:1px solid #bda3ed20;border-radius:50%;box-shadow:0 0 0 38px #bda3ed04}.hero-dragon{position:absolute;right:0;top:40px;width:93%;height:390px;object-fit:contain;opacity:.9;animation:drift 12s ease-in-out infinite;filter:saturate(.8)}.star{position:absolute;width:3px;height:3px;background:#d3bdf9;border-radius:100%;animation:star 9s ease-in-out infinite;box-shadow:0 0 8px #d3bdf96b}.star-1{top:19%;left:35%;animation-delay:-2s}.star-2{top:64%;right:16%;animation-delay:-5s}.star-3{top:28%;right:8%;animation-delay:-7s}.art-caption{position:absolute;right:28px;bottom:26px;color:#9b91b2;font-size:9px;letter-spacing:3px}.hero-copy>*{animation:enter 650ms var(--ease) both}.hero-copy>:nth-child(2){animation-delay:60ms}.hero-copy>:nth-child(3){animation-delay:120ms}.hero-copy>:nth-child(4){animation-delay:180ms}.hero-copy>:nth-child(5){animation-delay:240ms}
.downloads{position:relative;padding-top:24px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.section-kicker{font-size:9px;letter-spacing:2.4px;color:#ae9ccb;display:block;margin-bottom:10px}h2{font-size:27px;letter-spacing:-.5px;line-height:1.5}.section-heading>p{font-size:12px;color:var(--dim);padding-bottom:4px}.download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.download-card{position:relative;min-width:0;padding:28px;border:1px solid #c6b6e522;border-radius:var(--radius);background:linear-gradient(145deg,#1a1c2b,#121521);box-shadow:inset 0 1px #ffffff05;transition:transform 220ms var(--ease),border-color 220ms,background 220ms}.windows-card{border-color:#b599ed52;background:linear-gradient(145deg,#252039,#151724 74%)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.platform-icon{display:grid;place-items:center;width:44px;height:44px;background:#bca5ef0f;border:1px solid #cbb5ed21;border-radius:13px;color:#c6afea}.platform-icon svg{width:23px;height:23px}.android-card .platform-icon{color:#abd6c5;background:#91d5bc09;border-color:#91d5bc21}.web-card .platform-icon{color:#acbde6;background:#93abe709;border-color:#93abe721}.platform-tag{font-size:10px;color:#9f94b4;letter-spacing:.4px}.download-card h3{font-size:21px;letter-spacing:-.2px}.card-description{margin-top:10px;color:var(--muted);font-size:12px;line-height:1.9;min-height:46px}.card-features{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}.card-features span{font-size:10px;color:#a9a6bc;background:#ffffff04;border:1px solid #ffffff09;border-radius:6px;padding:3px 7px}.platform-requirement{font-size:11px;color:#c4bdd1;margin-top:24px;margin-bottom:12px}.download-button{width:100%;justify-content:space-between;padding-inline:16px}.release-meta{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;margin-top:10px;color:#88869f;font-size:10px;min-height:18px;font-variant-numeric:tabular-nums}.release-meta i{font-style:normal;color:#645d79}.card-guide{border-top:1px solid #ffffff0c;display:flex;justify-content:space-between;align-items:center;min-height:44px;margin-top:22px;padding-top:16px;color:#b5a5ce;font-size:11px}.card-guide:hover{color:#e0d0fa}.download-note{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-top:20px;font-size:11px;color:#87869d;line-height:1.9}.download-note>span{display:flex;gap:8px}.download-note svg{width:15px;height:15px;margin-top:3px;color:#9a8eaf}.download-note>a{color:#b3a2cc;flex:none}.wechat-note{margin-top:16px;padding:14px 18px;background:#9b7dca12;border:1px solid #b596de30;border-radius:10px;color:#c7b8dd;font-size:12px}
.start-guide{display:grid;grid-template-columns:1fr 1.18fr;gap:80px;margin-top:96px;padding-block:52px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.guide-intro>p{font-size:12px;color:var(--muted);margin-top:12px}.guide-tabs{display:inline-flex;align-items:center;gap:4px;background:#171925;border:1px solid #ffffff0a;padding:4px;border-radius:11px;margin-top:28px}.guide-tabs a{display:flex;align-items:center;justify-content:center;min-height:36px;padding:0 16px;color:#a4a0b8;font-size:12px;border-radius:7px;transition:background 180ms,color 180ms}.guide-tabs a[aria-current=true]{background:#9580c022;color:#d6c3ef;box-shadow:inset 0 0 0 1px #b6a2dc1c}.guide-tabs a:hover{color:#eee6fc}.guide-panel+.guide-panel{margin-top:32px}.guide-enhanced .guide-panel+.guide-panel{margin-top:0}.steps{padding:0;margin:0;list-style:none}.steps li{display:flex;align-items:flex-start;gap:20px}.steps li+li{margin-top:24px}.steps li>span{display:grid;place-items:center;flex:0 0 32px;height:32px;border:1px solid #a58dc72c;border-radius:50%;color:#b2a0cd;font-size:10px;position:relative}.steps h4{font-size:14px;line-height:1.6;font-weight:550}.steps p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:6px}
.faq-section{padding-top:72px}.faq-section .section-heading{margin-bottom:24px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;font-weight:500;padding-block:20px;color:#cbc7da}summary::-webkit-details-marker{display:none}summary>span{display:grid;place-items:center;width:24px;flex:none;height:24px;color:#a394bd;font-size:22px;font-weight:300;transition:transform 180ms}details[open] summary>span{transform:rotate(45deg)}details[open] summary{color:#e2d5f6}details>div{max-width:850px;padding:0 40px 24px 0;color:var(--muted);font-size:13px;line-height:2}details>div a{display:inline-flex;align-items:center;min-height:44px;color:#c9b1eb}.closing{margin-top:80px;padding:32px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #c4acf226;border-radius:20px;background:radial-gradient(ellipse at 100% 40%,#8163b624,transparent 70%),#151523}.closing h2{font-size:25px}.closing p{font-size:12px;color:var(--muted);margin-top:8px}.closing .section-kicker{font-size:8px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:40px}.site-footer .brand{font-size:13px;gap:9px}.site-footer .brand img{width:28px;height:28px}.site-footer .brand small{font-size:6px;letter-spacing:1.7px}.site-footer p{font-size:10px;color:#7e7b93}.site-footer>a:last-child{font-size:11px;color:#a497b7}
@keyframes drift{0%,100%{transform:translate3d(0,4px,0)}50%{transform:translate3d(0,-4px,0)}}@keyframes halo{0%,100%{opacity:.6;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes star{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:.9;transform:scale(1.2)}}@keyframes enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
html[data-paused=true] .hero-art *{animation-play-state:paused}@media(hover:hover){.download-card:hover{transform:translateY(-4px);border-color:#b8a1d95e}}
@media(min-width:1600px){.wrap{max-width:1280px}.hero{min-height:520px}.hero-dragon{height:430px;top:36px}.hero-orbit{top:80px}.hero-copy h1{font-size:68px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{min-height:460px}.hero-dragon{height:360px;top:50px;right:-24px}.hero-orbit{right:52px;width:270px;height:270px;top:84px}.download-grid{gap:14px}.download-card{padding:23px}.download-card h3{font-size:19px}.card-description{font-size:12px;min-height:68px}.hero-actions{gap:20px}.start-guide{gap:48px}.download-note{flex-direction:column;gap:8px}.section-heading>p{max-width:240px}.site-header nav{gap:24px}.header-inner{gap:24px}}
@media(max-width:800px){.header-inner{height:76px;gap:16px}.site-header nav{display:none}.header-launch{margin-left:auto}.hero{min-height:426px;padding-top:40px;padding-bottom:36px}.hero-copy{width:64%}.hero-art{width:70%;right:-32px;opacity:.85}.hero-dragon{right:-42px;width:100%;height:310px;top:65px}.hero-orbit{width:230px;height:230px;right:36px;top:100px}.hero-actions{gap:16px;flex-wrap:wrap}.hero-web{font-size:11px}.hero-description{font-size:13px}h1{font-size:48px}.hero .primary{padding-inline:18px;font-size:12px}.download-card{padding:20px}.download-card h3{font-size:17px}.platform-tag{font-size:9px}.platform-icon{width:36px;height:36px;border-radius:10px}.platform-icon svg{width:20px;height:20px}.card-head{gap:8px}.card-features{gap:4px}.card-features span{font-size:9px;padding:3px 5px}.download-button{font-size:11px;gap:8px;padding-inline:10px}.release-meta{font-size:9px}.card-guide{font-size:10px}.platform-requirement{font-size:10px}.section-heading{gap:16px}h2{font-size:24px}.section-heading>p{font-size:11px}.start-guide{grid-template-columns:1fr;gap:30px;margin-top:64px;padding-block:36px}.guide-tabs{margin-top:20px}.steps li+li{margin-top:24px}.closing{padding:28px}.closing h2{font-size:22px}.closing .button{padding-inline:16px;font-size:12px}.site-footer{flex-wrap:wrap;gap:18px}.site-footer p{order:3;width:100%}}
@media(max-width:620px){:root{scroll-padding-top:24px}.wrap{width:calc(100% - 40px)}.header-inner{height:72px}.brand{font-size:15px;gap:9px}.brand img{width:32px;height:32px}.brand small{font-size:7px;letter-spacing:2px}.header-launch{min-height:36px;padding-inline:10px;gap:10px;font-size:11px;border-radius:9px}.hero{min-height:548px;align-items:flex-start;padding-block:32px 28px}.hero-copy{width:100%}.eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:18px}h1{font-size:46px;letter-spacing:-1.4px;line-height:1.22}.hero-description{font-size:12px;line-height:1.9;margin-top:18px}.hero-actions{margin-top:24px;gap:24px;align-items:center;flex-wrap:nowrap}.hero .primary{min-height:46px;gap:12px;padding-inline:16px}.hero-web{font-size:11px;gap:6px}.creative-types{margin-top:20px;gap:16px;font-size:10px}.creative-types svg{width:13px;height:13px}.hero-art{top:288px;right:-20px;width:100%;height:256px;opacity:.87}.hero-landscape{mask-image:linear-gradient(0deg,transparent,#000 32%,#000 65%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent,#000 32%,#000 65%,transparent)}.hero-dragon{height:240px;width:100%;right:-22px;top:2px;object-position:center}.hero-orbit{width:180px;height:180px;top:24px;right:54px}.hero-halo{top:0}.art-caption{bottom:16px;right:22px;font-size:8px;letter-spacing:2px}.downloads{padding-top:8px}.section-heading{display:block;margin-bottom:20px}.section-heading>p{max-width:none;margin-top:9px;font-size:11px}.section-kicker{font-size:8px;margin-bottom:8px}h2{font-size:23px}.download-grid{grid-template-columns:1fr;gap:16px}.download-card{padding:24px}.card-head{margin-bottom:16px}.platform-icon{width:42px;height:42px;border-radius:12px}.platform-icon svg{width:22px;height:22px}.platform-tag{font-size:10px}.download-card h3{font-size:22px}.card-description{min-height:0;max-width:320px;font-size:12px}.card-features{gap:8px;margin-top:14px}.card-features span{font-size:10px;padding:3px 7px}.platform-requirement{font-size:11px;margin-top:20px}.download-button{min-height:48px;font-size:13px;padding-inline:16px}.release-meta{font-size:10px}.card-guide{font-size:11px;margin-top:18px;padding-top:12px}.download-note{font-size:11px;gap:10px;margin-top:16px}.download-note>a{display:inline-flex;min-height:44px;align-items:center}.start-guide{margin-top:40px}.guide-tabs{display:flex}.guide-tabs a{flex:1;padding-inline:12px;min-height:40px}.steps li{gap:14px}.steps h4{font-size:13px}.steps p{font-size:12px}.faq-section{padding-top:40px}summary{font-size:12px;line-height:1.9;padding-block:18px;min-height:64px}details>div{font-size:12px;padding-right:16px}.closing{margin-top:48px;padding:26px;display:block}.closing h2{font-size:22px}.closing .button{margin-top:24px;min-height:46px}.site-footer{padding-block:32px;gap:16px}.site-footer p{font-size:10px;max-width:260px}.site-footer>a:last-child{font-size:10px}}
@media(max-width:359px){.wrap{width:calc(100% - 32px)}.brand{font-size:14px}.header-launch{font-size:10px;gap:6px}.hero-actions{gap:14px}.hero .primary{padding-inline:12px;font-size:11px}.hero-web{font-size:10px}.creative-types{gap:12px}.hero{min-height:544px}.hero-art{right:-16px}.download-card{padding:22px}h1{font-size:44px}.guide-tabs a{padding-inline:10px}}
/* Keep download choices close to the hero and mobile artwork clear of readable content. */
@media(min-width:801px){.hero{min-height:400px;padding-block:32px 24px}.eyebrow{margin-bottom:16px}h1{font-size:56px;line-height:1.18}.hero-description{margin-top:18px;font-size:14px;line-height:1.8}.hero-actions{margin-top:22px}.creative-types{margin-top:20px;font-size:11px}.hero-dragon{top:12px;height:370px}.hero-orbit{top:34px}.art-caption{bottom:10px}.section-heading{margin-bottom:24px}.card-head{margin-bottom:16px}.card-description{min-height:46px}.card-features{margin-top:14px}.platform-requirement{margin-top:20px}.card-guide{margin-top:18px}}
@media(min-width:1600px){.hero{min-height:430px}.hero-copy h1{font-size:60px}.hero-dragon{top:12px;height:400px}.hero-orbit{top:48px}}
@media(max-width:620px){.hero{min-height:548px}.creative-types{display:none}.hero-art{top:320px;height:220px}.hero-dragon{height:205px;top:4px;right:0;width:100%}.hero-orbit{width:154px;height:154px;top:26px;right:70px}.art-caption{bottom:4px}.android-card{order:1}.web-card{order:2}.windows-card{order:3}}
@media(max-width:359px){.hero{min-height:540px}.hero-art{top:316px;height:216px}.hero-dragon{height:200px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.hero-copy>*,.hero-art *{animation:none!important}.button,.download-card,summary>span,.guide-tabs a{transition:none}.download-card:hover{transform:none}.button:active{transform:none}}