/* ==========================================================================
   theme-precision.css  ——  主题层：精密仪器 · 深空
   站点: wire-stripping-machine.com
   建立: 2026-09-20
   用法: 在 Templete/default/Include/Top.php 的 style.css 之后加载本文件
   回退: 删掉 Top.php 里那一行 <link href="...theme-precision.css">
   --------------------------------------------------------------------------
   原则:
     1. 只改外观（颜色/字体/圆角/阴影/间距/版式），不动 DOM、不动 PHP 逻辑
     2. 旧 CSS 用同名或更高优先级选择器覆盖；对模板内联 style 与
        数据库带来的 body 级 <style> 用 !important
     3. 所有选择器都来自线上 HTML 实测的真实类名（见 .local/recon/_dom.txt）
   ========================================================================== */

:root {
  /* 深空底 */
  --pk-950:#060F1A;
  --pk-900:#0B1B2B;
  --pk-800:#0F2438;
  --pk-700:#14304A;
  --pk-600:#1B3E5C;
  --pk-500:#27557A;
  /* 电光青 */
  --pk-cy:#22D3EE;
  --pk-cy-d:#0891A8;
  --pk-cy-l:#A5F3FC;
  --pk-cy-50:#ECFDFF;
  /* 银灰 */
  --pk-s1:#94A3B8;
  --pk-s2:#CBD5E1;
  --pk-s3:#E2E8F0;
  --pk-s4:#F1F5F9;
  --pk-s5:#F8FAFC;
  /* 纸面 */
  --pk-paper:#FFFFFF;
  --pk-mist:#F5F8FA;
  --pk-line:#E3EAF0;
  --pk-line-2:#EEF3F7;
  /* 文字 */
  --pk-ink:#0B1B2B;
  --pk-ink2:#41566B;
  --pk-ink3:#7B8FA3;
  /* 语义（保留） */
  --pk-ok:#0F9D6E;
  --pk-warn:#D97706;
  --pk-err:#C0392B;

  --pk-font:"Inter","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,
            "PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --pk-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,"Liberation Mono",monospace;

  --pk-r-xs:4px; --pk-r-sm:6px; --pk-r:10px; --pk-r-lg:14px; --pk-r-pill:999px;

  --pk-shadow-1:0 1px 2px rgba(11,27,43,.05), 0 4px 12px -6px rgba(11,27,43,.10);
  --pk-shadow-2:0 2px 6px rgba(11,27,43,.06), 0 18px 40px -16px rgba(11,27,43,.20);
  --pk-shadow-cy:0 10px 30px -12px rgba(34,211,238,.45);

  --pk-ease:cubic-bezier(.22,.61,.36,1);
}

/* ---------------------------------------------------------------- 1. 全局 */

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

body.sc, body {
  font-family:var(--pk-font) !important;
  color:var(--pk-ink) !important;
  background:var(--pk-mist) !important;
  font-size:15px !important;
  line-height:1.7 !important;
}

.sc *{ box-sizing:border-box; }

a { color:var(--pk-ink); transition:color .18s var(--pk-ease); }
a:hover { color:var(--pk-cy-d); }

h1,h2,h3,h4,h5 {
  font-family:var(--pk-font) !important;
  color:var(--pk-ink) !important;
  letter-spacing:-.015em;
  font-weight:600 !important;
}

img { max-width:100%; height:auto; }

.cb { clear:both; }

/* 内容容器统一宽度与内边距（头部除外，头部走通栏） */
.sc_mid_c,
.sc_bot_dark_content,
.sc_bot_3_dark,
.site-footer .grid-container,
.logo-wall,
.home-about-snippet {
  max-width:1240px;
  margin-left:auto;
  margin-right:auto;
  width:100%;
}

/* 头部通栏：不做居中收窄，改为整幅宽度 + 左右内边距，
   这样各行的深色底可以真正铺到屏幕两边 */
