: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:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;content:"";opacity:0}.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;transform-origin:center;will-change:transform,opacity}.scroll-reveal{opacity:0;transform:translateY(34px) scale(.92);transform-origin:center;will-change:transform,opacity}.stage-art.scroll-reveal{animation:none}.clickable-art{cursor:pointer;transition:filter .18s ease,transform .18s ease}.clickable-art:hover{filter:saturate(1.13) contrast(1.06) brightness(1.04);transform:translateY(-2px)}.clickable-art:active{transform:translateY(0) scale(.996)}.top-art{height:clamp(340px,34vw,520px);object-position:center top;filter:saturate(1.05) contrast(1.03)}.middle-art{filter:saturate(1.07) contrast(1.04)}.stage-middle:before{background:linear-gradient(105deg,transparent 0%,transparent 37%,rgba(255,255,255,.18) 45%,rgba(124,208,255,.22) 50%,transparent 61%,transparent 100%);mix-blend-mode:screen;animation:guide-sweep 4.6s ease-in-out 1.2s infinite}.bottom-art{filter:saturate(1.08) contrast(1.04)}.service-bridge{position:relative;z-index:4;display:grid;place-items:center;width:100%;padding:12px clamp(18px,5vw,46px) 14px;overflow:hidden;background:linear-gradient(180deg,#05091bfa,#070e26fa),#05091b;box-shadow:0 -1px #4882ff38 inset,0 1px #7958ff38 inset}.service-bridge:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:linear-gradient(90deg,transparent,rgba(78,151,255,.18),transparent);opacity:.72}.hero-service-btn{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;width:min(calc(100vw - 48px),728px);min-height:48px;padding:0 18px;overflow:hidden;border:0;border-radius:999px;cursor:pointer;color:#fff;font-size:17px;font-weight:700;letter-spacing:0;background:#16b51e;box-shadow:0 10px 24px #12b21e57,0 0 0 1px #ffffff38 inset;animation:service-button-pulse 1.8s ease-in-out infinite;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,filter .16s ease}.hero-service-btn svg{flex:0 0 auto;width:24px;height:24px;fill:currentColor}.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;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;overflow:hidden}.hero-service-btn:after,.feedback-cta button:after,.wechat-action:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background:linear-gradient(100deg,transparent 12%,rgba(255,255,255,.28),transparent 46%);transform:translate(-110%);transition:transform .52s ease}.hero-service-btn:hover,.feedback-cta button:hover,.wechat-action:hover{background:#19c423;box-shadow:0 12px 24px #16b51e4d;transform:translateY(-1px)}.hero-service-btn:hover:after,.feedback-cta button:hover:after,.wechat-action:hover:after{transform:translate(110%)}.hero-service-btn:active,.feedback-cta button:active,.wechat-action:active{transform:translateY(0) scale(.99)}.feedback-cta svg{flex:0 0 auto;width:24px;height:24px;fill:currentColor}@keyframes service-button-pulse{0%,to{box-shadow:0 10px 24px #12b21e57,0 0 0 1px #ffffff38 inset}50%{box-shadow:0 14px 30px #12b21e6b,0 0 0 1px #ffffff47 inset}}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;transform-origin:center}.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;animation:qr-soft-pulse 2.8s ease-in-out infinite}.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{position:relative;overflow:hidden;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;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.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,backdrop-filter .18s ease}.dialog-fade-enter-from,.dialog-fade-leave-to{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.dialog-fade-enter-active .wechat-dialog{animation:dialog-pop .24s cubic-bezier(.16,1,.3,1) both}.dialog-fade-leave-active .wechat-dialog{animation:dialog-pop .16s ease reverse both}@keyframes guide-sweep{0%,48%{opacity:0;transform:translate(-70%)}58%{opacity:1}76%,to{opacity:0;transform:translate(70%)}}@keyframes qr-soft-pulse{0%,to{filter:drop-shadow(0 0 0 rgba(23,181,31,0))}50%{filter:drop-shadow(0 8px 16px rgba(23,181,31,.14))}}@keyframes dialog-pop{0%{opacity:0;transform:translateY(12px) scale(.965)}to{opacity:1;transform:translateY(0) scale(1)}}@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}.service-bridge{padding:8px 18px 10px}.hero-service-btn{width:calc(100vw - 36px);min-height:40px;padding:0 12px;font-size:14px}.hero-service-btn svg{width:21px;height:21px}.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}}