:root{--ink:#1c1c1c;--muted:#454545;--paper:#b3b3b3;--line:rgba(28,28,28,.2);--accent:#fff;--panel:#666;--olive:#7c7b6e;--radius:18px;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background-image:radial-gradient(#3737370c .8px,transparent .8px);background-size:12px 12px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:4px;box-shadow:0 0 0 6px #333}img{display:block;max-width:100%}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:#fff;padding:16px}.skip:focus{top:12px}.shell{width:calc(100% - 32px);max-width:1660px;margin:auto}
.nav-wrap{position:fixed;top:20px;left:0;right:0;z-index:50;pointer-events:none}.nav{display:flex;align-items:stretch;width:min(650px,calc(100% - 32px));margin:auto;gap:5px;pointer-events:auto}.logo{display:flex;align-items:center;justify-content:center;width:48px;flex-shrink:0;background:#292929b8;backdrop-filter:blur(16px);border:1px solid #ffffff1c;border-radius:6px;color:#fff;font-weight:900;font-style:italic;font-size:20px;letter-spacing:-1.5px}.nav-main{display:flex;align-items:center;gap:24px;flex:1;min-width:0;padding:14px 16px;background:#292929b8;backdrop-filter:blur(16px);border:1px solid #ffffff1c;border-radius:6px;color:#fff;font-size:14px}.brand-name{font-weight:700;white-space:nowrap;margin-right:auto}.nav-main>a:not(.brand-name){white-space:nowrap;color:#eee}.nav-main a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}.shop-link{display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#292929b8;backdrop-filter:blur(16px);border:1px solid #ffffff1c;border-radius:6px;color:#fff;padding:0 15px;font-size:14px}.shop-link:hover{background:#1c1c1c}
.hero{position:relative;isolation:isolate;margin:8px;min-height:500px;height:min(70vh,680px);max-height:720px;border-radius:12px;overflow:hidden;color:#fff;background:#060606}.hero-media{position:absolute;inset:0;overflow:hidden;z-index:-2}.hero-media img{position:absolute;height:1100px;width:auto;max-width:none;right:3%;top:-190px;filter:saturate(.65)}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,#050505c0 25%,transparent 56%),linear-gradient(0deg,#030303 0%,transparent 26%)}.hero-inner{position:relative;display:flex;align-items:flex-end;height:100%;padding:120px 28px 28px;max-width:1660px;margin:auto}.hero-copy{position:relative;max-width:540px}.eyebrow{font-family:"Courier New",monospace;font-size:12px;font-weight:600;letter-spacing:1.1px;text-transform:uppercase;line-height:1.5;margin:0 0 14px}.hero .eyebrow{display:inline-block;background:#fff;color:#151515;border-radius:2px;padding:4px 7px;letter-spacing:.3px}.hero h1{font-size:47px;line-height:1.12;letter-spacing:-1.5px;margin:0 0 16px;font-weight:900}.hero-english{display:block;font-family:Arial,sans-serif;letter-spacing:-2px;font-size:54px;line-height:1;margin-bottom:7px}.hero .lead{font-size:16px;line-height:1.75;color:#ececec;margin:0 0 24px}.hero-actions{display:flex;align-items:center;gap:25px}.hero-all{font-size:14px;text-decoration:underline;text-underline-offset:5px}.hero-caption{position:absolute;right:28px;bottom:30px;font:12px "Courier New",monospace;letter-spacing:1px;color:#ddd}
.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:46px;padding:14px 24px;background:#fff;color:#151515;border:1px solid transparent;border-radius:100px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#dededb;transform:translateY(-2px)}.button.accent{background:#222;color:#fff}.button.accent:hover{background:#444}
.collection-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 18px}.collection-heading h2{font-size:20px;margin:0;font-weight:600;letter-spacing:-.4px}.count{font:13px "Courier New",monospace}.catalog-layout{display:grid;grid-template-columns:minmax(230px,25.7%) minmax(0,1fr);gap:16px;padding-bottom:64px}.sidebar{position:sticky;top:90px;align-self:start;background:var(--panel);color:#fff;border-radius:6px;padding:17px 10px 12px}.side-label{font-size:14px;margin:0 0 12px;padding:0 3px 16px;border-bottom:1px solid #ffffff14}.filters{display:flex;flex-direction:column;gap:0}.filter{display:flex;align-items:center;gap:10px;text-align:left;border:0;background:transparent;color:#ededed;font-size:14px;padding:13px 5px;border-radius:3px}.filter:before{content:"";width:11px;height:11px;border:1px solid #ffffff55;border-radius:50%;flex-shrink:0}.filter small{margin-left:auto;font:12px "Courier New",monospace;color:#ddd}.filter small:before{content:"["}.filter small:after{content:"]"}.filter.active{color:#fff;font-weight:700}.filter.active:before{background:#666;border:3px solid #fff}.filter:hover{background:#ffffff0d}.side-note{border-top:1px solid #ffffff22;margin:18px 3px 0;padding-top:22px;color:#e2e2e2;font-size:14px;line-height:1.9}.side-note strong{display:block;color:#fff;font-size:16px;margin-bottom:8px}.side-note span{display:block;font:12px "Courier New",monospace;margin-top:20px;color:#eee}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 16px}.card{display:block;min-width:0}.cover-frame{position:relative;isolation:isolate;aspect-ratio:4/5;background:#8d8d84;border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:center}.cover-frame>img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s}.card:hover .cover-frame>img{transform:scale(1.035)}.card-badge{position:absolute;z-index:2;left:14px;top:14px;color:#262626;background:#fff;border-radius:2px;padding:5px 7px;font-size:12px;line-height:1.3;max-width:calc(100% - 28px)}.open-circle{position:absolute;right:14px;bottom:14px;width:32px;height:32px;background:#fff;color:#333;border-radius:50%;display:grid;place-items:center;font:22px Arial;transition:transform .2s}.card:hover .open-circle{transform:rotate(90deg)}.card .category{font:12px "Courier New",monospace;margin:15px 7px 7px;color:#444}.card h3{font-size:18px;line-height:1.45;margin:0 7px 8px;letter-spacing:-.4px}.card-description{font-size:14px;line-height:1.65;color:#333;margin:0 7px 15px;min-height:46px}.card-facts{display:flex;flex-direction:column;gap:7px;margin:0 6px}.card-facts>div{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:10px 8px;background:#a3a3a354;border:1px solid #81818166;border-radius:7px;font-size:12px}.card-facts b{font-weight:500;background:#646464;color:#fff;padding:5px 6px;border-radius:3px;font-size:12px}.card-more{display:block;font:12px "Courier New",monospace;margin:12px 7px 0;text-align:right}.card:hover .card-more{text-decoration:underline}
.type-cover{height:100%;width:100%;background:#929487;color:#1c1c1c;padding:34px 23px;display:flex;flex-direction:column;justify-content:space-between;gap:18px}.type-brand{font:12px "Courier New",monospace;letter-spacing:1px;border-bottom:1px solid #28282866;padding-bottom:14px}.type-cover strong{font-size:46px;line-height:1.3;letter-spacing:-2px}.type-en{font:14px Arial;line-height:1.45;letter-spacing:1px}.type-bottom{font:12px "Courier New",monospace;border-top:1px solid #28282866;padding-top:14px}
.bottom-banner{background:var(--olive);padding:60px 0 46px;color:#191919}.bottom-banner .shell{display:flex;align-items:center;justify-content:space-between;gap:36px}.bottom-banner h2{font-size:36px;letter-spacing:-1px;line-height:1.3;margin:0 0 18px}.bottom-banner p{font-size:16px;line-height:1.8;margin:0;color:#25251f}.bottom-banner .button{background:#fff;color:#222;white-space:nowrap}.footer{background:var(--olive);padding:28px 0}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-bottom:38px}.footer-brand{font-size:22px;font-weight:600}.footer-brand b{font-size:54px;font-style:italic;letter-spacing:-4px;margin-right:20px}.footer-links{display:flex;gap:28px;font-size:14px}.footer-links a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #33333344;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font:12px "Courier New",monospace;line-height:1.8}
.detail-page .nav-wrap{position:fixed;top:20px;padding:0}.detail-page #main{padding-top:94px}.breadcrumb{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 28px;font-size:13px;color:#444}.breadcrumb a:hover{text-decoration:underline}.detail-top{display:grid;grid-template-columns:1fr 1.08fr 1.06fr;gap:32px;align-items:center;padding-bottom:60px;min-height:560px}.detail-context{align-self:center}.detail-description{font-size:16px;line-height:1.9;color:#2e2e2e;margin:24px 0 0}.section-label{font:12px "Courier New",monospace;letter-spacing:1px;color:#494949;margin:0 0 15px}.specs{display:flex;flex-direction:column;gap:9px;margin:0}.specs>div{display:flex;justify-content:space-between;align-items:center;padding:14px 10px;border:1px solid #888;background:#a4a4a440;border-radius:7px;gap:14px}.specs dt{font-size:14px}.specs dd{margin:0;background:#666;color:#fff;padding:5px 8px;border-radius:3px;font:12px "Courier New",monospace;white-space:nowrap}.detail-visual{position:relative;display:flex;justify-content:center;align-items:center;border-radius:22px;overflow:hidden;background:#858779;aspect-ratio:4/5;min-height:470px}.detail-visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.detail-visual .type-cover{position:absolute;inset:0;padding:44px 30px}.detail-visual .type-cover strong{font-size:58px}.image-caption{position:absolute;bottom:12px;left:12px;background:#ffffffdc;color:#292929;font-size:12px;padding:6px 8px;border-radius:3px}.detail-copy .eyebrow{color:#454545;overflow-wrap:anywhere}.detail-copy h1{font-size:36px;line-height:1.22;letter-spacing:-1px;margin:0 0 22px}.detail-intro{font-size:17px;line-height:1.85;margin:0 0 28px}.purchase-box{border-top:1px solid var(--line);padding-top:23px}.purchase-box .price-label{font-size:17px;font-weight:600;color:#222;margin:0 0 10px}.purchase-box p{font-size:14px;line-height:1.8;color:#3e3e3e;margin:0 0 20px}.purchase-box .button{width:100%;min-height:54px}.purchase-box .purchase-note{font-size:12px;line-height:1.9;margin:18px 0 0;border:1px solid #888;border-radius:7px;padding:14px;background:#a3a3a354}
.detail-anchor-nav{display:flex;gap:36px;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:15px}.detail-anchor-nav a:hover{text-decoration:underline;text-underline-offset:5px}.detail-section{padding:56px 0;border-bottom:1px solid var(--line)}.detail-section h2{font-size:35px;letter-spacing:-1px;margin:0 0 32px}.highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.highlight{padding:26px;background:#a2a2a257;border:1px solid #888;border-radius:10px}.highlight .num{font:12px "Courier New",monospace;color:#444}.highlight h3{font-size:22px;line-height:1.4;margin:16px 0}.highlight p,.audience-copy{font-size:16px;line-height:1.85;margin:0;color:#333}.contents-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:60px}.contents-layout p{font-size:15px;line-height:1.8;color:#444}.chapters{list-style:none;padding:0;margin:0}.chapters li{display:flex;align-items:baseline;gap:24px;padding:19px 0;border-bottom:1px solid var(--line);font-size:17px;line-height:1.6}.chapters li:first-child{padding-top:0}.chapters li span{font:12px "Courier New",monospace;color:#484848}.format-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}.format-list li{font-size:14px;padding:12px 18px;border:1px solid #777;border-radius:100px}.format-note{font-size:14px;line-height:1.85;color:#3f3f3f}.health-note{border-left:3px solid #666;margin-top:24px;padding-left:16px;font-size:14px;line-height:1.8;color:#333}.faq{max-width:1000px;margin-top:26px}.faq details{border:1px solid #888;background:#a3a3a330;border-radius:7px;margin:10px 0;padding:23px}.faq summary{font-size:16px;font-weight:600;cursor:pointer}.faq details p{font-size:15px;color:#333;line-height:1.9;margin:18px 0 0}.related{padding:54px 0 64px}.related h2{font-size:34px;margin:0 0 30px;letter-spacing:-1px}.related .grid{grid-template-columns:repeat(3,1fr);max-width:1060px}.mobile-purchase{display:none}.not-found{min-height:75vh;padding-top:160px}.not-found h1{font-size:42px}[hidden]{display:none!important}
@media(min-width:1600px){.hero-media img{right:10%;height:1300px;top:-225px}.hero-inner{padding-left:40px;padding-right:40px}.hero h1{font-size:55px}.hero-english{font-size:65px}.hero-copy{max-width:620px}.detail-top{gap:40px}.detail-copy h1{font-size:44px}.detail-visual{min-height:600px}}
@media(max-width:1100px){.catalog-layout{grid-template-columns:220px 1fr}.grid{gap:28px 14px}.cover-frame{border-radius:14px}.card-badge{left:10px;top:10px;font-size:12px}.card-facts>div{padding:9px 6px;flex-wrap:wrap}.type-cover{padding:32px 18px 22px}.type-cover strong{font-size:34px}.type-brand,.type-bottom{font-size:12px}.type-en{font-size:12px}.detail-top{gap:22px;grid-template-columns:.85fr 1fr 1fr}.detail-visual{min-height:400px}.detail-copy h1{font-size:30px}.detail-intro{font-size:16px}.detail-description{font-size:15px}.specs>div{flex-wrap:wrap;gap:10px}.detail-visual .type-cover strong{font-size:44px}.hero-media img{right:-5%}}
@media(max-width:800px){.nav{width:min(650px,calc(100% - 28px))}.nav-main{gap:15px;padding:13px 12px}.nav-main>a:not(.brand-name){display:none}.nav-wrap,.detail-page .nav-wrap{top:14px}.logo{width:44px}.shop-link{padding:0 13px}.hero{min-height:540px;height:72vh;max-height:690px}.hero-inner{padding:110px 22px 28px}.hero-media img{height:960px;top:-110px;right:-145px}.hero-media:after{background:linear-gradient(0deg,#030303 0%,#030303cc 30%,transparent 63%),linear-gradient(90deg,#05050599,transparent 50%)}.hero h1{font-size:40px}.hero-english{font-size:48px}.hero .lead{font-size:15px}.hero-caption{display:none}.hero-actions{gap:20px}.shell{width:calc(100% - 28px)}.collection-heading{margin:25px 0 18px}.catalog-layout{display:block}.sidebar{position:static;background:transparent;padding:0;margin-bottom:22px;border-radius:0}.side-label,.side-note{display:none}.filters{flex-direction:row;gap:7px;overflow-x:auto;padding:0 0 8px;scrollbar-width:thin;scrollbar-color:#777 transparent}.filter{background:#96969688;border:1px solid #777;color:#222;padding:11px 15px;white-space:nowrap;border-radius:5px}.filter.active{background:#666;border-color:#666}.filter:before,.filter small{display:none}.filter:hover{background:#777;color:#fff}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 14px}.card h3{font-size:18px}.card-description{min-height:0}.card-facts>div{flex-wrap:nowrap}.type-cover strong{font-size:42px}.type-cover{padding:36px 22px 28px}.bottom-banner .shell{align-items:flex-start}.bottom-banner h2{font-size:29px}.bottom-banner p{font-size:15px}.footer-top{gap:25px}.footer-brand{font-size:18px}.footer-brand b{font-size:42px;margin-right:12px}.footer-links{gap:18px;font-size:14px}.footer-bottom{flex-direction:column;gap:9px}.detail-page #main{padding-top:78px}.detail-top{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"visual copy" "context context";gap:32px 24px;align-items:start;padding-bottom:40px}.detail-visual{grid-area:visual;min-height:370px}.detail-copy{grid-area:copy}.detail-context{grid-area:context}.detail-context .specs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.detail-copy h1{font-size:29px}.detail-intro{font-size:16px}.detail-description{font-size:16px}.detail-section{padding:40px 0}.detail-section h2,.related h2{font-size:29px}.highlights{gap:12px}.highlight{padding:20px}.highlight h3{font-size:20px}.highlight p{font-size:15px}.contents-layout{gap:30px}.detail-page{padding-bottom:76px}.mobile-purchase{position:fixed;bottom:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;background:#b3b3b3f0;backdrop-filter:blur(18px);border-top:1px solid #888}.mobile-purchase span{font-size:14px}.mobile-purchase .button{font-size:14px;min-height:44px;padding:12px 22px}.related .grid{grid-template-columns:repeat(2,1fr)}.related .card:last-child{display:none}}
@media(max-width:540px){.hero{height:600px;min-height:0}.hero-media img{height:1020px;right:-165px;top:-145px}.hero-copy{max-width:320px}.hero h1{font-size:34px}.hero-english{font-size:45px}.hero .lead{font-size:15px;line-height:1.7;margin-bottom:20px}.hero-inner{padding:100px 20px 27px}.nav-main{font-size:13px}.shop-link{font-size:13px}.brand-name{letter-spacing:-.3px}.nav{gap:4px}.logo{font-size:18px;width:42px}.button{font-size:14px;padding:13px 20px}.hero-all{font-size:13px}.hero .eyebrow{font-size:12px}.collection-heading h2{font-size:19px}.count{font-size:12px}.cover-frame{aspect-ratio:3/4;border-radius:12px}.card-badge{top:9px;left:8px;padding:4px 5px;max-width:calc(100% - 16px);font-size:12px}.card h3{font-size:16px;line-height:1.55;margin-left:2px;margin-right:2px}.card .category{font-size:12px;line-height:1.6;margin-left:2px;margin-right:2px}.card-description{font-size:14px;line-height:1.7;margin-left:2px;margin-right:2px}.card-facts{margin-left:0;margin-right:0}.card-facts>div{display:block;font-size:12px;padding:9px 8px}.card-facts b{display:block;width:fit-content;max-width:100%;margin-top:7px;font-size:12px}.card-more{font-size:12px;margin-right:2px}.open-circle{width:29px;height:29px;right:9px;bottom:9px}.type-cover{padding:38px 17px 25px;justify-content:center;gap:21px}.type-cover strong{font-size:31px;letter-spacing:-1px;line-height:1.35}.card .type-brand,.card .type-bottom{display:none}.type-en{font-size:12px;letter-spacing:0}.bottom-banner{padding:42px 0 32px}.bottom-banner .shell{flex-direction:column;gap:26px}.bottom-banner h2{font-size:28px}.footer-top{flex-direction:column;align-items:flex-start}.footer-brand{font-size:19px}.footer-links{font-size:14px}.footer-brand b{font-size:42px}.detail-top{grid-template-columns:1fr;grid-template-areas:"visual" "copy" "context";gap:28px}.detail-visual{min-height:0;aspect-ratio:4/5;max-width:430px;width:100%;margin:auto}.breadcrumb{font-size:12px;line-height:1.7;margin:16px 0 22px}.detail-copy h1{font-size:34px}.detail-copy .eyebrow{font-size:12px}.detail-intro{font-size:17px;line-height:1.8}.detail-visual .type-cover{padding:55px 30px;justify-content:space-between}.detail-visual .type-cover strong{font-size:48px}.detail-context .specs{grid-template-columns:1fr}.specs>div{flex-wrap:nowrap}.detail-anchor-nav{gap:24px;font-size:14px}.highlights{grid-template-columns:1fr}.highlight{padding:24px}.highlight p{font-size:16px}.contents-layout{grid-template-columns:1fr;gap:22px}.chapters li{font-size:16px;gap:20px}.faq details{padding:20px}.mobile-purchase span{font-size:12px}.related .grid{gap:25px 14px}}
.detail-visual:has(>img){flex-direction:column;aspect-ratio:auto;min-height:0;padding:12px;gap:12px;border-radius:12px}
.detail-visual>img{position:static;width:100%;height:auto;object-fit:contain}
.detail-visual:has(>img) .image-caption{position:static;align-self:flex-start}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
