/* 齿物食志 — 齿物官网重做 · 概念C 纸本年鉴
   设计系统对齐官方 VI：暖纸底 / 品牌绿书脊 / 橙朱印强调 / 得意黑标题 / Source Code Pro 读数 */

/* ---------- 字体（全部自托管，规避大陆 Google Fonts 墙） ---------- */
@font-face{font-family:'Smiley Sans';src:url('../fonts/SmileySans.woff2') format('woff2');font-weight:400 900;font-display:swap;}
@font-face{font-family:'Source Code Pro';src:url('../fonts/SourceCodePro-400.woff2') format('woff2');font-weight:400;font-display:swap;}
@font-face{font-family:'Source Code Pro';src:url('../fonts/SourceCodePro-600.woff2') format('woff2');font-weight:600;font-display:swap;}

/* ---------- 设计令牌 ---------- */
:root{
  --paper:#F4EEE2; --cream:#F9F5F0; --kraft:#EEDECF;
  --ink:#413F41; --ink-soft:#6F6A66; --muted:#9A8D7E;
  --green:#409C84; --green-deep:#367E6B; --mint:#9DCDB8;
  --orange:#EB5C20; --orange-soft:#F4A773;
  --rail:72px;
  --display:'Smiley Sans','PingFang SC','Microsoft YaHei',sans-serif;
  --body:'PingFang SC','Microsoft YaHei','Noto Sans SC',system-ui,sans-serif;
  --mono:'Source Code Pro',ui-monospace,Menlo,monospace;
  --maxw:1180px;
  --ease:cubic-bezier(.22,.61,.36,1);
}

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  font-family:var(--body); color:var(--ink); background:var(--paper);
  line-height:1.8; font-size:16px; overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
.mono{font-family:var(--mono);font-feature-settings:"tnum";}

/* ---------- 左侧账册书脊（≥1024 常驻；移动端收为顶部细带） ---------- */
.spine{
  position:fixed; left:0; top:0; bottom:0; width:var(--rail); z-index:40;
  background:var(--green); color:var(--cream);
  display:none; flex-direction:column; align-items:center; justify-content:space-between;
  padding:22px 0; border-right:1px solid rgba(0,0,0,.06);
}
.spine .mark{font-family:var(--display);font-size:22px;letter-spacing:1px;line-height:1;}
.spine .v{writing-mode:vertical-rl;font-family:var(--mono);font-size:12px;letter-spacing:4px;color:rgba(249,245,240,.82);}
.spine .est{writing-mode:vertical-rl;font-family:var(--mono);font-size:11px;letter-spacing:2px;color:rgba(249,245,240,.55);}

/* 移动端顶部"装订"细带 */
.binding{position:fixed;top:0;left:0;right:0;height:5px;background:var(--green);z-index:41;}

/* ---------- 顶部导航 ---------- */
.nav{
  position:fixed; top:0; left:0; right:0; height:60px; z-index:38;
  display:flex; align-items:center; justify-content:space-between;
  padding:0 22px; background:rgba(244,238,226,.82); backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(65,63,65,.08);
}
.nav .logo{font-family:var(--display);font-size:22px;letter-spacing:2px;color:var(--ink);display:flex;align-items:baseline;gap:9px;}
.nav .logo small{font-family:var(--mono);font-size:10px;letter-spacing:2px;color:var(--muted);}
.nav .links{display:none;align-items:center;gap:30px;font-size:14px;color:var(--ink-soft);}
.nav .links a{position:relative;padding:6px 0;display:inline-flex;align-items:baseline;gap:7px;transition:color .25s var(--ease);}
.nav .links a i{font-family:var(--mono);font-style:normal;font-size:10px;color:var(--green);opacity:.7;transition:color .25s,opacity .25s;}
.nav .links a:not(.buy)::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1.5px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease);}
.nav .links a:not(.buy):hover::after,.nav .links a.active::after{transform:scaleX(1);}
.nav .links a:hover,.nav .links a.active{color:var(--ink);}
.nav .links a.active i{color:var(--orange);opacity:1;}
/* 请购：朱印质感按钮 */
.nav .links .buy{color:#fff;background:var(--orange);font-weight:600;letter-spacing:3px;
  padding:9px 22px;border-radius:7px;box-shadow:0 3px 10px rgba(235,92,32,.4);
  transition:transform .2s var(--ease),box-shadow .2s var(--ease);}
