:root{--bg:#fff;--text-main:#313131;--text-soft:#8b8b8b;--line:#ececec;--line-strong:#ddd;--disabled-bg:#f7fbfc;--control-bg:#fff;--control-text:#d0d4d8;--green:#6fd53a;--green-deep:#63c630;--danger:#c6463a;--danger-bg:#fdf0ee;--success:#237347;--success-bg:#eff8f2;--info:#4b6980;--info-bg:#f1f6fa;color:var(--text-main);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{background:#fff;margin:0}button,input{font:inherit}button{cursor:pointer}#app{width:100%;max-width:430px;margin:0 auto;padding:32px 18px 40px}.app-shell,.bind-page{width:100%}.section-title{align-items:center;gap:14px;margin-bottom:34px;display:flex}.section-title h1{color:#2f2f2f;letter-spacing:.02em;white-space:nowrap;margin:0;font-size:24px;font-weight:700}.title-line{background:var(--line);flex:1;height:1px}.form-block{gap:28px;display:grid}.field{gap:14px;display:grid}.field-hint{margin:-6px 0 0;font-size:13px;line-height:1.5}.field-hint-error{color:var(--danger)}.field-label{color:#5f5f5f;font-size:14px}.field-label-strong{color:#4b4b4b;font-size:16px;font-weight:500}.field-input{border:1px solid var(--line-strong);background:var(--control-bg);width:100%;height:44px;color:var(--text-main);border-radius:3px;padding:0 16px}.field-input::placeholder{color:silver}.field-input:focus{border-color:#cfcfcf;outline:none}.readonly-input{color:#6d7479;border-color:var(--line-strong);opacity:1;-webkit-text-fill-color:#6d7479;background:#eef4f6;font-size:16px;font-weight:500}.merchant-input{flex:1;min-width:0}.inline-row{align-items:stretch;display:flex}.inline-row .field-input{border-right:0;border-radius:3px 0 0 3px}.scan-button{border:1px solid var(--line-strong);color:#6d7479;background:#eef4f6;border-radius:0 3px 3px 0;width:98px}.scan-button:disabled{color:#b3b3b3;cursor:not-allowed;background:#fafafa}.actions{justify-content:flex-end;margin-top:6px;display:flex}.bind-button{background:linear-gradient(180deg, #79de45 0%, var(--green) 100%);color:#fff;border:0;border-radius:4px;min-width:98px;height:44px;padding:0 18px;font-size:16px;font-weight:500;box-shadow:0 2px 4px #6fd53a3d}.bind-button:hover{background:linear-gradient(180deg, #72da3d 0%, var(--green-deep) 100%)}.bind-button:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.message{border-radius:6px;margin:0;padding:12px 14px;font-size:14px;line-height:1.6}.message.info{background:var(--info-bg);color:var(--info)}.message.error{background:var(--danger-bg);color:var(--danger)}.message.success{background:var(--success-bg);color:var(--success)}.scanner-layer{z-index:30;background:#0000000a;position:fixed;inset:0;overflow:hidden}.scanner-video{object-fit:cover;background:#000;width:100%;height:100%;position:absolute;inset:0}.scanner-frame{aspect-ratio:1;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#ffffff14;border:1.5px solid #ffffff8f;border-radius:10px;width:min(74vw,296px);position:absolute;inset:43% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 0 0 999px #0003,inset 0 0 0 1px #ffffff1a,0 0 18px #00000014}.scanner-close-button{z-index:1;color:#fff;text-shadow:0 1px 6px #0000004d;background:0 0;border:0;width:34px;height:34px;padding:0;font-size:44px;font-weight:300;line-height:.7;position:absolute;top:12px;left:12px}.dialog-mask{z-index:40;background:#00000042;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialog-card{text-align:center;background:#fff;border-radius:10px;flex-direction:column;justify-content:space-between;width:75vw;max-width:75vw;height:16.5vh;min-height:110px;padding:28px 20px 18px;display:flex;box-shadow:0 12px 28px #00000024}.dialog-title{color:#2f2f2f;margin:0;font-size:18px;font-weight:600}.dialog-button{background:linear-gradient(180deg, #79de45 0%, var(--green) 100%);color:#fff;border:0;border-radius:6px;width:100%;height:42px;font-size:15px;font-weight:500}.overlay-fade-enter-active,.overlay-fade-leave-active{transition:opacity .2s}.overlay-fade-enter-from,.overlay-fade-leave-to{opacity:0}@media (width<=420px){#app{padding:28px 16px 36px}.section-title{gap:12px}.section-title h1{font-size:22px}.scan-button{width:92px}}