@charset "UTF-8";:root{--ink:#243c38;--muted:#79807a;--red:#ae4734;--paper:#f7f5ee;--line:#dcded3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei",sans-serif}header{max-width:1400px;margin:auto;padding:26px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:13px;font-size:24px}.brand b{font-family:serif;letter-spacing:4px}.brand span{font-size:11px;letter-spacing:2px;border-left:1px solid #b5b9af;padding-left:16px}nav{display:flex;gap:34px;font-size:12px}nav a:hover{color:var(--red)}main{max-width:1280px;margin:auto;padding:0 42px}.intro{position:relative;padding:60px 0 42px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#8b8067}h1,h2,h3{font-family:"Songti SC","SimSun",serif;font-weight:500}h1{font-size:52px;letter-spacing:3px;margin:17px 0}h1 em{font-style:normal;color:var(--red)}.intro p{font-size:13px;color:var(--muted);letter-spacing:1px}.intro-mark{position:absolute;right:18px;top:55px;border:1px solid #ba7867;padding:9px;color:#ae4734;font:14px/1.4 serif}.studio{display:grid;grid-template-columns:1.06fr 1fr;border:1px solid var(--line);background:#fbfaf6;min-height:680px}.stage{position:relative;background:#eceee4;overflow:hidden;display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--line);background-image:radial-gradient(#89927d22 .7px,transparent .7px);background-size:6px 6px}.stage-top{align-self:stretch;display:flex;justify-content:space-between;margin:25px 28px;font-size:11px;letter-spacing:2px;z-index:1}.halo{position:absolute;width:380px;height:380px;border:1px solid #cfd4c4;border-radius:50%;top:125px}.halo:after{content:"";position:absolute;inset:20px;border:1px solid #d8dccf;border-radius:50%}.vertical{position:absolute;left:28px;top:200px;writing-mode:vertical-rl;font-size:10px;letter-spacing:5px;color:#8b947e}#bag{position:relative;width:95%;max-width:520px;height:550px;margin-top:-15px;overflow:visible}#bagShape{transform-origin:260px 0;animation:sway 5s ease-in-out infinite}.stage-caption{display:flex;gap:8px;align-items:center;font-size:11px;position:relative;padding:0 20px}.dot{width:5px;height:5px;background:#778b69;border-radius:50%}.caption-small{font-size:9px;color:#929986;margin-left:15px}.stage-tools{display:flex;gap:10px;margin:22px 0 26px}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bf8f45;outline-offset:4px}.stage-tools button{background:#f7f8f1;border:1px solid #cbd2c2;padding:9px 19px;color:var(--ink);font-size:11px;border-radius:2px}.wardrobe{padding:33px 34px}.wardrobe h2{font-size:25px;margin:13px 0}.muted{color:var(--muted);font-size:11px}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:24px 0 18px}.swatch{border:1px solid #dddcd2;background:none;padding:5px;text-align:left;position:relative;color:var(--ink);transition:.2s}.swatch:hover{transform:translateY(-3px);border-color:#929e8d}.swatch[aria-pressed=true]{border:2px solid var(--red);padding:4px;background:#fbf1e9}.swatch[aria-pressed=true]:after{content:"✓";position:absolute;right:8px;top:8px;background:var(--red);color:white;border-radius:50%;width:18px;height:18px;text-align:center;font-size:11px}.swatch img{width:100%;height:68px;object-fit:cover;object-position:top;display:block}.swatch span{display:block;font-size:11px;margin:8px 3px 5px}.swatch small{font-size:9px;color:#8a8e83;margin-left:4px}.scale{display:flex;align-items:center;gap:14px;font-size:10px;color:#858879;padding:4px 0 18px;border-bottom:1px solid var(--line)}input{accent-color:#a54b37;flex:1;min-width:40px}.story{padding-top:22px}.story-top{display:flex;justify-content:space-between;font-size:10px;color:#a76d46;letter-spacing:1px}.story h3{font-size:25px;margin:11px 0}.story p{font-size:12px;line-height:1.9;color:#70766c}.tags{display:flex;gap:8px;margin:13px 0}.tags span{font-size:9px;padding:4px 9px;border:1px solid #dcdccf;border-radius:2px;color:#7b826e}details{border-top:1px solid var(--line);margin-top:18px;padding-top:13px}summary{font-size:12px;cursor:pointer;list-style:none}summary span{float:right}#storyText{max-height:200px;overflow:auto;padding-right:8px}.culture{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:85px 0;border-bottom:1px solid var(--line)}.culture h2,.origin h2{font-size:32px;line-height:1.5}.culture p,.origin p{font-size:12px;line-height:2.1;color:#788073}.culture img{width:100%;margin-top:25px;filter:saturate(.8)}.culture-copy article+article{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.culture-copy article>span{font-size:10px;color:#9e7953}.culture-copy h3{font-size:20px;margin:9px 0}.origin{display:grid;grid-template-columns:180px 1fr;gap:40px;max-width:850px;margin:65px auto}.origin img{width:180px;height:240px;object-fit:cover}.origin h2{margin:12px 0}.origin .note{font-size:10px;color:#93988e}.back{font-size:12px;color:var(--red);display:inline-block;margin-top:12px}footer{border-top:1px solid var(--line);padding:25px 5%;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#8a9083}footer b{font-size:18px;font-family:serif;color:var(--ink)}@keyframes sway{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media(max-width:850px){main{padding:0 20px}.studio{grid-template-columns:1fr}.stage{border-right:0;border-bottom:1px solid var(--line)}#bag{height:490px}.intro{padding:40px 0 28px}h1{font-size:37px}.intro-mark{display:none}.brand span{display:none}nav{gap:14px;font-size:10px}.wardrobe{padding:28px 22px}.culture{grid-template-columns:1fr;gap:32px;padding:50px 0}.origin{grid-template-columns:110px 1fr;gap:20px}.origin img{width:110px;height:170px}.origin h2{font-size:24px}footer span:last-child{display:none}}@media(max-width:440px){h1{font-size:31px}.intro p{line-height:1.9;font-size:11px}.brand{font-size:20px}nav a:last-child{display:none}.origin{grid-template-columns:1fr}.origin img{width:100%;height:230px;object-position:50% 65%}.halo{width:310px;height:310px}.stage-caption{font-size:10px}.caption-small{display:none}}