.nav .links .buy:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(235,92,32,.35);}
.nav .links .buy:active{transform:translateY(1px);box-shadow:0 1px 0 rgba(176,60,16,.5);}
/* 顶部滚动进度条 */
.nav .progress{position:absolute;left:0;top:0;height:2px;width:0;background:var(--orange);transition:width .1s linear;}
.nav .burger{display:flex;flex-direction:column;gap:5px;width:30px;height:30px;align-items:center;justify-content:center;cursor:pointer;background:none;border:0;}
.nav .burger span{width:22px;height:2px;background:var(--ink);transition:.3s var(--ease);}
.nav.open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav.open .burger span:nth-child(2){opacity:0;}
.nav.open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* 移动端下拉菜单（纸色面板 + 背景遮罩） */
.menu{position:fixed;inset:0;z-index:36;visibility:hidden;}
.menu.open{visibility:visible;}
.menu-bd{position:absolute;inset:0;background:rgba(31,28,26,.28);opacity:0;transition:opacity .4s var(--ease);}
.menu.open .menu-bd{opacity:1;}
.menu-panel{position:absolute;top:0;right:0;bottom:0;width:78%;max-width:330px;background:var(--green);
  padding:80px 28px 30px;box-shadow:-14px 0 44px rgba(0,0,0,.22);overflow-y:auto;display:flex;flex-direction:column;
  transform:translateX(100%);transition:transform .42s var(--ease);}
.menu.open .menu-panel{transform:translateX(0);}
.menu-panel a{display:flex;align-items:baseline;gap:12px;padding:16px 2px;border-bottom:1px solid rgba(249,245,240,.18);
  color:var(--cream);font-family:var(--display);font-size:22px;letter-spacing:2px;}
.menu-panel a i{font-family:var(--mono);font-style:normal;font-size:11px;color:rgba(249,245,240,.6);min-width:20px;}
.menu-panel a em{margin-left:auto;font-family:var(--body);font-style:normal;font-size:12px;letter-spacing:0;color:rgba(249,245,240,.55);}
.menu-buy{justify-content:center!important;margin-top:22px;background:var(--orange);color:#fff!important;
  border-radius:9px;border-bottom:0!important;font-size:16px!important;padding:15px!important;letter-spacing:2px;}
.menu-buy i,.menu-buy em{display:none;}

/* ---------- 主体容器 ---------- */
main{padding-left:0;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px;}
section{padding:clamp(64px,11vw,128px) 0;position:relative;}

/* 卷目眉头 */
.eyebrow{display:flex;align-items:center;gap:14px;font-family:var(--mono);font-size:12px;letter-spacing:2px;color:var(--green-deep);margin-bottom:26px;}
.eyebrow .no{color:var(--orange);font-weight:600;}
.eyebrow .rule{flex:1;height:1px;background:rgba(65,63,65,.18);}

h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:2px;line-height:1.12;}

/* 探寻按钮（朱印质感） */
.btn{display:inline-flex;align-items:center;gap:8px;font-size:14px;letter-spacing:2px;
  background:var(--orange);color:var(--cream);padding:13px 28px;border-radius:7px;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease);min-height:44px;}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(235,92,32,.28);}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid rgba(65,63,65,.3);}
.btn.ghost:hover{border-color:var(--orange);color:var(--orange);box-shadow:none;}

/* 标本框 */
.specimen{position:relative;background:var(--kraft);border-radius:12px;overflow:hidden;
  border:1px solid rgba(65,63,65,.1);}
