*{box-sizing:border-box}body{color:#1f2933;background:#f6f7f9;min-width:320px;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{border:0}.page{min-height:100vh;padding:18px 14px 28px}.topbar{justify-content:space-between;align-items:center;max-width:720px;margin:0 auto 14px;display:flex}.title{margin:0;font-size:22px;font-weight:700}.subtitle{color:#697586;margin:4px 0 0;font-size:13px}.link-btn{color:#1263d8;background:0 0;padding:8px 10px}.panel{background:#fff;border:1px solid #e7eaf0;border-radius:8px;max-width:720px;margin:0 auto 14px;padding:16px}.panel-title{margin:0 0 14px;font-size:17px;font-weight:700}.field{margin-bottom:14px}.field label{color:#364152;margin-bottom:7px;font-size:14px;display:block}.input-row{gap:8px;display:flex}.input{color:#111827;background:#fff;border:1px solid #ccd3dd;border-radius:8px;outline:none;width:100%;min-width:0;height:44px;padding:0 12px}.input:focus{border-color:#1263d8;box-shadow:0 0 0 3px #1263d81f}.scan-btn,.primary-btn,.secondary-btn{cursor:pointer;border-radius:8px;height:44px}.scan-btn{color:#1263d8;background:#eef4ff;flex:0 0 76px;font-weight:600}.ocr-btn{flex-basis:104px}.scan-btn:disabled{color:#7b8794;cursor:not-allowed;background:#eef1f5}.hidden-file{display:none}.primary-btn{color:#fff;background:#1263d8;width:100%;font-weight:700}.primary-btn:disabled{background:#9aa7b7}.secondary-btn{color:#364152;background:#eef1f5;padding:0 14px}.message{color:#d92d20;margin:10px 0 0;font-size:14px}.success{color:#16803c}.landing-panel{text-align:center}.landing-panel .primary-btn{margin-top:16px}.qr-url{color:#697586;word-break:break-all;margin-top:8px;font-size:12px;line-height:1.5}.record-list{gap:10px;display:grid}.record{background:#fbfcfe;border:1px solid #edf0f4;border-radius:8px;padding:12px}.record-main{justify-content:space-between;gap:10px;margin-bottom:6px;font-weight:700;display:flex}.record-sub{color:#667085;word-break:break-all;font-size:13px}.empty{color:#7b8794;text-align:center;padding:18px 0}.pager{justify-content:center;align-items:center;gap:14px;margin-top:14px;display:flex}.login-wrap{align-items:center;min-height:100vh;padding:18px 14px;display:flex}.modal-mask{z-index:10;background:#0f172a8f;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;width:min(460px,100%);padding:16px}.modal-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.modal-title{font-size:17px;font-weight:700}.alert-dialog{text-align:center}.alert-message{color:#364152;margin:14px 0 18px;line-height:1.6}.close-btn{color:#344054;background:#eef1f5;border-radius:50%;width:34px;height:34px}#qr-reader{border-radius:8px;overflow:hidden}.scan-tip{color:#697586;margin:10px 0 0;font-size:13px}@media (width>=768px){.page{padding-top:28px}}