:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:var(--page);font-synthesis:none;line-height:1.6;--primary:#1677ff;--primary-action:#0b6bea;--primary-hover:#0958d9;--primary-text:#0958b8;--primary-soft:#edf5ff;--primary-border:#c4ddff;--page:#f3f7fe;--text:#23354b;--muted:#596f86;--line:#e1ebf7;--success:#237a3c;--success-bg:#eef9f1;--success-border:#bde4c8;--warning:#925508;--warning-bg:#fff7e8;--warning-border:#f3d194;--error:#bb3030;--error-bg:#fff1f0;--error-border:#ffc8c2}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}body.modal-open{overflow:hidden}button,input,select{font:inherit}button{border:1px solid var(--primary-action);border-radius:10px;padding:12px 18px;min-height:46px;background:var(--primary-action);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}button:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 3px 10px #1677ff21}button:disabled{background:#e9f0fa;border-color:#e9f0fa;color:#9aaac0;cursor:not-allowed}button.secondary{background:#fff;border-color:var(--primary-border);color:var(--primary-text);font-weight:500}button.secondary:hover:not(:disabled){background:var(--primary-soft);border-color:var(--primary);box-shadow:none}button.secondary:disabled{background:#f6f8fc;border-color:#e6edf5;color:#9aaac0}button.text-button{display:block;background:transparent;color:var(--muted);border:0;padding:10px 0;font-size:12px;font-weight:400;min-height:40px;margin:12px auto 0}button.text-button:hover:not(:disabled){background:transparent;color:var(--primary-text);box-shadow:none}button.text-button:disabled{background:transparent;color:#bbb}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible,summary:focus-visible{outline:2px solid var(--primary);outline-offset:4px}button.wide{display:block;width:100%;margin-top:16px}select{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);padding:11px;font-size:13px}select:disabled{color:#aaa;background:#fafafa}label{display:block;font-size:13px;font-weight:500;margin-bottom:8px}input[type=file]{max-width:100%}p{overflow-wrap:anywhere}.app{width:min(100% - 40px,560px);margin:36px auto 24px;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.brand{display:flex;align-items:center;gap:10px}.brand-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#3697ff,var(--primary));color:#fff;box-shadow:0 4px 12px #1677ff2e}.brand-icon svg{width:23px;height:23px}.app-header h1{font-size:20px;line-height:1.4;font-weight:600;margin:0;letter-spacing:.02em}.step-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;color:var(--muted);margin:24px 0 16px}#step-label{color:var(--primary-text)}#task-label{max-width:48%;overflow-wrap:anywhere;text-align:right}.step-track{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:0;margin:0}.step-track li{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;color:#92a2b7;font-size:11px}.step-track li:after{content:"";position:absolute;height:1px;background:#d5e2f3;top:12px;left:calc(50% + 16px);width:calc(100% - 32px)}.step-track li:last-child:after{display:none}.step-track span{position:relative;display:inline-flex;justify-content:center;align-items:center;border:1px solid #d5e2f3;border-radius:50%;width:25px;height:25px;font-size:11px;font-weight:500;background:var(--page);flex-shrink:0}.step-track b{font-weight:400}.step-track .current{color:var(--primary-text)}.step-track .current span{background:var(--primary-action);color:#fff;border-color:var(--primary-action);box-shadow:0 2px 7px #1677ff29}.step-track .current b{font-weight:600}.step-track .past{color:var(--primary-text)}.step-track .past span{background:#e5f0ff;color:var(--primary-text);border-color:var(--primary-border)}.step-track .past:after{background:var(--primary-border)}.screen{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;margin-top:22px;min-width:0;box-shadow:0 5px 24px #2358a00b}.authorization-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;font-size:12px;color:var(--primary-text)}.authorization-bar .text-button{margin:0;padding:4px 0;min-height:32px;white-space:nowrap;color:var(--primary-text)}#authorization-label{overflow-wrap:anywhere;min-width:0}.authorization-screen{margin-top:28px}.authorization-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;color:var(--primary);background:var(--primary-soft);margin-bottom:18px}.authorization-icon svg{width:27px;height:27px}.authorization-input{display:block;width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--primary-border);border-radius:10px;background:#fff;color:var(--text);font-size:14px;font-family:inherit;letter-spacing:.03em}.authorization-input::placeholder{color:#92a2b7;letter-spacing:0}.authorization-input:disabled{background:#f6f8fc;color:#9aaac0}.authorization-footnote{font-size:11px;line-height:1.7;color:var(--muted);margin:18px 0 0}h2{font-size:20px;font-weight:600;line-height:1.4;margin:0 0 8px}h3{font-size:16px;font-weight:600;line-height:1.5;margin:18px 0 8px}.screen-tip{color:var(--muted);font-size:13px;margin:0 0 20px;line-height:1.7}.qr-preview-frame{display:flex;align-items:center;justify-content:center;min-height:232px;padding:20px;border:1px dashed #b9d3f4;border-radius:12px;background:#f6faff;cursor:pointer;text-align:center;transition:background .15s,border-color .15s}.qr-preview-frame:hover:not(.disabled){background:var(--primary-soft);border-color:var(--primary)}.qr-preview-frame:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.qr-preview-frame.drag-over{border-color:var(--primary);background:#e5f0ff;box-shadow:inset 0 0 0 1px var(--primary)}.qr-preview-frame.disabled{cursor:not-allowed;opacity:.65}.qr-preview-frame img{display:block;max-width:100%;max-height:220px;width:auto;height:auto;object-fit:contain;background:#fff}.upload-placeholder{display:flex;align-items:center;flex-direction:column;gap:8px;color:var(--muted);font-size:12px}.upload-placeholder strong{font-size:14px;color:var(--primary-text);font-weight:500;margin-top:6px}.upload-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:#e5f0ff;color:var(--primary)}.upload-icon svg{width:26px;height:26px}.upload-limit{font-size:11px;color:var(--muted);text-align:center;margin:12px 0 18px}#qr-filename{margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.button-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.qr-actions{display:flex;margin-top:0}.qr-actions button{flex:1;min-width:0}.small{font-size:12px;line-height:1.7}.muted{color:var(--muted)}.preserve{white-space:pre-wrap}.note{background:var(--primary-soft);border:1px solid var(--primary-border);border-radius:10px;padding:13px 15px;color:var(--primary-text);font-size:13px;margin:16px 0;line-height:1.7}.photo-dropzone{display:flex;align-items:center;justify-content:center;min-height:232px;margin-top:20px;padding:20px;border:1px dashed #b9d3f4;border-radius:12px;background:#f6faff;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s;text-align:center}.photo-dropzone:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.photo-dropzone:hover:not(.disabled):not(.has-photo){background:var(--primary-soft);border-color:var(--primary)}.photo-dropzone.has-photo{display:block;min-height:0;padding:0;border:0;background:transparent;cursor:default}.photo-dropzone.drag-over{border-color:var(--primary);background:#e5f0ff;box-shadow:0 0 0 2px var(--primary)}.photo-dropzone.has-photo.drag-over{background:transparent}.photo-dropzone.disabled:not(.has-photo){cursor:not-allowed;opacity:.65}#photo-editor{width:100%}.crop-frame{position:relative;margin:0 auto;width:100%;max-width:420px;aspect-ratio:3/4;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}#crop-canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none}.crop-frame.editable #crop-canvas{cursor:grab}.crop-frame.editable #crop-canvas:active{cursor:grabbing}.crop-empty{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px;text-align:center;pointer-events:none;color:var(--muted);font-size:13px;background:#f6faff}.crop-empty small{font-size:11px;color:var(--muted)}.crop-guides{position:absolute;inset:0;pointer-events:none}.crop-guides i,.crop-guides b{position:absolute;top:0;height:100%;border-left:2px dashed rgba(50,61,75,.72);filter:drop-shadow(0 0 1px rgba(255,255,255,.8))}.crop-guides i{left:22%}.crop-guides b{left:78%}.crop-guides span{position:absolute;left:0;top:39%;width:100%;border-top:2px dashed rgba(50,61,75,.72);filter:drop-shadow(0 0 1px rgba(255,255,255,.8))}.crop-tools{display:flex;gap:12px;align-items:center;margin:16px 0 0}.crop-tools button{min-height:36px;padding:7px 12px;font-size:12px}.zoom-row{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.zoom-row label{margin:0;flex-shrink:0;font-size:12px;color:var(--muted)}.zoom-row input{min-width:0;flex:1;accent-color:var(--primary)}.zoom-row output{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;min-width:40px;text-align:right}#photo-description{text-align:center;margin:12px 0 0}.photo-adjust-tip{text-align:center;margin:8px 0 0}.guide-toggle{justify-content:center;margin:14px 0 0!important}#photo-requirements>p{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin:8px 0}.check-row{display:flex;align-items:flex-start;gap:7px;margin:16px 0;font-size:12px;color:var(--muted);font-weight:400}.check-row input{margin:3px 0 0;accent-color:var(--primary);flex-shrink:0}.background-panel{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.select-row{display:flex;gap:8px;align-items:stretch}.select-row select{flex:1;min-width:0}.select-row button{flex-shrink:0;font-size:12px;padding:10px 12px}.options-panel{border-top:1px solid var(--line);margin-top:18px}.options-panel summary{display:flex;justify-content:space-between;align-items:center;list-style:none;padding:14px 0;color:var(--muted);font-size:12px;cursor:pointer}.options-panel summary:hover{color:var(--primary-text)}summary::-webkit-details-marker{display:none}.options-panel summary:after{content:"+";font-size:18px;font-weight:300;line-height:1}.options-panel[open] summary:after{content:"\2212"}.options-content{padding-bottom:4px}.options-content .button-row{margin-top:0}.options-content button{font-size:12px;min-height:40px}.preview{text-align:center;min-height:60px;margin:20px 0 12px}.preview img{display:block;width:auto;height:auto;max-width:100%;max-height:360px;margin:0 auto;border:1px solid var(--line);border-radius:8px;background:#fff}.quality-errors{padding:14px 18px 14px 32px;margin:16px 0;border:1px solid var(--error-border);border-radius:10px;font-size:13px;color:var(--error);background:var(--error-bg)}.quality-errors li+li{margin-top:8px}.done-mark{background:var(--success-bg);display:flex;align-items:center;justify-content:center;font-size:28px;width:64px;height:64px;border-radius:50%;margin:26px auto;color:var(--success)}.flow-footer{margin-top:16px}.status{display:flex;align-items:flex-start;gap:9px;padding:13px 15px;color:var(--primary-text);background:var(--primary-soft);border:1px solid var(--primary-border);border-radius:10px;font-size:12px;overflow-wrap:anywhere;line-height:1.8}#status-text{white-space:pre-line}#status-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;margin-top:2px;border:1px solid currentColor;border-radius:50%;font-size:12px;font-weight:700;line-height:1}.note[data-tone=info],.note[data-tone=processing],.status[data-tone=info],.status[data-tone=processing]{color:var(--primary-text);background:var(--primary-soft);border-color:var(--primary-border)}.note[data-tone=success],.status[data-tone=success]{color:var(--success);background:var(--success-bg);border-color:var(--success-border)}.note[data-tone=warning],.status[data-tone=warning]{color:var(--warning);background:var(--warning-bg);border-color:var(--warning-border)}.status.error,.note[data-tone=error],.status[data-tone=error]{color:var(--error);background:var(--error-bg);border-color:var(--error-border)}#quality-description[data-tone=success]{color:var(--success)}#quality-description[data-tone=warning]{color:var(--warning)}#quality-description[data-tone=error]{color:var(--error)}#quality-preview-note,#confirm-preview-note{color:var(--warning);background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:10px;padding:12px}#busy-dot{width:12px;height:12px;flex-shrink:0;border:1.5px solid var(--primary-border);border-top-color:var(--primary);border-radius:50%;margin-top:5px;animation:spin .8s linear infinite}#back{min-height:38px;font-size:12px;padding:8px 14px;margin:8px 0}.help-panel{margin-top:12px;font-size:12px;color:var(--muted)}.help-panel summary{list-style:none;text-align:center;cursor:pointer;padding:6px}.help-panel summary:after{content:"\2304";margin-left:6px;color:var(--muted)}.help-panel[open] summary:after{content:"\2303"}.help-panel>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:4px 16px;margin:8px 0}.experimental{font-size:11px;color:var(--muted);text-align:center;margin:10px 0 0;line-height:1.8}.noscript{padding:24px;text-align:center}.modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:#172a4261;backdrop-filter:blur(3px);overflow-y:auto}.background-dialog{position:relative;width:min(100%,480px);max-height:calc(100dvh - 40px);overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 18px 64px #0f336238;outline:0}.background-dialog h2{padding-right:38px;margin-bottom:18px}.modal-close{position:absolute;right:16px;top:14px;display:flex;align-items:center;justify-content:center;width:36px;min-height:36px;padding:0;border:0;background:transparent;color:var(--muted);font-size:26px;font-weight:400;line-height:1}.modal-close:hover:not(:disabled){background:var(--primary-soft);color:var(--primary-text);box-shadow:none}.background-dialog .note{margin:0 0 18px}.background-choices{display:grid;gap:12px}.background-choice{display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:100%;text-align:left;padding:16px 18px;min-height:82px}.background-choice strong{font-size:15px;font-weight:600}.background-choice span{font-size:12px;font-weight:400;line-height:1.65;opacity:.85}#upload-background-reason{margin:14px 0 0;white-space:pre-line}.confirmation-dialog{display:flex;flex-direction:column;gap:18px;width:min(100%,420px);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overscroll-behavior:contain}.confirmation-heading{display:flex;align-items:center;gap:12px;flex-shrink:0;min-width:0}.confirmation-heading h2{margin:0;min-width:0;overflow-wrap:anywhere}.confirmation-warning{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border:1px solid var(--warning-border);border-radius:12px;color:var(--warning);background:var(--warning-bg)}.confirmation-warning svg{width:23px;height:23px}.confirmation-warning[data-tone=danger]{color:var(--error);background:var(--error-bg);border-color:var(--error-border)}.confirmation-warning[data-tone=primary]{color:var(--primary-text);background:var(--primary-soft);border-color:var(--primary-border)}.confirmation-message{margin:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;white-space:pre-line;color:var(--muted);font-size:14px;line-height:1.75}.confirmation-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;flex-shrink:0}.confirmation-actions button{min-width:0}#confirmation-accept[data-tone=warning]{color:#fff;background:var(--warning);border-color:var(--warning)}#confirmation-accept[data-tone=warning]:hover:not(:disabled){background:#754507;border-color:#754507;box-shadow:0 3px 10px #92550821}#confirmation-accept[data-tone=danger]{color:#fff;background:var(--error);border-color:var(--error)}#confirmation-accept[data-tone=danger]:hover:not(:disabled){background:#9e2424;border-color:#9e2424;box-shadow:0 3px 10px #bb303021}.processing-controls{margin:16px 0}.processing-controls button.wide{margin-top:0}#processing-note{font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){.modal-backdrop{padding:16px}.background-dialog{padding:22px 18px;max-height:calc(100dvh - 32px)}.app{width:calc(100% - 32px);margin:24px auto 20px}.screen{padding:22px 18px;margin-top:20px}.step-meta{margin-top:22px}.qr-preview-frame{min-height:208px;padding:18px}.qr-preview-frame img{max-height:208px}.crop-frame{max-width:100%}.screen-tip{font-size:12px}button{padding:11px 12px}.button-row{gap:8px}.select-row button{max-width:44%}}@media(prefers-reduced-motion:reduce){button,.qr-preview-frame,.photo-dropzone{transition:none}#busy-dot{animation:none}}