header .sc_top_conment,
header .sc_top_conment_1,
header .sc_top_conment_2,
header .sc_top_conment_3 {
  max-width:none !important;
  width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
header .sc_top_conment { padding-left:40px; padding-right:40px; }

/* 通用：去掉老式图片描边与直角块 */
.pic-div img,
.picl-div img,
.sc_mid_c_right_c img { border:0 !important; }

/* ---------------------------------------------------------------- 2. 顶部 */

/* 头部通栏深色：子元素是浮动布局，header 自身高度会塌陷，
   所以用 100vw 的伪元素铺底，保证深色背景一定通栏（不受塌陷影响） */
header {
  position:relative;
  z-index:60;
  background:transparent !important;
}
header::before {
  content:"";
  position:absolute;
  /* 2026-09-20 修复：原为 left:50% + width:100vw + translateX(-50%)，
     在桌面端因 100vw 含滚动条宽度而向右溢出 8px。改用左右拉伸，不依赖 vw。 */
  top:0; bottom:0; left:0; right:0;
  background:var(--pk-900);
  z-index:-1;
  pointer-events:none;
}
header .sc_top { background:transparent !important; }

/* 顶部工具条（语言切换） */
.sc_top_conment_1 {
  background:var(--pk-950) !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
  color:var(--pk-s1) !important;
  min-height:36px !important;
  padding:0 !important;
}

.sc_top_conment_1_left,
.sc_top_conment_1_left * { color:var(--pk-s1) !important; }

.language-dropdown > a,
.language-dropdown .dropdown-toggle,
.language-dropdown span {
  color:var(--pk-s2) !important;
  font-size:12.5px !important;
  letter-spacing:.02em;
}

.language-dropdown * { border-color:rgba(255,255,255,.14) !important; }
.language-dropdown a:hover { color:var(--pk-cy) !important; }

/* 头部主体：logo + 搜索 + 电话 */
.sc_top,
.sc_top_conment {
  background:transparent !important;
}

.sc_top_conment_2 {
  background:linear-gradient(180deg, #0D2033 0%, #0B1B2B 100%) !important;
  padding:16px 0 14px !important;
  border-bottom:1px solid rgba(255,255,255,.07) !important;
  display:flex !important;
  align-items:center !important;
  gap:22px;
}

.sc_top_conment_2_left {
  float:none !important;
  display:flex !important;
  align-items:center;
  flex:0 0 auto;
}

/* logo：白底浅色块托住深色 logo，避免红色汉字直接压在深蓝上 */
.sc_top_conment_2_left > a {
  display:inline-flex !important;
  align-items:center;
  padding:8px 14px !important;
  background:var(--pk-paper) !important;
  border-radius:var(--pk-r) !important;
  box-shadow:var(--pk-shadow-1);
  line-height:0;
}
.sc_top_conment_2_left > a img {
  width:auto !important;
  height:44px !important;
  max-height:44px !important;
}

/* 搜索：胶囊输入 + 青色按钮 */
.sc_top_conment_2_right {
  float:none !important;
  flex:1 1 auto;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:18px;
  min-width:0;
}

.sc_top_conment_2_right_left { float:none !important; flex:1 1 auto; min-width:0; max-width:560px; }
.sc_top_conment_2_right_left form { display:flex !important; gap:0 !important; }

.sc_top_conment_2_right_left input[type="text"],
.sc_top_conment_2_right_left input[type="search"],
.sc_top_conment_2_right_left input[type="email"],
.sc_top_conment_2_right_left input:not([type]) {
  flex:1 1 auto;
  min-width:0;
  height:44px !important;
  padding:0 18px !important;
  font-size:14px !important;
  font-family:var(--pk-font) !important;
  color:var(--pk-ink) !important;
  background:var(--pk-paper) !important;
  border:1px solid transparent !important;
  border-right:0 !important;
  border-radius:var(--pk-r-pill) 0 0 var(--pk-r-pill) !important;
  outline:none;
}
.sc_top_conment_2_right_left input::placeholder { color:var(--pk-ink3) !important; }
.sc_top_conment_2_right_left input:focus {
  border-color:var(--pk-cy) !important;
  box-shadow:0 0 0 3px rgba(34,211,238,.22) !important;
}

.sc_top_conment_2_right_left input[type="submit"],
.sc_top_conment_2_right_left button[type="submit"] {
  height:44px !important;
  padding:0 22px !important;
  font-size:13.5px !important;
  font-weight:600 !important;
  letter-spacing:.01em;
  color:var(--pk-900) !important;
  background:var(--pk-cy) !important;
  border:1px solid var(--pk-cy) !important;
  border-radius:0 var(--pk-r-pill) var(--pk-r-pill) 0 !important;
  cursor:pointer;
  transition:background .18s var(--pk-ease), box-shadow .18s var(--pk-ease);
}
.sc_top_conment_2_right_left input[type="submit"]:hover,
.sc_top_conment_2_right_left button[type="submit"]:hover {
  background:var(--pk-cy-l) !important;
  box-shadow:var(--pk-shadow-cy);
}

/* 电话 */
.sc_top_conment_2_right_right {
  float:none !important;
  flex:0 0 auto;
  display:flex !important;
  align-items:center;
  gap:10px;
  font-family:var(--pk-mono) !important;
  font-size:14px !important;
  letter-spacing:.01em;
  color:var(--pk-paper) !important;
  white-space:nowrap;
}
.sc_top_conment_2_right_right img,
.sc_top_conment_2_right_right svg { filter:brightness(0) saturate(100%) invert(78%) sepia(42%) saturate(1739%) hue-rotate(143deg) brightness(99%) contrast(92%); }

/* 移动端汉堡按钮 */
button#mobile-menu-trigger,
.sc_top_list {
  color:var(--pk-paper) !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:var(--pk-r-sm) !important;
}

/* ---------------------------------------------------------------- 3. 导航 */

.sc_top_conment_3 {
  background:var(--pk-800) !important;
  border-top:1px solid rgba(255,255,255,.05) !important;
  border-bottom:1px solid rgba(34,211,238,.18) !important;
  display:flex !important;
  align-items:stretch !important;
  min-height:52px !important;
  padding:0 !important;
}

.sc_top_conment_3_left.t_ss,
button.sc_top_conment_3_left {
  flex:0 0 auto;
  background:var(--pk-cy) !important;
  color:var(--pk-900) !important;
  font-family:var(--pk-font) !important;
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:.06em;
  text-transform:uppercase;
  border:0 !important;
  border-radius:0 !important;
  padding:0 22px !important;
  height:auto !important;
  cursor:default;
}

#navalink.sc_top_conment_3_right {
  flex:1 1 auto;
  float:none !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  align-items:stretch !important;
}
/* ⚠️ display 只在桌面端强制为 flex。
   旧 CSS 的移动端媒体查询把 .sc_top_conment_3_right 设为 display:none，
   由 show.js 里 $("#mobile-menu-trigger").click 打开（jQuery 用内联样式显示）。
   如果这里无差别写 display:flex !important，移动端菜单会变成**常显**（实测踩过）。 */
@media (min-width:901px) {
  #navalink.sc_top_conment_3_right { display:flex !important; flex-wrap:wrap; }
}
@media (max-width:900px) {
  #navalink.sc_top_conment_3_right { display:none; }
  #navalink.sc_top_conment_3_right > li > a {
    min-height:46px !important;
    padding:12px 18px !important;
    font-size:14px !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
    border-left:0 !important;
  }
  #navalink.sc_top_conment_3_right > li.mobile-nav-close { display:flex !important; }
}

