/* ============================================================
   版型 D — 極簡清新（單一版型，參考米香站版面語言）
   白底大留白・灰階文字・麥金單一強調色・細字重雙語標題・
   3px 方角・傳統多頁式（index / about / news / products / order / oem 共用）
   ============================================================ */

/* 傳統多頁：捲軸空間固定，切頁不左右跳動 */
html{ scrollbar-gutter:stable; }

body.theme-d{
  /* sticky footer：短頁 footer 貼底，切頁高度節奏一致 */
  min-height:100vh; display:flex; flex-direction:column;
  --c-bg:#FFFFFF; --c-surface:#FFFFFF;
  --c-text:#333333; --c-muted:#666666;
  --c-primary:#C8852F; --c-primary-d:#A86A1E; --c-accent:#C8852F;
  --c-line:#E9E4DB; --c-cream:#FAF7F1;
  --radius:3px; --radius-sm:3px;
  --shadow:0 6px 24px rgba(0,0,0,.06);
  --shadow-sm:0 2px 10px rgba(0,0,0,.05);
  --maxw:1400px; --nav-h:72px;
}

/* ---- 全域：細字重、方角、收斂裝飾 ---- */
.theme-d h1,.theme-d h2,.theme-d h3{ font-weight:400; }
.theme-d .section{ padding:64px 0; }
.theme-d .section--tint{ background:var(--c-cream); }
.theme-d .btn{
  border-radius:3px; font-weight:500; box-shadow:none; padding:.8em 2.1em; letter-spacing:.06em;
}
.theme-d .btn:hover{ transform:none; box-shadow:none; background:var(--c-primary-d); }
.theme-d .btn--ghost{ box-shadow:inset 0 0 0 1px var(--c-primary); }
.theme-d .btn--ghost:hover{ background:color-mix(in srgb,var(--c-primary) 8%,transparent); color:var(--c-primary); }
.theme-d .card{ box-shadow:none; border-radius:3px; }
.theme-d .card:hover{ transform:none; box-shadow:var(--shadow-sm); }
.theme-d .eyebrow{ background:none; padding:0; border-radius:0; letter-spacing:.3em; font-weight:500; }
.theme-d .site-footer{ margin-top:auto; }
/* 傳統多頁：取消漸入動畫，切頁內容立即完整呈現、不跳動 */
.theme-d .reveal{ opacity:1; transform:none; transition:none; }

/* ---- 導覽列：純白、細線 ---- */
.theme-d .site-header{ background:#fff; border-bottom:1px solid var(--c-line); }
.theme-d .site-header.scrolled{ box-shadow:var(--shadow-sm); }
.theme-d .nav-links a{ font-weight:500; font-size:.92rem; }
.theme-d .nav-links a::after{ height:2px; bottom:4px; }

/* ---- 雙語置中區塊標（英文大字 + 中文副標 + 短金線）---- */
.theme-d .sec-head{ text-align:center; margin-bottom:36px; }
.theme-d .sec-head .en{
  display:block; font-size:clamp(1.5rem,2.6vw,1.9rem); font-weight:300;
  letter-spacing:.16em; color:var(--c-text); text-transform:uppercase;
}
.theme-d .sec-head .zh{
  display:block; margin-top:6px; font-size:1rem; color:var(--c-muted); letter-spacing:.34em; text-indent:.34em;
}
.theme-d .sec-head::after{
  content:""; display:block; width:36px; height:2px; background:var(--c-primary); margin:16px auto 0;
}

/* ---- 首頁 Hero：大量留白 + 多布簡筆 ---- */
.theme-d .hero-min{
  padding:calc(var(--nav-h) + 56px) 0 64px; text-align:center; background:#fff; position:relative;
}
.theme-d .hero-min .eyebrow{ font-size:.78rem; color:var(--c-primary); }
.theme-d .hero-min h1{
  font-size:clamp(1.9rem,4.6vw,3rem); font-weight:300; letter-spacing:.12em; margin:14px 0 6px;
}
.theme-d .hero-min .lead{
  color:var(--c-muted); max-width:34em; margin:10px auto 0; font-size:1.02rem;
}
.theme-d .hero-min .hero-cta{ justify-content:center; margin-top:30px; }
.theme-d .hero-min .hero-dobu{
  width:min(46vw,190px); margin:34px auto 0; display:block;
}
.theme-d .hero-min .hero-dobu img{ width:100%; }

/* ---- About 簡介 ---- */
.theme-d .about-copy{ max-width:46em; margin:0 auto; text-align:center; color:var(--c-muted); }
.theme-d .stats-min{ display:flex; justify-content:center; gap:56px; margin-top:30px; flex-wrap:wrap; }
.theme-d .stats-min b{ font-size:1.7rem; font-weight:300; color:var(--c-primary); display:block; line-height:1.3; }
.theme-d .stats-min span{ font-size:.85rem; color:var(--c-muted); letter-spacing:.1em; }

/* ---- News 最新消息：極簡列表 ---- */
.theme-d .news-list{ max-width:780px; margin:0 auto; }
.theme-d .news-item{
  display:flex; align-items:baseline; gap:26px; padding:16px 6px;
  border-bottom:1px solid var(--c-line); color:var(--c-text);
}
.theme-d .news-item:first-child{ border-top:1px solid var(--c-line); }
.theme-d .news-item time{ color:var(--c-primary); font-weight:500; font-size:.9rem; flex:none; letter-spacing:.04em; }
.theme-d .news-item .tagchip{
  flex:none; font-size:.72rem; color:var(--c-muted); border:1px solid var(--c-line);
  padding:.1em .7em; border-radius:2px;
}

/* ---- Products 極簡商品卡 ---- */
.theme-d .pgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.theme-d .pcard{ text-align:center; color:inherit; display:block; }
.theme-d .pcard .ph{
  aspect-ratio:4/3; display:grid; place-items:center; background:#fff;
  border:1px solid var(--c-line); border-radius:3px; overflow:hidden;
  transition:border-color .25s var(--ease);
}
.theme-d .pcard .ph img{ width:38%; transition:transform .3s var(--ease); }
.theme-d .pcard:hover .ph{ border-color:var(--c-primary); }
.theme-d .pcard:hover .ph img{ transform:scale(1.06); }
.theme-d .pcard h4{ margin:16px 0 2px; font-weight:500; font-size:1.05rem; letter-spacing:.08em; }
.theme-d .pcard .price{ color:var(--c-primary); font-weight:500; font-size:.95rem; }
.theme-d .pcard .price .unit{ color:var(--c-muted); font-size:.8rem; }

/* ---- 內頁頁首（about / news / products / order / oem 統一節奏）---- */
.theme-d .page-head{ padding:calc(var(--nav-h) + 56px) 0 8px; text-align:center; }
.theme-d .page-head .note{ max-width:52em; margin:14px auto 0; }

/* ---- 首頁快速入口卡（傳統首頁導流）---- */
.theme-d .entry-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; max-width:1000px; margin:0 auto; }
.theme-d .entry{
  border:1px solid var(--c-line); border-radius:3px; padding:30px 24px 26px; text-align:center;
  background:#fff; color:inherit; display:block; transition:border-color .25s var(--ease);
}
.theme-d .entry:hover{ border-color:var(--c-primary); }
.theme-d .entry .feature-ico{ margin-inline:auto; border-radius:3px; }
.theme-d .entry h3{ font-weight:500; font-size:1.08rem; letter-spacing:.1em; margin:8px 0 6px; }
.theme-d .entry p{ color:var(--c-muted); font-size:.9rem; margin-bottom:10px; }
.theme-d .entry .go{ color:var(--c-primary); font-weight:500; font-size:.9rem; letter-spacing:.08em; }

