/* 行业研究 · 正文样式（2026-10-25）
   从正文内联 <style> 挪出来：内联的 CSS 会被 wpautop 拆成 <p> 文本，规则全失效。
   只在本分类下加载。*/

.fhn-art{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,"PingFang SC","Microsoft YaHei",Helvetica,Arial,sans-serif}
.fhn-art .wrap{max-width:740px;margin:0 auto;background:var(--surface);padding:26px 20px 56px;color:var(--ink);font-size:16px;line-height:1.85}
.fhn-art .topbar{height:3px;background:var(--a-green);border-radius:3px}
.fhn-art h1{font-size:23px;color:var(--a-green-ink);line-height:1.45;margin:16px 0 10px;font-weight:700}
.fhn-art .meta{font-size:13px;color:var(--ink2);margin:0 0 4px}
.fhn-art .byline{font-size:13px;color:var(--ink2);margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.fhn-art h2{font-size:18px;color:var(--a-green-ink);margin:30px 0 10px;padding-left:10px;border-left:4px solid var(--accent2);font-weight:700}
.fhn-art p{margin:0 0 12px;text-indent:2em}
.fhn-art p.kw{text-indent:0;color:var(--ink2);font-size:14.5px;margin:0 0 8px}
.fhn-art p.kw b{color:var(--a-green-ink)}
.fhn-art .kwt{display:inline-block;background:var(--a-green-tint);border:1px solid var(--a-green);color:var(--a-green-ink);border-radius:20px;padding:2px 11px;font-size:12.5px;margin:0 6px 6px 0}
.fhn-art .abstract{background:var(--a-green-tint);border-left:4px solid var(--a-green);padding:14px 16px;margin:0 0 18px;border-radius:0 8px 8px 0}
.fhn-art .abstract b{color:var(--a-green-ink)}
.fhn-art .concl{background:var(--a-amber-tint);border-left:4px solid var(--accent2);color:var(--ink);padding:14px 16px;margin:24px 0 8px;border-radius:0 8px 8px 0;font-weight:600}
.fhn-art .pain{color:var(--err);background:var(--a-red-tint);border-left:3px solid var(--err);padding:9px 13px;margin:0 0 10px;font-size:15px;border-radius:0 6px 6px 0}
.fhn-art .dark{color:var(--ink);background:var(--a-gray-tint);border-left:3px solid var(--ink2);padding:9px 13px;margin:0 0 10px;font-size:15px;border-radius:0 6px 6px 0}
.fhn-art .solve{color:var(--ink);background:var(--a-green-tint);border-left:3px solid var(--ok);padding:9px 13px;margin:10px 0 16px;font-size:15px;line-height:1.8;border-radius:0 6px 6px 0}
.fhn-art .solve b{color:var(--ok)}
.fhn-art .note{color:var(--ink2);background:var(--a-note-tint);border:1px solid var(--line);border-left:3px solid var(--accent2);padding:8px 12px;margin:-4px 0 14px;font-size:13.5px;line-height:1.75;border-radius:0 6px 6px 0}
.fhn-art .note b{color:var(--a-green-ink)}
.fhn-art .more{color:var(--a-green-ink);font-weight:600;font-size:15.5px;line-height:1.7;margin:20px 0 8px}
.fhn-art .more-a{color:var(--ink2);font-size:15px;line-height:1.8;margin:0 0 16px;padding-left:12px;border-left:2px solid var(--line)}
.fhn-art .more-r{color:var(--ink2);font-size:15px;line-height:1.8;margin:0 0 16px;padding-left:12px;border-left:2px solid var(--line)}
.fhn-art .fig{margin:22px 0 8px}
.fhn-art .fig-t{font-size:12.5px;color:var(--a-green-ink);font-weight:700;text-align:center;margin:8px 0 0}
.fhn-art .fig img{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:8px}
.fhn-art .tbl{margin:22px 0 10px}
.fhn-art .tbl-t{font-size:12.5px;color:var(--a-green-ink);font-weight:700;margin:0 0 8px}
.fhn-art .tbl table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.6}
.fhn-art .tbl th{background:var(--a-green-tint);color:var(--a-green-ink);font-weight:700;text-align:left;padding:7px 9px;border:1px solid var(--line)}
.fhn-art .tbl td{padding:6px 9px;border:1px solid var(--line);color:var(--ink);vertical-align:top}
.fhn-art .tbl tr:nth-child(even) td{background:var(--paper-up)}
.fhn-art .tbl td.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.fhn-art .tbl tr.sum td{background:var(--a-green-tint);color:var(--a-green-ink);font-weight:700}
.fhn-art .tbl-n{font-size:11px;color:var(--muted-ink);line-height:1.65;margin:6px 0 0}
.fhn-art .ovb-h{font-size:14px;color:var(--a-green-ink);font-weight:700;margin:20px 0 10px}
.fhn-art .ovb-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px}
.fhn-art .ovb{background:var(--a-green-tint);border-left:4px solid var(--a-green);border-radius:0 8px 8px 0;padding:12px 14px}
.fhn-art .ovb-l{color:var(--ink2);font-size:12.5px;font-weight:700;line-height:1.5;margin-bottom:4px}
.fhn-art .ovb-v{color:var(--accent2-ink);font-size:19px;font-weight:800;line-height:1.3}
.fhn-art .ovb-m{color:var(--muted-ink);font-size:10.5px;margin-top:6px;line-height:1.5}
.fhn-art .gloss{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:12px 14px;margin:26px 0 0;font-size:12px;line-height:1.75}
.fhn-art .gloss b{font-size:12.5px;color:var(--ink2)}
.fhn-art .gloss-i{margin:4px 0;font-size:12px;line-height:1.75;color:var(--ink2)}
.fhn-art .gloss-i b{color:var(--a-green-ink);font-weight:600}
.fhn-art .foot{margin-top:32px;padding-top:14px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted-ink)}
.fhn-art{--a-green-ink:#1c5c46;--a-green:#1f7a56;--a-green-tint:#e9f1e8;--a-amber-tint:#f7efd6;--a-red-tint:#fbeceb;--a-gray-tint:#eef0ee;--a-note-tint:#faf9f6}
:root[data-theme="dark"] .fhn-art{--a-green-ink:var(--accent);--a-green:var(--accent);--a-green-tint:color-mix(in srgb,var(--accent) 15%,var(--surface));--a-amber-tint:color-mix(in srgb,var(--accent2) 18%,var(--surface));--a-red-tint:color-mix(in srgb,var(--err) 15%,var(--surface));--a-gray-tint:var(--surface-2);--a-note-tint:var(--surface-2)}


/* —— 行业研究补充 —— */
.fhn-art .author{font-size:12.5px;color:var(--muted-ink);margin:0 0 18px;letter-spacing:.04em}
.fhn-art .ab-h{font-weight:700;color:var(--a-green-ink);margin-bottom:6px}
.fhn-art .kwl{font-weight:700;color:var(--a-green-ink);margin:0 0 6px;font-size:14px}
.fhn-art .flat{text-indent:0;margin:0 0 16px}
.fhn-art .kwt{display:inline-block;background:var(--a-green-tint);border:1px solid var(--line);
  color:var(--a-green-ink);font-size:12px;padding:2px 9px;border-radius:3px;margin:0 6px 6px 0}
.fhn-art .cap,.fhn-art .figcap{font-size:12px;color:var(--muted-ink);text-align:center;
  margin:6px 0 18px;line-height:1.7}
.fhn-art table{width:100%;border-collapse:collapse;margin:16px 0;font-size:13px}
.fhn-art th{background:var(--a-green-tint);border:1px solid var(--line);padding:8px 10px;
  text-align:left;font-weight:600}
.fhn-art td{border:1px solid var(--line);padding:8px 10px;vertical-align:top}
/* 章节锚点：跳转时留出顶栏高度 */
.fhn-art h2{scroll-margin-top:88px}

/* ══ 读书式：单栏正文 + 右侧悬浮目录 + 分页（2026-10-25 改版）══
   ⚠️ 上一版把正文做成 1080 两栏，结果 #single 是 780 宽，标题居中、正文左对齐，
      两边起点差 50px —— 这就是「页面偏了」。现在回到单栏同宽，目录用 fixed 悬浮。 */

/* 正文与标题同宽同起点 */
#single{max-width:760px}
#single .sHead,#single .sBody{max-width:760px}
/* 主题里 #single .sBody .fhn-art .wrap 带着 34px 内边距，正文会比标题缩进 34px —— 要压过它 */
#single .sBody .fhn-art .wrap{max-width:760px;margin:0 auto;padding:0 0 40px;
  background:none;border:0;display:block}
