/* ==========================================================================
   XZS HK · 主样式
   版式基准：向明科技官网（容器 1300px / 主色 #1E6FFF / 微软雅黑）
   ========================================================================== */

:root {
  --x-primary: #1E6FFF;
  --x-primary-dark: #1558D6;
  --x-primary-soft: #3DA6F7;
  --x-accent: #16A34A;
  --x-ink: #1F2329;
  --x-text: #606266;
  --x-muted: #818181;
  --x-border: #DCDFE6;
  --x-surface: #F7F7F7;
  --x-surface-2: #F5F6FA;
  --x-radius-sm: 3px;
  --x-radius: 8px;
  --x-radius-lg: 20px;
  --x-shadow-card: 0 8px 30px rgba(0, 0, 0, 0.08);
  --x-shadow-hover: 0 20px 60px rgba(0, 0, 0, 0.14);
  --x-shadow-primary: 0 6px 18px rgba(30, 111, 255, 0.35);
  --x-wrap: 1300px;
}

body {
  background: #fff;
  color: var(--x-text);
  font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

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

/* 容器 ------------------------------------------------------------------ */
.xzs-wrap {
  width: 100%;
  max-width: var(--x-wrap);
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.xzs-section { padding: 80px 0; }
.xzs-section--surface { background: var(--x-surface); }
.xzs-section--tight { padding: 60px 0; }

/* 行业经验：深色底，与下方「深圳市小助手科技有限公司优势」浅灰面形成明确分区 */
.xzs-section--night {
  position: relative;
  background:
    radial-gradient(900px 420px at 84% -12%, rgba(30, 111, 255, .22), transparent 70%),
    linear-gradient(150deg, #0D1728 0%, #172941 58%, #0D1728 100%);
}
.xzs-section--night .xzs-head__title { color: #fff; }
.xzs-section--night .xzs-head__en { color: #7A9BC4; }
.xzs-section--night .xzs-head__desc { color: rgba(255, 255, 255, .74); }
.xzs-section--night .xzs-ind__icon { color: rgba(255, 255, 255, .74); }
.xzs-section--night .xzs-ind__name { color: rgba(255, 255, 255, .93); }
.xzs-section--night .xzs-ind:hover .xzs-ind__icon { color: #4EA3FF; }

/* 经典案例：浅蓝科技网格纹路底（斜光带 + 点阵），突出白色案例卡 */
.xzs-section--tech {
  position: relative;
  background: linear-gradient(180deg, #F1F7FE 0%, #E2EDFA 100%);
}
.xzs-section--tech::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    radial-gradient(760px 400px at 86% -12%, rgba(30, 111, 255, .16), transparent 70%),
    radial-gradient(580px 340px at 6% 112%, rgba(61, 166, 247, .13), transparent 72%),
    linear-gradient(118deg, transparent 34%, rgba(30, 111, 255, .07) 45%,
      rgba(30, 111, 255, .07) 53%, transparent 64%),
    radial-gradient(rgba(30, 111, 255, .22) 1px, transparent 1.4px),
    linear-gradient(rgba(30, 111, 255, .11) 1px, transparent 1px),
    linear-gradient(90deg, rgba(30, 111, 255, .11) 1px, transparent 1px),
    linear-gradient(rgba(30, 111, 255, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(30, 111, 255, .055) 1px, transparent 1px);
  background-size:
    auto, auto, auto, 24px 24px,
    144px 144px, 144px 144px, 24px 24px, 24px 24px;
  -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, .92), rgba(0, 0, 0, .5) 58%, rgba(0, 0, 0, .94));
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, .92), rgba(0, 0, 0, .5) 58%, rgba(0, 0, 0, .94));
}
.xzs-section--tech > .xzs-wrap { position: relative; z-index: 1; }

/* 区块标题 -------------------------------------------------------------- */
.xzs-head { text-align: center; margin-bottom: 46px; }
.xzs-head__title {
  font-size: 32px;
  font-weight: 700;
  color: var(--x-ink);
  line-height: 1.35;
  margin: 0 0 10px;
  letter-spacing: 1px;
}
.xzs-head__en {
  display: block;
  font-size: 13px;
  letter-spacing: 3px;
  color: #A9ADB5;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-weight: 400;
}
.xzs-head__desc {
  font-size: 15px;
  color: var(--x-muted);
  line-height: 1.9;
  margin: 0 auto;
  max-width: 780px;
}
.xzs-head--left { text-align: left; }
.xzs-head--left .xzs-head__desc { margin-left: 0; }

/* 站点头部 -------------------------------------------------------------- */
.xzs-header {
  position: sticky;
  top: 0;
  z-index: 200;
  background: #fff;
  transition: box-shadow .25s ease;
}
.xzs-header.is-scrolled { box-shadow: 0 2px 18px rgba(0, 0, 0, .08); }
.xzs-header__inner {
  max-width: var(--x-wrap);
  margin: 0 auto;
  padding: 0 20px;
  height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.xzs-brand { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.xzs-brand__mark {
  width: 40px; height: 40px; border-radius: 10px;
  background: linear-gradient(135deg, var(--x-primary), var(--x-primary-soft));
  color: #fff; font-size: 17px; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
  letter-spacing: 0;
}
.xzs-brand__text { display: flex; flex-direction: column; line-height: 1.25; }
.xzs-brand__name { font-size: 19px; font-weight: 700; color: var(--x-ink); letter-spacing: .5px; white-space: nowrap; }
.xzs-brand__sub { font-size: 11px; color: var(--x-muted); letter-spacing: 1.6px; }

.xzs-nav { margin-left: auto; }
.xzs-nav__list {
  display: flex; align-items: center; gap: 6px;
  list-style: none; margin: 0; padding: 0;
}
.xzs-nav__list > li { position: relative; }
.xzs-nav__list > li > a {
  display: block;
  padding: 28px 16px;
  font-size: 15px;
  color: #3A3F47;
  text-decoration: none;
  position: relative;
  transition: color .2s ease;
  white-space: nowrap;
}
.xzs-nav__list > li > a::after {
  content: "";
  position: absolute; left: 16px; right: 16px; bottom: 16px;
  height: 2px; background: var(--x-primary);
  transform: scaleX(0); transform-origin: center;
  transition: transform .25s ease;
}
.xzs-nav__list > li > a:hover,
.xzs-nav__list > li.current-menu-item > a { color: var(--x-primary); }
.xzs-nav__list > li > a:hover::after,
.xzs-nav__list > li.current-menu-item > a::after { transform: scaleX(1); }

.xzs-nav__list .sub-menu {
  position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(8px);
  background: #fff; border-radius: var(--x-radius); box-shadow: var(--x-shadow-hover);
  padding: 10px 0; min-width: 180px; list-style: none; margin: 0;
  opacity: 0; visibility: hidden; transition: all .2s ease;
}
.xzs-nav__list > li:hover > .sub-menu { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }
.xzs-nav__list .sub-menu a { display: block; padding: 9px 20px; font-size: 14px; color: var(--x-text); text-decoration: none; }
.xzs-nav__list .sub-menu a:hover { background: var(--x-surface); color: var(--x-primary); }

/* 语言切换 -------------------------------------------------------------- */
.xzs-lang { position: relative; margin-left: 8px; font-size: 14px; }
.xzs-lang__toggle {
  display: flex; align-items: center; gap: 6px;
  background: none; border: 1px solid var(--x-border); border-radius: 999px;
  padding: 6px 12px; color: var(--x-text); cursor: pointer; font-family: inherit; font-size: 13px;
}
.xzs-lang__toggle:hover { border-color: var(--x-primary); color: var(--x-primary); }
.xzs-lang__list {
  position: absolute; right: 0; top: calc(100% + 8px);
  background: #fff; border-radius: var(--x-radius); box-shadow: var(--x-shadow-card);
  border: 1px solid #EEF0F3;
  list-style: none; margin: 0; padding: 6px 0; min-width: 130px;
  opacity: 0; visibility: hidden; transform: translateY(-6px); transition: all .2s ease;
}
.xzs-lang.is-open .xzs-lang__list { opacity: 1; visibility: visible; transform: translateY(0); }
.xzs-lang__list a { display: block; padding: 8px 16px; color: var(--x-text); text-decoration: none; font-size: 13px; }
.xzs-lang__list a:hover { background: var(--x-surface); color: var(--x-primary); }
.xzs-lang__item.is-current a { color: var(--x-primary); font-weight: 500; }

/* 首屏轮播 -------------------------------------------------------------- */
.xzs-hero { position: relative; display: grid; overflow: hidden; background: #0B1220; }
.xzs-hero__slide {
  grid-area: 1 / 1;
  min-height: 760px;
  display: flex; align-items: center;
  background-size: cover; background-position: center top;
  opacity: 0; transition: opacity .9s ease;
}
.xzs-hero__slide.is-active { opacity: 1; }

/* 首屏背景缓慢推近（Ken Burns）：用 ::after 承载图片，避免缩放连累文字；
   transform-origin 贴顶，放大时只吃画面下缘，不动图片顶部 */
.xzs-hero__slide::after {
  content: "";
  position: absolute; inset: 0; z-index: 0;
  background-image: inherit;
  background-size: cover;
  background-position: center top;
  transform-origin: center top;
  transform: scale(1);
  will-change: transform;
  transition: transform .9s ease;
}
.xzs-hero__slide.is-active::after {
  animation: xzs-hero-ken 6.5s ease-out forwards;
}

/* 首屏文字：逐级自下而上浮现 */
.xzs-hero__slide.is-active .xzs-hero__inner > * {
  animation: xzs-hero-rise 1.2s cubic-bezier(.16, .84, .44, 1) both;
}
.xzs-hero__slide.is-active .xzs-hero__inner > *:nth-child(1) { animation-delay: .16s; }
.xzs-hero__slide.is-active .xzs-hero__inner > *:nth-child(2) { animation-delay: .34s; }
.xzs-hero__slide.is-active .xzs-hero__inner > *:nth-child(3) { animation-delay: .52s; }
.xzs-hero__slide.is-active .xzs-hero__inner > *:nth-child(4) { animation-delay: .70s; }

@keyframes xzs-hero-ken {
  from { transform: scale(1); }
  to   { transform: scale(1.08); }
}
@keyframes xzs-hero-rise {
  from { opacity: 0; transform: translateY(34px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* 滚动进场：由 main.js 添加 .xzs-reveal，进场结束后移除，避免压住卡片 hover 位移 */
.xzs-reveal {
  opacity: 0;
  transform: translateY(26px);
  transition:
    opacity .7s cubic-bezier(.22, .61, .36, 1),
    transform .7s cubic-bezier(.22, .61, .36, 1);
}
.xzs-reveal.is-in { opacity: 1; transform: translateY(0); }

/* 子页面横幅（产品中心 / 解决方案 / 客户案例 / 关于我们 / 联系我们）：载入即上浮 */
.xzs-page-hero .xzs-wrap > * {
  animation: xzs-page-rise .9s cubic-bezier(.16, .84, .44, 1) both;
}
.xzs-page-hero .xzs-wrap > *:nth-child(2) { animation-delay: .14s; }

@keyframes xzs-page-rise {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .xzs-hero__slide.is-active::after,
  .xzs-hero__slide.is-active .xzs-hero__inner > *,
  .xzs-page-hero .xzs-wrap > * { animation: none; }
  .xzs-reveal { opacity: 1; transform: none; transition: none; }
}
.xzs-hero__slide::before {
  content: ""; position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(90deg, rgba(8, 15, 30, .88) 0%, rgba(8, 15, 30, .62) 46%, rgba(8, 15, 30, .28) 100%);
}
.xzs-hero__slide--1 { background-image: url("https://hk.xiaozhushoukeji.cn/wp-content/uploads/2026/10/ai_hero_clean.jpg"); }
.xzs-hero__slide--2 { background-image: url("https://hk.xiaozhushoukeji.cn/wp-content/uploads/2026/10/hero-iot.jpg"); }
.xzs-hero__slide--3 { background-image: url("https://hk.xiaozhushoukeji.cn/wp-content/uploads/2026/10/hero-slide-3-multi.jpg"); }
.xzs-hero__slide--4 { background-image: url("https://hk.xiaozhushoukeji.cn/wp-content/uploads/2026/10/hero-slide-4-experience.jpg"); }
.xzs-hero__inner { position: relative; z-index: 2; width: 100%; }
.xzs-hero__eyebrow {
  display: inline-block; font-size: 13px; letter-spacing: 3px;
  color: rgba(255, 255, 255, .72); margin-bottom: 18px;
}
.xzs-hero h1, .xzs-hero .xzs-hero__title {
  font-size: 50px; font-weight: 700; color: #fff;
  line-height: 1.26; margin: 0 0 20px; letter-spacing: 1px;
}
.xzs-hero__desc {
  font-size: 18px; color: rgba(255, 255, 255, .8);
  line-height: 1.9; max-width: 560px; margin: 0;
}
.xzs-hero .wp-block-buttons { margin-top: 38px; }
.xzs-hero .wp-block-button__link {
  background: var(--x-primary); color: #fff;
  border-radius: 999px; padding: 13px 32px; font-size: 15px;
  box-shadow: var(--x-shadow-primary);
  transition: transform .2s ease, background .2s ease;
}
.xzs-hero .wp-block-button__link:hover { background: var(--x-primary-dark); transform: translateY(-2px); }
.xzs-hero__dots {
  position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%);
  display: flex; gap: 14px; z-index: 3;
}
.xzs-hero__dot {
  width: 9px; height: 9px; padding: 0; border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .8); background: transparent;
  cursor: pointer; transition: all .2s ease;
}
.xzs-hero__dot.is-active { background: var(--x-primary-soft); border-color: var(--x-primary-soft); }

/* 服务卡片 -------------------------------------------------------------- */
.xzs-svc-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px;
}
.xzs-svc-card {
  position: relative; overflow: hidden;
  min-height: 214px; border-radius: 4px;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; padding: 32px 22px; color: #fff;
  transition: transform .3s ease, box-shadow .3s ease;
  background: linear-gradient(135deg, #8E7BFF, #6E5BFF);
}
.xzs-svc-card::after {
  content: ""; position: absolute; inset: 0;
  background: rgba(0, 0, 0, .12);
  transition: background .3s ease;
}
.xzs-svc-card > * { position: relative; z-index: 1; }
.xzs-svc-card:hover { transform: translateY(-5px); box-shadow: 0 18px 40px rgba(0, 0, 0, .18); }
.xzs-svc-card:hover::after { background: rgba(0, 0, 0, .04); }
.xzs-svc-card:nth-child(1) { background: linear-gradient(135deg, #9285FF, #6E5BFF); }
.xzs-svc-card:nth-child(2) { background: linear-gradient(135deg, #5D6E8A, #39485F); }
.xzs-svc-card:nth-child(3) { background: linear-gradient(135deg, #DE5A80, #C23C63); }
.xzs-svc-card:nth-child(4) { background: linear-gradient(135deg, #57C193, #32A277); }
.xzs-svc-card:nth-child(5) { background: linear-gradient(135deg, #4D9BF5, #2C7BE5); }
.xzs-svc-card:nth-child(6) { background: linear-gradient(135deg, #5BC9A0, #2FA97E); }
.xzs-svc-card:nth-child(7) { background: linear-gradient(135deg, #F2B23E, #E39B1C); }
.xzs-svc-card:nth-child(8) { background: linear-gradient(135deg, #BC80D8, #9A5BC4); }
.xzs-svc-card:nth-child(9) { background: linear-gradient(135deg, #4FC3E8, #2AA7D0); }
.xzs-svc-card__icon {
  width: 58px; height: 58px; margin-bottom: 18px;
  display: flex; align-items: center; justify-content: center;
  color: #fff;
}
.xzs-svc-card__icon svg { width: 100%; height: 100%; }
.xzs-svc-card h3 {
  font-size: 20px; font-weight: 700; color: #fff;
  margin: 0 0 6px; letter-spacing: 2px;
}
.xzs-svc-card p {
  font-size: 12px; color: rgba(255, 255, 255, .85);
  margin: 0; letter-spacing: .5px; text-transform: none;
}

/* 数据条 ---------------------------------------------------------------- */
.xzs-stats {
  background: var(--x-primary);
  padding: 48px 0;
}
.xzs-stats__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; text-align: center; }
.xzs-stats__num {
  font-size: 40px; font-weight: 700; color: #fff; line-height: 1.1; margin: 0;
  letter-spacing: 1px;
  font-variant-numeric: tabular-nums;
}
.xzs-stats__label { font-size: 14px; color: rgba(255, 255, 255, .82); margin: 8px 0 0; }

/* 关于我们 -------------------------------------------------------------- */
.xzs-about { display: grid; grid-template-columns: 460px 1fr; gap: 70px; align-items: center; }
.xzs-about__media { position: relative; }
.xzs-about__media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 4px; display: block; }
.xzs-about__media::before {
  content: ""; position: absolute; left: -18px; top: -18px; right: 18px; bottom: 18px;
  border: 1px solid rgba(30, 111, 255, .45); border-radius: 4px; pointer-events: none;
}
.xzs-about__body h2 { font-size: 34px; color: var(--x-ink); margin: 0 0 22px; line-height: 1.4; }
.xzs-about__body p { font-size: 15px; line-height: 2; color: var(--x-text); margin: 0 0 16px; }
.xzs-about__tags { display: flex; flex-wrap: wrap; gap: 10px; margin: 26px 0 0; }
.xzs-about__tag {
  font-size: 13px; color: var(--x-primary);
  background: rgba(30, 111, 255, .07); border: 1px solid rgba(30, 111, 255, .18);
  border-radius: 999px; padding: 6px 16px;
}

/* 行业经验 -------------------------------------------------------------- */
.xzs-ind-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 34px 20px; }
.xzs-ind { text-align: center; }
.xzs-ind__icon {
  width: 52px; height: 52px; margin: 0 auto 14px;
  color: #3A4A5F; transition: color .25s ease, transform .25s ease;
}
.xzs-ind__icon svg { width: 100%; height: 100%; }
.xzs-ind:hover .xzs-ind__icon { color: var(--x-primary); transform: translateY(-3px); }
.xzs-ind__name { font-size: 15px; color: var(--x-text); margin: 0; }

/* 优势 ------------------------------------------------------------------ */
.xzs-adv-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.xzs-adv {
  background: #fff; border: 1px solid #EDEFF2; border-radius: var(--x-radius);
  padding: 36px 30px; transition: all .3s ease; position: relative; overflow: hidden;
}
.xzs-adv:hover { box-shadow: var(--x-shadow-card); transform: translateY(-4px); border-color: transparent; }
.xzs-adv__no {
  font-size: 13px; font-weight: 700; color: var(--x-primary);
  letter-spacing: 2px; margin: 0 0 14px;
}
.xzs-adv h3 { font-size: 20px; color: var(--x-ink); margin: 0 0 12px; }
.xzs-adv p { font-size: 14px; line-height: 1.95; color: var(--x-muted); margin: 0; }

/* 案例 ------------------------------------------------------------------ */
.xzs-case-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.xzs-case {
  position: relative; overflow: hidden; border-radius: var(--x-radius);
  display: block; text-decoration: none; background: #0B1220;
  aspect-ratio: 16 / 10;
}
.xzs-case img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform .5s ease, opacity .4s ease;
  opacity: .92;
}
.xzs-case:hover img { transform: scale(1.06); opacity: 1; }
.xzs-case__cap {
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: 86px 22px 20px;
  background: linear-gradient(to top,
    rgba(6, 12, 24, .96) 0%,
    rgba(6, 12, 24, .84) 30%,
    rgba(6, 12, 24, .34) 64%,
    rgba(6, 12, 24, 0) 100%);
  color: #fff;
}
.xzs-case__cap h3 { font-size: 17px; color: #fff; margin: 0 0 4px; font-weight: 500; }
.xzs-case__cap p { font-size: 12px; color: rgba(255, 255, 255, .72); margin: 0; }

/* 新闻 ------------------------------------------------------------------ */
.xzs-news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
/* 纯文字卡：无缩略图，靠顶部细线与留白撑起层次 */
.xzs-news-card {
  position: relative; display: flex; flex-direction: column; min-height: 232px;
  border: 1px solid #EDEFF2; border-radius: var(--x-radius); overflow: hidden;
  background: #fff; transition: all .3s ease;
  outline: 1px dashed transparent; outline-offset: 8px;
}
.xzs-news-card::before {
  content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 3px;
  background: #DCE3ED; transition: background .3s ease;
}
.xzs-news-card:hover {
  box-shadow: var(--x-shadow-card); transform: translateY(-2px); border-color: #DCE3EE;
  outline-color: var(--x-primary); text-decoration: none;
}
.xzs-news-card:hover::before { background: var(--x-primary); }
.xzs-news-card__body {
  padding: 36px 32px 34px; flex: 1;
  display: flex; flex-direction: column;
}
.xzs-news-card__date {
  font-size: 12px; color: #8E95A3; letter-spacing: 1.4px; margin: 0 0 16px;
  font-variant-numeric: tabular-nums;
}
.xzs-news-card h3 {
  font-size: 17px; color: var(--x-ink); margin: 0 0 14px;
  line-height: 1.65; font-weight: 600; min-height: 3.3em;
}
.xzs-news-card p {
  font-size: 13.5px; color: var(--x-muted); line-height: 1.95; margin: 0;
  display: -webkit-box; -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; overflow: hidden;
  text-wrap: pretty;
}
.xzs-news-card__thumb { aspect-ratio: 16 / 9; overflow: hidden; background: var(--x-surface-2); }
.xzs-news-card__thumb img { width: 100%; height: 100%; object-fit: cover; }
@media (hover: none) {
  .xzs-news-card:hover { outline-color: transparent; }
}
@media (max-width: 900px) {
  .xzs-news-card { min-height: 0; }
  .xzs-news-card__body { padding: 28px 24px 26px; }
  .xzs-news-card h3 { font-size: 16px; min-height: 0; margin-bottom: 12px; }
  .xzs-news-card p { font-size: 13px; }
}

/* 底部 CTA -------------------------------------------------------------- */
.xzs-cta {
  position: relative;
  padding: 84px 0;
  background-image: url("../img/img-19-e4406dc4.jpg");
  background-size: cover; background-position: center;
}
.xzs-cta::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(120deg, rgba(20, 40, 90, .92), rgba(30, 111, 255, .78));
}
.xzs-cta__inner { position: relative; z-index: 2; text-align: center; color: #fff; }
.xzs-cta h2 { font-size: 34px; color: #fff; margin: 0 0 16px; letter-spacing: 1px; }
.xzs-cta p { font-size: 15px; color: rgba(255, 255, 255, .82); margin: 0 0 30px; }
.xzs-cta__contacts { display: flex; justify-content: center; gap: 56px; flex-wrap: wrap; margin-top: 34px; }
.xzs-cta__item { text-align: center; }
.xzs-cta__item strong { display: block; font-size: 26px; font-weight: 700; color: #fff; letter-spacing: 1px; }
.xzs-cta__item span { font-size: 13px; color: rgba(255, 255, 255, .7); letter-spacing: 2px; }
.xzs-cta .wp-block-buttons { justify-content: center; }
.xzs-cta .wp-block-button__link { background: #fff; color: var(--x-primary); box-shadow: 0 8px 24px rgba(0, 0, 0, .18); }
.xzs-cta .wp-block-button__link:hover { background: #F0F4FF; color: var(--x-primary-dark); }

/* 页脚（2026-10-29 改版：结构对齐向明科技官网）------------------------- */
/* 深色底 + 极淡网格，承接上方蓝色 CTA，形成「亮 → 暗」的收口 */
.xzs-footer {
  position: relative;
  padding: 84px 0 0;
  color: rgba(255, 255, 255, .62);
  background-color: #0A1020;
  background-image:
    radial-gradient(circle at 16% -10%, rgba(30, 111, 255, .28), transparent 46%),
    radial-gradient(circle at 84% 106%, rgba(30, 111, 255, .14), transparent 48%),
    linear-gradient(180deg, #0C1424 0%, #070C16 100%);
  overflow: hidden;
}
.xzs-footer::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, .028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .028) 1px, transparent 1px);
  background-size: 64px 64px;
  -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, .95), transparent 82%);
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, .95), transparent 82%);
}
.xzs-footer > .xzs-wrap { position: relative; z-index: 2; }

.xzs-footer a { text-decoration: none; }
.xzs-footer ul { list-style: none; margin: 0; padding: 0; }
.xzs-footer h4 {
  font-size: 15px; font-weight: 400; color: #D9D9DA;
  margin: 0 0 18px; letter-spacing: .5px;
}

/* 标题区 */
.xzs-footer__head { text-align: center; margin-bottom: 44px; }
.xzs-footer__head h2 {
  font-size: 34px; font-weight: 700; color: #4C93FF;
  margin: 0 0 14px; letter-spacing: 2px; line-height: 1.3;
}
.xzs-footer__head p {
  font-size: 14.5px; color: rgba(255, 255, 255, .5);
  margin: 0; letter-spacing: .5px; line-height: 1.8;
}

/* 四张联系卡（玻璃感） */
.xzs-footer__cards {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 26px; margin-bottom: 58px;
}
.xzs-fcard {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 11px; min-height: 156px; padding: 26px 14px;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .08);
  text-align: center;
  transition: background .3s ease, border-color .3s ease, transform .3s ease;
}
.xzs-fcard__ico {
  color: rgba(255, 255, 255, .82); line-height: 0;
  transition: color .3s ease, transform .3s ease;
}
.xzs-fcard__ico svg { width: 32px; height: 32px; display: block; }
.xzs-fcard__txt {
  font-size: 15px; color: #fff; letter-spacing: .3px; line-height: 1.5;
  max-width: 100%; word-break: break-word;
}
.xzs-fcard__meta { font-size: 12px; color: rgba(255, 255, 255, .38); letter-spacing: 1px; }
a.xzs-fcard:hover, a.xzs-fcard:focus-visible {
  background: rgba(30, 111, 255, .18);
  border-color: rgba(76, 147, 255, .45);
  transform: translateY(-3px);
  text-decoration: none;
}
a.xzs-fcard:hover .xzs-fcard__ico, a.xzs-fcard:focus-visible .xzs-fcard__ico { color: #4C93FF; }
a.xzs-fcard:hover .xzs-fcard__txt { color: #fff; }

/* 三列信息区 */
.xzs-footer__grid {
  display: grid; grid-template-columns: 1fr 1fr 1.42fr; gap: 44px;
  padding-top: 52px; border-top: 1px solid rgba(255, 255, 255, .07);
}
/* 联系方式列：列表与二维码并排，列表吃掉剩余宽度 */
.xzs-footer__contact-row {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 24px;
}
.xzs-footer__contact-row .xzs-footer__info { flex: 1 1 auto; min-width: 0; }
.xzs-footer__contact-row .xzs-footer__qr { flex: 0 0 auto; }

.xzs-footer__col > ul > li { font-size: 13px; line-height: 2.05; }
.xzs-footer__col > ul > li > a { color: rgba(255, 255, 255, .55); }
.xzs-footer__col > ul > li > a:hover { color: #fff; }

.xzs-footer__info li {
  display: grid; grid-template-columns: 68px 1fr; gap: 6px;
  font-size: 13px; line-height: 2.05;
}
.xzs-footer__info li > span { color: rgba(255, 255, 255, .34); }
.xzs-footer__info li a { color: rgba(255, 255, 255, .72); }
.xzs-footer__info li a:hover { color: #fff; }
.xzs-footer__info li em { font-style: normal; color: rgba(255, 255, 255, .72); }

/* 页脚公众号二维码 */
.xzs-footer__qr {
  display: flex; align-items: center; gap: 12px;
}
.xzs-footer__qr img {
  display: block; width: 108px; height: 108px;
  border-radius: 4px; background: #fff;
}
.xzs-footer__qr span {
  font-size: 12px; color: rgba(255, 255, 255, .42);
  letter-spacing: 1px; line-height: 1.75;
}

/* 版权行（全宽黑条） */
.xzs-footer__bottom {
  position: relative; z-index: 2;
  margin-top: 58px; padding: 14px 20px;
  background: #000;
  text-align: center; font-size: 12px; color: #8A8A8A; letter-spacing: .3px;
  display: flex; justify-content: center; align-items: center;
  flex-wrap: wrap; gap: 0 16px;
}
.xzs-footer__bottom a { color: #8A8A8A; }
.xzs-footer__bottom a:hover { color: #fff; }

/* 右侧浮窗 -------------------------------------------------------------- */
.xzs-float {
  position: fixed; right: 14px; top: 50%; transform: translateY(-50%);
  z-index: 150; display: flex; flex-direction: column; gap: 8px;
}
.xzs-float a, .xzs-float button {
  width: 52px; height: 46px; border-radius: var(--x-radius);
  background: #fff; border: 1px solid #E7EAEE;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  color: var(--x-text); cursor: pointer; text-decoration: none;
  font-size: 12px; line-height: 1; white-space: nowrap; gap: 0;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .06);
  transition: all .2s ease; font-family: inherit; letter-spacing: 1px;
}
.xzs-float a:hover, .xzs-float button:hover { color: #fff; background: var(--x-primary); border-color: var(--x-primary); }
.xzs-float--top { opacity: 0; pointer-events: none; }
.xzs-float--top.is-visible { opacity: 1; pointer-events: auto; }

/* 汉堡按钮 -------------------------------------------------------------- */
.xzs-burger {
  display: none;
  width: 40px; height: 40px; padding: 10px;
  background: #fff; border: 1px solid var(--x-border); border-radius: 8px;
  cursor: pointer; flex-direction: column; justify-content: center; gap: 5px;
}
.xzs-burger span { display: block; height: 2px; background: #3A3F47; border-radius: 2px; transition: all .25s ease; }

/* 合作伙伴文字标 -------------------------------------------------------- */
.xzs-partners {
  display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px;
}
.xzs-partners__item {
  display: flex; align-items: center; justify-content: center;
  height: 72px; background: #fff; border: 1px solid #EDEFF2; border-radius: var(--x-radius);
  font-size: 15px; color: #7A7F87; letter-spacing: 1px;
  transition: all .25s ease; filter: saturate(0);
}
.xzs-partners__item:hover { color: var(--x-primary); border-color: rgba(30, 111, 255, .35); box-shadow: var(--x-shadow-card); filter: none; }

/* 404 -------------------------------------------------------------------- */
.xzs-404 { text-align: center; padding: 40px 0; }
.xzs-404 h1 { font-size: 96px; color: var(--x-primary); margin: 0 0 10px; line-height: 1; }
.xzs-404 p { font-size: 16px; color: var(--x-muted); margin: 0 0 26px; }
.xzs-404 .wp-block-buttons { justify-content: center; }

.xzs-post-date { font-size: 14px; color: rgba(255, 255, 255, .75); margin-top: -4px; }

@media (max-width: 1200px) {
  .xzs-partners { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 960px) {
  .xzs-burger { display: flex; }
}
@media (max-width: 767px) {
  .xzs-partners { grid-template-columns: repeat(2, 1fr); }
}
.xzs-page-hero {
  background: linear-gradient(120deg, #101B33, #1E6FFF);
  padding: 74px 0 66px; color: #fff;
}
.xzs-page-hero h1 { font-size: 36px; color: #fff; margin: 0 0 10px; }
.xzs-page-hero p { font-size: 15px; color: rgba(255, 255, 255, .78); margin: 0; }
.xzs-prose { font-size: 16px; line-height: 2; color: var(--x-text); }
.xzs-prose h2 { font-size: 26px; margin: 40px 0 16px; }
.xzs-prose h3 { font-size: 20px; margin: 30px 0 12px; }
.xzs-prose img { border-radius: var(--x-radius); }

/* 响应式 ---------------------------------------------------------------- */
@media (max-width: 1200px) {
  .xzs-about { grid-template-columns: 400px 1fr; gap: 48px; }
  .xzs-ind-grid { grid-template-columns: repeat(4, 1fr); }
  .xzs-hero h1, .xzs-hero .xzs-hero__title { font-size: 42px; }
}

@media (max-width: 960px) {
  .xzs-section { padding: 60px 0; }
  .xzs-svc-grid { grid-template-columns: repeat(2, 1fr); }
  .xzs-case-grid, .xzs-news-grid, .xzs-adv-grid { grid-template-columns: repeat(2, 1fr); }
  .xzs-stats__grid { grid-template-columns: repeat(2, 1fr); gap: 26px; }
  .xzs-about { grid-template-columns: 1fr; gap: 40px; }
  .xzs-about__media { max-width: 460px; }
  /* 8 个行业图标用 4 列，避免 3 列时最后一行只剩 2 个、右下出现空格 */
  .xzs-ind-grid { grid-template-columns: repeat(4, 1fr); gap: 30px 14px; }
  .xzs-header__inner { height: 68px; }
  .xzs-nav { display: none; }
  .xzs-nav.is-open {
    display: block; position: absolute; left: 0; right: 0; top: 68px;
    background: #fff; box-shadow: 0 12px 24px rgba(0, 0, 0, .1); padding: 8px 0;
  }
  .xzs-nav.is-open .xzs-nav__list { flex-direction: column; align-items: stretch; gap: 0; }
  .xzs-nav.is-open .xzs-nav__list > li > a { padding: 13px 24px; }
  .xzs-nav.is-open .xzs-nav__list > li > a::after { display: none; }
  .xzs-nav__list .sub-menu { position: static; transform: none; opacity: 1; visibility: visible; box-shadow: none; padding: 0 0 8px 16px; }
  .xzs-hero__slide { min-height: 640px; }
  .xzs-hero h1, .xzs-hero .xzs-hero__title { font-size: 34px; }
  .xzs-hero__desc { font-size: 16px; }
  .xzs-head__title { font-size: 26px; }
}

@media (max-width: 767px) {
  .xzs-header__inner { gap: 8px; padding: 0 14px; height: 62px; }
  .xzs-brand { gap: 8px; }
  .xzs-brand__mark { width: 34px; height: 34px; font-size: 15px; border-radius: 8px; }
  .xzs-brand__name { font-size: 16px; letter-spacing: 0; }
  .xzs-brand__sub { display: none; }
  .xzs-lang { margin-left: 0; }
  .xzs-lang__toggle { font-size: 12px; padding: 5px 9px; max-width: 96px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .xzs-nav.is-open { top: 62px; }
  .xzs-section { padding: 46px 0; }
  .xzs-svc-grid, .xzs-case-grid, .xzs-news-grid, .xzs-adv-grid { grid-template-columns: 1fr; }
  .xzs-ind-grid { grid-template-columns: repeat(2, 1fr); gap: 26px 16px; }
  .xzs-stats__grid { grid-template-columns: repeat(2, 1fr); }
  .xzs-stats__num { font-size: 30px; }
  .xzs-hero__slide { min-height: 540px; }
  .xzs-hero h1, .xzs-hero .xzs-hero__title { font-size: 25px; letter-spacing: 0; }
  .xzs-hero__slide--2 .xzs-hero__title > span { display: block; }
  .xzs-hero__desc { font-size: 15px; line-height: 1.85; }
  .xzs-hero__slide::before { background: linear-gradient(180deg, rgba(8, 15, 30, .78) 0%, rgba(8, 15, 30, .86) 100%); }
  .xzs-head { margin-bottom: 30px; }
  .xzs-head__title { font-size: 23px; }
  .xzs-head__desc { font-size: 14px; }
  .xzs-about__body h2 { font-size: 25px; }
  .xzs-cta { padding: 56px 0; }
  .xzs-cta h2 { font-size: 24px; }
  .xzs-cta__contacts { gap: 30px; flex-direction: column; }
  .xzs-cta__item strong { font-size: 22px; }
  .xzs-float { display: none; }
  .xzs-svc-card { min-height: 170px; }
}


/* ==========================================================================
   行业经验 · 栅格兼容（2026-10-28）
   前台之所以会竖排：图标被「分栏 (Columns)」块包了一层
   （.xzs-ind-grid > .wp-block-columns > .wp-block-column > .xzs-ind），
   而 .xzs-ind-grid 的 display:grid 只作用于直接子元素，包裹层占满整格。
   编辑器画布之所以也竖排：自定义 HTML 块在编辑器里会额外多包一层 div
   （.wp-block-html），前台渲染时没有这层。
   统一方案：让这些「包裹层」不参与布局（display:contents），
   图标重新成为 .xzs-ind-grid 的直接栅格子项，自动沿用
   上方原有的 6 列 / 4 列 / 3 列 / 2 列 响应式断点。
   ========================================================================== */
.xzs-ind-grid > .wp-block-columns,
.xzs-ind-grid > .wp-block-columns > .wp-block-column,
.xzs-ind-grid > .wp-block-html,
.xzs-ind-grid .wp-block-column > .wp-block-html {
  display: contents !important;
}


/* ==========================================================================
   客户墙（他们都选择了小助手科技）
   替换原「合作伙伴」文字标模块；20 个客户 logo 走自适应网格。
   ========================================================================== */
.xzs-clients { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.xzs-clients__item {
  display: flex; align-items: center; justify-content: center;
  height: 110px; padding: 14px 16px;
  background: #fff; border: 1px solid #EDEFF2; border-radius: var(--x-radius);
  transition: box-shadow .3s ease, transform .3s ease, border-color .3s ease;
}
.xzs-clients__item img {
  display: block; width: auto; height: auto;
  max-width: 100%; max-height: 72px; object-fit: contain;
}
.xzs-clients__item:hover {
  box-shadow: var(--x-shadow-card); transform: translateY(-3px); border-color: transparent;
}
@media (max-width: 1200px) { .xzs-clients { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 900px)  { .xzs-clients { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 600px)  {
  .xzs-clients { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .xzs-clients__item { height: 88px; padding: 12px 14px; }
  .xzs-clients__item img { max-height: 56px; }
}


/* 优势卡片图标（取自深圳小助手「为何选择小助手科技」） --------------------- */
.xzs-adv__icon { width: 64px; height: 64px; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; }
.xzs-adv__icon img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; }


/* 优势卡片：编号与标题居中 ------------------------------------------------ */
.xzs-adv__no { text-align: center; }
.xzs-adv h3 { text-align: center; }

/* ===== 案例详情页 ===== */
/* 案例页统一栏宽：正文、信息卡、功能卡、截图左对齐成一栏 */
.xzs-prose .entry-content:has(.xzs-meta) { max-width: 1080px; margin-left: auto; margin-right: auto; }
.xzs-prose .xzs-read { max-width: 100%; }
.xzs-prose .xzs-read > *:first-child { margin-top: 0; }
.xzs-prose .xzs-lead {
  font-size: 19px; line-height: 1.95; color: #2C3648; margin: 0 0 34px;
}
.xzs-prose ul.wp-block-list { padding-left: 22px; }
.xzs-prose ul.wp-block-list li { margin-bottom: 10px; line-height: 1.95; }
.xzs-prose ul.wp-block-list li strong { color: #141A26; }

/* 案例信息 */
.xzs-meta { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 0 0 10px; }
.xzs-meta__i { background: #F7F9FC; border: 1px solid #EAEFF6; border-radius: var(--x-radius); padding: 16px 18px; }
.xzs-meta__i span { display: block; font-size: 12px; color: #97A1B2; margin-bottom: 7px; letter-spacing: .04em; }
.xzs-meta__i strong { display: block; font-size: 15px; color: #141A26; font-weight: 700; line-height: 1.55; }

/* 核心功能卡片 */
.xzs-fn { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 4px 0 8px; }
.xzs-fn__i {
  border: 1px solid #EDEFF2; border-radius: var(--x-radius); padding: 22px 24px;
  background: #fff; transition: box-shadow .3s ease, transform .3s ease, border-color .3s ease;
}
.xzs-fn__i:hover { box-shadow: var(--x-shadow-card); transform: translateY(-3px); border-color: transparent; }
.xzs-fn__no {
  display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px;
  border-radius: 8px; background: rgba(30, 111, 255, .08); color: var(--x-primary);
  font-size: 13px; font-weight: 700; margin-bottom: 14px;
}
.xzs-fn__i h3 { font-size: 17px; margin: 0 0 8px; color: #141A26; line-height: 1.5; }
.xzs-fn__i p { font-size: 14px; line-height: 1.85; color: #6B7686; margin: 0; }

/* 截图 */
.xzs-prose .wp-block-image { margin: 26px 0 40px; }
.xzs-prose .wp-block-image img {
  width: 100%; height: auto; border: 1px solid #E7EBF1;
  box-shadow: 0 6px 24px rgba(16, 27, 51, .06);
}
.xzs-prose .wp-block-image figcaption {
  margin-top: 12px; font-size: 13px; color: #97A1B2; text-align: center;
}

/* 运行环境 */
.xzs-spec {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px;
  background: #EAEFF6; border: 1px solid #EAEFF6;
  border-radius: var(--x-radius); overflow: hidden;
}
.xzs-spec__r {
  background: #fff; padding: 15px 20px; display: flex;
  justify-content: space-between; gap: 16px; font-size: 14px;
}
.xzs-spec__r span { color: #97A1B2; flex: none; }
.xzs-spec__r strong { color: #141A26; font-weight: 600; text-align: right; }

/* 底部引导 */
.xzs-cta-box {
  margin: 48px 0 0; padding: 34px 38px; border-radius: var(--x-radius-lg);
  background: linear-gradient(120deg, #101B33, #1E6FFF); color: #fff;
  display: flex; align-items: center; justify-content: space-between;
  gap: 24px; flex-wrap: wrap;
}
.xzs-cta-box h3 { color: #fff; font-size: 20px; margin: 0 0 8px; line-height: 1.5; }
.xzs-cta-box p { color: rgba(255, 255, 255, .78); font-size: 14px; margin: 0; line-height: 1.8; }
.xzs-cta-box a {
  flex: none; box-sizing: border-box; display: inline-block; background: #fff; color: var(--x-primary);
  font-weight: 700; font-size: 15px; padding: 13px 32px; border-radius: 999px;
  text-decoration: none; transition: transform .3s ease, box-shadow .3s ease;
}
.xzs-cta-box a:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(0, 0, 0, .25); }

/* 手机截图三连排（App 类案例） */
.xzs-shot-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 4px 0 10px; }
.xzs-shot-row figure { margin: 0; display: flex; flex-direction: column; }
.xzs-shot-row img {
  display: block; width: 100%; height: auto; border-radius: 14px;
  border: 1px solid #E7EBF1; box-shadow: 0 8px 26px rgba(16, 27, 51, .10);
}
.xzs-shot-row figcaption {
  margin-top: auto; padding-top: 12px; font-size: 13px; line-height: 1.7;
  color: #97A1B2; text-align: center;
}

@media (max-width: 960px) {
  .xzs-meta { grid-template-columns: repeat(2, 1fr); }
  .xzs-fn { grid-template-columns: 1fr; }
  .xzs-spec { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .xzs-prose .xzs-lead { font-size: 16px; }
  .xzs-prose .wp-block-image { margin: 20px 0 30px; }
  .xzs-meta__i { padding: 14px 15px; }
  .xzs-cta-box { padding: 26px 22px; }
  .xzs-cta-box a { width: 100%; text-align: center; }
  .xzs-shot-row { gap: 8px; }
  .xzs-shot-row img { border-radius: 8px; }
  .xzs-shot-row figcaption { font-size: 11px; line-height: 1.6; padding-top: 8px; }
}
/* ===== 案例详情页 end ===== */
/* ===== 案例列表页与「了解更多」按钮 ===== */
/* 港式极简：白底细框 / 直角 / 大字距 */
.xzs-case-more, .xzs-news-more { display: flex; justify-content: center; margin-top: 58px; }
.xzs-case-more a, .xzs-news-more a {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 236px; height: 62px; padding: 0 34px 0 40px; box-sizing: border-box;
  border: 1px solid var(--x-primary); border-radius: 0; background: #FFFFFF;
  color: var(--x-ink); font-size: 21px; font-weight: 500;
  letter-spacing: .30em; line-height: 1; text-decoration: none;
  transition: background-color .42s ease, color .42s ease, border-color .42s ease, box-shadow .42s ease;
}
.xzs-case-more a:hover, .xzs-news-more a:hover,
.xzs-case-more a:focus-visible, .xzs-news-more a:focus-visible {
  background: var(--x-primary); border-color: var(--x-primary); color: #FFFFFF;
  box-shadow: 0 14px 30px rgba(30, 111, 255, .30); outline: none;
}

.xzs-case-all { margin-top: 6px; }
.xzs-prose .xzs-case-grid { margin-bottom: 0; }

.xzs-pager {
  display: flex; justify-content: center; align-items: center;
  gap: 8px; margin: 46px 0 0; flex-wrap: wrap;
}
.xzs-pager button {
  min-width: 42px; height: 42px; padding: 0 16px; box-sizing: border-box;
  border: 1px solid #E4E9F0; background: #fff; color: #41506B;
  border-radius: 10px; font-size: 14px; line-height: 1; font-family: inherit;
  cursor: pointer; transition: border-color .25s ease, color .25s ease, background .25s ease;
}
.xzs-pager button:hover:not(:disabled):not(.is-active) { border-color: var(--x-primary); color: var(--x-primary); }
.xzs-pager button.is-active { background: var(--x-primary); border-color: var(--x-primary); color: #fff; }
.xzs-pager button:disabled { opacity: .4; cursor: not-allowed; }

@media (max-width: 900px) {
  .xzs-case-more, .xzs-news-more { margin-top: 46px; }
  .xzs-case-more a, .xzs-news-more a { min-width: 210px; height: 56px; padding: 0 30px 0 36px; font-size: 19px; letter-spacing: .28em; }
}
@media (max-width: 600px) {
  .xzs-case-more, .xzs-news-more { margin-top: 38px; }
  .xzs-case-more a, .xzs-news-more a { min-width: 186px; height: 52px; padding: 0 26px 0 32px; font-size: 17px; letter-spacing: .26em; }
}
/* ===== 案例列表页与「了解更多」按钮 end ===== */
/* ===== 产品中心 ===== */
.xzs-prod-grid {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 26px; margin: 36px 0 12px;
}
.xzs-prod {
  display: flex; flex-direction: column; overflow: hidden;
  border: 1px solid #E4E9F0; background: #FFFFFF; text-decoration: none;
  transition: border-color .34s ease, box-shadow .34s ease, transform .34s ease;
}
.xzs-prod:hover {
  border-color: var(--x-primary);
  box-shadow: 0 18px 44px rgba(30, 111, 255, .12);
  transform: translateY(-3px);
}
.xzs-prod__media { aspect-ratio: 16 / 10; overflow: hidden; background: #F5F6FA; }
.xzs-prod__media img {
  display: block; width: 100%; height: 100%; object-fit: cover;
  transition: transform .6s ease;
}
.xzs-prod:hover .xzs-prod__media img { transform: scale(1.045); }
.xzs-prod__body { padding: 26px 28px 28px; display: flex; flex-direction: column; flex: 1; }
.xzs-prod__body h3 {
  margin: 0 0 12px; font-size: 21px; font-weight: 600; line-height: 1.4;
  color: var(--x-ink); letter-spacing: .01em;
}
.xzs-prod__body p {
  margin: 0 0 22px; font-size: 14px; line-height: 1.85; color: var(--x-text);
}
.xzs-prod__more {
  margin-top: auto; font-size: 13px; letter-spacing: .10em; color: var(--x-primary);
}
.xzs-prod__more::after {
  content: '\2192'; display: inline-block; margin-left: 8px;
  transition: transform .3s ease;
}
.xzs-prod:hover .xzs-prod__more::after { transform: translateX(5px); }
.xzs-prod-note {
  margin: 30px 0 0; padding: 22px 26px; background: #F7F9FC;
  border-left: 3px solid var(--x-primary); font-size: 14px; line-height: 1.85; color: var(--x-text);
}
@media (max-width: 860px) {
  .xzs-prod-grid { grid-template-columns: 1fr; gap: 18px; margin-top: 26px; }
  .xzs-prod__body { padding: 20px 22px 22px; }
  .xzs-prod__body h3 { font-size: 19px; }
}
.xzs-prose .xzs-meta--prod { margin-bottom: 42px; }
.xzs-prose .xzs-prod-doc h2 { margin: 46px 0 18px; }
.xzs-prose .xzs-prod-doc h3 { margin: 30px 0 10px; font-size: 18px; }
.xzs-prose .xzs-prod-doc p { margin: 0 0 18px; line-height: 1.95; }
.xzs-prose .xzs-prod-doc > *:last-child { margin-bottom: 0; }
.xzs-prose .xzs-prod-fig {
  margin: 26px auto 32px; max-width: 560px; padding: 0;
}
.xzs-prose .xzs-prod-fig.is-wide { max-width: 100%; }
.xzs-prose .xzs-prod-fig.is-tall { max-width: 430px; }
.xzs-prose .xzs-prod-fig img {
  display: block; width: 100%; height: auto;
  border: 1px solid #E7EBF1; box-shadow: 0 8px 26px rgba(16, 27, 51, .08);
}
.xzs-prose .xzs-prod-fig figcaption {
  margin-top: 12px; font-size: 13px; line-height: 1.7;
  color: #97A1B2; text-align: center;
}
/* ===== 产品中心 end ===== */
/* ===== 解决方案竖排 ===== */
.xzs-sol-list { margin: 46px 0 0; }
.xzs-sol {
  display: grid; grid-template-columns: 400px minmax(0, 1fr);
  column-gap: 46px; align-items: start;
  padding: 0 0 54px; margin: 0 0 54px;
  border-bottom: 1px solid #EEF1F6;
  text-decoration: none;
}
.xzs-sol:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.xzs-sol__thumb {
  width: 100%; aspect-ratio: 16 / 10; overflow: hidden;
  background: #F5F6FA; box-shadow: 0 12px 34px rgba(16, 27, 51, .12);
}
.xzs-sol__thumb img {
  display: block; width: 100%; height: 100%; object-fit: cover;
  transition: transform .65s ease;
}
.xzs-sol:hover .xzs-sol__thumb img { transform: scale(1.035); }
.xzs-sol__main h3 {
  margin: 0 0 16px; font-size: 23px; font-weight: 600; line-height: 1.45;
  color: var(--x-ink); transition: color .3s ease;
}
.xzs-sol:hover .xzs-sol__main h3 { color: var(--x-primary); }
.xzs-sol__main p {
  margin: 0; font-size: 15px; line-height: 1.95; color: #5B6577;
}
@media (max-width: 1180px) {
  .xzs-sol { grid-template-columns: 340px minmax(0, 1fr); column-gap: 36px; }
}
@media (max-width: 980px) {
  .xzs-sol {
    grid-template-columns: 1fr; row-gap: 26px;
    padding-bottom: 40px; margin-bottom: 40px;
  }
  .xzs-sol__main h3 { font-size: 20px; margin-bottom: 12px; }
  .xzs-sol__main p { font-size: 14px; line-height: 1.9; }
}
/* ===== 解决方案竖排 end ===== */
/* ===== 新闻列表 ===== */
.xzs-newslist { margin: 40px 0 0; }
.xzs-newsrow {
  display: grid; grid-template-columns: 124px minmax(0, 1fr);
  column-gap: 46px; align-items: start;
  padding: 34px 0; border-bottom: 1px solid #EEF1F6;
  text-decoration: none;
}
.xzs-newsrow:first-child { padding-top: 0; }
.xzs-newsrow:last-child { border-bottom: none; padding-bottom: 0; }
.xzs-newsrow__date { padding-top: 3px; }
.xzs-newsrow__date strong {
  display: block; font-size: 26px; font-weight: 600; line-height: 1.1;
  color: var(--x-primary); letter-spacing: .01em;
}
.xzs-newsrow__date span {
  display: block; margin-top: 7px; font-size: 12px;
  letter-spacing: .18em; color: #A9ADB5;
}
.xzs-newsrow__main h3 {
  margin: 0 0 12px; font-size: 21px; font-weight: 600; line-height: 1.55;
  color: var(--x-ink); transition: color .3s ease;
}
.xzs-newsrow:hover .xzs-newsrow__main h3 { color: var(--x-primary); }
.xzs-newsrow__main p {
  margin: 0; font-size: 15px; line-height: 1.95; color: #5B6577;
}
@media (max-width: 900px) {
  .xzs-newslist { margin-top: 30px; }
  .xzs-newsrow {
    grid-template-columns: 1fr; row-gap: 12px;
    padding: 26px 0;
  }
  .xzs-newsrow__date { display: flex; align-items: baseline; gap: 10px; padding-top: 0; }
  .xzs-newsrow__date strong { font-size: 18px; }
  .xzs-newsrow__date span { margin-top: 0; }
  .xzs-newsrow__main h3 { font-size: 18px; margin-bottom: 8px; }
  .xzs-newsrow__main p { font-size: 14px; line-height: 1.9; }
}
/* ===== 新闻列表 end ===== */

/* ===== 文章页 ===== */
.xzs-artmeta {
  display: flex; flex-wrap: wrap; gap: 6px 24px;
  margin: 0 0 28px; font-size: 13px; letter-spacing: .05em; color: #8A909B;
}
.xzs-artmeta span strong { font-weight: 600; color: #5B6577; }
.xzs-artend {
  margin: 30px 0 0; text-align: right; line-height: 2; color: #5B6577;
}
.xzs-artend strong { display: block; font-weight: 600; color: var(--x-ink); }
/* ===== 文章页 end ===== */

/* ===== 关于我们：企业文化与企业资质 ===== */
.xzs-culture {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 20px; margin: 32px 0 0;
}
.xzs-culture__item {
  position: relative; display: flex; align-items: stretch; min-height: 176px;
  background: #fff; border: 1px solid #EDEFF2;
  border-radius: var(--x-radius); overflow: hidden;
  transition: border-color .3s ease, box-shadow .3s ease;
}
.xzs-culture__thumb {
  flex: 0 0 246px; overflow: hidden; background: var(--x-surface-2);
}
.xzs-culture__thumb img {
  display: block; width: 100%; height: 100%; object-fit: cover;
  transition: transform .5s ease;
}
.xzs-culture__item:hover .xzs-culture__thumb img { transform: scale(1.04); }
.xzs-culture__item:hover { border-color: #DCE3EE; box-shadow: var(--x-shadow-card); }
.xzs-culture__body {
  flex: 1; min-width: 0; padding: 24px 26px 24px 24px;
  display: flex; flex-direction: column; justify-content: center;
}
.xzs-culture__no {
  display: block; font-size: 11px; font-weight: 600;
  color: var(--x-primary); letter-spacing: 1.6px; margin: 0 0 9px;
  font-variant-numeric: tabular-nums;
}
.xzs-culture__item h3 {
  font-size: 12.5px; font-weight: 500; color: #8E95A3;
  letter-spacing: 1.2px; margin: 0 0 9px; line-height: 1;
}
.xzs-culture__item p {
  font-size: 16.5px; color: var(--x-ink); line-height: 1.6;
  margin: 0; font-weight: 500;
}

.xzs-qual-sub {
  font-size: 17px; font-weight: 600; color: var(--x-ink);
  margin: 46px 0 0; padding-left: 14px;
  border-left: 3px solid var(--x-primary); line-height: 1.2;
}
.xzs-qual-sub span { color: #8E95A3; font-weight: 400; margin-left: 10px; font-size: 14px; }
.xzs-qual-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 20px; margin: 24px 0 0;
}
.xzs-qual {
  display: block; background: #fff; border: 1px solid #EDEFF2;
  border-radius: 10px; overflow: hidden; text-decoration: none;
  transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}
.xzs-qual img {
  display: block; width: 100%; aspect-ratio: 0.727;
  object-fit: contain; background: #fff; border: 0;
}
.xzs-qual span {
  display: block; padding: 13px 14px 15px; font-size: 12.5px;
  color: #5B6577; line-height: 1.6; text-align: center;
  min-height: 3.2em;
}
.xzs-qual:hover, .xzs-qual:focus-visible {
  border-color: var(--x-primary); transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(30, 111, 255, .16);
  text-decoration: none; outline: none;
}
.xzs-qual:hover span { color: var(--x-primary); }

/* 证书大图预览 */
.xzs-lb {
  position: fixed; inset: 0; z-index: 9999; display: none;
  align-items: center; justify-content: center;
  background: rgba(8, 15, 30, .94); padding: 4vh 4vw;
}
.xzs-lb.is-open { display: flex; }
.xzs-lb img {
  max-width: 100%; max-height: 92vh; display: block;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .55); background: #fff;
}
.xzs-lb__close {
  position: absolute; top: 20px; right: 24px; width: 44px; height: 44px;
  border: 1px solid rgba(255, 255, 255, .35); border-radius: 50%;
  background: transparent; color: #fff; font-size: 22px; line-height: 1;
  cursor: pointer; transition: background .25s ease, border-color .25s ease;
}
.xzs-lb__close:hover { background: rgba(255, 255, 255, .14); border-color: #fff; }

@media (max-width: 900px) {
  .xzs-culture { grid-template-columns: 1fr; gap: 14px; margin-top: 26px; }
  .xzs-culture__item { min-height: 150px; }
  .xzs-culture__thumb { flex-basis: 134px; }
  .xzs-culture__body { padding: 20px 20px 20px 18px; }
  .xzs-culture__item p { font-size: 15.5px; line-height: 1.6; }
  .xzs-qual-grid { grid-template-columns: repeat(3, 1fr); gap: 14px; }
  .xzs-qual-sub { margin-top: 38px; font-size: 16px; }
}
@media (max-width: 600px) {
  .xzs-culture__item { min-height: 138px; }
  .xzs-culture__thumb { flex-basis: 116px; }
  .xzs-culture__item p { font-size: 15px; line-height: 1.55; }
  .xzs-qual-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .xzs-qual span { font-size: 12px; padding: 10px 10px 12px; }
}
/* 软著默认折叠，只露前两行 */
.xzs-qual-grid.is-collapsed .xzs-qual:nth-child(n + 9) { display: none; }
.xzs-qual-more { display: flex; justify-content: center; margin: 44px 0 0; }
.xzs-qual-more button {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 216px; height: 58px; padding: 0 30px; box-sizing: border-box;
  border: 1px solid var(--x-primary); border-radius: 0; background: #FFFFFF;
  color: var(--x-ink); font-family: inherit; font-size: 17px; font-weight: 500;
  letter-spacing: .12em; line-height: 1; cursor: pointer;
  transition: background-color .42s ease, color .42s ease,
              border-color .42s ease, box-shadow .42s ease;
}
.xzs-qual-more button:hover,
.xzs-qual-more button:focus-visible {
  background: var(--x-primary); border-color: var(--x-primary); color: #FFFFFF;
  box-shadow: 0 14px 30px rgba(30, 111, 255, .30); outline: none;
}
@media (max-width: 900px) {
  .xzs-qual-more { margin-top: 34px; }
  .xzs-qual-more button { min-width: 196px; height: 52px; font-size: 16px; }
}
/* ===== 关于我们：企业文化与企业资质 end ===== */

/* ==========================================================================
   页脚改版 · 响应式（2026-10-29）
   放在文件末尾，保证覆盖前面旧断点里的页脚声明。
   ========================================================================== */
@media (max-width: 1200px) {
  .xzs-footer { padding: 70px 0 0; }
  .xzs-footer__grid { gap: 40px; }
}

@media (max-width: 960px) {
  .xzs-footer { padding: 58px 0 0; }
  .xzs-footer__head { margin-bottom: 34px; }
  .xzs-footer__head h2 { font-size: 27px; }
  .xzs-footer__cards { grid-template-columns: repeat(2, 1fr); gap: 16px; margin-bottom: 44px; }
  .xzs-fcard { min-height: 132px; padding: 22px 12px; }
  .xzs-footer__grid {
    grid-template-columns: 1fr 1fr; gap: 34px 30px;
    padding-top: 40px;
  }
  .xzs-footer__col--contact { grid-column: 1 / -1; }
  .xzs-footer__contact-row { justify-content: flex-start; gap: 44px; }
  .xzs-footer__contact-row .xzs-footer__info { flex: 0 1 auto; }
  .xzs-footer__bottom { margin-top: 44px; }
}

@media (max-width: 767px) {
  .xzs-footer { padding: 46px 0 0; }
  .xzs-footer__head h2 { font-size: 23px; letter-spacing: 1px; }
  .xzs-footer__head p { font-size: 13px; letter-spacing: 0; padding: 0 6px; }
  .xzs-footer__brk { display: block; }
  .xzs-footer__cards { grid-template-columns: 1fr; gap: 12px; }
  .xzs-fcard {
    display: grid; grid-template-columns: 26px 1fr;
    grid-template-areas: "ico txt" "ico meta";
    align-items: center; column-gap: 14px; row-gap: 3px;
    min-height: 0; padding: 15px 18px; text-align: left;
  }
  .xzs-fcard__ico { grid-area: ico; }
  .xzs-fcard__ico svg { width: 26px; height: 26px; }
  .xzs-fcard__txt { grid-area: txt; font-size: 14px; }
  .xzs-fcard__meta { grid-area: meta; font-size: 11px; letter-spacing: 0; }
  .xzs-footer__grid { grid-template-columns: 1fr; gap: 30px; padding-top: 34px; }
  .xzs-footer__contact-row { flex-direction: column; gap: 14px; }
  .xzs-footer__qr { gap: 10px; }
  .xzs-footer__qr img { width: 92px; height: 92px; }
  .xzs-footer__bottom {
    margin-top: 34px; padding: 13px 16px; font-size: 11.5px;
    flex-direction: column; gap: 4px;
  }
}

/* ==========================================================================
   联系我们页 · 两栏 + 询盘表单（2026-10-29）
   左：联系方式清单；右：表单。≤900 堆叠。
   ========================================================================== */
.xzs-contact { gap: 60px; align-items: flex-start; margin-bottom: 0; }
.xzs-contact > .wp-block-column { min-width: 0; margin-bottom: 0; }
.xzs-contact h2 { margin: 26px 0 14px; }

.xzs-form-wrap {
  background: #fff;
  border: 1px solid #EDEFF2;
  border-radius: var(--x-radius);
  padding: 34px 34px 26px;
  box-shadow: 0 10px 34px rgba(16, 30, 54, .06);
}
.xzs-form__title { font-size: 22px; font-weight: 700; color: var(--x-ink); margin: 0 0 8px; }
.xzs-form__sub { font-size: 14px; color: var(--x-muted); margin: 0 0 22px; line-height: 1.7; }
.xzs-form__note {
  padding: 11px 14px; border-radius: var(--x-radius-sm);
  font-size: 14px; line-height: 1.6; margin-bottom: 18px;
}
.xzs-form__note--ok { background: #EAF7EF; color: #167C42; border: 1px solid #C6E9D3; }
.xzs-form__note--err { background: #FDEEEA; color: #B3401F; border: 1px solid #F6D3C8; }

.xzs-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.xzs-form label { display: block; font-size: 13px; color: #5A6270; margin-bottom: 14px; }
.xzs-form label i { color: #E4572E; font-style: normal; }
.xzs-form input[type="text"],
.xzs-form input[type="email"],
.xzs-form textarea {
  display: block; width: 100%; box-sizing: border-box;
  margin-top: 6px; padding: 11px 14px;
  border: 1px solid var(--x-border); border-radius: var(--x-radius-sm);
  font-size: 14.5px; color: var(--x-ink); background: #fff;
  font-family: inherit; line-height: 1.5;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.xzs-form input::placeholder, .xzs-form textarea::placeholder { color: #B6BBC4; }
.xzs-form input[type="text"]:focus,
.xzs-form input[type="email"]:focus,
.xzs-form textarea:focus {
  outline: none; border-color: var(--x-primary);
  box-shadow: 0 0 0 3px rgba(30, 111, 255, .12);
}
.xzs-form textarea { resize: vertical; min-height: 104px; }
.xzs-form__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.xzs-form__submit {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 13px 34px; border: 0; border-radius: 999px;
  background: var(--x-primary); color: #fff;
  font-size: 15px; font-family: inherit; cursor: pointer;
  box-shadow: var(--x-shadow-primary);
  transition: background .25s ease, transform .25s ease;
}
.xzs-form__submit:hover { background: var(--x-primary-dark); transform: translateY(-1px); }
.xzs-form__tip { font-size: 12px; color: #A9ADB5; margin: 12px 0 0; line-height: 1.6; }

@media (max-width: 900px) {
  .xzs-contact { flex-direction: column; gap: 34px; }
  .xzs-form-wrap { padding: 26px 20px 22px; }
  .xzs-form__row { grid-template-columns: 1fr; }
}

/* ---- 多语言外壳：英文文案更长，单独放宽容器 ---- */
html[lang^="en"] .xzs-float a { width: 64px; font-size: 11px; letter-spacing: .2px; }
html[lang^="en"] .xzs-footer__info li { grid-template-columns: 64px 1fr; }
html[lang^="en"] .xzs-footer__contact-row .xzs-footer__info { flex: 0 0 auto; }

/* ===== EN typography fix: Latin fonts first =====
   字体栈以 Microsoft YaHei 打头，英文标点（’ “ ” — 等）会被中文字体接管，
   呈现为全角宽度，句中撇号后出现明显空隙。英文页改用拉丁字体优先，
   中文页面完全不受影响。 */
html[lang^="en"] body,
html[lang^="en"] button,
html[lang^="en"] input,
html[lang^="en"] select,
html[lang^="en"] textarea{
  font-family:"Helvetica Neue",Helvetica,Arial,"Segoe UI",Roboto,
              "Microsoft YaHei","PingFang SC","Hiragino Sans GB",sans-serif;
}
html[lang^="en"] h1,
html[lang^="en"] h2,
html[lang^="en"] h3,
html[lang^="en"] h4,
html[lang^="en"] h5,
html[lang^="en"] h6,
html[lang^="en"] .xzs-head__title,
html[lang^="en"] .xzs-hero__title{
  font-family:"Helvetica Neue",Helvetica,Arial,"Segoe UI",Roboto,
              "Microsoft YaHei","PingFang SC","Hiragino Sans GB",sans-serif;
}

/* ===== bar clearance: reserve right gutter =====
   .xzs-bar 是 fixed right:16px、宽 56px 的竖条工具组；当视口 ≲1400px 时
   正文容器几乎贴到视口右缘，文字会钻到浮窗底下被截断（三语共有）。
   这里只在“页面型”模板（详情页、列表页；排除首页 body.home 的满宽区块）
   的正文容器右侧留出通道：桌面 64px、手机 50px。 */
@media (min-width:768px) and (max-width:1400px){
  body.page:not(.home) .entry-content{padding-right:64px}
}
@media (max-width:767px){
  body.page:not(.home) .entry-content{padding-right:50px}
}

/* ===== form card: title margin reset =====
   联系页询盘卡片位于正文排版容器 .xzs-prose 内，卡片标题 .xzs-form__title
   的 margin 被 .xzs-prose h3（特异性更高）改成 30px 0 12px。叠加卡片自身
   34px 上内边距，标题上方空出 64px，而底部只有 26px，内容整体显偏下。
   这里把标题上边距归位到 0（其余属性不动）。 */
.xzs-prose .xzs-form-wrap .xzs-form__title{margin-top:0}

/* ===== product page: phone fig + grid balance =====
   ① 竖版手机截图单图：is-tall 的 430px 会让 1080×2340 的截图高出近 930px，
      收窄到 360px（约 780px 高），与案例页三连排单张高度相当。
   ② 软件产品增至 5 张卡（奇数），2 列布局最后一行右侧会留空；
      让末张居中、宽度对齐一列。≤860px 为单列布局，不受影响。 */
.xzs-prose .xzs-prod-fig.is-phone{max-width:360px}
@media (min-width:861px){
  .xzs-prod-grid--balance > .xzs-prod:last-child:nth-child(odd){
    grid-column:1 / -1;
    justify-self:center;
    width:calc(50% - 13px);
  }
}

/* ===== product figure: swipeable UI shot on mobile ===== */
@media (max-width:640px){
  .xzs-prose .xzs-prod-fig.is-diagram{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .xzs-prose .xzs-prod-fig.is-diagram img{min-width:620px;max-width:none}
}

/* ===== news archive / single post ===== */
.xzs-post-cat { margin: 0 0 14px; }
.xzs-post-cat a {
  display: inline-block; font-size: 12px; letter-spacing: .04em;
  padding: 4px 12px; border-radius: 999px;
  background: rgba(30,111,255,.10); color: var(--x-primary); text-decoration: none;
}
.xzs-post-cat a:hover { background: rgba(30,111,255,.18); }
.xzs-post-back { margin: 46px 0 0; padding-top: 26px; border-top: 1px solid #EEF1F6; }
.xzs-post-back a {
  display: inline-block; font-size: 15px; color: var(--x-primary); text-decoration: none;
}
.xzs-post-back a:hover { text-decoration: underline; }

.xzs-newsrow__tag { display: inline-block; font-size: 11px; letter-spacing: 1px;
  padding: 2px 8px; border-radius: 4px; margin: 0 0 8px; }
.xzs-newsrow__tag--co { background: rgba(30,111,255,.12); color: #2B6CF6; }
.xzs-newsrow__tag--ind { background: rgba(100,116,139,.12); color: #7A869A; }
.xzs-newsrow__tag--faq { background: rgba(16,163,127,.12); color: #10A37F; }

.xzs-newsarch { margin-top: 8px; }
.xzs-newsarch__empty { color: #7A869A; font-size: 15px; }
.xzs-newsarch .xzs-newslist { margin-top: 0; }

@media (max-width: 900px) {
  .xzs-post-cat { margin-bottom: 10px; }
  .xzs-post-back { margin-top: 32px; padding-top: 20px; }
}

/* hero 上的分类胶囊：深色底上改浅色 */
.xzs-page-hero .xzs-post-cat a {
  background: rgba(255,255,255,.22); color: #fff; font-weight: 600;
}
.xzs-page-hero .xzs-post-cat a:hover { background: rgba(255,255,255,.30); }
/* 文章首图不要撑满整栏，避免小图放大发虚 */
.xzs-prose .wp-block-post-featured-image { max-width: 820px; margin: 0 auto 40px; }
@media (max-width: 900px) {
  .xzs-prose .wp-block-post-featured-image { margin-bottom: 28px; }
}

/* 文章正文段落间距（仅 single post，避免影响既有产品页） */
body.single-post .wp-block-post-content > p + p,
body.single-post .wp-block-post-content > p + h2,
body.single-post .wp-block-post-content > p + h3,
body.single-post .wp-block-post-content > h2 + p,
body.single-post .wp-block-post-content > h3 + p { margin-top: 1.15em; }
body.single-post .wp-block-post-content > h2,
body.single-post .wp-block-post-content > h3 { margin-top: 1.6em; }
body.single-post .wp-block-post-content > p.xzs-post-back { margin-top: 46px; padding-top: 26px; }

/* ===== 文章正文：小标题分级 + 加粗处理（2026-11 新增） ===== */
body.single-post .wp-block-post-content > h2.xzs-item,
body.single-post .wp-block-post-content > h3.xzs-item,
.xzs-prose h2.xzs-item,
.xzs-prose h3.xzs-item {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.55;
  color: #141A26;
  margin: 40px 0 14px;
  padding: 0;
  letter-spacing: 0;
}
body.single-post .wp-block-post-content > h3.xzs-item-sub,
.xzs-prose h3.xzs-item-sub,
.xzs-prose h4.xzs-item-sub,
.xzs-prose h5.xzs-item-sub {
  font-size: 19px;
  font-weight: 700;
  line-height: 1.65;
  color: #141A26;
  margin: 28px 0 10px;
  padding: 0;
  letter-spacing: 0;
}
body.single-post .wp-block-post-content > h2.xzs-item:first-child,
body.single-post .wp-block-post-content > h3.xzs-item:first-child,
body.single-post .wp-block-post-content > h3.xzs-item-sub:first-child,
.xzs-prose .xzs-item:first-child,
.xzs-prose .xzs-item-sub:first-child { margin-top: 0; }
body.single-post .wp-block-post-content > p + h2.xzs-item,
body.single-post .wp-block-post-content > p + h3.xzs-item,
body.single-post .wp-block-post-content > p + h3.xzs-item-sub { margin-top: 34px; }
body.single-post .wp-block-post-content > h2.xzs-item + p,
body.single-post .wp-block-post-content > h3.xzs-item + p,
body.single-post .wp-block-post-content > h3.xzs-item-sub + p { margin-top: 0; }

/* 正文加粗：统一字重与颜色，避免浏览器默认 700 在细体字下偏轻 */
body.single-post .wp-block-post-content strong,
body.single-post .wp-block-post-content b,
.xzs-prose .xzs-read strong,
.xzs-prose .xzs-read b { font-weight: 700; color: #141A26; }

@media (max-width: 640px) {
  body.single-post .wp-block-post-content > h2.xzs-item,
  .xzs-prose h2.xzs-item { font-size: 20px; margin: 30px 0 12px; }
  body.single-post .wp-block-post-content > h3.xzs-item-sub,
  .xzs-prose h3.xzs-item-sub { font-size: 18px; margin: 24px 0 9px; }
  body.single-post .wp-block-post-content > p.xzs-item-line,
  .xzs-prose .xzs-read p.xzs-item-line { font-size: 18px; margin: 24px 0 9px; }
  body.single-post .wp-block-post-content > p + h2.xzs-item,
  body.single-post .wp-block-post-content > p + h3.xzs-item,
  body.single-post .wp-block-post-content > p + h3.xzs-item-sub { margin-top: 26px; }
}
/* ===== end ===== */

/* ===== 正文里整行加粗的短句（源站惯用的小标题写法） ===== */
body.single-post .wp-block-post-content > p.xzs-item-line,
.xzs-prose .xzs-read p.xzs-item-line {
  font-size: 19px;
  font-weight: 700;
  line-height: 1.65;
  color: #141A26;
  margin: 28px 0 10px;
}
body.single-post .wp-block-post-content > p.xzs-item-line:first-child { margin-top: 0; }
body.single-post .wp-block-post-content > p.xzs-item-line strong,
body.single-post .wp-block-post-content > p.xzs-item-line b,
.xzs-prose .xzs-read p.xzs-item-line strong { font-size: inherit; font-weight: inherit; }
/* ===== end ===== */

/* 转载来源行 */
.xzs-source{
  font-size:13px;
  line-height:1.7;
  color:#7A8699;
  margin:0 0 22px;
  padding-left:10px;
  border-left:2px solid #D7DEE9;
  letter-spacing:0;
}
@media (max-width:640px){
  .xzs-source{font-size:12px;margin-bottom:18px}
}
/* xzs breadcrumb */
.xzs-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; font-size: 13px; color: rgba(255, 255, 255, .68); margin-bottom: 14px; }
.xzs-breadcrumb a { color: rgba(255, 255, 255, .85); text-decoration: none; }
.xzs-breadcrumb a:hover { color: #fff; text-decoration: underline; }
.xzs-breadcrumb .xzs-bc-sep { opacity: .5; }
.xzs-breadcrumb .xzs-bc-cur { color: #fff; }
/* xzs breadcrumb lift: 面包屑上移贴近 hero 顶部 */
.xzs-page-hero .xzs-breadcrumb { margin-top: -55px; }
/* xzs cta company line（公司名 + 电话，覆写盒内 a 的胶囊按钮样式） */
.xzs-cta-co { margin: 10px 0 0; font-size: 14px; color: rgba(255, 255, 255, .92); line-height: 1.9; }
.xzs-cta-co a {
  display: inline; flex: none; background: none; color: #fff; font-weight: 500;
  font-size: inherit; padding: 0; border-radius: 0; text-decoration: underline;
  text-underline-offset: 3px; transition: none; box-sizing: content-box;
}
.xzs-cta-co a:hover { background: none; color: #fff; transform: none; text-decoration: none; }
/* xzs news filter buttons: 卡片式分类筛选（覆盖页面内联样式） */
.xzs-newsarch .xzs-newsfilter { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 30px; }
.xzs-newsarch .xzs-newsfilter .xzs-nfbtn {
  display: inline-block; padding: 11px 30px; border: 1px solid #D7DEE9; border-radius: 8px;
  background: #fff; color: #3D4A5C; font-size: 15px; line-height: 1.4;
  text-decoration: none; transition: color .2s ease, border-color .2s ease, background .2s ease;
}
.xzs-newsarch .xzs-newsfilter .xzs-nfbtn:hover { border-color: #2B6CF6; color: #2B6CF6; }
.xzs-newsarch .xzs-newsfilter .xzs-nfbtn.is-on {
  background: #2B6CF6; border-color: #2B6CF6; color: #fff;
}
/* ===== 新闻列表紧凑化：隐藏分类标签、压缩行高（带 .xzs-newsarch 前缀压过页面内联 style） ===== */
.xzs-newsarch .xzs-newslist { margin: 24px 0 0; }
.xzs-newsarch .xzs-newsrow .xzs-newsrow__tag { display: none; }
.xzs-newsarch .xzs-newsrow {
  padding: 20px 0; column-gap: 36px;
}
.xzs-newsarch .xzs-newsrow__date strong { font-size: 22px; }
.xzs-newsarch .xzs-newsrow__main h3 { font-size: 19px; margin: 0 0 6px; }
.xzs-newsarch .xzs-newsrow__main p { font-size: 14px; line-height: 1.8; }
@media (max-width: 900px) {
  .xzs-newsarch .xzs-newsrow { padding: 16px 0; row-gap: 6px; }
  .xzs-newsarch .xzs-newsrow__main h3 { margin-bottom: 4px; }
}

/* ==========================================================================
   品牌全名窄屏适配（2026-11-06）
   公司全名「深圳市小助手科技有限公司」比原「香港小助手」长 7 个字：
   - ≤767px 首屏小标（xzs-hero__eyebrow）会断在「服务商」中间，收窄字距与字号；
   - ≤400px 头部品牌名 + 语言切换会把汉堡按钮挤出屏幕（360px 下横向溢出 10px）。
   桌面端不受影响。
   ========================================================================== */
@media (max-width: 767px) {
  .xzs-hero__eyebrow { font-size: 12px; letter-spacing: 1px; }
}
@media (max-width: 400px) {
  .xzs-header__inner { gap: 6px; padding: 0 12px; }
  .xzs-brand__name { font-size: 13px; }
}

/* ==========================================================================
   公司简介配图说明文字（2026-11-06）
   原装饰边框挂在 .xzs-about__media 上；加入说明文字后容器变高，
   边框底线会穿过文字。改为挂在图片（figure）上，边框只贴合图片，
   说明文字自然落在边框之外。
   ========================================================================== */
.xzs-about__img { position: relative; margin-bottom: 0; }
.xzs-about__media::before { content: none; }
.xzs-about__img::after {
  content: ""; position: absolute; left: -18px; top: -18px; right: 18px; bottom: 18px;
  border: 1px solid rgba(30, 111, 255, .45); border-radius: 4px; pointer-events: none;
}
.xzs-about__cap {
  display: flex; align-items: center; gap: 10px;
  margin: 16px 0 0; font-size: 13px; line-height: 1.6;
  color: var(--x-muted); letter-spacing: .5px;
}
.xzs-about__cap::before {
  content: ""; flex: 0 0 auto; width: 22px; height: 1px;
  background: currentColor; opacity: .45;
}
@media (max-width: 767px) {
  .xzs-about__cap { margin-top: 12px; font-size: 12px; gap: 8px; }
  .xzs-about__cap::before { width: 16px; }
}

/* ==========================================================================
   头部导航收起断点上调（2026-11-06）
   品牌全名改为「深圳市小助手科技有限公司」后品牌块变宽，
   三语实测头部所需最小宽度：繁中 1117px / 英文 1122px。
   原收起断点 960px 偏窄，961–1140px 区间导航会把语言切换顶出视口，
   造成横向滚动。此处提前收起为汉堡菜单，与 767px 以下规则并存。
   ========================================================================== */
@media (min-width: 768px) and (max-width: 1140px) {
  .xzs-header__inner { height: 68px; }
  .xzs-nav { display: none; }
  .xzs-burger { display: flex; }
  .xzs-nav.is-open {
    display: block; position: absolute; left: 0; right: 0; top: 68px;
    background: #fff; box-shadow: 0 12px 24px rgba(0, 0, 0, .1); padding: 8px 0;
  }
  .xzs-nav.is-open .xzs-nav__list { flex-direction: column; align-items: stretch; gap: 0; }
  .xzs-nav.is-open .xzs-nav__list > li > a { padding: 13px 24px; }
  .xzs-nav.is-open .xzs-nav__list > li > a::after { display: none; }
  .xzs-nav__list .sub-menu { position: static; transform: none; opacity: 1; visibility: visible; box-shadow: none; padding: 0 0 8px 16px; }
}

/* ==========================================================================
   授权证书配图（2026-11-06）
   证书是横向文档，正文栏宽 1260px 下整幅铺满会过大、细节反而不聚焦；
   这里把带 .xzs-cert 类的图限制在 880px 居中，其余文章图片不受影响。
   ========================================================================== */
.xzs-prose .xzs-cert { max-width: 880px; margin: 34px auto 30px; }
.xzs-prose .xzs-cert img { width: 100%; height: auto; }
@media (max-width: 767px) {
  .xzs-prose .xzs-cert { margin: 22px auto 20px; }
}

/* ==========================================================================
   正文段落间距（2026-11-06）
   区块主题把 p 的上下 margin 重置为 0，多段长文（如新闻稿）段与段之间
   完全没有间隙、挤成一片。这里只对文章正文容器 .xzs-read 的直接子段落
   补回间距，排除 .xzs-lead（自带 34px）与 .xzs-item-line（小标题式段落）。
   ========================================================================== */
.xzs-prose .xzs-read > p:not(.xzs-lead):not(.xzs-item-line) { margin: 0 0 18px; }
.xzs-prose .xzs-read > p:last-child { margin-bottom: 0; }
body.single-post .wp-block-post-content > p:not(.xzs-lead):not(.xzs-item-line) { margin: 0 0 18px; }
@media (max-width: 767px) {
  .xzs-prose .xzs-read > p:not(.xzs-lead):not(.xzs-item-line),
  body.single-post .wp-block-post-content > p:not(.xzs-lead):not(.xzs-item-line) { margin: 0 0 14px; }
}

/* ==========================================================================
   产品页交付流程卡片（2026-11-06）
   .xzs-fn__i 里的 h3 / p 会继承 .xzs-prose .xzs-prod-doc 的正文字号与
   30px 上边距，卡片内出现一大段空白、四张卡高度参差。这里在 .xzs-prod-doc
   范围内把卡片内部排版还原成 .xzs-fn 原本的样子。
   ========================================================================== */
.xzs-prose .xzs-prod-doc .xzs-fn__i h3 { margin: 0 0 8px; font-size: 17px; line-height: 1.5; }
.xzs-prose .xzs-prod-doc .xzs-fn__i p { margin: 0; font-size: 14px; line-height: 1.85; }