/* ═══════════════════════════════════════════════
   Boxelan · Buyer Guides（/blog/）补充样式
   基础样式复用 ../products/product.css
   ═══════════════════════════════════════════════ */

/* ── 文章头部 ── */
.post-head{max-width:768px;margin:0 auto;padding:14px 0 4px}
.post-head h1{font-size:2.2rem;margin-bottom:14px}
.post-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.8rem;color:var(--muted);margin-bottom:22px}
.post-meta span{position:relative}
.post-meta .dot::before{content:"·";margin-inline-end:16px;opacity:.6}

/* ── 正文 ── */
.post{max-width:768px;margin:0 auto;padding-bottom:30px}
.post p{color:#3f362b;margin-bottom:15px}
.post h2{font-family:Georgia,serif;font-size:1.5rem;color:var(--green-dark);margin:38px 0 12px;scroll-margin-top:90px}
.post h3{font-size:1.04rem;font-weight:700;color:#3d3226;margin:26px 0 8px;scroll-margin-top:90px}
.post ul,.post ol{margin:0 0 16px;padding-inline-start:22px;color:#3f362b}
.post li{margin-bottom:8px}
.post strong{color:var(--green-dark)}
.post a{color:var(--green);border-bottom:1px solid rgba(47,93,58,.3)}
.post a:hover{border-bottom-color:var(--green)}
.post hr{border:0;border-top:1px dashed #e2d6c1;margin:34px 0}

/* ── 结论框 ── */
.tldr{background:#fff;border:1px solid var(--line);border-inline-start:4px solid var(--kraft);border-radius:12px;padding:18px 22px;margin:0 0 28px;box-shadow:var(--shadow)}
.tldr>strong{display:block;font-size:.74rem;letter-spacing:.13em;text-transform:uppercase;color:var(--kraft-dark);margin-bottom:8px}
.tldr p{margin-bottom:10px}
.tldr p:last-child{margin-bottom:0}

/* ── 目录 ── */
.toc{background:#f3ecdd;border-radius:12px;padding:18px 22px;margin:0 0 30px}
.toc>strong{display:block;font-size:.74rem;letter-spacing:.13em;text-transform:uppercase;color:var(--kraft-dark);margin-bottom:10px}
.toc ol{margin:0;padding-inline-start:20px;font-size:.88rem}
.toc li{margin-bottom:5px}
.toc a{border-bottom:0;color:#4e4437}
.toc a:hover{color:var(--green)}

/* ── 表格 ── */
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:6px 0 22px;border-radius:10px;border:1px solid var(--line)}
.post table{width:100%;min-width:540px;border-collapse:collapse;font-size:.85rem;background:#fff}
.post th,.post td{padding:10px 13px;text-align:start;vertical-align:top;border-bottom:1px solid var(--line)}
.post thead th{background:#f1e8d8;color:var(--green-dark);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;font-weight:700}
.post tbody th{background:none;color:#4e4437;font-size:.85rem;letter-spacing:0;text-transform:none;font-weight:600}
.post tbody tr:last-child td,.post tbody tr:last-child th{border-bottom:0}
.post td:first-child,.post tbody th:first-child{font-weight:600;color:#4e4437}

/* ── 要点清单（无项目符号的勾选列表） ── */
.checklist{list-style:none;padding-inline-start:0}
.checklist li{position:relative;padding-inline-start:28px}
.checklist li::before{content:"✓";position:absolute;inset-inline-start:0;top:0;color:var(--green);font-weight:700}
.checklist.warn li::before{content:"!";color:#b4552d}

/* ── 引用 ── */
.post blockquote{border-inline-start:3px solid var(--kraft);background:#faf6ef;padding:6px 18px;margin:0 0 18px;color:#584c3e;font-style:italic}
.post blockquote p:last-child{margin-bottom:0}

/* ── 作者/工厂信息框 ── */
.author{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px;margin:34px auto 0;max-width:768px}
.author .mark{width:52px;height:52px;border-radius:12px;background:var(--green);color:#f5efe3;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:1.4rem}
.author h3{font-size:.92rem;color:var(--green-dark);margin-bottom:5px}
.author p{font-size:.84rem;color:var(--muted);margin:0}

/* ── 下一篇 / 相关阅读 ── */
.next-read{max-width:768px;margin:0 auto}
.next-read h3{font-family:Georgia,serif;font-size:1.2rem;color:var(--green-dark);margin-bottom:14px}

/* ── 列表页头部（与卡片左对齐） ── */
.hub-head{padding:26px 0 4px}
.hub-head h1{font-size:2.2rem;margin:14px 0 12px}
.hub-head .lede{max-width:760px}

/* ── 指南列表页 ── */
.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.guide{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 26px;box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s}
.guide:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(60,42,20,.13)}
.guide .tag{display:inline-block;background:#efe4cf;color:var(--kraft-dark);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:999px;margin-bottom:12px}
.guide h2{font-family:Georgia,serif;font-size:1.18rem;color:var(--green-dark);margin-bottom:8px;text-wrap:balance}
.guide p{font-size:.88rem;color:var(--muted);margin-bottom:14px}
.guide .more{font-size:.84rem;font-weight:600;color:var(--green)}

/* 卡片为奇数时，最后一张居中，避免左下角孤零零一张 */
@media(min-width:901px){
  .guide:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 10px);justify-self:center}
}

/* ── 响应式 ── */
@media(max-width:900px){
  .guide-grid{grid-template-columns:1fr}
  .post-head h1,.hub-head h1{font-size:1.9rem}
}
@media(max-width:620px){
  .post table{min-width:0;font-size:.79rem}
  .post th,.post td{padding:8px 9px}
  .post thead th{font-size:.7rem;letter-spacing:.02em}
  .post tbody th{font-size:.79rem}
  .post-head h1,.hub-head h1{font-size:1.55rem}
  .post h2{font-size:1.3rem;margin-top:32px}
  .post h3{font-size:1rem}
  .post p,.post li{font-size:.94rem}
  .tldr,.toc{padding:16px 18px}
  .author{grid-template-columns:1fr;gap:12px}
  .author .mark{width:44px;height:44px;font-size:1.2rem}
}