#navalink.sc_top_conment_3_right > li { margin:0 !important; position:relative; }
#navalink.sc_top_conment_3_right > li.mobile-nav-close { display:none; }

#navalink.sc_top_conment_3_right > li > a {
  display:flex !important;
  align-items:center;
  height:100%;
  min-height:52px;
  padding:0 18px !important;
  color:var(--pk-s2) !important;
  font-size:13.5px !important;
  font-weight:500 !important;
  letter-spacing:.01em;
  text-decoration:none;
  background:transparent !important;
  border-bottom:2px solid transparent;
  transition:color .18s var(--pk-ease), border-color .18s var(--pk-ease), background .18s var(--pk-ease);
}
#navalink.sc_top_conment_3_right > li > a:hover,
#navalink.sc_top_conment_3_right > li:hover > a,
#navalink.sc_top_conment_3_right > li.active > a,
#navalink.sc_top_conment_3_right > li.current-menu-item > a {
  color:var(--pk-paper) !important;
  background:rgba(34,211,238,.10) !important;
  border-bottom-color:var(--pk-cy) !important;
}

/* 下拉子菜单 */
#navalink ul {
  background:var(--pk-800) !important;
  border:1px solid rgba(34,211,238,.20) !important;
  border-radius:0 0 var(--pk-r) var(--pk-r) !important;
  box-shadow:var(--pk-shadow-2) !important;
  padding:8px 0 !important;
  min-width:230px;
}
#navalink ul li a {
  color:var(--pk-s2) !important;
  font-size:13px !important;
  padding:9px 18px !important;
  display:block;
}
#navalink ul li a:hover {
  color:var(--pk-cy) !important;
  background:rgba(34,211,238,.08) !important;
}

/* -------------------------------------------------- 4. 左侧分类栏（深色技术索引） */

aside.sc_mid_c_left {
  background:var(--pk-900) !important;
  border-radius:var(--pk-r-lg) !important;
  overflow:hidden;
  box-shadow:var(--pk-shadow-1);
}

aside.sc_mid_c_left nav.sc_mid_c_left_c,
aside.sc_mid_c_left section.sc_mid_c_left_c {
  background:transparent !important;
  border:0 !important;
  margin:0 !important;
}

aside.sc_mid_c_left .fl > ul,
aside.sc_mid_c_left ul {
  list-style:none !important;
  margin:0 !important;
  padding:8px 0 !important;
}

aside.sc_mid_c_left ul li {
  border-bottom:1px solid rgba(255,255,255,.055) !important;
  line-height:1 !important;
}
aside.sc_mid_c_left ul li:last-child { border-bottom:0 !important; }

aside.sc_mid_c_left ul li a,
aside.sc_mid_c_left .sc_mid_c_left_c ul li a {
  display:block !important;
  padding:12px 18px 12px 20px !important;
  font-size:13.5px !important;
  color:var(--pk-s2) !important;
  background:transparent !important;
  border-left:2px solid transparent;
  text-decoration:none;
  transition:all .18s var(--pk-ease);
  position:relative;
}
aside.sc_mid_c_left ul li a:hover,
aside.sc_mid_c_left ul li.on a,
aside.sc_mid_c_left ul li.current a {
  color:var(--pk-paper) !important;
  background:linear-gradient(90deg, rgba(34,211,238,.16), rgba(34,211,238,0)) !important;
  border-left-color:var(--pk-cy) !important;
  padding-left:24px !important;
}

/* 侧栏小标题 */
aside.sc_mid_c_left .sc_mid_c_left_c > h2,
aside.sc_mid_c_left .sc_mid_c_left_c > h3,
aside.sc_mid_c_left .sc_mid_left_bt h2,
aside.sc_mid_c_left .sc_mid_left_bt h3 {
  color:var(--pk-paper) !important;
  background:var(--pk-800) !important;
  font-size:13px !important;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:14px 20px !important;
  margin:0 !important;
  border-bottom:1px solid rgba(34,211,238,.24) !important;
}

/* 侧栏里的联系块与推荐产品 */
aside.sc_mid_c_left .sc_mid_left_bt,
aside.sc_mid_c_left .sc_mid_left_bt * { color:var(--pk-s2) !important; }
aside.sc_mid_c_left .sc_mid_left_bt a { color:var(--pk-cy) !important; }

aside.sc_mid_c_left .picl {
  background:transparent !important;
  border-bottom:1px solid rgba(255,255,255,.055) !important;
  padding:12px 16px !important;
}
aside.sc_mid_c_left .picl-div dt,
aside.sc_mid_c_left .picl-div dd,
aside.sc_mid_c_left .picl-div a { color:var(--pk-s2) !important; }
aside.sc_mid_c_left .picl-div a:hover { color:var(--pk-cy) !important; }

/* ---------------------------------------------------------------- 5. 主区 */

main.sc_mid { background:var(--pk-mist) !important; padding:26px 0 0 !important; }
.sc_mid_c { display:block; padding:0 20px; }

article.sc_mid_c_right {
  background:transparent !important;
  padding:0 !important;
}

/* Hero 轮播：压暗 + 加大 + 青色描边 */
.mBan2 {
  border-radius:var(--pk-r-lg) !important;
  overflow:hidden !important;
  box-shadow:var(--pk-shadow-2);
  background:var(--pk-900);
  position:relative;
}
.mBan2::after {
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(11,27,43,.78) 0%, rgba(11,27,43,.30) 52%, rgba(11,27,43,.05) 100%);
  pointer-events:none;
  z-index:2;
}
.mBan2 .slideBox,
.mBan2 #slideBox { min-height:380px; }
.mBan2 ul li,
.mBan2 .slideBox ul li { height:auto !important; }
.mBan2 img { width:100%; display:block; object-fit:cover; }

