:root{--bg:#eee7dd;--ink:#292721;--accent:#a7492a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header{height:86px;border-bottom:1px solid #bdb3a5;display:flex;justify-content:space-between;align-items:center;padding:0 4vw}header>a{font-family:Georgia,serif;font-size:30px;color:inherit;text-decoration:none;letter-spacing:2px}header>a span{font-size:22px}nav{display:flex;gap:30px;align-items:center}nav button{font-size:14px}nav b{background:var(--ink);color:white;border-radius:50%;padding:3px 6px;font-size:10px}main{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:40px;max-width:1600px;margin:auto;padding:40px 4vw 26px}.wardrobe{min-width:0}h1{font-family:Georgia,'Songti SC',serif;font-weight:400;font-size:clamp(38px,4.8vw,76px);letter-spacing:-3px;margin:0 0 26px}h1 span{color:var(--accent)}.categories{display:flex;gap:20px;align-items:center;font-size:12px;color:#83796c}.categories button{padding:7px 0}.categories .active{color:var(--ink);border-bottom:1px solid var(--ink)}.categories span{margin-left:auto;letter-spacing:1px;font-size:10px}.rail{height:360px;display:flex;align-items:flex-start;margin-top:32px;position:relative;padding:0 12px;border-top:6px ridge #b7b3a9;border-left:5px ridge #c8c2b5;border-right:5px ridge #c8c2b5;border-radius:23px 23px 0 0;perspective:900px}.garment{width:16.666%;height:310px;padding:0;flex-shrink:0;transform-origin:50% 4%;transition:transform .5s,filter .5s;position:relative}.garment img{height:100%;width:160%;max-width:none;object-fit:contain;margin-left:-30%;filter:drop-shadow(8px 12px 6px #30251620);pointer-events:none}.garment:not(.selected){transform:rotateY(-24deg) scale(.92);filter:saturate(.8)}.garment.selected{z-index:3;transform:translateY(4px) scale(1.09)}.garment:hover{transform:rotateY(14deg) scale(1.07);z-index:4}.garment.hidden{display:none}.selection{display:flex;align-items:center;justify-content:center;gap:45px;text-align:center;margin-top:-12px}.selection small{font-size:9px;color:#8e8172;letter-spacing:2px}.selection h2{font-family:Georgia,'Songti SC',serif;font-size:23px;font-weight:400;margin:9px 0}.selection p{color:var(--accent);font-family:Georgia;font-size:23px;margin:0}.arrow{border:1px solid #655f55;border-radius:50%;width:36px;height:36px}.actions{display:flex;justify-content:center;gap:10px;margin-top:20px}.primary{color:#fff;background:var(--accent);padding:13px 24px;border-radius:3px;font-size:14px}.primary:hover{background:#873b23}.outline{border:1px solid #a99c8b;padding:12px 22px;border-radius:3px;font-size:14px}.hint{text-align:center;color:#8b8071;font-size:11px;margin-top:18px}.mirror{position:relative;height:560px;border:7px ridge #b9b3a6;border-radius:120px 120px 18px 18px;overflow:hidden;background:#ddd4c5;box-shadow:9px 10px 16px #46321c15,inset 0 0 80px #94856c25}.mirrorEmpty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:18px}.mirrorIcon{font-size:75px;font-weight:100;color:#8c7e6a}.mirrorEmpty h2{font:26px Georgia,'Songti SC',serif;margin:12px 0}.mirrorEmpty p{font-size:12px;color:#877b6b;margin:0 0 32px}.mirrorEmpty small{font-size:10px;color:#7c7164;margin-top:18px}.mirrorLabel{position:absolute;bottom:18px;left:12px;right:12px;text-align:center;font-size:11px;background:#eee7dddb;padding:9px;border-radius:3px}video,#videoView{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}#preview{transform:scaleX(-1);display:none}#videoView{display:none}.tryControls{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:10px}.tryControls button{text-decoration:underline}.privacy{font-size:10px;line-height:1.8;color:#8b8071}.tryControls span{font-variant-numeric:tabular-nums}footer{display:flex;justify-content:space-between;padding:22px 4vw;border-top:1px solid #c7bcae;color:#897d6e;font-size:9px;letter-spacing:1px}dialog{border:0;border-radius:8px;padding:36px;max-width:480px;width:calc(100% - 32px);background:#f8f4ed;color:var(--ink);box-shadow:0 30px 90px #0004}dialog::backdrop{background:#29251d88;backdrop-filter:blur(5px)}dialog h2{font-family:Georgia,'Songti SC',serif;font-weight:400}dialog p{font-size:13px;line-height:1.8}dialog .close{position:absolute;right:14px;top:9px;font-size:28px}dialog label{display:block;font-size:12px;margin-top:18px}input{display:block;width:100%;padding:12px;border:1px solid #c8bcab;border-radius:3px;margin-top:8px;background:#fffcf8}dialog .primary{width:100%;margin-top:20px}.note{color:#8c7e6b;font-size:11px!important}dialog a{color:var(--accent);font-size:12px}.cartRow{display:flex;align-items:center;gap:12px;border-bottom:1px solid #ddd0bf;padding:10px 0}.cartRow img{width:44px;height:65px;object-fit:contain}.cartRow div{flex:1}.cartRow small{color:#a7492a}#ticket{background:white;padding:25px;font-family:monospace;animation:feed .8s ease-out}#ticket h2{text-align:center}#ticket p{border-bottom:1px dashed #aaa;padding:10px 0}#toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#292721;color:white;font-size:13px;border-radius:3px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}#error{color:#ab322a}button:disabled{opacity:.5;cursor:wait}@keyframes feed{from{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@media(min-width:1500px){.rail{height:430px}.garment{height:380px}.mirror{height:640px}}@media(max-width:900px){main{grid-template-columns:minmax(0,1fr) 290px;gap:20px;padding:30px 20px}.rail{height:300px}.garment{height:250px}.mirror{height:490px}h1{letter-spacing:-1px}.categories{gap:14px}}@media(max-width:650px){header{height:68px;padding:0 20px}header>a{font-size:21px}header>a span{font-size:14px}nav{gap:12px}nav button{font-size:11px}main{grid-template-columns:1fr;padding:28px 20px;gap:30px}h1{font-size:42px;margin-bottom:18px}.rail{height:320px;margin-top:27px;overflow:hidden}.garment{height:275px;min-width:16.666%}.selection{margin-top:0}.selection h2{font-size:20px}.categories span{font-size:8px}.mirror{height:510px;max-width:370px;margin:auto}aside{padding-top:20px;border-top:1px solid #c8bdad}.tryControls,.privacy{max-width:370px;margin-left:auto;margin-right:auto}footer{gap:20px;line-height:1.8}footer span{max-width:50%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}@media print{body>*:not(#receipt){display:none!important}#receipt{position:static;border:0;box-shadow:none;width:100%;max-width:none}#receipt button{display:none}#ticket{animation:none}}

#videoView > div{width:100%;height:100%;min-height:100%}
