:root{color-scheme:dark;--bg:#171715;--panel:#20201d;--line:#37362f;--text:#f0eadf;--muted:#aaa69a;--bronze:#cfad75;--bronze-soft:#ad8d5c;--focus:#f4d092;font-family:Inter,"Segoe UI","Microsoft YaHei",system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.6}
body.viewer-open{overflow:hidden}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible{outline:2px solid var(--focus);outline-offset:5px}
button{cursor:pointer}
img{display:block;max-width:100%}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.skip-link{position:fixed;z-index:100;top:12px;left:16px;padding:10px 16px;background:var(--text);color:var(--bg);transform:translateY(-180%);border-radius:4px}
.skip-link:focus{transform:translateY(0)}
.site-header,.hero,.collection,.concept-note,.site-footer{width:min(1440px,calc(100% - 96px));margin-inline:auto}
.site-header{height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}
.brand{display:block;width:273px;line-height:1}
.brand img{width:100%;height:auto;object-fit:contain;object-position:left center}
.header-note{display:flex;gap:12px;align-items:center;color:#c5bca9;font-size:12px;letter-spacing:.06em}
.status-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:var(--bronze)}
.header-divider{height:12px;width:1px;background:#5d5444;margin-inline:4px}
.hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:6%;align-items:center;padding-block:58px 76px}
.hero-copy{padding-top:4px}
.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 22px;font-size:10px;font-weight:600;letter-spacing:.2em;color:var(--bronze)}
.eyebrow span{width:24px;height:1px;background:var(--bronze)}
h1{margin:0;font-size:clamp(44px,5.5vw,76px);font-weight:500;letter-spacing:-.045em;line-height:1.18}
.hero-intro{color:var(--muted);font-size:14px;line-height:1.9;margin:26px 0 30px}
.primary-link{display:inline-flex;gap:40px;align-items:center;border-bottom:1px solid var(--bronze-soft);padding:0 0 11px;color:#dfc28f;font-size:13px}
.primary-link span{font-size:21px;line-height:1}
.primary-link:hover{color:#fff0d6;border-color:#fff0d6}
.hero-facts{display:flex;gap:32px;align-items:center;margin-top:58px;padding-top:24px;border-top:1px solid var(--line)}
.hero-facts>div{display:flex;flex-direction:column;gap:2px}
.hero-facts strong{font-size:31px;font-weight:400;line-height:1.2;letter-spacing:-.04em}
.hero-facts span{font-size:10px;color:var(--muted)}
.hero-facts .concept-fact{gap:8px;border-left:1px solid var(--line);padding-left:28px}
.hero-facts .concept-pill{color:var(--bronze);font-size:11px;letter-spacing:.06em}
.hero-visual{position:relative;margin:0;aspect-ratio:1;background:#1f1e1a;border:1px solid #464034;overflow:hidden;border-radius:3px}
.hero-visual>img{width:100%;height:100%;object-fit:cover}
.hero-visual figcaption{position:absolute;bottom:0;left:0;right:0;padding:44px 25px 20px;background:linear-gradient(transparent,rgba(13,13,11,.95));display:flex;justify-content:space-between;align-items:flex-end;gap:12px;font-size:13px}
.hero-visual figcaption>div{display:flex;gap:14px;align-items:center}
.visual-id{font-size:10px;color:#d9b479;letter-spacing:.14em}
.visual-caption{font-size:9px;color:#b3ab9c}
.collection{padding-top:33px;border-top:1px solid var(--line)}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:33px}
.section-heading .eyebrow{margin-bottom:11px;font-size:9px}
h2{font-size:26px;line-height:1.4;font-weight:500;margin:0;letter-spacing:-.025em}
.collection-hint{margin:0;color:var(--muted);font-size:11px;line-height:1.8;text-align:right}
.collection-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line);padding-bottom:21px;margin-bottom:29px}
.filters{display:flex;gap:8px;flex-wrap:wrap}
.filter-button{display:inline-flex;align-items:center;gap:9px;border:1px solid transparent;background:transparent;color:#b3afa5;padding:8px 14px;border-radius:3px;transition:background .2s,border-color .2s,color .2s;font-size:12px;white-space:nowrap}
.filter-button span{font-size:9px;color:#827d70}
.filter-button:hover{border-color:#494335;color:var(--text)}
.filter-button[aria-pressed="true"]{background:#3c3222;color:#efc991;border-color:#735a37}
.filter-button[aria-pressed="true"] span{color:#d4b17e}
.gallery-status{margin:0;font-size:10px;color:var(--muted);white-space:nowrap;letter-spacing:.03em}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 23px}
.product-card{min-width:0}
.product-image-button{display:block;padding:0;width:100%;position:relative;border:1px solid #3b3830;background:#24221d;border-radius:3px;overflow:hidden;aspect-ratio:1}
.product-image-button img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease;will-change:auto}
.product-image-button:hover img{transform:scale(1.035)}
.product-id{position:absolute;top:16px;left:17px;font-size:9px;letter-spacing:.12em;background:rgba(19,18,15,.8);color:#e4c493;border:1px solid #6a573b;border-radius:2px;padding:3px 7px}
.expand-icon{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(231,205,158,.32);border-radius:50%;color:#dfc18d;background:rgba(19,18,15,.62);transition:background .2s}
.expand-icon svg{width:14px;height:14px}
.product-image-button:hover .expand-icon{background:#79603d;color:#fff0d2}
.product-info{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 2px 0}
.product-group{margin:0 0 3px;font-size:9px;color:#a8916c;letter-spacing:.08em}
.product-name{font-weight:500;font-size:16px;line-height:1.4;margin:0}
.download-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:#9f9b8f;border:1px solid #454138;flex-shrink:0}
.download-link svg{width:14px;height:14px}
.download-link:hover{color:#efc991;border-color:#b5935d;background:#2d271d}
.image-error{background:linear-gradient(135deg,#26241f,#1b1a17)}
.image-error::after{content:"图片未就绪";position:absolute;inset:0;display:grid;place-items:center;font-size:13px;color:var(--muted)}
.image-error img{visibility:hidden}
.no-script{padding:24px;background:var(--panel);color:var(--muted);border:1px solid var(--line)}
.concept-note{display:flex;gap:24px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:33px 0;margin-top:66px}
.note-mark{font-size:33px;font-weight:300;color:var(--bronze);line-height:1;flex-shrink:0}
.concept-note h2{font-size:16px;margin-bottom:7px}
.concept-note p{margin:0;font-size:11px;line-height:1.8;color:var(--muted)}
.site-footer{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-block:28px 34px;font-size:9px;letter-spacing:.05em;color:#827e72}
.site-footer>span:first-child{color:#c1a271}
.site-footer a{display:flex;gap:16px;align-items:center;color:#b0a18a}
.viewer{padding:0;border:1px solid #5b503f;border-radius:5px;width:min(850px,calc(100vw - 48px));max-width:none;max-height:94dvh;background:#171715;color:var(--text);box-shadow:0 24px 100px #0008;overflow:auto}
.viewer::backdrop{background:rgba(5,5,4,.88);backdrop-filter:blur(8px)}
.viewer-inner{padding:17px 22px 15px}
.viewer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.viewer-count{font-size:10px;color:var(--muted);letter-spacing:.1em}
.icon-button{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border:1px solid #514837;border-radius:50%;background:#211f19;color:#dbc194;transition:background .2s}
.icon-button:hover{background:#59452a}
.icon-button:disabled{opacity:.35;cursor:default}
.viewer-stage{position:relative;display:grid;place-items:center;background:#11110f;border:1px solid #39342a;min-height:200px}
.viewer-stage>img{width:auto;height:auto;max-height:calc(94dvh - 200px);max-width:100%;object-fit:contain}
.nav-button{position:absolute;z-index:1;top:50%;transform:translateY(-50%);background:rgba(25,23,18,.9);box-shadow:0 3px 20px #0005}
.nav-previous{left:12px}.nav-next{right:12px}
.viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:17px}
.viewer-bottom p{font-size:10px;margin:0 0 4px;color:#b99865;letter-spacing:.06em}
.viewer-bottom h2{font-size:21px}
.viewer-download{display:inline-flex;align-items:center;gap:20px;border:1px solid #745c36;border-radius:3px;padding:8px 13px;font-size:11px;color:#e6c18b}
.viewer-download svg{width:14px;height:14px}
.viewer-download:hover{background:#45341f;color:#ffe5ba}
.viewer-help{font-size:9px;color:#807d73;margin:15px 0 0;text-align:center}
@media(min-width:1550px){.hero{gap:8%;padding-block:66px 88px}.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1050px){.site-header,.hero,.collection,.concept-note,.site-footer{width:calc(100% - 64px)}.hero{gap:5%;padding-block:45px 55px}h1{font-size:clamp(42px,5.9vw,62px)}.hero-facts{gap:20px;margin-top:38px}.hero-facts .concept-fact{padding-left:20px}.hero-facts span{font-size:9px}.hero-intro{font-size:12px}.hero-visual figcaption{padding-inline:16px}.visual-caption{display:none}.gallery-grid{gap:30px 18px}.filter-button{padding-inline:10px}.collection-toolbar{gap:12px}}
@media(max-width:760px){html{scroll-padding-top:30px}.site-header,.hero,.collection,.concept-note,.site-footer{width:calc(100% - 36px)}.site-header{height:79px}.brand,.brand img{width:143px}.brand img{height:47px}.header-note{font-size:10px;gap:8px}.header-divider{margin-inline:1px}.hero{grid-template-columns:1fr;gap:30px;padding-block:35px 41px}.hero-copy{padding-top:0}.eyebrow{margin-bottom:17px;font-size:9px}h1{font-size:49px;line-height:1.17}.hero-intro{font-size:12px;margin:20px 0 22px}.primary-link{font-size:12px;gap:34px}.hero-facts{margin-top:29px;padding-top:20px;gap:30px}.hero-facts strong{font-size:27px}.hero-facts .concept-fact{padding-left:27px}.hero-facts span{font-size:9px}.hero-visual{max-width:550px;width:100%;margin-inline:auto}.hero-visual figcaption{padding:40px 18px 18px}.visual-caption{display:block;font-size:9px}.section-heading{margin-bottom:25px;gap:18px}.section-heading h2{font-size:21px}.collection{padding-top:27px}.collection-hint{font-size:9px}.collection-toolbar{align-items:flex-start;flex-direction:column;gap:15px;padding-bottom:20px;margin-bottom:23px}.filters{gap:6px;width:100%}.filter-button{font-size:11px;padding:7px 10px;gap:7px;border-color:#38342a}.gallery-status{align-self:flex-end;font-size:9px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 13px}.product-id{top:10px;left:10px;font-size:8px;padding:2px 5px}.expand-icon{top:9px;right:9px;width:25px;height:25px}.product-info{padding-top:11px;gap:5px}.product-name{font-size:14px}.product-group{font-size:8px}.download-link{width:27px;height:27px}.download-link svg{width:12px;height:12px}.concept-note{margin-top:41px;padding-block:25px;gap:16px;align-items:flex-start}.concept-note h2{font-size:14px}.concept-note p{font-size:10px}.note-mark{font-size:28px;margin-top:4px}.site-footer{flex-wrap:wrap;gap:12px;font-size:8px;padding-bottom:26px}.site-footer>span:nth-child(2){order:3;flex-basis:100%}.viewer{width:calc(100vw - 20px);max-height:96dvh}.viewer-inner{padding:12px 12px 13px}.viewer-stage>img{max-height:calc(96dvh - 186px)}.viewer-bottom h2{font-size:18px}.viewer-bottom p{font-size:9px}.viewer-download{gap:12px;padding:7px 10px;font-size:10px}.icon-button{width:34px;height:34px}.nav-previous{left:7px}.nav-next{right:7px}.viewer-help{font-size:8px}}
@media(max-width:360px){h1{font-size:43px}.hero-facts{gap:23px}.hero-facts .concept-fact{padding-left:19px}.header-note{gap:5px}.section-heading h2{font-size:19px}.collection-hint{display:none}.gallery-grid{gap:22px 10px}.product-name{font-size:12px}.download-link{width:25px;height:25px}}
@media(max-width:760px){.brand{width:220px;max-width:61vw}.brand img{width:100%;height:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.product-image-button:hover img{transform:none}}