/* =====================================================================
   词第一 cidiyi.com — 全站唯一样式源 responsive.css (v2 全新风格)
   风格：深色玻璃导航 · 靛紫渐变主色 · 大留白卡片 · 清晰层级
   旧版 css.css/common.css 已全部下线，本文件独立支撑所有页面
   断点：>=1200 桌面 / 992 平板 / 768 大手机 / 480 小手机
   ===================================================================== */

/* ---------- 0. 设计变量 ---------- */
:root {
  --wb-ink: #0f172a;
  --wb-ink-2: #334155;
  --wb-muted: #64748b;
  --wb-brand: #4f46e5;
  --wb-brand-2: #a855f7;
  --wb-bg: #ffffff;
  --wb-bg-soft: #f5f6fb;
  --wb-border: #e6e8f2;
  --wb-dark: #0b1023;
  --wb-radius: 16px;
  --wb-radius-sm: 10px;
  --wb-shadow-sm: 0 1px 3px rgba(15, 23, 42, .06);
  --wb-shadow: 0 12px 32px -14px rgba(15, 23, 42, .18);
  --wb-shadow-lg: 0 24px 60px -20px rgba(79, 70, 229, .32);
  --wb-grad: linear-gradient(120deg, #4f46e5 0%, #a855f7 100%);
  --wb-grad-dark: radial-gradient(1200px 500px at 20% -10%, rgba(79, 70, 229, .45), transparent 60%),
                  radial-gradient(1000px 500px at 85% 0%, rgba(168, 85, 247, .35), transparent 55%),
                  linear-gradient(135deg, #0b1023 0%, #131a3a 60%, #1a1240 100%);
  --wb-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
             "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --wb-max: 1200px;
}

/* ---------- 1. 基线 ---------- */
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  font-family: var(--wb-font);
  color: var(--wb-ink);
  background: var(--wb-bg);
  font-size: 15px;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  margin: 0;
  min-width: 0;
}
*, *::before, *::after { box-sizing: border-box; }
p, h1, h2, h3, h4, h5, h6, ul, ol, dl, figure, blockquote { margin: 0; }
ul, ol { padding: 0; list-style: none; }
li { list-style: none; }
a { color: var(--wb-brand); text-decoration: none; transition: color .2s ease; }
a:hover { color: #6d28d9; }
button { font-family: inherit; cursor: pointer; border: 0; background: none; }
input, textarea, select { font-family: inherit; font-size: 14px; max-width: 100%; }
img, video, embed, object { max-width: 100%; }
img { height: auto; }
iframe { max-width: 100%; }
table { max-width: 100%; border-collapse: collapse; }
div, section, article, nav, aside, header, footer, form { max-width: 100%; }
[style*="width"] { max-width: 100%; }
.flt_l, .flt_r { max-width: 100%; }

/* 通用容器 */
.box, .wb-container { max-width: var(--wb-max); margin: 0 auto; padding: 0 24px; }

/* ---------- 2. 按钮 ---------- */
.wb-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  padding: 11px 24px; border-radius: 999px; font-size: 14px; font-weight: 600;
  transition: transform .2s ease, box-shadow .2s ease;
  white-space: nowrap;
}
.wb-btn-primary { background: var(--wb-grad); color: #fff !important; box-shadow: 0 8px 22px -8px rgba(79, 70, 229, .6); }
.wb-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 14px 30px -10px rgba(79, 70, 229, .65); color: #fff; }
.wb-btn-ghost { border: 1px solid var(--wb-border); color: var(--wb-ink-2) !important; background: #fff; }
.wb-btn-ghost:hover { border-color: var(--wb-brand); color: var(--wb-brand) !important; }
.wb-btn-ghost2 { border: 1px solid rgba(255, 255, 255, .45); color: #fff !important; background: rgba(255, 255, 255, .08); }
.wb-btn-ghost2:hover { background: rgba(255, 255, 255, .16); color: #fff; }

/* ---------- 3. 顶部导航（深色玻璃） ---------- */
.wb-header {
  position: sticky; top: 0; z-index: 999;
  background: rgba(11, 16, 35, .9);
  -webkit-backdrop-filter: saturate(160%) blur(14px);
  backdrop-filter: saturate(160%) blur(14px);
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  transition: box-shadow .25s ease;
}
.wb-header.is-scrolled { box-shadow: 0 8px 30px -10px rgba(2, 6, 23, .6); }
.wb-header-in {
  max-width: var(--wb-max); margin: 0 auto; padding: 0 24px;
  height: 72px; display: flex; align-items: center; gap: 24px;
}
.wb-logo { flex: 0 0 auto; display: flex; align-items: center; }
.wb-logo img { max-height: 46px; width: auto; }
.wb-nav { flex: 1 1 auto; min-width: 0; }
.wb-actions { margin-left: auto; } /* 移动端 wb-nav 脱离文档流后仍把按钮组推到最右 */
.wb-menu { display: flex; align-items: center; gap: 4px; flex-wrap: nowrap; }
.wb-menu > li > a {
  display: block; padding: 10px 14px; border-radius: 10px;
  color: #cbd5e1 !important; font-size: 15px; font-weight: 600;
  position: relative; transition: color .2s, background .2s;
}
.wb-menu > li > a span { display: inline-block; white-space: nowrap; }
.wb-menu > li > a:hover { color: #fff !important; background: rgba(255, 255, 255, .08); }
.wb-menu > li.active > a, .wb-menu > li.hover > a { color: #fff !important; }
.wb-menu > li.active > a::after, .wb-menu > li.hover > a::after {
  content: ""; position: absolute; left: 14px; right: 14px; bottom: 3px;
  height: 3px; border-radius: 3px; background: var(--wb-grad);
}
.wb-actions { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; }
.wb-actions .wb-btn-ghost { border-color: rgba(255, 255, 255, .25); background: transparent; color: #e2e8f0 !important; }
.wb-actions .wb-btn-ghost:hover { border-color: #fff; color: #fff !important; }
.wb-burger { display: none; width: 42px; height: 42px; border-radius: 10px; position: relative; }
.wb-burger span { position: absolute; left: 10px; right: 10px; height: 2px; border-radius: 2px; background: #fff; transition: all .25s ease; }
.wb-burger span:nth-child(1) { top: 13px; }
.wb-burger span:nth-child(2) { top: 20px; }
.wb-burger span:nth-child(3) { top: 27px; }
.wb-burger.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.wb-burger.is-open span:nth-child(2) { opacity: 0; }
.wb-burger.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.wb-mask {
  position: fixed; inset: 0; z-index: 998;
  background: rgba(2, 6, 23, .55); opacity: 0; pointer-events: none;
  transition: opacity .25s ease;
}
.wb-mask.is-show { opacity: 1; pointer-events: auto; }

/* ---------- 4. 右侧悬浮客服栏 ---------- */
.rightBar {
  position: fixed; right: 14px; top: 50%; transform: translateY(-50%);
  z-index: 990; width: 56px; display: flex; flex-direction: column; gap: 8px;
}
.rightBar .link {
  position: relative; display: block;
  background: linear-gradient(135deg, #334155, #0b1023);
  border: none; border-radius: 12px;
  box-shadow: 0 6px 16px -6px rgba(2, 6, 23, .45); overflow: visible;
  transition: background .2s ease, transform .2s ease;
}
.rightBar .link:hover { background: var(--wb-grad); transform: translateX(-3px); }
/* 透明桥：覆盖按钮与弹层之间的空隙，保证鼠标移过去时 hover 不断、弹层不消失 */
.rightBar .link::after {
  content: ""; position: absolute; right: 100%; top: -6px; bottom: -6px; width: 18px;
}
.rightBar .link .img { width: 54px; height: 54px; padding: 13px; display: block; }
.rightBar .link .ar, .rightBar .link .ars { display: none !important; }
/* 弹出面板统一规格：挂在按钮左侧；width:max-content 防止被 56px 定位祖先封顶挤压 */
.rightBar .lChi, .rightBar .wxgzh, .rightBar .chis {
  display: none; position: absolute; right: calc(100% + 14px); top: 50%; transform: translateY(-50%);
  width: max-content; max-width: 320px; margin: 0;
  background: #fff; border: 1px solid var(--wb-border); border-radius: 12px;
  box-shadow: var(--wb-shadow); padding: 18px 20px; z-index: 995;
}
.rightBar .link:hover .lChi, .rightBar .link:hover .wxgzh,
.rightBar .link:hover .chis { display: block; }
/* 电话弹层 */
.rightBar .lChi { white-space: nowrap; min-width: 216px; }
.rightBar .lChi .txt { font-size: 13px; color: var(--wb-ink-2); }
.rightBar .lChi .txt span { font-size: 18px; font-weight: 700; color: var(--wb-ink); }
/* 微信二维码弹层 */
.rightBar .wxgzh .weibox { width: 156px; text-align: center; }
.rightBar .weibox_er img, .rightBar .wxgzh_er img {
  width: 140px; height: 140px; display: block; margin: 0 auto;
  border-radius: 10px; object-fit: cover;
}
.rightBar .weibox_zhi p, .rightBar .weibox_zhi P { font-size: 12.5px; color: var(--wb-muted); text-align: center; margin-top: 10px; white-space: nowrap; }
/* 在线客服弹层（QQ 列表） */
.rightBar .chis .cIns { min-width: 224px; white-space: nowrap; }
.rightBar .cIns .tt { display: block; font-size: 14px; font-weight: 700; color: var(--wb-ink); margin-bottom: 8px; }
.rightBar .cIns .row { display: flex; gap: 10px; align-items: center; line-height: 2.1; }
.rightBar .cIns .row .lt { font-size: 13px; color: var(--wb-ink-2); }
.rightBar .cIns .row .lt:hover { color: var(--wb-brand); }
.rightBar .cIns .row .qq { width: 16px; height: 16px; background: var(--wb-grad); border-radius: 4px; display: inline-block; flex: 0 0 auto; }

/* ---------- 5. 首页 Hero ---------- */
.homebanner { position: relative; overflow: hidden; background: var(--wb-grad-dark); }
.homebanner_tu { display: block; }
span.homebanner_tu { display: none; }
.homebanner > .homebanner_tu { position: absolute; inset: 0; }
.homebanner > .homebanner_tu img { width: 100%; height: 100%; object-fit: cover; }
.homebanner::after {
  content: ""; position: absolute; inset: 0; z-index: 1;
  pointer-events: none; /* 遮罩永不吃点击 */
  background: linear-gradient(180deg, rgba(11, 16, 35, .45) 0%, rgba(11, 16, 35, .8) 100%);
}
.homebanner_zhi {
  position: relative; z-index: 2; max-width: var(--wb-max); margin: 0 auto;
  padding: 88px 24px 48px; color: #fff;
}
.wb-hero h1 { font-size: 42px; font-weight: 800; letter-spacing: 1px; line-height: 1.3; }
.wb-hero p { margin-top: 14px; font-size: 17px; color: rgba(255, 255, 255, .78); }
.wb-hero-btns { margin-top: 28px; display: flex; gap: 14px; flex-wrap: wrap; }

.homebanner_di { position: relative; z-index: 2; margin-top: 40px; padding-bottom: 0; }
.homebanner_di_min {
  max-width: var(--wb-max); margin: 0 auto; padding: 0 24px;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;
}
.homebanner_di_min_lei {
  display: flex; align-items: center; gap: 14px;
  background: rgba(255, 255, 255, .08);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: var(--wb-radius); padding: 18px 20px;
  transition: transform .25s ease, background .25s ease;
}
.homebanner_di_min_lei:hover { transform: translateY(-4px); background: rgba(255, 255, 255, .14); }
.homebanner_di_min_leitu { flex: 0 0 auto; }
.homebanner_di_min_leitu img { width: 44px; height: 44px; object-fit: contain; display: block; }
.homebanner_di_min_leizhi p, .homebanner_di_min_leizhi P { color: #fff; font-size: 16px; font-weight: 700; line-height: 1.4; }
.homebanner_di_min_leizhi span { color: rgba(255, 255, 255, .72); font-size: 13px; display: block; }

/* ---------- 6. 区块标题 ---------- */
.h_pro_biao { text-align: center; margin: 0 auto 48px; max-width: 760px; }
.h_pro_biao span, .h_pro_biao > a > span {
  display: inline-block; font-size: 30px; font-weight: 800; letter-spacing: .5px;
  color: var(--wb-ink); line-height: 1.35;
}
.h_pro_biao span a { color: var(--wb-ink); }
.h_pro_biao p, .h_pro_biao P { font-size: 15px; color: var(--wb-muted); margin-top: 12px; }
.h_pro_biao::after {
  content: ""; display: block; width: 56px; height: 4px; border-radius: 4px;
  background: var(--wb-grad); margin: 16px auto 0;
}

/* ---------- 7. 首页产品卡 ---------- */
.h_pro_min { padding: 88px 0 48px; background: var(--wb-bg); }
.h_pro_box { max-width: var(--wb-max); margin: 0 auto; padding: 0 24px; }
.h_pro_lei { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.h_pro_lei_02 {
  background: #fff; border: 1px solid var(--wb-border); border-radius: var(--wb-radius);
  padding: 30px 24px; position: relative; overflow: hidden;
  box-shadow: var(--wb-shadow-sm); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  display: flex; flex-direction: column;
}
.h_pro_lei_02:hover, .h_pro_lei_02.h_pro_lei_01 {
  transform: translateY(-6px); box-shadow: var(--wb-shadow-lg); border-color: transparent;
}
.h_pro_lei_02t { height: 6px; border-radius: 6px; width: 44px; background: var(--wb-grad); margin-bottom: 18px; }
.h_pro_lei_02z span { display: block; font-size: 19px; font-weight: 800; color: var(--wb-ink); }
.h_pro_lei_02z p, .h_pro_lei_02z P { font-size: 13px; color: var(--wb-muted); margin-top: 6px; }
.h_pro_lei_02w { margin: 18px 0; flex: 1 1 auto; }
.h_pro_lei_02w .tpt-list-none { font-size: 13px; color: var(--wb-ink-2); line-height: 1.8; margin-bottom: 14px; }
.h_pro_lei_02w .tpt-list-none2 { font-size: 13px; color: var(--wb-ink-2); padding-left: 18px; position: relative; line-height: 2; }
.h_pro_lei_02w .tpt-list-none2::before {
  content: ""; position: absolute; left: 0; top: 50%; margin-top: -4px;
  width: 8px; height: 8px; border-radius: 50%; background: var(--wb-grad);
}
.h_pro_lei_02s { font-size: 13px; color: var(--wb-muted); }
.h_pro_lei_02s span { font-size: 26px; font-weight: 800; color: var(--wb-brand); letter-spacing: -.5px; }
.h_pro_lei_02m { margin-top: 18px; }
.h_pro_lei_02m a {
  display: block; text-align: center; padding: 10px 0; border-radius: 999px;
  border: 1px solid var(--wb-border); font-size: 14px; font-weight: 600; color: var(--wb-ink-2) !important;
  transition: all .2s ease;
}
.h_pro_lei_02:hover .h_pro_lei_02m a, .h_pro_lei_02.h_pro_lei_01 .h_pro_lei_02m a {
  background: var(--wb-grad); border-color: transparent; color: #fff !important;
}

/* ---------- 8. 优势区 ---------- */
.h_yong { padding: 64px 0 88px; background: var(--wb-bg-soft); }
.h_yong_lei { max-width: var(--wb-max); margin: 0 auto; padding: 0 24px; }
.h_yong_leis, .h_yong_leix { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 16px; }
.h_yong_leix { margin-bottom: 0; }
.h_yong_zhong { background: #fff; border-radius: var(--wb-radius); border: 1px solid var(--wb-border); box-shadow: var(--wb-shadow-sm); transition: transform .25s ease, box-shadow .25s ease; }
.h_yong_zhong:hover { transform: translateY(-4px); box-shadow: var(--wb-shadow); }
.h_yong_zhonga { text-align: center; }
.h_yong_zhonga:hover { background: transparent !important; box-shadow: none; }
.h_yong_lian {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  height: auto; padding: 30px 16px;
}
.h_yong_lian .zq-icon { display: block; margin: 0 auto 14px; }
/* 雪碧图图标基类与定位（首页优势区 / 主营业务共用一张雪碧图） */
.zq-icon { display: inline-block; background: url(/seo/css/img/new300-sprite-icon.png) no-repeat; }
.icon100x100 { width: 100px; height: 100px; }
.popular-app-icon1 { background-position: 0 -450px; }
.popular-app-icon2 { background-position: -100px -450px; }
.popular-app-icon3 { background-position: -200px -450px; }
.popular-app-icon4 { background-position: -300px -450px; }
.popular-app-icon5 { background-position: -400px -450px; }
.popular-app-icon6 { background-position: -500px -450px; }
.popular-app-icon7 { background-position: -600px -450px; }
.popular-app-icon8 { background-position: -50px -950px; }
.popular-app-icon9 { background-position: -700px -450px; }
.h_yong_zhonga:hover .popular-app-icon1 { background-position: 0 -550px; }
.h_yong_zhonga:hover .popular-app-icon2 { background-position: -100px -550px; }
.h_yong_zhonga:hover .popular-app-icon3 { background-position: -200px -550px; }
.h_yong_zhonga:hover .popular-app-icon4 { background-position: -300px -550px; }
.h_yong_zhonga:hover .popular-app-icon5 { background-position: -400px -550px; }
.h_yong_zhonga:hover .popular-app-icon6 { background-position: -500px -550px; }
.h_yong_zhonga:hover .popular-app-icon7 { background-position: -600px -550px; }
.h_yong_zhonga:hover .popular-app-icon8 { background-position: -50px -950px; }
.h_yong_zhonga:hover .popular-app-icon9 { background-position: -700px -550px; }
.h_yong_lian p.h3, .h_yong_lian P.h3 { font-size: 16px; font-weight: 700; color: var(--wb-ink); }
.h_yong_lian:hover .h3 { color: var(--wb-brand) !important; }
.h_yong01_leis, .h_yong_leix2 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }

/* ---------- 9. 案例区 ---------- */
.h_anli { padding: 88px 0; background: var(--wb-bg-soft); }
/* /ye/ 等单页的案例区容器：必须有浅色底，白卡片之间的 24px 空隙才看得见 */
.h_fuwubox {
  padding: 88px 0;
  background: var(--wb-bg-soft);
  border-top: 1px solid var(--wb-border);
  border-bottom: 1px solid var(--wb-border);
}
.h_anlimin { max-width: var(--wb-max); margin: 0 auto; padding: 0 24px; }
.h_anlimin_lei { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.h_anlimin_leia { height: auto; }
.h_anlimin_leia_min {
  border-radius: var(--wb-radius); overflow: hidden; background: #fff;
  border: 1px solid var(--wb-border); box-shadow: var(--wb-shadow-sm);
  transition: transform .25s ease, box-shadow .25s ease;
}
.h_anlimin_leia_min:hover { transform: translateY(-6px); box-shadow: var(--wb-shadow-lg); }
.h_anlimin_leia_min img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; background: #fff; padding: 26px 20px 18px; display: block; }
.h_anlimin_leia_zhi {
  padding: 6px 20px 24px; font-size: 14px; font-weight: 600; color: var(--wb-ink); line-height: 1.6;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

/* ---------- 10. 资讯区 ---------- */
.h_news {
  max-width: var(--wb-max); margin: 0 auto; padding: 0 24px 88px;
  display: grid; grid-template-columns: 1fr 1fr 340px; gap: 24px; align-items: start;
}
.h_news .h_pro_biao { grid-column: 1 / -1; margin-bottom: 24px; }
.h_newsl { background: #fff; border: 1px solid var(--wb-border); border-radius: var(--wb-radius); overflow: hidden; box-shadow: var(--wb-shadow-sm); }
.h_newsl_tu { height: 130px; background: var(--wb-grad); display: flex; align-items: center; justify-content: center; }
.h_newsl_zhi a { color: #fff !important; font-size: 20px; font-weight: 700; letter-spacing: 1px; }
.h_newsl_zhi a:hover { opacity: .85; }
.h_newsl_lei { padding: 10px 8px; }
.newsNav li a, .newsNav01 li a {
  display: flex; align-items: baseline; gap: 12px; padding: 11px 14px;
  border-radius: 8px; color: var(--wb-ink-2) !important; font-size: 14px;
  transition: background .2s ease, color .2s ease;
}
.newsNav li a:hover, .newsNav01 li a:hover { background: #eef0ff; color: var(--wb-brand) !important; }
.newsNav li a i, .newsNav01 li a i { font-style: normal; font-size: 12px; color: var(--wb-muted); flex: 0 0 auto; }
.newsNav li a span, .newsNav01 li a span { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.h_newsr img { border-radius: var(--wb-radius); box-shadow: var(--wb-shadow); width: 100%; height: auto; display: block; }

/* ---------- 11. CTA / 服务承诺 / 页脚 ---------- */
.h_zhi { background: var(--wb-grad-dark); padding: 52px 0; }
.h_zhimin { max-width: var(--wb-max); margin: 0 auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.h_zhimin p, .h_zhimin P { color: #fff; font-size: 23px; font-weight: 700; }
.h_zhimin span a {
  display: inline-block; padding: 12px 36px; border-radius: 999px; background: #fff;
  color: var(--wb-brand) !important; font-weight: 700; transition: transform .2s ease;
}
.h_zhimin span a:hover { transform: translateY(-2px); }
.h_fu { background: #fff; border-bottom: 1px solid var(--wb-border); }
.h_fumin { max-width: var(--wb-max); margin: 0 auto; padding: 30px 24px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.h_fumin_lei { display: flex; align-items: center; gap: 12px; }
.h_fumin_lei_tu { flex: 0 0 auto; }
.h_fumin_lei_tu img { width: 46px; height: 46px; object-fit: contain; }
.h_fumin_lei p, .h_fumin_lei P, .h_fumin_lei .h_fumin_lei_z { font-size: 15px; font-weight: 700; color: var(--wb-ink); line-height: 1.4; margin: 0; }
.h_fumin_lei_z span, .h_fumin_lei span { display: block; font-size: 12px; color: var(--wb-muted); font-weight: 400; }
.footbox { background: #0b1023; color: #94a3b8; }
.foot { max-width: var(--wb-max); margin: 0 auto; padding: 56px 24px 32px; display: grid; grid-template-columns: 360px 1fr; gap: 48px; }
.footl_s { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }
.footl_s_tu { flex: 0 0 auto; }
.footl_s_tu img { width: 46px; height: 46px; object-fit: contain; }
.footl_s p, .footl_s P, .footl_s .h_footl_s_z { font-size: 13px; color: #94a3b8; margin: 0; }
.footl_s span, .h_footl_s_z span { display: block; font-size: 24px; font-weight: 800; color: #fff; letter-spacing: 1px; }
.footl_di, .footl_di02, .footl_di03 { display: inline-block; margin-right: 14px; }
.footl_di a, .footl_di02 a, .footl_di03 a { color: #cbd5e1 !important; font-size: 13px; }
.footl_di a:hover, .footl_di02 a:hover, .footl_di03 a:hover { color: #fff !important; }
.footr_dao { border-bottom: 1px solid rgba(148, 163, 184, .18); padding-bottom: 20px; margin-bottom: 20px; }
.footrf { display: flex; flex-wrap: wrap; gap: 4px 8px; }
.footrf li a { display: block; padding: 5px 10px; border-radius: 8px; color: #cbd5e1 !important; font-size: 13px; transition: background .2s ease, color .2s ease; }
.footrf li a:hover { background: rgba(255, 255, 255, .08); color: #fff !important; }
.footr_zhi p, .footr_zhi P { font-size: 12.5px; line-height: 2; color: #94a3b8; }
.footr_zhi a { color: #cbd5e1 !important; }
.footr_zhi a:hover { color: #fff !important; }

/* ---------- 12. 内页 Banner（leibanner） ---------- */
.leibanner {
  background: var(--wb-grad-dark); position: static !important;
  padding: 64px 0; color: #fff; overflow: hidden;
}
.leibanner_zhi {
  position: static !important; max-width: var(--wb-max); margin: 0 auto; padding: 0 24px;
  display: flex; flex-direction: column; gap: 8px;
}
.leibanner_zhi h2, .leibanner_zhi .title, .leibanner_zhi .tit,
.leibanner_zhi span:first-child { color: #fff; font-size: 30px; font-weight: 800; }
.leibanner_zhi a, .leibanner_zhi .title a { color: rgba(255, 255, 255, .75) !important; font-size: 13px; }
.leibanner_zhi a:hover { color: #fff !important; }
.leibanner ul { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.leibanner ul li a {
  display: block; padding: 5px 14px; border-radius: 999px; font-size: 13px;
  color: rgba(255, 255, 255, .85) !important; background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .18);
}
.leibanner ul li a:hover, .leibanner ul li.hover a, .leibanner ul li.active a { background: var(--wb-grad); color: #fff !important; }

/* ---------- 13. 列表页（lei_newslei 家族） ---------- */
.lei_newsbiao {
  max-width: var(--wb-max); margin: 40px auto 0; padding: 0 24px;
  font-size: 24px; font-weight: 800; color: var(--wb-ink); text-align: center;
}
.lei_newsbiao span, .lei_newsbiao h2 { font-size: inherit; color: inherit; }
.lei_newslei.box { max-width: var(--wb-max); margin: 32px auto 64px; padding: 0 24px; display: grid; grid-template-columns: 260px 1fr; gap: 24px; align-items: start; }
/* 骨架定位：侧栏第 1 列跨行；正文与相关推荐固定第 2 列（兼容「相关推荐」与正文同级的页面，防止被塞进 260px 窄列） */
.lei_newslei.box > .lei_newslei_xxl { grid-column: 1; grid-row: 1 / span 4; min-width: 0; }
.lei_newslei.box > .lei_newslei_xxr, .lei_newslei.box > .lei_newslei_xxr_tui { grid-column: 2; min-width: 0; }
.lei_newslei_l, .lei_newslei_xxl, .lei_newslei_r, .lei_newslei_xxr { width: auto !important; float: none !important; min-width: 0; }

/* 左栏：菜单卡 */
.lei_newslei_l_mune, .lei_newslei_l_news {
  background: #fff; border: 1px solid var(--wb-border); border-radius: var(--wb-radius);
  box-shadow: var(--wb-shadow-sm); overflow: hidden; margin-bottom: 24px;
}
.lei_newslei_l_mune_biao, .lei_newslei_l_newslei_biao {
  padding: 16px 20px; font-size: 16px; font-weight: 700; color: var(--wb-ink);
  background: var(--wb-bg-soft); border-bottom: 1px solid var(--wb-border);
}
.lei_newslei_l_mune_lei li a, .lei_newslei_l_newslei li a {
  display: block; padding: 12px 20px; font-size: 14px; color: var(--wb-ink-2) !important;
  border-left: 3px solid transparent; transition: all .2s ease;
}
.lei_newslei_l_mune_lei li a:hover, .lei_newslei_l_mune_lei li.hover a,
.lei_newslei_l_mune_lei li.active a {
  color: var(--wb-brand) !important; border-left-color: var(--wb-brand); background: #eef0ff;
}

/* 右栏：文章行 */
.lei_newslei_rmin {
  display: flex; gap: 20px; background: #fff; border: 1px solid var(--wb-border);
  border-radius: var(--wb-radius); box-shadow: var(--wb-shadow-sm);
  padding: 18px; margin-bottom: 18px; transition: transform .25s ease, box-shadow .25s ease;
}
.lei_newslei_rmin:hover { transform: translateY(-3px); box-shadow: var(--wb-shadow); }
.lei_newslei_rmin_tu { flex: 0 0 220px; }
.lei_newslei_rmin_tu img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: var(--wb-radius-sm); display: block; }
.lei_newslei_rmin_l { flex: 1 1 auto; min-width: 0; }
.lei_newslei_rmin_l span { display: block; width: auto !important; font-size: 17px; font-weight: 700; color: var(--wb-ink); line-height: 1.6; }
.lei_newslei_rmin_l P, .lei_newslei_rmin_l p {
  display: block; width: auto !important; margin: 8px 0 0;
  font-size: 14.5px; font-weight: 400; color: var(--wb-ink-2); line-height: 1.8;
}
.lei_newslei_rmin_l span a, .lei_newslei_rmin_l P a { color: var(--wb-ink) !important; }
.lei_newslei_rmin_l span a:hover, .lei_newslei_rmin_l P a:hover { color: var(--wb-brand) !important; }
.lei_newslei_rmin_l em, .lei_newslei_rmin_l i { font-style: normal; font-size: 13px; color: var(--wb-muted); }

/* 列表文字行 */
.n_rt_ul li a, #news ul li a {
  display: flex; align-items: baseline; gap: 12px; padding: 12px 4px;
  color: var(--wb-ink-2) !important; font-size: 14.5px;
  border-bottom: 1px dashed var(--wb-border);
}
.n_rt_ul li a:hover, #news ul li a:hover { color: var(--wb-brand) !important; }
.n_rt_ul li a i, #news ul li a i { font-style: normal; font-size: 12px; color: var(--wb-muted); flex: 0 0 auto; }
.n_rt_ul li a span, #news ul li a span { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.n_rt_ul li, #news ul li { width: auto !important; float: none !important; }
.more02 { text-align: right; margin-top: 12px; }
.more02 a { font-size: 13px; color: var(--wb-muted) !important; }
.more02 a:hover { color: var(--wb-brand) !important; }

/* ---------- 14. 详情页（xxr 家族） ---------- */
.lei_newslei_xxr_biao { padding: 18px 22px 0; }
.lei_newslei_xxr_biao h1, .lei_newslei_xxr_biao span, .lei_newslei_xxr_biao .title {
  font-size: 26px; font-weight: 800; color: var(--wb-ink); line-height: 1.5;
}
.lei_newslei_xxr_dat {
  padding: 10px 22px 16px; font-size: 13px; color: var(--wb-muted);
  border-bottom: 1px solid var(--wb-border);
}
.lei_newslei_xxr_dat span, .lei_newslei_xxr_dat i { font-style: normal; margin-right: 16px; }
.lei_newslei_xxr_lei, .wangEditor-txt, .lei_about, .content, .intro {
  padding: 26px 4px; font-size: 15.5px; line-height: 2; color: var(--wb-ink-2);
  word-break: break-word; overflow-wrap: anywhere;
}
.lei_newslei_xxr_lei img, .wangEditor-txt img, .lei_about img, .content img, .intro img {
  border-radius: var(--wb-radius-sm); height: auto !important;
}
.lei_newslei_xxr_lei p, .wangEditor-txt p, .lei_about p { margin: 0 0 1.2em; }
.lei_newslei_xxr_lei h2, .lei_newslei_xxr_lei h3,
.wangEditor-txt h2, .wangEditor-txt h3 { font-size: 19px; color: var(--wb-ink); margin: 1.6em 0 .8em; }
.lei_newslei_xxr_lei table, .wangEditor-txt table, .content table { width: 100% !important; margin: 1em 0; }
.lei_newslei_xxr_lei table td, .lei_newslei_xxr_lei table th,
.wangEditor-txt table td, .wangEditor-txt table th { border: 1px solid var(--wb-border); padding: 8px 12px; }
.lei_newslei_xxr_sx {
  display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap;
  padding: 18px 22px; border-top: 1px solid var(--wb-border); background: var(--wb-bg-soft);
}
.lei_newslei_xxr_sxl, .lei_newslei_xxr_sxr { font-size: 13.5px; color: var(--wb-muted); min-width: 0; }
.lei_newslei_xxr_sxl a, .lei_newslei_xxr_sxr a { color: var(--wb-ink-2) !important; }
.lei_newslei_xxr_sxl a:hover, .lei_newslei_xxr_sxr a:hover { color: var(--wb-brand) !important; }
.lei_newslei_xxr_tui { padding: 22px; border-top: 1px solid var(--wb-border); }
.lei_newslei_xxr_tui_biao { font-size: 17px; font-weight: 800; color: var(--wb-ink); margin-bottom: 14px; }
.lei_newslei_xxr_tui_zhi ul { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 20px; }
.lei_newslei_xxr_tui_zhi li a {
  display: block; font-size: 14px; color: var(--wb-ink-2) !important; padding: 8px 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.lei_newslei_xxr_tui_zhi li a:hover { color: var(--wb-brand) !important; }
.right760 {
  background: #fff; border: 1px solid var(--wb-border); border-radius: var(--wb-radius);
  box-shadow: var(--wb-shadow-sm); padding: 20px; margin-top: 24px;
}
.right760 b, .right760 h3 { display: block; font-size: 16px; font-weight: 800; color: var(--wb-ink); margin-bottom: 10px; }

/* ---------- 15. DedeCMS 系页面（w960 家族） ---------- */
.w960 { max-width: var(--wb-max); margin: 32px auto 64px; padding: 0 24px; display: grid; grid-template-columns: 260px 1fr; gap: 24px; align-items: start; }
.w960 .pleft, .w960 .pright { width: auto !important; float: none !important; min-width: 0; }
.pleft .tbox, .pright .tbox, .viewbox {
  background: #fff; border: 1px solid var(--wb-border); border-radius: var(--wb-radius);
  box-shadow: var(--wb-shadow-sm); padding: 20px; margin-bottom: 20px;
}
.tbox dt, .tbox h3, .tbox strong { display: block; font-size: 16px; font-weight: 800; color: var(--wb-ink); margin-bottom: 12px; }
.place { font-size: 13px; color: var(--wb-muted); margin-bottom: 14px; }
.place a { color: var(--wb-muted) !important; }
.place a:hover { color: var(--wb-brand) !important; }
.viewbox .title { font-size: 24px; font-weight: 800; color: var(--wb-ink); line-height: 1.5; margin-bottom: 8px; }
.viewbox .info { font-size: 13px; color: var(--wb-muted); margin-bottom: 16px; padding-bottom: 14px; border-bottom: 1px solid var(--wb-border); }
.picview, .picbox { text-align: center; }
.picview img, .picbox img { border-radius: var(--wb-radius-sm); max-width: 100% !important; height: auto !important; }
ul.e1 li, ul.e3 li, ul.e5 li, ul.e6 li, ul.e8 li, ul.e9 li {
  width: auto !important; float: none !important; height: auto !important;
  padding: 12px 4px; border-bottom: 1px dashed var(--wb-border);
  font-size: 14.5px; overflow: visible; white-space: normal;
}
ul.e1 li a, ul.e3 li a, ul.e5 li a, ul.e6 li a, ul.e8 li a, ul.e9 li a { color: var(--wb-ink-2) !important; }
ul.e1 li a:hover, ul.e3 li a:hover, ul.e5 li a:hover, ul.e6 li a:hover, ul.e8 li a:hover, ul.e9 li a:hover { color: var(--wb-brand) !important; }
ul.e8 li, ul.e9 li { display: inline-block; width: 48% !important; vertical-align: top; margin: 0 1% 1% 0; padding: 0; border: 0; }
ul.e8 li img, ul.e9 li img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--wb-radius-sm); display: block; margin-bottom: 6px; }
.handle { display: flex; gap: 12px; flex-wrap: wrap; padding: 16px 0; border-top: 1px solid var(--wb-border); margin-top: 16px; }
.handle .context, .handle .actbox, .diggbox { width: auto !important; }
.handle a, .actbox a, .diggbox a {
  display: inline-flex; align-items: center; padding: 8px 18px; border-radius: 999px;
  border: 1px solid var(--wb-border); font-size: 13px; color: var(--wb-ink-2) !important;
}
.handle a:hover, .actbox a:hover, .diggbox a:hover { border-color: var(--wb-brand); color: var(--wb-brand) !important; }
.boxoff { height: auto; margin: 12px 0; }
.dede_pages, .pagelist { padding: 26px 0; text-align: center; }
.dede_pages ul, .pagelist ul, ul.pagination { display: inline-flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.dede_pages ul li, .pagelist ul li, ul.pagination li { float: none !important; }
.dede_pages ul li a, .dede_pages ul li span,
.pagelist ul li a, .pagelist ul li span, ul.pagination li a, ul.pagination li span {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 36px; height: 36px; padding: 0 12px; border-radius: 8px;
  border: 1px solid var(--wb-border); background: #fff; color: var(--wb-ink-2) !important; font-size: 13px;
  margin: 0 !important;
}
.dede_pages ul li a:hover, .pagelist ul li a:hover, ul.pagination li a:hover { border-color: var(--wb-brand); color: var(--wb-brand) !important; }
.dede_pages ul li.thisclass a, .dede_pages ul li.thisclass span,
.pagelist li.thisclass a, .pagelist li.thisclass span, ul.pagination li.thisclass a,
ul.pagination li.active a, ul.pagination .active a {
  background: var(--wb-grad) !important; border-color: transparent; color: #fff !important;
}
.flashnews, .topcommand, .channel-nav { width: auto !important; float: none !important; }
.flashnews object, .flashnews embed { max-width: 100%; }
.listbox, .picnews, .commend, .hot, .strongrange, .productrange, .downrange, .comment { width: auto !important; float: none !important; }

/* ---------- 16. 落地页家族（wzjs/web/seo/fuwu/zs） ---------- */
.seobanner, .webbanner {
  background: var(--wb-grad-dark); position: static !important; color: #fff;
  padding: 72px 0; overflow: hidden;
}
.seobanner_min, .webbanner_min, .seobanner_min_box {
  position: static !important; max-width: var(--wb-max); margin: 0 auto; padding: 0 24px;
  display: flex; flex-wrap: wrap; gap: 16px; align-items: center;
}
.seobanner_min_lei, .webbanner_min_lei {
  flex: 1 1 200px; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .16);
  border-radius: var(--wb-radius); padding: 20px; color: #fff;
}
.seobanner_min_lei span, .webbanner_min_lei span { display: block; font-size: 26px; font-weight: 800; }
.seobanner_min_lei p, .webbanner_min_lei p { font-size: 13px; color: rgba(255, 255, 255, .75); }
.container { max-width: var(--wb-max); margin: 0 auto; padding: 0 24px; }
.seo_you, .web_taocan, .function_mian_listbox, .system_mian_listbox, .index_system_listbox {
  width: auto !important; max-width: var(--wb-max); margin: 0 auto; padding: 40px 24px; float: none !important;
}
.function_mian_listbox ul, .system_mian_listbox ul, .index_system_listbox ul, .saas-section4 ul {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin: 0 !important; float: none !important;
}
.function_mian_listbox ul li, .system_mian_listbox ul li, .index_system_listbox ul li, .saas-section4 ul li {
  width: auto !important; float: none !important; height: auto !important;
  background: #fff; border: 1px solid var(--wb-border); border-radius: var(--wb-radius);
  padding: 22px; box-shadow: var(--wb-shadow-sm); margin: 0 !important;
  transition: transform .25s ease, box-shadow .25s ease;
}
.function_mian_listbox ul li:hover, .system_mian_listbox ul li:hover, .index_system_listbox ul li:hover { transform: translateY(-4px); box-shadow: var(--wb-shadow); }
.function_mian_listbox ul li span, .system_mian_listbox ul li span {
  display: block; width: auto !important; height: auto !important; font-size: 15px; font-weight: 700; color: var(--wb-ink);
}
.web_taocan_di_lei { padding: 0 !important; }
.main_consultbox {
  max-width: var(--wb-max); margin: 0 auto 64px; padding: 24px;
  background: var(--wb-grad); border-radius: var(--wb-radius); color: #fff;
  display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
}
.main_consultbox a { color: #fff !important; font-weight: 700; }
.Case_QrcodeWrap { display: none; }
/* zs 渠道页 */
.lei_qudaow_min_biao, .lei_qudaozb_biao { float: none !important; width: auto !important; font-size: 22px; font-weight: 800; color: var(--wb-ink); margin: 32px 0 16px; }
.lei_qudaow_min_lei { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; clear: both; }
.lei_qudaow_min_lei > li, .lei_qudaow_min_lei > div {
  background: #fff; border: 1px solid var(--wb-border); border-radius: var(--wb-radius);
  padding: 20px; box-shadow: var(--wb-shadow-sm); width: auto !important; float: none !important;
}
.sqli { display: flex; flex-wrap: wrap; gap: 10px; }
.sqli a, .sqli span {
  display: inline-block; padding: 7px 16px; border-radius: 999px; background: var(--wb-bg-soft);
  border: 1px solid var(--wb-border); font-size: 13px; color: var(--wb-ink-2) !important;
}
.yxyc { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: center; }
.lei_qudaox_minl, .lei_qudaog { background-size: cover !important; background-position: center !important; }

/* ---------- 17. 搜索页 ---------- */
.searchbox { max-width: 760px; margin: 48px auto; padding: 0 24px; }
.searchbox input[type="text"] { width: 100%; }
.stitle, .spage { padding: 10px 24px; font-size: 13px; color: var(--wb-muted); }

/* ---------- 18. 表单基线 ---------- */
input[type="text"], input[type="tel"], input[type="email"], input[type="password"], textarea, select {
  border: 1px solid var(--wb-border); border-radius: var(--wb-radius-sm);
  padding: 11px 14px; background: #fff; outline: none; transition: border .2s ease, box-shadow .2s ease;
}
input:focus, textarea:focus, select:focus { border-color: var(--wb-brand); box-shadow: 0 0 0 3px rgba(79, 70, 229, .14); }
input[type="submit"], input[type="button"], button.btn {
  background: var(--wb-grad); color: #fff; border: 0; border-radius: 999px;
  padding: 11px 32px; font-weight: 600; cursor: pointer;
}
textarea { width: 100%; min-height: 110px; resize: vertical; }

/* ---------- 19. 滚动显现 ---------- */
.wb-reveal { opacity: 0; transform: translateY(24px); transition: opacity .6s ease, transform .6s ease; }
.wb-reveal.is-visible { opacity: 1; transform: none; }

/* =====================================================================
   响应式断点
   ===================================================================== */
@media (max-width: 1200px) {
  .h_pro_lei { grid-template-columns: repeat(3, 1fr); }
  .function_mian_listbox ul, .system_mian_listbox ul, .index_system_listbox ul, .saas-section4 ul { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 992px) {
  .h_pro_lei { grid-template-columns: repeat(2, 1fr); }
  .h_anlimin_lei, .h_yong_leis, .h_yong_leix, .h_yong01_leis { grid-template-columns: repeat(2, 1fr); }
  .h_news { grid-template-columns: 1fr 1fr; }
  .h_newsr { display: none; }
  .h_pro_biao span, .h_pro_biao > a > span { font-size: 25px; }
  .h_pro_min, .h_anli, .h_yong, .h_fuwubox { padding-top: 56px; padding-bottom: 56px; }
  .lei_newslei.box, .w960 { grid-template-columns: 1fr; }
  /* 单列布局下取消桌面端的显式网格定位 */
  .lei_newslei.box > .lei_newslei_xxl, .lei_newslei.box > .lei_newslei_xxr, .lei_newslei.box > .lei_newslei_xxr_tui { grid-column: auto; grid-row: auto; }
  .h_news { grid-template-columns: 1fr; }

  /* 导航折叠 */
  .wb-burger { display: block; }
  .wb-actions .wb-btn { display: none; }
  /* 关键：去掉毛玻璃，否则 header 会成为内部 fixed 抽屉的定位基准，抽屉被压进头部 */
  .wb-header { -webkit-backdrop-filter: none; backdrop-filter: none; background: #0b1023; }
  .wb-nav {
    position: fixed; top: 0; right: 0; bottom: 0; width: 78%; max-width: 340px;
    background: #fff; z-index: 999; padding: 92px 20px 30px;
    transform: translateX(105%); visibility: hidden;
    transition: transform .3s cubic-bezier(.22, .61, .36, 1), visibility 0s linear .3s;
    overflow-y: auto; box-shadow: -20px 0 60px rgba(2, 6, 23, .25);
  }
  .wb-nav.is-open { transform: none; visibility: visible; transition: transform .3s cubic-bezier(.22, .61, .36, 1), visibility 0s; }
  .wb-menu { flex-direction: column; align-items: stretch; gap: 2px; }
  .wb-menu > li > a { padding: 13px 14px; font-size: 15px; color: var(--wb-ink-2) !important; border-radius: 10px; }
  .wb-menu > li > a:hover { background: #eef0ff; color: var(--wb-brand) !important; }
  .wb-menu > li.active > a::after, .wb-menu > li.hover > a::after { display: none; }
  .wb-menu > li.active > a, .wb-menu > li.hover > a { background: #eef0ff; color: var(--wb-brand) !important; }

  .flt_l, .flt_r { float: none !important; width: 100% !important; margin: 0 0 16px !important; }
  .lei_newslei_rmin_tu { flex: 0 0 160px; }
}

@media (max-width: 768px) {
  body { font-size: 14px; }
  .box, .wb-container, .h_pro_box, .h_anlimin, .h_yong_lei, .h_zhimin, .h_fumin, .foot, .homebanner_di_min, .homebanner_zhi, .leibanner_zhi, .lei_newsbiao, .container, .searchbox { padding-left: 16px; padding-right: 16px; }
  .wb-header-in { height: 60px; padding: 0 16px; }
  .wb-logo img { max-height: 38px; }
  .wb-hero { padding: 56px 0 24px; }
  .wb-hero h1 { font-size: 26px; }
  .wb-hero p { font-size: 14px; }
  .homebanner_zhi { padding-top: 24px !important; padding-bottom: 8px !important; }
  .homebanner_di_min { grid-template-columns: 1fr 1fr; gap: 10px; }
  .homebanner_di_min_lei { padding: 12px; gap: 10px; }
  .homebanner_di_min_leitu img { width: 34px; height: 34px; }
  .homebanner_di_min_leizhi p, .homebanner_di_min_leizhi P { font-size: 14px; }
  .homebanner_di_min_leizhi span { font-size: 12px; }
  .homebanner_di { padding-bottom: 32px; }
  .h_pro_min, .h_anli, .h_fuwubox { padding: 48px 0 40px; }
  .h_anlimin_lei { gap: 16px; }
  .h_pro_biao { margin-bottom: 32px; }
  .h_pro_biao span, .h_pro_biao > a > span { font-size: 21px; }
  .h_pro_biao p, .h_pro_biao P { font-size: 13px; }
  .h_zhi { padding: 32px 0; }
  .h_zhimin { justify-content: center; text-align: center; }
  .h_zhimin p, .h_zhimin P { font-size: 17px; }
  .h_fumin { grid-template-columns: 1fr 1fr; padding: 20px 16px; }
  .foot { grid-template-columns: 1fr; gap: 28px; padding: 40px 16px 24px; }
  .rightBar { display: none !important; }
  img, video { max-width: 100% !important; height: auto !important; }
  table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .leibanner { padding: 40px 0; }
  .leibanner_zhi h2, .leibanner_zhi .title, .leibanner_zhi span:first-child { font-size: 22px; }
  .lei_newslei_rmin { flex-direction: column; }
  .lei_newslei_rmin_tu { flex: 0 0 auto; }
  .lei_newslei_xxr_tui_zhi ul { grid-template-columns: 1fr; }
  .ul.e8 li, ul.e8 li, ul.e9 li { width: 100% !important; }
  .yxyc { grid-template-columns: 1fr; }
  .lei_qudaow_min_lei { grid-template-columns: 1fr 1fr; }
  [style*="float"] { float: none !important; }
}

@media (max-width: 480px) {
  .h_pro_lei, .h_anlimin_lei, .h_yong_leis, .h_yong_leix, .h_yong01_leis,
  .homebanner_di_min, .lei_qudaow_min_lei,
  .function_mian_listbox ul, .system_mian_listbox ul, .index_system_listbox ul, .saas-section4 ul { grid-template-columns: 1fr; }
  .wb-hero h1 { font-size: 22px; }
  .h_pro_biao span, .h_pro_biao > a > span { font-size: 19px; }
  .footrf { gap: 2px 4px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  html { scroll-behavior: auto; }
}

/* =====================================================================
   17. 相关推荐 / right760 文章列表（详情页、单页底部通用）
   ===================================================================== */
.lei_newslei_xxr_tui .right760 { background: none; border: none; box-shadow: none; padding: 0; margin: 0; }
.right760 #news ul {
  display: grid; grid-template-columns: 1fr 1fr; gap: 2px 36px;
  list-style: none; margin: 0; padding: 0;
}
.right760 #news ul li {
  display: flex; align-items: baseline; gap: 12px; min-width: 0;
  width: auto !important; height: auto !important; float: none !important;
  line-height: 1.8; border-bottom: 1px dashed var(--wb-border);
  padding: 9px 0; margin: 0 !important; background: none !important;
}
.right760 #news ul li span {
  flex: 0 0 auto; width: auto !important; height: auto !important; float: none !important;
  display: inline !important; font-size: 12.5px !important; color: var(--wb-muted);
}
.right760 #news ul li p, .right760 #news ul li P {
  flex: 1 1 auto; min-width: 0; width: auto !important; height: auto !important; float: none !important;
  margin: 0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.right760 #news ul li p a { font-size: 14px; color: var(--wb-ink-2) !important; }
.right760 #news ul li p a:hover { color: var(--wb-brand) !important; }

/* =====================================================================
   18. 主营业务「热门产品与服务」h_yong01 家族 + 雪碧图图标
   ===================================================================== */
.h_yong01_lei { max-width: var(--wb-max); margin: 0 auto; padding: 0 24px; width: auto !important; height: auto !important; }
.h_yong01_leis {
  display: grid; grid-template-columns: repeat(4, 1fr);
  width: auto !important; height: auto !important; float: none !important; border-bottom: none !important;
}
.h_yong01_zhong { width: auto !important; float: none !important; }
.h_yong01_zhonga {
  height: auto !important; margin: 8px; padding: 30px 10px; text-align: center;
  border-radius: var(--wb-radius); background: #fff; border: 1px solid var(--wb-border);
  box-shadow: var(--wb-shadow-sm); transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.h_yong01_zhonga:hover { transform: translateY(-4px); box-shadow: var(--wb-shadow); background: #f6f4ff; }
.h_yong01_lian { display: flex; flex-direction: column; align-items: center; gap: 12px; height: auto !important; padding: 0 !important; border-right: none !important; }
.h_yong01_lian .h3 { margin: 0; font-size: 15.5px; font-weight: 700; color: var(--wb-ink); }
.h_yong01_lian:hover .h3 { color: var(--wb-brand) !important; }
.zq-icon01 { display: inline-block; background: url(/seo/css/img/new300-sprite-icon01.png) no-repeat; }
.icon100x100 { width: 100px; height: 100px; }
.h_yong01_zhong a .popular-app-icon1 { background-position: 0 -450px; }
.h_yong01_zhong a .popular-app-icon2 { background-position: -100px -450px; }
.h_yong01_zhong a .popular-app-icon3 { background-position: -200px -450px; }
.h_yong01_zhong a .popular-app-icon4 { background-position: -300px -450px; }
.h_yong01_zhong a .popular-app-icon5 { background-position: -400px -450px; }
.h_yong01_zhong a .popular-app-icon6 { background-position: -500px -450px; }
.h_yong01_zhong a .popular-app-icon7 { background-position: -600px -450px; }
.h_yong01_zhong a .popular-app-icon8 { background-position: -700px -450px; }
.h_yong01_zhong a .popular-app-icon9 { background-position: -800px -450px; }
.h_yong01_zhong a .popular-app-icon10 { background-position: -900px -450px; }
.h_yong01_zhong a .popular-app-icon11 { background-position: -1000px -450px; }
.h_yong01_zhong a .popular-app-icon12 { background-position: -1100px -450px; }
.h_yong01_zhonga:hover .popular-app-icon1 { background-position: 0 -550px; }
.h_yong01_zhonga:hover .popular-app-icon2 { background-position: -100px -550px; }
.h_yong01_zhonga:hover .popular-app-icon3 { background-position: -200px -550px; }
.h_yong01_zhonga:hover .popular-app-icon4 { background-position: -300px -550px; }
.h_yong01_zhonga:hover .popular-app-icon5 { background-position: -400px -550px; }
.h_yong01_zhonga:hover .popular-app-icon6 { background-position: -500px -550px; }
.h_yong01_zhonga:hover .popular-app-icon7 { background-position: -600px -550px; }
.h_yong01_zhonga:hover .popular-app-icon8 { background-position: -700px -550px; }
.h_yong01_zhonga:hover .popular-app-icon9 { background-position: -800px -550px; }
.h_yong01_zhonga:hover .popular-app-icon10 { background-position: -900px -550px; }
.h_yong01_zhonga:hover .popular-app-icon11 { background-position: -1000px -550px; }
.h_yong01_zhonga:hover .popular-app-icon12 { background-position: -1100px -550px; }

/* =====================================================================
   19. 落地页家族补全（wzjs / web）：图标矩阵、价格套餐、建站流程、售后
   ===================================================================== */
.section { width: auto !important; max-width: var(--wb-max); margin: 0 auto; padding: 56px 24px !important; float: none !important; }
.titlebox { text-align: center; margin-bottom: 30px; }
.titlebox h4 { font-size: 28px; font-weight: 800; color: var(--wb-ink); margin: 0; }
.section .function_mian_listbox, .section .system_mian_listbox { max-width: none !important; padding: 0 !important; margin: 0 !important; }
.function_mian_listbox ul { grid-template-columns: repeat(3, 1fr) !important; }
.function_mian_list_text { display: flex; gap: 14px; align-items: flex-start; }
.function_list_icon {
  float: none !important; margin: 0 !important; flex: 0 0 auto;
  width: 60px; height: 60px; border-radius: 50%; border: 2px solid #00ad66;
  background: url(/seo/css/img/function_icon01.png) no-repeat center center;
}
.function_list_icon02 { border-color: #fd9525; background-image: url(/seo/css/img/function_icon02.png); }
.function_list_icon03 { border-color: #129cfd; background-image: url(/seo/css/img/function_icon03.png); }
.function_list_icon04 { border-color: #f1c100; background-image: url(/seo/css/img/function_icon04.png); }
.function_list_icon05 { border-color: #00c6f1; background-image: url(/seo/css/img/function_icon05.png); }
.function_list_icon06 { border-color: #00a7ad; background-image: url(/seo/css/img/function_icon06.png); }
.function_list_icon07 { border-color: #dfd641; background-image: url(/seo/css/img/function_icon07.png); }
.function_list_icon08 { border-color: #c32102; background-image: url(/seo/css/img/function_icon08.png); }
.function_list_icon09 { border-color: #1e8dcc; background-image: url(/seo/css/img/function_icon09.png); }
.function_list_icon10 { border-color: #3ecf94; background-image: url(/seo/css/img/function_icon10.png); }
.function_list_icon11 { border-color: #ddb100; background-image: url(/seo/css/img/function_icon11.png); }
.function_list_icon12 { border-color: #ff8e15; background-image: url(/seo/css/img/function_icon12.png); }
.function_list_text h2, .function_list_text H2 { font-size: 16px; font-weight: 700; color: var(--wb-ink); margin: 2px 0 6px; line-height: 1.4; }
.function_list_text p, .function_list_text P { font-size: 13px; color: var(--wb-muted); margin: 0; line-height: 1.7; }
.function_mian_list_btn { display: flex; gap: 10px; margin-top: 16px; padding-top: 14px; border-top: 1px dashed var(--wb-border); }
.function_mian_list_btn a {
  font-size: 13px; padding: 7px 16px; border-radius: 999px;
  background: var(--wb-bg-soft); border: 1px solid var(--wb-border); color: var(--wb-ink-2) !important;
}
.function_mian_list_btn a.j_meixin_register { background: var(--wb-grad); color: #fff !important; border: none; }
/* 价格套餐三卡 */
.system_mian_listbox { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 24px !important; }
.index_system_listbox {
  width: auto !important; float: none !important; height: auto !important; padding: 0 !important; margin: 0 !important;
  background: #fff; border: 1px solid var(--wb-border); border-radius: var(--wb-radius);
  overflow: hidden; box-shadow: var(--wb-shadow-sm); transition: transform .25s ease, box-shadow .25s ease;
}
.index_system_listbox:hover { transform: translateY(-5px); box-shadow: var(--wb-shadow); }
.index_system_listbg { height: auto !important; }
.index_system_iconbox { width: auto !important; height: auto !important; padding: 30px 20px 22px; text-align: center; background: linear-gradient(135deg, #313a52, #0b1023); }
.index_system_icon { width: 76px; height: 76px; background: url(/seo/css/img/price_iconbox.png) no-repeat center top; margin: 0 auto; }
.index_system_listbox:hover .index_system_iconbox { background: linear-gradient(135deg, var(--wb-brand), #a855f7); }
.index_system_listbox:hover .index_system_icon { background: url(/seo/css/img/price_iconbox.png) no-repeat center bottom; }
.index_system_title h2 { font-size: 20px; font-weight: 700; color: #fff; margin: 10px 0 4px; }
.index_system_title a { color: #fff !important; }
.index_system_title p { font-size: 12.5px; color: rgba(255, 255, 255, .65); margin: 0; }
.index_system_pricebox { padding: 22px; }
.index_system_price h2 { font-size: 30px; font-weight: 800; color: var(--wb-brand); margin: 0 0 16px; }
.index_system_price i { font-style: normal; font-size: 16px; }
.system_price_functionbox ul { grid-template-columns: 1fr 1fr !important; gap: 2px 14px !important; }
.system_price_functionbox ul li {
  background: none !important; border: none !important; box-shadow: none !important; transform: none !important;
  padding: 5px 0 5px 18px !important; margin: 0 !important; position: relative;
  font-size: 13px; color: var(--wb-ink-2); line-height: 1.7;
}
.system_price_functionbox ul li::before {
  content: ""; position: absolute; left: 0; top: 50%; margin-top: -4px;
  width: 8px; height: 8px; border-radius: 50%; background: var(--wb-grad);
}
.system_price_function_btn { display: flex; gap: 10px; margin-top: 18px; }
.system_price_function_btn a {
  flex: 1; text-align: center; padding: 9px 0; border-radius: 999px;
  background: var(--wb-bg-soft); border: 1px solid var(--wb-border);
  font-size: 13.5px; color: var(--wb-ink-2) !important;
}
.system_price_function_btn a.system_price_function_btn_r { background: var(--wb-grad); color: #fff !important; border: none; }
/* 建站流程四卡 */
.web_taocan_biao, .web_taocan_di_biao { text-align: center; font-size: 26px; font-weight: 800; color: var(--wb-ink); margin: 0 0 28px; }
.web_taocan_lei { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.pricing-grides {
  float: none !important; width: auto !important; margin: 0 !important;
  background: #fff; border: 1px solid var(--wb-border); border-radius: var(--wb-radius);
  box-shadow: var(--wb-shadow-sm); overflow: hidden; transition: transform .25s ease, box-shadow .25s ease;
}
.pricing-grides:hover { transform: translateY(-4px); box-shadow: var(--wb-shadow); }
.price-value { background: var(--wb-grad); color: #fff; text-align: center; padding: 14px; font-size: 17px; font-weight: 700; }
.price-value a { color: #fff !important; }
.pricing-grides h3 { text-align: center; font-size: 15px; margin: 16px 0 8px; }
.pricing-grides h3 a { color: var(--wb-ink) !important; }
.pricing-grides ul { display: block !important; list-style: none; margin: 0; padding: 0 18px 14px; }
.pricing-grides ul li {
  background: none !important; border: none !important; box-shadow: none !important;
  padding: 5px 0 5px 15px !important; margin: 0 !important; position: relative;
  font-size: 12.5px; color: var(--wb-ink-2); line-height: 1.7;
}
.pricing-grides ul li::before {
  content: ""; position: absolute; left: 0; top: .85em; width: 6px; height: 6px;
  border-radius: 50%; background: var(--wb-grad);
}
.cart { text-align: center; padding: 0 18px 18px; }
.cart a { display: inline-block; padding: 8px 28px; border-radius: 999px; background: var(--wb-grad); color: #fff !important; font-size: 13.5px; }
.cart a i { font-style: normal; }
.web_taocan_di { margin-top: 40px; background: #fff; border: 1px solid var(--wb-border); border-radius: var(--wb-radius); padding: 26px 28px; box-shadow: var(--wb-shadow-sm); }
.web_taocan_di_lei p, .web_taocan_di_lei P { font-size: 14px; color: var(--wb-ink-2); line-height: 1.9; margin: 6px 0; }
/* 营销型网站 8 宫格优势 */
.seo_you_biao { text-align: center; margin-bottom: 30px; }
.seo_you_biao p, .seo_you_biao P { font-size: 26px; font-weight: 800; color: var(--wb-ink); margin: 0; }
.seo_you_biao span { font-size: 14px; color: var(--wb-muted); }
.seo_you_lei ul {
  display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 18px;
  list-style: none; margin: 0; padding: 0; width: auto !important;
}
.seo_you_lei ul li {
  width: auto !important; float: none !important; margin: 0 !important;
  border: 1px solid var(--wb-border) !important; border-radius: var(--wb-radius);
  background: #fff; box-shadow: var(--wb-shadow-sm); padding: 24px 20px !important;
  transition: transform .25s ease, box-shadow .25s ease;
}
.seo_you_lei ul li:hover { transform: translateY(-4px); box-shadow: var(--wb-shadow); }
.seo_you_lei ul li img { width: 56px; height: 56px; object-fit: contain; display: block; margin-bottom: 12px; }
.seo_you_lei ul li h6 { font-size: 15px; color: var(--wb-ink); margin: 0 0 8px; line-height: 1.5; }
.seo_you_lei ul li h6 span { color: var(--wb-brand); font-weight: 800; }
.seo_you_lei ul li p, .seo_you_lei ul li P { font-size: 13px; color: var(--wb-muted); line-height: 1.8; margin: 0; }
/* 顶部 banner 文案与咨询条 */
.wechatbanner_zhi { max-width: var(--wb-max); margin: 0 auto; padding: 0 24px; }
.wechatbanner_zhi p, .wechatbanner_zhi P { font-size: 30px; font-weight: 800; color: #fff; margin: 0 0 10px; }
.wechatbanner_zhi span { font-size: 15px; color: rgba(255, 255, 255, .75); }
.main_consultbox .txt { font-size: 17px; font-weight: 700; }
.advisory a {
  display: inline-block; margin: 4px 6px; padding: 10px 22px; border-radius: 999px;
  background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .4);
  color: #fff !important; font-size: 14px;
}
.advisory a em, .advisory a i { font-style: normal; }
.advisory a:hover { background: rgba(255, 255, 255, .24); }

/* =====================================================================
   20. 移动端防御：屏蔽全屏广告弹层 / 落地页响应式
   ===================================================================== */
@media (max-width: 992px) {
  /* 后台插件生成的全屏引导弹层（非表单提示层）整屏拦截点击，直接屏蔽 */
  .layui-layer:not(.layui-layer-dialog):not(.layui-layer-msg):not(.layui-layer-tips) { display: none !important; }
  .layui-layer-shade, .layui-layer-move { display: none !important; }
  body.p_load { overflow: auto !important; }
  .function_mian_listbox ul { grid-template-columns: repeat(2, 1fr) !important; }
  .system_mian_listbox { grid-template-columns: 1fr !important; max-width: 560px !important; }
  .web_taocan_lei { grid-template-columns: repeat(2, 1fr); }
  .seo_you_lei ul { grid-template-columns: repeat(2, 1fr) !important; }
  .h_yong01_leis { grid-template-columns: repeat(2, 1fr) !important; }
  .wechatbanner_zhi p, .wechatbanner_zhi P { font-size: 22px !important; }
  .wechatbanner_zhi span { font-size: 13px !important; }
  .titlebox h4 { font-size: 20px !important; }
  .web_taocan_biao, .web_taocan_di_biao, .seo_you_biao p { font-size: 20px !important; }
}
@media (max-width: 768px) {
  .right760 #news ul { grid-template-columns: 1fr; }
  .function_mian_listbox ul, .web_taocan_lei, .seo_you_lei ul, .h_yong01_leis { grid-template-columns: 1fr !important; }
  .system_price_functionbox ul { grid-template-columns: 1fr 1fr !important; }
  .section { padding: 40px 16px !important; }
  .webbanner, .seobanner { padding: 48px 0 !important; }
}

/* =====================================================================
   21. 分站封面页（lists_single_fzfm）：地区卡片栅格 + 胶囊链接
   ===================================================================== */
.wb-fz { max-width: var(--wb-max); margin: 0 auto; padding: 56px 24px 72px; }
.wb-fz-top {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px 6px;
  background: var(--wb-grad); border-radius: var(--wb-radius);
  padding: 18px 24px; margin-bottom: 28px;
}
.wb-fz-top b { color: #fff; font-size: 16px; font-weight: 800; margin-right: 8px; }
.wb-fz-top a {
  display: inline-block; padding: 5px 14px; border-radius: 999px; font-size: 13px;
  color: #fff !important; background: rgba(255, 255, 255, .16);
  transition: background .2s ease, transform .2s ease;
}
.wb-fz-top a:hover { background: rgba(255, 255, 255, .32); transform: translateY(-1px); }
.wb-fz-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: start; }
.wb-fz-sec {
  background: #fff; border: 1px solid var(--wb-border); border-radius: var(--wb-radius);
  padding: 22px 24px 24px; box-shadow: var(--wb-shadow-sm);
}
.wb-fz-t {
  font-size: 16px; font-weight: 800; color: var(--wb-ink);
  display: flex; align-items: center; gap: 10px; margin-bottom: 14px; line-height: 1.4;
}
.wb-fz-t::before { content: ''; flex: 0 0 4px; width: 4px; height: 18px; border-radius: 2px; background: var(--wb-grad); }
.wb-fz-t a { color: var(--wb-ink); }
.wb-fz-t a:hover { color: var(--wb-brand) !important; }
.wb-fz-links { display: flex; flex-wrap: wrap; gap: 8px 8px; }
.wb-fz-links a {
  display: inline-block; padding: 5px 13px; border-radius: 999px; font-size: 13px;
  background: var(--wb-bg-soft); border: 1px solid var(--wb-border);
  color: var(--wb-ink-2) !important; line-height: 1.6;
  transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease;
}
.wb-fz-links a:hover { color: var(--wb-brand) !important; background: #eef0ff; border-color: #d9dcff; transform: translateY(-1px); }
.wb-fz-links--sm a { padding: 4px 11px; font-size: 12px; }
.wb-fz-tags-sec { margin-top: 20px; }
.wb-fz-foot {
  margin-top: 28px; padding: 0 4px; font-size: 13px; color: var(--wb-muted);
  display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px;
}
.wb-fz-foot a { color: var(--wb-brand) !important; }
.wb-fz-foot a:hover { color: #6d28d9 !important; }
@media (max-width: 992px) {
  .wb-fz { padding: 40px 16px 48px; }
  .wb-fz-grid { grid-template-columns: 1fr; gap: 14px; }
  .wb-fz-sec { padding: 18px 16px 20px; }
  .wb-fz-top { padding: 14px 16px; }
}

/* =====================================================================
   22. Google SEO 外贸落地页（lists_single_fz）
   ===================================================================== */
.wb-g-hero { background: var(--wb-grad-dark); color: #fff; padding: 96px 24px 72px; text-align: center; }
.wb-g-hero-in { max-width: 880px; margin: 0 auto; }
.wb-g-badge {
  display: inline-block; padding: 6px 18px; border-radius: 999px; margin-bottom: 22px;
  background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .22);
  color: #fff; font-size: 14px; font-weight: 600; letter-spacing: .5px;
}
.wb-g-hero h1 { color: #fff; font-size: 42px; font-weight: 800; line-height: 1.3; margin-bottom: 16px; }
.wb-g-hero h1 em {
  font-style: normal;
  background: linear-gradient(120deg, #a5b4fc, #d8b4fe);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.wb-g-sub { color: rgba(255, 255, 255, .75); font-size: 17px; margin-bottom: 34px; }
.wb-g-btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; margin-bottom: 48px; }
.wb-g-btns a { display: inline-block; padding: 13px 34px; border-radius: 999px; font-weight: 700; font-size: 15px; transition: transform .2s ease, background .2s ease; }
.wb-g-btn-main { background: #fff; color: var(--wb-brand) !important; }
.wb-g-btn-main:hover { transform: translateY(-2px); }
.wb-g-btn-ghost { border: 1px solid rgba(255, 255, 255, .4); color: #fff !important; }
.wb-g-btn-ghost:hover { background: rgba(255, 255, 255, .12); transform: translateY(-2px); }
.wb-g-stats { display: flex; justify-content: center; gap: 72px; flex-wrap: wrap; }
.wb-g-stat b { display: block; font-size: 36px; font-weight: 800; color: #fff; line-height: 1.2; }
.wb-g-stat span { color: rgba(255, 255, 255, .65); font-size: 13px; }

.wb-g { max-width: var(--wb-max); margin: 0 auto; padding: 56px 24px 80px; display: flex; flex-direction: column; gap: 64px; }
.wb-g-trust { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }
.wb-g-trust span {
  display: inline-block; padding: 7px 18px; border-radius: 999px; font-size: 13px; font-weight: 600;
  background: var(--wb-bg-soft); border: 1px solid var(--wb-border); color: var(--wb-muted);
}
.wb-g-grid { display: grid; gap: 20px; align-items: start; }
.wb-g-grid--4 { grid-template-columns: repeat(4, 1fr); }
.wb-g-grid--3 { grid-template-columns: repeat(3, 1fr); }
.wb-g-grid--2 { grid-template-columns: repeat(2, 1fr); }
.wb-g-card {
  background: #fff; border: 1px solid var(--wb-border); border-radius: var(--wb-radius);
  padding: 26px 22px; box-shadow: var(--wb-shadow-sm);
  transition: transform .25s ease, box-shadow .25s ease;
}
.wb-g-card:hover { transform: translateY(-6px); box-shadow: var(--wb-shadow-lg); }
.wb-g-card h3 { font-size: 16px; font-weight: 700; color: var(--wb-ink); margin-bottom: 8px; line-height: 1.5; }
.wb-g-card p { font-size: 14px; color: var(--wb-muted); line-height: 1.75; }
.wb-g-num {
  display: inline-flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; border-radius: 10px; margin-bottom: 14px;
  background: var(--wb-grad); color: #fff; font-size: 14px; font-weight: 800;
}
.wb-g-case { background: var(--wb-grad-dark); border-radius: var(--wb-radius); padding: 32px 28px; color: #fff; }
.wb-g-case b {
  display: block; font-size: 36px; font-weight: 800; margin-bottom: 10px; line-height: 1.2;
  background: linear-gradient(120deg, #a5b4fc, #d8b4fe);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.wb-g-case p { color: rgba(255, 255, 255, .82); font-size: 14px; line-height: 1.7; }
.wb-g-star { color: #fbbf24; letter-spacing: 3px; font-size: 14px; margin: 10px 0; }
.wb-g-quote { font-style: italic; color: rgba(255, 255, 255, .68) !important; }
.wb-g-faq {
  background: #fff; border: 1px solid var(--wb-border); border-radius: var(--wb-radius-sm);
  margin-bottom: 12px; overflow: hidden; box-shadow: var(--wb-shadow-sm);
}
.wb-g-faq summary {
  cursor: pointer; padding: 18px 22px; font-weight: 600; color: var(--wb-ink); font-size: 15px;
  list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 14px;
}
.wb-g-faq summary::-webkit-details-marker { display: none; }
.wb-g-faq summary::after { content: '+'; font-size: 22px; font-weight: 400; color: var(--wb-brand); flex: 0 0 auto; }
.wb-g-faq[open] summary::after { content: '\2212'; }
.wb-g-faq p { padding: 0 22px 18px; color: var(--wb-muted); font-size: 14px; line-height: 1.75; }
.wb-g-cta { background: var(--wb-grad-dark); border-radius: var(--wb-radius); padding: 56px 32px; text-align: center; }
.wb-g-cta h2 { color: #fff; font-size: 30px; font-weight: 800; margin-bottom: 10px; }
.wb-g-cta-sub { color: rgba(255, 255, 255, .75); margin-bottom: 34px; font-size: 15px; }
.wb-g-form { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; max-width: 840px; margin: 0 auto; }
.wb-g-form input {
  padding: 13px 18px; border-radius: 10px; border: none; font-size: 14px;
  background: #fff; color: var(--wb-ink); outline: none; max-width: 100%;
}
.wb-g-form input:focus { box-shadow: 0 0 0 3px rgba(168, 85, 247, .45); }
.wb-g-submit {
  grid-column: 1 / -1; justify-self: center; margin-top: 6px;
  padding: 14px 52px; border-radius: 999px; border: none; cursor: pointer;
  background: var(--wb-grad); color: #fff; font-size: 15px; font-weight: 700;
  transition: transform .2s ease, box-shadow .2s ease;
}
.wb-g-submit:hover { transform: translateY(-2px); box-shadow: 0 14px 30px -10px rgba(79, 70, 229, .6); }
.wb-g-note { color: rgba(255, 255, 255, .6); font-size: 13px; margin-top: 22px; }
@media (max-width: 992px) {
  .wb-g-hero { padding: 72px 16px 56px; }
  .wb-g-hero h1 { font-size: 30px; }
  .wb-g-grid--4, .wb-g-grid--3 { grid-template-columns: 1fr 1fr; }
  .wb-g-form { grid-template-columns: 1fr 1fr; }
  .wb-g { padding: 44px 16px 56px; gap: 44px; }
  .wb-g-cta { padding: 40px 20px; }
  .wb-g-cta h2 { font-size: 22px; }
}
@media (max-width: 480px) {
  .wb-g-hero h1 { font-size: 24px; }
  .wb-g-grid--4, .wb-g-grid--3, .wb-g-grid--2, .wb-g-form { grid-template-columns: 1fr; }
  .wb-g-stats { gap: 32px; }
}

/* =====================================================================
   23. 搜索结果页 / 城市分站静态页 / 表单补充
   ===================================================================== */
/* --- 搜索结果页（lists_search / advancedsearch） --- */
.wb-sr-search { max-width: 720px; margin: 0 auto; }
.wb-sr-search form { display: flex; gap: 10px; flex-wrap: wrap; }
.wb-sr-search input[type="text"] {
  flex: 1 1 260px; padding: 12px 18px; border-radius: 10px; border: 1px solid var(--wb-border);
  font-size: 14px; outline: none; background: #fff;
}
.wb-sr-search input[type="text"]:focus { border-color: var(--wb-brand); box-shadow: 0 0 0 3px rgba(79, 70, 229, .12); }
.wb-sr-search select {
  padding: 12px 10px; border-radius: 10px; border: 1px solid var(--wb-border);
  background: #fff; font-size: 14px; color: var(--wb-ink);
}
.wb-sr-btn {
  padding: 12px 34px; border-radius: 10px; border: none; cursor: pointer;
  background: var(--wb-grad); color: #fff; font-size: 14px; font-weight: 700;
  transition: transform .2s ease;
}
.wb-sr-btn:hover { transform: translateY(-2px); }
.wb-sr-wrap { display: grid; grid-template-columns: 300px 1fr; gap: 24px; align-items: start; }
.wb-sr-side { display: flex; flex-direction: column; gap: 16px; }
.wb-sr-bar {
  padding: 14px 20px; border-radius: var(--wb-radius-sm); background: var(--wb-bg-soft);
  border: 1px solid var(--wb-border); color: var(--wb-ink-2); font-size: 14px; margin-bottom: 18px;
}
.wb-sr-bar strong { color: var(--wb-brand); }
.wb-sr-item {
  background: #fff; border: 1px solid var(--wb-border); border-radius: var(--wb-radius-sm);
  padding: 18px 22px; margin-bottom: 14px; box-shadow: var(--wb-shadow-sm);
  transition: transform .2s ease, box-shadow .2s ease;
}
.wb-sr-item:hover { transform: translateY(-3px); box-shadow: var(--wb-shadow); }
.wb-sr-item h3 { font-size: 17px; margin-bottom: 6px; line-height: 1.5; }
.wb-sr-item h3 a { color: var(--wb-brand) !important; }
.wb-sr-item h3 a:hover { color: #6d28d9 !important; text-decoration: underline; }
.wb-sr-item p { font-size: 13px; color: var(--wb-muted); line-height: 1.7; margin-bottom: 8px; }
.wb-sr-meta { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 12px; color: var(--wb-muted); }
.wb-sr-meta a { color: #16a34a !important; word-break: break-all; }
.wb-sr-page { margin-top: 20px; text-align: center; }
.wb-sr-page ul.pagination { justify-content: center; }
@media (max-width: 992px) {
  .wb-sr-wrap { grid-template-columns: 1fr; }
}

/* --- 城市分站静态页（csfz） --- */
.wb-city { max-width: var(--wb-max); margin: 0 auto; padding: 56px 24px 72px; }
.wb-city .hot { margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid var(--wb-border); }
.wb-city .hot ul { display: flex; flex-wrap: wrap; gap: 8px; }
.wb-city .hot li a {
  display: inline-block; padding: 6px 16px; border-radius: 999px; font-size: 13px; font-weight: 600;
  background: var(--wb-grad) !important; color: #fff !important; text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease;
}
.wb-city .hot li a:hover { transform: translateY(-2px); box-shadow: 0 8px 18px -6px rgba(79, 70, 229, .5); }
.wb-city .city_list { display: flex; flex-direction: column; }
.wb-city .city_list dl.item {
  background: #fff; border: 1px solid var(--wb-border); border-radius: var(--wb-radius);
  padding: 20px 22px; margin-bottom: 14px; box-shadow: var(--wb-shadow-sm);
  overflow: hidden; display: flow-root;
}
.wb-city .city_list dt {
  float: none; width: auto; padding: 0 0 12px; color: var(--wb-ink); font-weight: 800;
  font-size: 16px; border-bottom: 1px dashed var(--wb-border); margin-bottom: 12px;
}
.wb-city .city_list dd {
  margin: 0; padding: 0; border: 0; display: inline;
}
.wb-city .city_list dd a {
  float: left; padding: 4px 12px; margin: 0 6px 8px 0; border-radius: 999px; font-size: 13px;
  background: var(--wb-bg-soft); border: 1px solid var(--wb-border);
  color: var(--wb-ink-2) !important; text-decoration: none; white-space: nowrap;
  transition: color .2s ease, background .2s ease;
}
.wb-city .city_list dd a:hover { color: var(--wb-brand) !important; background: #eef0ff; }
@media (max-width: 768px) {
  .wb-city { padding: 40px 16px 48px; }
  .wb-city .hot li a { padding: 5px 13px; }
}

/* --- 表单补充（验证码行 / 整行输入） --- */
.wb-g-full { grid-column: 1 / -1; }
.wb-g-vertify {
  grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: center;
}
.wb-g-vertify input {
  max-width: 200px; padding: 11px 16px; border-radius: 10px; border: none; font-size: 14px; outline: none;
}
.wb-g-vertify img { height: 38px; border-radius: 6px; cursor: pointer; }
.wb-g-vertify a { color: rgba(255, 255, 255, .75) !important; font-size: 13px; }
.wb-g-vertify a:hover { color: #fff !important; }

/* --- 文章评论表单（ajaxfeedback） --- */
.dede_comment_post input[type="text"], .dede_comment_post textarea, .dede_comment_post input[type="password"] {
  border: 1px solid var(--wb-border) !important; border-radius: 8px; padding: 9px 12px;
  font-size: 14px; background: #fff; max-width: 100%; font-family: inherit;
}
.dede_comment_post textarea:focus, .dede_comment_post input[type="text"]:focus {
  border-color: var(--wb-brand) !important; outline: none;
  box-shadow: 0 0 0 3px rgba(79, 70, 229, .12);
}
.dede_comment_post .dcmp-title small { color: var(--wb-muted); font-size: 12px; }
.dede_comment_post .dcmp-stand, .dede_comment_post .dcmp-mood { color: var(--wb-ink-2); font-size: 14px; }
.dede_comment_post .dcmp-submit, .dede_comment_post input[type="button"], .dede_comment_post button {
  background: var(--wb-grad) !important; color: #fff !important; border: none !important;
  border-radius: 999px !important; padding: 10px 34px !important; font-weight: 700; cursor: pointer;
}

/* =====================================================================
   24. 导航二级下拉菜单
   ===================================================================== */
.wb-menu > li { position: relative; }
/* 悬停桥：父项与下拉面板之间无缝隙，鼠标移动不中断 hover */
.wb-menu > li::after {
  content: ''; position: absolute; left: 0; right: 0; top: 100%; height: 12px;
  display: none;
}
.wb-menu > li:hover::after { display: block; }
/* 有子菜单的一级项显示小箭头（空面板自动隐藏） */
.wb-menu > li:has(> .wb-sub:not(:empty)) > a span::after {
  content: ' \25BE'; font-size: 10px; opacity: .7; vertical-align: 1px;
}
.wb-sub {
  position: absolute; top: 100%; left: 50%;
  transform: translateX(-50%) translateY(10px);
  min-width: 200px; background: #fff; border-radius: 12px;
  box-shadow: 0 24px 50px -12px rgba(2, 6, 23, .35);
  border: 1px solid var(--wb-border);
  padding: 8px; list-style: none; margin: 0;
  opacity: 0; visibility: hidden; z-index: 60;
  transition: opacity .22s ease, transform .22s ease, visibility 0s linear .22s;
}
.wb-menu > li:hover > .wb-sub, .wb-menu > li:focus-within > .wb-sub {
  opacity: 1; visibility: visible;
  transform: translateX(-50%) translateY(0);
  transition: opacity .22s ease, transform .22s ease, visibility 0s;
}
.wb-sub:empty { display: none !important; }
.wb-sub li a {
  display: block; padding: 9px 14px; border-radius: 8px; font-size: 14px;
  color: var(--wb-ink-2) !important; white-space: nowrap; line-height: 1.5;
  transition: background .18s ease, color .18s ease;
}
.wb-sub li a:hover { background: #eef0ff; color: var(--wb-brand) !important; }
/* 面板小三角 */
.wb-sub::before {
  content: ''; position: absolute; top: -6px; left: 50%; margin-left: -6px;
  width: 12px; height: 12px; background: #fff; transform: rotate(45deg);
  border-radius: 2px;
}
/* 桌面端最后一级贴右时防溢出：首个一级项下拉偏左对齐可忽略，默认居中即可 */
@media (max-width: 992px) {
  .wb-menu > li { position: static; }
  .wb-menu > li::after { display: none !important; }
  .wb-menu > li:has(> .wb-sub:not(:empty)) > a span::after { content: ''; }
  .wb-sub {
    position: static; transform: none; opacity: 1; visibility: visible;
    min-width: 0; background: transparent; border: 0; box-shadow: none;
    padding: 0 0 6px 14px; transition: none;
  }
  .wb-sub::before { display: none; }
  .wb-sub li a {
    padding: 9px 12px 9px 22px; font-size: 14px; color: var(--wb-muted) !important;
    position: relative; white-space: normal;
  }
  .wb-sub li a::before {
    content: ''; position: absolute; left: 10px; top: 50%; margin-top: -2px;
    width: 4px; height: 4px; border-radius: 50%; background: var(--wb-muted);
  }
  .wb-sub li a:hover { background: #f1f3fb; color: var(--wb-brand) !important; }
}