/* 通用小标题 */
.sc_mid_c_right_title {
  font-size:22px !important;
  font-weight:600 !important;
  color:var(--pk-ink) !important;
  margin:30px 0 16px !important;
  padding:0 0 12px 16px !important;
  border-bottom:1px solid var(--pk-line) !important;
  position:relative;
  line-height:1.3 !important;
}
.sc_mid_c_right_title::before {
  content:"";
  position:absolute; left:0; top:4px; bottom:14px;
  width:3px;
  background:var(--pk-cy);
  border-radius:2px;
}

/* ---------------------------------------------------------- 6. 产品卡片 */

.pic,
.picl {
  background:var(--pk-paper) !important;
  border:1px solid var(--pk-line) !important;
  border-radius:var(--pk-r) !important;
  overflow:hidden;
  transition:transform .22s var(--pk-ease), box-shadow .22s var(--pk-ease), border-color .22s var(--pk-ease);
  position:relative;
}
.pic:hover,
.picl:hover {
  transform:translateY(-4px);
  box-shadow:var(--pk-shadow-2);
  border-color:var(--pk-cy) !important;
}

.pic-div,
.picl-div { padding:0 !important; margin:0 !important; }

.pic-div dt,
.picl-div dt,
.pic-div .pic-img,
.picl-div .pic-img {
  background:var(--pk-s5) !important;
  border-bottom:1px solid var(--pk-line-2);
  overflow:hidden;
  position:relative;
}
.pic-div dt img,
.picl-div dt img {
  width:100% !important;
  height:190px !important;
  object-fit:contain !important;
  padding:14px;
  transition:transform .35s var(--pk-ease);
  display:block;
}
.pic:hover .pic-div dt img,
.picl:hover .picl-div dt img { transform:scale(1.04); }

.pic-div dd,
.picl-div dd {
  padding:14px 16px 16px !important;
  margin:0 !important;
  background:var(--pk-paper) !important;
}

/* 产品标题 */
.pic-div dd h3,
.pic-div dd .title,
.picl-div dd h3,
.picl-div dd .title,
.pic-div dd a.title {
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1.45 !important;
  color:var(--pk-ink) !important;
  min-height:40px;
  display:block;
  margin:0 0 10px !important;
  overflow:hidden;
}
.pic-div dd a:hover,
.picl-div dd a:hover { color:var(--pk-cy-d) !important; }

/* 日期角标 → 等宽小标签 */
.pic-div dd .date,
.pic-div dd .time,
.pic-div .date,
.pic-div .time,
.pic-div dd span.date,
.pic-div dd em {
  font-family:var(--pk-mono) !important;
  font-size:11px !important;
  letter-spacing:.04em;
  color:var(--pk-ink3) !important;
  background:var(--pk-s4) !important;
  border-radius:var(--pk-r-xs) !important;
  padding:3px 7px !important;
  display:inline-block;
  margin-bottom:8px !important;
  border:0 !important;
}

/* 「Inquiry now」按钮 → 青色描边胶囊 */
.pic-div dd .inq,
.picl-div dd .inq,
.pic-div dd .btn,
.picl-div dd .btn,
.pic-div dd a[class*="inquiry"],
.pic-div dd .more_btn {
  display:block !important;
  text-align:center;
  margin-top:12px !important;
  padding:0 !important;
  border:1px solid var(--pk-cy) !important;
  border-radius:var(--pk-r-pill) !important;
  background:transparent !important;
  overflow:hidden;
}
.pic-div dd .inq a,
.picl-div dd .inq a,
.pic-div dd .btn a,
.pic-div dd .more_btn a,
.pic-div dd .inq span,
.pic-div dd a.inq {
  display:block !important;
  padding:9px 16px !important;
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:.01em;
  color:var(--pk-cy-d) !important;
  background:transparent !important;
  text-decoration:none;
  transition:background .18s var(--pk-ease), color .18s var(--pk-ease);
}
.pic-div dd .inq:hover,
.pic-div dd .inq:hover a,
.pic-div dd .inq a:hover {
  background:var(--pk-cy) !important;
  color:var(--pk-900) !important;
}

/* 分页 */
.sc_mid_c_right_c .page,
.sc_mid_c_right_c .pagination,
.sc_mid_c_right_c .list_page {
  margin:26px 0 10px !important;
  text-align:center;
}
.sc_mid_c_right_c .page a,
.sc_mid_c_right_c .page span,
.sc_mid_c_right_c .list_page a,
.sc_mid_c_right_c .list_page span {
  display:inline-block;
  min-width:36px;
  height:36px;
  line-height:34px;
  padding:0 10px;
  margin:0 3px;
  font-family:var(--pk-mono);
  font-size:13px;
  color:var(--pk-ink2) !important;
  background:var(--pk-paper) !important;
  border:1px solid var(--pk-line) !important;
  border-radius:var(--pk-r-sm) !important;
}
.sc_mid_c_right_c .page a:hover,
.sc_mid_c_right_c .page .on,
.sc_mid_c_right_c .page span.current {
  color:var(--pk-900) !important;
  background:var(--pk-cy) !important;
  border-color:var(--pk-cy) !important;
}

/* ------------------------------------------------------- 7. 首页 FAQ 区 */

section.home-about-snippet {
  background:var(--pk-mist) !important;
  padding:56px 20px 20px !important;
  margin-top:20px !important;
}

.faq-page-container { max-width:1000px; margin:0 auto; }
.faq-header { text-align:center; margin-bottom:26px !important; }

