.update-notification[data-v-7baca1a2]{position:fixed;top:0;left:0;right:0;z-index:10000;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:12px 16px;box-shadow:0 4px 12px #6366f14d;animation:slideDown-7baca1a2 .3s ease-out}@keyframes slideDown-7baca1a2{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.update-notification-content[data-v-7baca1a2]{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.update-icon[data-v-7baca1a2]{font-size:20px;flex-shrink:0}.update-text[data-v-7baca1a2]{font-size:16px;font-weight:500;flex:1;text-align:center;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif}.update-button[data-v-7baca1a2]{background-color:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;flex-shrink:0}.update-button[data-v-7baca1a2]:hover{background-color:#ffffff4d;transform:translateY(-1px)}.update-button[data-v-7baca1a2]:active{transform:translateY(0)}.update-dismiss[data-v-7baca1a2]{background:transparent;border:none;color:#fffc;font-size:18px;cursor:pointer;padding:4px 8px;line-height:1;transition:all .2s ease;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px}.update-dismiss[data-v-7baca1a2]:hover{background-color:#fff3;color:#fff}@media (min-width: 1024px) and (orientation: portrait){.update-notification[data-v-7baca1a2]{padding:20px 24px}.update-icon[data-v-7baca1a2]{font-size:28px}.update-text[data-v-7baca1a2]{font-size:24px}.update-button[data-v-7baca1a2]{padding:12px 32px;font-size:20px;border-radius:12px;min-height:48px}.update-dismiss[data-v-7baca1a2]{font-size:24px;width:32px;height:32px}}@media (max-width: 767px){.update-notification[data-v-7baca1a2]{padding:10px 12px}.update-notification-content[data-v-7baca1a2]{gap:8px}.update-icon[data-v-7baca1a2]{font-size:18px}.update-text[data-v-7baca1a2]{font-size:14px;flex-basis:100%;order:1}.update-button[data-v-7baca1a2]{padding:6px 16px;font-size:13px;order:2}.update-dismiss[data-v-7baca1a2]{order:3}}#app{min-height:100vh}[v-cloak]{display:none!important}:root{--mirror-scale: 1;--mirror-base-font-size: 16px}@media (min-height: 3000px) and (orientation: portrait){:root{--mirror-scale: 2;--mirror-base-font-size: 32px}html{font-size:32px}}@media (min-height: 1500px) and (max-height: 2500px) and (orientation: portrait){:root{--mirror-scale: 1;--mirror-base-font-size: 16px}html{font-size:16px}}html,body{overflow-x:hidden!important;overflow-y:auto;width:100%;height:100%;touch-action:pan-y;position:relative}*{margin:0;padding:0;box-sizing:border-box}img,video,iframe,svg,canvas{max-width:100%}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;font-size:var(--mirror-base-font-size, 16px);color:#111827;background-color:#f9fafb;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100vw;overflow-x:hidden;position:relative}.container{max-width:calc(1200px * var(--mirror-scale, 1));margin:0 auto;padding:0 calc(16px * var(--mirror-scale, 1))}@media (min-width: 1024px){.container{padding:0 calc(32px * var(--mirror-scale, 1))}}.card{background:#fff;border-radius:calc(16px * var(--mirror-scale, 1));padding:calc(32px * var(--mirror-scale, 1));margin-bottom:calc(32px * var(--mirror-scale, 1));box-shadow:0 2px 8px #0000000a,0 1px 3px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:0 4px 12px #00000014,0 2px 6px #0000001f}@media (max-width: 767px){.card{padding:24px;margin-bottom:24px;border-radius:12px}}@media (min-width: 1024px) and (orientation: landscape){.container{max-width:1200px;padding:0 32px}.card{padding:40px;border-radius:20px}}.btn{display:inline-block;padding:calc(12px * var(--mirror-scale, 1)) calc(24px * var(--mirror-scale, 1));border:none;border-radius:calc(12px * var(--mirror-scale, 1));font-size:calc(16px * var(--mirror-scale, 1));font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:-.01em;min-height:calc(44px * var(--mirror-scale, 1))}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover{background:linear-gradient(135deg,#5b5ff0,#7c3aed);transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #6366f14d}.btn-primary:disabled{background:#9ca3af!important;cursor:not-allowed!important;opacity:.6;transform:none!important;box-shadow:none!important}.btn-large{padding:calc(16px * var(--mirror-scale, 1)) calc(32px * var(--mirror-scale, 1));font-size:calc(18px * var(--mirror-scale, 1))}@media (max-width: 767px){.btn{padding:14px 24px;font-size:14px}.btn-large{padding:16px 24px;font-size:16px}}@media (min-width: 1024px) and (orientation: portrait){.btn{min-height:56px}.btn-large{min-height:64px}.input{min-height:56px}.card:hover{box-shadow:0 2px 8px #0000000a,0 1px 3px #00000014}.btn-primary:hover{transform:none}.btn-primary:active{transform:scale(.98);opacity:.9}.upload-area:hover{transform:none}.upload-area:active{transform:scale(.99);opacity:.95}}.input{width:100%;padding:calc(12px * var(--mirror-scale, 1)) calc(16px * var(--mirror-scale, 1));border:1px solid #e5e7eb;border-radius:calc(12px * var(--mirror-scale, 1));font-size:calc(16px * var(--mirror-scale, 1));transition:all .3s cubic-bezier(.4,0,.2,1);background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;min-height:calc(44px * var(--mirror-scale, 1))}.input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.input-error{border-color:#ef4444}.input-error:focus{box-shadow:0 0 0 3px #ef44441a}@media (max-width: 767px){.input{padding:10px 14px;font-size:14px}}.label{display:block;margin-bottom:calc(8px * var(--mirror-scale, 1));font-size:calc(14px * var(--mirror-scale, 1));font-weight:500;color:#374151}.label .required{color:#ef4444;margin-left:4px}.grid{display:grid;gap:calc(16px * var(--mirror-scale, 1))}.grid-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 767px){.grid-2{grid-template-columns:1fr}}.radio-group{display:flex;flex-wrap:wrap;gap:calc(16px * var(--mirror-scale, 1))}.radio-item{display:flex;align-items:center;gap:8px}.radio-item input[type=radio]{width:calc(18px * var(--mirror-scale, 1));height:calc(18px * var(--mirror-scale, 1));cursor:pointer}.radio-item label{cursor:pointer;font-size:calc(16px * var(--mirror-scale, 1))}@media (max-width: 767px){.radio-group{flex-direction:column;gap:12px}}.section-title{font-size:calc(20px * var(--mirror-scale, 1));font-weight:600;margin-bottom:calc(16px * var(--mirror-scale, 1));color:#111827}@media (max-width: 767px){.section-title{font-size:18px;margin-bottom:12px}}.upload-area{width:100%;min-height:calc(300px * var(--mirror-scale, 1));border:calc(2px * var(--mirror-scale, 1)) dashed #e5e7eb;border-radius:calc(16px * var(--mirror-scale, 1));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background-color:#f9fafb}.upload-area:hover{border-color:#6366f1;background-color:#f3f4f6;transform:scale(1.01);box-shadow:0 4px 12px #00000014}.upload-area.has-image{border:none;background:transparent;min-height:auto}.upload-content{text-align:center;color:#6b7280}.upload-icon{font-size:calc(48px * var(--mirror-scale, 1));margin-bottom:calc(16px * var(--mirror-scale, 1));display:block}.upload-text{font-size:calc(16px * var(--mirror-scale, 1))}.image-preview{width:100%;position:relative}.preview-image{width:100%;max-height:500px;object-fit:contain;border-radius:8px}.change-image-btn{position:absolute;top:calc(16px * var(--mirror-scale, 1));right:calc(16px * var(--mirror-scale, 1));padding:calc(8px * var(--mirror-scale, 1)) calc(16px * var(--mirror-scale, 1));background:#0009;color:#fff;border-radius:calc(6px * var(--mirror-scale, 1));font-size:calc(14px * var(--mirror-scale, 1));cursor:pointer}@media (max-width: 767px){.upload-area{min-height:200px}.upload-icon{font-size:36px}.upload-text{font-size:14px}.preview-image{max-height:400px}}.text-center{text-align:center}.mt-16{margin-top:calc(16px * var(--mirror-scale, 1))}.mt-24{margin-top:calc(24px * var(--mirror-scale, 1))}.mb-16{margin-bottom:calc(16px * var(--mirror-scale, 1))}.mb-24{margin-bottom:calc(24px * var(--mirror-scale, 1))}.loading-spinner{width:calc(32px * var(--mirror-scale, 1));height:calc(32px * var(--mirror-scale, 1));border:calc(3px * var(--mirror-scale, 1)) solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card-with-bg-toggle{position:relative}.card-bg-toggle-slot{position:absolute;top:12px;right:12px;z-index:5}.card-with-bg-toggle>.selection-left,.card-with-bg-toggle>.steps-description,.card-with-bg-toggle>.steps-text,.card-with-bg-toggle>.upload-area,.card-with-bg-toggle>.outfit-tabs{padding-right:188px}.selection-container.card-with-bg-toggle{padding-top:8px}@media (max-width: 767px){.card-with-bg-toggle>.selection-left,.card-with-bg-toggle>.steps-description,.card-with-bg-toggle>.steps-text,.card-with-bg-toggle>.upload-area,.card-with-bg-toggle>.outfit-tabs{padding-right:0;padding-top:52px}.card-bg-toggle-slot{top:10px;right:10px;left:10px;display:flex;justify-content:flex-end}}@media (min-width: 1024px) and (orientation: portrait){.card-bg-toggle-slot{top:16px;right:16px}.card-with-bg-toggle>.selection-left,.card-with-bg-toggle>.steps-description,.card-with-bg-toggle>.steps-text,.card-with-bg-toggle>.upload-area,.card-with-bg-toggle>.outfit-tabs{padding-right:320px}}