:root{color:#eef7ff;background:#040918;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-width:320px;background:radial-gradient(circle at 50% 20%,rgba(52,112,255,.38),transparent 34rem),linear-gradient(180deg,#030917,#080c28 48%,#040715)}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body.dialog-open{overflow:hidden;touch-action:none}#app{min-height:100vh}.promo-page{position:relative;min-height:100vh;overflow-x:hidden;cursor:pointer;background:#05091b}.promo-page:before,.promo-page:after{display:none}.stage{position:relative;z-index:1;display:grid;place-items:center;width:100%;padding:0;overflow:hidden;background:#05091b}.stage:after{display:none}.stage-art{display:block;width:min(100vw,2560px);height:clamp(420px,42vw,650px);max-width:2560px;object-fit:fill;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.clickable-art{cursor:pointer}.top-art{height:clamp(390px,38vw,600px);object-position:center top;filter:saturate(1.05) contrast(1.03)}.middle-art{filter:saturate(1.07) contrast(1.04)}.bottom-art{filter:saturate(1.08) contrast(1.04)}.feedback-section{position:relative;z-index:9;display:grid;place-items:center;padding:0;overflow:hidden;background:#fff}.feedback-section:before{display:none}.feedback-shell{position:relative;width:min(100%,820px);overflow:hidden;background:#fff}.feedback-header{display:flex;align-items:center;justify-content:center;gap:10px;padding:28px clamp(24px,6vw,46px) 12px;text-align:center}.feedback-icon{display:grid;place-items:center;min-width:38px;height:24px;padding:0 8px;color:#fff;font-size:12px;font-weight:900;line-height:1;border-radius:999px;background:linear-gradient(180deg,#ff7a35,#ef3348)}.feedback-header h2{margin:0;color:#ef4444;font-size:clamp(24px,4vw,32px);font-weight:900;line-height:1.1;letter-spacing:0}.feedback-list{padding:0 clamp(24px,6vw,46px)}.feedback-item{padding:22px 0;border-top:1px solid #edf0f5}.feedback-item h3{margin:0;color:#24272e;font-size:clamp(20px,3.8vw,28px);font-weight:500;line-height:1.35;letter-spacing:0}.hot-tag{display:inline-block;margin-left:4px;padding:2px 5px;color:#fff;font-size:12px;font-weight:900;line-height:1;vertical-align:middle;border-radius:3px;background:linear-gradient(180deg,#ff8a2a,#ef3348)}.feedback-item p{display:-webkit-box;margin:12px 0 0;overflow:hidden;color:#8c8f98;font-size:clamp(15px,3vw,21px);line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:2}.feedback-cta{margin:4px clamp(24px,6vw,46px) 28px;padding:12px 0 0;border-top:1px solid #edf0f5;background:#fff}.feedback-cta button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:0 18px;border:0;border-radius:10px;cursor:pointer;color:#fff;font-size:17px;font-weight:700;letter-spacing:0;background:#16b51e;box-shadow:0 8px 18px #16b51e3d}.feedback-cta svg{flex:0 0 auto;width:24px;height:24px;fill:currentColor}button{font:inherit}.dialog-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:22px;cursor:default;background:#000000ad;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wechat-dialog{position:relative;width:min(86vw,430px);padding:42px 34px 32px;text-align:center;color:#4b4b4b;border-radius:34px;background:#fff;box-shadow:0 18px 60px #00000052}.dialog-close{position:absolute;top:22px;right:24px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;cursor:pointer;color:#353535;font-size:42px;font-weight:300;line-height:1;background:transparent}.wechat-dialog h2{margin:0;font-size:clamp(25px,4vw,31px);font-weight:400;line-height:1.15;letter-spacing:0;color:#4a4a4a}.qr-card{display:grid;place-items:center;width:min(54vw,214px);aspect-ratio:1;margin:8px auto 24px;overflow:hidden;background:#fff}.qr-card img{display:block;width:100%;height:100%;object-fit:contain}.qr-placeholder{position:relative;width:100%;height:100%;background:linear-gradient(90deg,#111 10px,transparent 10px 18px,#111 18px 26px,transparent 26px 40px,#111 40px 46px,transparent 46px),linear-gradient(#111 8px,transparent 8px 20px,#111 20px 28px,transparent 28px 36px,#111 36px 44px,transparent 44px),repeating-linear-gradient(90deg,#111 0 5px,transparent 5px 12px),repeating-linear-gradient(0deg,transparent 0 9px,rgba(0,0,0,.9) 9px 14px);background-size:64px 64px,64px 64px,19px 19px,23px 23px;image-rendering:pixelated}.qr-placeholder:before,.qr-placeholder:after{position:absolute;width:58px;height:58px;content:"";border:10px solid #111;background:#fff}.qr-placeholder:before{top:0;left:0;box-shadow:146px 0 0 -10px #fff,146px 0 #111,0 146px 0 -10px #fff,0 146px #111}.qr-placeholder:after{right:22px;bottom:22px;width:34px;height:34px;border-width:8px}.wechat-mark{position:absolute;inset:50% auto auto 50%;z-index:1;width:56px;height:42px;border-radius:50%;background:#fff;box-shadow:0 0 0 7px #fff;transform:translate(-50%,-50%)}.wechat-mark:before,.wechat-mark:after{position:absolute;content:"";border-radius:50%;background:#111}.wechat-mark:before{top:13px;left:13px;width:7px;height:7px;box-shadow:21px 0 #111}.wechat-mark:after{right:3px;bottom:-3px;width:16px;height:12px;border-radius:0 0 16px;background:#fff;transform:rotate(35deg)}.dialog-copy{margin:0 0 26px;font-size:clamp(20px,3.8vw,26px);line-height:1.35;color:#5b5b5b}.wechat-action{width:min(64vw,250px);min-height:56px;padding:0 28px;border:0;border-radius:10px;cursor:pointer;color:#fff;font-size:clamp(22px,4vw,28px);font-weight:400;letter-spacing:0;background:#17b51f;box-shadow:0 8px 18px #17b51f33}.guide-steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:52px;color:#5f5f5f;font-size:clamp(16px,3vw,20px);line-height:1.28}.step-line{position:absolute;top:-30px;left:9%;right:9%;height:1px;background:#eee}.step-line:before,.step-line:after,.step-line span:before,.step-line span:after{position:absolute;top:50%;width:10px;height:10px;content:"";border-radius:50%;background:#eee;transform:translate(-50%,-50%)}.step-line:before{left:0;background:#18bd28;box-shadow:0 0 0 5px #18bd2814}.step-line span:before{left:33.33%}.step-line span:after{left:66.66%}.step-line:after{left:100%}.step-item{min-width:0}.dialog-fade-enter-active,.dialog-fade-leave-active{transition:opacity .18s ease,transform .18s ease}.dialog-fade-enter-from,.dialog-fade-leave-to{opacity:0;transform:scale(.98)}@media(max-width:720px){.promo-page{background:#05091b}.stage{height:max(33.34svh,240px)}.top-art,.middle-art,.bottom-art{width:100%;height:100%;max-width:2560px;object-fit:fill}.feedback-section{padding:0}.feedback-shell{width:100%}.feedback-header{padding:20px 18px 6px}.feedback-icon{min-width:30px;height:24px;padding:0 6px;font-size:10px}.feedback-header h2{font-size:18px}.feedback-list{padding:0 18px}.feedback-item{padding:12px 0}.feedback-item h3{font-size:15px;line-height:1.3}.feedback-item p{margin-top:6px;font-size:12px;line-height:1.5}.hot-tag{font-size:10px}.feedback-cta{margin:2px 18px 18px;padding:8px 0 0}.feedback-cta button{min-height:40px;gap:6px;padding:0 12px;font-size:14px;border-radius:8px}.feedback-cta svg{width:20px;height:20px}.dialog-mask{align-items:center;padding:14px}.wechat-dialog{width:min(82vw,340px);padding:30px 18px 20px;border-radius:22px}.dialog-close{top:12px;right:14px;width:28px;height:28px;font-size:34px}.wechat-dialog h2{font-size:21px;line-height:1.2}.qr-card{width:158px;margin-block:8px 16px}.dialog-copy{margin-bottom:18px;font-size:17px}.wechat-action{width:178px;min-height:44px;border-radius:8px;font-size:20px}.guide-steps{gap:4px;margin-top:36px;font-size:13px;line-height:1.25}.step-line{top:-20px;left:11%;right:11%}.step-line:before,.step-line:after,.step-line span:before,.step-line span:after{width:7px;height:7px}.step-line:before{box-shadow:0 0 0 4px #18bd2814}}@media(max-width:420px){.wechat-dialog{width:min(84vw,320px);padding:28px 16px 18px}.qr-card{width:148px}.wechat-action{width:168px;min-height:42px;font-size:19px}.guide-steps{margin-top:34px;font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}