h1.faq-title {
  display:inline-block !important;
  font-size:26px !important;
  font-weight:600 !important;
  color:var(--pk-ink) !important;
  letter-spacing:-.02em;
  margin:0 0 10px !important;
  position:relative;
  padding-bottom:12px;
}
h1.faq-title::after {
  content:"";
  position:absolute; left:50%; bottom:0; transform:translateX(-50%);
  width:48px; height:3px; border-radius:2px;
  background:var(--pk-cy);
}
p.faq-intro { color:var(--pk-ink2) !important; font-size:14.5px !important; max-width:720px; margin:0 auto !important; }

.faq-section {
  background:var(--pk-paper) !important;
  border:1px solid var(--pk-line) !important;
  border-radius:var(--pk-r) !important;
  margin-bottom:12px !important;
  overflow:hidden;
  transition:border-color .2s var(--pk-ease), box-shadow .2s var(--pk-ease);
}
.faq-section:hover { border-color:var(--pk-s2) !important; box-shadow:var(--pk-shadow-1); }

button.faq-toggle {
  width:100%;
  background:var(--pk-paper) !important;
  border:0 !important;
  padding:18px 20px !important;
  display:flex !important;
  align-items:center;
  gap:14px;
  cursor:pointer;
  text-align:left;
}
button.faq-toggle h2.faq-section-title {
  flex:1 1 auto;
  font-size:15.5px !important;
  font-weight:600 !important;
  color:var(--pk-ink) !important;
  margin:0 !important;
  line-height:1.5 !important;
}
button.faq-toggle::before {
  content:"";
  flex:0 0 auto;
  width:3px; height:18px;
  border-radius:2px;
  background:var(--pk-cy);
}
i.fa.faq-icon { color:var(--pk-cy-d) !important; font-size:13px !important; transition:transform .22s var(--pk-ease); }

.faq-content { padding:0 !important; }
.faq-inner { padding:4px 20px 22px 37px !important; color:var(--pk-ink2) !important; font-size:14.5px !important; line-height:1.8 !important; }
.faq-inner a { color:var(--pk-cy-d) !important; }

.cert-section { margin-top:34px !important; }
.cert-section h3 {
  font-size:16px !important; text-align:center; letter-spacing:.04em;
  color:var(--pk-ink) !important; margin:0 0 16px !important;
}
.cert-grid { display:flex !important; flex-wrap:wrap; justify-content:center; gap:14px; }
.cert-item {
  background:var(--pk-paper) !important;
  border:1px solid var(--pk-line) !important;
  border-radius:var(--pk-r) !important;
  padding:16px !important;
  flex:1 1 200px;
  max-width:280px;
  text-align:center;
}
.full-width-cert { text-align:center; margin-top:16px; }
img.cert-img {
  border-radius:var(--pk-r-sm);
  border:1px solid var(--pk-line);
  background:var(--pk-paper);
  padding:6px;
  max-height:260px;
  width:auto;
}

/* ------------------------------------------------------- 8. Logo 墙 */

section.logo-wall {
  background:var(--pk-paper) !important;
  border-top:1px solid var(--pk-line) !important;
  padding:36px 20px 42px !important;
}
.logo-wall-title h2 {
  font-size:16px !important;
  text-align:center;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:var(--pk-ink3) !important;
  font-weight:600 !important;
  margin:0 0 22px !important;
}
.logo-slider { overflow:hidden; }
.logo-slide img {
  filter:grayscale(100%) opacity(.62);
  transition:filter .25s var(--pk-ease), transform .25s var(--pk-ease);
  max-height:52px; width:auto;
}
.logo-slide:hover img { filter:grayscale(0%) opacity(1); transform:scale(1.04); }

/* ------------------------------------------------------- 9. 页脚 */

div.sc_bot {
  background:var(--pk-900) !important;
  border-top:3px solid var(--pk-cy) !important;
  color:var(--pk-s1) !important;
  margin-top:0 !important;
  padding:0 !important;
}

div.sc_bot_dark { background:var(--pk-900) !important; }
div.sc_bot_dark_content {
  display:flex !important;
  flex-wrap:wrap;
  gap:34px;
  padding:48px 20px 34px !important;
}

.footer-col { flex:1 1 220px; min-width:0; }
.footer-col-1 { flex:1 1 320px; }

div.sc_bot_dark_content h3,
.site-footer h3 {
  color:var(--pk-paper) !important;
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:.10em;
  text-transform:uppercase;
  margin:0 0 16px !important;
  padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,.10);
  position:relative;
}
div.sc_bot_dark_content h3::after,
.site-footer h3::after {
  content:"";
  position:absolute; left:0; bottom:-1px;
  width:28px; height:2px;
  background:var(--pk-cy);
}

div.sc_bot_dark_content p,
div.sc_bot_dark_content li,
div.sc_bot_dark_content a,
div.sc_bot_dark_content span,
.site-footer p, .site-footer li, .site-footer span {
  color:var(--pk-s1) !important;
  font-size:13.5px !important;
  line-height:1.8 !important;
}
div.sc_bot_dark_content a:hover,
.site-footer a:hover { color:var(--pk-cy) !important; }

div.sc_bot_dark_content ul { list-style:none !important; margin:0 !important; padding:0 !important; }
div.sc_bot_dark_content ul li {
  border-bottom:1px solid rgba(255,255,255,.055) !important;
  padding:7px 0 !important;
}
div.sc_bot_dark_content ul li:last-child { border-bottom:0 !important; }

