*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:#f5f7fa}#root{min-height:100vh}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#1677ff,#0958d9,#003eb3);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:#ffffff0d;top:-200px;right:-100px}.login-page:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:#ffffff08;bottom:-100px;left:-50px}.login-card{width:420px;padding:48px 40px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;position:relative;z-index:1}.login-logo{text-align:center;margin-bottom:36px}.login-logo .icon{font-size:48px;color:#1677ff;margin-bottom:12px}.login-logo h1{font-size:26px;font-weight:700;color:#1a1a2e;margin:0}.login-logo p{color:#8c8c8c;font-size:14px;margin-top:6px}.stat-card{text-align:center;padding:20px 16px;background:#fff;border-radius:12px;border:1px solid #f0f0f0;transition:all .3s}.stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-card .value{font-size:28px;font-weight:700}.stat-card .label{margin-top:6px;color:#8c8c8c;font-size:13px}.verify-page{min-height:100vh;background:linear-gradient(180deg,#1677ff,#0958d9 35%,#f5f7fa 35%);padding:0 16px 40px}.verify-header{text-align:center;padding:40px 0 30px;color:#fff}.verify-header .shield{font-size:56px;margin-bottom:12px}.verify-header h1{font-size:22px;font-weight:600;margin:0}.verify-header p{opacity:.85;font-size:14px;margin-top:6px}.verify-card{background:#fff;border-radius:16px;padding:28px 24px;box-shadow:0 4px 20px #00000014;margin-top:-10px}.verify-input-group{display:flex;gap:10px;margin-bottom:16px}.verify-input-group input{flex:1}.verify-result{padding:20px;border-radius:12px;margin-top:16px;text-align:center}.verify-result.success{background:linear-gradient(135deg,#f6ffed,#d9f7be);border:1px solid #b7eb8f}.verify-result.warning{background:linear-gradient(135deg,#fffbe6,#fff1b8);border:1px solid #ffe58f}.verify-result.error{background:linear-gradient(135deg,#fff2f0,#ffccc7);border:1px solid #ffccc7}.verify-result .icon{font-size:48px;margin-bottom:12px}.verify-result h3{font-size:18px;margin-bottom:8px}.verify-result p{color:#666;font-size:14px}.reward-popup{margin-top:16px;padding:20px;background:linear-gradient(135deg,#fff7e6,#ffe7ba);border-radius:12px;border:1px solid #ffd591;text-align:center}.reward-popup h4{color:#d46b08;margin-bottom:8px;font-size:16px}.reward-popup .rewards{display:flex;justify-content:center;gap:24px;margin:12px 0}.reward-popup .reward-item{text-align:center}.reward-popup .reward-item .num{font-size:24px;font-weight:700;color:#fa541c}.reward-popup .reward-item .desc{font-size:12px;color:#8c8c8c}.tip-bar{margin-top:20px;padding:12px 16px;background:#fffbe6;border-radius:8px;border:1px solid #ffe58f;display:flex;align-items:center;gap:8px;font-size:13px;color:#8c6e00}.qr-code-container{text-align:center;padding:20px}.qr-code-container canvas{border:4px solid #f0f0f0;border-radius:8px}.qr-code-label{margin-top:12px;font-size:14px;color:#666}.qr-code-value{font-size:16px;font-weight:600;color:#1677ff;letter-spacing:2px;margin-top:4px}@media (max-width: 768px){.login-card{width:90%;padding:32px 24px}.verify-card{padding:20px 16px}.stat-card .value{font-size:22px}}