:root{font-family:"Microsoft YaHei",sans-serif;color:#172033;background:#f2f5fb}*{box-sizing:border-box}body{margin:0}.page-shell{display:grid;min-height:100vh;padding:28px;place-items:center;background:radial-gradient(circle at 20% 15%,#e6f0ff 0,transparent 32%),radial-gradient(circle at 80% 85%,#ece8ff 0,transparent 34%),#f4f6fb}.login-card{width:min(460px,100%);padding:38px;border:1px solid rgba(218,226,240,.9);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 24px 70px rgba(39,57,91,.12);text-align:center}.brand-mark{display:grid;width:52px;height:52px;margin:0 auto 18px;border-radius:16px;background:linear-gradient(145deg,#2f80ed,#675cff);color:#fff;font-size:25px;font-weight:900;box-shadow:0 10px 24px rgba(67,101,226,.28);place-items:center}.login-copy .eyebrow{color:#5b67dd;font-size:12px;font-weight:800;letter-spacing:.08em}.login-copy h1{margin:8px 0 6px;font-size:25px}.login-copy p{margin:0;color:#7c879c;font-size:13px}.qr-panel{display:grid;width:238px;height:238px;margin:27px auto 16px;padding:13px;border:1px solid #e3e9f2;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(40,58,92,.08);place-items:center}.qr-panel img{display:block;width:210px;height:210px;object-fit:contain}.qr-placeholder{display:grid;gap:10px;color:#8b95a7;font-size:13px;place-items:center}.qr-placeholder span{width:42px;height:42px;border:3px solid #e2e7f0;border-top-color:#5a67e8;border-radius:50%;animation:spin 1s linear infinite}.qr-placeholder strong{font-weight:600}.success-state{display:grid;gap:10px;place-items:center}.success-state>span{display:grid;width:64px;height:64px;border-radius:50%;background:#e8f8ef;color:#20a05a;font-size:32px;font-weight:900;place-items:center}.success-state strong{font-size:20px}.success-state small{color:#68758b;font-size:14px}.status-line{min-height:22px;margin-bottom:15px;color:#69758a;font-size:13px}.status-line.scanned{color:#e69318}.status-line.success{color:#159552}.status-line.expired,.status-line.cancelled,.status-line.error{color:#d94b4b}.primary-button{width:100%;height:46px;border:0;border-radius:12px;background:linear-gradient(135deg,#3478f6,#6657e8);color:#fff;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 10px 22px rgba(63,91,222,.22)}.primary-button:disabled{cursor:wait;opacity:.68}.login-steps{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:25px}.login-steps div{display:grid;gap:5px;color:#7b8699;font-size:11px;place-items:center}.login-steps b{display:grid;width:24px;height:24px;border-radius:50%;background:#eef2ff;color:#5361df;place-items:center}.login-steps i{width:28px;height:1px;background:#e0e5ee}.security-note{margin:20px 0 0;color:#9aa3b2;font-size:11px;line-height:1.6}.auth-card{width:min(430px,100%)}.auth-form{display:grid;gap:15px;margin-top:24px;text-align:left}.auth-form label{display:grid;gap:7px;color:#465169;font-size:13px;font-weight:700}.auth-form input{width:100%;height:44px;border:1px solid #dfe5ef;border-radius:11px;padding:0 13px;background:#fff;color:#172033;font:inherit;outline:none}.auth-form input:focus{border-color:#7180f4;box-shadow:0 0 0 3px rgba(91,103,232,.12)}.user-error,.user-success,.auth-message{margin:17px 0 -7px;padding:10px 12px;border-radius:9px;font-size:13px;text-align:center}.user-error,.auth-message.error{background:#fff0f0;color:#cf3f3f}.user-success,.auth-message.success{background:#eaf8ef;color:#188e50}.auth-links{display:flex;justify-content:center;gap:24px;margin-top:18px}.auth-links a{color:#5361df;font-size:13px;text-decoration:none}.code-row{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:8px}.code-button{height:44px;border:1px solid #d9e0ef;border-radius:11px;background:#f4f6ff;color:#5361df;font-size:12px;font-weight:700;cursor:pointer}.code-button:disabled{cursor:wait;opacity:.65}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:520px){.page-shell{padding:14px}.login-card{padding:28px 20px;border-radius:20px}.login-copy h1{font-size:22px}.qr-panel{width:224px;height:224px}.qr-panel img{width:196px;height:196px}.login-steps i{width:16px}.code-row{grid-template-columns:minmax(0,1fr) 104px}}
/* ios-ui-v1 */
:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC","Microsoft YaHei",sans-serif;color:#1c1c1e;background:#f2f2f7;color-scheme:light}
html,body{min-height:100%;background:#f2f2f7;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
.page-shell{padding:24px;background:radial-gradient(circle at 14% 10%,rgba(0,122,255,.10),transparent 30%),radial-gradient(circle at 88% 88%,rgba(88,86,214,.08),transparent 32%),#f2f2f7}
.login-card{padding:36px;border:1px solid rgba(255,255,255,.9);border-radius:26px;background:rgba(255,255,255,.82);box-shadow:0 20px 55px rgba(0,0,0,.10);backdrop-filter:blur(28px) saturate(150%)}
.brand-mark{border-radius:15px;background:#007aff;box-shadow:0 10px 24px rgba(0,122,255,.22)}
.login-copy .eyebrow{color:#007aff;letter-spacing:.04em}
.login-copy h1{color:#1c1c1e;font-size:26px;letter-spacing:-.02em}
.login-copy p{color:#636366;font-size:13px}
.auth-form label,.admin-form label{color:#3a3a3c;font-weight:600}
.auth-form input,.admin-form input{height:48px;border:1px solid #d1d1d6;border-radius:12px;background:rgba(255,255,255,.94);color:#1c1c1e;transition:border-color .16s,box-shadow .16s}
.auth-form input:focus,.admin-form input:focus{border-color:#007aff;box-shadow:0 0 0 4px rgba(0,122,255,.12)}
.primary-button{height:48px;border-radius:12px;background:#007aff;box-shadow:none;font-size:15px;font-weight:700;transition:filter .15s,transform .15s}
.primary-button:hover{filter:brightness(.96)}
.primary-button:active{transform:scale(.985)}
.primary-button:disabled{opacity:.55}
.auth-links a{color:#007aff;font-weight:600}
.code-button{height:48px;border-color:#d1d1d6;border-radius:12px;background:#f2f2f7;color:#007aff}
.user-error,.auth-message.error,.admin-error{border:1px solid rgba(255,59,48,.16);border-radius:12px;background:#fff2f1;color:#d70015}
.user-success,.auth-message.success{border:1px solid rgba(52,199,89,.16);border-radius:12px;background:#effbf2;color:#248a3d}
.qr-panel{border-color:#d1d1d6;border-radius:22px;box-shadow:0 10px 30px rgba(0,0,0,.07)}
.qr-placeholder span{border-color:#e5e5ea;border-top-color:#007aff}
.login-steps b{background:rgba(0,122,255,.10);color:#007aff}
.admin-login-card{width:min(420px,100%)}
.admin-form{display:grid;gap:15px;margin-top:26px;text-align:left}
.admin-form label{display:grid;gap:7px;font-size:13px}
.admin-form input{width:100%;padding:0 13px;outline:none}
.admin-error{margin:18px 0 -8px;padding:11px 13px;font-size:13px;text-align:center}
@media(max-width:520px){.page-shell{padding:14px}.login-card{padding:28px 20px;border-radius:22px}}
/* white-ui-v1 */
:root,html,body,.page-shell{background:#fff!important}
.login-card,.qr-panel{border-color:#eef0f3;background:#fff;box-shadow:0 8px 26px rgba(0,0,0,.035)}
.auth-form input,.admin-form input,.code-button{border-color:#e8eaee}