.footer-social ul { display:flex !important; gap:8px; flex-wrap:wrap; margin-top:14px !important; }
.footer-social ul li { border:0 !important; padding:0 !important; }
.footer-social ul li a {
  display:inline-flex; align-items:center; justify-content:center;
  min-width:34px; height:34px; padding:0 12px;
  border-radius:var(--pk-r-pill);
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  font-size:12.5px !important;
  transition:all .18s var(--pk-ease);
}
.footer-social ul li a:hover {
  background:var(--pk-cy) !important;
  color:var(--pk-900) !important;
  border-color:var(--pk-cy) !important;
}

/* 第二层页脚（数据库 web_copy 带来的那一层）统一到同一色系 */
div.sc_bot_3_dark { background:var(--pk-950) !important; }
footer.site-footer,
.site-footer {
  background:var(--pk-950) !important;
  border-top:1px solid rgba(255,255,255,.07) !important;
  color:var(--pk-s1) !important;
  padding:34px 20px 14px !important;
  font-family:var(--pk-font) !important;
}
.site-footer .grid-container {
  display:flex !important;
  flex-wrap:wrap;
  gap:30px;
  padding:0 0 22px !important;
}
.site-footer .footer-col h3 { font-size:12.5px !important; }
.site-footer .footer-bottom {
  border-top:1px solid rgba(255,255,255,.07) !important;
  padding-top:14px !important;
  font-size:12.5px !important;
  color:var(--pk-ink3) !important;
  text-align:center;
}
.site-footer .footer-bottom a { color:var(--pk-s2) !important; }

/* ------------------------------------------------------- 10. 浮动件 */

#wechat-qr.wechat-qr {
  background:var(--pk-paper) !important;
  border:1px solid var(--pk-line) !important;
  border-radius:var(--pk-r-lg) !important;
  box-shadow:var(--pk-shadow-2) !important;
  padding:16px !important;
}
#wechat-qr.wechat-qr p { color:var(--pk-ink2) !important; font-size:12.5px !important; }
#wechat-qr.wechat-qr .close { color:var(--pk-ink3) !important; }

#ai-chat-window {
  border-radius:var(--pk-r-lg) !important;
  overflow:hidden;
  box-shadow:var(--pk-shadow-2) !important;
  border:1px solid var(--pk-line) !important;
  font-family:var(--pk-font) !important;
}
#ai-chat-window .ai-header,
.ai-chat-window .ai-header {
  background:linear-gradient(135deg, var(--pk-900), var(--pk-700)) !important;
  color:var(--pk-paper) !important;
  border-bottom:1px solid rgba(34,211,238,.30) !important;
}
#ai-chat-window .ai-messages { background:var(--pk-s5) !important; }
#ai-chat-window .message.system { background:var(--pk-paper) !important; color:var(--pk-ink) !important; border-radius:var(--pk-r) !important; }
#ai-chat-window .ai-input-area { background:var(--pk-paper) !important; border-top:1px solid var(--pk-line) !important; }
#ai-chat-window #send-btn { background:var(--pk-cy) !important; color:var(--pk-900) !important; border-radius:var(--pk-r-pill) !important; }
#ai-chat-window .typing-dot { background:var(--pk-cy) !important; }

/* 右下角悬浮按钮（客服/WhatsApp 等） */
.contact-tooltip {
  background:var(--pk-900) !important;
  color:var(--pk-paper) !important;
  border-radius:var(--pk-r-sm) !important;
  font-size:12.5px !important;
  border:1px solid rgba(34,211,238,.30) !important;
}

/* -------------------------------------------- 11. 工序链 + 引流（本主题新增） */

/* 顶部工序链条 */
.pk-linechain {
  background:var(--pk-950);
  border-bottom:1px solid rgba(255,255,255,.07);
  font-family:var(--pk-font);
}
.pk-linechain-inner {
  max-width:1240px; margin:0 auto; padding:0 20px;
  display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  min-height:40px;
}
.pk-linechain-label {
  font-size:11px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--pk-s1); white-space:nowrap;
}
.pk-linechain ol {
  list-style:none; margin:0; padding:0;
  display:flex; align-items:center; gap:0; flex-wrap:wrap;
}
.pk-linechain ol li { display:flex; align-items:center; }
.pk-linechain ol li a,
.pk-linechain ol li span {
  font-size:12.5px; text-decoration:none; padding:4px 2px; white-space:nowrap;
  color:var(--pk-s2) !important;
}
.pk-linechain ol li a:hover { color:var(--pk-cy) !important; }
.pk-linechain ol li.pk-cur > span {
  color:var(--pk-900) !important;
  background:var(--pk-cy);
  border-radius:var(--pk-r-pill);
  padding:4px 12px;
  font-weight:600;
}
.pk-linechain ol li::after {
  content:"";
  width:16px; height:1px;
  background:rgba(255,255,255,.22);
  margin:0 10px;
}
.pk-linechain ol li:last-child::after { display:none; }
.pk-linechain-cta {
  margin-left:auto;
  font-size:12.5px; font-weight:600;
  color:var(--pk-cy) !important;
  text-decoration:none;
  border:1px solid var(--pk-cy);
  border-radius:var(--pk-r-pill);
  padding:5px 14px;
  white-space:nowrap;
  transition:background .18s var(--pk-ease), color .18s var(--pk-ease);
}
.pk-linechain-cta:hover { background:var(--pk-cy); color:var(--pk-900) !important; }

