:root{--page-bg: #fff3e5;--card-bg: #ffffff;--accent: #ff8a00;--accent-soft: #ffd9a8;--text: #1f2935;--muted: #a9b2bf;--border: #ffe0bd;--shadow: 0 .24rem .64rem rgba(255, 149, 43, .08)}*{box-sizing:border-box}html{min-width:6.4rem;background:var(--page-bg);-webkit-text-size-adjust:100%}body{min-height:100vh;margin:0;color:var(--text);background:var(--page-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;letter-spacing:0}button{border:0;padding:0;color:inherit;font:inherit;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}.page-shell{position:relative;width:100%;max-width:7.5rem;min-height:100vh;margin:0 auto;padding:calc(.4rem + env(safe-area-inset-top)) .3rem calc(.6rem + env(safe-area-inset-bottom));overflow:hidden;background:var(--page-bg)}.content{display:grid;gap:.32rem}.hero{padding:.68rem 0 .46rem}.brand-logo{width:3.02rem;height:auto;margin-bottom:.18rem}.hero h1{margin:0;color:#0b0b0b;font-size:.5rem;font-weight:600;line-height:1.15}.notice{display:grid;grid-template-columns:.7rem 1fr;gap:.18rem;align-items:center;padding:0 0 .3rem}.notice-icon,.howto-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:.16rem;background:var(--accent-soft)}.notice-icon{width:.7rem;height:.7rem}.notice-icon img{width:.5rem;height:.5rem}.notice strong,.notice em{display:block;font-style:normal}.notice strong{color:#273241;font-size:.3rem;font-weight:800;line-height:1.25}.notice em{margin-top:.06rem;color:var(--muted);font-size:.22rem;line-height:1.35}.guide-card,.code-card,.qr-card{border:.02rem solid var(--border);border-radius:.28rem;background:var(--card-bg);box-shadow:var(--shadow)}.guide-card{padding:.38rem .28rem .36rem}.guide-card h2{margin:0 0 .26rem;color:#283342;font-size:.32rem;font-weight:800;line-height:1.2;text-align:center}.step-list{display:grid;position:relative;grid-template-columns:repeat(3,minmax(0,1fr));gap:.14rem}.step-item{position:relative;min-width:0;text-align:center}.step-item:not(:last-child):after{position:absolute;z-index:0;top:1.55rem;left:calc(50% + .5rem);width:calc(100% - .82rem);border-top:.02rem dashed #ffa95d;content:""}.step-number{position:relative;z-index:1;width:.46rem;height:.46rem;margin:0 auto}.step-icon{display:inline-flex;position:relative;z-index:1;align-items:center;justify-content:center;width:1rem;height:1rem;border-radius:.22rem;background:var(--accent-soft)}.step-icon img{width:.6rem;height:.6rem;object-fit:contain}.step-item h3{margin:.22rem 0 .12rem;color:#273241;font-size:.28rem;font-weight:800;line-height:1.2}.step-item p{margin:0;color:var(--muted);font-size:.22rem;line-height:1.45}.code-card{padding:.46rem .28rem .34rem}.copy-code{display:grid;width:100%;place-items:center}.copy-code strong{color:var(--accent);font-size:.56rem;font-weight:500;line-height:1.1}.copy-code span{display:inline-flex;align-items:center;gap:.08rem;margin-top:.2rem;color:#2a3441;font-size:.22rem;font-weight:800;line-height:1;text-decoration:underline;text-underline-offset:.04rem}.copy-code img{width:.3rem;height:.3rem}.qr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.32rem}.qr-card{display:grid;min-height:3.34rem;padding:.28rem .18rem .24rem;place-items:center;transition:transform .18s ease,box-shadow .18s ease}.copy-code:active{transform:scale(.98)}.qr-image{width:2.22rem;height:2.22rem;object-fit:contain}.qr-card span{display:inline-flex;align-items:center;justify-content:center;min-height:.46rem;margin-top:.18rem;padding:0 .16rem;border-radius:.12rem;color:var(--accent);background:#fff2e2;font-size:.22rem;font-weight:500;line-height:1.2;white-space:nowrap}.howto{padding-top:.46rem}.howto-title{display:grid;grid-template-columns:.7rem 1fr;gap:.18rem;align-items:start}.howto-icon{width:.7rem;height:.7rem}.howto-icon img{width:.42rem;height:.42rem}.howto h2{margin:0 0 .08rem;color:#273241;font-size:.32rem;font-weight:500;line-height:1.2}.howto p{margin:0;color:var(--muted);font-size:.22rem;line-height:1.45}.phone-stage{position:relative;width:3.73rem;margin:.64rem auto 0}.phone-image{position:relative;z-index:1;width:100%;height:auto}.hand-image{position:absolute;z-index:2;top:18%;right:-30%;width:1.97rem;height:auto;animation:tapHint 2.2s ease-in-out infinite;pointer-events:none}.page-footer{margin-top:.68rem;color:#aab4c0;font-size:.22rem;line-height:1.4;text-align:center}.toast{position:fixed;left:50%;bottom:calc(1.52rem + env(safe-area-inset-bottom));z-index:30;max-width:6.4rem;padding:.2rem .28rem;border-radius:9.99rem;color:#fff;background:#1f2935e6;font-size:.24rem;line-height:1.3;text-align:center;opacity:0;transform:translate(-50%,.24rem);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.toast.is-visible{opacity:1;transform:translate(-50%)}.app-loader{position:fixed;inset:0;z-index:100;display:grid;grid-auto-flow:column;gap:.16rem;align-content:center;justify-content:center;background:var(--page-bg);transition:opacity .28s ease,visibility .28s ease}.loader-dot{width:.18rem;height:.18rem;border-radius:50%;background:var(--accent);animation:dotBounce .85s ease-in-out infinite}.loader-dot:nth-child(2){animation-delay:.12s}.loader-dot:nth-child(3){animation-delay:.24s}body.is-ready .app-loader{visibility:hidden;opacity:0}.image-fade,.lazy-image{opacity:0;transition:opacity .26s ease,filter .26s ease}.lazy-image{filter:blur(.16rem)}.image-fade.is-loaded,.lazy-image.is-loaded{opacity:1;filter:blur(0)}.reveal{opacity:0;transform:translateY(.28rem);transition:opacity .52s ease,transform .52s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.sr-only{position:absolute;width:.02rem;height:.02rem;margin:-.02rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes dotBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-.16rem)}}@keyframes tapHint{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-.12rem,-.16rem) rotate(-2deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}
