/* ============================================================================

   快立克环保 官网统一设计层  klk-ui.css

   2026-09-14 · 作用：统一全站栅格 / 修复页头裁切 / 补齐交互反馈与焦点态 /

   修正低对比文字 / 放大点击目标 / 让窄屏不再横向溢出

   加载位置：所有模板 </head> 之前（顺序最后，用于覆盖 style.css 与首页四件套）

   ========================================================================== */



/* ---------- 0. 设计令牌 ---------- */

:root{

  --klk-blue:#0a6db5;          /* 主品牌蓝（导航、标题、链接） */

  --klk-blue-d:#07528a;        /* 深蓝（hover、强调） */

  --klk-blue-l:#eef5fb;        /* 浅蓝底 */

  --klk-red:#d13b38;           /* CTA 红（对比度 4.78:1） */

  --klk-red-d:#b3261e;

  --klk-green:#4f730f;         /* 品牌绿（压白字，对比度 5.6:1） */

  --klk-green-l:#eef6e0;

  --klk-ink:#1f2a37;           /* 主文字 */

  --klk-ink-2:#3d4b5a;         /* 次文字 */

  --klk-ink-3:#5f6d7c;         /* 弱文字（最小可用灰） */

  --klk-line:#e3e9f2;

  --klk-line-2:#d5dee9;

  --klk-bg:#ffffff;

  --klk-bg-2:#f6f8fb;

  --klk-radius:6px;

  --klk-radius-s:4px;

  --klk-shadow:0 1px 3px rgba(16,40,80,.06);

  --klk-shadow-h:0 8px 22px rgba(10,109,181,.16);

  --klk-ease:.22s cubic-bezier(.4,0,.2,1);

  --klk-tap:34px;              /* 桌面最小点击高度 */

}



/* ---------- 1. 焦点可见性（原站 *:focus{outline:none} 会吃掉焦点环） ---------- */

a:focus-visible,

button:focus-visible,

input:focus-visible,

select:focus-visible,

textarea:focus-visible,

[tabindex]:focus-visible,

#nsbody a:focus-visible{

  outline:2px solid var(--klk-blue) !important;

  outline-offset:2px !important;

  border-radius:2px;

}

a:focus:not(:focus-visible), button:focus:not(:focus-visible){ outline:none !important; }



/* ---------- 2. 交互反馈：全站补过渡（原站 transition 出现 0 次） ---------- */

a, button, input, select, textarea, li, dt, dd, .more, .s-inp input{

  transition:color var(--klk-ease), background-color var(--klk-ease),

             border-color var(--klk-ease), box-shadow var(--klk-ease),

             transform var(--klk-ease), opacity var(--klk-ease);

}

@media (prefers-reduced-motion: reduce){

  a, button, input, select, textarea, li, dt, dd, .more{ transition:none !important; }

}



/* ---------- 3. 页头：修掉「logo 被裁 / 标语图被导航压住 / 电话下沿被切」 ---------- */

.h_con{

  height:108px;                 /* 保持 208px 页头带（top_bg.gif 固定 208 高） */

  overflow:visible;             /* 原为 hidden —— 正是它把内容裁掉 */

  display:flex; align-items:center; justify-content:space-between;

}

.h-logo{ float:none; width:auto; max-width:700px; height:100%; display:flex; align-items:center; gap:12px; }

.h-logo .logo-h1{ float:none; display:block; }

.h-logo a{ display:block; line-height:0; }

.h-logo a img{ max-height:88px; width:auto; vertical-align:middle; }

.h-logo em{ float:none; padding:0; display:block; line-height:1.2; }

.h-logo em img{ max-height:66px; width:auto; vertical-align:middle; }



.h-pho{

  float:none; flex:0 0 auto; width:auto; height:100%;

  display:flex; flex-direction:column; justify-content:center;

  padding:0 0 0 52px; background-position:0 center; background-repeat:no-repeat;

}