/* 主区里的「整线方案」引流卡 */
.pk-linecard {
  background:linear-gradient(135deg, var(--pk-900) 0%, var(--pk-700) 100%);
  border-radius:var(--pk-r-lg);
  padding:28px 30px;
  margin:34px auto 10px;
  max-width:1200px;
  display:flex; flex-wrap:wrap; align-items:center; gap:22px;
  position:relative; overflow:hidden;
  border:1px solid rgba(34,211,238,.22);
}
.pk-linecard::before {
  content:"";
  position:absolute; right:-60px; top:-60px;
  width:220px; height:220px; border-radius:50%;
  border:1px solid rgba(34,211,238,.20);
}
.pk-linecard-body { flex:1 1 380px; min-width:0; position:relative; }
.pk-linecard-kicker {
  font-family:var(--pk-mono); font-size:11px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--pk-cy); margin:0 0 8px;
}
.pk-linecard h3 {
  color:#fff !important; font-size:20px !important; margin:0 0 10px !important;
  font-weight:600 !important; line-height:1.4 !important;
}
.pk-linecard p { color:var(--pk-s2) !important; font-size:14px !important; margin:0 !important; line-height:1.7 !important; }
.pk-linecard-cta {
  flex:0 0 auto; position:relative;
  display:inline-block;
  font-size:14px; font-weight:600;
  color:var(--pk-900) !important;
  background:var(--pk-cy);
  border-radius:var(--pk-r-pill);
  padding:13px 26px;
  text-decoration:none;
  transition:transform .18s var(--pk-ease), box-shadow .18s var(--pk-ease);
}
.pk-linecard-cta:hover { transform:translateY(-2px); box-shadow:var(--pk-shadow-cy); color:var(--pk-900) !important; }

/* 页脚矩阵块 */
.pk-group {
  background:var(--pk-950);
  border-top:1px solid rgba(255,255,255,.07);
  padding:26px 20px;
}
.pk-group-inner { max-width:1240px; margin:0 auto; }
.pk-group h3 {
  color:var(--pk-paper) !important; font-size:12.5px !important;
  letter-spacing:.12em; text-transform:uppercase; margin:0 0 14px !important;
  font-weight:600 !important;
}
.pk-group ul { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.pk-group ul li { margin:0; }
.pk-group ul li a {
  display:inline-block; font-size:12.5px;
  color:var(--pk-s2) !important;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.09);
  border-radius:var(--pk-r-pill);
  padding:5px 13px;
  text-decoration:none;
  transition:all .18s var(--pk-ease);
}
.pk-group ul li a:hover { background:rgba(34,211,238,.14); border-color:var(--pk-cy); color:var(--pk-cy) !important; }
.pk-group ul li.pk-top a {
  background:var(--pk-cy); color:var(--pk-900) !important;
  border-color:var(--pk-cy); font-weight:600;
}

/* ------------------------------------------------------- 12. 响应式 */

@media (max-width:1080px) {
  .sc_top_conment_2 { flex-wrap:wrap; gap:14px; }
  .sc_top_conment_2_right { flex:1 1 100%; justify-content:space-between; }
  .sc_top_conment_2_right_left { max-width:none; }
}

@media (max-width:900px) {
  .sc_mid_c { display:block !important; }
  aside.sc_mid_c_left {
    width:100% !important; float:none !important;
    margin:0 0 18px !important;
    max-height:280px; overflow-y:auto;
  }
  article.sc_mid_c_right { width:100% !important; float:none !important; }
  .mBan2 .slideBox, .mBan2 #slideBox { min-height:220px; }
  .sc_top_conment_3 { flex-wrap:wrap; }
  .sc_top_conment_3_left.t_ss { display:none !important; }
  #navalink.sc_top_conment_3_right > li > a { min-height:46px !important; }
}

@media (max-width:640px) {
  .sc_top_conment_2_left > a img { height:34px !important; }
  .sc_top_conment_2_right_right { font-size:13px !important; }
  .pk-linechain-cta { margin-left:0; }
  .pk-linecard { padding:22px 20px; }
  .pk-linecard h3 { font-size:17px !important; }
  .pic-div dt img, .picl-div dt img { height:150px !important; }
  section.home-about-snippet { padding:38px 14px 14px !important; }
  h1.faq-title { font-size:21px !important; }
  .faq-inner { padding:4px 16px 18px 16px !important; }
}

/* 超长无空格串（如 150D.210D.300D）防溢出 */
.sc_mid_c_right, .pic-div dd, .pk-linecard, .faq-inner { overflow-wrap:break-word; word-break:break-word; }
.pic-div dd .title, .pic-div dd h3 { word-break:break-word; }

/* ------------------------------------------------------- 13. 动效 */

@media (prefers-reduced-motion: no-preference) {
  .pic, .picl, .pk-linecard-cta { will-change:transform; }
}
@media (prefers-reduced-motion: reduce) {
  * { transition:none !important; animation:none !important; }
  .pic:hover, .picl:hover { transform:none; }
}

/* 吸顶（body 无 overflow:hidden 时生效；失败也只是不吸顶，不影响版式） */
header {
  position:sticky;
  top:0;
}
.sc_top_conment_3 { position:relative; }

/* ============================================================ 14. 修正
   依据：线上 HTML 实测标记（见 .local/recon/_ctx_pic.txt）
   模板里产品卡的日期角标是 PHP 拼出来的内联 style="background:#0056b3"，
   **没有 class**，所以只能按结构命中（!important 对无 class 的内联样式必须成对使用）
   ============================================================ */

