/*!
Theme Name: 暖通视界
Version: 1.2.177
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hvac-insight
*/

/* ==========================================================================
   暖通视界 HVAC Insight — 行业资讯门户 设计系统 v5
   参考调性：36氪 / 钛媒体 / 爱范儿 / 少数派 / 雷锋网
   特征：直角为主 · 大字号 · 弱阴影 · 线条与留白分隔
   字体：Noto Sans SC（SIL OFL 协议 · 免费可商用）
   ========================================================================== */

/* ---------- 0. 字体 ---------- */
/* 系统字体栈：各设备自行渲染（macOS 苹方 / 鸿蒙 HarmonyOS Sans / Windows 微软雅黑 / Linux 思源黑体·文泉驿 / 安卓 Roboto），不加载网络字体（v1.2.49 起） */

/* ---------- 1. Design Tokens ---------- */
:root{
  /* 主色 · 蓝 */
  --blue-50:#EDF3FC;
  --blue-100:#D9E6F9;
  --blue-200:#B4CDF2;
  --blue-300:#7FA9E6;
  --blue-400:#5B8FD6; /* 与静态稿同步（v1.2.57 起） */
  --blue-500:#2A6FD6;
  --blue-600:#1358BE;
  --blue-700:#0B4394;
  --blue-900:#08295C;

  /* 中性 · 墨 */
  --ink-900:#111823;
  --ink-800:#1E2735;
  --ink-700:#33404F;
  --ink-500:#5C6B7C;
  --ink-400:#8593A3;
  --ink-300:#AEB9C4;

  /* 界面 */
  --bg:#F5F6F8;
  --bg-soft:#FAFBFC;
  --white:#FFFFFF;
  --line:#E3E7EC;
  --line-soft:#EDF0F3;
  --line-dark:#D5DAE0;

  /* 栏目语义色 */
  --c-cool:#1358BE;   /* 空调制冷 */
  --c-vent:#0A8F87;   /* 通风净化 */
  --c-heat:#D9631F;   /* 供热采暖 */
  --c-pump:#4F4FC9;   /* 热泵 */
  --c-orig:#B23A0B;   /* 原创文章 */
  --c-bid:#0A8F87;    /* 招标采购 */

  /* 状态（中国习惯：涨红跌绿） */
  --up:#D42A2A;
  --down:#0A8F5E;
  --red:#D6312B;      /* 头条资讯红底 */

  /* 字号 — 整体上调，参考少数派 / 爱范儿阅读体验 */
  --fs-12:12px; --fs-13:13px; --fs-14:14px; --fs-15:15px; --fs-16:16px;
  --fs-17:17px; --fs-18:18px; --fs-20:20px; --fs-22:22px; --fs-24:24px;
  --fs-28:28px; --fs-32:32px; --fs-36:36px; --fs-40:40px;

  /* 间距 */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px;
  --s-6:24px; --s-7:28px; --s-8:32px; --s-10:40px; --s-12:48px; --s-14:56px; --s-16:64px; /* v1.2.57 起补 --s-7/--s-14 与静态稿一致 */

  /* 圆角 — 全站直角化，仅头像/胶囊保留 */
  --r-0:0px; --r-xs:2px; --r-10:10px; --r-full:999px;

  /* 阴影 — 极弱，主要靠 1px 线分隔 */
  --sh-xs:0 1px 2px rgba(17,24,35,.03);
  --sh-sm:0 2px 6px rgba(17,24,35,.05);
  --sh-md:0 4px 14px rgba(17,24,35,.07);

  --ease:cubic-bezier(.22,.61,.36,1);
  --container:1280px;
}

/* ---------- 2. Reset ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"HarmonyOS Sans SC","PingFang SC",
    "Microsoft YaHei","Noto Sans CJK SC","Source Han Sans SC","Alibaba PuHuiTi 3.0",
    "WenQuanYi Micro Hei",Roboto,"Helvetica Neue",Arial,system-ui,sans-serif; /* 系统字体栈，设备端自行渲染（v1.2.49 起） */
  font-size:var(--fs-16);
  line-height:1.65;
  color:var(--ink-900);
  background:var(--white);
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;transition:color .18s var(--ease);}
ul,ol{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,h5{margin:0;font-weight:700;letter-spacing:-.01em;}
p{margin:0;}
button,input,textarea{font:inherit;color:inherit;}
.container{max-width:var(--container);margin:0 auto;padding:0 28px;}

/* 语义容器块化 */
.post__img,.post__bd,.expo__d,.rel .ph,.prose figure .ph,
.footer__qr{display:block;}
.layout,.layout > *,.hero,.hero > *,.news-item,.news-item > *{min-width:0;}

/* 关键：把 cols-2 锁在左内容栏宽度内，禁止任何子项撑爆父容器 */
.cols-2,.cols-2 > section{min-width:0;max-width:100%;}
.cols-2 > section > *{min-width:0;}

/* ---------- 3. 通用原子 ---------- */
.mt-4{margin-top:var(--s-4);} .mt-6{margin-top:var(--s-6);}
.mt-8{margin-top:var(--s-8);} .mt-10{margin-top:var(--s-10);}
.mt-12{margin-top:var(--s-12);}
.muted{color:var(--ink-400);}
.tnum{font-variant-numeric:tabular-nums;}

/* 无障碍隐藏（用于 SEO h1 等，视觉不可见） */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}

/* 涨跌状态工具类（与 --up/--down token 统一） */
.t-up{color:var(--up);font-weight:700;}
.t-down{color:var(--down);font-weight:700;}

