:root{--c-bg:#f2ece4;--c-bg-alt:#eae2d6;--c-surface:#fbf8f3;--c-ink:#3a322b;--c-ink-soft:#5b5046;--c-muted:#6f655b;--c-line:#d9ccbc;--c-taupe:#b5a695;--c-accent:#7a7b68;--c-accent-deep:#62634f;--c-walnut:#8b6b4f;--c-cream:#f7f2ea;--font-sans:"Inter", "Noto Sans TC", "PingFang HK", "Microsoft JhengHei", system-ui, sans-serif;--fs-display:clamp(2.7rem, 6vw, 4.9rem);--fs-h1:clamp(2rem, 4.2vw, 3.2rem);--fs-h2:clamp(1.55rem, 3vw, 2.35rem);--fs-h3:1.2rem;--fs-body:1rem;--fs-small:.875rem;--fs-label:.72rem;--lh-tight:1.12;--lh-body:1.85;--tracking-label:.18em;--tracking-tight:-.02em;--measure:60ch;--sp-1:.5rem;--sp-2:.75rem;--sp-3:1rem;--sp-4:1.5rem;--sp-5:2.25rem;--sp-6:3.5rem;--sp-7:5.5rem;--sp-8:7.5rem;--r-xs:2px;--r-sm:4px;--r-md:8px;--r-pill:999px;--shadow-1:0 1px 1px #3a322b0a;--shadow-2:0 18px 48px #3a322b14;--container:1180px;--container-narrow:720px;--header-h:72px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body,h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote{margin:0}ul,ol{padding:0;list-style:none}img,svg{max-width:100%;height:auto;display:block}button,input,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}body{background:var(--c-bg);color:var(--c-ink);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}::selection{background:var(--c-taupe);color:var(--c-ink)}:focus-visible{outline:2px solid var(--c-accent-deep);outline-offset:3px}.display{font-size:var(--fs-display);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);font-weight:400}h1,.h1{font-size:var(--fs-h1);letter-spacing:var(--tracking-tight);font-weight:400;line-height:1.16}h2,.h2{font-size:var(--fs-h2);letter-spacing:-.015em;font-weight:400;line-height:1.22}h3,.h3{font-size:var(--fs-h3);font-weight:500;line-height:1.4}p{max-width:var(--measure)}.lede{color:var(--c-ink-soft);font-size:1.06rem}.muted{color:var(--c-muted)}.small{font-size:var(--fs-small)}.eyebrow{font-size:var(--fs-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--c-muted);font-weight:500}.serif-num{font-variant-numeric:tabular-nums}.container{width:min(100% - 2.5rem, var(--container));margin-inline:auto}.container-narrow{width:min(100% - 2.5rem, var(--container-narrow));margin-inline:auto}.section{padding-block:var(--sp-7)}.section--tight{padding-block:var(--sp-6)}.section--alt{background:var(--c-bg-alt)}.section--ink{background:var(--c-ink);color:var(--c-cream)}.section-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-4);margin-bottom:var(--sp-6);display:flex}.section-head p{margin-top:var(--sp-2)}.rule{background:var(--c-line);border:0;height:1px}.skip-link{z-index:100;background:var(--c-ink);color:var(--c-cream);padding:.75rem 1rem;position:absolute;top:0;left:-9999px}.skip-link:focus{top:1rem;left:1rem}.announce{background:var(--c-ink);color:var(--c-cream);letter-spacing:.08em;text-align:center;padding:.55rem 1rem;font-size:.78rem}.announce a{border-bottom:1px solid #f7f2ea59}.announce-mobile{display:none}.site-header{z-index:50;background:color-mix(in srgb, var(--c-bg) 88%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--c-line);position:sticky;top:0}.header-inner{min-height:var(--header-h);align-items:center;gap:var(--sp-5);display:flex}.wordmark{white-space:nowrap;align-items:baseline;gap:.55rem;display:flex}.wordmark strong{letter-spacing:.08em;font-size:1.28rem;font-weight:500}.wordmark span{letter-spacing:.22em;color:var(--c-muted);text-transform:uppercase;font-size:.6rem}.nav{gap:var(--sp-4);margin-left:auto;display:flex}.nav a{color:var(--c-ink-soft);border-bottom:1px solid #0000;padding:.35rem 0;font-size:.9rem}.nav a:hover{border-color:var(--c-taupe);color:var(--c-ink)}.header-actions{align-items:center;gap:.5rem;display:flex}.icon-btn{border-radius:var(--r-sm);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:.45rem;min-width:44px;min-height:44px;padding:0 .7rem;display:inline-flex}.icon-btn:hover{border-color:var(--c-line);background:var(--c-surface)}.cart-count{background:var(--c-accent);min-width:1.25rem;height:1.25rem;color:var(--c-cream);border-radius:var(--r-pill);place-items:center;padding:0 .3rem;font-size:.68rem;line-height:1;display:inline-grid}.mobile-nav{display:none}.btn{border:1px solid var(--c-ink);border-radius:var(--r-xs);background:var(--c-ink);min-height:48px;color:var(--c-cream);letter-spacing:.05em;cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:.86rem;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.btn:hover{background:#2c2620}.btn--ghost{color:var(--c-ink);border-color:var(--c-taupe);background:0 0}.btn--ghost:hover{background:var(--c-surface)}.btn--light{background:var(--c-cream);color:var(--c-ink);border-color:var(--c-cream)}.btn--light:hover{background:#fff}.btn--block{width:100%}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn-row{flex-wrap:wrap;gap:.75rem;display:flex}.hero{padding-block:var(--sp-6) var(--sp-5)}.hero-grid{gap:var(--sp-6);grid-template-columns:1.02fr .98fr;align-items:center;display:grid}.hero-copy .eyebrow{margin-bottom:var(--sp-3)}.hero-copy h1{font-size:var(--fs-display);line-height:var(--lh-tight);letter-spacing:-.025em}.hero-copy .lede{margin-top:var(--sp-4);max-width:46ch}.hero-copy .btn-row{margin-top:var(--sp-5)}.btn .ico{flex:none}.hero-meta{margin-top:var(--sp-5);color:var(--c-muted);flex-wrap:wrap;gap:1.25rem;font-size:.8rem;display:flex}.hero-meta li{align-items:center;gap:.4rem;display:flex}.hero-media{position:relative}.hero-media img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-xs);width:100%}.hero-caption{color:var(--c-ink-soft);letter-spacing:.1em;border-left:2px solid var(--c-taupe);padding-left:.7rem;font-size:.72rem;position:absolute;bottom:1rem;left:1rem}.usp{border-block:1px solid var(--c-line);background:var(--c-surface)}.usp-grid{grid-template-columns:repeat(4,1fr);display:grid}.usp-item{border-left:1px solid var(--c-line);align-items:center;gap:.7rem;padding:1.15rem 1.25rem;font-size:.84rem;display:flex}.usp-item:first-child{border-left:0}.usp-item svg{color:var(--c-accent-deep);flex:none}.grid-3{gap:var(--sp-4);grid-template-columns:repeat(3,1fr);display:grid}.grid-2{gap:var(--sp-5);grid-template-columns:repeat(2,1fr);display:grid}.card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-sm);padding:var(--sp-4)}.value-card{padding:var(--sp-5) var(--sp-4)}.value-card .num{letter-spacing:.18em;color:var(--c-muted);font-size:.72rem}.value-card h3{margin:1rem 0 .5rem}.value-card p{color:var(--c-ink-soft);font-size:.92rem}.product-grid{gap:var(--sp-4);grid-template-columns:repeat(4,1fr);display:grid}.product-card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-sm);flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-2);transform:translateY(-3px)}.product-card__media{background:#e7dccb;position:relative;overflow:hidden}.product-card__media img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .5s;transform:scale(1.05)}.product-card:hover .product-card__media img{transform:scale(1.09)}.product-card__badge{background:var(--c-surface);color:var(--c-ink-soft);letter-spacing:.08em;border-radius:var(--r-xs);padding:.28rem .55rem;font-size:.68rem;position:absolute;top:.7rem;left:.7rem}.product-card__body{flex-direction:column;flex:1;gap:.45rem;padding:1.1rem 1.1rem 1.25rem;display:flex}.product-card__top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.product-card h3{font-size:1.05rem;font-weight:500}.product-card__meta{color:var(--c-muted);font-size:.8rem}.product-card__price{color:var(--c-ink-soft);align-items:center;gap:.4rem;margin-top:auto;font-size:.9rem;display:inline-flex}.product-card__price:after{content:"→";color:var(--c-walnut);transition:transform .2s}.product-card:hover .product-card__price:after{transform:translate(3px)}.chip{border:1px solid var(--c-taupe);color:var(--c-ink-soft);border-radius:var(--r-pill);letter-spacing:.06em;white-space:nowrap;align-items:center;padding:.12rem .55rem;font-size:.68rem;display:inline-flex}.card-link{position:absolute;inset:0}.story-grid{gap:var(--sp-6);grid-template-columns:.92fr 1.08fr;align-items:center;display:grid}.story-media img{aspect-ratio:5/4;object-fit:cover;border-radius:var(--r-xs);width:100%}.story-copy h2{margin-bottom:var(--sp-3)}.story-copy p+p{margin-top:var(--sp-3)}.glyph{border:1px solid var(--c-taupe);width:3.2rem;height:3.2rem;color:var(--c-ink-soft);justify-content:center;align-items:center;margin-right:.4rem;font-size:1.35rem;display:inline-flex}.chooser{background:var(--c-line);border:1px solid var(--c-line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.chooser__col{background:var(--c-surface);padding:var(--sp-5) var(--sp-4)}.chooser__col h3{margin-bottom:.6rem}.chooser__col p{color:var(--c-ink-soft);font-size:.9rem}.chooser__col a{border-bottom:1px solid var(--c-taupe);margin-top:1rem;font-size:.82rem;display:inline-block}.thickness{gap:var(--sp-4);border-bottom:1px solid var(--c-line);padding-bottom:var(--sp-3);grid-template-columns:repeat(5,1fr);align-items:end;display:grid}.thickness__item{text-align:left}.thickness__bar{border:1px solid var(--c-line);background:linear-gradient(#fdfaf5 0%,#f2eade 16%,#ddcdb8 100%);border-top:0;border-radius:2px 2px 0 0;margin-bottom:.7rem;position:relative;box-shadow:inset 0 1px #fff,0 1px 2px #3a322b0d}.thickness__bar:before{content:"";background:#e3d7c6;border-bottom:1px solid #d9ccbc;height:7px;position:absolute;inset:0 0 auto}.thickness__item strong{font-size:.95rem;font-weight:500}.thickness__item span{color:var(--c-muted);font-size:.78rem;display:block}.steps{gap:var(--sp-4);counter-reset:step;grid-template-columns:repeat(4,1fr);display:grid}.step{padding-top:var(--sp-4);border-top:1px solid var(--c-line)}.step .num{letter-spacing:.18em;color:var(--c-muted);font-size:.72rem}.step h3{margin:.7rem 0 .4rem;font-size:1rem}.step p{color:var(--c-ink-soft);font-size:.88rem}.faq{border-top:1px solid var(--c-line)}.faq-rail{top:calc(var(--header-h) + 2rem);align-self:start;position:sticky}.faq details{border-bottom:1px solid var(--c-line)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 0;font-size:1rem;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--c-muted);font-size:1.1rem}.faq details[open] summary:after{content:"−"}.faq .answer{color:var(--c-ink-soft);max-width:62ch;padding-bottom:1.2rem;font-size:.92rem}.cta-band{justify-content:space-between;align-items:center;gap:var(--sp-5);display:flex}.cta-band h2{max-width:22ch}.cta-band p{color:#f7f2eab8;margin-top:.6rem;font-size:.92rem}.site-footer{background:var(--c-ink);color:var(--c-cream);padding-block:var(--sp-6) var(--sp-4)}.footer-grid{gap:var(--sp-5);grid-template-columns:1.4fr 1fr 1fr 1fr;display:grid}.site-footer h4{letter-spacing:.18em;text-transform:uppercase;color:#f7f2ea8c;margin-bottom:1rem;font-size:.72rem;font-weight:500}.site-footer a{color:#f7f2ead1;font-size:.9rem}.site-footer a:hover{color:#fff}.site-footer li+li{margin-top:.55rem}.footer-brand p{color:#f7f2ea9e;max-width:34ch;margin-top:.8rem;font-size:.88rem}.footer-bottom{margin-top:var(--sp-5);padding-top:var(--sp-3);color:#f7f2ea8c;border-top:1px solid #f7f2ea24;justify-content:space-between;gap:1rem;font-size:.78rem;display:flex}.pdp{gap:var(--sp-6);grid-template-columns:1.05fr .95fr;align-items:start;display:grid}.pdp-media img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-xs);width:100%}.pdp-thumbs{grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:.6rem;display:grid}.pdp-thumbs img{aspect-ratio:1;object-fit:cover;border:1px solid var(--c-line);border-radius:var(--r-xs)}.breadcrumb{color:var(--c-muted);margin-bottom:var(--sp-4);flex-wrap:wrap;gap:.45rem;font-size:.78rem;display:flex}.pdp-info h1{margin:.5rem 0 .75rem}.pdp-price{margin:var(--sp-3) 0;font-size:1.35rem}.field{margin-top:var(--sp-4)}.field>legend,.field>label{letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);margin-bottom:.55rem;font-size:.76rem;display:block}.pills{flex-wrap:wrap;gap:.5rem;display:flex}.pill{position:relative}.pill input{opacity:0;cursor:pointer;position:absolute;inset:0}.pill span{border:1px solid var(--c-line);border-radius:var(--r-xs);background:var(--c-surface);justify-content:center;align-items:center;min-height:44px;padding:.5rem 1rem;font-size:.86rem;display:inline-flex}.pill input:checked+span{border-color:var(--c-ink);background:var(--c-ink);color:var(--c-cream)}.pill input:focus-visible+span{outline:2px solid var(--c-accent-deep);outline-offset:2px}select{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-xs);width:100%;min-height:48px;padding:.55rem .8rem}.spec-table{border-collapse:collapse;width:100%;margin-top:var(--sp-4);font-size:.9rem}.spec-table th,.spec-table td{text-align:left;border-bottom:1px solid var(--c-line);vertical-align:top;padding:.7rem 0}.spec-table th{width:34%;color:var(--c-muted);font-weight:400}.reassure{margin-top:var(--sp-4);color:var(--c-ink-soft);gap:.5rem;font-size:.86rem;display:grid}.reassure li{align-items:flex-start;gap:.5rem;display:flex}.buy-steps{margin-top:var(--sp-4);border-top:1px solid var(--c-line);padding-top:var(--sp-3);gap:.45rem;display:grid}.buy-steps li{color:var(--c-ink-soft);gap:.6rem;font-size:.82rem;display:flex}.buy-steps span{color:var(--c-muted);letter-spacing:.1em;padding-top:.18rem;font-size:.72rem}.related-grid{gap:var(--sp-4);grid-template-columns:repeat(3,1fr);display:grid}.split{gap:var(--sp-6);grid-template-columns:1.1fr .9fr;display:grid}.split--faq{grid-template-columns:.8fr 1.2fr}.cart-dialog{background:var(--c-surface);width:min(440px,100vw);height:100dvh;max-height:100dvh;color:var(--c-ink);border:0;margin:0 0 0 auto;padding:0}.cart-dialog::backdrop{backdrop-filter:blur(2px);background:#3a322b61}.cart-shell{flex-direction:column;height:100%;display:flex}.cart-head{border-bottom:1px solid var(--c-line);justify-content:space-between;align-items:center;padding:1.1rem 1.25rem;display:flex}.cart-head h2{letter-spacing:.08em;font-size:1rem}.cart-body{flex:1;padding:1rem 1.25rem;overflow:auto}.cart-empty{text-align:center;color:var(--c-muted);padding:3rem 0}.cart-line{border-bottom:1px solid var(--c-line);grid-template-columns:64px 1fr auto;gap:.8rem;padding:.9rem 0;display:grid}.cart-line img{object-fit:cover;border-radius:var(--r-xs);width:64px;height:64px}.cart-line h3{font-size:.9rem;font-weight:500}.cart-line p{color:var(--c-muted);font-size:.76rem}.qty{border:1px solid var(--c-line);border-radius:var(--r-xs);align-items:center;margin-top:.45rem;display:inline-flex}.qty button{cursor:pointer;background:0 0;border:0;width:32px;height:32px}.qty span{text-align:center;min-width:26px;font-size:.82rem}.cart-line__right{text-align:right;flex-direction:column;justify-content:space-between;display:flex}.link-btn{color:var(--c-muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:.74rem;text-decoration:underline}.cart-foot{border-top:1px solid var(--c-line);background:var(--c-surface);padding:1.1rem 1.25rem 1.4rem}.cart-total{justify-content:space-between;margin-bottom:.35rem;font-size:.95rem;display:flex}.cart-note{color:var(--c-muted);margin-bottom:.8rem;font-size:.74rem}.cart-foot .btn+.btn{margin-top:.5rem}.prose{max-width:68ch}.prose h2{margin:2.2rem 0 .8rem}.prose p,.prose li{color:var(--c-ink-soft);font-size:.95rem}.prose ul{margin:.8rem 0;padding-left:1.2rem;list-style:outside}.prose li+li{margin-top:.4rem}@media (width<=1024px){.product-grid,.usp-grid{grid-template-columns:repeat(2,1fr)}.usp-item:nth-child(3){border-left:0}.usp-item:nth-child(n+3){border-top:1px solid var(--c-line)}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}}@media (width<=860px){.nav{display:none}.mobile-nav{margin-left:auto;display:block;position:relative}.mobile-nav summary{cursor:pointer;place-items:center;min-width:44px;min-height:44px;list-style:none;display:grid}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{z-index:60;background:var(--c-surface);border:1px solid var(--c-line);min-width:13rem;box-shadow:var(--shadow-2);padding:.6rem;position:absolute;top:calc(100% + .5rem);right:0}.mobile-nav nav a{padding:.7rem .8rem;font-size:.92rem;display:block}.hero-grid,.story-grid,.pdp,.grid-2{grid-template-columns:1fr}.hero-media{order:-1}.hero-media img{aspect-ratio:4/3}.grid-3,.chooser,.steps,.split,.split--faq,.related-grid{grid-template-columns:1fr}.thickness{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem}.footer-grid{grid-template-columns:1fr 1fr}.cta-band{flex-direction:column;align-items:flex-start}}@media (width<=560px){:root{--sp-7:3.75rem;--sp-8:5rem;--header-h:62px}.announce{white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.announce-desktop{display:none}.announce-mobile{display:inline}.hero{padding-top:var(--sp-4)}.hero-copy .lede{margin-top:var(--sp-3)}.hero-copy .btn-row{margin-top:var(--sp-4)}.btn-row .btn{flex:100%}.hero-meta{margin-top:var(--sp-4)}.container,.container-narrow{width:min(100% - 1.75rem, var(--container))}.product-grid,.usp-grid{grid-template-columns:1fr}.usp-item{border-left:0;border-top:1px solid var(--c-line)}.usp-item:first-child{border-top:0}.hero-meta{gap:.8rem}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.cart-dialog{width:100vw}}