.specimen img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5;}
.specimen .tag{position:absolute;left:14px;bottom:12px;font-family:var(--mono);font-size:11px;
  color:#fff;background:rgba(65,63,65,.55);padding:4px 10px;border-radius:5px;backdrop-filter:blur(4px);}
.specimen.dash{border:1px dashed var(--green);background:transparent;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;}
.specimen.dash svg{width:56%;opacity:.9;}
.specimen.dash .ph-note{font-family:var(--mono);font-size:11px;letter-spacing:1px;color:var(--muted);}

/* ---------- 卷首 / Hero ---------- */
.hero{padding-top:clamp(110px,16vw,170px);}
.hero-grid{display:grid;grid-template-columns:1fr;gap:clamp(34px,6vw,64px);align-items:center;}
.hero h1{font-size:clamp(46px,11vw,104px);color:var(--ink);}
.hero h1 .o{color:var(--orange);}
.hero .lead{font-size:clamp(15px,2.4vw,18px);color:var(--ink-soft);margin-top:24px;max-width:30em;line-height:1.95;}
.hero .cta{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
.hero .scroll{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:1px;}
/* 配料标签行 */
.label-row{margin-top:38px;display:flex;flex-wrap:wrap;gap:10px 26px;padding-top:18px;border-top:1px solid rgba(65,63,65,.14);font-family:var(--mono);font-size:12px;color:var(--ink-soft);}
.label-row b{color:var(--green-deep);font-weight:600;margin-right:6px;}

/* ---------- 卷一 缘起（长文） ---------- */
.story{background:var(--cream);}
.story .col{max-width:46rem;}
.story p{font-size:clamp(16px,2vw,19px);color:var(--ink);margin-bottom:1.5em;line-height:2.1;}
.story .big{font-family:var(--display);font-size:clamp(26px,4.6vw,44px);color:var(--ink);line-height:1.4;letter-spacing:2px;margin-bottom:.7em;}
.story .big .o{color:var(--orange);}
.story .water{position:absolute;right:-30px;bottom:-20px;width:min(40vw,360px);opacity:.06;pointer-events:none;}

/* 间章 · 底图视差（桌面 fixed 视差；触屏降级为静态铺图） */
.parallax{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:0;}
.pbg{position:absolute;left:0;top:-10%;width:100%;height:120%;object-fit:cover;z-index:0;will-change:transform;}
.parallax::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(31,28,26,.46),rgba(31,28,26,.64));}
.parallax-inner{position:relative;z-index:2;color:var(--cream);padding:0 22px;}
.parallax .kicker{font-size:12px;letter-spacing:4px;color:var(--orange-soft);margin-bottom:18px;}
.parallax-line{font-family:var(--display);font-size:clamp(30px,6.4vw,62px);line-height:1.28;letter-spacing:3px;color:var(--cream);}

/* ---------- 卷二 物之三则 ---------- */
.tenets{display:grid;grid-template-columns:1fr;gap:16px;}
.tenet{background:var(--cream);border:1px solid rgba(65,63,65,.1);border-radius:12px;padding:30px 26px;position:relative;overflow:hidden;}
.tenet .no{font-family:var(--mono);font-size:12px;color:var(--green-deep);}
.tenet h3{font-size:24px;color:var(--ink);margin:12px 0 10px;}
.tenet p{font-size:14px;color:var(--ink-soft);line-height:1.9;}
.tenet .ic{position:absolute;right:-14px;top:-10px;width:104px;opacity:.14;}
.std-h{font-family:var(--display);font-size:clamp(30px,5.5vw,52px);color:var(--ink);letter-spacing:2px;margin-bottom:14px;}
.std-sub{font-size:clamp(15px,2vw,17px);color:var(--ink-soft);line-height:1.95;max-width:40em;margin-bottom:clamp(28px,4vw,40px);}
.std-sub b{color:var(--green-deep);font-weight:500;}

