:root{font-family:"Microsoft YaHei",Arial,sans-serif;color:white;letter-spacing:0;background:#278dbe}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:5px}img{display:block;max-width:100%}
#pages{height:100svh;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth}.page{position:relative;min-height:620px;height:100svh;scroll-snap-align:start;background-position:center;background-size:cover;overflow:hidden}.home-page{background-image:url('assets/official/bg1.jpg')}.intro-page{background-image:url('assets/official/bg2.jpg')}.features-page{background-image:url('assets/official/bg3.jpg')}
.brand{position:fixed;z-index:5;top:22px;left:20px;width:min(354px,23vw);text-decoration:none}.brand img{width:100%}.brand span{display:block;width:fit-content;margin:5px auto 0;padding:4px 12px;background:#153759cc;border-radius:4px;font-size:13px;text-align:center}
.side-nav{position:fixed;z-index:6;right:2%;top:7%;display:grid;gap:12px;width:min(146px,10vw)}.nav-art{display:block;width:100%;aspect-ratio:146/151;background-size:100% 100%;transition:transform .18s}.nav-art:hover{transform:translateX(-5px)}.nav-art.recharge{background-image:url('assets/official/bg_tab_04_active.png')}.nav-art.home{background-image:url('assets/official/bg_tab_01.png')}.nav-art.home.active{background-image:url('assets/official/bg_tab_01_active.png')}.nav-art.intro{background-image:url('assets/official/bg_tab_02.png')}.nav-art.intro.active{background-image:url('assets/official/bg_tab_02_active.png')}.nav-art.features{background-image:url('assets/official/bg_tab_03.png')}.nav-art.features.active{background-image:url('assets/official/bg_tab_03_active.png')}
.hero-actions{position:absolute;left:16.5%;right:16.5%;bottom:12%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3%}.image-button{width:100%;aspect-ratio:297/124;border:0;background-color:transparent;background-size:100% 100%;background-repeat:no-repeat}.image-button:hover,.recharge-button:hover{filter:brightness(1.1);transform:translateY(-3px)}.apple{background-image:url('assets/official/btn_appstore.png')}.android{background-image:url('assets/official/btn_android.png')}.strategy{background-image:url('assets/official/btn_strategy.png')}.recharge-button{display:flex;align-items:center;justify-content:center;align-self:center;gap:8px;height:85%;margin-bottom:3%;background:#ed711e;border:5px solid #ffb96f;border-bottom-color:#9b4814;box-shadow:0 8px 3px #172f4666;font-size:30px;font-weight:900;text-decoration:none;text-shadow:2px 2px #703713,-1px -1px #703713;white-space:nowrap}.recharge-button span{color:#ffe557}
.download-code{position:absolute;left:2.7%;bottom:3.5%;width:10.6%;text-align:center}.download-code img{width:100%;padding:7px;background:#fff;border:5px solid #ffdd39}.download-code strong{display:block;margin-top:5px;font-size:22px;text-shadow:2px 2px #24335d}.scroll-hint{position:absolute;bottom:3%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;width:310px}.scroll-hint>img:first-child{width:calc(100% - 35px)}.scroll-hint .arrow{width:31px;animation:down 1.4s infinite}@keyframes down{50%{transform:translateY(8px)}}
.intro-content{position:absolute;inset:18% 17% 15% 9%;display:grid;grid-template-columns:40% 60%;align-items:center;gap:3%}.intro-character{max-height:65vh;object-fit:contain}.intro-copy h1{margin:0 0 24px}.intro-copy h1 img{height:88px;width:auto}.intro-copy p{font-size:22px;line-height:1.9;text-shadow:0 2px 3px #143c62}.text-link{font-size:19px;color:#fff5ac;text-underline-offset:6px}.features-page h2{margin:0;position:absolute;top:7%;left:30%;right:30%}.features-page h2 img{height:100px;object-fit:contain;margin:auto}.feature-gallery{position:absolute;inset:24% 15% 22% 8%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.feature-gallery figure{min-width:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:10px;overflow:hidden}.feature-gallery figure img{height:calc(100% - 35px);width:100%;object-fit:contain}.feature-gallery figcaption{font-size:20px;font-weight:bold;text-shadow:0 2px #255173}.features-page footer{position:absolute;bottom:0;left:0;right:0;min-height:130px;background:#f3f5efef;color:#465663;text-align:center;padding:20px;font-size:14px}.features-page footer p{margin:10px 0}
dialog{color:#573e24;border:4px solid #efc875;border-radius:8px;background:#fff9e9;width:min(460px,calc(100% - 32px));padding:32px;box-shadow:0 16px 70px #0006}dialog::backdrop{background:#06152bb3}dialog h2{font-size:24px;margin:0 25px 15px 0}dialog p{font-size:16px;line-height:1.8}.close{position:absolute;right:12px;top:8px;background:none;border:0;font-size:28px;color:#74552e}.confirm{display:block;margin:24px auto 0;background:#ffce37;color:#614616;border:2px solid #c99322;border-radius:4px;padding:10px 30px;font-weight:bold}
@media(max-width:1450px){.recharge-button{font-size:22px;border-width:4px}.download-code strong{font-size:16px}.intro-copy p{font-size:18px}.intro-copy h1 img{height:70px}.side-nav{gap:8px}.scroll-hint{width:265px}}
@media(max-width:760px){#pages{scroll-snap-type:y proximity}.page{min-height:700px;height:100svh}.brand{top:18px;left:14px;width:200px}.brand span{font-size:11px}.side-nav{right:8px;top:120px;width:65px;gap:6px}.home-page{background-image:url('assets/official/bg1_mobile.jpg');background-position:center top}.intro-page{background-image:url('assets/official/bg2_mobile.jpg')}.features-page{background-image:url('assets/official/bg3_mobile.jpg');min-height:950px}.hero-actions{left:7%;right:7%;bottom:10%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}.recharge-button{font-size:21px;height:83%;border-width:3px}.download-code{display:none}.scroll-hint{bottom:3%;width:215px}.intro-content{inset:24% 85px 12% 22px;display:block}.intro-character{position:absolute;right:-25px;bottom:0;height:180px;opacity:.8;z-index:0}.intro-copy{position:relative;z-index:1}.intro-copy h1 img{height:60px}.intro-copy p{font-size:16px;line-height:1.85}.intro-copy p:last-of-type{max-width:90%}.text-link{font-size:15px}.features-page h2{top:17%;left:15%;right:25%}.features-page h2 img{height:65px}.feature-gallery{inset:27% 80px 18% 20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 10px}.feature-gallery figcaption{font-size:15px}.features-page footer{font-size:12px;min-height:125px}.features-page footer strong{font-size:16px}}
.account-button{display:flex;align-items:center;justify-content:center;align-self:center;gap:8px;height:85%;margin-bottom:3%;background:#ffce25;border:5px solid #ffe884;border-bottom-color:#b5840b;box-shadow:0 8px 3px #172f4666;font-size:30px;font-weight:900;color:white;text-decoration:none;text-shadow:2px 2px #926126,-1px -1px #926126;white-space:nowrap}.account-button:hover{filter:brightness(1.1);transform:translateY(-3px)}.download-code{text-decoration:none}.image-button{display:block}.account-button span{font-size:22px}@media(max-width:1450px){.account-button{font-size:22px;border-width:4px}}@media(max-width:760px){.account-button{font-size:21px;border-width:3px}}
@media(prefers-reduced-motion:reduce){#pages{scroll-behavior:auto}.scroll-hint .arrow{animation:none}.nav-art{transition:none}}