/* 首页 / 列表页：全站共享样式已统一收敛至 base.css（样张唯一来源）。
   本文件仅保留页面独有微调（当前无）。构建仍按 content-hash 落盘。 */

/* ============ /cat/ 分类页 · 直接列货（2026-09-09 拍板：对标终版-条目行-v2）============ */
.ci-zone { margin-top: 34px; }
.ci-zone-h { display: flex; align-items: center; gap: 12px; }
.ci-zone-h .zi {
  flex: none; width: 34px; height: 34px; border-radius: 8px;
  background: var(--accent); color: #fff; font-size: 20px; font-weight: 600;
  display: inline-flex; align-items: center; justify-content: center;
}
.ci-zone-h h2 { font-size: 19px; font-weight: 600; color: var(--accent-ink, #1F5C41); }
.ci-zone-h .ic {
  flex: none; width: 34px; height: 34px; border-radius: 9px; background: var(--accent-soft, #EAF4EF);
  display: inline-flex; align-items: center; justify-content: center;
}
.ci-zone-h .ic svg { width: 19px; height: 19px; stroke: var(--accent-ink, #1F5C41); fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.ci-zone-h .cnt { font-size: 13px; color: var(--sub, #8A857A); }

.ci-group { margin-top: 24px; }
.ci-group-h { display: flex; align-items: baseline; gap: 10px; padding-bottom: 8px; }
.ci-group-h h3 { font-size: 15px; font-weight: 600; color: #6E695E; }
.ci-group-h .cnt { font-size: 12.5px; color: #B9B3A6; }

.ci-word {
  background: #fff; border-radius: 12px; padding: 18px 26px 10px;
  margin-top: 12px;
}
.ci-word-h { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.ci-word-h h4 { font-size: 17px; font-weight: 600; }
.ci-word-h h4 a { color: var(--accent-ink, #1F5C41); text-decoration: none; }
.ci-word-h .lead { font-size: 13px; color: var(--sub, #8A857A); }
.ci-word-h .more { margin-left: auto; font-size: 13px; color: var(--accent, #2F7D5B); text-decoration: none; white-space: nowrap; }
.ci-word-h .more:hover { text-decoration: underline; }

.ci-rows { margin-top: 8px; counter-reset: cir; }
.ci-row {
  display: flex; align-items: center; gap: 12px;
  padding: 11px 2px; border-top: 1px solid #F1EDE4;
  text-decoration: none; color: inherit;
}
.ci-row:hover { background: #FBFAF6; }
.ci-row .no { flex: none; }
.ci-row .no::before { counter-increment: cir; content: counter(cir); font-size: 13px; color: #B9B3A6; font-variant-numeric: tabular-nums; }
.ci-row .nm { font-size: 15px; font-weight: 500; color: #3A372F; }
.ci-row:hover .nm { color: var(--accent, #2F7D5B); }
.ci-row .tag {
  flex: none; font-size: 11.5px; color: #8A857A; background: #F4F0E8;
  padding: 1px 8px; border-radius: 9px;
}
/* 行尾标签组（2026-09-09 标签体系）：位置/产地/性质/渠道，嵌在 .nm 内随名称折行 */
.ci-row .mtags { display: inline-flex; gap: 4px; margin-left: 8px; vertical-align: 1px; }
.ci-row .mtag {
  font-size: 11px; line-height: 1; color: #8A857A; background: #F4F0E8;
  padding: 2px 7px; border-radius: 8px; white-space: nowrap;
}
.ci-row .vs { font-size: 12.5px; color: #8A857A; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ci-row .vs em { font-style: normal; color: #6E695E; }
.ci-row .price {
  margin-left: auto; flex: none; font-size: 14px;
  color: var(--accent-ink, #1F5C41); font-weight: 600; font-variant-numeric: tabular-nums;
}
.ci-row .price.hot { background: #FFF3E6; color: #B45309; padding: 2px 10px; border-radius: 10px; }

@media (max-width: 640px) {
  .ci-row .vs, .ci-row .tag { display: none; }
  .ci-zone-h h2 { font-size: 17px; }
}

/* 分类页：分类头「更多 ›」 */
.ci-zone-h .ci-more {
  margin-left: auto; font-size: 13.5px; color: var(--accent, #2F7D5B);
  text-decoration: none; white-space: nowrap;
}
.ci-zone-h .ci-more:hover { text-decoration: underline; }

/* 分类页：无H1页头，首个分类区不吃 34px 顶距，杜绝顶栏下大空白 */
.sec > .ci-zone:first-child { margin-top: 0; }