.pic-div dt > div[style*="position:absolute"],
.picl-div dt > div[style*="position:absolute"] {
  background:var(--pk-900) !important;
  color:var(--pk-cy) !important;
  border:1px solid rgba(34,211,238,.38) !important;
  border-top:0 !important;
  border-left:0 !important;
  border-radius:0 0 var(--pk-r-sm) 0 !important;
  padding:5px 9px !important;
  line-height:1.25 !important;
}
.pic-div dt > div[style*="position:absolute"] div,
.picl-div dt > div[style*="position:absolute"] div {
  color:var(--pk-cy) !important;
  font-family:var(--pk-mono) !important;
  letter-spacing:.04em;
  transform:none !important;
}
.pic-div dt > div[style*="position:absolute"] div:first-child,
.picl-div dt > div[style*="position:absolute"] div:first-child {
  font-size:13px !important;
  font-weight:600 !important;
}
.pic-div dt > div[style*="position:absolute"] div:last-child,
.picl-div dt > div[style*="position:absolute"] div:last-child {
  font-size:10px !important;
  opacity:.78;
  font-weight:400 !important;
}

/* dd 在实测标记里出现两次（标题一个、询盘按钮一个）→ 上下内边距分别给 */
.pic-div dd, .picl-div dd { padding-left:16px !important; padding-right:16px !important; }
.pic-div dd:first-of-type { padding-top:14px !important; }
.pic-div dd:last-of-type { padding-bottom:16px !important; }

/* 侧栏推荐小卡：窄列里改为上下堆叠，避免标题被挤成一条竖线 */
aside.sc_mid_c_left .picl { padding:12px 14px !important; }
aside.sc_mid_c_left .picl-div { display:block !important; }
aside.sc_mid_c_left .picl-div dt img { height:116px !important; padding:10px !important; }
aside.sc_mid_c_left .picl-div dd { padding:10px 0 0 !important; }
aside.sc_mid_c_left .picl-div dd h3,
aside.sc_mid_c_left .picl-div dd h3 a {
  font-size:12.5px !important;
  font-weight:500 !important;
  line-height:1.5 !important;
  min-height:0 !important;
  color:var(--pk-s2) !important;
}
aside.sc_mid_c_left .picl-div dd h3 a:hover { color:var(--pk-cy) !important; }
aside.sc_mid_c_left .picl-div dd .inq { border-color:rgba(34,211,238,.45) !important; margin-top:9px !important; }
aside.sc_mid_c_left .picl-div dd .inq a { font-size:12px !important; padding:7px 12px !important; color:var(--pk-cy) !important; }
aside.sc_mid_c_left .picl-div dd .inq:hover a { color:var(--pk-900) !important; }

/* 侧栏小标题（如 New Products）统一到深色面板风格
   ⚠️ 必须限定为「直接子元素」，否则会误伤 .picl-div 里的商品标题 h3
   （实测踩到：商品名被套上大写 + 深底 + 字距，整块坏掉） */
aside.sc_mid_c_left nav.sc_mid_c_left_c > h2,
aside.sc_mid_c_left nav.sc_mid_c_left_c > h3,
aside.sc_mid_c_left nav.sc_mid_c_left_c > h4,
aside.sc_mid_c_left section.sc_mid_c_left_c > h2,
aside.sc_mid_c_left section.sc_mid_c_left_c > h3,
aside.sc_mid_c_left section.sc_mid_c_left_c > h4 {
  background:var(--pk-950) !important;
  color:var(--pk-cy) !important;
  font-family:var(--pk-mono) !important;
  font-size:11.5px !important;
  letter-spacing:.12em;
  text-transform:uppercase;
  padding:12px 18px !important;
  margin:0 !important;
  border-bottom:1px solid rgba(34,211,238,.20) !important;
  border-top:1px solid rgba(255,255,255,.06) !important;
}

/* 侧栏推荐小卡：dt/dd 在旧 CSS 里是浮动两栏，窄列下会把标题挤成一条 →
   强制上下堆叠 */
aside.sc_mid_c_left .picl-div dt,
aside.sc_mid_c_left .picl-div dd {
  float:none !important;
  width:auto !important;
  display:block !important;
  clear:both !important;
}
aside.sc_mid_c_left .picl-div dt { text-align:center; }
aside.sc_mid_c_left .picl-div dd { text-align:center; padding:10px 0 4px !important; }
aside.sc_mid_c_left .picl-div dd h3,
aside.sc_mid_c_left .picl-div dd h3 a {
  font-size:12.5px !important; font-weight:500 !important; line-height:1.55 !important;
  min-height:0 !important; color:var(--pk-s2) !important; text-align:left;
}
aside.sc_mid_c_left .picl-div dd h3 a:hover { color:var(--pk-cy) !important; }

/* 侧栏小卡的询盘按钮：必须是行内自适应宽度，否则会被拉成一个巨大椭圆 */
aside.sc_mid_c_left .picl-div dd .inq,
aside.sc_mid_c_left .picl-div dd .inq a {
  display:inline-block !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  max-width:none !important;
  letter-spacing:normal !important;
  text-transform:none !important;
}
aside.sc_mid_c_left .picl-div dd .inq {
  margin:10px 0 0 !important;
  padding:0 !important;
  border:1px solid rgba(34,211,238,.45) !important;
  border-radius:var(--pk-r-pill) !important;
  overflow:visible !important;
  background:transparent !important;
}
aside.sc_mid_c_left .picl-div dd .inq a {
  padding:6px 16px !important;
  font-size:12px !important;
  line-height:1.4 !important;
  white-space:nowrap;
  color:var(--pk-cy) !important;
}
aside.sc_mid_c_left .picl-div dd .inq:hover { background:var(--pk-cy) !important; border-color:var(--pk-cy) !important; }
aside.sc_mid_c_left .picl-div dd .inq:hover a { color:var(--pk-900) !important; }

/* 首页 Hero 上的轮播文案：加深压暗，保证白字可读 */
.mBan2::after { background:linear-gradient(90deg, rgba(6,15,26,.86) 0%, rgba(6,15,26,.55) 55%, rgba(6,15,26,.12) 100%) !important; }