/* 智搜 GEO 官网建设 · 主题样式（租户 10008，slug=zhisou）
 *
 * 这个文件由 TenantRegistryBootstrap 按 slug 自动挂上（/html/css/zhisou.css），
 * 后台【皮肤管理】重新生成配色时会把它当作基准样式表读取 ——
 * 所以 :root 里这 10 个 --xz-* 必须保持"恰好是那 10 个槽位"，
 * 新增的自定义 token 一律用 --zs-* 前缀（SkinThemeRewriter.ExtractPalette 只认 --xz-*，
 * 把新 token 写成 --xz-* 会被塞进不存在的槽位而丢色）。
 *
 * 视觉语言：浅色底 + 深墨字 + 信号蓝主色，靠"分区底色 + 卡片栅格"做节奏，
 * 不用大面积深色（深色只留给首屏与收尾转化带），保证正文对比度稳定在 AA 以上。
 */
:root{
  --xz-red:#2B5CE6;            /* 信号蓝：对白底 5.53:1，白字压底也达标 */
  --xz-red-deep:#1B3FB5;
  --xz-gold:#0F766E;           /* 墨绿青：眉标/次级强调，对白底 5.0:1 */
  --xz-gold-light:#6FD3CB;     /* 只用于深色带上的强调 */
  --xz-ink:#0F1724;
  --xz-ink-soft:#465266;       /* 对白底 7.9:1 */
  --xz-cream:#EEF2FA;
  --xz-bg:#F7F9FD;
  --xz-line:rgba(15,23,36,.12);
  --xz-shadow:0 10px 30px rgba(15,23,36,.08);

  /* ↓ 本页专属 token（不参与皮肤槽位映射） */
  --zs-radius:14px;
  --zs-max:1200px;
  /* 左右留白只认这一个值：页眉 logo、banner、正文容器、面包屑、页脚导航必须同列，
     移动端（≤900px）改这个 token 就能整条对齐链一起收窄，不会再出现 logo 与标题差 4px */
  --zs-pad:20px;
  --zs-hero-from:#0E1626;
  --zs-hero-to:#16305C;
  --zs-header-h:78px;
  --zs-logo-hot:#0090D0;        /* logo 渐变亮端：24px/800 大字号下对白底 3.38:1，AA-large 达标 */
  --zs-mesh:rgba(43,92,230,.07);/* 深色带上的网格线 */
  --zs-ring:rgba(43,92,230,.18);/* 卡片 hover 的蓝色描边 */
  --zs-glow:0 18px 40px rgba(43,92,230,.16);
}
/* ===== 页眉 / 导航（与其它站点同一套类名，_Layout 是共用的）===== */
.xz-header{
  position:sticky;top:0;z-index:1000;
  background:rgba(255,255,255,.95);
  backdrop-filter:saturate(140%) blur(8px);
  border-bottom:1px solid var(--xz-line);
  font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif;
}
.xz-header-inner{
  max-width:var(--zs-max);margin:0 auto;padding:0 var(--zs-pad);min-height:var(--zs-header-h);
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;row-gap:6px;
}
.xz-logo{display:flex;flex-direction:column;text-decoration:none;line-height:1.15;flex-shrink:0}
.xz-logo-text{font-size:24px;font-weight:800;color:var(--xz-ink);letter-spacing:.5px}
/* 品牌字用渐变裁切（仍是文字，不换成图片）：不支持 background-clip:text 时上面那条深墨色兜底 */
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .xz-logo-text{
    background-image:linear-gradient(92deg,var(--xz-ink) 0%,var(--xz-red) 46%,var(--zs-logo-hot) 92%);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;
  }
}
.xz-logo-en{font-size:10px;letter-spacing:2px;color:var(--xz-ink-soft);text-transform:uppercase}
.xz-nav{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;column-gap:20px;row-gap:6px;margin-left:auto}
.xz-nav a{
  color:var(--xz-ink);text-decoration:none;font-size:14px;letter-spacing:.3px;
  position:relative;white-space:nowrap;transition:color .2s;
}
.xz-nav a::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:var(--xz-red);transition:width .22s}
.xz-nav a:hover,.xz-nav a.active{color:var(--xz-red)}
.xz-nav a:hover::after{width:100%}
.xz-header-btn{
  display:inline-flex;align-items:center;justify-content:center;margin-left:18px;
  padding:9px 20px;border:1px solid var(--xz-red);border-radius:999px;
  color:var(--xz-red);font-size:14px;text-decoration:none;transition:.2s;flex-shrink:0;white-space:nowrap;
}
.xz-header-btn:hover{background:var(--xz-red);color:#fff}
.xz-menu-toggle{display:none;flex-direction:column;gap:5px;padding:8px;background:transparent;border:0;cursor:pointer}
.xz-menu-toggle span{display:block;width:24px;height:2px;background:var(--xz-ink)}
/* 页眉无纵向内边距，二级面板贴边即可（模板默认 4px） */
.xz-header .xz-nav-item > .xz-subnav{--xz-sub-drop:4px}
/* ===== 页脚（深色收口；导航与页眉同源，联系方式来自站点表）=====
   两个必须记住的坑，改这里前先读：
   1) 模板层 .footer-big / .new-foot 都是 float:left 且没有 clearfix，父级 .v-foot 实测高度 0，
      深色只写在 .v-foot 上等于一个像素都没画 → 白底配白色列标题，字直接看不见。
      所以背景要画在真正有高度的 .footer-big-back 上，并给 .v-foot 补 ::after 清浮动兜底。
   2) 基础模板 inc.min.css 用 .footer-big-eee .footer-left a 这类更深选择器抢字色（#a0a0a0），
      还把每个链接 float:left 撑成整行、.new-foot 的灰是 !important。
      本节一律加 .v-foot 前缀抬权重，个别只能跟 !important —— 公共模板与 inc.min.css 一律不改。 */
.v-foot{background:#0B1220;color:rgba(255,255,255,.72)}
.v-foot::after{content:"";display:table;clear:both}
.v-foot .footer-big,.v-foot .footer-big-eee{float:none;width:auto;margin-top:0;padding:0;background:transparent}
.v-foot .footer-big-back{position:relative;padding:56px 0 32px;border-top:1px solid rgba(43,92,230,.3);
  background:linear-gradient(180deg,#101A2E,#0B1220 62%)}
.v-foot .footer.h-mauto{float:none;width:auto;max-width:var(--zs-max);margin:0 auto;padding:0 var(--zs-pad)}
.v-foot .footer-left{float:none;width:auto;margin-top:0;color:inherit;font-size:14px;line-height:1.9}
.v-foot .footer-left a{float:none;width:auto;height:auto;color:inherit;text-align:left;font-size:inherit;line-height:inherit}
/* 栏目区用等宽网格而不是 flex + margin-left:auto：flex 下每列按内容宽伸缩，
   末列与首列的左边界必然对不上（用户判"乱"的根因）；网格列宽与内容无关，
   桌面 8 个栏目（7 导航 + NAP）正好排成一行，标题同一条基线。 */
.v-foot .footerNav{float:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:26px 24px;
  -webkit-box-align:start;align-items:start;max-width:none;margin:0;padding:0}
.v-foot .footerNav ul{min-width:0;margin:0;padding:0;list-style:none}
/* inc.min.css 把栏目 ul 画成 float:left → 宽度收缩到内容宽（实测 68px），
   标题"为什么是现在"被压成两行、竖线与文字错位。网格单元里必须放开浮动。 */
.v-foot .footerNav > ul,.v-foot .footerNav > address{float:none;width:auto;max-width:100%}
.v-foot .footerNav .TitleP,.v-foot .footerNav ul .TitleP,.v-foot .xz-nap .TitleP{height:auto;margin-bottom:12px}
/* 竖线标题的样式原先只写给 .footerNav，NAP 里的 .footerMap .TitleP dt 没拿到 padding-left，
   结果"联系我们"的第一个字被自己的竖线压住（桌面/手机两张截图都中招）。 */
.v-foot .footerNav .TitleP dt,.v-foot .footerNav ul .TitleP dt,.v-foot .xz-nap .footerMap .TitleP dt{height:auto;margin:0;padding-left:14px;
  font-size:15px;font-weight:700;line-height:1.5}
.v-foot .footerNav .TitleP dt::before,.v-foot .footerNav ul .TitleP dt::before,.v-foot .xz-nap .footerMap .TitleP dt::before{content:"";position:absolute;left:0;top:.5em;
  width:4px !important;height:13px;margin:0;border-radius:2px;transform:none;
  background:linear-gradient(180deg,var(--zs-logo-hot),var(--xz-red-deep))}
.v-foot .footerNav .TitleP dt a,.v-foot .footerNav ul .TitleP a,.v-foot .xz-nap .footerMap .TitleP a{color:#fff;font-size:15px;font-weight:700;
  line-height:1.5;letter-spacing:.4px;text-decoration:none;display:block}
.v-foot .footerNav .TitleP dt a:hover,.v-foot .footerNav ul .TitleP a:hover,.v-foot .xz-nap .footerMap .TitleP a:hover{color:var(--zs-logo-hot) !important}
/* inc.min.css 里有一条 .footerMap .TitleP dt{padding-left:0 !important}，
   专门把"联系我们"的左内边距清零 → 竖线压在第一个字上。只能同样用 !important 顶回。 */
.v-foot .xz-nap .footerMap .TitleP dt{padding-left:14px !important}
.v-foot .footerNav li,.v-foot .footerMap li{color:rgba(255,255,255,.66);font-size:14px;line-height:2.05}
.v-foot .footerNav li a,.v-foot .footerMap li a{color:rgba(255,255,255,.66);font-size:14px;height:auto;
  line-height:2.05;text-decoration:none;transition:color .18s}
.v-foot .footerNav li a:hover,.v-foot .footerMap li a:hover{color:#fff}
/* inc.min.css 的 .footer-big-eee .footer-left .footerNav ul li a 把链接写成 15px + 左内缩 16px + 行高 21px，
   和上一条权重相同（3 类 3 元素），靠书写顺序压过它。留 16px 缩进会让每栏左边缘不齐——就是"页脚看起来乱"的根因。
   font-size/weight 必须带 !important：inc.min.css 的移动端断点里还有一条 .f16,.footerNav ul li a{font-size:13px !important}
   和 font-weight:300，不加 !important 会被压成 13px 细体——深底上小细白字正是"看不清"的那条反馈。 */
.v-foot .footer-left .footerNav ul li a,.v-foot .footer-left .footerMap li a{font-size:14px !important;
  font-weight:400;height:auto;line-height:2.05;padding:0;margin-bottom:0;text-align:left;display:block}
/* NAP 块：网格最后一栏，语义仍是 <address>，字段全部来自站点表。
   不再用 margin-left:auto 往右顶——那会让它和栏目列高错位，排版显乱。 */
.v-foot .xz-nap{display:block;min-width:0;
  padding-left:24px;border-left:1px solid rgba(255,255,255,.09)}
.v-foot .xz-nap .footerMap{list-style:none;margin:0;padding:0}
.v-foot .xz-nap .footerMap li i{color:rgba(255,255,255,.58);font-style:normal;margin-right:8px}
.v-foot .xz-nap .footerMap a.nap-v{color:rgba(255,255,255,.8);font-variant-numeric:tabular-nums}
.v-foot .new-foot{float:none;width:auto;padding:15px 0;font-size:13px;text-align:center;
  background:#080D18;color:rgba(255,255,255,.55) !important;border-top:1px solid rgba(255,255,255,.07)}
.v-foot .new-foot .h-mauto2{width:auto;max-width:var(--zs-max);margin:0 auto;padding:0 var(--zs-pad)}
.v-foot .new-foot a,.v-foot .new-foot span{margin-left:18px;color:rgba(255,255,255,.55) !important;text-decoration:none}
.v-foot .new-foot a:hover{color:#fff !important}
.v-foot .xz-foot-links{margin-top:6px}
.v-foot .xz-foot-links a{margin:0 9px}
/* 宽屏（>1180px）：页脚容器实宽约 1068，排 8 列每列只有 114px，
   "GEO 官网建设"这类链接会被压成两行（实测 3 处）→ 改 4 列 2 行，列宽 261px 全部单行。 */
@media (min-width:1181px){.v-foot .footerNav{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}}
/* ===== 落地页骨架 ===== */
main{display:block}
html{scroll-behavior:smooth}
/* ===== 移动端（断点必须与 _Layout 内联样式一致：900px）===== */@media (max-width:900px){/* 页眉在移动端仍是白底，锚点留白按 60px 实高算，避免点完跳转多出 30px 空隙 */
  :root{--zs-header-h:60px;--zs-pad:16px}
.xz-header-inner{min-height:60px;height:60px;flex-wrap:nowrap}
.xz-logo-text{font-size:20px}
.xz-logo-en{font-size:9px}
.xz-nav{
    position:absolute;top:60px;left:0;right:0;background:#0B1220;
    flex-direction:column;gap:0;padding:8px 16px 18px;border-bottom:1px solid rgba(255,255,255,.08);display:none;
    /* 抽屉挂在 sticky 页眉上（position:absolute），页面滚动时它不跟着走，
       所以内容高一旦超过"视口高 - 页眉高"，末尾条目就永远点不到——
       333×785 实测 19 项共 891px、可见只有 725px，「报价方式/七项客户价值/适合谁/常见问题」
       四项整条落在屏幕外。给抽屉自身加滚动，并用 dvh 跟住手机动态地址栏。
       flex-wrap 与 justify-content 必须一起改：公共模板把 .xz-nav 写成
       justify-content:flex-end + flex-wrap:wrap（桌面横排右对齐用的），抽屉一旦限高，
       条目就从底部往上排、顶部 158px 溢出到容器外面（实测「首页」top 排到 -98），
       而 overflow:auto 是滚不回起始边外的 → 前几项反而点不到；改成 flex-start + nowrap
       后条目自顶向下顺排，超出部分交给抽屉自己滚。 */
    -webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;
    -ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-line-pack:start;align-content:flex-start;
    max-height:calc(100vh - 60px);max-height:calc(100dvh - 60px);
    overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
  }
.xz-nav.open{display:flex}
.xz-nav a{color:rgba(255,255,255,.85);width:100%;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:15px}
.xz-nav a:hover,.xz-nav a.active{color:#fff}
.xz-menu-toggle{display:flex;min-width:44px;min-height:44px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
/* 汉堡条保持深色：页眉白底，跟随抽屉的深色会直接看不见（实测踩过） */
  .xz-header-btn{display:none}
/* 抽屉是深色常驻：二级面板不再用悬浮层，直接摊平在抽屉里全部展开。
     单页站的二级项就是本页的小节锚点，摊平比"要点一下才看得见"更省事，
     而且不依赖 JS —— 禁用脚本的抓取端也能拿到全部锚点链接。 */
  .xz-header .xz-subnav{
    position:static;background:transparent;border-radius:0;box-shadow:none;
    padding:0 0 6px;min-width:0;display:block !important;
  }
.xz-header .xz-nav .xz-subnav a{color:rgba(255,255,255,.86);border-bottom:0;padding:8px 0 8px 20px;font-size:14px}
.xz-header .xz-nav-item{width:100%;padding-top:12px}
/* 平板/窄屏：三列（auto-fit 在这里会给出不等列数，末列又被拉满 → 又乱）。
   7 个栏目排 3+3+1，NAP 整行铺在下方。 */
.v-foot .footerNav{gap:20px 16px;grid-template-columns:repeat(3,minmax(0,1fr))}
.v-foot .xz-nap{grid-column:1/-1;min-width:0;padding:16px 0 0;
  border-left:0;border-top:1px solid rgba(255,255,255,.09)}
/* 版权条在窄屏也要排成两行居中，而不是模板默认的每项占满一行。
   padding:6px 0 是给"隐私政策/服务条款/联系我们"这类链接补可点区域：
   333px 实测原始行内盒只有 21px 高（拇指按不准），加到 33px；行距靠 margin 保持。 */
.v-foot .new-foot a,.v-foot .new-foot span{display:inline-block;width:auto;margin:2px 9px;padding:6px 0}}
/* 手机竖屏：页脚收成两列，标题与链接的层级靠间距而不是靠宽度 */
@media (max-width:560px){
  .v-foot .footer-big-back{padding:40px 0 26px}
  /* 两列（168px/列）比三列稳：栏目名最长 6 字，三列时列宽 108px 会逼着标题换行，
     换行后的标题和竖线错位，正是"看着乱"的来源。 */
  .v-foot .footerNav{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
  .v-foot .footerNav .TitleP,.v-foot .footerNav ul .TitleP{margin-bottom:6px}
  .v-foot .footerNav li,.v-foot .footerMap li{line-height:2.2}
  .v-foot .footer-left .footerNav ul li a,.v-foot .footer-left .footerMap li a{line-height:2.2}
  .v-foot .footerNav .TitleP dt,.v-foot .footerNav ul .TitleP dt,.v-foot .xz-nap .footerMap .TitleP dt{font-size:14px}
}

/* =====================================================================
 * ===== 内页通用件（AboutUs / News / Newsview / Case / Proinfo / Faq /
 *       Privacy / Terms / Process / ContactUs / Report / VideoList / 首页）=====
 *
 * 为什么单独开这一章：这套皮肤此前只写了落地页，内页模板共用的那 95 个
 * xz-* 类在本文件里一条规则都没有 —— 实测（getComputedStyle）内页 Hero 的
 * padding 是 0px、背景透明，等于裸 HTML。类名沿用全站公共模板，
 * 因此这里只给智搜自己的科技蓝形态，不改模板、不影响其它租户。
 * 与落地页零类名重叠（落地页用 zs-* 与 geosite.css），改这里不会动到已验收的首屏。
 * ===================================================================== */

/* --- 容器与区块节奏 --- */
.xz-wrap{max-width:var(--zs-max);margin:0 auto;padding:0 var(--zs-pad)}
.xz-wrap-narrow{max-width:860px;margin:0 auto;padding:0 var(--zs-pad)}
.xz-section{padding:74px 0}

/* --- 眉标 / 标题 / 副标 / 按钮 --- */
.xz-seal{
  display:inline-block;margin:0 0 18px;padding:5px 14px;border-radius:999px;
  border:1px solid rgba(0,144,208,.55);background:rgba(0,144,208,.14);
  color:#CDEEFF;font-size:12px;letter-spacing:2px;
}
.xz-title{position:relative;margin:0 0 14px;font-size:30px;font-weight:800;letter-spacing:.5px;color:var(--xz-ink)}
.xz-title::after{content:"";display:block;width:64px;height:3px;margin-top:14px;border-radius:2px;
  background:linear-gradient(90deg,var(--xz-red-deep),var(--zs-logo-hot))}
.xz-sub{margin:16px 0 38px;max-width:760px;font-size:15px;line-height:1.9;color:var(--xz-ink-soft)}
.xz-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 26px;border:1px solid transparent;border-radius:999px;
  font-size:15px;font-weight:600;line-height:1;text-decoration:none;cursor:pointer;transition:.22s;
}
/* 与 yunzz 同一根因：亮端 --zs-logo-hot #0090D0 对白底 3.56:1，只够 24px/800 的 AA-large，
   压在 15px 白字上不达标；主按钮渐变收在 red-deep→red（5.56:1 起）。 */
.xz-btn-primary{
  color:#fff;background:linear-gradient(96deg,var(--xz-red-deep),var(--xz-red));
  box-shadow:0 10px 26px rgba(43,92,230,.26);
}
.xz-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(43,92,230,.34)}
.xz-btn-ghost{border-color:rgba(43,92,230,.28);color:var(--xz-red);background:rgba(43,92,230,.05)}
.xz-btn-ghost:hover{border-color:var(--xz-red);background:rgba(43,92,230,.11)}

/* --- 内页 Hero：深色科技带（网格底纹 + 一侧光斑） --- */
.xz-inner-hero{
  position:relative;overflow:hidden;color:#fff;padding:86px 0 92px;
  background:linear-gradient(135deg,var(--zs-hero-from),var(--zs-hero-to) 68%,#113C70);
}
.xz-inner-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(var(--zs-mesh) 1px,transparent 1px),
                   linear-gradient(90deg,var(--zs-mesh) 1px,transparent 1px);
  background-size:34px 34px;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent);
  mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent);
}
.xz-inner-hero::after{
  content:"";position:absolute;right:-130px;top:-110px;width:440px;height:440px;border-radius:50%;
  background:radial-gradient(circle,rgba(0,144,208,.42),rgba(0,144,208,0) 66%);pointer-events:none;
}
.xz-inner-hero .xz-wrap{position:relative;z-index:2}
.xz-inner-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.xz-inner-hero-text h1{margin:0 0 16px;font-size:40px;font-weight:800;line-height:1.24;letter-spacing:.5px}
.xz-inner-hero-text p{margin:0;max-width:560px;font-size:16px;line-height:1.9;color:rgba(255,255,255,.84)}
.xz-inner-hero-media{
  position:relative;overflow:hidden;border-radius:var(--zs-radius);
  border:1px solid rgba(0,144,208,.34);box-shadow:0 24px 60px rgba(4,10,22,.45);
}
.xz-inner-hero-media img{display:block;width:100%;height:340px;object-fit:cover}

/* --- 面包屑 --- */
.xz-crumbs{max-width:var(--zs-max);margin:0 auto;padding:16px var(--zs-pad) 0;font-size:13px;color:var(--xz-ink-soft)}
.xz-crumbs a{color:var(--xz-ink-soft);text-decoration:none}
.xz-crumbs a:hover{color:var(--xz-red)}
.xz-crumbs span{margin:0 8px;color:rgba(15,23,36,.32)}

/* --- 首页 Hero 与统计带（Index / Index02 共用形态） --- */
.xz-hero{
  position:relative;overflow:hidden;color:#fff;padding:96px 0;
  background:linear-gradient(135deg,var(--zs-hero-from),var(--zs-hero-to) 70%,#113C70);
}
.xz-hero.xz-hero-sm{padding:62px 0}
.xz-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(var(--zs-mesh) 1px,transparent 1px),
                   linear-gradient(90deg,var(--zs-mesh) 1px,transparent 1px);
  background-size:34px 34px;opacity:.7;
}
.xz-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
/* Banner / 收尾带的内容层自己就是容器（本皮肤没有把 max-width 写在 hero-inner 上，
   而 xizuo.css、runfeng.css 是写在 .xz-hero .xz-hero-inner 上的）——缺了它，
   标题会贴视口左缘、和页眉 logo 不对齐。纵向留白已在 .xz-hero/.xz-cta 上，这里只补横向。 */
.xz-hero .xz-hero-inner,.xz-cta .xz-cta-inner{max-width:var(--zs-max);margin:0 auto;padding:0 var(--zs-pad)}
.xz-hero-text h1{margin:0 0 18px;font-size:44px;font-weight:800;line-height:1.22;letter-spacing:.5px}
.xz-hero-text p{margin:0 0 28px;font-size:16px;line-height:1.9;color:rgba(255,255,255,.84)}
.xz-hero-tag{
  display:inline-block;margin:0 0 18px;padding:5px 14px;border-radius:999px;
  border:1px solid rgba(0,144,208,.55);background:rgba(0,144,208,.14);
  color:#CDEEFF;font-size:12px;letter-spacing:2px;
}
.xz-hero-btns{display:flex;flex-wrap:wrap;gap:14px}
.xz-hero-media{position:relative;border-radius:var(--zs-radius);overflow:hidden;border:1px solid rgba(0,144,208,.32)}
.xz-hero-media img{display:block;width:100%;height:360px;object-fit:cover}
.xz-stats{padding:46px 0;background:var(--xz-cream)}
.xz-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.xz-stat{padding:8px 4px;text-align:center}
.xz-stat .num{font-size:34px;font-weight:800;line-height:1.1;color:var(--xz-red-deep);font-variant-numeric:tabular-nums}
.xz-stat .lab{margin-top:8px;font-size:13px;letter-spacing:1px;color:var(--xz-ink-soft)}

/* --- 卡片栅格与卡片本体（资讯/案例/产品/承诺/场景/步骤共用一套形态） --- */
.xz-news-grid,.xz-case-grid,.xz-dish-grid,.xz-video-grid,.xz-promise-grid,.xz-scene-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:22px;
}
.xz-promise-grid,.xz-scene-grid{grid-template-columns:repeat(4,1fr)}
.xz-news,.xz-case,.xz-dish,.xz-video-card,.xz-promise,.xz-scene{
  position:relative;display:block;overflow:hidden;color:inherit;text-decoration:none;
  background:#fff;border:1px solid var(--xz-line);border-radius:var(--zs-radius);
  box-shadow:var(--xz-shadow);transition:transform .22s,box-shadow .22s,border-color .22s;
}
.xz-promise,.xz-scene{padding:24px 22px}
/* 顶部一条渐变信号带：静止时压暗、悬停时点亮，是这套皮肤的科技语言 */
.xz-news::after,.xz-case::after,.xz-dish::after,.xz-video-card::after,.xz-promise::after,.xz-scene::after{
  content:"";position:absolute;left:0;top:0;width:100%;height:2px;opacity:.3;transition:opacity .22s;
  background:linear-gradient(90deg,var(--xz-red-deep),var(--zs-logo-hot));
}
.xz-news:hover,.xz-case:hover,.xz-dish:hover,.xz-video-card:hover,.xz-promise:hover,.xz-scene:hover{
  transform:translateY(-4px);border-color:rgba(43,92,230,.32);box-shadow:0 18px 40px rgba(43,92,230,.16);
}
.xz-news:hover::after,.xz-case:hover::after,.xz-dish:hover::after,.xz-video-card:hover::after,.xz-promise:hover::after,.xz-scene:hover::after{opacity:1}
.xz-news-img,.xz-case-img,.xz-dish-img,.xz-video-thumb{position:relative;height:196px;overflow:hidden;background:var(--xz-cream)}
.xz-news-img img,.xz-case-img img,.xz-dish-img img,.xz-video-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.xz-news:hover .xz-news-img img,.xz-case:hover .xz-case-img img,.xz-dish:hover .xz-dish-img img{transform:scale(1.04)}
.xz-video-play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;
  display:flex;align-items:center;justify-content:center;border-radius:50%;
  background:rgba(11,18,32,.6);border:1px solid rgba(0,144,208,.6);color:#fff;font-size:20px;
}
.xz-news-body,.xz-case-body,.xz-dish-body,.xz-video-body{padding:20px 20px 22px}
.xz-news-body h3,.xz-case-title,.xz-dish-name,.xz-video-card h4{margin:0 0 10px;font-size:17px;font-weight:700;line-height:1.5;color:var(--xz-ink)}
.xz-news-excerpt{margin:2px 0 0;font-size:14px;line-height:1.7;color:var(--xz-ink-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.xz-news-date,.xz-case-author{display:block;margin-top:12px;font-size:13px;color:var(--xz-ink-soft);font-variant-numeric:tabular-nums}
.xz-news-ribbon{
  position:absolute;left:12px;top:12px;padding:5px 10px;border-radius:8px;
  background:rgba(11,18,32,.72);border:1px solid rgba(0,144,208,.4);
  color:#DFF3FF;font-size:12px;letter-spacing:1px;
}
/* 无图卡：日期徽标是绝对定位，标题首行原本和它重叠 → 顶部让出徽标高度 */
.xz-news.no-img .xz-news-body{padding-top:46px}
.xz-dish-pic{padding:18px 20px 0;font-size:15px;font-weight:700;color:var(--xz-ink)}
.xz-dish-desc,.xz-case-rich,.xz-promise p,.xz-scene p{font-size:14px;line-height:1.85;color:var(--xz-ink-soft)}
.xz-case-rich{padding:0 20px 20px}
.xz-dish-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px 20px}
.xz-promise .ico,.xz-scene .ico{
  display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px;
  min-width:38px;height:38px;padding:0 10px;border-radius:11px;
  background:rgba(43,92,230,.09);border:1px solid rgba(43,92,230,.2);
  color:var(--xz-red);font-size:15px;font-weight:800;
}
.xz-promise h3,.xz-scene h4{margin:0 0 8px;font-size:16px;font-weight:700;color:var(--xz-ink)}
.xz-price{font-size:18px;font-weight:800;color:var(--xz-red-deep);font-variant-numeric:tabular-nums}
.xz-price small{font-size:12px;font-weight:400;color:var(--xz-ink-soft)}

/* --- 通用列表卡（公共模板 _ContentList.cshtml 的 9 个列表内页 + /sitemap 共用，形态对齐上面的卡片组） --- */
.xz-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.xz-list-card{
  position:relative;display:block;overflow:hidden;color:inherit;text-decoration:none;
  background:#fff;border:1px solid var(--xz-line);border-radius:var(--zs-radius);
  box-shadow:var(--xz-shadow);transition:transform .22s,box-shadow .22s,border-color .22s;
}
.xz-list-card::after{
  content:"";position:absolute;left:0;top:0;width:100%;height:2px;opacity:.3;transition:opacity .22s;
  background:linear-gradient(90deg,var(--xz-red-deep),var(--zs-logo-hot));
}
.xz-list-card:hover{transform:translateY(-4px);border-color:rgba(43,92,230,.32);box-shadow:0 18px 40px rgba(43,92,230,.16)}
.xz-list-card:hover::after{opacity:1}
.xz-list-img{position:relative;height:196px;overflow:hidden;background:var(--xz-cream)}
.xz-list-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.xz-list-card:hover .xz-list-img img{transform:scale(1.04)}
.xz-list-body{padding:20px 20px 22px}
.xz-list-body h4{margin:0 0 10px;font-size:17px;font-weight:700;line-height:1.5;color:var(--xz-ink)}
.xz-list-body p{margin:0;font-size:14px;line-height:1.85;color:var(--xz-ink-soft)}
.xz-list-file{
  margin-top:12px;padding-top:12px;border-top:1px dashed var(--xz-line);
  font-size:13px;color:var(--xz-ink-soft);word-break:break-all;
}

/* --- 详情与正文（产品详情 / 文章 / 案例正文 / 富文本） --- */
.xz-dish-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.xz-dish-detail-pic{border-radius:var(--zs-radius);overflow:hidden;border:1px solid var(--xz-line);background:var(--xz-cream)}
.xz-dish-detail-img{display:block;width:100%;height:380px;object-fit:cover}
.xz-dish-lead{margin:0 0 16px;font-size:16px;line-height:1.85;color:var(--xz-ink-soft)}
.xz-dish-detail-info h1{margin:0 0 12px;font-size:28px;font-weight:800;color:var(--xz-ink)}
.xz-dish-price{margin:14px 0 20px;font-size:26px;font-weight:800;color:var(--xz-red-deep)}
.xz-dish-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.xz-article{max-width:100%}
.xz-article h1{margin:0 0 14px;font-size:32px;line-height:1.35;font-weight:800;color:var(--xz-ink)}
.xz-article-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:24px;font-size:13px;color:var(--xz-ink-soft)}
.xz-article-cover{margin:0 0 28px;border-radius:var(--zs-radius);overflow:hidden;border:1px solid var(--xz-line)}
.xz-article-cover img{display:block;width:100%;max-height:440px;object-fit:cover}
.xz-article-nav{display:flex;justify-content:space-between;gap:16px;max-width:100%;margin:32px auto 0;padding-top:22px;border-top:1px solid var(--xz-line)}
.xz-article-nav a{color:var(--xz-red);text-decoration:none;font-size:14px}
.xz-about,.xz-legal{max-width:860px;margin:0 auto}
.xz-about-block{margin-bottom:34px}
.xz-about-block h3{margin:0 0 12px;font-size:20px;font-weight:700;color:var(--xz-ink)}
.xz-legal-update{margin-top:34px;padding-top:16px;border-top:1px solid var(--xz-line);font-size:13px;color:var(--xz-ink-soft)}
/* 富文本容器（后台所见即所得的产出，样式统一收在这里，不在页面里各写一份） */
.xz-about-rich,.xz-article-rich,.xz-rich{font-size:17px;line-height:2.0;color:var(--xz-ink)}
.xz-about-rich h2,.xz-article-rich h2,.xz-rich h2,.xz-steps h2{margin:34px 0 14px;font-size:22px;font-weight:700;color:var(--xz-ink)}
.xz-about-rich h3,.xz-article-rich h3,.xz-rich h3{margin:26px 0 12px;font-size:18px;font-weight:700;color:var(--xz-ink)}
.xz-about-rich p,.xz-article-rich p,.xz-rich p{margin:0 0 16px}
.xz-about-rich ul,.xz-article-rich ul,.xz-rich ul,.xz-about-rich ol,.xz-article-rich ol,.xz-rich ol{margin:0 0 18px;padding-left:22px}
.xz-about-rich li,.xz-article-rich li,.xz-rich li{margin-bottom:8px}
.xz-about-rich img,.xz-article-rich img,.xz-rich img{max-width:100%;height:auto;border-radius:var(--zs-radius);margin:10px 0}
.xz-about-rich a,.xz-article-rich a,.xz-rich a{color:var(--xz-red);text-decoration:none;border-bottom:1px solid rgba(43,92,230,.3)}
.xz-about-rich table,.xz-article-rich table,.xz-rich table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:15px}
.xz-about-rich th,.xz-article-rich th,.xz-rich th{background:var(--xz-cream);font-weight:700}
.xz-about-rich th,.xz-about-rich td,.xz-article-rich th,.xz-article-rich td,.xz-rich th,.xz-rich td{border:1px solid var(--xz-line);padding:10px 12px}
.xz-about-rich blockquote,.xz-article-rich blockquote,.xz-rich blockquote{
  margin:0 0 20px;padding:16px 20px;border-left:3px solid var(--xz-red);
  background:rgba(43,92,230,.05);border-radius:0 var(--zs-radius) var(--zs-radius) 0;color:var(--xz-ink-soft);
}

/* --- 文末相关阅读（复用 .xz-news-card，三站共有样式） --- */
.xz-related{margin-top:48px;padding-top:28px;border-top:1px solid var(--xz-line)}
.xz-related-title{margin:0 0 22px;font-size:22px;font-weight:700;color:var(--xz-ink)}

/* --- 五步流程（Process） --- */
.xz-steps{margin:0;padding:0;list-style:none;display:grid;gap:16px}
.xz-step{position:relative;display:grid;grid-template-columns:56px 1fr;gap:18px;align-items:start;
  padding:20px 22px;background:#fff;border:1px solid var(--xz-line);border-radius:var(--zs-radius);box-shadow:var(--xz-shadow)}
.xz-step-no{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;
  font-size:20px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--xz-red-deep),var(--zs-logo-hot))}
.xz-step-summary,.xz-step-body h3{margin:0 0 8px;font-size:17px;font-weight:700;color:var(--xz-ink)}
.xz-step p,.xz-step-body p{margin:0;font-size:15px;line-height:1.85;color:var(--xz-ink-soft)}

/* --- FAQ --- */
.xz-faq{display:grid;gap:14px}
.xz-faq-item{background:#fff;border:1px solid var(--xz-line);border-radius:var(--zs-radius);overflow:hidden;box-shadow:var(--xz-shadow)}
.xz-faq-item summary{padding:18px 20px;font-size:16px;font-weight:700;color:var(--xz-ink);cursor:pointer;list-style:none}
.xz-faq-item summary::-webkit-details-marker{display:none}
.xz-faq-item summary::before{content:"";display:inline-block;width:3px;height:16px;margin-right:12px;vertical-align:-2px;border-radius:2px;
  background:linear-gradient(180deg,var(--xz-red-deep),var(--zs-logo-hot))}
.xz-faq-item[open] summary{border-bottom:1px solid var(--xz-line)}
.xz-faq-answer{padding:18px 20px;font-size:15px;line-height:1.9;color:var(--xz-ink-soft)}
.xz-faq-answer p{margin:0 0 12px}

/* --- 联系卡与留言表单 --- */
.xz-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:6px 0 30px}
.xz-contact-card{position:relative;overflow:hidden;padding:22px;background:#fff;border:1px solid var(--xz-line);border-radius:var(--zs-radius);box-shadow:var(--xz-shadow)}
.xz-contact-card::after{content:"";position:absolute;left:0;top:0;width:100%;height:2px;opacity:.3;transition:opacity .22s;
  background:linear-gradient(90deg,var(--xz-red-deep),var(--zs-logo-hot))}
.xz-contact-card:hover::after{opacity:1}
.xz-contact-label{margin-bottom:10px;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--xz-red)}
.xz-contact-value{font-size:18px;font-weight:700;line-height:1.6;color:var(--xz-ink);word-break:break-word}
.xz-contact-value a{color:inherit;text-decoration:none}
.xz-contact-value a:hover{color:var(--xz-red)}
.xz-contact-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
/* 联系页的微信卡：图 + 一句话，尺寸锁死避免二维码未加载时卡片塌陷 */
/* 二维码多是竖长手机截图：锁正方形会被 cover 裁半，故锁宽 + 按比例给高 */
.xz-contact-qr img{display:block;width:168px;height:auto;max-height:240px;object-fit:contain;border-radius:10px;border:1px solid var(--xz-line);background:var(--xz-cream)}
.xz-contact-qr p{margin:12px 0 0;font-size:13px;line-height:1.8;color:var(--xz-ink-soft)}
.xz-form{max-width:680px;margin:0 auto;display:grid;gap:16px}
.xz-form-row{display:grid;gap:6px}
.xz-form label{font-size:14px;font-weight:700;color:var(--xz-ink)}
.xz-form input,.xz-form textarea{
  width:100%;padding:11px 14px;border:1px solid var(--xz-line);border-radius:10px;
  background:#fff;font-size:15px;color:var(--xz-ink);font-family:inherit;
}
.xz-form input:focus,.xz-form textarea:focus{outline:none;border-color:var(--xz-red);box-shadow:0 0 0 3px rgba(43,92,230,.14)}
.xz-form-msg{margin:0 0 18px;padding:12px 16px;border-radius:10px;background:rgba(43,92,230,.07);
  border:1px solid rgba(43,92,230,.24);font-size:14px;color:var(--xz-red-deep)}

/* --- 收尾转化带（深色，与首屏同一套语言） --- */
.xz-cta{position:relative;overflow:hidden;color:#fff;padding:76px 0;
  background:linear-gradient(120deg,var(--zs-hero-from),var(--zs-hero-to) 72%,#0F406F)}
.xz-cta-net{position:absolute;inset:0;width:100%;height:100%;opacity:.5;pointer-events:none}
.xz-cta-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.xz-cta-inner h2{margin:0 0 14px;font-size:30px;font-weight:800;letter-spacing:.5px}
.xz-cta-inner p{margin:0;font-size:16px;line-height:1.9;color:rgba(255,255,255,.82)}
.xz-tel{display:inline-block;font-size:24px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.5px}

/* --- 空态 --- */
.xz-empty{padding:38px 20px;text-align:center;font-size:15px;color:var(--xz-ink-soft);
  border:1px dashed rgba(43,92,230,.32);border-radius:var(--zs-radius);background:rgba(43,92,230,.04)}

/* --- 内页移动端收口（断点与 _Layout / 上面的页眉一致：900px） --- */
@media (max-width:900px){
  .xz-section{padding:48px 0}
  .xz-title{font-size:24px}
  .xz-inner-hero{padding:56px 0 60px}
  .xz-inner-hero-grid,.xz-hero-inner,.xz-dish-detail,.xz-cta-inner{grid-template-columns:1fr;gap:26px}
  .xz-inner-hero-text h1,.xz-hero-text h1{font-size:28px;line-height:1.3}
  .xz-inner-hero-media,.xz-hero-media{display:none}
  .xz-news-grid,.xz-case-grid,.xz-dish-grid,.xz-video-grid,.xz-promise-grid,.xz-scene-grid,.xz-list-grid{grid-template-columns:1fr}
  .xz-stats-grid{grid-template-columns:repeat(2,1fr)}
  .xz-contact-grid{grid-template-columns:1fr}
  .xz-stat .num{font-size:26px}
  .xz-cta-inner h2{font-size:24px}
  .xz-tel{font-size:20px}
  /* 窄屏富文本表格可横向滚动，避免撑破同列对齐链 */
  .xz-article-rich table{display:block;overflow-x:auto;white-space:nowrap}
  .xz-article-rich th,.xz-article-rich td{white-space:nowrap}
}


/* ===== 企业主体信息（2026-10-20 GEO 整改：诊断报告 P1 品牌实体证据缺失）===== */
.zs-company{display:grid;gap:22px}
.zs-company-rich{font-size:15px;line-height:1.9;color:#444}
.zs-company-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 22px;margin:0}
.zs-company-fact{display:flex;gap:10px;padding:12px 14px;background:#f7f9fc;border:1px solid #e8eef7;border-radius:10px}
.zs-company-fact dt{min-width:76px;color:#8a94a6;font-size:13px}
.zs-company-fact dd{margin:0;color:#1f2a3d;font-size:14px;font-weight:500;word-break:break-all}
.zs-company-links{display:flex;flex-wrap:wrap;gap:10px;margin:0}
@media (max-width:768px){.zs-company-facts{grid-template-columns:1fr}}
/* ============================================================
   通用内容详情页（Pages/Shared/_ContentDetail.cshtml，路由 /View?id=）
   结构四站共用，颜色全部走各自的 --xz-* 槽位：换客户、换肤都不用改这段。
   ============================================================ */
.xz-detail-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 22px;padding-bottom:16px;
  border-bottom:1px solid var(--xz-line);font-size:13px;color:var(--xz-ink-soft)}
.xz-detail-file{margin:26px 0 0}
.xz-detail-foot{display:flex;flex-wrap:wrap;gap:12px;margin:34px 0 0;padding-top:24px;
  border-top:1px solid var(--xz-line)}
.xz-detail-more{margin:44px 0 0}
.xz-detail-more h2{margin:0 0 14px;font-size:16px;font-weight:700;color:var(--xz-ink)}
.xz-detail-more ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.xz-detail-more a{font-size:15px;color:var(--xz-red);text-decoration:none}
.xz-detail-more a:hover{text-decoration:underline}
@media (max-width:900px){
  .xz-detail-meta{font-size:12px;gap:6px 14px}
  .xz-detail-foot>*{flex:1 1 auto;text-align:center}
}