:root{
  --moss:#4a6741;
  --sage:#7a9a7e;
  --sand:#c9a97a;
  --cream:#faf7f2;
  --warm:#fffef9;
  --ink:#25221d;
  --muted:#68635b;
  --line:rgba(122,154,126,.22);
  --serif:'Noto Serif TC',serif;
  --sans:'Noto Sans TC','Arial',sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--warm);
  color:var(--ink);
  font-family:var(--sans);
  line-height:1.75;
}
a{color:inherit}
.site-header{
  border-bottom:1px solid var(--line);
  background:rgba(255,254,249,.96);
  position:sticky;
  top:0;
  z-index:10;
  backdrop-filter:blur(10px);
}
.header-inner{
  max-width:1180px;
  min-height:72px;
  margin:auto;
  padding:0 1.5rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
}
.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-weight:700}
.brand img{width:54px;height:auto}
.nav{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;font-size:.94rem}
.nav a{text-decoration:none}
.nav .cur{background:#eef4ed;color:#355135;border-radius:999px;padding:.5rem .85rem}
.catalog-hero{background:var(--cream);border-bottom:1px solid rgba(201,169,122,.22)}
.catalog-hero-inner{max-width:1180px;margin:auto;padding:68px 1.5rem 46px}
.eyebrow{display:block;color:var(--moss);font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;margin-bottom:.8rem}
h1{font-family:var(--serif);font-size:clamp(2.15rem,5vw,4.45rem);line-height:1.12;margin:0 0 1rem;letter-spacing:0}
.lead{max-width:780px;color:#3e3a34;font-size:1.05rem;margin:0}
.notice{display:inline-flex;margin-top:1.2rem;border:1px solid rgba(122,154,126,.34);border-radius:999px;padding:.5rem .8rem;background:#fff;color:#496545;font-size:.86rem}
.catalog-shell{max-width:1180px;margin:auto;padding:30px 1.5rem 80px}
.catalog-note{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--line);background:#fff;border-radius:6px;padding:1rem 1.15rem;margin-bottom:1.2rem}
.catalog-note p{margin:0;color:var(--muted)}
.line-global,.line-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--moss);border-radius:999px;padding:.62rem 1rem;color:#fff;background:var(--moss);text-decoration:none;font-weight:700;white-space:nowrap}
.category-nav{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 2rem}
.category-nav a{font-size:.86rem;text-decoration:none;border:1px solid rgba(201,169,122,.42);background:#fbf4e8;border-radius:999px;padding:.5rem .82rem;color:#425d3b}
.product-section{border-top:1px solid var(--line);padding:1.7rem 0 2.2rem}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.section-head span{color:var(--sage);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}
h2{font-family:var(--serif);font-size:1.75rem;margin:.15rem 0 0;letter-spacing:0}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.product-preview-card{border:1px solid var(--line);background:#fff;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.product-image{position:relative;aspect-ratio:1/1;background:#f4efe7;overflow:hidden}
.product-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.product-preview-card:hover img{transform:scale(1.03)}
.product-image span{position:absolute;left:.7rem;top:.7rem;background:rgba(255,255,255,.92);border:1px solid rgba(122,154,126,.22);border-radius:999px;padding:.22rem .55rem;color:var(--moss);font-size:.72rem}
.product-body{padding:1rem;display:flex;flex-direction:column;gap:.55rem;flex:1}
.product-category{color:var(--sage);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}
h3{font-family:var(--serif);font-size:1.02rem;line-height:1.45;margin:0;letter-spacing:0}
.product-body p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.62;flex:1}
.line-link{align-self:flex-start;margin-top:.25rem;background:#fff;color:var(--moss)}
footer{border-top:1px solid var(--line);padding:2rem 1.5rem;color:var(--muted)}
.footer-inner{max-width:1180px;margin:auto;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
@media(max-width:980px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-note{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.header-inner{display:block;min-height:0;padding:1rem 1.25rem}.nav{margin-top:.8rem;gap:.75rem}.catalog-hero-inner,.catalog-shell{padding-left:1.25rem;padding-right:1.25rem}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{display:block}h1{font-size:2.25rem}}
@media(max-width:520px){.product-grid{grid-template-columns:1fr}.notice{border-radius:6px}.line-global,.line-link{width:100%}}