/* 所有版式、背景、文字和按钮均为独立网页元素，不依赖参考截图。 */
:root{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#191057;background:#d8dcfc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:280px;background:radial-gradient(at 80% 10%,#ffdaee,transparent 60%),linear-gradient(135deg,#c7cdff,#eae4ff 50%,#b5e2ff)}a{-webkit-tap-highlight-color:transparent;text-decoration:none}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:4px solid #25186d;outline-offset:6px}.page{isolation:isolate;position:relative;overflow:hidden;width:min(100%,654px);min-height:100svh;margin:auto;padding:clamp(58px,14vw,108px) clamp(20px,5.5vw,36px) 24px;background:radial-gradient(ellipse at 100% 12%,#ffccea 0,transparent 52%),radial-gradient(ellipse at 0 70%,#9dcaff 0,transparent 58%),linear-gradient(140deg,#d8d0ff,#f2dcf7 48%,#c5eaff);box-shadow:0 0 65px #7270bb20}.ambient{position:absolute;inset:0;z-index:-1;pointer-events:none}.ambient:after{content:"";position:absolute;width:130%;height:35%;bottom:-23%;left:-15%;border-radius:50% 50% 0 0;border-top:4px solid #fff;background:#ffffff55}.bubble{position:absolute;width:52px;aspect-ratio:1;border-radius:50%;box-shadow:inset 3px 3px 8px #fff9,inset -5px -5px 12px #b0c4ff66,0 0 5px #fff5;background:radial-gradient(circle at 30% 25%,white,transparent 18%)}.one{top:9%;left:6%}.two{top:10%;right:-30px;width:80px}.three{bottom:15%;left:-30px;width:94px}.star{position:absolute;color:#fff9d7;text-shadow:0 0 12px white;font-size:40px}.s1{top:3%;right:16%}.s2{top:22%;left:10%;font-size:27px}.s3{bottom:20%;right:2%}.brand{text-align:center;margin-bottom:26px}.brand h1{margin:0;font-size:clamp(64px,18vw,116px);line-height:1.16;font-weight:1000;letter-spacing:-.065em;transform:skewY(-3deg);color:#3459ff;-webkit-text-stroke:1.5px #eef7ff;text-shadow:1px 2px 0 #c5e6ff,3px 5px 0 #1c25cb,5px 8px 0 #3534b9,0 0 18px #fff}.brand .gold{color:#ffb21d;text-shadow:1px 2px 0 #ffeebe,3px 5px 0 #e96a00,5px 8px 0 #af430a,0 0 18px white}.brand p{margin:8px 0 0;color:#823900;font-weight:900;font-size:clamp(22px,5.6vw,36px);letter-spacing:-1px;text-shadow:1px 2px white,0 0 5px #fff}.official{position:relative;display:flex;align-items:center;justify-content:center;margin:0 8% 42px;min-height:clamp(78px,18vw,120px);border:3px solid #fffc;border-radius:100px;background:radial-gradient(ellipse at 50% 0,#fff9b1,transparent 65%),linear-gradient(#ffd251,#ffad0b 55%,#ff8c00);box-shadow:inset 0 4px 2px #fff9,inset 0 -5px 0 #ffc640,0 4px 0 #faaa37,0 7px 0 #fff,0 14px 18px #ae61374d;color:#562300;font-size:clamp(28px,7vw,46px);font-weight:900;letter-spacing:.1em;transition:filter .15s,transform .15s}.official:hover{filter:brightness(1.06);transform:translateY(-2px)}.spark{position:absolute;right:3%;top:-28px;color:#ffffe8;font-size:50px;text-shadow:0 0 12px #fff}.downloads{padding:30px clamp(18px,6.5vw,42px) 42px;border:5px solid #fff9;border-radius:40px;background:linear-gradient(120deg,#ffffffe6,#faf8ffd9);box-shadow:inset 0 0 0 2px white,0 8px 15px #777eb53d}.downloads h2{display:flex;align-items:center;justify-content:center;gap:20px;margin:0 0 26px;font-size:clamp(23px,5.4vw,35px);letter-spacing:.08em}.downloads h2 span{color:#8584e6;font-size:18px}.download{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px clamp(16px,4vw,32px);min-height:116px;border:2px solid white;border-radius:29px;box-shadow:0 9px 13px #697eaf24,inset 0 0 0 1px #bed7ff;transition:transform .15s,filter .15s}.download:hover{transform:translateY(-2px);filter:brightness(1.025)}.download>span:not(.arrow){font-size:clamp(24px,6vw,40px);font-weight:900;letter-spacing:.05em;white-space:nowrap}.android{color:#2775ff;background:linear-gradient(160deg,#e9f4ff,#bddbff)}.ios{margin-top:24px;color:#7b40e8;background:linear-gradient(160deg,#f5edff,#dbd2fc);box-shadow:0 9px 13px #697eaf24,inset 0 0 0 1px #e6d4ff}.platform{width:clamp(42px,10vw,66px);height:66px;flex-shrink:0;filter:drop-shadow(0 4px 3px #ffffff90)}.arrow{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;background:#ffffff55;border-radius:50%;font:40px/1 system-ui;color:inherit}footer{display:flex;justify-content:space-around;align-items:center;position:relative;margin-top:44px;padding-top:16px;border-top:3px solid #fff9;border-radius:50% 50% 0 0}footer span{font-size:clamp(44px,11vw,70px);width:33.33%;text-align:center;filter:drop-shadow(0 7px 3px #8275da44)}footer span+span{border-left:1px solid #989bde66}.support{position:absolute;right:5px;bottom:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:106px;height:106px;border-radius:50%;border:5px double #fff6d5;background:radial-gradient(at 35% 25%,#ffa681,#ff746e 75%);box-shadow:0 5px 10px #bd70734d,inset 0 0 8px #fff9;color:white;font-size:17px;font-weight:700}.menu{font-size:43px;line-height:1.1;font-weight:400}dialog{width:min(90vw,360px);border:0;border-radius:24px;padding:28px;background:#faf8ff;color:#211661;box-shadow:0 18px 80px #30216f44}dialog::backdrop{background:#15103566}dialog h2{font-size:22px;margin-top:0}dialog p{font-size:16px;line-height:1.7}dialog button{width:100%;padding:13px;border:0;border-radius:12px;background:#6446e8;color:white;font:inherit;cursor:pointer}@media(max-width:380px){.downloads{padding:24px 14px 32px;border-radius:28px}.download{padding:17px 13px;gap:10px;min-height:96px}.downloads h2{gap:10px}.support{width:84px;height:84px;font-size:14px;bottom:108px}.menu{font-size:34px}.official{margin-bottom:32px}.brand{margin-bottom:24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* 在线客服持续轻轻上下浮动。 */
.support{animation:support-float 2.6s ease-in-out infinite;will-change:transform}
@keyframes support-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.support:hover,.support:focus-visible{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.support{animation:none;will-change:auto}}

/* Mobile stability overrides: prevent iOS text inflation and layout drift. */
:root{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{width:100%;min-height:100%;overflow-x:hidden}
.page{width:100%;max-width:654px;min-height:100vh;min-height:100svh;margin:0 auto;padding-top:max(58px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}
.brand{width:100%;margin-left:auto;margin-right:auto}
.brand h1{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;width:100%;font-weight:900;line-height:1;white-space:nowrap}
.brand h1 span{display:inline-block;flex:0 0 auto}
.brand p{line-height:1.2;white-space:nowrap}
.official{width:84%;margin-left:auto;margin-right:auto;line-height:1.2;white-space:nowrap}
@media(max-width:480px){
  .page{padding-top:max(42px,env(safe-area-inset-top))}
  .brand h1{font-size:clamp(60px,17vw,82px)}
  .brand p{margin-top:14px;font-size:clamp(21px,5.8vw,28px)}
  .official{width:88%;min-height:clamp(76px,20vw,96px);font-size:clamp(28px,7.4vw,36px)}
}

/* Use the supplied artwork so the logo renders identically on every device. */
.brand{margin-bottom:30px}
.brand-logo{display:block;width:68%;max-width:440px;height:auto;aspect-ratio:685/290;object-fit:contain;margin:0 auto}
.official{width:80%;max-width:520px;min-height:0;aspect-ratio:4/1;padding:0;font-size:clamp(28px,6.4vw,42px)}
@media(max-width:480px){
  .brand{margin-bottom:26px}
  .brand-logo{width:70%}
  .official{width:82%;min-height:0;aspect-ratio:4/1;font-size:clamp(27px,7vw,34px)}
}