*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}button,input{font:inherit}.page-wrap{min-height:100vh;position:relative;background:#f0f5ff}.qr-page{min-height:100vh;overflow:hidden;position:relative}.bg-gradient{background:linear-gradient(160deg,#2b7fff,#1e6ef5 35%,#1458d8 65%,#0d46c0);top:0;right:0;bottom:0;left:0;position:fixed}.bg-gradient:after{background:linear-gradient(180deg,transparent,rgba(22,119,255,.3));bottom:0;content:"";height:45%;left:0;position:absolute;right:0}.content{align-items:center;display:flex;flex-direction:column;gap:20px;margin:auto;max-width:420px;padding:88px 20px 40px;position:relative;z-index:1}.page-body{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}.page-pending{display:none}.page-loading{align-items:center;display:flex;justify-content:center;min-height:60vh}.page-loading-spinner{animation:qr-spin .8s linear infinite;border:3px solid rgba(255,255,255,.4);border-radius:50%;border-top-color:#fff;display:block;height:36px;width:36px}.header-area{text-align:center}.page-title{color:#fff;font-size:22px;letter-spacing:.5px;margin-bottom:14px}.page-subtitle{color:#ffffffe6;font-size:14px;line-height:1.8}.qr-card,.verify-card{align-items:center;background:#fff;border-radius:18px;box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column;gap:12px;padding:20px;width:100%}.qr-img-wrap{align-items:center;background:#f5f7fa;border-radius:12px;display:flex;height:220px;justify-content:center;overflow:hidden;width:220px}.qr-loading{animation:qr-spin .8s linear infinite;border:3px solid #e0e6ef;border-radius:50%;border-top-color:#1677ff;height:36px;width:36px}@keyframes qr-spin{to{transform:rotate(360deg)}}.qr-image{display:none;height:198px;object-fit:contain;width:198px}.qr-image.loaded{animation:qr-fade-in .25s ease;display:block}@keyframes qr-fade-in{0%{opacity:0}to{opacity:1}}.qr-hint,.verify-tip{color:#999;font-size:12px;text-align:center}.material-status{color:#1677ff;font-size:12px;text-align:center}.staff-card,.verify-notice{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:18px;display:flex;gap:16px;padding:20px;width:100%}.avatar-default{align-items:center;background:linear-gradient(145deg,#39bdf8,#1677ff);border:2px solid rgba(255,255,255,.6);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:30px;font-weight:700;height:64px;justify-content:center;overflow:hidden;width:64px}.avatar-image{height:100%;object-fit:cover;width:100%}.staff-info{display:flex;flex:1;flex-direction:column;gap:8px}.info-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.info-text{color:#fff;font-size:13px;font-weight:500}.verify-icon{align-items:center;background:#52c41a;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:10px;height:18px;justify-content:center;width:18px}.company-badge{align-items:center;background:#52c41a;border:1px solid #52c41a;border-radius:4px;color:#fff;display:inline-flex;font-size:10px;gap:3px;padding:1px 5px}.company-badge-icon{display:block;fill:currentColor;flex-shrink:0;height:12px;width:12px}.phone-text{letter-spacing:.5px}.brand-footer{align-items:center;background:#fff;border-radius:20px;color:#1f2329;cursor:pointer;display:flex;gap:8px;justify-content:center;padding:8px 16px;text-decoration:none}.brand-footer img{display:block;flex-shrink:0;height:30px;object-fit:contain;width:auto}.verify-notice{align-items:flex-start;border-radius:14px;gap:12px;padding:16px}.verify-notice-icon{background:#fff;border-radius:8px;display:flex;flex-shrink:0;height:36px;padding:6px;width:36px}.verify-notice-icon svg{height:24px;width:24px}.verify-notice-text{color:#fff;font-size:13px;line-height:1.7}.verify-card{align-items:stretch;gap:20px;padding-bottom:24px}.verify-meta,.verify-actions{align-items:center;display:flex;justify-content:space-between}.verify-method{color:#666;font-size:13px}.verify-timer{color:#1677ff;font-size:15px;font-variant-numeric:tabular-nums;font-weight:700}.timer-urgent{color:#ff4d4f}.otp-wrap{display:grid;gap:7px;grid-template-columns:repeat(6,1fr);overflow:hidden}.otp-input{background:#fafafa;border:1.5px solid #d9d9d9;border-radius:10px;color:#1a1a1a;font-size:22px;font-weight:700;height:56px;min-width:0;outline:none;text-align:center;transition:.2s;width:100%}.otp-input:focus{background:#fff;border-color:#1677ff;box-shadow:0 0 0 3px #1677ff1f}.verify-actions{gap:12px}.btn-resend,.btn-confirm,.btn-retry{border-radius:12px;cursor:pointer;font-weight:600;height:48px;transition:.2s}.btn-resend{background:#f5f5f5;border:1.5px solid #d9d9d9;color:#999;flex:1;font-size:14px}.btn-resend:disabled{cursor:not-allowed}.btn-confirm{background:#1677ff;border:0;color:#fff;flex:1.4;font-size:15px}.btn-confirm:disabled{background:#d9d9d9;cursor:not-allowed}.judge-card{align-items:center;background:#fff;border-radius:18px;box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column;gap:14px;padding:32px 24px;width:100%}.judge-success{border-top:4px solid #52c41a}.judge-fail{border-top:4px solid #ff4d4f}.judge-icon{align-items:center;border:4px solid currentColor;border-radius:50%;color:#52c41a;display:flex;font-size:34px;font-weight:700;height:64px;justify-content:center;line-height:1;width:64px}.judge-fail .judge-icon{color:#ff4d4f}.judge-title{color:#389e0d;font-size:20px}.judge-fail .judge-title{color:#cf1322}.judge-desc{color:#666;font-size:14px;line-height:1.8;text-align:center}.btn-retry{background:#fff2f0;border:1.5px solid #ff4d4f;color:#ff4d4f;font-size:14px;padding:0 28px}@media(max-width:480px){.content{gap:16px;padding:50px 16px 32px}.page-body{gap:16px}.page-title{font-size:20px}.qr-img-wrap{height:190px;width:190px}.qr-image{height:172px;width:172px}.otp-wrap{gap:5px}.otp-input{height:50px;font-size:20px}}