/* 栏目标签 chip — 直角 */
.chip{
  display:inline-flex;align-items:center;gap:4px;
  height:24px;padding:0 9px;border-radius:var(--r-0);
  font-size:var(--fs-13);font-weight:500;line-height:1;
  background:var(--blue-50);color:var(--blue-600);
  white-space:nowrap;
}
.chip--cool{background:#E7EFFB;color:var(--c-cool);}
.chip--vent{background:#E0F4F2;color:var(--c-vent);}
.chip--heat{background:#FBEADD;color:var(--c-heat);}
.chip--pump{background:#EAEAF9;color:var(--c-pump);}
.chip--orig{background:#FAE7DE;color:var(--c-orig);}
.chip--bid{background:#E0F4F2;color:var(--c-bid);}
.chip--solid{background:var(--blue-600);color:#fff;}

/* 按钮 — 直角 */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  height:40px;padding:0 20px;border:1px solid transparent;border-radius:var(--r-0);
  font-size:var(--fs-15);font-weight:500;cursor:pointer;
  transition:all .2s var(--ease);
}
.btn--primary{background:var(--blue-600);color:#fff;}
.btn--primary:hover{background:var(--blue-700);}
.btn--ghost{background:#fff;border-color:var(--line-dark);color:var(--ink-700);}
.btn--ghost:hover{border-color:var(--blue-500);color:var(--blue-600);}
.btn--sm{height:34px;padding:0 15px;font-size:var(--fs-14);}

/* 卡片 — 直角 + 1px 线 */
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-0);}
.card--pad{padding:var(--s-6) var(--s-8);}

/* 区块标题 v12 — 纯文字，无色条、无引导线、无分割线 */
.sec-head{
  display:flex;align-items:center;justify-content:space-between;
  gap:var(--s-4);margin-bottom:var(--s-5);
  padding-bottom:0;border-bottom:0;
}
.sec-head__l{display:flex;align-items:baseline;gap:var(--s-3);min-width:0;}
.sec-head h2{font-size:var(--fs-18);font-weight:600;letter-spacing:-.01em;line-height:1.3;} /* 栏目标题 22→18px 缩小（v1.2.152） */
.more{font-size:var(--fs-15);color:var(--ink-400);flex:0 0 auto;
  display:inline-flex;align-items:center;gap:3px;}
.more:hover{color:var(--blue-600);}
/* 更多链接右箭头：字符 › 换为蓝色实心小三角 SVG（v1.2.139 起） */
.more-caret{width:14px;height:14px;color:var(--blue-600);flex-shrink:0;
  transform:translateY(-1px);} /* 视觉上略上移与文字基线对齐 */

/* 元信息行 */
.meta{display:flex;align-items:center;gap:12px;font-size:var(--fs-14);color:var(--ink-400);}
.meta .dot{display:inline-block;width:3px;height:3px;border-radius:50%;
  background:var(--ink-300);flex-shrink:0;}

/* ---------- 4. 图片占位（设计稿用，上线替换真实图） ---------- */
.ph{position:relative;overflow:hidden;background:#D9E6F9;}
.ph::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(120% 100% at 15% 10%, rgba(255,255,255,.7), transparent 55%),
    linear-gradient(135deg,#CCDDF8 0%,#A9C8EE 42%,#B9DDD8 100%);
}
.ph::after{
  content:"";position:absolute;inset:0;opacity:.45;
  background:repeating-linear-gradient(118deg,rgba(255,255,255,.5) 0 1px,transparent 1px 17px);
}
.ph--vent::before{background:radial-gradient(120% 100% at 15% 10%,rgba(255,255,255,.7),transparent 55%),linear-gradient(135deg,#CFEDE9 0%,#A2D6D0 45%,#C1DBF6 100%);}
.ph--heat::before{background:radial-gradient(120% 100% at 15% 10%,rgba(255,255,255,.7),transparent 55%),linear-gradient(135deg,#FADDC8 0%,#F2C39F 45%,#D3DFF5 100%);}
.ph--pump::before{background:radial-gradient(120% 100% at 15% 10%,rgba(255,255,255,.7),transparent 55%),linear-gradient(135deg,#DAD8F6 0%,#B3B0EA 45%,#C3DBF5 100%);}
.ph--deep::before{background:radial-gradient(120% 100% at 20% 0%,rgba(255,255,255,.3),transparent 50%),linear-gradient(135deg,#26436F 0%,#152F58 50%,#125A6E 100%);}
.ph--cool::before{background:radial-gradient(120% 100% at 15% 10%,rgba(255,255,255,.7),transparent 55%),linear-gradient(135deg,#D6E6FA 0%,#A9C8F2 45%,#C3DBF5 100%);}
.ph--warm::before{background:radial-gradient(120% 100% at 15% 10%,rgba(255,255,255,.7),transparent 55%),linear-gradient(135deg,#FBE3C9 0%,#F4C7A0 45%,#D8C9F2 100%);}

/* ---------- 5. 广告位（设计稿标注样式） ---------- */
.ad{
  position:relative;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:2px;
  border:1.5px dashed var(--blue-200);border-radius:var(--r-0);
  background:
    linear-gradient(135deg,rgba(42,111,214,.05),rgba(42,111,214,.015)),
    repeating-linear-gradient(45deg,rgba(42,111,214,.04) 0 8px,transparent 8px 16px);
  color:var(--ink-400);text-align:center;overflow:hidden;
}
.ad__code{font-size:var(--fs-14);font-weight:900;color:var(--blue-600);letter-spacing:.1em;}
.ad__name{font-size:var(--fs-14);color:var(--ink-700);font-weight:500;margin-top:2px;}
.ad__spec{font-size:var(--fs-12);color:var(--ink-400);margin-top:2px;letter-spacing:.02em;}
.ad__tag{
  position:absolute;top:0;left:0;
  font-size:11px;font-weight:700;letter-spacing:.08em;
  background:var(--blue-600);color:#fff;padding:3px 9px;
}
.ad--banner{height:110px;}
.ad--strip{height:90px;}
/* 详情页标题上方通栏（C2）与下方标题/标签保持 24px 间距；C3 在 article 外不受影响（v1.2.94 起） */
.article > .ad--strip{margin-bottom:var(--s-6);}
.ad--rect{height:250px;}
.ad--sky{height:600px;}
.ad--feed{height:132px;margin:24px 0;}
.ad--inline{height:100px;}
.ad--sky3{height:186px;}
/* 正文结束下方通栏与标题上方通栏同宽（article 右内边距 48px 对齐，避免图片放大，v1.2.78 起） */
.ad--match-article{margin-right:var(--s-12);}

/* ---------- 6. Header ---------- */
.header{
  position:sticky;top:0;z-index:50;
  background:var(--white);
  border-bottom:1px solid var(--line);
}
.header .container{display:flex;align-items:center;gap:var(--s-8);height:76px;}
.logo{display:flex;align-items:center;gap:11px;flex-shrink:0;}
.logo__img{display:block;height:44px;width:auto;flex-shrink:0;} /* 站点 LOGO 图片（644×151 透明 PNG，等比缩放显示，v1.2.124 起） */
.nav{display:flex;align-items:center;gap:2px;margin-left:0;} /* 导航紧贴 LOGO，不再靠右（v1.2.39 起，靠右改由 header__act 承担） */
.nav a{
  position:relative;padding:9px 15px;
  font-size:var(--fs-17);font-weight:400;color:var(--ink-700);white-space:nowrap;
  transition:color .2s var(--ease);
}
.nav a::after{
  content:"";position:absolute;left:15px;right:15px;bottom:-1px;height:3px;
  background:var(--blue-600);
  transform:scaleX(0);transform-origin:left center;transition:transform .25s var(--ease);
} /* 下划线默认隐藏，hover/当前分类时自左向右展开（v1.2.48 起） */
.nav a:hover{color:var(--blue-600);}
.nav a:hover::after{transform:scaleX(1);} /* 悬停加粗下划线展开（v1.2.48 起） */
.nav a.is-active{color:var(--blue-600);font-weight:700;}
.nav a.is-active::after{
  content:"";position:absolute;left:15px;right:15px;bottom:-1px;height:3px;
  background:var(--blue-600);transform:scaleX(1);
}
/* 主导航「行业资讯」二级下拉：hover 显示行业分类横排 + 三角箭头（v1.2.160 起；v1.2.161 横排+箭头） */
.nav .has-subcat{position:relative;}
.nav .has-subcat > a{padding-right:28px;} /* 为箭头留位 */
/* 箭头：圆角线条 chevron SVG，默认下向灰色、hover 变蓝并旋转 180° 上向（v1.2.162 起；v1.2.163 hover 变蓝） */
.nav .has-subcat > a::before{content:"";position:absolute;right:9px;top:50%;
  width:14px;height:14px;transform:translateY(-50%); /* 箭头 11→14px 放大（v1.2.166） */
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") center/contain no-repeat;
  transition:transform .2s var(--ease),background-color .2s var(--ease),opacity .2s var(--ease);opacity:.85;}
.nav .has-subcat:hover > a::before,
.nav .has-subcat:focus-within > a::before{transform:translateY(-50%) rotate(180deg);opacity:1;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23256beb' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");}
/* 下拉面板：线上实测 li 底部(y=52.2)距分隔线(y=77.0)差 24.8px，+25px 面板顶紧贴分隔线下方无间隙（v1.2.171 实测校准；注意外部进程会回写本行为 +16px，部署前须核对） */
.nav .subcat{position:absolute;left:0;top:calc(100% + 25px);z-index:60;
  background:#fff;border:1px solid var(--line);
  box-shadow:0 8px 24px rgba(15,40,90,.10);padding:8px;
  display:flex;gap:4px;visibility:hidden;
  opacity:0;transform:translateY(-6px);
  transition:opacity .6s var(--ease),transform .6s var(--ease),visibility 0s .6s;}
/* 展开：立即可见，0.6s 淡入下滑；hover 桥填补 25px 空隙，鼠标移入面板不丢 hover */
.nav .has-subcat::after{content:"";position:absolute;left:0;right:0;top:100%;height:25px;}
.nav .has-subcat:hover .subcat,.nav .has-subcat:focus-within .subcat{
  visibility:visible;opacity:1;transform:translateY(0);
  transition:opacity .6s var(--ease),transform .6s var(--ease),visibility 0s;} /* 展开即时可见，走 0.6s 动画 */
.nav .subcat li{margin:0;}
.nav .subcat a{display:inline-block;padding:9px 15px;
  font-size:var(--fs-17);font-weight:400;color:var(--ink-700);white-space:nowrap;} /* 与一级菜单同字号同色（v1.2.162） */
.nav .subcat a::after{display:none;} /* 去掉导航下划线动效 */
.nav .subcat a:hover{color:var(--blue-600);} /* 展开项 hover 仅文字变蓝，无背景框（v1.2.163） */
.header__act{display:flex;align-items:center;gap:var(--s-3);margin-left:auto;flex-shrink:0;} /* 搜索/操作区靠右对齐，导航保持贴近 LOGO（v1.2.39 起） */
/* 限定 .header 作用域：避免与 WP 搜索页 <body class="search"> 类名冲突 */
.header .search{
  display:flex;align-items:center;gap:0;height:38px;width:248px;
  background:var(--bg);border:1px solid var(--line);border-radius:999px;
  overflow:hidden;transition:all .2s var(--ease);
} /* 药丸圆角（v1.2.49 起） */
.header .search:hover,.header .search:focus-within{border-color:var(--blue-300);background:#fff;}
.header .search > svg{flex-shrink:0;margin-left:12px;color:var(--ink-400);}
.search__input{flex:1;min-width:0;height:100%;border:0;background:transparent;
  padding:0 10px;font-size:var(--fs-14);color:var(--ink-800);outline:none;}
.search__input::placeholder{color:var(--ink-400);}
.search__btn{flex-shrink:0;width:30px;height:30px;margin:0 4px 0 0;border:0;border-radius:50%;
  background:var(--ink-700);color:#fff;display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:background .2s var(--ease);} /* 圆形填充按钮，默认深灰、悬停变蓝，浮于药丸搜索框内（v1.2.55 起） */
.search__btn:hover{background:var(--blue-600);}
.search__btn svg{width:16px;height:16px;}

/* 移动端导航切换按钮（640px 以下显示，app.js 控制） */
.nav-toggle{
  display:none;align-items:center;justify-content:center;
  width:40px;height:40px;margin-left:var(--s-2);
  background:transparent;border:0;
  color:var(--ink-700);cursor:pointer;flex-shrink:0;
  transition:color .2s var(--ease);
}
.nav-toggle:hover{color:var(--blue-600);}
.nav-toggle svg{width:22px;height:22px;}

/* 移动端搜索按钮（640px 以下显示，展开 .m-search 面板） */
.search-toggle{
  display:none;align-items:center;justify-content:center;
  width:40px;height:40px;background:transparent;border:0;
  color:var(--ink-700);cursor:pointer;flex-shrink:0;
  transition:color .2s var(--ease);
}
.search-toggle:hover{color:var(--blue-600);}
.search-toggle svg{width:22px;height:22px;}
/* 移动端搜索面板（header 下方滑出，app.js 控制） */
.m-search{position:absolute;left:0;right:0;top:100%;background:#fff;
  border-bottom:1px solid var(--line);box-shadow:var(--sh-sm);padding:10px 16px;}
.m-search[hidden]{display:none;}
.m-search form{display:flex;gap:8px;}
.m-search input{flex:1;min-width:0;height:38px;border:1px solid var(--line);border-radius:999px;
  background:var(--bg);padding:0 14px;font-size:var(--fs-14);color:var(--ink-800);outline:none;} /* 药丸圆角（v1.2.50 起） */
.m-search input:focus{border-color:var(--blue-300);background:#fff;}
.m-search button{flex-shrink:0;height:38px;padding:0 18px;border:0;border-radius:999px;
  background:var(--blue-600);color:#fff;font-size:var(--fs-14);cursor:pointer;} /* 药丸圆角（v1.2.50 起） */
.m-search button:hover{background:var(--blue-700);}

/* ---------- 8. 首页 Hero ----------
   v5.1：列宽与下方 .layout（1fr + 340px / gap 40）严格一致，确保头条左、右沿与下方行业资讯/广告位竖向对齐。*/
.hero{display:grid;grid-template-columns:1fr 340px;gap:12px;align-items:start;} /* 大焦点图与右侧小卡间隙 12px，与小卡上下间隙一致（v1.2.129 起） */
.feature{position:relative;height:460px;overflow:hidden;display:block;}
.feature .ph{position:absolute;inset:0;}
.feature__mask{
  position:absolute;inset:0;z-index:2; /* z-index:2：盖过图片 z-index:1，保留底部暗化渐变（v1.2.42 起） */
  background:linear-gradient(180deg,rgba(6,15,32,0) 28%,rgba(6,15,32,.6) 62%,rgba(6,15,32,.92) 100%);
}
.feature__body{position:absolute;left:0;right:0;bottom:0;padding:var(--s-8);color:#fff;z-index:3;} /* z-index:3：盖过图片与遮罩，标题始终可见（v1.2.42 起） */
.feature__body h3{font-size:var(--fs-32);line-height:1.38;margin:0 0 var(--s-3);
  text-shadow:0 2px 12px rgba(0,0,0,.25);}

/* Hero · 焦点图轮播（多张 slide 叠放 + 底部指示点切换 + 自动轮播） */
.hero__carousel{position:relative;}
.hero__slides{position:relative;height:460px;}
.carousel__slide{position:absolute;inset:0;opacity:0;visibility:hidden;z-index:1;
  transition:opacity .55s var(--ease);}
.carousel__slide.on{opacity:1;visibility:visible;z-index:2;}
.dots{position:absolute;right:var(--s-8);bottom:var(--s-8);display:flex;gap:7px;z-index:3;}
.dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);
  cursor:pointer;transition:width .25s var(--ease),background .25s var(--ease);}
.dots i.on{width:24px;border-radius:4px;background:#fff;}
/* 焦点图左右切换箭头（v1.2.111 起）：圆形半透明按钮悬浮图片两侧；鼠标设备 hover/focus 淡入，
   触屏设备（无 hover）常显；点击切换并重置自动轮播计时（app.js） */
.car-btn{
  position:absolute;top:50%;transform:translateY(-50%);z-index:4;
  display:flex;align-items:center;justify-content:center;padding:0;
  width:40px;height:40px;border:0;border-radius:var(--r-full);
  background:rgba(17,24,35,.42);color:#fff;cursor:pointer;
  opacity:0;pointer-events:none;
  transition:opacity .25s var(--ease),background .25s var(--ease);
}
.car-btn svg{width:20px;height:20px;flex-shrink:0;display:block;}
.hero__carousel:hover .car-btn,.hero__carousel:focus-within .car-btn{opacity:1;pointer-events:auto;}
@media (hover:none){
  .car-btn{opacity:1;pointer-events:auto;} /* 触屏无 hover：箭头常显，点按切换 */
}
.car-btn:hover{background:var(--blue-500);}
.car-btn--prev{left:var(--s-4);}
.car-btn--next{right:var(--s-4);}

/* 头条资讯 · 图文小卡（v1.2.127 起）：上下 2 张，与大焦点图 460px 两端对齐 */
.headline{display:flex;flex-direction:column;height:460px;border:0;background:transparent;}
/* 头条图文小卡（v1.2.127 起；v1.2.128：全图显示 + 底部渐变压暗标题，去掉「头条资讯」栏目名） */
.headline__list{flex:1;display:flex;flex-direction:column;gap:12px;min-height:0;}
.headline__card{position:relative;flex:1;min-height:0;overflow:hidden;display:block;
  background:#fff;box-shadow:0 0 0 1px var(--line);} /* 描边不占宽，与右列 340px 广告对齐（v1.2.157，原 border） */
.headline__img{position:absolute;inset:0;overflow:hidden;display:block;}
.headline__img img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .3s var(--ease);}
/* 标题遮罩：渐变压暗底部 + 白字，两行截断（v1.2.128 起） */
.headline__tt{position:absolute;left:0;right:0;bottom:0;color:#fff;
  font-size:var(--fs-16);line-height:1.5;font-weight:500;
  padding:var(--s-8) var(--s-4) var(--s-3);
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.68) 78%);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.headline__card:hover .headline__img img{transform:scale(1.04);} /* 悬停图片轻微放大（v1.2.128 起） */
/* 头条并入轮播（v1.2.130 起）：PC 端隐藏轮播内头条 slide 与其指示点，移动端（≤1024）启用 */
.hd-slide,.hd-dot{display:none!important;}
/* 空占位卡 · 不可点击，保持两等分不塌陷（v1.2.127 起） */
.headline__card.is-empty{background:var(--bg-soft);border-style:dashed;}
.headline__card.is-empty .headline__img{display:none;}
.headline__card.is-empty .headline__tt{position:static;height:100%;background:none;
  color:var(--ink-400);font-weight:400;font-size:var(--fs-14);
  padding:0 var(--s-4);display:flex;align-items:center;justify-content:center;
  text-align:center;-webkit-line-clamp:3;}

/* ---------- 9. 双栏布局 ---------- */
.layout{display:grid;grid-template-columns:1fr 340px;gap:var(--s-10);align-items:start;}
.aside{display:flex;flex-direction:column;gap:var(--s-6);}

/* 侧栏 widget */
.widget__hd{display:flex;align-items:center;justify-content:space-between;
  padding:var(--s-4) var(--s-5) var(--s-3);border-bottom:0;}
.widget__hd strong{font-size:var(--fs-17);}
/* 编辑精选 · 标题行：透明背景、左对齐、紧凑留白（v1.2.127 起） */
.card--epick .widget__hd{background:transparent;color:inherit;
  justify-content:flex-start;padding:var(--s-3) 0;}
/* 编辑精选 · 标题：编辑=黑、精选=蓝，字号同步栏目标题 18px（v1.2.128 起 22px；v1.2.153 缩至 18px） */
.card--epick .widget__hd strong.epick-ttl{
  font-size:var(--fs-18);font-weight:600;letter-spacing:-.01em;line-height:1.3;
  color:var(--ink-900);
}
.card--epick .widget__hd strong.epick-ttl .hi{color:var(--blue-600);}
.widget__bd{padding:var(--s-1) var(--s-5) var(--s-5);} /* 标题与内容间距 12→4px，与栏目标题下方间距一致（v1.2.153） */

/* 编辑精选（替换原热门排行） */
.picks li{padding:12px 0;border-bottom:1px solid var(--line-soft);}
.picks li:last-child{border-bottom:0;}
.picks__item{display:flex;gap:12px;align-items:flex-start;color:inherit;
  text-decoration:none;}
.picks__img{flex:0 0 96px;width:96px;height:68px;border-radius:0;overflow:hidden;
  position:relative;background:#D9E6F9;display:block;}
.picks__txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;}
.picks .tp{font-size:var(--fs-13);font-weight:700;color:var(--blue-600);
  letter-spacing:.02em;display:block;}
.picks .tp.o{color:var(--c-orig);}
.picks .tp.v{color:var(--c-vent);}
.picks__tt{font-size:var(--fs-15);line-height:1.5;color:var(--ink-800);font-weight:400;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.picks__item:hover .picks__tt{color:var(--blue-600);}

/* 编辑精选 · 迷你 hero 已移除（改为：左小图 + 右标题列表） */
.card--epick .widget__bd{padding-left:0;padding-right:0;}
.card--epick{border:0;} /* 去掉编辑精选卡片灰色边框 */
/* 编辑精选 · 延迟固定（app.js 控制）：侧栏广告位全部滚出视口后，吸附在 header 下方 */
.card--epick.is-fixed{
  position:fixed;top:76px;width:340px;z-index:40; /* 340px 与 .layout 侧栏列宽一致 */
}


.tags{display:flex;flex-wrap:wrap;gap:8px;}
/* 详情页底部标签：与标题上方产品线 chip 同尺寸（高 24 / fs-13 / 窄内边距） */
.tags a{
  display:inline-flex;align-items:center;height:24px;padding:0 9px;
  background:var(--bg);border:1px solid var(--line-soft);
  font-size:var(--fs-13);color:var(--ink-500);
}
.tags a:hover{background:var(--blue-50);border-color:var(--blue-200);color:var(--blue-600);}

/* ---------- 10. 资讯列表条目 ---------- */
/* 行业资讯吸顶区（标题 + 分类筛选条）：滚动至栏目时固定于导航栏下方；白底无灰块（v1.2.145 起去灰底） */
.sec-fix{position:sticky;top:76px;background:transparent;
  border-bottom:1px solid transparent;padding-bottom:2px;
  transition:background-color .15s var(--ease),border-color .15s var(--ease);} /* 不吸顶透明，不遮卡片阴影（v1.2.156） */
.sec-fix .sec-head{margin-bottom:0;} /* 标题行紧贴下方灰线（v1.2.155） */
.sec-fix.is-stuck{background:#fff;border-bottom-color:var(--line-soft);z-index:40;} /* 仅吸顶启用白底+灰线 */
/* 列表页独立分类条：复位为与栏目标题左对齐（v1.2.159，首页同行场景的 margin-left 覆盖） */
.arch-catbar .cat-bar{margin-left:0;justify-content:flex-start;}
/* 行业分类筛选条：紧跟「最新资讯」标题后方、左对齐同行；margin-left 抵消父级 gap，使标题↔首项与项间距一致（v1.2.147 起） */
.cat-bar{display:flex;align-items:baseline;gap:var(--s-6);flex:1;min-width:0;
  justify-content:flex-start;overflow-x:auto;padding:var(--s-1) 0;
  margin-left:calc(var(--s-6) - var(--s-3));}
/* 「最新资讯」标题本身即"全部"项：默认选中蓝色加粗；选中其他分类时轻字重（v1.2.147 起；v1.2.151 字号随分类项降至 15px） */
.sec-head .cat__ttl{cursor:pointer;transition:color .2s var(--ease);font-weight:300;
  font-size:var(--fs-18);} /* 与栏目标题一致（v1.2.152） */
.sec-head .cat__ttl.on{font-weight:600;}
.sec-head .cat__ttl:hover,.sec-head .cat__ttl.on{color:var(--blue-600);}
.cat-bar .cat__item{font-size:var(--fs-18);color:var(--ink-600);position:relative;
  padding:2px 0;white-space:nowrap;transition:color .2s var(--ease);font-weight:300;} /* 与栏目标题一致（v1.2.152） */
.cat-bar .cat__item:hover{color:var(--blue-600);}
.cat-bar .cat__item.on{color:var(--blue-600);font-weight:600;} /* 激活态：蓝 + 加粗（v1.2.144 起） */
/* 整体列表：1px 分割线分隔；hover 时由"上下两条灰线 + 左右外扩灰边"围成完整直角矩形 */
.news-list > li{padding:14px 0;border-bottom:1px solid var(--line-soft);}
.news-list > li:last-child{border-bottom:0;}
.news-item{
  display:grid;grid-template-columns:232px 1fr;column-gap:var(--s-6);
  align-items:start;color:var(--ink-900);
  position:relative;
  border-radius:0; /* 直角，不圆角 */
  transition:box-shadow .25s var(--ease);
}
.news-item::before{
  content:'';position:absolute;
  /* top/bottom 跨越 li 的 padding（-15px），让左右边框与上下分隔线对齐闭合 */
  top:-15px;bottom:-15px;
  /* left/right 比内容更宽（-12px），满足"左右边框宽一些" */
  left:-12px;right:-12px;
  border-left:1px solid var(--line);
  border-right:1px solid var(--line);
  border-radius:0;
  pointer-events:none;opacity:0;
  transition:opacity .18s var(--ease), box-shadow .18s var(--ease);
  z-index:1;
}
.news-item:hover{z-index:2;}
.news-item:hover::before{
  opacity:1;
  /* 四边阴影：上下左右各向外的柔光 */
  box-shadow:
    0 8px 20px -6px rgba(15,30,60,.18),
    0 -4px 10px -6px rgba(15,30,60,.10),
    4px 0 10px -6px rgba(15,30,60,.10),
    -4px 0 10px -6px rgba(15,30,60,.10);
}
.news-item__img{width:100%;aspect-ratio:232/168;overflow:hidden;position:relative;
  border-radius:0;align-self:start;display:block;text-decoration:none;
  grid-column:1;transition:opacity .2s var(--ease);}
.news-item__body{display:flex;flex-direction:column;min-width:0;
  grid-column:2;min-height:168px; /* 与封面图等高(168) */
  position:relative; /* 让 ft 用 absolute 严格贴 body 底（即封面图底），不受标题/导读行数影响 */}
.news-item__tt{text-decoration:none;color:inherit;display:block;}
.news-item__tt h3{font-size:var(--fs-18);line-height:1.5;margin:0 0 10px;font-weight:500;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-item__tt:hover h3{color:var(--blue-600);}
/* v12：导读不再是链接，取消 hover 变色与指针 */
.news-item__ld{color:inherit;display:block;margin:0;cursor:default;}
.news-item__ld p{font-size:var(--fs-15);color:var(--ink-500);line-height:1.8;margin:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
/* 图片 hover 仅保留轻微透明反馈，不再放大封面图 */
.news-item__img:hover{opacity:.88;}
/* 限定 .news-item / .rel 作用域：避免与 WP 标签归档页 <body class="tag"> 类名冲突（同 .search 历史问题） */
.news-item .tag,.rel .tag{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:var(--r-0);
  font-size:var(--fs-13);font-weight:500;line-height:1;white-space:nowrap;
  background:var(--bg);color:var(--ink-500);border:1px solid var(--line);}
.news-item .tag--prod,.rel .tag--prod{color:var(--ink-500);border-color:var(--line);}
.news-item .tag--art,.rel .tag--art{color:var(--ink-500);}
/* 标签与时间：用 absolute 严格贴 body 底 = 封面图底，不受正文内容长度影响 */
.news-item__ft,.rel__ft{display:flex;align-items:center;gap:10px;
  position:absolute;left:0;right:0;bottom:0;margin:0;
  flex-wrap:wrap;}
.news-item__ft .meta,.rel__ft .meta{margin-left:auto;color:var(--ink-400);}
.news-item__ft .tag,.rel__ft .tag{height:22px;}
.news-item__ft .src{font-size:var(--fs-14);color:var(--ink-500);}
/* 列表底部 · 查看更多资讯按钮 */
.list-more{display:flex;justify-content:center;margin-top:var(--s-8);}
.btn-more{display:inline-flex;align-items:center;justify-content:center;
  height:44px;padding:0 32px;border:1px solid var(--line-dark);border-radius:var(--r-10);
  font-size:var(--fs-15);font-weight:500;color:var(--ink-700);background:var(--white);
  transition:all .18s var(--ease);}
.btn-more:hover{border-color:var(--blue-500);color:var(--blue-600);background:var(--blue-50);}

/* ---------- 11. 原创文章卡片 ---------- */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-6);}
.post{background:#fff;overflow:hidden;}
.post__img{height:186px;position:relative;}
.post__img .chip{position:absolute;left:0;top:0;background:rgba(255,255,255,.95);}
.post__bd{padding:var(--s-4) 0 0;}
.post__bd h3{font-size:var(--fs-18);line-height:1.55;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.post:hover h3{color:var(--blue-600);}
.post__date{display:block;margin-top:var(--s-5);padding-top:var(--s-4);
  border-top:1px solid var(--line-soft);font-size:var(--fs-14);color:var(--ink-400);}

/* ---------- 13. 展会日历 v11 · 时间轴长条 ---------- */
.expos{display:grid;grid-template-columns:repeat(4,1fr);
  background:var(--white);border:1px solid var(--line);}
.expo{position:relative;display:flex;flex-direction:column;gap:12px;
  padding:22px 20px 20px;border-right:1px solid var(--line);
  transition:background .2s var(--ease);}
.expo:last-child{border-right:0;}
/* 顶部品牌色进度条 — hover 时从左向右展开 */
.expo::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;
  background:var(--blue-600);transform:scaleX(0);transform-origin:left;
  transition:transform .3s var(--ease);}
.expo:hover{background:var(--bg-soft);}
.expo:hover::before{transform:scaleX(1);}

.expo__top{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);}
.expo__d{display:flex;align-items:baseline;gap:6px;}
.expo__d b{font-size:var(--fs-32);font-weight:700;line-height:.95;color:var(--ink-900);
  letter-spacing:-.03em;font-variant-numeric:tabular-nums;}
.expo__d i{font-size:var(--fs-12);font-style:normal;font-weight:700;
  letter-spacing:.12em;color:var(--blue-600);}
.expo__cd{flex-shrink:0;font-size:var(--fs-12);line-height:1;padding:5px 8px;
  color:var(--ink-500);background:var(--bg);font-variant-numeric:tabular-nums;}
.expo__cd--soon{color:var(--red);background:#FBEAE9;font-weight:500;}

.expo__tt{font-size:var(--fs-15);line-height:1.55;font-weight:600;color:var(--ink-800);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  min-height:calc(1.55em * 2);}
.expo:hover .expo__tt{color:var(--blue-600);}
.expo__loc{position:relative;display:block;padding-left:15px;
  font-size:var(--fs-13);color:var(--ink-400);}
.expo__loc::before{content:"";position:absolute;left:1px;top:.5em;
  width:7px;height:7px;border:1.5px solid var(--ink-300);border-radius:50%;}
/* 未配置链接的展会卡片（无 href，v1.2.113 起）：仅默认光标提示不可点击，悬停视觉交互（顶部蓝线/浅灰背景/标题变蓝）全部保留 */
.expo:not([href]){cursor:default;}

/* 文字链列表（政策速递 / 招标采购 采用第一版形式） */
.tlink li{display:flex;align-items:center;gap:14px;padding:12px 0;
  border-bottom:1px solid var(--line-soft);}
.tlink li:first-child{padding-top:2px;}
.tlink li:last-child{border-bottom:0;padding-bottom:2px;}
.tlink a{flex:1;min-width:0;font-size:var(--fs-16);line-height:1.5;
  color:var(--ink-800);font-weight:400;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;}
.tlink a:hover{color:var(--blue-600);}
.tlink .dt{flex-shrink:0;font-size:var(--fs-13);color:var(--ink-400);
  font-variant-numeric:tabular-nums;white-space:nowrap;}
/* 热门招商 HOT 徽标（无外框设计感：橙红渐变斜体文字 + 火焰图标 + 光晕） */
.tlink .hot-tag{flex-shrink:0;display:inline-flex;align-items:center;gap:1px;
  font-size:12px;font-weight:800;font-style:italic;letter-spacing:.02em;
  line-height:1.2;white-space:nowrap;
  background:linear-gradient(135deg,#ff8a3d 0%,#e5484d 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 1px 2px rgba(229,72,77,.25));}
.tlink .hot-tag svg{width:14px;height:14px;flex-shrink:0;
  color:#ff6b35;fill:#ff6b35;filter:drop-shadow(0 1px 1px rgba(255,107,53,.35));
  transform:translateY(-1px);}

/* 两列并排（招标采购 / 政策速递 第一版形式） */
.cols-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-10);align-items:start;}

/* ---------- 15. Footer ---------- */
.footer{background:var(--ink-900);color:rgba(255,255,255,.6);margin-top:var(--s-16);}
.footer__main{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.1fr;
  gap:var(--s-10);padding:var(--s-12) 0 var(--s-10);}
.footer h4{font-size:var(--fs-15);color:#fff;margin-bottom:var(--s-4);}
.footer li{margin-bottom:11px;font-size:var(--fs-14);}
.footer a:hover{color:#fff;}
.footer__brand .logo__img{height:44px;} /* footer 品牌区 LOGO 同高（深色背景上由图片自身观感决定，v1.2.124 起） */
.footer__brand p{font-size:var(--fs-14);line-height:1.85;margin-top:var(--s-4);max-width:280px;}
.footer__qr{width:92px;height:92px;background:rgba(255,255,255,.09);
  display:flex;align-items:center;justify-content:center;font-size:var(--fs-12);
  color:rgba(255,255,255,.4);text-align:center;}
img.footer__qr{object-fit:cover;}
.qr-row{display:flex;gap:12px;}
/* 版权区两行居中：第一行版权与备案（备案号自动加官方查询链接）、第二行免责声明
   （v1.2.117 起：后台「Footer 管理 → 版权区」配置；v1.2.118 起 PC/移动端统一居中） */
.footer__bot{border-top:1px solid rgba(255,255,255,.09);padding:var(--s-5) 0;
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;
  font-size:var(--fs-13);color:rgba(255,255,255,.4);line-height:1.7;}
.footer__bot a{color:rgba(255,255,255,.4);transition:color .2s var(--ease);} /* 备案链接与周围文字同色，hover 提亮 */
.footer__bot a:hover{color:#fff;}

/* 合作企业（v4 移至页脚上方独立栏，位于展会日历下 / footer 上） */
.co-band{background:#fff;border:0;padding:var(--s-8) 0 0;} /* 无上下分割线、底部不留空直接接 footer（v1.2.46 起） */
.co-band + .footer{margin-top:var(--s-6);} /* 仅首页 LOGO 墙后留 24px 缓冲间距，其余页面 footer 上边距不变（v1.2.47 起） */
.co-band .container{display:flex;align-items:center;gap:var(--s-6);flex-wrap:wrap;}
.co-band__lb{flex-shrink:0;font-size:var(--fs-18);color:var(--ink-900);font-weight:600;letter-spacing:-.01em;line-height:1.3;} /* 与 .sec-head h2 栏目标题同字号同字重（v1.2.84 起；v1.2.158 随栏目标题 18px） */
.co-band__logos{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex:1;min-width:0;}
.co-band__logos .ad{width:140px;height:52px;border:0;background:none;padding:0;} /* 去广告位虚线定位框（v1.2.40 起） */
.co-band__logos .ad__spec{margin:0;font-size:12px;}
.co-band .more{color:var(--ink-400);flex-shrink:0;}
.co-band .more:hover{color:var(--blue-600);}
.co-band__note{font-size:12px;margin-top:10px;color:var(--ink-400);}

/* ---------- 16. 面包屑 ---------- */
.crumb{display:flex;align-items:center;gap:9px;font-size:var(--fs-14);
  color:var(--ink-400);padding:var(--s-5) 0;}
.crumb a:hover{color:var(--blue-600);}
.crumb .s{color:var(--ink-300);}
.crumb .cur{color:var(--ink-700);}

/* 分页 */
.pager{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:var(--s-8);}
.pager a,.pager span{
  min-width:40px;height:40px;padding:0 13px;display:inline-flex;align-items:center;
  justify-content:center;border:1px solid var(--line);background:#fff;
  font-size:var(--fs-15);color:var(--ink-700);
}
.pager a:hover{border-color:var(--blue-500);color:var(--blue-600);}
.pager .on{background:var(--blue-600);border-color:var(--blue-600);color:#fff;font-weight:700;}
.pager .gap{border:0;background:transparent;color:var(--ink-300);}

/* 滚动加载：分页默认隐藏，JS 加载满 20 条后显示；无 JS 时由 noscript 兜底 */
.pager-wrap{display:none;}
.list-loading{padding:var(--s-6) 0;text-align:center;font-size:var(--fs-14);color:var(--ink-400);}
.list-end{padding:var(--s-6) 0;text-align:center;font-size:var(--fs-14);color:var(--ink-400);}

/* ---------- 18. 详情页 ---------- */
.article{background:#fff;padding:var(--s-1) var(--s-12) var(--s-10) 0;} /* 无边框；左 0 与面包屑「首页」左对齐（v1.2.18 起）；顶部 4px 让 C2 广告紧贴面包屑，与广告下方 24px 间距呼应（v1.2.79 起） */
/* 无标题上方广告（C2）时收紧顶部留白，避免面包屑与标题间空隙过大（v1.2.22 起） */
.article--no-top-ad{padding-top:var(--s-4);}
.article__hd h1{font-size:var(--fs-36);line-height:1.42;letter-spacing:-.02em;}
.article__sub{font-size:var(--fs-18);color:var(--ink-500);line-height:1.75;margin-top:var(--s-5);}
.article__meta{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap;
  margin-top:var(--s-6);padding-bottom:var(--s-5); /* v1.2.20 起去掉与正文之间的灰色分割线 */
  font-size:var(--fs-14);color:var(--ink-400);}
.article__meta .who{display:flex;align-items:center;gap:9px;color:var(--ink-700);font-weight:500;}

.prose{font-size:18px;line-height:2.05;color:var(--ink-800);}
.prose p{margin:0 0 var(--s-6);}
.prose h2{font-size:var(--fs-28);margin:var(--s-12) 0 var(--s-5);
  padding-bottom:var(--s-3);border-bottom:2px solid var(--ink-900);}
.prose h3{font-size:var(--fs-20);margin:var(--s-8) 0 var(--s-4);color:var(--ink-900);}
.prose strong{color:var(--ink-900);font-weight:700;}
.prose a{color:var(--blue-600);border-bottom:1px solid var(--blue-200);}
.prose ul{margin:0 0 var(--s-6);padding-left:2px;}
.prose ul li{position:relative;padding-left:22px;margin-bottom:12px;}
.prose ul li::before{content:"";position:absolute;left:4px;top:15px;width:7px;height:7px;
  background:var(--blue-500);}
.prose figure{margin:0 0 var(--s-8);}
.prose figure .ph{height:360px;}
.prose figcaption{font-size:var(--fs-13);color:var(--ink-400);text-align:center;margin-top:12px;}
.prose blockquote{
  margin:0 0 var(--s-8);padding:var(--s-6) var(--s-6) var(--s-6) var(--s-8);
  background:var(--bg-soft);border-left:4px solid var(--line-dark);
  font-size:var(--fs-17);line-height:1.95;color:var(--ink-700);
}
.prose blockquote p{margin:0 0 10px;}
.prose blockquote cite{display:block;font-size:var(--fs-14);color:var(--ink-400);font-style:normal;}

/* Gutenberg 原生块兜底（v1.2.116 起：核心块样式已从前台卸载以脱敏 wp-includes 路径，原生表格/有序列表/四级标题由主题接管） */
.prose h4{font-size:var(--fs-18);margin:var(--s-6) 0 var(--s-3);color:var(--ink-900);font-weight:600;}
.prose ol{margin:0 0 var(--s-6);padding-left:26px;}
.prose ol li{margin-bottom:12px;}
.prose table{width:100%;border-collapse:collapse;margin:0 0 var(--s-8);font-size:var(--fs-15);}
.prose table th{background:var(--ink-900);color:#fff;font-weight:500;padding:10px 14px;text-align:left;}
.prose table td{padding:10px 14px;border-bottom:1px solid var(--line-soft);color:var(--ink-700);}
.prose figure.wp-block-table{margin:0 0 var(--s-8);}
.prose figure.wp-block-table table{margin:0;}
/* 图片对齐（核心块样式卸载后由主题提供） */
.alignleft{float:left;margin:0 var(--s-6) var(--s-4) 0;max-width:50%;}
.alignright{float:right;margin:0 0 var(--s-4) var(--s-6);max-width:50%;}
.aligncenter{display:block;margin-left:auto;margin-right:auto;}
/* 表格横向滚动容器（移动端，包裹 .data-table 使用） */
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 var(--s-8);}
.table-scroll .data-table{margin:0;min-width:480px;}
.data-table{width:100%;border-collapse:collapse;margin:0 0 var(--s-8);font-size:var(--fs-16);}
.data-table th{background:var(--ink-900);color:#fff;font-weight:500;
  padding:13px 16px;text-align:left;}
.data-table td{padding:13px 16px;border-bottom:1px solid var(--line-soft);color:var(--ink-700);}
.data-table tr:hover td{background:var(--bg-soft);}

.art-tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:var(--s-8);}
.art-tags .lb{font-size:var(--fs-14);color:var(--ink-400);}
.copyright{margin-top:var(--s-6);font-size:var(--fs-13);color:var(--ink-400);line-height:1.85;}
/* 分享/点赞：正文左侧浮动（PC sticky 跟随滚动；移动端转正文底部横排，纯图标按钮，v1.2.20 起） */
.article__body{display:flex;gap:0;}
.article__content{flex:1 1 0;min-width:0;}
/* 详情页容器：正文/标签/版权/相关阅读与标题同列 28px（与网站 LOGO 对齐，v1.2.23 起）；
   rail 负 margin 会把 flex 后续正文向左牵引，需 margin-right:48px 补偿 → 正文列保持 28px */
.container--detail{padding-left:28px;}
/* 面包屑/标题与正文同列 28px（v1.2.23 起取消 -68px 偏移，标题列与正文列合并） */
/* 分享/点赞：圆形 SVG 按钮 + hover 品牌色（微信绿/QQ 蓝/微博红/点赞红，v1.2.21 起）；
   rail 与正文间距保持 48px：正文列由 96px 左移至 28px，rail 同步左移 68px →
   悬浮于容器左侧留白（大屏可见；≤1440px 回贴正文，见下方断点，v1.2.23 起） */
.art-rail{flex:0 0 48px;margin-left:-96px;margin-right:48px;display:flex;flex-direction:column;align-items:center;gap:10px;
  position:sticky;top:96px;align-self:flex-start;padding-top:10px;}
.art-rail .share__btn,.art-rail .btn-like{display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:3px;width:44px;height:44px;padding:0;color:var(--ink-500);
  border:1px solid var(--line);background:#fff;border-radius:50%;
  transition:color .2s,border-color .2s,background .2s;}
.art-rail .share__btn svg,.art-rail .btn-like svg{width:20px;height:20px;}
.art-rail .like-num{font-size:10px;color:var(--ink-400);line-height:1;}
.art-rail .share__btn[data-share="wechat"]:hover{color:#07C160;border-color:#07C160;background:rgba(7,193,96,.07);}
.art-rail .share__btn[data-share="qq"]:hover{color:#12B7F5;border-color:#12B7F5;background:rgba(18,183,245,.07);}
.art-rail .share__btn[data-share="weibo"]:hover{color:#E6162D;border-color:#E6162D;background:rgba(230,22,45,.07);}
.art-rail .btn-like:hover{color:#e5484d;border-color:#ffb3c0;background:#fff5f6;}
.art-rail .btn-like.liked{color:#e5484d;border-color:#ffc2cc;background:#fff5f6;}
.art-rail .btn-like.liked svg{fill:#e5484d;stroke:#e5484d;}
/* 1440px 以下：rail 回正文左侧贴齐（40px 按钮 + 24px 文章内边距锚点，rail 8-52px 可见，
   避免悬浮区在窄视口被裁切；640 块在下方自然覆盖，v1.2.23 起） */
@media (max-width:1440px){
  .container--detail{padding-left:28px;}
  body.single .article{padding-left:var(--s-6);} /* 为 rail 贴齐提供 24px 锚点，仅详情页 */
  .art-rail{flex:0 0 44px;margin-left:-44px;margin-right:0;gap:8px;} /* margin-right:0 重置 PC 补偿，保持贴正文设计 */
  .art-rail .share__btn,.art-rail .btn-like{width:40px;height:40px;gap:2px;padding:0;}
  .art-rail .share__btn svg,.art-rail .btn-like svg{width:18px;height:18px;}
}
.share{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-6);
  padding-top:var(--s-6);border-top:1px solid var(--line);flex-wrap:wrap;}
/* 旧分享块（若改为 rail 方案后以 hidden 隐藏）：display:flex 会覆盖 hidden 属性，需显式隐藏 */
.share[hidden]{display:none;}
.share .lb{font-size:var(--fs-14);color:var(--ink-400);margin-right:2px;}
.share .share__btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 8px;
  background:transparent;font-size:var(--fs-14);color:var(--ink-600);cursor:pointer;
  border:0;border-radius:var(--r-0);font-family:inherit;transition:color .2s;}
.share .share__btn svg{width:18px;height:18px;flex:none;}
.share .share__btn:hover{color:var(--blue-600);}
.share .share__btn[data-share="wechat"]:hover{color:#07C160;}
.share .share__btn[data-share="moments"]:hover{color:#ffb71b;}
.share .share__btn[data-share="qq"]:hover{color:#12B7F5;}
.share .share__btn[data-share="weibo"]:hover{color:#E6162D;}
.share .act{margin-left:auto;display:flex;gap:10px;}
/* PC hover 二维码浮层：悬停微信图标，右侧弹出小二维码（v1.2.38 起；触屏设备仍点击弹遮罩） */
.share__btn{position:relative;}
.qr-tip{display:none;position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%);
  z-index:99;flex-direction:column;align-items:center;gap:6px;
  padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:var(--r-0);
  box-shadow:0 6px 20px rgba(17,24,39,.12);}
.qr-tip::before{content:"";position:absolute;right:100%;top:50%;margin-top:-5px;width:10px;height:10px;
  background:#fff;border-left:1px solid var(--line);border-bottom:1px solid var(--line);
  transform:rotate(45deg);}
.qr-tip__box{width:132px;height:132px;background:#fff;}
.qr-tip__box img,.qr-tip__box canvas{width:100%!important;height:100%!important;display:block;}
.qr-tip__label{font-size:12px;color:var(--ink-500);white-space:nowrap;}
@media (hover:hover) and (pointer:fine){
  .share__btn[data-share="wechat"]:hover + .qr-tip,.qr-tip:hover{display:flex;}
  /* PC 端图片链接悬停微放大（v1.2.56 起）：封面图 scale 1.05，容器 overflow:hidden 裁切溢出 */
  .feature .ph img,.news-item__img img,.picks__img img,.post__img img,.rel .ph img{
    transition:transform .35s var(--ease);
  }
  .feature:hover .ph img,.news-item__img:hover img,.picks__item:hover .picks__img img,
  .post:hover .post__img img,.rel:hover .ph img{transform:scale(1.05);}
}
/* 二维码弹层（微信/朋友圈扫码分享） */
.qr-pop{position:fixed;inset:0;background:rgba(17,24,39,.45);display:flex;
  align-items:center;justify-content:center;z-index:100;}
.qr-pop[hidden]{display:none;}
.qr-pop__card{background:#fff;padding:24px 28px 18px;width:280px;text-align:center;
  position:relative;box-shadow:0 12px 40px rgba(17,24,39,.18);}
.qr-pop__close{position:absolute;top:6px;right:10px;border:0;background:none;font-size:24px;
  line-height:1;color:var(--ink-400);cursor:pointer;}
.qr-pop__close:hover{color:var(--ink-700);}
.qr-pop__title{font-size:var(--fs-15);font-weight:600;color:var(--ink-800);margin-bottom:14px;}
.qr-pop__box{display:flex;justify-content:center;margin-bottom:12px;}
.qr-pop__box img,.qr-pop__box canvas{display:block;}
.qr-pop__tip{font-size:var(--fs-12);color:var(--ink-400);}
/* 点赞：空心心形 → 点击变红色实心 + 弹跳 */
.btn-like{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 16px;
  background:#fff;border:1px solid var(--line-dark);border-radius:18px;
  font-size:var(--fs-14);color:var(--ink-600);cursor:pointer;font-family:inherit;
  transition:color .2s,border-color .2s,background .2s;}
.btn-like svg{width:17px;height:17px;}
.btn-like:hover{border-color:#ffb3c0;color:#e5484d;}
.btn-like.liked{color:#e5484d;border-color:#ffc2cc;background:#fff5f6;}
.btn-like.liked svg{fill:#e5484d;stroke:#e5484d;animation:like-pop .45s ease;}
@keyframes like-pop{0%{transform:scale(.6)}50%{transform:scale(1.25)}100%{transform:scale(1)}}
/* 轻提示（分享复制反馈） */
.toast{position:fixed;left:50%;bottom:80px;transform:translateX(-50%) translateY(16px);
  background:rgba(17,24,39,.92);color:#fff;font-size:var(--fs-14);padding:10px 20px;
  border-radius:8px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:99;}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

/* 上一篇/下一篇：v1.2.23 起详情页不再输出（single.php 已移除调用），样式保留备用 */
.nextprev{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4);margin-top:var(--s-6);}
.nextprev a{padding:var(--s-5);background:#fff;border:1px solid var(--line);}
.nextprev a:hover{border-color:var(--blue-300);}
.nextprev .lb{font-size:var(--fs-13);color:var(--ink-400);}
.nextprev strong{display:-webkit-box;font-size:var(--fs-16);line-height:1.6;margin-top:8px;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.nextprev a:hover strong{color:var(--blue-600);}
.nextprev .r{text-align:right;}

/* 相关阅读：与资讯列表同构的卡片（封面图 + 标题 + 标签 + 发布时间），PC 4 条竖排，v1.2.24 起 */
.rel-grid{display:flex;flex-direction:column;}
.rel{display:grid;grid-template-columns:232px 1fr;column-gap:var(--s-6);align-items:start;color:var(--ink-900);
  padding:var(--s-4) 0;border-bottom:1px solid var(--line-soft);position:relative;text-decoration:none;}
.rel:last-child{border-bottom:0;}
.rel .ph{grid-column:1;width:100%;aspect-ratio:232/168;display:block;overflow:hidden;}
.rel__bd{grid-column:2;display:flex;flex-direction:column;min-width:0;min-height:168px;position:relative;} /* min-height 与封面图等高，ft 用 absolute 贴底 */
.rel strong{display:-webkit-box;font-size:var(--fs-18);line-height:1.5;font-weight:500;margin:0 0 10px;color:var(--ink-900);
  -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.rel:hover strong{color:var(--blue-600);}
/* 导读：与资讯列表同构（15px 两行截断，v1.2.25 起） */
.rel__ld{display:-webkit-box;font-size:var(--fs-15);color:var(--ink-500);line-height:1.8;margin:0 0 10px;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
/* 标签 + 时间：absolute 贴 body 底 = 封面图底，不受标题行数影响（与资讯列表一致） */
.rel__ft{display:flex;align-items:center;gap:10px;position:absolute;left:0;right:0;bottom:0;flex-wrap:wrap;}
.rel__ft .meta{margin-left:auto;color:var(--ink-400);}

/* ---------- 19. 设计稿评审用切换器（上线删除） ---------- */
.review-fab{
  position:fixed;right:20px;bottom:20px;z-index:99;
  display:flex;align-items:center;gap:2px;padding:5px;
  background:rgba(17,24,35,.94);backdrop-filter:blur(10px);
}
.review-fab .lb{font-size:var(--fs-12);color:rgba(255,255,255,.45);padding:0 9px 0 11px;
  letter-spacing:.06em;}
.review-fab a{padding:8px 15px;font-size:var(--fs-14);color:rgba(255,255,255,.75);}
.review-fab a:hover{background:rgba(255,255,255,.12);color:#fff;}
.review-fab a.on{background:var(--blue-600);color:#fff;font-weight:500;}

/* 回到顶部浮动按钮（各页面通用）：PC 44px 圆形细边框，与转发点赞按钮同风格（v1.2.23 起） */
.to-top{position:fixed;right:24px;bottom:84px;z-index:90;width:44px;height:44px;
  display:flex;align-items:center;justify-content:center;
  background:var(--white);border:1px solid var(--line);border-radius:50%;
  color:var(--ink-700);cursor:pointer;box-shadow:var(--sh-sm);
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .25s var(--ease),transform .25s var(--ease),visibility .25s,background .2s,border-color .2s,color .2s;}
.to-top.show{opacity:1;visibility:visible;transform:none;}
.to-top:hover{border-color:var(--blue-500);color:var(--blue-600);background:var(--blue-50);}
.to-top svg{width:20px;height:20px;}

/* ---------- 20. 响应式 ---------- */
@media (max-width:1240px){
  .nav a{padding:9px 10px;font-size:var(--fs-15);}
  .header .search{width:180px;}
}
/* 641–900px 收紧导航与搜索，防止导航溢出 */
@media (max-width:900px){
  .header .container{gap:var(--s-4);}
  .nav a{padding:9px 7px;font-size:var(--fs-14);}
  .header .search{width:130px;}
}
@media (max-width:1024px){
  .nav .subcat{display:none!important;} /* 移动端隐藏导航二级下拉（v1.2.160） */
  .nav .has-subcat > a::before{display:none;} /* 移动端不显示箭头（v1.2.164） */
  .nav .has-subcat > a{padding-right:15px;} /* 箭头留白复位为默认（v1.2.164） */
  .hero{grid-template-columns:1fr;row-gap:var(--s-12);}
  .feature{height:360px;}
  .hero__slides{height:360px;}
  .headline{height:auto;margin-top:var(--s-6);}
  /* 图文小卡移动端：图片固定 16:9，标题自适应（v1.2.127 起） */
  .headline__img{flex:none;height:0;padding-top:56.25%;position:relative;}
  .headline__img img{position:absolute;inset:0;height:100%;}
  /* 头条并入轮播（v1.2.130 起）：移动端启用轮播内头条 slide 与指示点，右侧小卡区隐藏（内容已在轮播中） */
  .hd-slide,.hd-dot{display:block!important;}
  .headline{display:none;}
  .hd-slide .feature__body h3{font-size:var(--fs-22);} /* 头条 slide 标题与大图移动端字号一致 */
  .layout{grid-template-columns:1fr;}
  .aside{position:static;}
  /* 移动端广告重排：所有页面（首页/列表/搜索/详情）侧栏裸广告隐藏，底部由 aside 内 .ad-m 顺序轮换容器展示（首页/详情页）；列表/搜索页广告插资讯流中（v1.2.98 起） */
  .aside > .ad{display:none !important;} /* 裸广告绝对隐藏（!important 防任何覆盖，v1.2.105 起） */
  .ad-m{display:block;}
  .ad-m + .ad-m{margin-top:var(--s-6);} /* 相邻重排广告容器（如竖幅①/②/③）保持间距 */
  .ad-m .ad--sky3{width:100%;} /* 竖幅移动端通栏化呈现 */
  .ad-m{margin-left:var(--s-4);margin-right:var(--s-4);} /* 移动端广告容器左右对称 16px 留边，不贴屏边（v1.2.101 起） */
  .ad-m .ad{margin-left:0 !important;margin-right:0 !important;} /* .ad-m 内广告清左右边距：.aside .ad 的 16px 会误伤 .ad-m 内 .ad（width:100% + 双侧 margin 溢出 16px 致竖幅贴右，v1.2.106 起；详情页轮换已移出 aside，此为双保险） */
  /* 列表/搜索页 .ad-m 插资讯流中（container 已有 16px 内边距），去掉自身 margin 与首页/详情页竖幅 16px 留边全站统一（v1.2.106 起） */
  body.archive .ad-m,body.search .ad-m{margin-left:0;margin-right:0;}
  /* 详情页移动端轮换广告（main 外、footer 前，与首页同构）上方留 24px（v1.2.106 起） */
  body.single .ad-m{margin-top:var(--s-6);}
  /* 列表/搜索页底部通栏与 footer 之间不留大段空白：64px → 32px（v1.2.98 起），v1.2.102 再收紧至 24px */
  body.archive .footer,body.search .footer{margin-top:var(--s-6);}
  /* 详情页移动端底部轮换广告与 footer 间距同样收紧：64px → 32px（v1.2.101 起） */
  body.single .footer{margin-top:var(--s-8);}
  /* 列表/搜索页移动端不显示编辑精选（v1.2.70 起；v1.2.102 上移到 1024px 断点，641-1024px 视口底部通栏不再被编辑精选隔远） */
  body.archive .card--epick,body.search .card--epick{display:none;}
  /* 列表/搜索页栏目标题与顶部通栏（B1）间距：40px → 56px（v1.2.102），48px（v1.2.103），v1.2.105 按用户要求减半至 24px */
  body.archive .layout,body.search .layout{margin-top:var(--s-6);}
  /* 列表/搜索页移动端单列后 .layout 的 row-gap（40px）残留在主栏与空侧栏之间，叠加 footer 边距导致底部通栏离 footer 过远：行间距归零（v1.2.103 起） */
  body.archive .layout,body.search .layout{row-gap:0;}
  /* 首页移动端轮换广告（LOGO 墙下方）与 LOGO 墙间距 = 与 footer 间距 24px（v1.2.102 起） */
  .co-band + .ad-m{margin-top:var(--s-6);}
  /* 广告内图片全端强制铺满并居中（v1.2.104 起由 .ad-m 限定升级全端，覆盖任意嵌套深度的 img） */
  .ad .ad__inner img{width:100% !important;height:auto !important;display:block !important;margin-left:auto !important;margin-right:auto !important;}
  /* 广告内部直接子元素全端强制块级铺满居中：覆盖自定义 HTML 代码中的 margin-left:auto 右推容器、float:right 浮动图、固定宽右对齐结构（flex 子项 auto 边距会覆盖 justify-content:center 导致贴右，v1.2.104 起） */
  .ad .ad__inner > *{display:block !important;width:100% !important;max-width:100%;float:none !important;margin-left:auto !important;margin-right:auto !important;}
  /* 第三方广告（iframe/AdSense ins）全端居中兜底（v1.2.104 起） */
  .ad .ad__inner iframe,.ad .ad__inner ins{display:block !important;max-width:100% !important;margin-left:auto !important;margin-right:auto !important;}
  /* 广告容器全端强制 flex 居中（防第三方 CSS 干扰破坏 .ad__inner 布局，v1.2.105 起） */
  .ad .ad__inner{display:flex !important;justify-content:center !important;align-items:center !important;overflow:hidden;}
  /* 广告内部任意深度元素统一清浮动居中：覆盖多层嵌套的 text-align:right / inline-block / float 右推结构（v1.2.105 起） */
  .ad .ad__inner *{max-width:100%;float:none !important;margin-left:auto !important;margin-right:auto !important;}
  .expos{grid-template-columns:repeat(2,1fr);}
  .expo:nth-child(2n){border-right:0;}
  .expo:nth-child(-n+2){border-bottom:1px solid var(--line);}
  .grid-3,.rel-grid{grid-template-columns:repeat(2,1fr);}
  /* 移动端 footer：品牌整行，其余两列整齐排列 */
  .footer__main{grid-template-columns:repeat(2,1fr);}
  .footer__brand{grid-column:1/-1;}
  .cols-2{grid-template-columns:1fr;}
  .article{padding:var(--s-6);}
  .article{padding-top:var(--s-1);} /* 断点内同样让 C2 广告紧贴面包屑（v1.2.79 起） */
  .ad--match-article{margin-left:var(--s-6);margin-right:var(--s-6);} /* 左右对称对齐断点内 article 内边距 24px（v1.2.80 起） */
  .article--no-top-ad{padding-top:var(--s-4);} /* 无 C2 广告时覆盖 .article 的 24px 顶部留白 */
  .article__hd h1{font-size:var(--fs-28);}
}
@media (max-width:640px){
  .container{padding:0 16px;}
  .header{position:relative;} /* 移动端导航栏不随页面滚动固定（v1.2.24 起；relative 保持 .nav 面板定位上下文） */
  .header .container{height:60px;}
  .logo__img{height:36px;} /* 移动端页头 60px 高，LOGO 缩至 36px（v1.2.124 起） */
  .topbar__l,.header__act .search{display:none;}
  .search-toggle{display:inline-flex;}
  .nav-toggle{display:inline-flex;}
  .header__act{margin-left:auto;} /* 汉堡/搜索按钮靠右对齐 */
  /* 详情页移动端不显示面包屑 */
  .crumb{display:none;}
  /* 移动端：相关阅读左封面图卡片（标题 2 行截断 + 底部发布时间，与资讯列表同构，v1.2.24 起） */
  body.single .sec-head{margin-left:16px;margin-right:16px;} /* 仅详情页相关阅读标题（容器贴边需 16px 对齐正文）；首页/列表/搜索页标题随容器 16px 内边距自然对齐（v1.2.83 起） */
  .rel-grid{display:flex;flex-direction:column;gap:0;margin-left:16px;margin-right:16px;}
  .rel{display:flex;align-items:stretch;gap:12px;padding:8px 0;} /* stretch：图与右栏同高，分割线紧贴内容、两卡紧凑（v1.2.32 起） */
  .rel .ph{flex:0 0 108px;width:108px;height:auto;aspect-ratio:232/168;position:relative;overflow:hidden;} /* 与资讯列表封面图一致 108×78（v1.2.35 起恢复） */
  .rel__bd{display:flex;flex-direction:column;flex:1 1 0;min-width:0;min-height:0;} /* min-height:0 覆盖桌面 168px，内容顶部与封面图对齐（v1.2.34 起修复错位） */
  .rel__ld{display:none;} /* 移动端不显示导读（与资讯列表一致） */
  .rel strong{font-size:var(--fs-15);line-height:1.5;font-weight:500;margin:0 0 4px;
    -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} /* 最多 2 行，超出截断 */
  /* 移动端详情页不显示编辑精选（v1.2.22 起） */
  body.single .card--epick{display:none;}
  /* 详情页移动端：容器左右贴边（覆盖 1000px 断点 28px）+ 文章内边距 16px → 文字距屏边仅 16px（v1.2.21 起） */
  .container--detail{padding-left:0;padding-right:0;}
  .article{padding:var(--s-4);}
  body.single .article{padding-left:var(--s-4);} /* 覆盖 1440px 断点 24px rail 锚点（同特异性后定义胜）：移动端左右对称 16px，与列表页/首页一致、对齐网站 logo（v1.2.107 起） */
  .ad--match-article{margin-left:var(--s-4);margin-right:var(--s-4);} /* 移动端左右对称 16px，与正文居中对齐（v1.2.80 起） */
  .article{padding-top:2px;} /* 移动端详情页广告贴顶：顶部 16→4→2px（v1.2.136/138 起，持续收窄） */
  body.single .layout{margin-top:0;} /* 详情页顶部收紧：面包屑隐藏后清除 .layout 32px 大留白（v1.2.137 起） */
  .article > .ad--strip{margin-bottom:4px;} /* 广告与标题间距 24→12→8→4px（v1.2.136/137/138 起） */
  /* 移动端：rail 转正文底部横排，点赞按钮居中放大，位于版权声明下方、底部分割线上方（v1.2.25 起） */
  .article__body{display:flex;flex-direction:column;gap:0;}
  .art-rail{order:2;position:static;align-self:auto;flex:0 0 auto;width:100%;margin-left:0;
    flex-direction:row;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;
    padding:18px 0;margin-top:24px;border-bottom:1px solid var(--line);}
  .art-rail .share__btn,.art-rail .btn-like{flex-direction:row;gap:0;width:40px;height:40px;
    padding:0;justify-content:center;border:1px solid var(--line);background:#fff;border-radius:50%;}
  .art-rail .share__btn svg,.art-rail .btn-like svg{width:20px;height:20px;}
  .art-rail .btn-like{width:60px;height:60px;padding:0;flex-direction:column;gap:1px;margin-left:0;border-radius:50%;} /* 移动端点赞圆形按钮（v1.2.28 起 60px） */
  .art-rail .btn-like svg{width:24px;height:24px;}
  .art-rail .like-num{font-size:13px;}
  .art-rail .share__btn{display:none;} /* 移动端去掉分享按钮，仅保留点赞（v1.2.22 起） */
  /* 详情页 meta 单行紧凑：字号缩小、隐藏「发布时间：」前缀 */
  .article__meta{flex-wrap:nowrap;font-size:12px;gap:6px;}
  .article__meta > span{white-space:nowrap;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;}
  .article__meta .dot{flex-shrink:0;}
  .pt-l{display:none;}
  /* 导航折叠为下拉面板：悬浮卡片 + 右箭头 + 高亮态；展开/收起带淡入下滑动效（v1.2.24 起） */
  .nav{
    position:absolute;top:calc(100% + 8px);left:12px;right:12px;margin-left:0;
    flex-direction:column;align-items:stretch;
    background:#fff;border:1px solid var(--line-soft);border-radius:14px;
    box-shadow:var(--sh-md);padding:6px 0;
    display:flex;z-index:50;
    opacity:0;visibility:hidden;transform:translateY(-10px);
    transform-origin:top center;
    transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s;
    pointer-events:none;
  }
  .nav.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto;}
  .nav a{
    position:relative;display:flex;align-items:center;justify-content:space-between;
    padding:15px 18px;font-size:var(--fs-16);color:var(--ink-800);
    border-bottom:1px solid var(--line-soft);
    transition:background .15s var(--ease),color .15s var(--ease);
  }
  .nav a::after,.nav a.is-active::after{display:none;} /* 移动端去掉导航项右侧箭头（v1.2.50 起） */
  .nav a:last-child{border-bottom:0;}
  .nav a:active{background:var(--bg-soft);}
  .nav a.is-active{color:var(--blue-600);font-weight:700;background:var(--blue-50);}
  .grid-3,.rel-grid,.nextprev{grid-template-columns:1fr;}
  /* 展会日历：移动端横向滑动卡片，不吸附（v1.2.67 起） */
  .expos{display:flex;flex-wrap:nowrap;overflow-x:auto;
    -webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px;
    scrollbar-width:none;border-left:0;border-right:0;}
  .expos::-webkit-scrollbar{display:none;}
  .expo{flex:0 0 78%;}
  .expos::after{content:"";flex:0 0 16px;}
  /* 展会日历滑动卡竖线修复：1024px 断点 2 列网格的 nth-child(2n) 去线规则在滑动视图残留，致第 2/4 张卡右侧无线；此处恢复竖线并清除单行滑动的底部残留线（v1.2.84 起） */
  .expo:nth-child(2n){border-right:1px solid var(--line);}
  .expo:nth-child(-n+2){border-bottom:0;}
  /* 原创深度：移动端横向滑动卡片，无吸附、不贴边（v1.2.66 起） */
  .orig-slide{display:flex;flex-wrap:nowrap;overflow-x:auto;
    -webkit-overflow-scrolling:touch;gap:var(--s-4);scrollbar-width:none;}
  .orig-slide::-webkit-scrollbar{display:none;}
  .orig-slide .post{flex:0 0 78%;}
  .orig-slide .post__bd h3{min-height:calc(var(--fs-18) * 3.1);} /* 标题固定占 2 行高度，1 行标题也保留第 2 行空位（v1.2.65 起） */
  /* 移动端：左封面图 + 右标题（不含导读）+ 发布时间，两栏并排；
     右栏 stretch 与封面图等高 + ft 推底 → 标题一行时标签/时间贴封面图底对齐 */
  .news-item{display:flex;align-items:stretch;column-gap:var(--s-3);}
  .news-item__img{width:108px;flex:0 0 108px;height:auto;aspect-ratio:232/168;}
  .news-item__body{display:flex;flex-direction:column;flex:1 1 0;min-width:0;min-height:0;} /* 取消桌面 min-height:168px，右栏随内容高度 */
  .news-item__ld{display:none;} /* 移动端不显示导读 */
  .news-item__tt h3{font-size:var(--fs-15);line-height:1.5;margin:0 0 4px;} /* 复用桌面 -webkit-box 两行截断 */
  .news-item__ft{position:static;margin-top:auto;gap:6px;flex-wrap:wrap;} /* 取消绝对定位，margin-top:auto 推到底部贴图底 */
  .rel__ft{position:static;margin-top:4px;gap:6px;flex-wrap:wrap;} /* 相关阅读：时间紧贴标题下方不推底（v1.2.27 起） */
  .news-item__ft .tag,.rel__ft .tag{height:16px;padding:0 5px;font-size:10px;} /* 移动端标签再小一号（v1.2.27 起）；相关阅读套用资讯列表标签样式（v1.2.28 起） */
  .news-item__ft .meta,.rel__ft .meta{font-size:var(--fs-13);color:var(--ink-500);} /* 略深，移动端更清晰 */
  .rel__ft .tag:nth-child(n+5){display:none;} /* 移动端相关阅读最多显示 4 个标签，PC 全部显示（v1.2.28 起） */
  .news-item--txt{display:block;} /* 文字版（无图）恢复块级单列 */
  /* 移动端焦点图：等比例长方形（16:9，与 PC 观感一致）；.feature 必须覆盖 768 块 360px，否则图片被拉成正方形 */
  .hero__slides{height:auto;aspect-ratio:16/9;}
  .feature{height:auto;}
  .dots{bottom:12px;right:14px;} /* 指示点贴图底部 */
  .car-btn{display:none;} /* 移动端焦点图不显示左右箭头，用指示点+滑动切换（v1.2.133 起，v1.2.111 箭头移动端方案废弃） */
  .car-btn svg{width:16px;height:16px;}
  .car-btn--prev{left:var(--s-3);}
  .car-btn--next{right:var(--s-3);}
  .hero{row-gap:var(--s-2);} /* 移动端焦点图与头条间距 16→8px（v1.2.67 起） */
  .headline{padding-top:0;} /* 头条紧贴焦点图 */
  .headline__list{gap:8px;} /* 移动端小卡间距收紧 12→8px，与焦点图间距一致（v1.2.127 起） */
  .layout{margin-top:var(--s-8);} /* 移动端焦点图与行业资讯间距 8→32px（v1.2.132 起，按用户要求） */
  .headline__hd{display:none;} /* 移动端不显示「头条资讯」栏目名，直接放新闻标题（v1.2.19 起） */
  /* 移动端 footer 精简：隐藏 LOGO/热门推荐/二维码，只保留「关于我们/联系我们/商务合作」+ 版权两行；
     链接行与版权整体居中，链接间距紧凑（v1.2.30 起；友情链接区已移至关于页，v1.2.117） */
  .footer__main{display:flex;align-items:center;justify-content:center;gap:0;padding:var(--s-4) 0 var(--s-3);} /* gap:0：跨列间距=两 a 的 padding 16px，与列内一致（v1.2.36 起） */
  .footer__brand,.footer__col--hot,.footer__col--qr{display:none;}
  .footer__col--about,.footer__col--coop{display:flex;align-items:center;}
  .footer__col--about h4,.footer__col--coop h4{display:none;}
  .footer__col--about ul,.footer__col--coop ul{display:flex;align-items:center;margin:0;}
  .footer li{margin-bottom:0;}
  .footer__col--about li:nth-child(n+3){display:none;} /* 只留「关于我们/联系我们」 */
  .footer__col--coop li:nth-child(n+2){display:none;} /* 只留「商务合作」（友情链接入口见关于页） */
  .footer__col--about a,.footer__col--coop a{display:block;padding:4px 8px;font-size:13px;
    color:rgba(255,255,255,.6);white-space:nowrap;} /* 行高与间距收紧（v1.2.30 起） */
  .footer__col--about a:first-child,.footer__col--coop a:first-child{padding-left:0;}
  .footer__bot{padding:var(--s-3) 0;gap:3px;} /* 版权两行上下收紧（居中已由基础样式统一，v1.2.118） */
  .cols-2{grid-template-columns:1fr;}
  .ad--sky{height:250px;}
  .prose{font-size:17px;}
  .article__hd h1{font-size:var(--fs-24);}
  .feature__body h3,.hd-slide .feature__body h3{font-size:var(--fs-18);} /* 焦点图标题缩小 22→18px（v1.2.133 起） */
  .feature__body{padding:var(--s-4) var(--s-2) var(--s-2);} /* 移动端标题内边距：上16/左右8/下8，贴近图片两端（v1.2.135 起） */
  .cat-hero h1{font-size:var(--fs-28);}
  .review-fab{right:10px;bottom:10px;}
  .review-fab .lb{display:none;}
  .to-top{display:flex;background:rgba(255,255,255,.75);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
    right:16px;bottom:88px;} /* 移动端回到顶部：半透明圆形，贴边 16px（v1.2.27 起恢复显示） */
  /* 移动端 LOGO 墙：标题独占一行左对齐，3 列网格全部露出不滑动，彩色展示（v1.2.83 起，替代 v1.2.46 滑动方案） */
  .co-band{padding:var(--s-6) 0 0;}
  .co-band .container{flex-direction:column;align-items:flex-start;gap:var(--s-4);flex-wrap:wrap;}
  .co-band__logos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;
    flex-wrap:wrap;overflow:visible;padding-bottom:0;}
  .co-band__logos .ad{width:100%;height:52px;flex:none;} /* 统一尺寸：宽度网格均分、高度与桌面一致 52px */
  .co-band__logos .ad img{padding:8px;} /* 四周留白避免挤贴（覆盖全局 4px） */
  /* 行业分类筛选条：移动端间距收紧 + 隐藏滚动条（行业分类功能） */
  .sec-fix{top:0;} /* 640 内页头不固定，分类条吸顶直接贴视口顶（v1.2.153 修复离顶空隙） */
  .cat-bar{gap:var(--s-5);margin-left:calc(var(--s-5) - var(--s-3));-webkit-overflow-scrolling:touch;scrollbar-width:none;} /* 移动端间距统一（v1.2.147 起） */
  .cat-bar::-webkit-scrollbar{display:none;}
  /* 吸顶导航选中项：文字下加蓝色下划线，标明当前分类（v1.2.172 起）
     根因（线上实测）：「最新资讯」为 h2，行盒 line-height:1.3（18px→23.4px）；分类项为 a，
     继承 body 1.65（29.7px）+ padding:2px 0；半行距差使同款 ::after 距文字底差 3.3px。
     bottom:-8.3px 与分类项 -3px 的下划线顶精确落在同一 y（v1.2.174 实测校准） */
  .sec-head .cat__ttl{position:relative;}
  .sec-head .cat__ttl.on::after{content:"";position:absolute;left:0;right:0;bottom:-8.3px;height:2px;
    background:var(--blue-600);}
  .cat-bar .cat__item.on::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;
    background:var(--blue-600);}
  .tlink a{font-size:var(--fs-15);} /* 移动端招标采购等文字链接与编辑精选一致 15px（v1.2.158） */
}

/* ==========================================================================
   WordPress 主题适配（hvac-insight 1.0）
   主导航菜单 / 分页 / 动态图片填充 / 编辑精选菜单
   ========================================================================== */
/* wp_nav_menu 主导航：menu_class 为空，ul 由外层 .nav 控制布局（ul 不再带 .nav 类，避免 640px 折叠时 ul 同样命中 display:none 导致菜单不显示） */
.nav > ul{display:flex;align-items:center;gap:2px;margin:0;padding:0;list-style:none;}
.nav > ul ul{list-style:none;margin:0;padding:0;}
.nav > ul li{list-style:none;}
@media (max-width:640px){
  .nav > ul{flex-direction:column;align-items:stretch;width:100%;}
}
/* 编辑精选菜单（walker 输出 .picks 结构） */
.card--epick .picks{margin:0;padding:0;list-style:none;}
/* 动态特色图填充各图片容器 */
.news-item__img img,.picks__img img,.post__img img,.rel .ph img,.feature .ph img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1;} /* z-index:1 让图片盖过 .ph::before 渐变层 */
/* 合作企业 LOGO 墙（后台「合作企业」页填写） */
.co-band__logos .ad img{width:100%;height:100%;object-fit:contain;display:block;padding:4px;}
/* 正文内图片（Gutenberg 上传）自适应：width:auto 忽略粘贴内容遗留的 width 属性（防止 1080 原图被 width="172" 属性压成小图），大图自动铺满，小图按原宽显示（v1.2.89 起） */
.prose img{width:auto;max-width:100%;height:auto;}
.prose .wp-block-image{margin:0 0 var(--s-8);}
.prose .wp-block-image img{display:block;}
/* 分页（paginate_links 输出 .page-numbers） */
.pager .page-numbers.current{background:var(--blue-600);border-color:var(--blue-600);color:#fff;font-weight:700;}
.pager .page-numbers:hover{border-color:var(--blue-500);color:var(--blue-600);}
/* 编辑精选空菜单引导 */
.epick-empty{padding:var(--s-4) var(--s-5);font-size:var(--fs-14);color:var(--ink-400);}
/* 块引用（Gutenberg）默认样式对齐设计稿 */
.wp-block-quote{margin:0 0 var(--s-8);}

/* ---------- Ad Inserter 广告填充态：有广告时去掉占位灰框样式 ---------- */
.ad.is-filled{border:0;background:none;color:inherit;min-height:0;padding:0;}
.ad.is-filled .ad__inner{width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;}
.ad.is-filled img,.ad.is-filled iframe,.ad.is-filled ins,.ad.is-filled script{max-width:100%;display:block;margin:0 auto;}
/* 所有广告尺寸类在填充广告后取消固定高度，图片/代码按自身尺寸完整展示，不再截断 */
.ad--banner.is-filled,.ad--strip.is-filled,.ad--rect.is-filled,.ad--sky.is-filled,.ad--sky3.is-filled,.ad--feed.is-filled,.ad--inline.is-filled{height:auto;}

/* 移动端广告重排容器：PC 隐藏；≤1024px 显示并与侧栏原广告互斥。
   注意：必须用 min-width 媒体查询包裹，全局 display:none 会覆盖 1024px 断点内的 display:block（同特异性后定义胜，v1.2.100 修复） */
@media (min-width:1025px){
  .ad-m{display:none;}
}
/* .ad-m 内图片居中兜底：img 有内联 width:100% 时铺满居中；自定义 HTML 窄图也居中显示（v1.2.101 起） */
.ad-m img,.ad-m picture{display:block;margin-left:auto;margin-right:auto;}
/* 首页移动端广告（LOGO 墙下方）与 footer 保持紧凑 24px，与原 LOGO 墙缓冲一致；PC 时 .ad-m 隐藏但 DOM 仍在，间距不变（v1.2.101 起） */
.ad-m + .footer{margin-top:var(--s-6);}

/* ---------- 22. 信息页标签页（关于我们单页多页签，左侧导航 + 右侧内容；与静态稿同步，v1.2.57 起） ---------- */
.page-main{padding:var(--s-12) 0 var(--s-16);}

/* 关于我们 */
.about-block{margin-bottom:var(--s-14);}
.about-block:last-child{margin-bottom:0;}
.about-block h2{font-size:var(--fs-22);color:var(--ink-900);margin-bottom:var(--s-5);}
.about-block h2::before{content:"";display:inline-block;width:4px;height:18px;background:var(--blue-600);border-radius:2px;margin-right:10px;vertical-align:-2px;}
.about-block p{font-size:var(--fs-15);color:var(--ink-600);line-height:2;margin-bottom:var(--s-4);max-width:840px;}
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-6);margin-top:var(--s-8);}
.stat{border:1px solid var(--line);border-radius:var(--r-0);padding:var(--s-6) var(--s-4);text-align:center;background:#fff;}
.stat b{display:block;font-size:30px;color:var(--blue-600);}
.stat span{display:block;font-size:var(--fs-13);color:var(--ink-400);margin-top:var(--s-2);}

/* 联系我们 */
.contact-grid{display:grid;grid-template-columns:340px 1fr;gap:var(--s-8);align-items:start;}
.contact-card{border:1px solid var(--line);border-radius:var(--r-0);padding:var(--s-6);margin-bottom:var(--s-5);background:#fff;}
.contact-card h3{font-size:var(--fs-16);color:var(--ink-900);margin-bottom:var(--s-3);}
.contact-card p{font-size:var(--fs-14);color:var(--ink-600);line-height:1.9;}
.contact-card .big{font-size:var(--fs-20);color:var(--blue-600);font-weight:700;}
.form{border:0;border-radius:0;padding:0;background:none;}
.form h3{font-size:var(--fs-18);color:var(--ink-900);margin-bottom:var(--s-2);}
.form .sub{font-size:var(--fs-13);color:var(--ink-400);margin-bottom:var(--s-6);}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--s-5);}
.form label{display:block;font-size:var(--fs-14);color:var(--ink-700);margin-bottom:6px;}
.form input,.form select,.form textarea{width:100%;border:1px solid var(--line);border-radius:var(--r-0);
  padding:10px 12px;font-size:var(--fs-14);color:var(--ink-800);background:#fafbfc;
  margin-bottom:var(--s-5);outline:none;box-sizing:border-box;font-family:inherit;transition:border-color .2s,background .2s;}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--blue-400);background:#fff;}
.form textarea{min-height:130px;resize:vertical;}
.form .btn{display:inline-block;border:0;background:var(--blue-600);color:#fff;font-size:var(--fs-15);
  padding:11px 34px;border-radius:var(--r-0);cursor:pointer;transition:background .2s;}
.form .btn:hover{background:var(--blue-700);}

/* 商务合作 */
.coop-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-6);}
.coop-card{border:1px solid var(--line);border-radius:var(--r-0);padding:var(--s-7) var(--s-6);background:#fff;display:block;color:inherit;transition:border-color .2s,box-shadow .2s;}
.coop-card:hover{border-color:var(--blue-300);box-shadow:var(--sh-sm);}
.coop-card .ico{width:44px;height:44px;border-radius:10px;background:var(--blue-50);color:var(--blue-600);
  display:flex;align-items:center;justify-content:center;margin-bottom:var(--s-4);}
.coop-card h3{font-size:var(--fs-17);color:var(--ink-900);margin-bottom:var(--s-3);}
.coop-card p{font-size:var(--fs-14);color:var(--ink-500);line-height:1.85;}
.coop-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-6);margin-top:var(--s-12);}
.step{position:relative;border:1px dashed var(--line);border-radius:var(--r-0);padding:var(--s-6) var(--s-4);text-align:center;background:#fafbfc;}
.step b{display:block;font-size:26px;color:var(--blue-300);margin-bottom:var(--s-3);}
.step h4{font-size:var(--fs-15);color:var(--ink-900);margin-bottom:var(--s-2);}
.step p{font-size:var(--fs-13);color:var(--ink-400);line-height:1.7;}
.coop-cta{margin-top:var(--s-12);border:1px solid var(--line);border-radius:var(--r-0);background:var(--blue-50);
  padding:var(--s-8) var(--s-8);display:flex;align-items:center;justify-content:space-between;gap:var(--s-6);flex-wrap:wrap;}
.coop-cta p{font-size:var(--fs-15);color:var(--ink-700);line-height:1.8;}
.coop-cta .big{font-size:var(--fs-20);color:var(--blue-600);font-weight:700;}
.coop-cta .btn{display:inline-block;background:var(--blue-600);color:#fff;font-size:var(--fs-15);
  padding:11px 34px;border-radius:var(--r-0);transition:background .2s;}
.coop-cta .btn:hover{background:var(--blue-700);}

/* 信息页标签页（左侧导航 + 右侧内容） */
.info-layout{display:grid;grid-template-columns:220px 1fr;gap:var(--s-8);align-items:start;}
.tabs{display:flex;flex-direction:column;gap:8px;margin-bottom:0;}
.tabs__btn{padding:11px 16px;font-size:var(--fs-15);color:var(--ink-700);text-align:left;
  background:#f7f9fc;border:1px solid var(--line);border-left:3px solid var(--line);
  border-radius:var(--r-0);cursor:pointer;font-family:inherit;
  transition:color .2s,border-color .2s,background .2s;}
.tabs__btn:hover{color:var(--blue-600);border-left-color:var(--blue-300);}
.tabs__btn.on{color:var(--blue-600);font-weight:700;background:var(--blue-50);
  border-color:var(--blue-200);border-left-color:var(--blue-600);}
.tab-panel{display:none;}
.tab-panel.on{display:block;}
@keyframes tab-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.tab-panel.on{animation:tab-fade .28s var(--ease);}
.legal h3{font-size:var(--fs-16);color:var(--ink-900);margin-bottom:var(--s-3);}
.legal p{font-size:var(--fs-15);color:var(--ink-600);line-height:2;margin-bottom:var(--s-4);max-width:880px;}
.legal .tip{font-size:var(--fs-13);color:var(--ink-400);border-left:3px solid var(--line);padding-left:var(--s-4);margin-top:var(--s-6);}
/* 友情链接页签：纯文字链接横排换行，无外框（v1.2.117 起由页脚移入关于页；v1.2.118 去卡片改纯文字） */
.fl-grid{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-6);margin-top:var(--s-4);}
.fl-grid a{font-size:var(--fs-15);color:var(--ink-600);line-height:1.9;transition:color .2s var(--ease);}
.fl-grid a:hover{color:var(--blue-600);}
@media (max-width:900px){
  .info-layout{grid-template-columns:1fr;}
  .tabs{display:grid;grid-template-columns:1fr 1fr;}
  .about-stats{grid-template-columns:1fr 1fr;}
  .contact-grid{grid-template-columns:1fr;}
  .coop-grid{grid-template-columns:1fr;}
  .coop-steps{grid-template-columns:1fr 1fr;}
}
@media (max-width:640px){
  .coop-steps{grid-template-columns:1fr;}
  .form .row{grid-template-columns:1fr;}
}

/* 反馈提交结果条（无 JS 兑底路径，v1.2.59 起） */
.fb-tip{padding:12px 16px;border-radius:8px;font-size:var(--fs-14);margin:var(--s-4) 0 var(--s-2);}
.fb-ok{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;}
.fb-fail{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;}

/* 反馈提交浮层提示：按钮行内，深色浮层淡入淡出（v1.2.62 起） */
.form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-4);}
.fb-note{background:rgba(17,24,39,.92);color:#fff;font-size:var(--fs-13);padding:8px 14px;
  border-radius:8px;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s;pointer-events:none;}
.fb-note.show{opacity:1;transform:none;}