:root{color:#15362d;font-synthesis:none;background:#eef7f3;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 8% 12%,#45cd9738,#0000 27%),radial-gradient(circle at 94% 82%,#299e8229,#0000 26%),linear-gradient(145deg,#f8fcfa 0%,#eef7f3 48%,#e9f3f0 100%);min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}.scan-page{min-height:100vh;padding:34px clamp(18px,5vw,72px) 24px;position:relative;overflow:hidden}.ambient{filter:blur(2px);pointer-events:none;border-radius:999px;position:absolute}.ambient-one{border:1px solid #13976926;width:300px;height:300px;top:-170px;right:9%;box-shadow:0 0 0 46px #fff3,0 0 0 92px #15a9740a}.ambient-two{background:#27b78212;width:220px;height:220px;bottom:-130px;left:-70px}.brand-bar{z-index:1;align-items:center;gap:12px;width:min(1120px,100%);margin:0 auto 26px;display:flex;position:relative}.brand-mark{color:#fff;background:linear-gradient(145deg,#24c786,#11885f);border-radius:14px;place-items:center;width:42px;height:42px;font-size:21px;font-weight:800;display:grid;box-shadow:0 10px 24px #1291623d}.brand-name{letter-spacing:.01em;font-size:15px;font-weight:750}.brand-subtitle{color:#789088;margin-top:1px;font-size:11px}.secure-badge{color:#367061;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #59917f2e;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:8px 12px;font-size:12px;font-weight:650;display:flex}.scan-shell{z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffdb;border:1px solid #1f67521c;border-radius:30px;grid-template-columns:.9fr 1.1fr;width:min(1120px,100%);min-height:620px;margin:0 auto;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 90px #1d534321}.guide-panel{color:#fff;background:radial-gradient(circle at 90% 7%,#57ebae45,#0000 30%),linear-gradient(155deg,#0e644d 0%,#0b4c3e 52%,#083d34 100%);padding:clamp(38px,5vw,68px);position:relative}.guide-panel:after{content:"";border:1px solid #ffffff21;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-125px;right:-110px;box-shadow:0 0 0 38px #ffffff06,0 0 0 76px #ffffff05}.eyebrow{color:#bdf6dd;background:#ffffff12;border:1px solid #b1f6d930;border-radius:999px;align-items:center;gap:7px;margin-bottom:22px;padding:7px 11px;font-size:12px;font-weight:650;display:inline-flex}.hero-title.ant-typography{color:#fff;letter-spacing:-.045em;margin:0 0 18px;font-size:clamp(38px,4.4vw,58px);line-height:1.06}.hero-title span{color:#50e6aa}.hero-copy.ant-typography{color:#e5fbf3bd;max-width:410px;font-size:15px;line-height:1.75;display:block}.steps{gap:22px;margin-top:42px;display:grid}.step{opacity:.5;grid-template-columns:42px 1fr;gap:14px;transition:opacity .25s;display:grid}.step.done{opacity:1}.step-icon{color:#50e6aa;background:#ffffff17;border:1px solid #ffffff1a;border-radius:14px;place-items:center;width:42px;height:42px;font-size:18px;display:grid}.step strong{color:#f4fffb;margin:2px 0 3px;font-size:14px;display:block}.step span{color:#ddf8ef94;font-size:12px}.privacy-note{z-index:1;color:#daf7ed94;border-top:1px solid #ffffff17;gap:10px;margin-top:42px;padding-top:22px;font-size:11px;line-height:1.55;display:flex;position:relative}.qr-panel{padding:clamp(28px,4vw,52px)}.status-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.status-pill{border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:12px;font-weight:700;display:inline-flex}.status-pill.active{color:#107857;background:#e6f8f0}.status-pill.success{color:#086943;background:#dff8e9}.status-pill.danger{color:#a33d35;background:#fff0ee}.status-dot{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #15976717}.device-id.ant-typography{color:#8da19a;letter-spacing:.04em;font-size:11px}.page-alert{border-radius:12px;margin-bottom:14px}.qr-stage{background:linear-gradient(#fcfefded,#f8fcfaed),repeating-linear-gradient(0deg,#0000,#0000 23px,#1b785a09 24px),repeating-linear-gradient(90deg,#0000,#0000 23px,#1b785a09 24px);border:1px solid #e2ece8;border-radius:24px;place-items:center;min-height:390px;display:grid;position:relative;overflow:hidden}.qr-stage.is-success{background:linear-gradient(155deg,#f2fcf7,#eaf8f2)}.stage-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:350px;padding:28px;display:flex}.stage-center .ant-typography{max-width:390px}.scan-title.ant-typography{color:#183d32;margin:18px 0 2px}.qr-frame{background:#fff;border-radius:18px;place-items:center;padding:15px;display:grid;position:relative;box-shadow:0 14px 38px #1e55441a}.qr-frame .ant-image,.qr-frame img{border-radius:8px;display:block}.corner{border-style:solid;border-color:#1cab77;width:24px;height:24px;position:absolute}.corner.top-left{border-width:3px 0 0 3px;border-radius:7px 0 0;top:7px;left:7px}.corner.top-right{border-width:3px 3px 0 0;border-radius:0 7px 0 0;top:7px;right:7px}.corner.bottom-left{border-width:0 0 3px 3px;border-radius:0 0 0 7px;bottom:7px;left:7px}.corner.bottom-right{border-width:0 3px 3px 0;border-radius:0 0 7px;bottom:7px;right:7px}.success-content .ant-typography{margin-top:10px}.success-ring{color:#19ae75;filter:drop-shadow(0 10px 18px #149e6733);font-size:74px}.waiting-orbit{background:#edf8f3;border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:8px;display:grid}.expiry-block{margin:18px 2px 0}.expiry-copy{color:#698078;justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.expiry-copy span{align-items:center;gap:6px;display:flex}.expiry-copy strong{color:#215d4d;font-variant-numeric:tabular-nums;letter-spacing:.06em}.panel-footer{justify-content:space-between;align-items:center;gap:14px;margin-top:18px;display:flex}.panel-footer .ant-btn{border-radius:10px}.panel-footer .ant-typography{font-size:11px}.page-footer{z-index:1;color:#83978f;text-align:center;margin-top:18px;font-size:11px;position:relative}@media (width<=860px){.scan-page{padding:22px 14px}.brand-bar{margin-bottom:16px}.scan-shell{border-radius:22px;grid-template-columns:1fr}.guide-panel{padding:32px 28px}.hero-title.ant-typography{font-size:38px}.hero-title br{display:none}.hero-title span{margin-left:.16em}.steps{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.step{grid-template-columns:1fr;gap:8px}.step span{display:none}.privacy-note{margin-top:26px}.qr-panel{padding:28px}}@media (width<=560px){.secure-badge{display:none}.brand-name{font-size:14px}.guide-panel{padding:28px 22px}.hero-title.ant-typography{font-size:32px}.hero-copy.ant-typography{font-size:13px}.steps{margin-top:22px}.step strong{font-size:11px}.qr-panel{padding:20px 14px}.status-row{flex-direction:column;align-items:flex-start;gap:8px}.qr-stage{border-radius:18px;min-height:350px}.stage-center{min-height:330px;padding:18px}.qr-frame{margin:-8px;transform:scale(.9)}.panel-footer{flex-direction:column;align-items:flex-start}}