:root{--dark:#1e1e1e;--dark2:#171717;--accent:#e0631c;--cream:#e9e6e0;--cream2:#e1ddd5;--paper:#f2f0ec;--rust:#a8927a;--rust2:#8a7460;--gold:#a9845a;--muted:#1e1e1e94;--line:#1e1e1e24;--line-l:#e9e6e02e;--font:"Noto Sans TC", "PingFang TC", -apple-system, "Helvetica Neue", Arial, sans-serif;--mono:"DM Mono", ui-monospace, "SF Mono", Menlo, monospace;--maxw:1320px;--pad:clamp(16px, 4vw, 56px);--photo-tone:saturate(.9) sepia(.08) contrast(.96) brightness(1.01)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--cream);color:var(--dark);-webkit-font-smoothing:antialiased;letter-spacing:.01em;line-height:1.7;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,select{font:inherit;color:inherit}.wrap{max-width:var(--maxw);padding:0 var(--pad);margin:0 auto}.eyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:12px}.h1{letter-spacing:.02em;font-size:clamp(30px,4.6vw,60px);font-weight:600;line-height:1.12}.h2{letter-spacing:.02em;font-size:clamp(24px,3vw,40px);font-weight:600;line-height:1.2}.lead{color:var(--muted);max-width:46em}.section{padding:clamp(56px,9vw,120px) 0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(24px,4vw,44px);display:flex}.more{font-family:var(--mono);letter-spacing:.16em;white-space:nowrap;border-bottom:1px solid;padding-bottom:4px;font-size:12px}.more:hover{color:var(--accent)}.ph{background:var(--rust);position:relative;overflow:hidden}.ph img{object-fit:cover;width:100%;height:100%;filter:var(--photo-tone);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}a:hover .ph img,.ph:hover img{transform:scale(1.04)}.ph.product{background:var(--paper)}.ph.product img{object-fit:contain;mix-blend-mode:multiply;padding:6%}.ph .tag{z-index:2;font-family:var(--mono);letter-spacing:.12em;background:#e9e6e0e0;border-radius:3px;padding:3px 8px;font-size:11px;position:absolute;top:12px;left:12px}.ratio-34{aspect-ratio:3/4}.ratio-45{aspect-ratio:4/5}.ratio-43{aspect-ratio:4/3}.ratio-169{aspect-ratio:16/9}.ratio-11{aspect-ratio:1}.hdr{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#e9e6e0eb;position:sticky;top:0}.hdr-in{justify-content:space-between;align-items:center;gap:20px;height:68px;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo img{width:auto;height:42px}.logo span{font-family:var(--mono);letter-spacing:.3em;color:var(--gold);font-size:11px}.nav{align-items:center;gap:clamp(14px,2vw,30px);font-size:15px;display:flex}.nav>a,.nav .dd>a{padding:8px 0;position:relative}.nav>a:hover,.nav .dd>a:hover,.nav a.on{color:var(--accent)}.dd{position:relative}.dd-menu{background:var(--paper);border:1px solid var(--line);min-width:200px;padding:10px 0;display:none;position:absolute;top:100%;left:-18px;box-shadow:0 18px 40px #00000014}.dd:hover .dd-menu,.dd:focus-within .dd-menu{display:block}.dd-menu a{padding:7px 18px;font-size:14px;display:block}.dd-menu a:hover{background:var(--cream2);color:var(--accent)}.burger{justify-content:center;align-items:center;width:40px;height:40px;display:none}.burger i{background:var(--dark);width:22px;height:1.5px;display:block;position:relative}.burger i:before,.burger i:after{content:"";background:var(--dark);width:22px;height:1.5px;position:absolute;left:0}.burger i:before{top:-7px}.burger i:after{top:7px}.mnav{display:none}@media (max-width:900px){.nav{display:none}.burger{display:flex}.mnav.open{background:var(--cream);padding:20px var(--pad) 60px;z-index:49;display:block;position:fixed;inset:68px 0 0;overflow:auto}.mnav a{border-bottom:1px solid var(--line);padding:12px 0;font-size:17px;display:block}.mnav .sub{color:var(--muted);padding-left:14px;font-size:15px}}.hero{height:min(86vh,820px);min-height:460px;color:var(--cream);background:var(--dark);position:relative;overflow:hidden}.hero .ph{position:absolute;inset:0}.hero .ph img{opacity:.82}.hero:after{content:"";background:linear-gradient(#0000000d 30%,#0000008c);position:absolute;inset:0}.hero-txt{z-index:2;position:absolute;bottom:clamp(32px,7vw,80px);left:0;right:0}.hero-txt .h1{text-shadow:0 2px 24px #00000040;max-width:14em}.hero-txt p{color:#e9e6e0db;max-width:34em;margin-top:14px}.btn{background:var(--accent);color:#fff;border-radius:4px;align-items:center;gap:22px;margin-top:26px;padding:15px 22px;font-size:15px;font-weight:600;transition:transform .3s,background .3s;display:inline-flex}.btn:hover{background:#c95514;transform:translateY(-2px)}.btn.ghost{color:inherit;background:0 0;border:1px solid}.grid{gap:clamp(14px,2vw,26px);display:grid}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.g6{grid-template-columns:repeat(6,1fr)}@media (max-width:1000px){.g4,.g6{grid-template-columns:repeat(3,1fr)}}@media (max-width:720px){.g4,.g3,.g6{grid-template-columns:repeat(2,1fr)}.g2{grid-template-columns:1fr}}.card .meta{justify-content:space-between;gap:10px;padding-top:12px;font-size:14px;display:flex}.card .meta .nm{line-height:1.45}.card .meta .sub{color:var(--muted);margin-top:2px;font-size:12px}.card .meta .pr{font-family:var(--mono);white-space:nowrap;font-size:13px}.card:hover .nm{color:var(--accent)}.cat{display:block;position:relative}.cat .ph{background:var(--paper)}.cat .ph img{object-fit:contain;mix-blend-mode:multiply;padding:12%}.cat .lbl{letter-spacing:.2em;font-size:18px;font-weight:600;position:absolute;bottom:12px;left:14px}.cat .no{font-family:var(--mono);letter-spacing:.14em;color:var(--muted);font-size:11px;position:absolute;top:12px;left:14px}.dark{background:var(--dark);color:var(--cream)}.dark .lead{color:#e9e6e0a8}.dark .card .meta .sub{color:#e9e6e08c}.page-head{padding:clamp(36px,6vw,72px) 0 clamp(20px,3vw,32px)}.banner{height:clamp(180px,26vw,320px);color:var(--cream);background:var(--dark);position:relative}.banner .ph{position:absolute;inset:0}.banner .ph img{opacity:.75}.banner .wrap{z-index:2;flex-direction:column;justify-content:flex-end;height:100%;padding-bottom:28px;display:flex;position:relative}.tabs{flex-wrap:wrap;gap:8px;margin:4px 0;display:flex}.tabs a,.chip{border:1px solid var(--line);white-space:nowrap;background:0 0;border-radius:999px;padding:6px 14px;font-size:14px}.tabs a:hover,.chip:hover{border-color:var(--dark)}.tabs a.on,.chip.on{background:var(--dark);color:var(--cream);border-color:var(--dark)}.tabs a small{opacity:.6;margin-left:4px}.filters{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0 28px;padding:18px 0;display:flex}.filters select,.filters input{border:1px solid var(--line);background:var(--paper);border-radius:4px;min-width:0;height:38px;padding:0 12px}.filters input[type=search]{flex:220px}.filters input[type=number]{width:110px}.filters button{background:var(--dark);height:38px;color:var(--cream);border-radius:4px;padding:0 18px}.filters .clear{color:var(--muted);font-size:13px;text-decoration:underline}.count{font-family:var(--mono);letter-spacing:.12em;color:var(--muted);font-size:12px}.pager{flex-wrap:wrap;justify-content:center;gap:6px;margin:48px 0 10px;display:flex}.pager a,.pager span{border:1px solid var(--line);min-width:38px;height:38px;font-family:var(--mono);border-radius:4px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;display:inline-flex}.pager .on{background:var(--dark);color:var(--cream);border-color:var(--dark)}.pager a:hover{border-color:var(--dark)}.empty{text-align:center;color:var(--muted);padding:80px 0}.pdp{grid-template-columns:1.25fr 1fr;gap:clamp(24px,4vw,64px);padding:clamp(24px,4vw,48px) 0;display:grid}@media (max-width:860px){.pdp{grid-template-columns:1fr}}.crumb{font-family:var(--mono);letter-spacing:.1em;color:var(--muted);padding-top:24px;font-size:12px}.crumb a:hover{color:var(--accent)}.gal-main{cursor:zoom-in}.thumbs{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:10px;display:grid}.thumbs button{padding:0}.thumbs .ph{aspect-ratio:1;outline:1px solid #0000}.thumbs .on .ph{outline:2px solid var(--dark)}.info h1{font-size:clamp(22px,2.6vw,32px);font-weight:600;line-height:1.35}.info .price{font-family:var(--mono);color:var(--accent);margin:16px 0 22px;font-size:22px}.spec{border-top:1px solid var(--line)}.spec div{border-bottom:1px solid var(--line);grid-template-columns:7em 1fr;gap:12px;padding:11px 0;font-size:15px;display:grid}.spec dt{color:var(--muted)}.mark{white-space:pre-wrap;background:var(--paper);border-left:3px solid var(--accent);margin-top:22px;padding:16px 18px;font-size:14px;line-height:1.9}.ask{background:var(--dark);color:var(--cream);border-radius:4px;margin-top:26px;padding:20px;font-size:14px}.ask b{font-size:17px;font-family:var(--mono);letter-spacing:.04em}.video{aspect-ratio:16/9;background:#000;border:0;width:100%}.lb{z-index:100;background:#0f0f0ff0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lb img{object-fit:contain;max-width:92vw;max-height:86vh}.lb button{color:#fff;width:56px;height:56px;font-size:28px;position:absolute}.lb .x{top:10px;right:10px}.lb .pv{top:50%;left:6px}.lb .nx{top:50%;right:6px}.lb .n{text-align:center;color:#ffffffb3;font-family:var(--mono);font-size:12px;position:absolute;bottom:18px;left:0;right:0}.store{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px);padding:36px 0;display:grid}@media (max-width:800px){.store{grid-template-columns:1fr}}.store h3{font-size:22px;font-weight:600}.store p{color:var(--muted);margin-top:6px}.store iframe{aspect-ratio:16/10;filter:grayscale(.4)sepia(.1);border:0;width:100%;margin-top:16px}.store .pics{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.timeline{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.timeline>div{background:var(--cream);padding:26px 24px}.timeline b{font-family:var(--mono);color:var(--accent);letter-spacing:.1em;font-size:14px}.timeline h4{margin:8px 0 6px;font-size:17px}.timeline p{color:var(--muted);font-size:14px}@media (max-width:800px){.timeline{grid-template-columns:1fr}}.qa{border-top:1px solid var(--line);padding:26px 0}.qa summary{cursor:pointer;justify-content:space-between;gap:20px;font-size:18px;font-weight:600;list-style:none;display:flex}.qa summary:after{content:"＋";color:var(--accent)}.qa[open] summary:after{content:"－"}.qa .body{white-space:pre-wrap;color:var(--muted);margin-top:14px}.pre{white-space:pre-wrap}.ftr{background:var(--dark2);color:var(--cream);margin-top:0;padding:64px 0 28px}.ftr .cols{grid-template-columns:1.3fr 1fr 1fr;gap:32px;display:grid}@media (max-width:800px){.ftr .cols{grid-template-columns:1fr}}.ftr h5{font-family:var(--mono);letter-spacing:.18em;color:var(--accent);margin-bottom:14px;font-size:11px;font-weight:500}.ftr p,.ftr a{color:#e9e6e0bf;font-size:14px;line-height:2}.ftr a:hover{color:#fff}.ftr .copy{border-top:1px solid var(--line-l);font-family:var(--mono);letter-spacing:.12em;color:#e9e6e073;margin-top:48px;padding-top:20px;font-size:11px}