:root{font-family:DM Sans,Noto Sans SC,Microsoft YaHei,PingFang SC,sans-serif;color:#1b2433;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}.page-shell{min-height:100vh;display:grid;place-items:center;padding:32px 18px;background:radial-gradient(circle at 80% 0%,#e4edff 0,transparent 32%),#f5f7fb}.card{width:min(100%,540px);padding:42px 42px 28px;border:1px solid #e7ebf2;border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 22px 70px #2c3d601a}.brand-row{display:flex;align-items:center;gap:14px}.brand-mark{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:#2864e8;color:#fff;font-size:25px;font-weight:700;box-shadow:0 8px 18px #2864e834}.eyebrow{margin:0 0 3px;color:#2864e8;font-size:10px;font-weight:700;letter-spacing:1.6px}.brand-row h1{margin:0;font-size:25px;letter-spacing:-.5px}.intro{margin:26px 0 30px;color:#7c8799;font-size:14px}.form-block label{display:block;margin-bottom:10px;font-size:14px;font-weight:600}.input-row{display:flex;gap:9px}.input-row input{flex:1;min-width:0;height:52px;padding:0 16px;border:1px solid #dbe1eb;border-radius:11px;outline:none;color:#1b2433;font:inherit;font-size:15px;transition:.2s}.input-row input:focus{border-color:#2864e8;box-shadow:0 0 0 4px #2864e814}.input-row input::placeholder{color:#adb6c5}.scan-button{width:52px;height:52px;display:grid;place-items:center;border:1px solid #dbe1eb;border-radius:11px;background:#fff;color:#2864e8;cursor:pointer;transition:.2s}.scan-button:hover{background:#eef4ff;border-color:#b8cdfc}.scan-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.helper{margin:9px 0 0;color:#99a3b2;font-size:12px}.query-button{width:100%;height:51px;margin-top:26px;border:0;border-radius:11px;background:#2864e8;color:#fff;font:600 15px inherit;cursor:pointer;box-shadow:0 8px 18px #2864e82e;transition:.2s}.query-button:hover:not(:disabled){background:#1e54cd;transform:translateY(-1px)}.query-button:disabled{opacity:.65;cursor:not-allowed}.spinner{display:inline-block;width:14px;height:14px;margin-right:7px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;vertical-align:-2px;animation:spin .7s linear infinite}.scanner-panel{margin-top:20px;padding:14px;border:1px solid #dbe4f4;border-radius:15px;background:#f7faff;text-align:center}.scanner-panel #reader{overflow:hidden;border-radius:10px}.scanner-panel video{width:100%!important;border-radius:10px}.scanner-tip{margin:12px 0;color:#66758b;font-size:12px}.pulse{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#25aa72;box-shadow:0 0 0 4px #25aa7220}.cancel-button{border:0;background:none;color:#2864e8;font:500 13px inherit;cursor:pointer}.message{margin:13px 0 0;color:#2e9369;font-size:13px}.message.error{color:#d26767}.result-card{margin-top:22px;padding:18px;border:1px solid #e3eaf5;border-radius:15px;background:#f9fbff}.result-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #e8edf5;font-size:14px;font-weight:600}.result-heading b{padding:5px 9px;border-radius:6px;background:#e7f7ef;color:#279266;font-size:11px;font-weight:600}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;padding-top:16px}.result-grid small{display:block;margin-bottom:4px;color:#97a2b2;font-size:11px}.result-grid strong{display:block;overflow:hidden;color:#334156;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.result-grid strong{font-weight:600}footer{margin-top:30px;text-align:center;color:#b0b8c4;font-size:11px}.fade-enter-active{transition:opacity .25s,transform .25s}.fade-enter-from{opacity:0;transform:translateY(7px)}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:560px){.card{padding:30px 22px 24px;border-radius:20px}.page-shell{padding:16px}}.result-heading b.failed{background:#fff0f0;color:#c65555}.result-message{grid-column:1 / -1}.result-message strong{white-space:normal;overflow-wrap:anywhere}.invoice-detail{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;margin-top:16px;padding-top:16px;border-top:1px solid #e8edf5}.invoice-detail small{display:block;margin-bottom:4px;color:#97a2b2;font-size:11px}.invoice-detail strong{display:block;color:#334156;font-size:13px;overflow-wrap:anywhere}.result-card>.result-grid{display:none}.envelope-card{display:grid;grid-template-columns:1fr 2fr;gap:12px;margin-top:16px;padding:14px 16px;border:1px solid #e3eaf5;border-radius:12px;background:#fff}.envelope-card small{display:block;margin-bottom:4px;color:#97a2b2;font-size:11px}.envelope-card strong{color:#334156;font-size:13px;overflow-wrap:anywhere}.apply-card{margin-top:18px;padding:16px;border:1px solid #e3eaf5;border-radius:15px;background:#fff}.apply-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 12px;margin-top:15px}.apply-grid label{display:grid;gap:6px;color:#68758a;font-size:11px}.apply-grid input,.apply-grid select{width:100%;min-width:0;height:40px;padding:0 10px;border:1px solid #dbe1eb;border-radius:8px;background:#fff;color:#334156;font:13px inherit;outline:none}.apply-grid input:focus,.apply-grid select:focus{border-color:#2864e8;box-shadow:0 0 0 3px #2864e814}.field-error{margin:0;color:#d26767;font-size:12px;line-height:1.4}.invoice-status{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding:12px 14px;border:1px solid #e3eaf5;border-radius:10px;background:#f8faff}.invoice-status small{color:#7d899b;font-size:12px}.invoice-status strong{color:#2864e8;font-size:14px}.apply-grid label:has(.field-error) input{border-color:#d26767}.apply-fields{margin:0;padding:0;border:0;min-width:0}.apply-fields:disabled{opacity:.68}.apply-card-readonly .apply-grid input,.apply-card-readonly .apply-grid select{background:#f1f3f7;color:#8b96a6;cursor:not-allowed}.invoice-link-row,.invoice-fail-row{display:flex;align-items:center;gap:12px;margin:14px 0;padding:11px 12px;border-radius:9px;background:#f7f9fd;font-size:13px}.invoice-link-row small,.invoice-fail-row small{color:#7d899b}.invoice-link-row a{color:#2864e8;font-weight:600;overflow-wrap:anywhere}.invoice-fail-row strong{color:#c65555;overflow-wrap:anywhere}.apply-grid input:read-only{background:#f1f3f7;color:#8b96a6;cursor:not-allowed}.apply-hint{margin:13px 0 0;color:#97a2b2;font-size:12px}.apply-button{margin-top:16px;height:46px}.auth-card{width:min(100%,460px)}.auth-form{display:grid;gap:10px}.auth-form label{margin:6px 0 0;font-size:14px;font-weight:600}.auth-form input{width:100%;height:50px;padding:0 14px;border:1px solid #dbe1eb;border-radius:10px;outline:none;color:#1b2433;font:inherit;font-size:15px}.auth-form input:focus{border-color:#2864e8;box-shadow:0 0 0 4px #2864e814}.auth-form .remember-row{display:flex;align-items:center;gap:8px;margin-top:2px;color:#68758a;font-size:13px;font-weight:400;cursor:pointer}.auth-form .remember-row input{width:16px;height:16px;margin:0;accent-color:#2864e8}.auth-form .query-button{margin-top:12px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.logout-button{border:1px solid #dbe1eb;border-radius:9px;padding:8px 12px;background:#fff;color:#526078;font:500 13px inherit;cursor:pointer}.logout-button:hover{background:#f5f7fb}@media (max-width:560px){.page-header{align-items:flex-start}.logout-button{flex-shrink:0}}html{min-width:320px;min-height:100%}body{min-height:100vh;min-height:100svh}button,input{touch-action:manipulation}.page-shell{min-height:100vh;min-height:100svh;padding:clamp(16px,4vh,36px) max(18px,env(safe-area-inset-right)) clamp(16px,4vh,36px) max(18px,env(safe-area-inset-left))}.card{min-width:0}.page-header>.brand-row{min-width:0}.result-card,.envelope-card,.invoice-detail{min-width:0}.envelope-card>div,.invoice-detail>div,.result-grid>div{min-width:0}.result-grid strong,.envelope-card strong,.invoice-detail strong{white-space:normal;overflow-wrap:anywhere;word-break:break-word}.scanner-panel #reader{width:100%;max-width:100%}.scanner-panel #reader video,.scanner-panel #reader img{max-width:100%!important;height:auto!important;object-fit:cover}@media (max-width:600px){.page-shell{display:flex;align-items:flex-start;justify-content:center;padding:max(14px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#f5f7fb}.card,.auth-card{width:100%;max-width:540px;margin:auto 0;padding:clamp(22px,6vw,30px) clamp(16px,5vw,24px) 22px;border-radius:18px;box-shadow:0 12px 36px #2c3d6017}.brand-row{gap:11px}.brand-mark{width:42px;height:42px;flex:0 0 42px}.brand-row h1{font-size:22px}.intro{margin:22px 0 25px;line-height:1.6}.form-block label,.auth-form label{font-size:14px}.input-row{gap:8px}.input-row input,.auth-form input{height:50px;min-width:0;font-size:16px}.scan-button{width:50px;height:50px;flex:0 0 50px}.helper{line-height:1.6}.query-button{height:50px;margin-top:22px}.page-header{align-items:center;gap:8px}.logout-button{min-height:42px;padding:8px 10px}.result-card{margin-top:18px;padding:15px}.result-grid{grid-template-columns:minmax(0,1fr);gap:13px}.result-grid strong{font-size:14px}.invoice-detail{grid-template-columns:minmax(0,1fr);gap:13px}.envelope-card{grid-template-columns:minmax(0,1fr);gap:12px;padding:13px 14px}.apply-card{padding:14px}.apply-grid{grid-template-columns:minmax(0,1fr)}footer{margin-top:24px;line-height:1.6}.scanner-panel{padding:10px}}@media (max-width:360px){.page-shell{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.card,.auth-card{padding-left:15px;padding-right:15px}.page-header{align-items:flex-start}.logout-button{min-height:40px;font-size:12px}.input-row input{padding:0 11px}}@media (max-height:620px) and (max-width:600px){.page-shell{align-items:flex-start}.card,.auth-card{margin:0}.intro{margin-top:16px;margin-bottom:18px}footer{margin-top:18px}}