:root{--qr-bg: #f7f9fb;--qr-card-bg: #ffffff;--qr-border: #dbe8ee;--qr-border-strong: #cfe1e8;--qr-text: #13242c;--qr-muted: #86a7b2;--qr-blue: #1677ff;--qr-blue-soft: #eaf2ff;--qr-result-bg: #f4f6f8;--qr-shadow: 0 12px 30px rgba(15, 43, 55, .08);--qr-radius: 16px}*{box-sizing:border-box}textarea{min-height:277px!important}.qr-page{padding:48px 62px;background:var(--qr-bg);color:var(--qr-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.qr-page-header{margin-bottom:34px}.qr-page-header h1{margin:0 0 8px;font-size:clamp(34px,3vw,46px);line-height:1.08;font-weight:800;letter-spacing:-.04em}.qr-page-header p{margin:0;font-size:22px;color:#5f666b;font-weight:450}.qr-card{overflow:hidden;border:1px solid var(--qr-border);border-radius:var(--qr-radius);background:var(--qr-card-bg);box-shadow:var(--qr-shadow)}.qr-card-header{display:grid;grid-template-columns:minmax(280px,1fr) minmax(420px,1fr);align-items:stretch;min-height:96px;border-bottom:1px solid var(--qr-border)}.qr-tab{position:relative;display:inline-flex;align-items:center;gap:12px;width:fit-content;margin-left:32px;padding:0 28px;color:var(--qr-blue);font-size:18px;font-weight:700}.qr-tab.active:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:4px;border-radius:999px 999px 0 0;background:var(--qr-blue)}.qr-tab-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--qr-blue-soft)}.qr-tab-icon svg{width:22px;height:22px;fill:var(--qr-blue)}.qr-card-notice{display:flex;align-items:center;justify-content:center;margin:0;padding:0 32px;color:var(--qr-muted);font-size:16px;font-weight:600;text-align:center}.qr-card-body{display:grid;grid-template-columns:1fr 1fr;min-height:520px}.qr-upload-panel,.qr-result-panel{padding:32px}.qr-upload-panel{border-right:1px solid var(--qr-border)}.qr-dropzone{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:388px;padding:40px;border:2px dashed var(--qr-border-strong);border-radius:12px;background:#f9fbfc;cursor:pointer;text-align:center;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.qr-dropzone:hover,.qr-dropzone.is-dragging{border-color:var(--qr-blue);background:#f3f8ff}.qr-dropzone strong{display:block;margin-top:22px;font-size:19px;font-weight:800}.qr-dropzone span{display:block;margin-top:14px;color:var(--qr-muted);font-size:14px;font-weight:800;letter-spacing:.04em}.qr-upload-icon{position:relative;width:92px;height:84px}.qr-folder{position:absolute;right:7px;bottom:13px;width:70px;height:48px;border-radius:8px;background:linear-gradient(135deg,#ffd83c,#ffae00)}.qr-folder:before{content:"";position:absolute;top:-12px;left:0;width:48px;height:20px;border-radius:8px 8px 0 0;background:#ffe266}.qr-folder:after{content:"";position:absolute;top:6px;right:8px;width:6px;height:6px;border-radius:999px;background:#65c7ff;box-shadow:9px 0 #65c7ff,18px 0 #65c7ff}.qr-arrow{position:absolute;left:31px;bottom:0;width:28px;height:54px;border-radius:7px;background:linear-gradient(180deg,#ace66b,#35b75f)}.qr-arrow:before{content:"";position:absolute;top:-14px;left:50%;width:42px;height:42px;border-radius:7px;background:linear-gradient(135deg,#ace66b,#35b75f);transform:translate(-50%) rotate(45deg)}.qr-upload-actions{display:flex;justify-content:center;gap:15px;margin-top:28px}.qr-button{min-height:52px;padding:0 18px;border-radius:5px;font-size:22px;font-weight:500;cursor:pointer}.qr-button-primary{border:1px solid var(--qr-blue);background:var(--qr-blue);color:#fff}.qr-button-secondary{border:1px solid #7e8a93;background:#fff;color:#616a72}.qr-result-panel{display:flex;flex-direction:column}.qr-result-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.qr-result-header h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.02em}.qr-status{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 16px;border:1px solid var(--qr-border);border-radius:5px;background:#f4f6f8;font-size:16px;font-weight:800}.qr-status i{width:11px;height:11px;border-radius:999px;background:#20c060;box-shadow:0 0 10px #20c060a6}.qr-result-state{display:inline-flex;align-items:center;gap:10px;margin-bottom:26px;color:var(--qr-muted);font-size:15px;font-weight:700}.qr-state-dot{width:10px;height:10px;border-radius:999px;background:var(--qr-muted)}.qr-result-box{width:100%;min-height:248px;resize:vertical;padding:24px 22px;border:1px solid var(--qr-border);border-radius:12px;background:var(--qr-result-bg);color:var(--qr-text);font:inherit;font-size:17px;line-height:1.5;outline:none}.qr-result-box::placeholder{color:var(--qr-muted);font-style:italic;font-weight:600}.qr-copy-button{width:100%;min-height:52px;margin-top:28px;border:0;border-radius:5px;background:#6b9ffb;color:#fff;padding:0 18px;font-size:22px;font-weight:500;cursor:pointer;transition:opacity .16s ease,background-color .16s ease}.qr-copy-button:not(:disabled):hover{background:var(--qr-blue)}.qr-copy-button:disabled{cursor:not-allowed;opacity:.75}@media(max-width:1100px){.qr-page{padding:32px 20px}.qr-card-header{grid-template-columns:1fr}.qr-card-notice{justify-content:flex-start;padding:0 32px 24px;text-align:left}.qr-card-body{grid-template-columns:1fr}.qr-upload-panel{border-right:0;border-bottom:1px solid var(--qr-border)}}@media(max-width:640px){.qr-page-header h1{font-size:34px}.qr-page-header p{font-size:18px}.qr-card-header{min-height:auto}.qr-tab{margin-left:16px;padding:24px 12px}.qr-card-notice{padding:0 20px 20px;font-size:14px}.qr-upload-panel,.qr-result-panel{padding:20px}.qr-dropzone{min-height:280px;padding:24px}.qr-upload-actions{flex-direction:column}.qr-button{width:100%}.qr-result-header{align-items:flex-start;flex-direction:column}.qr-copy-button{font-size:22px}}