/* ---------- 卷三 工序录 ---------- */
.craft{background:var(--green);color:var(--cream);}
.craft .eyebrow{color:var(--mint);}
.craft .eyebrow .no{color:var(--orange-soft);}
.craft .eyebrow .rule{background:rgba(249,245,240,.2);}
.craft h2{color:var(--cream);font-size:clamp(28px,5vw,46px);margin-bottom:36px;}
.procs{display:grid;grid-template-columns:1fr;gap:0;}
.proc{display:flex;align-items:baseline;gap:18px;padding:20px 0;border-top:1px solid rgba(249,245,240,.16);}
.proc:last-child{border-bottom:1px solid rgba(249,245,240,.16);}
.proc .read{font-family:var(--mono);font-size:clamp(26px,5vw,38px);font-weight:600;min-width:5.2ch;}
.proc .read .u{color:var(--orange-soft);}
.proc .txt h4{font-family:var(--display);font-size:20px;letter-spacing:1px;}
.proc .txt p{font-size:13px;color:rgba(249,245,240,.78);}

/* ---------- 卷四 图鉴 NO.01 ---------- */
.atlas-grid{display:grid;grid-template-columns:1fr;gap:clamp(28px,5vw,54px);align-items:center;}
.atlas h2{font-size:clamp(30px,5.5vw,52px);color:var(--ink);margin-bottom:14px;}
.atlas .desc{font-size:15px;color:var(--ink-soft);line-height:2;margin-bottom:24px;max-width:34em;}
.spec-card{background:var(--cream);border:1px solid rgba(65,63,65,.12);border-radius:10px;font-family:var(--mono);font-size:13px;overflow:hidden;}
.spec-card .hd{background:var(--green);color:var(--cream);padding:10px 16px;letter-spacing:2px;font-size:12px;}
.spec-card .row{display:flex;justify-content:space-between;padding:11px 16px;border-bottom:1px dashed rgba(65,63,65,.16);color:var(--ink-soft);}
.spec-card .row:last-child{border-bottom:0;}
.spec-card .row b{color:var(--ink);font-weight:600;}
/* 两品卡片（米酒 / 初粽） */
.prod-2up{display:grid;grid-template-columns:1fr;gap:16px;margin-top:clamp(34px,5vw,56px);}
.prod{background:var(--cream);border:1px solid rgba(65,63,65,.1);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;}
.prod .specimen{border-radius:0;border:0;border-bottom:1px dashed rgba(64,156,132,.5);background:var(--kraft);aspect-ratio:16/9;}
.prod .specimen.dash img{width:33%;height:auto;aspect-ratio:auto;object-fit:contain;opacity:.92;}
.prod-body{padding:22px 24px 26px;}
.prod-no{font-size:11px;color:var(--green-deep);letter-spacing:1px;}
.prod-body h3{font-family:var(--display);font-size:24px;color:var(--ink);margin:8px 0 10px;letter-spacing:1px;}
.prod-body p{font-size:14px;color:var(--ink-soft);line-height:1.9;}
.prod .mini{margin-top:16px;padding-top:14px;border-top:1px solid rgba(65,63,65,.12);display:flex;flex-wrap:wrap;gap:6px 20px;font-size:12px;color:var(--ink-soft);}
.prod-more{display:inline-block;margin-top:14px;font-size:12px;color:var(--orange);}
a.prod{transition:transform .25s var(--ease),box-shadow .25s var(--ease);}
a.prod:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(65,63,65,.12);border-color:rgba(235,92,32,.4);}
@media (min-width:680px){.prod-2up{grid-template-columns:1fr 1fr;}}