/* ---- 訂購精靈微調（結構沿用 base.css）---- */
.theme-d .wizard{ border-radius:3px; box-shadow:var(--shadow-sm); max-width:860px; }
.theme-d .wizard-steps{ background:var(--c-cream); }
.theme-d .field input,.theme-d .field select,.theme-d .field textarea{ border-radius:3px; border-width:1px; }
.theme-d .pick{ border-radius:3px; }
.theme-d .wlive{ border-radius:3px; }
.theme-d .wsummary{ border-radius:3px; }

/* ---- OEM：優勢卡 / 流程 / CTA ---- */
.theme-d .adv-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.theme-d .adv{
  border:1px solid var(--c-line); border-radius:3px; padding:26px 20px; text-align:center; background:#fff;
}
.theme-d .adv .feature-ico{ margin-inline:auto; border-radius:3px; }
.theme-d .adv h4{ font-weight:500; letter-spacing:.06em; }
.theme-d .adv p{ font-size:.9rem; }
.theme-d .flow{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; max-width:900px; margin:0 auto; }
.theme-d .fstep{ text-align:center; position:relative; padding:10px 6px; }
.theme-d .fstep .no{
  width:44px; height:44px; margin:0 auto 10px; display:grid; place-items:center;
  border:1px solid var(--c-primary); color:var(--c-primary); border-radius:50%;
  font-weight:500; font-size:1.05rem;
}
.theme-d .fstep:not(:last-child)::after{
  content:"→"; position:absolute; right:-14px; top:20px; color:var(--c-line); font-size:1.2rem;
}
.theme-d .fstep b{ display:block; font-weight:500; letter-spacing:.1em; }
.theme-d .fstep span{ color:var(--c-muted); font-size:.86rem; }
.theme-d .oem-scope{ text-align:center; color:var(--c-muted); max-width:44em; margin:0 auto 8px; }
.theme-d .oem-scope .sep{ color:var(--c-line); margin:0 .6em; }
.theme-d .cta-band{
  text-align:center; border-top:1px solid var(--c-line); border-bottom:1px solid var(--c-line);
  padding:44px 0; background:var(--c-cream);
}
.theme-d .cta-band .tel{
  font-size:clamp(1.6rem,4vw,2.2rem); font-weight:300; letter-spacing:.1em; color:var(--c-primary);
  display:block; margin:8px 0 4px;
}

/* ---- Footer：深褐、含聯絡資訊 ---- */
.theme-d .site-footer{ background:#25150A; color:#D9CCBB; padding:46px 0 24px; }
.theme-d .site-footer h4{ font-weight:500; letter-spacing:.14em; font-size:.95rem; }
.theme-d .footer-grid li{ color:#B7A488; font-size:.92rem; }
.theme-d .footer-bottom{ color:#8D7B62; }

/* ---- RWD ---- */
@media (max-width:900px){
  .theme-d .pgrid{ grid-template-columns:repeat(3,1fr); gap:16px; }
  .theme-d .adv-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:760px){
  .theme-d .section{ padding:48px 0; }
  .theme-d .hero-min{ padding:calc(var(--nav-h) + 48px) 0 56px; }
  .theme-d .entry-grid{ grid-template-columns:1fr; }
  .theme-d .pgrid{ grid-template-columns:1fr; gap:26px; }
  .theme-d .flow{ grid-template-columns:repeat(2,1fr); row-gap:22px; }
  .theme-d .fstep:nth-child(2)::after{ display:none; }
  .theme-d .news-item{ flex-wrap:wrap; gap:8px 14px; }
  .theme-d .stats-min{ gap:32px; }
}
