:root{--bg:#f7f8f4;--ink:#222c2a;--muted:#818781;--line:#e4e7df;--accent:#d6edb4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}a,button,input,select{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button{color:inherit}a,button{touch-action:manipulation}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #749755;outline-offset:4px}button{transition:background .18s,transform .18s,border-color .18s}button:active:not(:disabled){transform:translateY(1px)}.site-header{height:84px;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 4.5%}.brand,.site-header{display:flex;align-items:center}.brand{gap:11px;font-size:25px;font-weight:750;letter-spacing:1.8px}.brand-dot{font-size:11px;vertical-align:top;margin-left:3px}.header-center{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2.4px;color:#737e73}.tiny-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a6ae9e;flex-shrink:0}.tiny-dot.green{background:#9ccc75;box-shadow:0 0 0 3px #9ccc751a}.help-button{display:flex;align-items:center;gap:9px;background:none;border:0;font-size:12px}.help-button:hover{color:#749755}main{max-width:1360px;margin:0 auto;padding:45px 44px 0}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:33px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:#7c8777;margin:0 0 14px}.intro h1{font-size:35px;font-weight:600;letter-spacing:-1.4px;margin:0 0 13px;line-height:1.4}.intro h1 span{font-weight:400}.intro-copy{font-size:13px;color:#818781;margin:0;letter-spacing:.4px}.intro-note{display:flex;align-items:center;gap:13px;font-size:12px;padding:16px 0 16px 24px;border-left:1px solid #dce1d5}.intro-note svg{color:#7f9567}.intro-note small{display:block;color:#93998f;font-size:10px;margin-top:7px;letter-spacing:1px}.studio{display:grid;grid-template-columns:minmax(0,1.63fr) minmax(350px,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 6px 30px #202a201f}.fitting-panel{padding:23px 24px 0;min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;gap:10px}.section-heading h2{font-size:14px;font-weight:600;display:flex;align-items:center;gap:9px;margin:0}.step{color:#93a087;font-size:10px;font-weight:400;font-family:monospace}.subtle{color:#939b91;font-size:9px;letter-spacing:1.6px}.viewer{background:radial-gradient(ellipse at 50% 45%,#303b34 0,#212b26 45%,#1a2320 100%);position:relative;border-radius:11px;aspect-ratio:1.39;min-height:420px;overflow:hidden;color:#f3f5ed}.viewer:fullscreen{border-radius:0;width:100%;height:100%;aspect-ratio:auto}.viewer-top{position:absolute;top:20px;left:20px;right:20px;justify-content:space-between;z-index:3}.status-pill,.viewer-top{display:flex;align-items:center}.status-pill{gap:7px;border:1px solid #ffffff15;background:#17221daa;border-radius:30px;padding:7px 10px;font-size:10px;color:#c6cfc5}.viewer-code{font-size:8px;letter-spacing:1.8px;color:#899589}.empty-view{position:absolute;inset:30px 0 35px;display:flex;align-items:center;justify-content:center;flex-direction:column}.frame-art{height:155px;width:155px;position:relative;margin-bottom:17px}.frame-art svg{width:100%;height:100%;fill:none;stroke:#a6bd9b;stroke-width:1;opacity:.35}.frame-art .scan{stroke:#c6e7a8;stroke-width:1.2;opacity:.7}.corner{width:17px;height:17px;border-color:#82997b;border-style:solid;position:absolute;opacity:.55}.tl{top:0;left:0;border-width:1px 0 0 1px}.tr{top:0;right:0;border-width:1px 1px 0 0}.bl{left:0;border-width:0 0 1px 1px}.bl,.br{bottom:0}.br{right:0;border-width:0 1px 1px 0}.art-label{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:6px;letter-spacing:2px;color:#788d70}.empty-view h3{font-size:20px;font-weight:400;letter-spacing:1px;margin:0 0 10px}.empty-view>p{font-size:11px;color:#95a294;margin:0 0 23px}.primary-button{border:0;border-radius:7px;padding:14px 23px;background:var(--accent);color:#2b3a21;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:11px}.primary-button:hover{background:#e1f4c7}.camera-note{gap:5px;color:#8d9b88;font-size:9px;margin-top:14px}.camera-note,.viewer-bottom{display:flex;align-items:center}.viewer-bottom{position:absolute;bottom:13px;left:20px;right:15px;justify-content:space-between;z-index:3}.viewer-bottom>span{display:flex;align-items:center;gap:7px;font-size:9px;color:#94a08f;text-shadow:0 1px 4px #000}.icon-button{display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid #ffffff15;border-radius:6px;width:32px;height:32px;color:inherit}.icon-button:hover{background:#ffffff1c}.stream-video{position:absolute;width:100%;height:100%;object-fit:contain;transform:scaleX(-1);background:#18211b}.is-hidden{visibility:hidden}.connecting-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#14221b65;font-size:13px}.loading-ring{display:inline-block;width:19px;height:19px;border:2px solid #b5c6a844;border-top-color:#d6edb4;border-radius:50%;animation:spin 1s linear infinite}.applying-pill{position:absolute;top:65px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;white-space:nowrap;background:#1a271cdf;padding:9px 14px;border-radius:30px;font-size:12px}@keyframes spin{to{transform:rotate(1turn)}}.mirror-controls{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:10px;border-bottom:1px solid #edf0e8}.view-toggle{display:flex;gap:3px;padding:3px;background:#f3f5ef;border-radius:7px}.view-toggle button{border:0;background:none;display:flex;align-items:center;gap:6px;padding:8px 11px;border-radius:5px;font-size:11px;color:#89917f}.view-toggle button.selected{background:white;box-shadow:0 1px 4px #243a1612;color:#364831}.session-limit{font-size:10px;color:#92998e}.session-control{display:flex;align-items:center;gap:10px}.timer{font-family:monospace;font-size:12px}.end-button{background:#f6eeeb;border:1px solid #ecdcd7;border-radius:5px;padding:8px;display:flex;align-items:center;gap:5px;font-size:11px;color:#a4503e}.privacy-note{display:flex;align-items:flex-start;gap:9px;padding:17px 0 20px;color:#78876c}.privacy-note svg{flex-shrink:0;margin-top:1px}.privacy-note p{font-size:11px;color:#6d7666;margin:0}.privacy-note span{display:block;font-size:9px;line-height:1.8;color:#9bA191;margin-top:5px}.wardrobe{border-left:1px solid var(--line);padding:23px 24px 19px;background:#fdfefb}.item-count{font-size:10px;color:#929b87}.wardrobe-intro{margin:26px 0 21px}.wardrobe-intro h3{font-size:18px;font-weight:500;margin:0 0 8px;letter-spacing:.2px}.wardrobe-intro p{font-size:11px;color:#91998b;margin:0}.category-tabs{display:flex;gap:6px;margin-bottom:18px}.category-tabs button{border:1px solid transparent;background:transparent;border-radius:25px;padding:7px 16px;font-size:11px;color:#7f8977;display:flex;align-items:center;gap:7px}.category-tabs button.active{background:#eaf0e0;color:#364a2d;border-color:#dfe8d5}.category-tabs button:hover{background:#eef2e8}.category-tabs span{font-size:9px;color:#829373}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 12px}.product-card{text-align:left;border:1px solid #e9ece4;background:#fff;border-radius:9px;padding:0;overflow:hidden;min-width:0}.product-card.chosen{border:1.5px solid #8da570;box-shadow:0 0 0 2px #a1ba8113}.product-card:hover{border-color:#9eb184}.product-image{position:relative;background:#f2f3ee;aspect-ratio:1.4;overflow:hidden}.product-image>img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s}.product-card:hover .product-image>img{transform:scale(1.05)}.chosen-check{position:absolute;top:9px;right:9px;background:#607b44;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.product-type{position:absolute;left:8px;bottom:8px;font-size:8px;color:#8b9681;background:#ffffffe0;padding:3px 5px;border-radius:3px}.product-info{padding:10px 11px 11px}.product-english{font-size:7px;letter-spacing:1.1px;color:#99a18f}.product-info h4{font-size:12px;font-weight:500;margin:6px 0 7px}.product-color{display:flex;align-items:center;gap:5px;font-size:9px;color:#929b8a}.product-color i{width:8px;height:8px;border-radius:50%;border:1px solid #0000000d}.selection-summary{display:flex;align-items:center;gap:11px;background:#edf2e5;border:1px solid #e4ebdc;border-radius:8px;margin-top:19px;padding:9px 12px}.selection-thumb{width:42px;height:44px;background:#fff9;border-radius:5px}.selection-thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.selection-summary small{font-size:9px;color:#8b977e;display:block;margin-bottom:5px}.selection-summary strong{font-size:11px;font-weight:500}.selection-action{margin-left:auto;color:#7b9061}.catalog-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;color:#9da58f;margin-top:14px}.catalog-note .tiny-dot{width:4px;height:4px}.tips{display:flex;align-items:center;justify-content:space-between;padding:31px 3px 28px;gap:20px}.tips-title .eyebrow{font-size:8px;margin-bottom:7px}.tips-title h2{font-size:14px;font-weight:500;margin:0}.tip{display:flex;align-items:center;gap:13px}.tip>span{font-family:Georgia,serif;font-size:26px;font-style:italic;color:#b5bfab}.tip h3{font-size:11px;font-weight:500;margin:0 0 7px}.tip p{font-size:10px;color:#949d8c;margin:0}.setup-banner{display:flex;align-items:center;justify-content:space-between;border:1px solid #e1e7d9;background:#eef2e7;padding:13px 17px;border-radius:7px;gap:12px}.setup-banner>span{gap:8px;color:#7e8c70}.setup-banner button,.setup-banner>span{display:flex;align-items:center;font-size:10px}.setup-banner button{gap:9px;white-space:nowrap;border:0;background:none;color:#65794d}footer{max-width:1272px;margin:27px auto 0;padding:24px 0 27px;border-top:1px solid #e2e7db;display:flex;align-items:center;gap:18px;color:#9ba28f;font-size:9px}.footer-brand{font-size:13px;font-weight:700;letter-spacing:1px;color:#7b8870}footer p{margin:0 0 0 auto;font-size:9px}.error-message{font-size:12px;line-height:1.7;background:#fff4ed;color:#95532f;border:1px solid #efd9c7;border-radius:6px;padding:10px 12px;margin-top:12px}.error-message button{display:block;border:0;background:none;text-decoration:underline;padding:4px 0;color:inherit}.device-picker{display:flex;gap:8px;align-items:center;font-size:11px;padding-top:10px;flex-wrap:wrap}.device-picker select{max-width:220px;border:1px solid var(--line);background:white;padding:5px;border-radius:4px}.device-picker small{color:#949d8c}.modal{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:24px;border:0;background:#12201788;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:20;align-items:center;justify-content:center;color:var(--ink)}.modal[open]{display:flex}.modal-card{width:100%;max-width:465px;padding:35px;background:#fcfdf9;border:1px solid #dfe7d5;border-radius:18px;position:relative;max-height:90vh;overflow:auto;box-shadow:0 20px 70px #12201833}.modal-close{position:absolute;top:16px;right:16px;background:#edf1e6}.modal-symbol{display:flex;align-items:center;justify-content:center;background:#e5eed9;color:#6c8553;width:48px;height:48px;border-radius:13px;margin-bottom:23px}.modal-card h2{font-size:23px;font-weight:500;line-height:1.5;margin:0 0 18px}.modal-copy{font-size:12px;color:#808b76;line-height:1.9}.modal .primary-button{width:100%;margin-top:23px}.setup-list{padding-left:20px;font-size:12px;line-height:2.2;color:#5d6c52}.setup-list li{margin-bottom:13px}.setup-list code{font-size:11px;background:#e9eedf;padding:2px 4px;overflow-wrap:anywhere}.modal-hint{font-size:11px;line-height:1.8;color:#8c9682;background:#f0f3e9;padding:12px;border-radius:6px}.help-list{padding-left:20px;font-size:12px;color:#596a50}.help-list li{padding:7px 0}.help-list strong{font-weight:500}.help-list p{line-height:1.8;color:#8c9682;font-size:11px}.access-label{display:flex;flex-direction:column;gap:9px;font-size:12px;margin-top:22px}.access-label input{width:100%;border:1px solid #dbe4d1;border-radius:6px;padding:12px;background:white;font-size:13px}.consent{display:flex;gap:9px;align-items:flex-start;font-size:11px;line-height:1.8;color:#8c9682;margin-top:18px}.consent input{margin-top:4px;accent-color:#749755;flex-shrink:0}@media(min-width:1600px){main{padding-top:55px}.viewer{min-height:470px}}@media(max-width:1100px){main{padding:32px 25px 0}.site-header{padding:0 25px}.studio{grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr)}.fitting-panel,.wardrobe{padding-left:18px;padding-right:18px}.viewer{min-height:440px}.intro h1{font-size:29px}.intro-note{font-size:11px}footer{margin-left:25px;margin-right:25px}.tips{gap:15px}.tip{gap:8px}.tip>span{font-size:22px}.session-limit,.tip p{font-size:9px}.view-toggle button{padding:8px}.product-info h4{font-size:11px}}@media(max-width:780px){.site-header{height:69px;padding:0 20px}.header-center{display:none}.brand{font-size:21px}.brand svg{width:23px}.intro-note{display:none}main{padding:30px 18px 0}.intro{margin-bottom:25px}.intro h1{font-size:28px;letter-spacing:-1px}.intro-copy{font-size:11px;line-height:1.9;max-width:320px}.eyebrow{font-size:8px}.studio{grid-template-columns:1fr;border-radius:13px}.fitting-panel{padding:20px 15px 0}.section-heading{margin-bottom:16px}.viewer{min-height:410px;aspect-ratio:auto}.empty-view h3{font-size:19px}.viewer-code{font-size:7px}.viewer-top{left:15px;right:15px;top:15px}.viewer-bottom{left:12px;right:12px}.viewer-bottom>span{font-size:8px}.frame-art{width:140px;height:150px}.mirror-controls{padding:12px 0;gap:6px}.session-limit{font-size:8px}.view-toggle button{font-size:10px;padding:8px 9px}.privacy-note{padding:15px 0 18px}.privacy-note span{font-size:9px}.wardrobe{border-left:0;border-top:1px solid var(--line);padding:21px 17px}.wardrobe-intro{margin:20px 0 17px}.wardrobe-intro h3{font-size:17px}.product-image{aspect-ratio:1.2}.product-info{padding:12px}.product-info h4{font-size:12px}.product-grid{gap:13px}.product-english{font-size:7px}.product-color{font-size:10px}.category-tabs{margin-bottom:17px}.selection-summary{margin-top:20px}.catalog-note{font-size:8px}.tips{display:grid;grid-template-columns:1fr;gap:20px;padding:28px 7px}.tips-title{margin-bottom:1px}.tip{gap:16px}.tip h3{font-size:12px}.tip p{font-size:11px}.tip>span{font-size:27px;width:29px}.setup-banner{align-items:flex-start;flex-direction:column;padding:15px;gap:12px}.setup-banner>span{font-size:10px;line-height:1.7}.setup-banner button{align-self:flex-end}footer{margin:24px 20px 0;padding:22px 0;flex-wrap:wrap;gap:12px}footer p{width:100%;margin:0;font-size:8px}.modal{padding:17px}.modal-card{padding:28px 23px}.modal-card h2{font-size:21px}.modal-copy{font-size:12px}.end-button,.timer{font-size:10px}.end-button{padding:7px;gap:4px}.session-control{gap:5px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}