/* ---------- 卷五 请购 ---------- */
section.buy{position:relative;overflow:hidden;background:#2b2724;color:var(--cream);text-align:center;}
section.buy::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(31,28,26,.74),rgba(31,28,26,.82));}
section.buy .wrap{position:relative;z-index:2;}
section.buy h2{font-size:clamp(26px,5vw,44px);color:var(--cream);margin-bottom:10px;}
section.buy p{color:rgba(249,245,240,.7);font-size:14px;margin-bottom:30px;}
section.buy .shops{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
section.buy .shops a{min-width:150px;justify-content:center;}
section.buy .btn.ghost{color:var(--cream);border-color:rgba(249,245,240,.45);}
section.buy .btn.ghost:hover{color:var(--orange-soft);border-color:var(--orange-soft);}

/* ---------- 跋 / 页脚 ---------- */
footer{background:var(--paper);padding:clamp(48px,8vw,80px) 0 40px;}
.foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 22px;align-items:start;}
.foot-brand,.foot-follow{grid-column:1 / -1;}
.foot .qr{width:118px;height:118px;background:#fff;border:1px solid rgba(65,63,65,.12);border-radius:10px;object-fit:contain;padding:6px;}
.foot h4{font-family:var(--display);font-size:20px;letter-spacing:2px;margin-bottom:12px;}
.foot .links2{display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--ink-soft);}
.foot .links2 a:hover{color:var(--orange);}
.foot-brand{display:flex;flex-direction:column;gap:10px;}
.qr-cap{font-size:11px;color:var(--muted);letter-spacing:1px;}
.f-logo{font-family:var(--display);font-size:26px;letter-spacing:2px;color:var(--ink);display:flex;align-items:baseline;gap:8px;}
.f-logo span{font-size:11px;letter-spacing:2px;color:var(--muted);}
.f-tag{font-family:var(--display);font-size:17px;color:var(--ink-soft);margin-top:12px;letter-spacing:1px;}
.f-sub{font-size:11px;color:var(--muted);margin-top:6px;letter-spacing:1px;}
.foot-col h4{margin-bottom:14px;}
.follow-row{display:flex;gap:14px;align-items:flex-start;}
.qr-fig{flex-shrink:0;text-align:center;}
.qr-fig .qr{width:84px;height:84px;}
.qr-fig figcaption{font-size:10px;color:var(--muted);margin-top:5px;letter-spacing:1px;}
.foot-follow .socials{flex:1;min-width:0;}
.socials{display:flex;flex-wrap:wrap;gap:10px;}
.socials a,.socials span{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-soft);
  border:1px solid rgba(65,63,65,.2);border-radius:20px;padding:7px 16px;transition:all .2s var(--ease);}
.socials b{color:var(--green-deep);font-weight:500;font-family:var(--mono);font-size:12px;}
.socials a{cursor:pointer;}
.socials a:hover{color:var(--cream);background:var(--green);border-color:var(--green);}
.socials a:hover b{color:var(--cream);}
.copyright{margin-top:40px;padding-top:20px;border-top:1px solid rgba(65,63,65,.12);
  font-family:var(--mono);font-size:11px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between;}

/* ---------- 滚动揭示动效 ---------- */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease);}
.reveal.in{opacity:1;transform:none;}
.reveal.d1{transition-delay:.08s;} .reveal.d2{transition-delay:.16s;} .reveal.d3{transition-delay:.24s;}

/* ---------- 响应式 ---------- */
@media (min-width:680px){
  .tenets{grid-template-columns:repeat(3,1fr);}
  .hero .lead{font-size:18px;}
}
@media (min-width:1024px){
  .spine{display:flex;} .binding{display:none;}
  .nav{left:var(--rail);padding-left:30px;}
  main{padding-left:var(--rail);}
  .nav .links{display:flex;} .nav .burger{display:none;}
  .hero-grid{grid-template-columns:1.15fr .85fr;}
  .atlas-grid{grid-template-columns:1fr 1fr;}
  .procs{grid-template-columns:1fr;}
  .foot-grid{grid-template-columns:1.2fr 1.6fr 1fr 1fr;}
  .foot-brand,.foot-follow{grid-column:auto;}
}

@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;}
  .reveal{opacity:1!important;transform:none!important;transition:none!important;}
  .btn:hover{transform:none;}
}