.fhn-art .artMain{max-width:none}

/* —— 悬浮目录 —— */
.artTocFix{font-size:12px;line-height:1.7}
.artTocFix .artTocH{font-size:9.5px;letter-spacing:.26em;color:var(--muted-ink);
  margin-bottom:10px;display:flex;align-items:baseline;gap:6px}
.artTocFix .artTocH i{font-style:normal;font-size:9px;letter-spacing:.1em;color:var(--line2)}
.artTocFix ol{list-style:none;margin:0;padding:0}
.artTocFix li{margin:0 0 6px}
.artTocFix a{display:block;color:var(--ink2);text-decoration:none;
  border-left:2px solid transparent;padding:1px 0 1px 10px;
  transition:color .18s,border-color .18s}
.artTocFix a:hover{color:#17463a}
.artTocFix li.on a{color:#17463a;font-weight:600;border-left-color:#17463a}
/* 别的页上的章节：淡一档，提示「点过去要翻页」 */
.artTocFix li.off a{color:var(--muted-ink);opacity:.72}

@media (min-width:1150px){
  /* 目录不再钉在窗口最右边（那样离文章越来越远），改成：
     正文 760 + 间距 40 + 目录 196 = 996，**这一个整体在页面居中**。
     做法是给 #single 右侧留出 236px 的「目录车道」，目录 fixed 到车道里。 */
  #single{max-width:1040px;padding-right:280px;box-sizing:border-box}
  .artTocFix{position:fixed;top:104px;right:calc((100vw - 1040px) / 2);width:240px;
    max-height:calc(100vh - 150px);overflow:auto;
    padding-left:16px;border-left:1px solid var(--line)}
}
@media (max-width:1149px){
  /* 窄屏收进正文：变成开头的一张目录卡 */
  .artTocFix{margin:0 0 26px;padding:14px 18px;background:var(--surface-2);
    border:1px solid var(--line);border-left:3px solid #17463a;
    border-radius:0 6px 6px 0;max-height:none}
  .artTocFix ol{columns:2;column-gap:24px}
  .artTocFix li{break-inside:avoid}
  .artTocFix a{border-left:0;padding-left:0}
}
@media (max-width:620px){ .artTocFix ol{columns:1} }

/* —— 分页条 —— */
.artPages{margin:34px 0 6px;padding-top:20px;border-top:1px solid var(--line);
  display:flex;align-items:center;flex-wrap:wrap;gap:6px;
  font-family:"SF Mono",Menlo,monospace;font-size:12px}
.artPages .artPagesK{font-family:"PingFang SC",sans-serif;font-size:11px;
  letter-spacing:.14em;color:var(--muted-ink);margin-right:4px}
.artPages a,.artPages > span:not(.artPagesK){
  display:inline-block;min-width:30px;text-align:center;padding:5px 9px;
  border:1px solid var(--line);border-radius:2px;text-decoration:none;
  color:var(--ink2);background:#fff}
.artPages a:hover{border-color:#17463a;color:#17463a}
.artPages > span:not(.artPagesK){background:#17463a;border-color:#17463a;color:#fff;font-weight:600}

/* ══ 2026-10-25 追加：副标题 / 去掉绿杠 / 目录展开收起 ══ */
/* 标题下的副标题（正题在 H1，补语落这里） */
.sSub{margin:7px 0 0;font-family:"Songti SC","Source Han Serif SC",serif;
  font-size:clamp(15px,1.25vw,18px);line-height:1.62;letter-spacing:.02em;color:var(--ink2)}

/* 源文件正文开头那条 3px 绿色横杠（.topbar），用户点名不要 */
.fhn-art .topbar{display:none !important}

/* 目录的展开 / 收起 */
.artTocH{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.artTocTog{margin-left:auto;padding:0 0 1px;border:0;background:none;cursor:pointer;
  font:inherit;font-size:9.5px;letter-spacing:.16em;color:#17463a;
  border-bottom:1px solid rgba(23,70,58,.45);white-space:nowrap}
.artTocTog:hover{border-bottom-color:#17463a}
.artTocFix.is-fold ol{display:none}
.artTocFix.is-fold{max-height:none !important;overflow:visible}

/* ══ 农产品流通研究 · 报告列表（2026-10-25）══ */
.indWrap{max-width:1180px;margin:0 auto;
  padding:clamp(26px,4.2vh,48px) clamp(20px,4vw,56px) clamp(40px,6vh,72px)}
.indHead{padding-bottom:clamp(18px,2.6vh,26px);margin-bottom:clamp(20px,3vh,30px);
  border-bottom:1px solid var(--line2)}
.indKick{font-size:10px;letter-spacing:.32em;color:var(--muted);margin-bottom:12px}
.indHead h1{font-family:"Songti SC","Source Han Serif SC",serif;
  font-size:clamp(26px,3.2vw,40px);font-weight:600;line-height:1.3;letter-spacing:.02em;color:var(--ink)}
.indDesc{margin-top:12px;font-size:13.5px;line-height:1.95;color:var(--ink2);max-width:46em}
.indStat{margin-top:14px;font-size:11px;letter-spacing:.14em;color:var(--muted)}
.indStat b{font-family:"SF Mono",Menlo,monospace;font-weight:400;font-size:14px;color:var(--ink);margin-right:2px}

.indGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.5vw,18px)}

/* 一张报告 = 一个块：编号块 + 标题块 + 小字简介 */
.indCard{position:relative;display:flex;flex-direction:column;
  padding:clamp(16px,1.7vw,22px);
  border:1px solid var(--line);border-radius:8px;background:var(--surface);
  text-decoration:none;color:var(--ink);
  transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s,border-color .25s}
.indCard:hover{transform:translateY(-2px);border-color:var(--line2);
  box-shadow:0 14px 32px rgba(21,26,23,.09)}
/* 编号做成一个小色块 */
.indNo{display:inline-block;align-self:flex-start;
  font-family:"SF Mono",Menlo,monospace;font-size:10.5px;line-height:1;
  letter-spacing:.06em;color:#17463a;background:var(--a-green-tint,#e8f0ec);
  border:1px solid rgba(23,70,58,.18);border-radius:3px;padding:5px 7px;margin-bottom:10px}
/* 标题本身也是一块：给一点底色，和简介分开 */
.indTitle{display:block;font-family:"Songti SC","Source Han Serif SC",serif;
  font-size:clamp(15px,1.28vw,17px);line-height:1.5;font-weight:600;letter-spacing:.01em;
  padding-left:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.indSub{display:block;margin-top:6px;font-size:11.5px;line-height:1.6;
  color:var(--muted);letter-spacing:.02em;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.indEx{display:block;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);
  font-size:11.5px;line-height:1.75;color:var(--ink2);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.indCard:hover .indTitle{color:#17463a}

.indPager{margin-top:clamp(26px,4vh,40px);text-align:center}
.indPager .page-numbers{display:inline-block;min-width:34px;padding:7px 10px;margin:0 3px;
  font-size:12px;text-decoration:none;color:var(--ink2);
  border:1px solid var(--line);border-radius:2px;background:#fff}
.indPager .page-numbers.current{background:#17463a;border-color:#17463a;color:#fff}
.indPager .page-numbers.dots{border:0;background:none}
.indEmpty{padding:40px 0;color:var(--muted);font-size:13px}

@media (max-width:1024px){ .indGrid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:680px){
  .indGrid{grid-template-columns:1fr;gap:10px}
  .indCard{padding:15px 16px}
  .indWrap{padding-left:18px;padding-right:18px}
}

/* ══ 报告列表的横向滚动条（2026-10-25）══
   把一整套报告的名字压成一行慢慢往左走，鼠标停住就暂停，点哪条进哪篇。 */
.indStrip{overflow:hidden;margin:0 0 clamp(20px,2.6vh,28px);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.indStripRow{display:flex;align-items:center;gap:0;width:max-content;
  animation:indRun 180s linear infinite;will-change:transform}
.indStrip:hover .indStripRow{animation-play-state:paused}
@keyframes indRun{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.indChip{display:inline-flex;align-items:baseline;gap:8px;white-space:nowrap;
  padding:11px 16px;font-size:12.5px;line-height:1.4;color:var(--ink2);
  text-decoration:none;border-right:1px solid var(--line);
  transition:color .2s,background .2s}
.indChip i{font-style:normal;font-family:"SF Mono",Menlo,monospace;font-size:10px;
  color:var(--muted);letter-spacing:.04em}
.indChip:hover{color:#17463a;background:rgba(232,240,236,.6)}
.indChip:hover i{color:#17463a}
@media (prefers-reduced-motion: reduce){ .indStripRow{animation:none} }
@media (max-width:680px){ .indChip{padding:9px 13px;font-size:11.5px} }

/* ══ 视频大类页：封面瀑布流（2026-10-25）══ */
.vfWrap{max-width:1180px;margin:0 auto;
  padding:clamp(26px,4.2vh,48px) clamp(20px,4vw,56px) clamp(40px,6vh,72px)}
.vfHead{padding-bottom:clamp(16px,2.4vh,24px);margin-bottom:clamp(18px,2.6vh,26px);
  border-bottom:1px solid var(--line2)}
.vfKick{font-size:10px;letter-spacing:.32em;color:var(--muted);margin-bottom:12px}
.vfHead h1{font-family:"Songti SC","Source Han Serif SC",serif;
  font-size:clamp(26px,3.2vw,40px);font-weight:600;line-height:1.3;letter-spacing:.02em}
.vfDesc{margin-top:12px;font-size:13.5px;line-height:1.95;color:var(--ink2);max-width:44em}
.vfStat{margin-top:14px;font-size:11px;letter-spacing:.14em;color:var(--muted)}
.vfStat b{font-family:"SF Mono",Menlo,monospace;font-weight:400;font-size:14px;color:var(--ink);margin-right:2px}

.vfSec{margin:0 0 clamp(30px,4.6vh,52px)}
.vfSecH{display:flex;align-items:baseline;gap:12px;margin-bottom:16px;
  padding-bottom:10px;border-bottom:1px solid var(--line)}
.vfSecH h2{font-family:"Songti SC",serif;font-size:19px;font-weight:600;letter-spacing:.04em}
.vfCnt{font-family:"SF Mono",Menlo,monospace;font-size:11px;color:var(--muted)}
.vfAll{margin-left:auto;font-size:11px;letter-spacing:.1em;color:#17463a;
  text-decoration:none;border-bottom:1px solid rgba(23,70,58,.4);padding-bottom:1px}

/* 瀑布流：CSS 多列排，条目高度不等，自然错落 */
.vfFlow{columns:3;column-gap:clamp(12px,1.6vw,18px)}
.vfItem{display:block;break-inside:avoid;margin:0 0 clamp(14px,1.8vw,20px);
  text-decoration:none;color:var(--ink)}
.vfPic{position:relative;display:block;overflow:hidden;border-radius:6px;
  border:1px solid var(--line);background:var(--surface-2)}
.vfPic img{width:100%;display:block;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.vfItem:hover .vfPic img{transform:scale(1.035)}
.vfDur{position:absolute;right:8px;bottom:8px;font-style:normal;
  font-family:"SF Mono",Menlo,monospace;font-size:10.5px;letter-spacing:.04em;
  color:#fff;background:rgba(10,14,12,.72);padding:2px 6px;border-radius:2px}
.vfTitle{display:block;margin-top:10px;font-size:13.5px;line-height:1.6;font-weight:600;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vfItem:hover .vfTitle{color:#17463a}
.vfDate{display:block;margin-top:4px;font-family:"SF Mono",Menlo,monospace;
  font-size:10px;letter-spacing:.1em;color:var(--muted)}
.vfEmpty{padding:40px 0;color:var(--muted);font-size:13px}

@media (max-width:1024px){ .vfFlow{columns:2} }
@media (max-width:640px){ .vfFlow{columns:1} .vfWrap{padding-left:18px;padding-right:18px} }
