:root{--paper:#f5f3ed;--ink:#272922;--muted:#87887f;--line:#e2e0d7;--gold:#a38545;--red:#b54536;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #b69a62;outline-offset:4px}button{color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}a{color:inherit;text-decoration:none}.page{max-width:1120px;margin:auto;padding:0 42px}.masthead{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;font-size:14px;font-weight:650;letter-spacing:1px}.brand-mark{width:31px;height:31px;display:grid;place-items:center;background:var(--ink);color:var(--paper);border-radius:7px;font-family:serif;font-size:19px}.edition{font-size:11px;letter-spacing:2px;color:var(--muted)}.hero{padding:64px 0 36px;position:relative}.eyebrow{font-size:12px;letter-spacing:2px;color:#767969;display:flex;align-items:center;gap:9px}.eyebrow span{width:6px;height:6px;background:var(--gold);border-radius:50%}h1{font-size:52px;line-height:1.23;letter-spacing:-2px;font-weight:700;margin:22px 0 20px}.period{color:var(--gold)}.intro{font-size:14px;color:#77796f;line-height:1.9;margin:0}.mobile-break{display:none}.hero-meta{display:flex;align-items:center;gap:14px;margin-top:26px;font-size:11px;color:#8a8b80}.hero-meta strong{font-size:16px;color:var(--ink);font-variant-numeric:tabular-nums;margin-right:3px}.meta-divider{height:13px;width:1px;background:#d2d0c6}.skin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:44px}.skin-button{position:relative;height:164px;border:1px solid transparent;text-align:left;padding:27px 24px;border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s}.skin-button:hover{transform:translateY(-3px)}.skin-button[aria-pressed=true]{box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--gold)}.skin-button.black{background:#282c28;color:#f7f6f0}.skin-button.white{background:#e8e6dc;color:#45483e;border-color:#dfddd1}.skin-button.red{background:#a74538;color:#fff6ea}.skin-text{position:relative;z-index:1}.skin-en{font-size:10px;letter-spacing:3px;opacity:.6}.skin-button h2{font-size:27px;letter-spacing:3px;font-weight:550;margin:10px 0 12px}.skin-count{font-size:11px;opacity:.65}.select-arrow{position:absolute;right:18px;top:18px;font-size:18px;opacity:.6}.jacket{width:139px;height:145px;position:absolute;right:17px;bottom:-10px;transform:rotate(-9deg);filter:drop-shadow(0 10px 8px #0002)}.jacket path:first-child{fill:#464d45;stroke:#677060;stroke-width:1}.jacket .seam{fill:none;stroke:#222921;stroke-width:1.5}.jacket .pocket{fill:none;stroke:#191e18;stroke-width:3}.jacket .crest{fill:#b9a474}.white .jacket path:first-child{fill:#faf9f3;stroke:#c5c2b2}.white .jacket .seam{stroke:#d1cebf}.white .jacket .pocket{stroke:#bcbba9}.white .jacket .crest{fill:#969a79}.red .jacket path:first-child{fill:#cf6451;stroke:#e2806d}.red .jacket .seam{stroke:#a94432}.red .jacket .pocket{stroke:#9b3d2e}.red .jacket .crest{fill:#f4d794}.catalog-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:26px}.tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:0 0 18px;font-size:13px;color:#8b8e82}.tabs button.active{color:var(--ink);border-bottom-color:var(--ink);font-weight:650}.result-count{font-size:11px;color:var(--muted);padding-bottom:18px}.controls{display:flex;align-items:center;gap:18px;padding:20px 0}.search{display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--line);border-radius:7px;height:40px;background:#fff9;flex:1;max-width:380px}.search span{font-size:25px;color:#8e907f}.search input{width:100%;border:0;outline:0;background:none;font-size:12px;min-width:0}.search input::placeholder{color:#999b8f}.rank-toggle{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap;color:#777a6c}.rank-toggle input{accent-color:#6a7057;width:15px;height:15px}.controls select{height:40px;background:none;border:1px solid var(--line);border-radius:7px;padding:0 12px;font-size:12px;color:#6e7164}.white-note{font-size:11px;line-height:1.7;padding:10px 13px;background:#ece8d9;color:#877746;border-radius:6px;margin-bottom:15px}.table-labels,.account{display:grid;grid-template-columns:minmax(0,1fr) 120px 112px 104px 94px;gap:16px;align-items:center}.table-labels{background:#eeece4;padding:12px 18px;border-radius:7px;font-size:10px;color:#95978b;letter-spacing:.5px}.table-labels span:nth-child(4){text-align:right}.account{padding:22px 18px;border-bottom:1px solid var(--line);transition:background .15s}.account:hover{background:#fff8}.account-id{font-size:10px;color:#9a9d8e;letter-spacing:1px;font-variant-numeric:tabular-nums;display:block;margin-bottom:7px}.account-title{font-size:12px;line-height:1.75;font-weight:550;margin:0;overflow-wrap:anywhere}.badges{display:flex;flex-wrap:wrap;gap:5px}.badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:10px;white-space:nowrap}.badge.black{background:#e5e8df;color:#454c3f}.badge.white{background:#fff;border:1px solid #deded4;color:#72735e}.badge.red{background:#f4e1db;color:#af5143}.variant{font-size:9px;color:#a28c57;line-height:1.7;margin-top:7px}.account-rental{font-size:10px;color:#8c8f80;line-height:1.9}.rank-yes{color:#73815e}.account-price{text-align:right;white-space:nowrap}.price{font-size:21px;font-weight:650;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.currency{font-size:12px;margin-right:3px;font-weight:400;color:#a09b87}.per-hour{display:block;font-size:9px;color:#a2a494;margin-top:3px}.copy{font-size:10px;border:1px solid #d8d9cc;border-radius:5px;padding:8px 10px;background:transparent;color:#777d69;white-space:nowrap}.copy:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.empty{text-align:center;padding:55px 16px;font-size:13px;color:var(--muted)}.empty button{display:block;margin:18px auto;border:0;background:none;color:var(--gold);text-decoration:underline}.guide{display:flex;align-items:center;gap:28px;padding:26px;background:#eae9df;border-radius:12px;margin:35px 0}.guide-number{font-size:11px;color:#949b80;letter-spacing:2px}.guide h3{font-size:14px;font-weight:600;margin:0 0 8px}.guide p{font-size:11px;color:#8e9281;margin:0;line-height:1.7}.guide-symbol{font-size:27px;margin-left:auto;color:#a7af93}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0 35px;font-size:11px;color:#909484;gap:18px}footer>span{white-space:nowrap;font-weight:600;color:#727868}footer p{font-size:10px;line-height:1.8;text-align:right;margin:0}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);background:#282c28;color:#fff;border-radius:8px;padding:12px 20px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;text-align:center;z-index:5}.toast.visible{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
@media(min-width:1000px){.hero::after{content:'THE LOOK\A THE GAME';white-space:pre;position:absolute;right:12px;top:80px;font-size:69px;font-weight:800;line-height:1.15;letter-spacing:-3px;color:#e9e7de;pointer-events:none}}
@media(max-width:700px){.page{padding:0 20px}.masthead{height:70px}.brand{font-size:12px;gap:8px}.brand-mark{width:27px;height:27px;font-size:17px}.edition{font-size:8px;letter-spacing:1px}.hero{padding:36px 0 26px}.eyebrow{font-size:10px}h1{font-size:36px;letter-spacing:-1.5px;margin:18px 0 15px}.intro{font-size:12px}.mobile-break{display:block}.hero-meta{font-size:9px;gap:9px;margin-top:18px}.hero-meta strong{font-size:14px}.skin-grid{gap:9px;margin-bottom:30px}.skin-button{height:126px;padding:15px 13px;border-radius:10px}.skin-en{font-size:8px;letter-spacing:1.5px}.skin-button h2{font-size:21px;margin:7px 0 7px;letter-spacing:1px}.skin-count{font-size:9px}.jacket{width:79px;height:88px;right:-8px;bottom:-8px;opacity:.65}.select-arrow{font-size:13px;right:10px;top:11px}.tabs{gap:20px}.tabs button{font-size:12px;padding-bottom:14px}.result-count{font-size:9px;padding-bottom:14px}.controls{display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px 0}.search{max-width:none;grid-column:1/3;height:39px}.rank-toggle{margin-left:0}.controls select{height:32px;font-size:10px;padding:0 7px}.white-note{font-size:10px}.table-labels{display:none}.account-list{display:grid;gap:12px}.account{background:#ffffffa8;border:1px solid #e6e5dc;border-radius:10px;padding:16px;grid-template-columns:1fr 92px;gap:12px}.account-info{grid-column:1/3}.account-id{font-size:9px;margin-bottom:7px}.account-title{font-size:12px;line-height:1.8}.account-tags{grid-column:1}.account-price{grid-column:2;grid-row:2/4}.price{font-size:25px}.currency{font-size:13px}.per-hour{font-size:9px}.account-rental{grid-column:1;grid-row:3;font-size:10px}.account-rental br{display:none}.account-rental span+span::before{content:' · ';color:#b3b6a7}.copy{grid-column:2;justify-self:end;font-size:10px;padding:8px 12px}.account .copy{grid-row:4}.guide{gap:16px;padding:20px 16px;margin:25px 0}.guide-number{font-size:9px;letter-spacing:1px}.guide h3{font-size:12px}.guide p{font-size:10px}.guide-symbol{font-size:23px}footer{display:block;padding:20px 0 30px}footer p{text-align:left;margin-top:10px;font-size:9px}.toast{font-size:11px;bottom:24px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.catalog-header{position:sticky;top:0;z-index:2;background:var(--paper);padding-top:15px}
@media(max-width:700px){.account-rental span:last-child::before{content:" · ";color:#b3b6a7}}

.catalog{padding-bottom:44px}.copy-overlay{position:fixed;inset:0;background:#25292166;z-index:10;display:flex;align-items:center;justify-content:center;padding:24px}.copy-panel{background:var(--paper);border-radius:14px;padding:28px;max-width:340px;width:100%}.copy-panel h2{font-size:18px;margin:0 0 18px}.copy-panel input{width:100%;font-size:24px;padding:12px;border:1px solid var(--line);border-radius:7px;text-align:center;background:white;color:var(--ink)}.copy-panel p{font-size:12px;color:var(--muted)}.copy-panel button{padding:9px 18px;border:0;border-radius:6px;background:var(--ink);color:white}
.account-title a{color:inherit;text-decoration:none;transition:color .15s}.account-title a:hover,.account-title a:focus-visible{color:#927a43;text-decoration:underline;text-underline-offset:4px}.account-title a:focus-visible{outline:2px solid #927a43;outline-offset:4px;border-radius:2px}