/* ========== 产品详情页 ========== */
.back{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:12px;letter-spacing:1px;color:var(--green-deep);margin-bottom:24px;}
.back:hover{color:var(--orange);}
.dhero{padding-top:clamp(96px,14vw,150px);}
.dhero-grid{display:grid;grid-template-columns:1fr;gap:clamp(30px,5vw,56px);align-items:center;}
.dhero h1{font-family:var(--display);font-size:clamp(40px,8vw,78px);color:var(--ink);letter-spacing:2px;line-height:1.08;}
.dhero h1 .o{color:var(--orange);}
.dhero .lead{font-size:clamp(15px,2.2vw,18px);color:var(--ink-soft);margin-top:20px;line-height:1.95;max-width:32em;}
.dhero .cta{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
/* 齿物标准三则 */
.std-list{display:grid;grid-template-columns:1fr;gap:14px;}
.std-item{background:var(--paper);border:1px solid rgba(65,63,65,.1);border-radius:12px;padding:26px 24px;}
.std-item .k{font-family:var(--mono);font-size:12px;color:var(--orange);}
.std-item h3{font-family:var(--display);font-size:24px;color:var(--ink);margin:10px 0 9px;letter-spacing:1px;}
.std-item p{font-size:14px;color:var(--ink-soft);line-height:1.9;}
/* 吃法 / 图文卡 */
.eat-cards{display:grid;grid-template-columns:1fr;gap:18px;}
.eat-card{background:var(--cream);border:1px solid rgba(65,63,65,.1);border-radius:12px;overflow:hidden;}
.eat-card .ph{aspect-ratio:16/10;background:var(--kraft);display:flex;align-items:center;justify-content:center;border-bottom:1px dashed rgba(64,156,132,.5);}
.eat-card .ph img{width:30%;opacity:.85;}
.eat-card .ph.photo{padding:0;}
.eat-card .ph.photo img{width:100%;height:100%;object-fit:cover;opacity:1;}
.story .sign{font-family:var(--display);font-size:clamp(18px,2.6vw,22px);color:var(--ink-soft);letter-spacing:3px;margin-top:.6em;}
.eat-card .bd{padding:20px 22px;}
.eat-card h3{font-family:var(--display);font-size:19px;color:var(--ink);margin-bottom:8px;letter-spacing:.5px;}
.eat-card p{font-size:14px;color:var(--ink-soft);line-height:1.85;}
@media (min-width:680px){
  .std-list{grid-template-columns:repeat(3,1fr);}
  .eat-cards{grid-template-columns:repeat(2,1fr);}
}
@media (min-width:1024px){.dhero-grid{grid-template-columns:1.05fr .95fr;}}

/* 可追溯 · 第三方抽检 */
.trace-grid{display:grid;grid-template-columns:1fr;gap:16px;}
.trace-item{background:var(--cream);border:1px solid rgba(65,63,65,.1);border-radius:12px;padding:24px 22px;}
.trace-item .t-k{font-family:var(--mono);font-size:11px;color:var(--green-deep);letter-spacing:1px;margin-bottom:8px;}
.trace-item h3{font-family:var(--display);font-size:22px;color:var(--ink);margin-bottom:9px;letter-spacing:1px;}
.trace-item p{font-size:14px;color:var(--ink-soft);line-height:1.85;}
@media (min-width:680px){.trace-grid{grid-template-columns:1fr 1fr;}}

/* ========== 图鉴 · 产品细则（可切换） ========== */
.atlas-sw{background:var(--cream);}
.atlas-intro{font-size:clamp(15px,2vw,17px);color:var(--ink-soft);line-height:1.9;max-width:42em;margin-bottom:clamp(24px,3vw,34px);}
.tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:clamp(26px,3.5vw,40px);}
.tab{font-family:var(--display);font-size:clamp(16px,2.4vw,20px);letter-spacing:1px;color:var(--ink-soft);
  background:transparent;border:1px solid rgba(65,63,65,.18);border-radius:30px;padding:10px 24px;cursor:pointer;
  transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease);min-height:44px;}
