:root{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#171139;background:#f7f5fb;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #171139;--muted: #746f86;--purple: #5b19d4;--purple-dark: #2e0a91;--purple-soft: #f4efff;--lime: #c8ff37;--orange: #c85212;--line: #e5deef;--paper: #fff;--danger: #c83b58;--success: #3f7d11}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:#f7f5fb;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button:not(:disabled),a,select:not(:disabled){cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:2px}button{border:0}button:disabled{cursor:not-allowed;opacity:.48}.dashboard-shell{min-height:100vh;display:grid;grid-template-columns:286px minmax(0,1fr);background:#faf9fc}.sidebar{min-height:100vh;position:sticky;top:0;height:100vh;padding:calc(34px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;color:#fff;background:linear-gradient(180deg,#38109b,#2a087f)}.side-brand{padding:0 14px 34px;display:flex;align-items:center;gap:14px}.side-brand>span{width:52px;height:52px;display:grid;place-items:center;color:#42109e;background:var(--lime);border-radius:16px;box-shadow:0 10px 30px #0a003740}.side-brand strong{display:block;font-size:22px;letter-spacing:.02em}.side-brand small{display:block;margin-top:4px;color:#c4b8ee;font-size:11px}.sidebar nav{display:grid;gap:8px}.nav-label{padding:0 15px 9px;color:#9f90d6;font-size:12px}.sidebar nav button{min-height:58px;padding:0 18px;position:relative;display:flex;align-items:center;gap:13px;color:#ded6fa;background:transparent;border:1px solid transparent;border-radius:16px;font-size:16px;font-weight:650;text-align:left}.sidebar nav button:hover{background:#ffffff12}.sidebar nav button.active{color:#fff;background:#7026dfa8;border-color:#c7ff376b;box-shadow:inset 4px 0 0 var(--lime)}.sidebar nav button i{width:9px;height:9px;position:absolute;right:17px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #c8ff3724}.side-security{margin-top:auto;padding:17px;display:flex;gap:11px;border-top:1px solid rgba(255,255,255,.14);color:var(--lime)}.side-security strong,.side-security span{display:block}.side-security strong{color:#fff;font-size:13px}.side-security span{margin-top:4px;color:#ac9ed9;font-size:10px;line-height:1.5}.dashboard-main{min-width:0;display:flex;flex-direction:column}.dashboard-topbar{min-height:92px;padding:16px 42px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#ffffffeb;border-bottom:1px solid var(--line)}.dashboard-topbar>div:first-child>span{color:var(--purple);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.dashboard-topbar h1{margin:4px 0 0;font-size:23px}.topbar-actions{display:flex;align-items:center;gap:12px}.service-badge{min-height:44px;padding:0 15px;display:inline-flex;align-items:center;gap:8px;border-radius:14px;font-size:12px;font-weight:750}.service-badge.is-ok{color:#276b19;background:#ecffd2}.service-badge.has-warning{color:#8a5a0a;background:#fff5d7}.help-button{width:44px;height:44px;display:grid;place-items:center;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:14px}.settings-page,.fitting-page{width:min(1260px,100%);margin:0 auto;padding:34px 36px 42px}.settings-intro{margin-bottom:22px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#fff,#faf6ff);border:1px solid var(--line);border-radius:22px}.settings-intro>div{display:flex;align-items:center;gap:15px}.intro-icon{width:50px;height:50px;display:grid;place-items:center;color:var(--purple);background:#eee4ff;border-radius:15px}.settings-intro h2{margin:0;font-size:20px}.settings-intro p{margin:6px 0 0;color:var(--muted);font-size:12px}.local-only{display:inline-flex;align-items:center;gap:7px;color:#4a681a;font-size:12px;font-weight:750}.provider-card{margin-bottom:22px;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 35px #3014560e}.provider-header{min-height:112px;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.provider-identity{display:flex;align-items:center;gap:16px}.provider-number{color:#958ca7;font-size:12px;font-weight:850}.provider-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px}.provider-card.deepseek .provider-icon{color:var(--purple);background:#efe7ff}.provider-card.image .provider-icon{color:var(--orange);background:#fff0e8}.provider-identity h2{margin:0;font-size:20px}.provider-identity p{margin:5px 0 0;color:var(--muted);font-size:12px}.provider-status{min-height:36px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border-radius:999px;font-size:11px;font-weight:800}.provider-status.ok{color:#49750e;background:#e9ffb9}.provider-status.saved{color:#5b19d4;background:#f0e7ff}.provider-status.missing{color:#8a5a0a;background:#fff2ce}.provider-body{padding:28px;display:grid;grid-template-columns:.9fr 1.1fr;gap:38px}.provider-guide h3{margin:0 0 17px;font-size:15px}.provider-guide ol{margin:0 0 20px;padding:0;display:grid;gap:13px;list-style:none;color:var(--muted);font-size:12px}.provider-guide li{display:flex;align-items:center;gap:10px}.provider-guide li span{width:28px;height:28px;flex:0 0 auto;display:grid;place-items:center;color:var(--orange);background:#fff0e5;border-radius:9px;font-weight:850}.provider-guide a{min-height:42px;padding:0 14px;display:inline-flex;align-items:center;gap:7px;color:var(--orange);border:1px solid #e6b79e;border-radius:12px;font-size:12px;font-weight:750;text-decoration:none}.provider-config{padding:21px;background:#fbfafc;border:1px solid var(--line);border-radius:18px}.endpoint-label>span,.key-field>span{display:block;margin-bottom:7px;color:#635c75;font-size:11px;font-weight:750}.endpoint-label code{display:block;padding:11px 12px;color:#4d4760;background:#f0edf4;border-radius:10px;font-family:ui-monospace,monospace;font-size:11px;overflow-wrap:anywhere}.key-field{display:block;margin-top:16px}.key-field>div{display:grid;grid-template-columns:1fr 44px;overflow:hidden;background:#fff;border:1px solid #d8d0e5;border-radius:12px}.key-field input{width:100%;min-height:46px;padding:0 13px;border:0;outline:0;color:var(--ink);background:transparent;font-family:ui-monospace,monospace;font-size:12px}.key-field button{color:var(--muted);background:transparent}.service-message{margin:10px 0 0;display:flex;align-items:flex-start;gap:6px;color:#a24f15;font-size:11px;line-height:1.5}.provider-actions{margin-top:17px;display:flex;justify-content:flex-end;gap:10px}.provider-footer{padding:14px 28px;display:flex;align-items:center;gap:10px;color:var(--purple);background:#faf7ff;border-top:1px solid var(--line)}.provider-footer strong,.provider-footer span{display:block}.provider-footer strong{font-size:11px}.provider-footer span{margin-top:3px;color:var(--muted);font-size:10px}.settings-complete{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#477219;background:#f2ffdd;border:1px solid #d6eead;border-radius:20px}.settings-complete>div{display:flex;align-items:center;gap:12px}.settings-complete strong,.settings-complete span{display:block}.settings-complete strong{font-size:14px}.settings-complete span{margin-top:4px;color:#6f805c;font-size:11px}.primary,.secondary,.tertiary,.danger-button{min-height:44px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:12px;font-size:12px;font-weight:800;text-decoration:none}.primary{color:#fff;background:linear-gradient(135deg,#6e20df,#4f13c4);box-shadow:0 8px 22px #5616c733}.secondary{color:var(--ink);background:#fff;border:1px solid var(--line)}.tertiary{color:var(--purple);background:var(--purple-soft)}.danger-button{color:#fff;background:var(--danger)}.compact{min-height:39px;padding-inline:13px}.config-required{margin-bottom:20px;padding:15px 18px;display:flex;align-items:center;gap:11px;color:#81530a;background:#fff3d4;border:1px solid #f0d498;border-radius:16px}.config-required div{flex:1}.config-required strong,.config-required span{display:block}.config-required strong{font-size:13px}.config-required span{margin-top:3px;font-size:10px}.config-required button{min-height:38px;padding:0 13px;color:#fff;background:#8a5a0a;border-radius:10px;font-size:11px;font-weight:800}.fitting-grid{display:grid;grid-template-columns:minmax(390px,.82fr) minmax(500px,1.18fr);gap:22px;align-items:start}.control-panel,.mirror-panel{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 36px #2d144d0f}.control-panel{padding:24px}.mirror-panel{padding:22px}.page-heading>span,.mirror-header>div>span{color:var(--purple);font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.page-heading h2{margin:6px 0 8px;font-size:23px;line-height:1.25}.page-heading p{margin:0 0 22px;color:var(--muted);font-size:11px;line-height:1.6}.upload-block+.upload-block{margin-top:18px}.upload-heading{margin-bottom:10px;display:flex;align-items:center;gap:10px}.step-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px}.step-icon.purple{color:var(--purple);background:#f0e8ff}.step-icon.orange{color:var(--orange);background:#fff0e7}.step-kicker{color:var(--muted);font-size:9px;font-weight:800}.upload-heading h3{margin:3px 0 0;font-size:14px}.drop-zone{min-height:178px;position:relative;overflow:hidden;display:grid;place-items:center;background:#fbfafd;border:1.5px dashed #cfc3df;border-radius:17px;transition:.18s ease}.drop-zone.is-dragging{background:#f2ebff;border-color:var(--purple);transform:translateY(-1px)}.drop-zone.has-error{border-color:var(--danger)}.drop-zone input{position:absolute;width:1px;height:1px;opacity:0}.drop-zone-button{width:100%;min-height:176px;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--purple);background:transparent}.drop-zone-button strong{color:var(--ink);font-size:12px}.drop-zone-button span{color:var(--muted);font-size:10px}.drop-zone-button small{color:#9b94aa;font-size:9px}.drop-zone>img{width:100%;height:210px;object-fit:contain;background:#f4f2f6}.image-actions{position:absolute;top:10px;right:10px;display:flex;gap:6px}.mini-button,.icon-button{min-height:35px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);background:#fffffff2;border:1px solid var(--line);border-radius:10px}.mini-button{padding:0 10px;gap:5px;font-size:10px;font-weight:750}.icon-button{width:35px}.icon-button.danger{color:var(--danger)}.file-label{position:absolute;left:10px;bottom:9px;max-width:calc(100% - 20px);padding:5px 8px;overflow:hidden;color:#fff;background:#171139bd;border-radius:8px;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.inline-error{margin:7px 0 0;display:flex;gap:5px;color:var(--danger);font-size:10px}.options-row{margin-top:18px;display:grid;grid-template-columns:.85fr 1.15fr;gap:10px}.options-row label>span{display:block;margin-bottom:6px;color:#625b73;font-size:10px;font-weight:750}.options-row select,.options-row input{width:100%;min-height:43px;padding:0 11px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:11px;font-size:10px}.start-button{width:100%;margin-top:16px;min-height:51px;font-size:13px}.disclaimer{margin:10px 0 0;display:flex;justify-content:center;gap:5px;color:var(--muted);font-size:9px}.mirror-header{min-height:54px;display:flex;align-items:center;justify-content:space-between}.mirror-header h2{margin:4px 0 0;font-size:18px}.mirror-status{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;font-weight:750}.mirror-status i{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #c8ff3740}.mirror-stage{min-height:626px;position:relative;overflow:hidden;display:grid;background:#f2eef4;border:1px solid var(--line);border-radius:18px}.stage-empty,.error-stage{min-height:626px;padding:45px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.stage-illustration,.error-symbol{width:92px;height:92px;margin-bottom:17px;display:grid;place-items:center;color:var(--purple);background:#fff;border-radius:29px;box-shadow:0 14px 35px #421b641a}.stage-label{color:var(--purple);font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.stage-empty h2,.error-stage h2{margin:9px 0;font-size:23px}.stage-empty p,.error-stage p{max-width:420px;margin:0;color:var(--muted);font-size:11px;line-height:1.7}.stage-tips{margin-top:19px;display:flex;gap:9px}.stage-tips span{min-height:32px;padding:0 11px;display:inline-flex;align-items:center;gap:5px;color:#4f4861;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:9px;font-weight:750}.working-stage{min-height:626px;position:relative;display:grid;place-items:center}.working-stage>img{width:100%;height:626px;object-fit:contain;filter:blur(1px)}.working-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#190c358c}.working-card{width:min(410px,calc(100% - 42px));position:absolute;padding:28px;text-align:center;color:#fff;background:#230f4ae6;border:1px solid rgba(255,255,255,.24);border-radius:22px}.working-icon{width:58px;height:58px;margin:0 auto 12px;display:grid;place-items:center;color:var(--lime);background:#c8ff371f;border-radius:18px}.working-card h2{margin:9px 0;font-size:20px}.working-card p{color:#d8cfea;font-size:11px}.truthful-progress{height:5px;margin-top:18px;overflow:hidden;background:#ffffff21;border-radius:999px}.truthful-progress span{width:45%;height:100%;display:block;background:var(--lime);animation:travel 1.5s ease-in-out infinite alternate}.garment-thumb{position:absolute;right:13px;bottom:13px;padding:7px;color:#fff;background:#171139cc;border-radius:12px;font-size:8px}.garment-thumb img{width:58px;height:72px;display:block;object-fit:cover;border-radius:8px}.garment-thumb span{display:block;margin-top:4px;text-align:center}.error-symbol{color:var(--danger);background:#fff0f3}.error-actions{margin-top:20px;display:flex;gap:8px}.result-stage{display:grid;grid-template-rows:minmax(500px,1fr) auto}.result-image{width:100%;height:526px;object-fit:contain}.zoom-button{position:absolute;top:12px;right:12px;min-height:40px;padding:0 12px;display:flex;align-items:center;gap:6px;color:var(--ink);background:#fffffff2;border:1px solid var(--line);border-radius:11px;font-size:10px;font-weight:750}.result-summary{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border-top:1px solid var(--line)}.success-label{display:flex;align-items:center;gap:5px;color:var(--success);font-size:10px;font-weight:800}.result-summary h2{margin:5px 0 0;font-size:15px}.result-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.app-footer{min-height:50px;margin-top:auto;padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);border-top:1px solid var(--line);font-size:9px}.toast{position:fixed;z-index:80;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);min-height:46px;max-width:calc(100vw - 32px);padding:0 16px;display:flex;align-items:center;gap:7px;color:#fff;background:var(--ink);border-radius:13px;box-shadow:0 16px 50px #14073447;font-size:11px;font-weight:700}.modal-backdrop{position:fixed;z-index:90;top:0;right:0;bottom:0;left:0;padding:22px;display:grid;place-items:center;background:#17113985}.modal-backdrop.dark{background:#07040fe0}.modal{width:min(460px,100%);position:relative;padding:29px;background:#fff;border-radius:24px;box-shadow:0 25px 80px #0d04244d}.modal-close{width:40px;height:40px;position:absolute;top:13px;right:13px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:12px}.modal-icon{width:56px;height:56px;display:grid;place-items:center;color:var(--purple);background:#efe6ff;border-radius:17px}.modal-icon.warning{color:var(--danger);background:#fff0f3}.modal h2{margin:15px 0 9px;font-size:21px}.modal p,.modal li{color:var(--muted);font-size:11px;line-height:1.7}.modal ol{padding-left:21px}.modal>.primary{width:100%;margin-top:10px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.image-modal{width:min(1080px,calc(100vw - 44px));height:min(92vh,900px);position:relative;display:grid;place-items:center}.image-modal img{max-width:100%;max-height:100%;object-fit:contain;border-radius:16px}.image-close{width:42px;height:42px;position:absolute;z-index:2;top:10px;right:10px;display:grid;place-items:center;color:#fff;background:#171139cc;border:1px solid rgba(255,255,255,.35);border-radius:12px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes travel{0%{transform:translate(-10%)}to{transform:translate(135%)}}@media(max-width:1080px){.dashboard-shell{grid-template-columns:220px minmax(0,1fr)}.side-brand{padding-inline:5px}.side-brand strong{font-size:18px}.settings-page,.fitting-page{padding-inline:22px}.fitting-grid{grid-template-columns:1fr}.mirror-panel{min-height:680px}}@media(max-width:760px){.dashboard-shell{display:block}.sidebar{min-height:auto;height:auto;position:static;padding:13px}.side-brand{padding:0 5px 12px}.side-brand>span{width:42px;height:42px}.sidebar nav{grid-template-columns:repeat(3,1fr);gap:6px}.nav-label,.side-security{display:none}.sidebar nav button{min-height:46px;padding:0 9px;justify-content:center;gap:6px;font-size:12px}.dashboard-topbar{padding:14px 16px}.dashboard-topbar h1{font-size:19px}.service-badge span{display:none}.settings-page,.fitting-page{padding:18px 12px 28px}.settings-intro,.provider-header,.settings-complete{align-items:flex-start;flex-direction:column}.provider-body{grid-template-columns:1fr;gap:20px;padding:20px}.provider-header{padding:20px}.options-row{grid-template-columns:1fr}.app-footer{padding:13px 16px;align-items:flex-start;flex-direction:column}.provider-actions{flex-direction:column}.provider-actions button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}