:root{color-scheme:dark;--violet:#b88cff;--cyan:#77dcff;--glass:rgba(18,17,58,.34)}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;background:#171548;color:#fff}.landing{position:relative;width:100%;height:100%;height:100svh;isolation:isolate;background:#171548}.poster,.hero-video,.veil{position:absolute;inset:0;width:100%;height:100%}.poster{z-index:-4;background:url("../images/video-poster.jpg") center/cover no-repeat}.hero-video{z-index:-3;object-fit:cover;object-position:center;opacity:0;transition:opacity .8s ease}.video-ready .hero-video{opacity:1}.veil{z-index:-2;background:linear-gradient(180deg,rgba(7,8,35,.24) 0%,transparent 38%,rgba(12,6,41,.1) 55%,rgba(13,6,48,.76) 100%),radial-gradient(circle at 50% 78%,rgba(98,48,184,.08),rgba(5,6,28,.28) 85%)}
.brand{position:absolute;z-index:2;top:clamp(24px,3vw,50px);left:clamp(24px,3vw,56px);margin:0}.brand img{display:block;width:clamp(93px,7vw,134px);height:auto;filter:drop-shadow(0 3px 16px rgba(39,16,104,.42))}
.icon-button{border:0;background:transparent;box-shadow:none;color:#fff;display:grid;place-items:center;padding:0;cursor:pointer;filter:drop-shadow(0 0 7px rgba(92,61,173,.75))}.sound-toggle{position:absolute;z-index:3;top:clamp(24px,2.4vw,40px);right:clamp(24px,2.4vw,40px);width:48px;height:48px}.sound-toggle svg{position:absolute;width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sound-toggle .sound-on{display:none}.sound-toggle.is-on .sound-on{display:block}.sound-toggle.is-on .sound-off{display:none}
.hero-content{position:absolute;z-index:2;left:50%;top:70%;width:min(820px,86vw);transform:translate(-50%,-50%);text-align:center;text-shadow:0 3px 18px rgba(23,6,74,.65)}.eyebrow{margin:0 0 12px;font:500 clamp(12px,.88vw,17px)/1.5 "Microsoft YaHei","PingFang SC",sans-serif;letter-spacing:.24em;color:rgba(255,255,255,.88)}.hero-content h2{margin:0;line-height:1.5}.hero-content h2 img{display:block;width:min(680px,78vw);height:auto;margin:0 auto;filter:drop-shadow(0 0 14px rgba(172,118,255,.62))}
.downloads{display:flex;justify-content:center;gap:clamp(18px,2.5vw,46px);margin-top:clamp(20px,2.2vh,26px)}.download-button{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;width:clamp(190px,14vw,258px);height:clamp(62px,5vw,76px);border:1px solid rgba(255,255,255,.72);border-radius:13px;background:linear-gradient(120deg,rgba(255,255,255,.24),rgba(126,95,231,.36));box-shadow:inset 0 0 18px rgba(255,255,255,.14),0 0 24px rgba(115,95,255,.28);color:#fff;text-decoration:none;font-size:clamp(20px,1.35vw,25px);font-weight:700;line-height:1;transition:transform .2s,filter .2s,box-shadow .2s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.download-button[hidden]{display:none!important}.download-button::before{content:"";position:absolute;inset:2px;border:1px solid rgba(255,255,255,.12);border-radius:10px;pointer-events:none}.download-button>img{width:32px;height:32px;object-fit:contain}
.socials{position:absolute;z-index:3;right:clamp(30px,2.9vw,56px);top:55%;display:flex;flex-direction:column;gap:8px;transform:translateY(-50%)}.socials a{position:relative;display:grid;place-items:center;width:62px;height:58px;color:#fff;background:transparent;border:0;filter:drop-shadow(0 0 9px rgba(129,86,236,.38));transition:transform .2s,filter .2s}.socials img{width:34px;height:34px;filter:invert(1);opacity:.93}.socials .xiaohongshu img{width:48px;height:40px;object-fit:contain;filter:none}.socials a::before{content:attr(data-name);position:absolute;right:calc(100% + 10px);padding:5px 9px;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:rgba(16,12,49,.74);color:#fff;font-size:12px;white-space:nowrap;opacity:0;transform:translateX(5px);transition:.2s;pointer-events:none}.socials a:hover::before,.socials a:focus-visible::before{opacity:1;transform:none}
.download-button:hover,.download-button:focus-visible{transform:translateY(-2px) scale(1.025);filter:brightness(1.15);box-shadow:inset 0 0 22px rgba(255,255,255,.2),0 0 30px rgba(138,94,255,.52)}.download-button:active{transform:scale(.98)}.icon-button:hover,.icon-button:focus-visible{transform:scale(1.12);filter:brightness(1.2) drop-shadow(0 0 10px rgba(151,103,255,.78))}.socials a:hover,.socials a:focus-visible{transform:scale(1.12);filter:brightness(1.2) drop-shadow(0 0 13px rgba(151,103,255,.72))}:focus-visible{outline:2px solid #fff;outline-offset:3px}
.legal{position:absolute;z-index:2;bottom:max(9px,env(safe-area-inset-bottom));left:50%;width:min(1180px,80vw);transform:translateX(-50%);text-align:center;color:rgba(255,255,255,.58);font-size:clamp(9px,.65vw,12px);line-height:1.55;text-shadow:0 1px 4px #09051f}.legal p{margin:0}.noscript{position:fixed;z-index:10;bottom:0;left:0;right:0;padding:8px;background:#402277;text-align:center;color:#fff;font-size:13px}
.browser-guide[hidden]{display:none}.browser-guide{position:fixed;z-index:100;inset:0;display:flex;align-items:flex-start;justify-content:center;padding:88px 20px 20px;background:rgba(6,4,25,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.browser-guide__arrow{position:absolute;top:10px;right:18px;font-size:62px;line-height:1;color:#fff;filter:drop-shadow(0 0 10px rgba(184,140,255,.8))}.browser-guide__card{position:relative;width:min(420px,100%);padding:28px 24px 22px;border:1px solid rgba(255,255,255,.42);border-radius:18px;background:linear-gradient(145deg,rgba(65,42,129,.97),rgba(24,20,74,.97));box-shadow:0 18px 60px rgba(0,0,0,.4);text-align:center}.browser-guide__card h2{margin:0 32px 14px;font-size:24px}.browser-guide__card p{margin:0;color:rgba(255,255,255,.86);font-size:15px;line-height:1.75}.browser-guide__close{position:absolute;top:10px;right:12px;width:36px;height:36px;border:0;background:transparent;color:#fff;font-size:30px;line-height:1;cursor:pointer}.browser-guide__copy{width:100%;margin-top:20px;padding:13px 18px;border:1px solid rgba(255,255,255,.7);border-radius:10px;background:linear-gradient(120deg,#8565e8,#5f9fe7);color:#fff;font:700 16px/1.2 inherit;cursor:pointer}.browser-guide__status{min-height:24px;margin-top:8px!important;color:#9ff3d8!important;font-size:13px!important}
@media (max-width:700px){.poster,.hero-video{object-position:51% center;background-position:51% center}.veil{background:linear-gradient(180deg,rgba(9,8,40,.35),transparent 32%,rgba(10,5,39,.18) 48%,rgba(10,5,39,.86) 100%)}.brand{top:max(20px,env(safe-area-inset-top));left:19px}.brand img{width:clamp(69px,19.5vw,93px)}.sound-toggle{top:max(19px,env(safe-area-inset-top));right:18px;width:44px;height:44px}.hero-content{top:auto;bottom:calc(max(78px,env(safe-area-inset-bottom) + 62px));width:96vw;transform:translateX(-50%)}.eyebrow{margin-bottom:8px;font-size:10px;line-height:1.5;letter-spacing:.11em}.hero-content h2{line-height:1.5}.hero-content h2 img{width:92vw}.downloads{gap:9px;margin-top:20px}.download-button{width:min(43vw,178px);height:56px;border-radius:10px;font-size:17px}.download-button>img{width:26px;height:26px}.socials{right:auto;top:auto;bottom:max(17px,env(safe-area-inset-bottom));left:50%;flex-direction:row;gap:clamp(6px,2.2vw,13px);transform:translateX(-50%)}.socials a{width:50px;height:46px}.socials img{width:29px;height:29px}.socials .xiaohongshu img{width:42px;height:35px}.socials a::before{display:none}.legal{display:none}}
@media (max-height:600px) and (orientation:landscape){.brand img{width:150px}.hero-content{top:57%;bottom:auto}.hero-content h2{font-size:30px}.downloads{margin-top:10px}.download-button{height:48px}.socials{bottom:14px}.legal{display:none}}
@media (prefers-reduced-motion:reduce){.hero-video{display:none}.poster{z-index:-3}.download-button,.icon-button,.socials a,.socials a::before{transition:none}}
@media (min-width:701px) and (min-height:601px){.hero-content{top:75%}.hero-content h2 img{width:min(580px,78vw)}}