.tab:hover{border-color:var(--green);color:var(--green-deep);}
.tab.active{background:var(--green);border-color:var(--green);color:var(--cream);}
.panel{display:none;}
.panel.active{display:block;animation:panelIn .5s var(--ease);}
@keyframes panelIn{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
.panel-grid{display:grid;grid-template-columns:1fr;gap:clamp(24px,4vw,48px);align-items:center;}
.panel-grid .specimen{aspect-ratio:auto;}
.panel-grid .specimen img{aspect-ratio:4/3;}
.panel-grid .specimen.dash{aspect-ratio:4/3;}
.panel-body .prod-no{color:var(--green-deep);font-size:12px;letter-spacing:1px;}
.panel-body h3{font-family:var(--display);font-size:clamp(28px,4.5vw,42px);color:var(--ink);margin:8px 0 10px;letter-spacing:1px;}
.panel-body > p{font-size:15px;color:var(--ink-soft);line-height:1.95;margin-bottom:20px;max-width:34em;}
.honest{background:var(--paper);border:1px solid rgba(65,63,65,.1);border-radius:10px;padding:16px 18px;margin-bottom:16px;}
.honest .lbl{font-size:11px;color:var(--green-deep);letter-spacing:1px;margin-bottom:7px;}
.honest .ingr{font-size:14px;color:var(--ink);line-height:1.85;}
.honest .allergen{font-size:11px;color:var(--muted);margin-top:9px;}
.meta-rows{display:flex;flex-wrap:wrap;gap:8px 28px;margin-bottom:16px;font-size:13px;}
.meta-rows span{color:var(--muted);margin-right:8px;}
.meta-rows b{color:var(--ink);font-weight:600;}
.rules{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;}
.rules .chip{font-size:12px;color:var(--green-deep);background:rgba(64,156,132,.1);border-radius:20px;padding:6px 14px;}
@media (min-width:860px){.panel-grid{grid-template-columns:1fr 1.05fr;}}

/* 工序录 · 产品切换（绿底） */
.craft-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:clamp(26px,3.5vw,40px);}
.ctab{font-family:var(--display);font-size:clamp(15px,2.2vw,18px);letter-spacing:1px;color:rgba(249,245,240,.82);
  background:transparent;border:1px solid rgba(249,245,240,.4);border-radius:30px;padding:9px 24px;cursor:pointer;
  transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease);min-height:44px;}
.ctab:hover{border-color:var(--cream);color:var(--cream);}
.ctab.active{background:var(--cream);border-color:var(--cream);color:var(--green-deep);}
.cpanel{display:none;}
.cpanel.active{display:block;animation:panelIn .5s var(--ease);}

/* 图鉴 · 产品卡片 */
.atlas-cards{display:grid;grid-template-columns:1fr;gap:18px;margin-top:4px;}
.acard{display:flex;flex-direction:column;background:var(--cream);border:1px solid rgba(65,63,65,.1);border-radius:12px;
  overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease);}
.acard:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(65,63,65,.13);border-color:rgba(235,92,32,.4);}
.acard .specimen{border-radius:0;border:0;border-bottom:1px solid rgba(65,63,65,.08);}
.acard .specimen img{aspect-ratio:16/10;}
.acard .specimen.dash{aspect-ratio:16/10;border-bottom:1px dashed rgba(64,156,132,.5);}
.acard-bd{padding:22px 22px 26px;display:flex;flex-direction:column;flex:1;}
.acard-bd .prod-no{color:var(--green-deep);font-size:11px;letter-spacing:1px;}
.acard-bd h3{font-family:var(--display);font-size:23px;color:var(--ink);margin:8px 0 9px;letter-spacing:.5px;}
.acard-bd > p{font-size:14px;color:var(--ink-soft);line-height:1.8;margin-bottom:14px;}
.acard .honest{margin-bottom:12px;}
.acard .meta-rows{margin-bottom:16px;}
.acard .prod-more{margin-top:auto;color:var(--orange);font-size:12px;}
@media (min-width:880px){.atlas-cards{grid-template-columns:repeat(3,1fr);}}