*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#061347;font-family:Arial,Helvetica,sans-serif;display:flex;justify-content:center;min-height:100svh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.portal{position:relative;width:100%;max-width:520px;align-self:flex-start;container-type:inline-size;overflow:hidden}.art{display:block;width:100%;height:auto}.hotspot{position:absolute;display:block;cursor:pointer;border:0;background:transparent;border-radius:999px;-webkit-tap-highlight-color:#ffffff33;touch-action:manipulation;transition:filter .2s,box-shadow .2s;z-index:2}.hotspot:focus-visible{outline:3px solid white;outline-offset:-3px;box-shadow:0 0 16px #7ae8ff}.hotspot:hover{box-shadow:inset 0 0 20px #fff5}.hotspot:active{box-shadow:inset 0 0 25px #ffff}.support{left:84%;top:2.5%;width:13%;height:7%}.route{width:45%;height:9%;display:flex;align-items:center;justify-content:flex-end;padding-right:4%}.r1{left:4%;top:60.5%}.r2{left:51%;top:60.5%}.r3{left:4%;top:71%}.r4{left:51%;top:71%}.domain{display:block;width:65%;text-align:center;white-space:nowrap;font-size:clamp(15px,5.7cqw,33px);font-weight:900;line-height:1.2;letter-spacing:-.5px;color:#ffdc60;background:linear-gradient(#fff0a5 15%,#ffd247 50%,#ffab19 85%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.55px #441e0c;filter:drop-shadow(0 2px 0 #071d57) drop-shadow(0 0 2px #032065);pointer-events:none}.ios{left:18%;top:86.3%;width:31%;height:6.5%}.android{left:50.5%;top:86.3%;width:32%;height:6.5%}.effects{position:absolute;inset:0;pointer-events:none}.star{position:absolute;width:22px;height:22px;background:radial-gradient(circle,#fff 0%,#fff9b2 12%,#ffd35355 30%,transparent 65%);animation:spark 3s ease-in-out infinite}.star:before,.star:after{content:'';position:absolute;left:48%;top:8%;width:4%;height:84%;background:linear-gradient(transparent,#fff9bd,transparent)}.star:after{rotate:90deg}.s1{left:21%;top:13%}.s2{left:73%;top:24%;animation-delay:-1s}.s3{left:44%;top:38%;animation-delay:-2s}.s4{left:82%;top:57%;animation-delay:-.5s}.s5{left:29%;top:58%;animation-delay:-1.7s}.no-animation .effects{display:none}@keyframes spark{0%,100%{opacity:.2;transform:scale(.6)}50%{opacity:1;transform:scale(1.35)}}dialog{max-width:330px;background:#112d65;color:white;border:2px solid #ffdd6b;border-radius:20px;padding:25px;font-size:15px}dialog::backdrop{background:#03102abb;backdrop-filter:blur(4px)}dialog h2{font-size:21px;color:#ffdf71;margin-top:0}dialog p{line-height:1.6}dialog button{background:#ffcf42;color:#412300;padding:11px 23px;border:0;border-radius:9px;font-weight:800;cursor:pointer}.nojs{position:fixed;bottom:0;background:#142554;padding:14px;z-index:4}@media(prefers-reduced-motion:reduce){.effects{display:none}.hotspot{transition:none}}@media(min-width:700px){body{background:radial-gradient(ellipse at center,#164aa0,#061347 75%)}.portal{box-shadow:0 0 100px #062169}}

/* 本品牌独立图片坐标，不可直接使用其他品牌坐标 */
body{background:#10063b}.brand-logo{position:absolute;left:20%;top:1.6%;width:61%;height:auto;z-index:1;filter:drop-shadow(0 3px 4px #0008)}.brand-icon{position:absolute;left:3.8%;top:1.9%;width:12.4%;height:auto;border-radius:15%;z-index:1}.hotspot{border-radius:7px}.support{border-radius:50%;left:84%;top:1.5%;width:13%;height:7%}.r1,.r2{top:59.15%;height:8.2%}.r3,.r4{top:68.75%;height:8.2%}.ios,.android{top:81.9%;height:6.1%}
.domain{font-family:Arial Black,Arial,sans-serif;letter-spacing:.2px;background:linear-gradient(#fffde6,#b5f4ff);background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:.55px #113553;filter:drop-shadow(2px 2px 0 #062748) drop-shadow(-1px -1px 0 #f060ff)}.star{background:radial-gradient(circle,#fff 0%,#86f4ff 12%,#df3cfc55 30%,transparent 65%)}.brand-icon{border-radius:6%}@media(min-width:700px){body{background:radial-gradient(ellipse at center,#292471,#10063b 75%)}}