.h-pho span{ float:none; width:auto; display:block; color:var(--klk-ink-3); font-size:12px; line-height:1.6; }

.h-pho b{ color:var(--klk-blue); font-size:26px; line-height:1.25; font-weight:700; }

.h-pho b:last-child{ font-size:13px !important; font-weight:400 !important; color:var(--klk-ink-3) !important; }



/* ---------- 4. 栅格统一：首页原为 960/1000/1050 三套宽度 ---------- */

.h-ser{ background:url('h_ser.gif') repeat-x; height:42px; padding:0; border:0; overflow:hidden; }

.h-ser .ser-con{ width:960px; margin:0 auto; position:relative; overflow:hidden; }

.h-ser .ser-con:after{ content:""; display:table; clear:both; }

.h-ser p{ float:left; width:620px; line-height:42px; margin-right:0; }



/* 热搜词改为胶囊标签：既好意又能把点击目标抬到 26px 以上 */

.h-ser p a{

  display:inline-block; padding:3px 12px; margin:0 4px 0 0; line-height:20px;

  background:var(--klk-blue-l); color:var(--klk-blue); border-radius:14px; font-size:13px;

}

.h-ser p a:hover{ background:var(--klk-blue); color:#fff; text-decoration:none; }

.s-inp{ position:absolute; right:0; top:5px; }

.s-inp input[type=text]{ height:30px; padding:2px 10px; border:1px solid var(--klk-line-2); border-radius:var(--klk-radius-s); width:170px; }

.s-inp input[type=text]:focus{ border-color:var(--klk-blue); }

.s-inp input[type=submit]{ height:30px; padding:0 16px; background:var(--klk-blue); color:#fff; border:0; border-radius:var(--klk-radius-s); cursor:pointer; }

.s-inp input[type=submit]:hover{ background:var(--klk-blue-d); }



/* 首页服务卡片：容器由内联 1050 改为 960（HTML 同步修改），卡片等比缩到 222 */

.home-proshow{ width:960px; }

.home-proshow li{ width:222px; height:170px; }

.home-proshow .hoverdir .box{ padding:22px 16px; }

.home-proshow .name{ font-size:20px; height:30px; }

.home-proshow .clude{ height:36px; margin-top:8px; white-space:normal; line-height:18px; }

.home-proshow .more{ margin-top:12px; padding:3px 12px; border-radius:14px; }



/* ---------- 5. 低对比修正（实测对比度） ---------- */

/* .tit / .leib2 .tit 悬停原为白字压 #f4f4f4 —— hover 时标题直接消失 */

.tit, .leib2 .tit{ background:#f1f6fb; color:#24435f; }

.tit a, .leib2 .tit a{ color:#24435f; }

.tit a:hover, .leib2 .tit a:hover{ color:var(--klk-blue); }



/* 侧栏栏目头：白字压 #a5d134 仅 1.81:1 → 换成深绿（5.6:1） */

.list_con h4 a{ background:var(--klk-green); color:#fff; }

.list_con h4 a:hover{ background:var(--klk-blue); }



/* 侧栏当前项：#ff0004 压 #f3f3f3 仅 3.6:1 → #b3261e（5.9:1） */

li#cp a, .prolist li#cp a{ color:var(--klk-red-d) !important; }



/* 侧栏热线：22px 红字改深红，白底可读 */

.leftlx .dianhua .diantel{ color:var(--klk-red); }

.leftlx .dianhua .diantel:hover{ color:var(--klk-red-d); }



/* 正文页脚注 / 免责声明：#999 压 #f7f9fc 仅 2.7:1 → #5f6d7c（5.1:1） */

#nsbody .klk-note, #nsbody p[style*="color:#999"], #nsbody p[style*="color: #999"]{ color:var(--klk-ink-3) !important; }



/* 悬浮咨询按钮：白字压 #e64340 仅 4.0:1（11px）→ 加深并放大字号 */

#klk-fab{ background:var(--klk-red) !important; }

#klk-fab small{ font-size:12px !important; opacity:1 !important; }



/* 正文里被硬编码成浅灰的小字统一提一档 */

#nsbody font[color="#999999"], #nsbody font[color="#999"]{ color:var(--klk-ink-3); }



/* ---------- 6. 点击目标：把小于 24px 的链接触控面抬起来 ---------- */

.plc{ height:auto; min-height:36px; line-height:36px; }

.plc span a{ display:inline-block; padding:7px 2px; }

.plc span a:hover{ color:#fff; text-decoration:underline; }



.leftlx .lxi div{ line-height:1.7; padding:2px 0; }

.leftlx .lxi a{ display:inline-block; padding:3px 0; }



.pillar-list li{ padding:0 0 0 13px; }

.pillar-list li a{ display:block; padding:9px 0; }



.pillar-nav li a{ padding:8px 16px; }

.pillar-link a{ display:inline-block; padding:3px 0; }



/* 文章页字号切换（大/中/小）原为 12×16 */

.agent_con .newsinfo a, .agent_con a[onclick], #nsbody .fontsize a{

  display:inline-block; padding:6px 8px; min-width:26px; text-align:center;

}



/* 侧栏栏目导航 li 原高 39px 已达标，这里只补 hover 反馈 */

.list_con ul li a:hover{ color:var(--klk-blue); }



/* 缩略图卡片：原 hover 把边框由 1px 变 2px，会整体抖动 1px */

.dl_21c dt a{ border:1px solid var(--klk-line-2); border-radius:var(--klk-radius-s); }

.dl_21c dt a:hover{ border-color:var(--klk-blue); box-shadow:var(--klk-shadow-h); transform:translateY(-2px); }



/* ---------- 7. 正文排版：字号阶梯与阅读舒适度 ---------- */

#nsbody, .con_text, .newbody{ color:var(--klk-ink-2); line-height:1.85; }

#nsbody p, .con_text p{ font-size:15px; margin:0 0 14px; }

#nsbody li{ font-size:15px; line-height:1.8; }

#nsbody h2, .pillar h2{ font-size:19px; }

#nsbody h3, .pillar h3{ font-size:16px; }

#nsbody a{ color:var(--klk-blue); }

#nsbody a:hover{ color:var(--klk-blue-d); text-decoration:underline; }

#nsbody blockquote{ border-left:4px solid var(--klk-line-2); background:var(--klk-bg-2); padding:10px 14px; color:var(--klk-ink-2); margin:14px 0; }

#nsbody img{ border-radius:var(--klk-radius-s); }

#nsbody table, .pillar table{ font-size:14px; }

#nsbody table th, .pillar table th{ color:#0d4f80; background:#e9f2fa; }

#nsbody table tr:hover td{ background:#f7fbfe; }



/* ---------- 8. 页脚（首页与内页统一成三栏；原首页因样式未加载而竖排） ---------- */

.f-wrap .footer-b{ color:#c9dfed; overflow:hidden; }

.f-wrap .gwox{ color:#fff; font-size:15px; font-weight:700; line-height:1.6;

  padding-left:9px; border-left:3px solid #74BBE0; margin:0 0 10px; }

.f-wrap .geoyw{ color:#c9dfed; font-size:13px; }

.f-wrap .geoyw div{ line-height:2; }

.f-wrap .geoyw a{ color:#fff; text-decoration:none; border-bottom:1px dotted rgba(255,255,255,.45); }

.f-wrap .geoyw a:hover{ color:#74BBE0; border-bottom-color:#74BBE0; }

.footer-b .fb-col{ float:left; }

.footer-b .fb-contact{ width:400px; }

.footer-b .fb-svc{ width:320px; padding-left:20px; }

.footer-b .fb-qr{ width:200px; text-align:center; }

.footer-b .fb-list{ margin:0; padding:0 0 0 16px; }

.footer-b .fb-list li{ color:#c9dfed; font-size:13px; line-height:2; list-style:square; }

.footer-b .fb-qr img{ display:inline-block; background:#fff; padding:4px; border-radius:6px; }

.footer-b .fb-qrname{ color:#c9dfed; font-size:12px; line-height:1.8; margin-top:8px; }

.footer-b .clear{ clear:both; height:0; overflow:hidden; }

.footer-a a:hover{ color:#74BBE0; }



/* ---------- 9. 窄屏适配（≤1000px 平板 / ≤640px 手机） ---------- */

@media screen and (max-width:1000px){

  html{ -webkit-text-size-adjust:100%; }

  body{ overflow-x:hidden; }



  /* 容器全部流体化 */

  .top, .header, .content, .footer,

  .h-ser .ser-con, .home-proshow, .topadcs, .banner{

    width:auto !important; max-width:100%; padding-left:12px !important; padding-right:12px !important;

    box-sizing:border-box;

  }

  /* banner 必须保持通栏：左右不加内边距，否则设计稿两侧会露出白边 */
  .ban_bg{ width:100% !important; max-width:100% !important; padding:0 !important; box-sizing:border-box; }

  .footer{ padding-left:12px; padding-right:12px; }



  /* 页头改纵向堆叠，允许增高 */

  .top{ height:auto !important; }

  .h_top{ display:none; }

  .h_con{ height:auto; flex-wrap:wrap; gap:8px; padding:10px 0; }

  .h-logo{ max-width:100%; }

  .h-logo a img{ max-height:60px; }

  .h-logo em img{ max-height:44px; }

  .h-pho{ padding-left:40px; height:auto; }

  .h-pho b{ font-size:22px; }



  /* 导航可横向滑动，不再撑破 */

  .h_nav{ height:auto; overflow:visible; }

  .h_nav ul{ display:flex; flex-wrap:wrap; font-size:0; }

  .h_nav li{ float:none; flex:0 0 auto; height:44px; line-height:44px; background:none; }

  .h_nav li a{ padding:0 14px; font-size:13px; }



  /* 热搜行与搜索框换行 */

  .h-ser{ height:auto !important; background:none; border-bottom:1px solid var(--klk-line); padding:8px 0; }

  .h-ser p{ float:none; width:auto; line-height:2; margin:0 0 8px; }

  .h-ser .s-inp{ position:static; }



  /* 首页主视觉：.bgitem 是 position:absolute，**不参与父容器高度计算**。

     上一轮在这里给「子元素」写 aspect-ratio，父容器于是塌成 height:0，

     再被 #flashs{overflow:hidden} 一裁 —— 移动端整个 banner 人间蒸发。

     ---

     正解：把比例写在【容器】上。原图实测 1600x483。

     手机宽度下若整图等比缩到 390 宽，图内文案只剩 7px（等于看不见），

     所以这里主动放大并用 left center 聚焦左侧文案区：

     容器 390 宽 / (900:483) → 高 209px，cover 放大到 0.433，

     可见原图 x≈0~901 —— 两张图的文案块都完整落在这一区间内。 */

  #flashs, .ban_bg{ height:auto !important; aspect-ratio:900/483; min-height:160px; overflow:visible; }

  #flashs .bgitem{

    height:100% !important; aspect-ratio:auto !important;

    background-size:cover !important; background-position:left center !important;

  }



  /* 侧栏与正文改为上下排列 */

  .left, .right, .right_main, .agent_con, .con_text, #zoom, #nsbody{ width:auto !important; float:none !important; max-width:100%; }

  .left{ margin-bottom:16px; }

  .prolist, .leib2, .leib{ width:auto !important; }

  .topadcs{ margin-bottom:12px; }

  .topadcs img{ width:100%; height:auto; }



  /* 首页服务卡片两列 */

  .home-proshow ul{ display:flex; flex-wrap:wrap; }

  .home-proshow li{ width:calc(50% - 16px); margin:8px; height:auto; min-height:150px; }

  .home-proshow li img{ width:100%; height:auto; }



  /* 列表页卡片单列 */

  .pdjs_list_dl, .dl_21c{ float:none !important; width:auto !important; max-width:360px; margin:14px auto !important; }



  /* 表格不再撑破正文 */

  #nsbody table, .pillar table, .con_text table{ width:100% !important; max-width:100% !important; table-layout:fixed; }

  #nsbody table th, #nsbody table td, .pillar table th, .pillar table td{ word-break:break-word; padding:7px 8px; }

  #nsbody *{ max-width:100% !important; box-sizing:border-box; }

  #nsbody div[style*="width"], #nsbody p[style*="width"], #nsbody span[style*="width"]{ width:auto !important; }

  #nsbody img[style*="width"]{ width:auto !important; }



  /* 页脚堆叠 */

  .footer-b .fb-col{ float:none; width:auto !important; padding-left:0; margin-bottom:18px; text-align:left; }

  .footer-b .fb-qr{ text-align:center; }



  /* 悬浮按钮避让 */

  #klk-fab{ right:12px !important; bottom:72px !important; padding:10px 14px !important; font-size:14px !important; }

  #klk-modal{ width:auto !important; max-width:calc(100vw - 24px) !important; margin:0 12px; }

}



@media screen and (max-width:640px){

  .h-logo em{ display:none; }

  .h_nav li a{ padding:0 10px; font-size:12.5px; }

  .home-proshow li{ width:100%; margin:8px 0; }

  .home-proshow li img{ max-height:none; }

  .h-ser p a{ margin-bottom:6px; }

  #nsbody p, .con_text p, #nsbody li{ font-size:15.5px; }

  .plc{ font-size:13px; }

  .fb-contact, .fb-svc, .fb-qr{ width:auto !important; }

  .footer-b{ padding-top:20px; }

  .footer-a{ height:auto; line-height:2; padding:8px 0; }

  .footer-a a{ margin:0 3px; }

}



/* ---------- 10. 打印（顺手：去掉导航与装饰） ---------- */

@media print{

  .top, .h-ser, .left, .f-wrap, #klk-fab, #klk-overlay, .plc{ display:none !important; }

  .right, .agent_con, #nsbody{ width:auto !important; }

  #nsbody a{ color:#000; text-decoration:none; }

}



/* ============================================================================

   v2 追加（2026-09-14 第二轮）—— 依据 CDP 实测数据补齐

   ========================================================================== */



/* ---------- 11. 焦点可见：加老浏览器兜底（原站全局 *:focus{outline:none} 会吃掉焦点环） ---------- */

a:focus, button:focus, input:focus, select:focus, textarea:focus, [tabindex]:focus{

  outline:2px solid var(--klk-blue);

  outline-offset:2px;

}

a:focus:not(:focus-visible),

button:focus:not(:focus-visible),

input:focus:not(:focus-visible),

select:focus:not(:focus-visible),

textarea:focus:not(:focus-visible){ outline:none; }



/* ---------- 12. 🔴 实测对比度不达标的两个真问题 ---------- */

/* ① 列表页「查看详情」按钮：底色 pro_btn1.gif 实测 #8c8c8c 中灰，白字只有 3.36:1

      → 去掉灰图，改实心品牌蓝（白字 5.4:1） */

.pdjs_list_dl dd p a,

.pdjs_list_dl dd p a.a02{

  background-image:none !important;

  background-color:var(--klk-blue);

  color:#fff;

  border-radius:var(--klk-radius-s);

  font-family:"Microsoft YaHei","微软雅黑",sans-serif;

}

.pdjs_list_dl dd p a:hover,

.pdjs_list_dl dd p a.a02:hover{

  background-color:var(--klk-blue-d) !important;

  box-shadow:var(--klk-shadow-h);

}

/* ② 首页服务卡片悬停面板：op-green.png 实测是 1×1 天蓝 #24bbe8，白字仅 2.27:1

      → 换成深蓝实色，白字 5.4:1 */

.home-proshow .hoverdir{ background-color:var(--klk-blue); background-image:none !important; }

.home-proshow li:hover .hoverdir,

.home-proshow li a:hover .hoverdir{ background-color:var(--klk-blue-d) !important; }



/* ---------- 13. 点击目标补齐（第二轮实测仍 < 28px 的元素） ---------- */

/* 顶栏「设为首页 / 繁體中文」 */

.h_top p a, .h_top span a{ display:inline-block; padding:4px 8px; line-height:16px; }

a#GB_BIG{ display:inline-block; padding:4px 8px; }



/* 热搜词胶囊再抬一档到 32px */

.h-ser p a{ padding:6px 13px; line-height:20px; }



/* 面包屑（页头 .plc 已修，这里修列表容器内的 .pro_curmbs） */

.pro_curmbs{ min-height:34px; line-height:34px; }

.pro_curmbs a{ display:inline-block; padding:7px 2px; }



/* 栏目导览块 .colhead 内的链接 */

.colhead p a, .colhead li a{ display:inline-block; padding:5px 2px; }



/* 表格内的链接（实测 19–20px 高） */

.age_con_key table td a, .colhead table td a, .con_text table td a, #nsbody table td a{

  display:inline-block; padding:5px 2px; min-width:40px;

}



/* 首页服务卡片：锚点铺满整卡（原 <a> 只有 16px 高，等于只有图片上方一条可点） */

.home-proshow li > a{ display:block; width:100%; height:100%; }

.home-proshow li a img{ display:block; margin:0 auto; }



/* 案例卡片标题链（实测 12px） */

.pdjs_list_dl dd span{ display:flex; align-items:center; justify-content:center; }

.pdjs_list_dl dd span a{ display:block; padding:4px 0; }



/* 「更多 more」按钮 */

.gengduo a, .home-proshow .more{ display:inline-block; padding:8px 18px; }



/* 侧栏栏目导航：抬到 40px */

.list_con ul li{ height:40px; line-height:40px; }

.list_con ul li a{ display:block; }



/* ---------- 14. 窄屏补漏：模板里的内联定宽必须一起流体化 ---------- */

@media screen and (max-width:1000px){

  /* 首页/列表页模板里写死的 inline width（960/1050/800 等） */

  body > div[style*="width:960px"],

  body > div[style*="width:1050px"],

  body > div[style*="width:1000px"],

  div[style*="width:960px"][style*="margin:0 auto"],

  .content div[style*="width:960px"]{

    width:auto !important; max-width:100% !important;

    padding-left:12px !important; padding-right:12px !important;

    box-sizing:border-box;

  }

  .home-proshow li > a{ height:auto; }

  .home-proshow li img{ display:block; width:100%; height:auto !important; max-height:none !important; }



  /* 首页跑马灯（合作伙伴）与轮播箭头：避免任何横向溢出 */

  html, body{ overflow-x:hidden; }

  #hzs{ max-width:100%; }

  #flashs .btn{ display:none; }

  /* 容器已有确定比例，不需要再裁，否则 absolute 子元素会被切掉 */

  #flashs{ overflow:visible; }



  /* 内页列表容器与分页 */

  .age_con_key, .rt_bot_line, .pagination-wrapper, .pro_main{ width:auto !important; max-width:100% !important; }

  .pdjs_list_dl dd p{ width:auto !important; }

}



@media screen and (max-width:640px){

  .h_top{ display:none; }

  .list_con ul li{ height:44px; line-height:44px; }

  .pdjs_list_dl dd span{ height:auto; min-height:45px; }

}



/* ============================================================================

   v3 追加（2026-09-14 第三轮）—— 依据实测的「特异度败给原站规则」与剩余小目标

   ========================================================================== */



/* ---------- 15. 🔴 特异度修正：style.css 里是 `dl.pdjs_list_dl …`（多一个 dl），

      原写法 .pdjs_list_dl… 特异度低一档，导致 background-color 被原图背景覆盖 ---------- */

dl.pdjs_list_dl dd p a,

dl.pdjs_list_dl dd p a.fl,

dl.pdjs_list_dl dd p a.a02,

.pdjs_list_dl dd p a{

  background-image:none !important;

  background-color:var(--klk-blue) !important;

  color:#fff !important;

  height:30px !important;

  line-height:30px !important;

  border-radius:var(--klk-radius-s);

  font-family:"Microsoft YaHei","微软雅黑",sans-serif;

}

dl.pdjs_list_dl dd p a:hover,

dl.pdjs_list_dl dd p a.fl:hover,

dl.pdjs_list_dl dd p a.a02:hover{

  background-color:var(--klk-blue-d) !important;

  box-shadow:var(--klk-shadow-h);

}

dl.pdjs_list_dl dd span a{ display:block; padding:6px 0; }



/* 首页服务卡片悬停面板同理由 home.css 的 `.home-proshow .hoverdir` 同名规则压制，加 !important 兜底 */

.home-proshow .hoverdir,

.hoverdir{ background-color:var(--klk-blue) !important; background-image:none !important; }

.home-proshow li:hover .hoverdir,

.home-proshow li:focus-within .hoverdir{ background-color:var(--klk-blue-d) !important; }



/* 外链按钮（预约咨询）保持红色，稍加深到 4.5:1 */

dl.pdjs_list_dl dd p a.a02{ background-color:var(--klk-red) !important; }

dl.pdjs_list_dl dd p a.a02:hover{ background-color:var(--klk-red-d) !important; }



/* ---------- 16. 剩余低对比：内联 #999 文字（文章页作者/免责/页脚注、分页统计） ---------- */

.agent_con [style*="color:#999"], .agent_con [style*="color: #999"],

.agent_con [style*="color:#999999"], .agent_con [style*="color: #999999"],

.agent_con [style*="color:#9a9a9a"], .agent_con [style*="color: #9a9a9a"],

#zoom [style*="color:#999"], #zoom [style*="color: #999"],

#nsbody [style*="color:#999"], #nsbody [style*="color: #999"],

.con_text [style*="color:#999"], .con_text [style*="color: #999"]{

  color:var(--klk-ink-3) !important;

}

.agent_con .author-info, .agent_con .author-info span, .agent_con .author-info a{ color:var(--klk-ink-3) !important; }

.pagination-wrapper span, .pagination span, .pagination li span{ color:var(--klk-ink-3); }



/* ---------- 17. 剩余点击目标（第三轮实测） ---------- */

/* 文章页 字号切换：大 / 中 / 小 */

.newbody a, .agent_con .newbody a{ display:inline-block; padding:6px 7px; min-width:24px; text-align:center; }

/* 打印本页 / 返回上一页 */

.agent_con div.fr > a, .agent_con .fr a{ display:inline-block; padding:6px 7px; }

/* 相关阅读条目 */

.rel-read ul li a{ display:inline-block; padding:5px 0; }

/* 首页合作伙伴跑马灯里的案例名 */

ul#hzs li span a, #hzs li span a{ display:inline-block; padding:5px 0; line-height:1.4; }

/* 栏目标题旁的「更多」 */

.jz-l h2.tit b a, h2.tit b a{ display:inline-block; padding:5px 8px; }

/* 表格内链接再抬一档 */

.con_text table td a, #nsbody table td a, .age_con_key table td a, .colhead table td a{

  display:inline-block; padding:6px 2px; min-width:44px;

}

/* 顶栏 繁體中文 */

a#GB_BIG{ display:inline-block; padding:6px 9px; }



/* ---------- 18. 首页主视觉：给标题加一层压暗渐变，保证白字在任何底图上都可读 ---------- */

/* 🔴 撤掉压暗层。上一轮为了「让白色 H1 在任意底图可读」加了一层渐变，

   但根本没发现：**这两张 banner 图片本身就把文案排版烧在图里了**

   （图1「虫害防制 / 协助企业通过 AIB、BRC、GMP… / 国家一级资质」；

     图2「以专业赢得口碑 / 虫害防治 带你进入无虫世界 / 药械合作伙伴」）。

   于是变成「图内文案 + 压暗层 + 绝对定位 H1」三层叠字。

   正解：去掉渐变；H1 只在语义层存在，不参与视觉。*/

#flashs:after{ content:none !important; display:none !important; }

#flashs h1{

  position:absolute !important; width:1px !important; height:1px !important;

  padding:0 !important; margin:-1px !important; overflow:hidden !important;

  clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important;

}



/* ---------- 19. 卡片图片懒加载占位：未加载时不留 16px 塌陷，避免布局跳动 ---------- */

.pdjs_list_dl dt{ background:var(--klk-bg-2); min-height:141px; border-radius:var(--klk-radius-s); }

.pdjs_list_dl dt a{ display:block; min-height:141px; }

.pdjs_list_dl dt img{ display:block; border-radius:var(--klk-radius-s); }

.home-proshow li{ background:var(--klk-bg-2); border-radius:var(--klk-radius); overflow:hidden; }



/* ============================================================================

   v4 追加（2026-09-14 第四轮）—— 收尾：footer/跑马灯/栏目标题等剩余小目标

   ========================================================================== */



/* 页脚联系方式的可点链接（实测 18px 高） */

.f-wrap .geoyw a{ display:inline-block; padding:5px 0; }

.f-wrap .geoyw div{ line-height:1.9; }



/* 顶栏「设为首页」 */

.h_top p a{ display:inline-block; padding:6px 9px; }



/* 首页「施工现场 / 合作伙伴」卡片：图片链 + 标题链都抬到 ≥28px */

.jz-l ul li > a{ display:block; }

.jz-l ul li span a,

#hzs li span a{ display:inline-block; padding:6px 0; line-height:1.4; }



/* 栏目标题（h2.tit）里的「施工现场 / 更多」 */

h2.tit em a, h2.tit b a{ display:inline-block; padding:6px 8px; }

h2.tit b a:hover{ color:var(--klk-blue); }



/* 文章页底部公司信息块（浅灰底）内的链接 */

.agent_con [style*="#f8f9fa"] a,

.agent_con [style*="#f8f9fa"] p a{ display:inline-block; padding:5px 0; }



/* 正文内联链接：轻微加大命中区域（不影响行距观感） */

.con_text p a, #zoom > .con_text a{ padding:4px 0; }

.con_text .box a{ display:inline-block; padding:5px 2px; }



/* 侧栏「相关内容 / 所属专题」等块的链接 */

.leftlx a, .prolist .list_con a{ padding:3px 0; }





/* ---------- v5 收尾（2026-09-14 第五轮）：最后几处 <28px 的点击目标 ---------- */

/* 文章页底部公司信息块里的业务范围链接 */

.agent_con p a{ display:inline-block; padding:5px 0; }

.agent_con .author-info a{ display:inline-block; padding:5px 0; }

/* 资质证书跑马灯 */

#colee1 li span a, #colee li span a{ display:inline-block; padding:6px 0; line-height:1.4; }

/* 文章页底部相关阅读区 */

.age_con_key a{ display:inline-block; padding:5px 0; }

/* 页脚导航（移动端 24px → 28px） */

.footer-a a{ display:inline-block; padding:3px 6px; }

@media screen and (max-width:640px){ .footer-a a{ padding:5px 6px; } }



/* ---------- v6 收尾：移动端搜索行与页头/页脚左右内边距对齐 ---------- */

@media screen and (max-width:1000px){

  .h-ser{ padding-left:12px !important; padding-right:12px !important; }

  .h-ser .ser-con{ padding-left:0 !important; padding-right:0 !important; width:auto !important; max-width:100% !important; }

  .h-ser p{ margin-right:0; }

  .s-inp{ width:100%; }

  .s-inp input[type=text]{ width:calc(100% - 76px); box-sizing:border-box; }

}