/* 茶坊街 · 内容页公共样式（/tea/、/flavor/ 系列）
   与首页、/brew/ 同一套视觉语言：米色纸感 + 品牌绿 + 卡片 */
:root{
  --ink:#14211c;--ink2:#42544b;--muted:#607065;--green:#1e4d3b;--green2:#2f7a5e;
  --line:#e6e1d6;--paper:#f4f1e9;--card:#fffdf8;--soft:#eef4ef;--amber:#96682a;--red:#b1503b;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--paper);color:var(--ink);line-height:1.75;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased}
a{color:var(--green2);text-decoration:none;border-bottom:1px solid rgba(47,122,94,.25)}
a:hover{border-bottom-color:var(--green2)}
.wrap{max-width:860px;margin:0 auto;padding:0 20px}

/* 顶部导航 */
.gnav{border-bottom:1px solid var(--line);background:rgba(244,241,233,.96)}
.gnav-in{max-width:860px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.gnav-brand{font-weight:700;color:var(--green);font-size:15px;letter-spacing:.02em;border:0}
.gnav-links{display:flex;gap:14px;margin-left:auto;flex-wrap:wrap}
.gnav-links a{font-size:12.5px;color:var(--muted);border:0}
.gnav-links a.on{color:var(--green);font-weight:600}

/* 面包屑 */
.crumb{font-size:12.5px;color:var(--muted);padding:18px 0 0}
.crumb a{color:var(--muted);border:0}
.crumb a:hover{color:var(--green2)}
.crumb span{margin:0 6px;opacity:.5}

h1{font-size:clamp(22px,4.6vw,30px);line-height:1.35;letter-spacing:-.3px;font-weight:700;margin:12px 0 0}
h2{font-size:18px;letter-spacing:-.2px;margin:34px 0 10px;padding-top:6px}
h3{font-size:15px;margin:0 0 5px}
.answer{font-size:15px;color:var(--ink2);margin-top:14px;text-align:justify;
  background:var(--soft);border-left:3px solid var(--green2);border-radius:0 8px 8px 0;padding:12px 16px}
.answer b{color:var(--green);font-weight:600}
p.body{font-size:14px;color:var(--ink2);text-align:justify;margin-top:8px}
/* v62 数据段：与叙述段区分，便于扫读 */
p.body.data{color:var(--ink3,var(--ink2));font-size:13.5px;background:var(--soft);
  border-left:2px solid var(--line);border-radius:0 6px 6px 0;padding:10px 14px;margin-top:12px}

/* 参数表 */
.kv{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:16px}
.kv div{background:var(--card);padding:11px 13px}
.kv dt{font-size:11.5px;color:var(--muted);letter-spacing:.02em}
.kv dd{font-size:14.5px;font-weight:600;color:var(--ink);margin-top:2px}
.kv .wide{grid-column:1/-1}

/* 步骤 */
ol.steps{list-style:none;margin-top:10px;counter-reset:s}
ol.steps li{position:relative;padding:0 0 12px 30px;font-size:13.5px;color:var(--ink2);text-align:justify}
ol.steps li::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:1px;
  width:20px;height:20px;border-radius:50%;background:var(--soft);color:var(--green);
  font-size:11.5px;font-weight:600;display:flex;align-items:center;justify-content:center}
ol.steps li b{color:var(--ink)}

/* 提示块 */
.warn{font-size:13.5px;color:var(--ink2);background:#fdf6f3;border-left:3px solid var(--red);
  border-radius:0 8px 8px 0;padding:11px 15px;margin-top:10px;text-align:justify}
.warn b{color:var(--red)}
.note{font-size:13px;color:var(--muted);margin-top:10px}

/* 风味 chip */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.chip{font-size:12.5px;background:var(--card);border:1px solid var(--line);border-radius:99px;
  padding:5px 13px;color:var(--green);border-bottom:1px solid var(--line)}
.chip:hover{background:var(--soft);border-color:var(--green2)}
.chip.plain{color:var(--muted);pointer-events:none}

/* 卡片网格 */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-top:12px}
.gcard{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:11px 13px;
  display:block;border-bottom:1px solid var(--line)}
.gcard:hover{border-color:var(--green2);background:#fff}
.gcard b{display:block;font-size:14px;color:var(--ink);font-weight:600}
.gcard span{display:block;font-size:11.5px;color:var(--muted);margin-top:3px}

/* 品类分节 */
.catsec{margin-top:26px}
.catsec h2{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px}
.catsec h2 em{font-style:normal;font-size:12.5px;font-weight:400;color:var(--muted)}

/* CTA */
.cta{margin:38px 0 0;background:var(--green);color:#fff;border-radius:14px;padding:22px 20px;text-align:center}
.cta h2{color:#fff;margin:0 0 7px;font-size:17px}
.cta p{font-size:13px;color:rgba(255,255,255,.82);margin-bottom:14px}
.cta a{display:inline-block;background:#fff;color:var(--green);font-weight:600;font-size:13.5px;
  padding:9px 22px;border-radius:99px;border:0}

footer{padding:30px 0 50px;margin-top:34px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
footer a{color:var(--green2);border:0}
footer p+p{margin-top:6px}

@media(max-width:640px){
  .wrap{padding:0 15px}
  .kv{grid-template-columns:repeat(2,1fr)}
  .grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .gcard{padding:10px}
  .gcard b{font-size:13px}
  h2{margin-top:28px}
}

/* ---- /know/ 文章参数速查表 ---- */
.dtable{width:100%;border-collapse:collapse;margin-top:12px;font-size:13px}
.dtable th{background:var(--card);color:var(--muted);font-weight:600;font-size:11.5px;
  letter-spacing:.02em;text-align:left;padding:9px 10px;border-bottom:1px solid var(--line)}
.dtable td{padding:9px 10px;border-bottom:1px solid var(--line);color:var(--ink2)}
.dtable td:first-child{font-weight:600;color:var(--ink)}
.dtable td a{border:0}
.dtable tr:hover td{background:var(--soft)}
.dtablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}