:root{font-family:Arial,"Microsoft YaHei",sans-serif;color:#19133a;background:#f4f1f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh;max-width:900px;margin:auto;background:white;border:1px solid #e9e1ec;border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.browser-bar{height:34px;background:#f8f6fa;border-bottom:1px solid #eee8f0;display:flex;align-items:center;padding:0 18px;position:relative;color:#c5aecb;font-size:10px}.browser-dots{letter-spacing:4px}.browser-address{position:absolute;left:10%;right:10%;max-width:350px;margin:auto;text-align:center;background:#fff;border:1px solid #eee8f0;border-radius:4px;padding:3px}.site-header{display:flex;align-items:center;justify-content:space-between;padding:22px 30px 10px}.brand{display:flex;flex-direction:column;color:#831187}.brand strong{font-size:25px;font-weight:800;letter-spacing:-1.5px;line-height:1}.brand span{color:#9e80aa;font-size:10px;margin-top:4px}.secure{font-size:10px;color:#8e7a9f}main{width:100%;flex:1}.progress{width:min(328px,86%);display:flex;align-items:flex-start;justify-content:center;margin:16px auto 37px}.progress-step{display:flex;flex-direction:column;align-items:center;min-width:54px;gap:5px;text-align:center;color:#8d789a;font-size:10px;white-space:nowrap}.bubble{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#f2eff4;color:#ad9bb6;font-size:10px;font-weight:bold}.progress-line{height:1px;background:#e7dfea;flex:1;margin-top:10px}.progress-step.active{color:#831187;font-weight:700}.progress-step.active .bubble{background:#831187;color:white;box-shadow:0 0 0 4px #f5eafa}.progress-step.done .bubble{background:#f2e6f3;color:#831187}.page{width:min(328px,calc(100% - 40px));margin:0 auto 36px}.hidden{display:none!important}.eyebrow{color:#9a85a6;font-size:11px;margin:0 0 9px}h1{font-size:24px;line-height:1.22;letter-spacing:-.6px;margin:0 0 14px;color:#171038}.lead{color:#644b78;font-size:13px;line-height:1.8;margin:0 0 20px}.brand-link{display:flex;align-items:center;justify-content:center;gap:16px;margin:24px 0}.brand-link>div{display:flex;flex-direction:column;align-items:center;gap:8px}.logo-box{height:49px;width:49px;border-radius:14px;display:grid;place-items:center;font-size:25px;font-weight:bold}.logo-box.wechat{background:#e9f8f0;border:1px solid #d8efe1;color:#00ae62}.logo-box.partner{background:#f6edf8;border:1px solid #e8d7ed;color:#801188}.brand-link small{font-size:10px;color:#665373}.link-symbol{color:#d4c2dc;font-size:16px;margin-top:-15px}.benefits{list-style:none;padding:0;margin:10px 0 19px;font-size:11px;color:#453253}.benefits li{margin:11px 0}.benefits li:before{content:'✓';color:#ad75ba;margin-right:11px}.notice{background:#faf7fb;border:1px solid #eee4f0;border-radius:11px;padding:13px 12px;color:#6a527b;font-size:10px;line-height:1.65}.notice strong{color:#62466e}.notice p{margin:8px 0 4px}.notice a{color:#684a78;text-decoration:none}.agreement{display:flex;align-items:flex-start;gap:7px;margin:18px 0 17px;color:#493c55;font-size:10px;line-height:1.5}.agreement input{margin:1px 0 0;accent-color:#831187}.button{width:100%;height:40px;border:0;border-radius:7px;color:white;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 4px 8px #2711340c}.button span{padding-left:5px}.button:disabled{cursor:not-allowed;opacity:.42}.button.purple{background:#821183}.button.green{background:#00aa58}.button:not(:disabled):hover{filter:brightness(.95)}.scan-card{height:215px;background:#fcfdf9;border:1px solid #e2e9d5;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:19px 0 15px}.scan-card strong{font-size:12px;color:#68793e;margin-top:12px}.scan-card small{font-size:10px;color:#91a175;margin-top:5px}.qr-placeholder{width:126px;height:126px;position:relative;background:repeating-linear-gradient(45deg,#edf3e8 0,#edf3e8 2px,#fff 2px,#fff 6px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#97ad77;font-size:9px;box-shadow:0 3px 10px #dfe6d833}.scan-logo{font-size:23px;margin-bottom:8px}.qr-corner{position:absolute;width:27px;height:27px;border:4px solid #9dad90}.top-left{top:7px;left:8px}.bottom-right{right:8px;bottom:7px}.under-button{text-align:center;color:#8d7798;font-size:10px;margin:11px 0}.partner-card{border:1px solid #e8d8ec;border-radius:12px;padding:17px 15px 0;margin:18px 0 15px}.partner-brand{display:block;color:#831187;font-size:25px;letter-spacing:-1.4px}.partner-card h2{font-size:12px;color:#664575;margin:12px 0 6px}.partner-card p{font-size:10px;color:#765f83;margin:0 0 14px}.card-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-top:1px solid #eee7ef}.card-row span:last-child{display:flex;flex-direction:column;gap:4px}.card-row strong{font-size:10px;color:#402c50}.card-row small{font-size:10px;color:#7b658b}.row-icon{color:#ab81b7;font-size:15px}.confirmed{display:flex;align-items:center;gap:11px;border:1px solid #e9deec;border-radius:12px;padding:13px 11px;margin-bottom:17px}.confirmed-icon{border-radius:50%;background:#e8f7ec;color:#00a65a;width:31px;height:31px;display:grid;place-items:center}.confirmed span:nth-child(2){display:flex;flex-direction:column;gap:5px}.confirmed strong{font-size:12px}.confirmed small{font-size:10px;color:#704f80}.confirmed em,.result-head em{font-style:normal;color:#45ae71;background:#eaf7ed;border-radius:10px;padding:3px 6px;font-size:9px;margin-left:auto;white-space:nowrap}.complete-page{text-align:center}.complete-page .eyebrow{margin-bottom:17px}.success-icon,.failure-icon{height:57px;width:57px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:#eefaf3;border:6px solid #f7fcf9;outline:1px solid #e4f3e9;color:#00aa5a;font-size:29px}.failure-icon{background:#fff2f0;outline-color:#f8dfdc;color:#c55b4b}.complete-page h1{margin-bottom:8px}.complete-page .lead{margin-bottom:21px}.result-card{text-align:left;border:1px solid #e5d8e9;border-radius:11px;overflow:hidden;margin-bottom:16px}.result-head{background:#faf7fb;padding:11px 12px;display:flex;align-items:center;color:#947e9c;font-size:9px}.result-row{display:flex;justify-content:space-between;padding:13px 12px;border-top:1px solid #f0ebf1;color:#6b5279;font-size:10px}.result-row strong{color:#5d3475}.supplier-list{border-top:1px solid #f0ebf1;padding:12px}.supplier-list>strong{font-size:10px;color:#5e4672}.supplier-item{display:flex;gap:8px;margin-top:11px;color:#5d3f72;font-size:10px;line-height:1.5}.supplier-item:before{content:'♧';color:#9872aa}.supplier-item>span{flex:1}.supplier-item strong{display:block;font-weight:600}.supplier-item small{display:block;color:#9a85a6}.supplier-item em{color:#168f54;font-size:9px;font-style:normal;background:#eaf7ed;padding:2px 5px;border-radius:8px;align-self:flex-start;white-space:nowrap}.error{color:#ae3f47;font-size:11px;line-height:1.5;margin:10px 0}.error:empty{display:none}footer{border-top:1px solid #eee8f0;margin:18px 28px 0;padding:15px 0;display:flex;justify-content:space-between;color:#9784a0;font-size:9px}@media(max-width:480px){.shell{border-radius:0;min-height:100dvh}.site-header{padding-left:23px;padding-right:23px}.progress{margin-top:18px;margin-bottom:30px}.page{width:min(328px,calc(100% - 46px))}footer{margin-left:22px;margin-right:22px}}