/* =========================================================
   兰州万禾网络科技 · 企业官网样式表
   设计语言：深色科技风 + 玻璃拟态 + 青→紫渐变高光
   说明：本文件与 index.html 配套。照片占位框（.photo-ph）
   在替换真实图片时，将 <figure class="photo-ph"> 改为
   <img src="images/xxx.jpg" alt="..."> 即可。
   ========================================================= */

:root {
  --bg: #05080F;
  --bg-alt: #080D18;
  --bg-footer: #03060C;

  --card: rgba(255, 255, 255, 0.03);   /* ≈ #FFFFFF08 */
  --card-2: rgba(255, 255, 255, 0.05); /* ≈ #FFFFFF0D */
  --border: rgba(255, 255, 255, 0.07); /* ≈ #FFFFFF12 */
  --border-strong: rgba(255, 255, 255, 0.12); /* ≈ #FFFFFF1F */

  --text-1: #F1F5F9;  /* 标题 */
  --text-2: #94A3B8;  /* 正文 */
  --text-3: #7C8DA9;  /* 次要 */
  --text-4: #64748B;  /* 页脚 */

  --cyan: #22D3EE;
  --violet: #6355F6;
  --green: #34D399;

  --grad: linear-gradient(135deg, #22D3EE 0%, #6355F6 100%);
  --grad-soft: linear-gradient(135deg, rgba(34,211,238,0.16) 0%, rgba(99,85,246,0.16) 100%);

  --maxw: 1200px;
  --radius: 16px;

  --font: "Noto Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC",
          "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;
  --font-num: "Inter", "Noto Sans SC", sans-serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  font-family: var(--font);
  background: var(--bg);
  color: var(--text-2);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

a { color: inherit; text-decoration: none; }

/* 键盘可达性 */
a:focus-visible,
button:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 3px;
  border-radius: 6px;
}

/* 锚点跳转时为固定导航留出空间，避免标题被遮挡 */
section[id],
main[id] { scroll-margin-top: 88px; }

.grad-text {
  background: var(--grad);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

/* ================= 通用按钮 ================= */
.btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 26px;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 600;
  font-family: var(--font);
  cursor: pointer;
  transition: transform .15s ease, box-shadow .2s ease, background .2s ease;
  white-space: nowrap;
}
.btn--lg { padding: 15px 26px; font-size: 15px; }

.btn--primary {
  background: var(--grad);
  color: #fff;
  box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4),
              inset 0 1px 0 rgba(255, 255, 255, 0.22);
}
.btn--primary:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(37, 99, 235, 0.5); }

.btn--ghost {
  background: var(--card-2);
  color: #CBD5E1;
  border: 1px solid var(--border-strong);
}
.btn--ghost:hover { background: rgba(255, 255, 255, 0.10); }

.tag {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  color: #67E8F9;
  background: rgba(34, 211, 238, 0.06);
  border: 1px solid rgba(34, 211, 238, 0.15);
}

/* ================= 导航栏 ================= */
.nav {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(5, 8, 15, 0.55);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--border);
}
.nav__inner {
  max-width: var(--maxw);
  margin: 0 auto;
  height: 72px;
  padding: 0 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.brand { display: inline-flex; align-items: center; gap: 10px; }
.brand__left { display: inline-flex; flex-direction: column; align-items: center; gap: 3px; transform: translateY(4px); }
.brand__mark {
  width: 36px; height: 36px;
  display: inline-flex; align-items: center; justify-content: center;
  flex: none;
}
.brand__mark img { width: 36px; height: 36px; display: block; }
.brand__name { font-size: 12.5px; color: #F8FAFC; font-weight: 400; line-height: 1.15; white-space: nowrap; }
.brand__company { font-size: 13.5px; color: var(--text-3); letter-spacing: 1px; white-space: nowrap; }
.brand__text { display: flex; flex-direction: column; align-items: center; line-height: 1.15; }
.brand__text strong { font-size: 16px; color: #F8FAFC; font-weight: 400; }

/* 品牌名行书字体：导航 / 页脚「兰州万禾网络科技」、公众号卡片、首页浏览器模型品牌字 */
.brand__name,
.brand__text strong,
.about__wechat-name,
.mockup__logo-text {
  font-family: "STXingkai", "华文行楷", "Xingkai SC", "XingKai", "KaiTi", "楷体", "STKaiti", serif;
  font-weight: 400;
  letter-spacing: 1px;
}

.nav__links { display: flex; gap: 32px; }
.nav__links a { font-size: 14px; color: var(--text-2); transition: color .15s; }
.nav__links a:hover { color: #F1F5F9; }
.nav__links a.is-active { color: #F1F5F9; font-weight: 600; }
.nav__cta { padding: 10px 22px; font-size: 14px; }

/* 移动端汉堡按钮（默认隐藏，768px 以下显示） */
.nav__toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 42px;
  height: 42px;
  padding: 0 10px;
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  background: var(--card-2);
  cursor: pointer;
}
.nav__toggle span {
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background: #E2E8F0;
  transition: transform .2s ease, opacity .2s ease;
}
.nav__toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav__toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.nav__toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ================= 主视觉区 ================= */
.hero {
  position: relative;
  background: var(--bg);
  padding: 96px 40px 72px;
  overflow: hidden;
}
.hero__inner {
  max-width: var(--maxw);
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 56px;
}
.hero__left { flex: 1 1 560px; max-width: 620px; }
.hero__right { flex: 1 1 480px; position: relative; }

.badge {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 7px 14px;
  border-radius: 999px;
  font-size: 13px; color: #B6C2D9;
  background: var(--card-2);
  border: 1px solid var(--border-strong);
}
.hero__title {
  margin: 26px 0 0;
  font-size: 46px;
  line-height: 1.38;
  font-weight: 700;
  color: #F1F5F9;
}
.hero__sub {
  margin-top: 22px;
  font-size: 16px;
  line-height: 1.9;
  color: var(--text-2);
  max-width: 580px;
}
.hero__cta { margin-top: 30px; display: flex; gap: 16px; flex-wrap: wrap; }
.trust { margin-top: 30px; display: flex; gap: 24px; flex-wrap: wrap; }
.trust__item { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; color: var(--text-3); }

/* 氛围光 */
.glow { position: absolute; border-radius: 50%; pointer-events: none; z-index: 0; }
.glow--cyan {
  width: 640px; height: 640px;
  background: radial-gradient(circle, rgba(34,211,238,0.22) 0%, rgba(34,211,238,0) 70%);
  top: -200px; left: -180px;
}
.glow--violet {
  width: 720px; height: 720px;
  background: radial-gradient(circle, rgba(99,85,246,0.16) 0%, rgba(99,85,246,0) 70%);
  top: 60px; right: -120px;
}

/* 模拟窗 */
.mockup {
  position: relative;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--border-strong);
  box-shadow: 0 24px 48px rgba(2, 4, 10, 0.5), 0 0 60px -20px rgba(34, 211, 238, 0.1);
  overflow: visible;
}
.mockup__bar {
  display: flex; align-items: center; gap: 10px;
  height: 38px; padding: 0 14px;
  background: #0D1526;
  border-top-left-radius: 16px; border-top-right-radius: 16px;
}
.mockup__lights {
  width: 38px; height: 12px;
  background:
    radial-gradient(circle at 6px 6px, #FF5F57 5px, transparent 6px),
    radial-gradient(circle at 19px 6px, #FEBC2E 5px, transparent 6px),
    radial-gradient(circle at 32px 6px, #28C840 5px, transparent 6px);
}
.mockup__url {
  flex: 1;
  display: flex; align-items: center; gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.04);
  font-size: 11px; color: var(--text-3);
  font-family: var(--font-num);
}
.mockup__body { background: #0A101F; padding: 20px; display: flex; flex-direction: column; gap: 14px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; }
.mockup__nav { display: flex; align-items: center; gap: 10px; }
.mockup__logo { width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center; }
.mockup__logo-text { font-size: 10px; font-weight: 600; color: #E2E8F0; }
.mockup__navbars { width: 150px; height: 8px; margin-left: auto; background: rgba(255,255,255,0.28); border-radius: 4px; -webkit-mask: linear-gradient(90deg, #000 60%, transparent); mask: linear-gradient(90deg, #000 60%, transparent); }
.mockup__hero { background: var(--grad-soft); border: 1px solid var(--border); border-radius: 10px; padding: 16px; display: flex; flex-direction: column; gap: 8px; }
.mockup__line { display: block; border-radius: 6px; background: rgba(255,255,255,0.75); }
.mockup__line--lg { width: 240px; height: 12px; }
.mockup__line--md { width: 180px; height: 8px; background: rgba(255,255,255,0.35); }
.mockup__cta { width: 96px; height: 26px; border-radius: 999px; background: var(--grad); }
.mockup__cards { display: flex; gap: 10px; flex: 1; }
.mockup__card { flex: 1; background: var(--card-2); border: 1px solid var(--border); border-radius: 8px; padding: 10px; display: flex; flex-direction: column; gap: 6px; }
.mockup__card-ico { width: 22px; height: 22px; border-radius: 6px; background: var(--grad); }
.mockup__line--sm { height: 6px; border-radius: 3px; background: rgba(255,255,255,0.20); }
.mockup__line--xs { height: 6px; width: 70%; border-radius: 3px; background: rgba(255,255,255,0.12); }

.chip {
  position: absolute; z-index: 2;
  display: flex; flex-direction: column; gap: 2px;
  padding: 12px 16px;
  border-radius: 12px;
  background: rgba(13, 21, 38, 0.9);
  border: 1px solid var(--border-strong);
  backdrop-filter: blur(6px);
}
.chip--tag { top: 40px; left: -32px; flex-direction: row; align-items: center; gap: 8px; font-size: 12px; color: #CBD5E1; }
.chip--stat { right: 20px; bottom: 24px; }
.chip--stat small { font-size: 11px; color: var(--text-3); }
.chip--stat strong { font-size: 18px; font-weight: 700; }
.chip--stat strong { background: var(--grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* ================= 数据概览条 ================= */
.stats { background: rgba(255,255,255,0.02); }
.stats__inner {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 30px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.stat { display: flex; flex-direction: column; gap: 4px; flex: 1; }
.stat__num { font-family: var(--font-num); font-size: 30px; font-weight: 700; }
.stat__label { font-size: 13px; color: var(--text-3); }
.stat__divider { width: 1px; height: 44px; background: var(--border); }

/* ================= 通用板块 ================= */
.section { padding: 96px 40px; background: var(--bg); }
.section--alt { background: var(--bg-alt); }
.section__inner { max-width: var(--maxw); margin: 0 auto; }
.section__head { margin-bottom: 44px; }
.eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  font-size: 13px; font-weight: 500; color: var(--cyan);
  letter-spacing: .5px;
}
.eyebrow i { width: 22px; height: 3px; border-radius: 2px; background: var(--cyan); display: inline-block; }
.section__title { margin: 14px 0 0; font-size: 34px; font-weight: 700; color: #F1F5F9; line-height: 1.3; }
.section__sub { margin-top: 14px; font-size: 15px; line-height: 1.7; color: var(--text-2); max-width: 720px; }

/* 卡片栅格 */
.card-grid { display: grid; gap: 24px; }
.card-grid--4 { grid-template-columns: repeat(4, 1fr); }
.card-grid--3 { grid-template-columns: repeat(3, 1fr); }

.svc-card, .adv-card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 26px;
  display: flex; flex-direction: column; gap: 14px;
  transition: border-color .2s, background .2s, transform .2s;
}
.svc-card:hover, .adv-card:hover { border-color: var(--border-strong); background: var(--card-2); transform: translateY(-3px); }
.svc-card__ico, .adv-card__ico {
  width: 44px; height: 44px; border-radius: 12px;
  display: inline-flex; align-items: center; justify-content: center;
  background: rgba(34, 211, 238, 0.08);
  border: 1px solid rgba(34, 211, 238, 0.2);
}
.svc-card__title, .adv-card__title { font-size: 17px; font-weight: 600; color: #F1F5F9; }
.svc-card__desc, .adv-card__desc { font-size: 13px; line-height: 1.8; color: var(--text-2); }

.adv-card__top { display: flex; align-items: center; justify-content: space-between; }
.adv-card__no { font-family: var(--font-num); font-size: 15px; font-weight: 700; color: rgba(34, 211, 238, 0.5); }

.service-strip {
  margin-top: 36px;
  display: flex; align-items: center; gap: 10px;
  padding: 16px 20px;
  border-radius: 12px;
  background: var(--card);
  border: 1px solid var(--border);
  font-size: 13px; line-height: 1.7; color: var(--text-2);
}

/* ================= 交付流程时间线 ================= */
.steps {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  position: relative;
}
.steps::before {
  content: "";
  position: absolute;
  top: 16px; left: 60px; right: 60px; height: 1px;
  background: linear-gradient(90deg, rgba(34,211,238,0), rgba(34,211,238,0.45), rgba(34,211,238,0));
}
.step { position: relative; display: flex; flex-direction: column; gap: 12px; }
.step__no {
  width: 34px; height: 34px; border-radius: 999px;
  display: inline-flex; align-items: center; justify-content: center;
  font-family: var(--font-num); font-size: 14px; font-weight: 700; color: #fff;
  background: var(--grad);
  box-shadow: 0 2px 10px rgba(34, 211, 238, 0.35);
}
.step__title { font-size: 16px; font-weight: 600; color: #F1F5F9; }
.step__time { font-size: 12px; color: var(--cyan); }

/* ================= 案例展示 / 照片占位 ================= */
.case-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.photo-ph {
  position: relative;
  aspect-ratio: 4 / 3;
  border: 2px dashed var(--border-strong);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.02);
  display: flex; align-items: center; justify-content: center;
  text-align: center;
  color: var(--text-3);
  font-size: 13px; line-height: 1.8;
  overflow: hidden;
}
.photo-ph::before {
  content: attr(data-note);
  position: absolute; top: 8px; left: 10px;
  font-size: 11px; color: var(--text-4);
  background: rgba(0,0,0,0.3); padding: 2px 8px; border-radius: 6px;
}
.photo-ph span { opacity: .65; padding: 0 16px; }
.photo-ph--tall { aspect-ratio: 4 / 3; }
.photo-ph--qr { aspect-ratio: 1 / 1; max-width: 180px; margin-top: 18px; }
/* 真实二维码（替换占位后）：去掉虚线框与 data-note 标签，图片自适应 */
.photo-ph--qr.qr-ready { border: none; background: transparent; padding: 0; max-width: 200px; }
.photo-ph--qr.qr-ready::before { display: none; }
.photo-ph--qr.qr-ready img { width: 100%; height: auto; border-radius: var(--radius); display: block; box-shadow: 0 10px 30px rgba(0,0,0,.25); }

/* 企业资质板块 */
.cred { display: grid; grid-template-columns: 1fr; justify-items: start; gap: 48px; align-items: center; margin-top: 40px; }
.cred__visual { margin: 0; width: 100%; display: flex; justify-content: flex-start; }
.cred__license { width: 100%; max-width: 520px; border-radius: var(--radius); box-shadow: 0 12px 40px rgba(0,0,0,.22); border: 1px solid var(--border); display: block; }
@media (max-width: 768px) {
  .cred { gap: 28px; }
  .cred__license { max-width: 100%; }
}

/* ================= 关于我们 ================= */
.about { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.about__media { width: 100%; }
.about__text .section__title { margin-top: 14px; }
.about__list { list-style: none; margin-top: 22px; display: flex; flex-direction: column; gap: 12px; }
.about__list li { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--text-2); }
.about__wechat { margin-top: 30px; display: flex; flex-direction: column; gap: 8px; padding-top: 24px; border-top: 1px solid var(--border); }
.about__wechat .eyebrow { margin-bottom: 2px; }
.about__wechat-name { font-size: 20px; font-weight: 700; color: #F1F5F9; }
.about__wechat-id { font-size: 13px; color: var(--cyan); }
.about__wechat-idval { color: var(--text-3); }
.about__wechat-desc { font-size: 13px; line-height: 1.7; color: var(--text-2); max-width: 460px; }

/* 坐落地方（办公地址 + 位置照片占位），跨两栏全宽 */
.about__loc {
  grid-column: 1 / -1;
  margin-top: 8px;
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 32px;
  align-items: stretch;
  padding: 30px;
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: var(--radius);
}
.about__loc-info { display: flex; flex-direction: column; gap: 14px; }
.about__loc-info .eyebrow { margin-bottom: 2px; }
.about__loc-title { font-size: 19px; font-weight: 600; color: #F1F5F9; }
.about__loc-addr { font-size: 14px; line-height: 1.9; color: var(--text-2); }
.about__loc-addr strong { color: #F1F5F9; font-weight: 600; }
.about__loc-meta { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 2px; }
.about__loc-tag {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: 13px; color: var(--text-2);
  padding: 7px 14px; border-radius: 999px;
  background: rgba(34,211,238,0.06); border: 1px solid rgba(34,211,238,0.15);
}
.about__loc-tip { font-size: 12px; line-height: 1.7; color: var(--text-4); margin-top: 2px; }
.photo-ph--map { aspect-ratio: 16 / 9; margin: 0; }
/* 真实照片（替换占位后）：去掉虚线框与 data-note 标签，图片自适应 */
.photo-ph.img-ready { border: none; background: transparent; padding: 0; aspect-ratio: auto; }
.photo-ph.img-ready::before { display: none; }
.photo-ph.img-ready img { width: 100%; height: auto; border-radius: var(--radius); display: block; box-shadow: 0 12px 40px rgba(0,0,0,.22); }
/* 办公地址大楼照片：完整显示、可缩小，去掉 4/3 与 16/9 强制比例，避免拦腰裁切 */
.about__loc-photo { width: 100%; max-width: 520px; margin-left: auto; aspect-ratio: auto; overflow: visible; }
.about__loc-photo img { width: 100%; height: auto; max-height: 460px; object-fit: contain; border-radius: var(--radius); display: block; box-shadow: 0 12px 40px rgba(0,0,0,.22); }

/* ================= 常见问题 ================= */
.faq-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.faq-card {
  position: relative;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 22px 24px;
  display: flex; flex-direction: column; gap: 8px;
  overflow: hidden;
}
.faq-card::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
  background: var(--grad);
}
.faq-card__q { font-size: 15px; font-weight: 600; color: #F1F5F9; }
.faq-card__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 7px; }
.faq-card__list li { position: relative; padding-left: 16px; font-size: 13px; line-height: 1.6; color: var(--text-2); }
.faq-card__list li::before { content: ""; position: absolute; left: 0; top: 7px; width: 5px; height: 5px; border-radius: 50%; background: var(--grad); }

/* ================= 合规程序清单（条例式） ================= */
.rule-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px 24px; }
.rule-item { display: flex; gap: 14px; align-items: flex-start; background: var(--card); border: 1px solid var(--border); border-radius: 12px; padding: 16px 18px; }
.process-note { margin-top: 28px; }
.rule-item__no { flex: none; width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; font-size: 14px; font-weight: 700; color: #0B1020; background: var(--grad); }
.rule-item__body { display: flex; flex-direction: column; gap: 4px; }
.rule-item__title { font-size: 14px; font-weight: 600; color: #F1F5F9; }
.rule-item__desc { font-size: 13px; line-height: 1.6; color: var(--text-2); }

/* ================= 联系引导面板 ================= */
.cta-panel {
  position: relative;
  border-radius: 24px;
  background: var(--card-2);
  border: 1px solid var(--border-strong);
  padding: 52px;
  display: flex; align-items: center; justify-content: space-between; gap: 40px;
  overflow: hidden;
}
.cta-panel .glow--cyan { width: 520px; height: 520px; top: -140px; left: -120px; }
.cta-panel .glow--violet { width: 520px; height: 520px; top: 60px; right: -120px; }
.cta-panel__left { position: relative; z-index: 1; max-width: 600px; }
.cta-panel__title { font-size: 32px; font-weight: 700; color: #F1F5F9; }
.cta-panel__sub { margin-top: 16px; font-size: 15px; line-height: 1.7; color: var(--text-2); max-width: 520px; }
.cta-panel__area { margin-top: 16px; display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--text-3); }
.cta-panel__right { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 14px; }

/* ================= 页脚 ================= */
.footer { background: var(--bg-footer); padding: 64px 40px 36px; }
.footer__inner { max-width: var(--maxw); margin: 0 auto; }
.footer__cols { display: flex; gap: 56px; flex-wrap: wrap; }
.footer__brand { flex: 1 1 360px; display: flex; flex-direction: column; gap: 14px; }
.footer__brand .brand { align-items: center; }
.footer__brand .brand__text strong { font-size: 16px; }
.footer__desc { font-size: 13px; line-height: 1.7; color: var(--text-3); max-width: 360px; }
.footer__col { display: flex; flex-direction: column; gap: 12px; min-width: 120px; }
.footer__col h4 { font-size: 14px; font-weight: 600; color: #F1F5F9; margin-bottom: 2px; }
.footer__col a, .footer__col--contact p {
  font-size: 13px; color: var(--text-3);
  display: flex; align-items: flex-start; gap: 8px;
  transition: color .15s;
}
.footer__col a:hover { color: #CBD5E1; }
.footer__col--contact { flex: 1 1 300px; }
.footer__col--contact p svg { flex-shrink: 0; margin-top: 2px; }
.footer__bottom {
  margin-top: 40px; padding-top: 20px;
  border-top: 1px solid var(--border);
  display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap;
}
.footer__bottom p { font-size: 12px; color: var(--text-4); }

/* ================= 响应式 ================= */
@media (max-width: 1024px) {
  .card-grid--4 { grid-template-columns: repeat(2, 1fr); }
  .steps { grid-template-columns: repeat(2, 1fr); gap: 28px; }
  .steps::before { display: none; }
  .about { grid-template-columns: 1fr; gap: 32px; }
  .about__loc { grid-template-columns: 1fr; gap: 24px; }
}

@media (max-width: 768px) {
  .nav__inner { height: 64px; padding: 0 20px; }
  .brand__company { display: none; }
  .nav__cta { display: none; }
  .nav__toggle { display: inline-flex; }
  .nav__links {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    flex-direction: column;
    gap: 0;
    padding: 6px 20px 14px;
    background: rgba(5, 8, 15, 0.97);
    border-bottom: 1px solid var(--border);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }
  .nav__links.is-open { display: flex; }
  .nav__links a { padding: 13px 0; font-size: 15px; border-bottom: 1px solid var(--border); }
  .nav__links a:last-child { border-bottom: 0; }
  .hero { padding: 64px 20px 48px; }
  .hero__inner { flex-direction: column; gap: 40px; }
  .hero__title { font-size: 34px; }
  .section { padding: 64px 20px; }
  .section__inner { padding: 0; }
  .section__title { font-size: 26px; }
  .card-grid--4, .card-grid--3, .faq-grid, .case-grid { grid-template-columns: 1fr; }
  .rule-list { grid-template-columns: 1fr; }
  .stats__inner { flex-direction: column; align-items: flex-start; gap: 20px; }
  .stat__divider { display: none; }
  .cta-panel { flex-direction: column; align-items: flex-start; padding: 32px 24px; }
  .cta-panel__right { width: 100%; }
  .cta-panel__right .btn { justify-content: center; }
  .footer__cols { gap: 32px; }
  .footer__bottom { flex-direction: column; }
  .chip--tag { left: 8px; }
  .mockup { overflow: hidden; }
}

@media (max-width: 480px) {
  .brand__name { font-size: 13px; }
  .hero__title { font-size: 30px; }
  .steps { grid-template-columns: 1fr; }
}

/* ================= 子页面通用：页头 / 面包屑 ================= */
.subhero {
  position: relative;
  padding: 72px 40px 56px;
  background: var(--bg);
  overflow: hidden;
  border-bottom: 1px solid var(--border);
}
.subhero__inner { max-width: var(--maxw); margin: 0 auto; position: relative; z-index: 1; }
.breadcrumb { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--text-3); margin-bottom: 18px; }
.breadcrumb a { color: var(--text-3); transition: color .15s; }
.breadcrumb a:hover { color: #CBD5E1; }
.breadcrumb span { color: var(--text-4); }
.subhero__title { font-size: 38px; font-weight: 700; color: #F1F5F9; line-height: 1.3; }
.subhero__sub { margin-top: 16px; font-size: 16px; line-height: 1.8; color: var(--text-2); max-width: 760px; }
.subhero .glow--cyan { width: 480px; height: 480px; top: -160px; left: -120px; }
.subhero .glow--violet { width: 520px; height: 520px; top: -40px; right: -120px; }

/* 产品中心 */
.prod-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.prod-card {
  background: var(--card); border: 1px solid var(--border); border-radius: var(--radius);
  padding: 28px; display: flex; flex-direction: column; gap: 16px;
  transition: border-color .2s, background .2s, transform .2s;
}
.prod-card:hover { border-color: var(--border-strong); background: var(--card-2); transform: translateY(-3px); }
.prod-card__ico { width: 48px; height: 48px; border-radius: 12px; background: rgba(34,211,238,0.08); border: 1px solid rgba(34,211,238,0.2); display: inline-flex; align-items: center; justify-content: center; }
.prod-card__ph { font-size: 18px; font-weight: 600; color: #F1F5F9; }
.prod-card__desc { font-size: 13px; line-height: 1.8; color: var(--text-2); }
.prod-card__media { display: block; margin: 2px 0; border-radius: 10px; overflow: hidden; }
.prod-card__phimg { display: flex; align-items: center; justify-content: center; aspect-ratio: 8 / 5; min-height: 150px; padding: 16px; font-size: 12px; line-height: 1.7; text-align: center; color: var(--text-4); background: rgba(255,255,255,0.02); border: 1px dashed var(--border-strong); border-radius: 10px; }
img.prod-card__phimg { display: block; width: 100%; max-width: 260px; margin: 0 auto; height: auto; max-height: 180px; object-fit: cover; padding: 0; min-height: 0; color: inherit; border: 1px solid var(--border-strong); background: #0b1220; border-radius: 10px; }
.prod-card__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; }
.prod-card .tag { align-self: auto; }
.prod-card__link { font-size: 13px; font-weight: 500; color: var(--cyan); text-decoration: none; }
.prod-card__link:hover { text-decoration: underline; }
.prod-card__link--todo { color: var(--text-4); cursor: default; }

/* 企业文化 */
.culture-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.culture-card { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 30px; display: flex; flex-direction: column; gap: 14px; transition: border-color .2s, background .2s; }
.culture-card:hover { border-color: var(--border-strong); background: var(--card-2); }
.culture-card__no { font-family: var(--font-num); font-size: 28px; font-weight: 700; background: var(--grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.culture-card__title { font-size: 19px; font-weight: 600; color: #F1F5F9; }
.culture-card__desc { font-size: 14px; line-height: 1.9; color: var(--text-2); }
.culture-note { margin-top: 28px; font-size: 13px; line-height: 1.8; color: var(--text-3); }

/* 新闻动态 */
.news-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.news-card { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 26px 28px; display: flex; flex-direction: column; gap: 12px; transition: border-color .2s, background .2s; }
.news-card:hover { border-color: var(--border-strong); background: var(--card-2); }
.news-card__date { font-family: var(--font-num); font-size: 13px; color: var(--cyan); }
.news-card__title { font-size: 18px; font-weight: 600; color: #F1F5F9; }
.news-card__desc { font-size: 14px; line-height: 1.8; color: var(--text-2); }
.news-card__more { margin-top: auto; padding-top: 6px; font-size: 13px; color: var(--text-3); }

/* 公众号联动 */
.wx-linkage { display: grid; grid-template-columns: 1.5fr 1fr; gap: 40px; align-items: center; background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 40px; }
.wx-linkage__lead { margin-top: 16px; font-size: 15px; line-height: 1.9; color: var(--text-2); }
.wx-linkage__list { margin: 20px 0 0; padding: 0; display: flex; flex-direction: column; gap: 12px; list-style: none; }
.wx-linkage__list li { position: relative; padding-left: 22px; font-size: 14px; line-height: 1.8; color: var(--text-2); }
.wx-linkage__list li::before { content: ""; position: absolute; left: 0; top: 9px; width: 8px; height: 8px; border-radius: 2px; background: var(--grad); }
.wx-linkage__qr { display: flex; flex-direction: column; align-items: center; gap: 14px; }
/* 内容同步流向条 */
.wx-flow { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 24px 0 6px; flex-wrap: wrap; }
.wx-node { display: flex; flex-direction: column; align-items: center; gap: 7px; padding: 16px 22px; background: rgba(255,255,255,0.03); border: 1px solid var(--border); border-radius: 14px; min-width: 132px; }
.wx-node__icon { width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(240,68,56,0.10); }
.wx-node__icon--wx { background: #07C160; }
.wx-node__icon img { width: 46px; height: 46px; border-radius: 50%; }
.wx-node__name { font-size: 15px; font-weight: 700; color: var(--text-1); }
.wx-node__sub { font-size: 11px; color: var(--text-3); letter-spacing: .3px; }
.wx-sync { display: flex; flex-direction: column; align-items: center; gap: 3px; color: var(--text-3); font-size: 12px; }
.wx-sync svg { width: 42px; height: 22px; color: var(--cyan); }
.photo-ph--qr { width: 200px; height: 200px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; font-size: 13px; color: var(--text-3); line-height: 1.7; }
.photo-ph--qr span { font-size: 11px; color: var(--text-4); }
.wx-linkage__qr p { font-size: 13px; color: var(--text-3); }

/* ================= 公众号最新动态 ================= */
.wx-posts { display: flex; flex-direction: column; gap: 16px; }
.wx-post { display: flex; flex-direction: column; gap: 8px; padding: 22px 24px; background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); text-decoration: none; transition: border-color .2s, background .2s, transform .2s; }
.wx-post:hover { border-color: var(--border-strong); background: var(--card-2); transform: translateY(-2px); }
.wx-post__date { font-size: 12px; color: var(--cyan); font-weight: 600; }
.wx-post__title { font-size: 16px; font-weight: 600; color: var(--text-1); }
.wx-post__excerpt { font-size: 13px; line-height: 1.8; color: var(--text-2); }
.wx-post__more { margin-top: 2px; font-size: 13px; font-weight: 600; color: var(--cyan); }

/* 子页面响应式 */
@media (max-width: 1024px) {
  .prod-grid, .culture-grid { grid-template-columns: repeat(2, 1fr); }
  .wx-linkage { grid-template-columns: 1fr; gap: 28px; }
}
@media (max-width: 768px) {
  .subhero { padding: 56px 20px 40px; }
  .subhero__title { font-size: 28px; }
  .subhero__sub { font-size: 14px; }
  .prod-grid, .culture-grid, .news-grid { grid-template-columns: 1fr; }
  .wx-flow { flex-direction: column; gap: 10px; }
  .wx-sync svg { transform: rotate(90deg); }
}

/* ================= 在线留言表单 ================= */
.req { color: #f87171; margin-left: 2px; }

.msg-form {
  max-width: 760px;
  margin: 8px auto 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 32px;
}

.msg-form__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.msg-field { display: flex; flex-direction: column; gap: 8px; }
.msg-field label { font-size: 14px; font-weight: 500; color: var(--text-1); }

.msg-form input,
.msg-form select,
.msg-form textarea {
  width: 100%;
  font-family: var(--font);
  font-size: 15px;
  color: var(--text-1);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--border-strong);
  border-radius: 12px;
  padding: 13px 15px;
  transition: border-color .2s, box-shadow .2s, background .2s;
  -webkit-appearance: none;
  appearance: none;
}
.msg-form textarea { resize: vertical; min-height: 120px; line-height: 1.7; }

.msg-form input::placeholder,
.msg-form textarea::placeholder { color: var(--text-4); }

.msg-form input:focus,
.msg-form select:focus,
.msg-form textarea:focus {
  outline: none;
  border-color: var(--cyan);
  background: rgba(34, 211, 238, 0.06);
  box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.14);
}

/* 下拉框自定义箭头 */
.msg-field select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394A3B8' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 15px center;
  padding-right: 40px;
  cursor: pointer;
}

/* 校验失败态 */
.msg-field--error input,
.msg-field--error textarea,
.msg-field--error select {
  border-color: #f87171;
  box-shadow: 0 0 0 3px rgba(248, 113, 113, 0.14);
}
.msg-field__err { font-size: 12.5px; color: #f87171; min-height: 16px; }

/* 蜜罐：对真人不可见，机器人会填 */
.msg-hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}

.msg-form__foot {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}
.msg-form__hint {
  font-size: 12.5px;
  line-height: 1.7;
  color: var(--text-4);
  max-width: 420px;
}

/* 提交状态提示 */
.msg-status {
  margin: 0;
  padding: 13px 16px;
  border-radius: 12px;
  font-size: 14px;
  line-height: 1.6;
}
.msg-status--ok {
  color: #bbf7d0;
  background: rgba(52, 211, 153, 0.12);
  border: 1px solid rgba(52, 211, 153, 0.35);
}
.msg-status--err {
  color: #fecaca;
  background: rgba(248, 113, 113, 0.12);
  border: 1px solid rgba(248, 113, 113, 0.35);
}

@media (max-width: 768px) {
  .msg-form { padding: 22px; }
  .msg-form__row { grid-template-columns: 1fr; }
}

/* ============ 隐私政策 ============ */
.policy { max-width: 820px; margin: 0 auto; }
.policy__updated {
  display: inline-flex; align-items: center; gap: 8px;
  margin: 0 0 30px; padding: 6px 14px;
  font-size: 13px; color: var(--text-3);
  background: rgba(255,255,255,.04);
  border: 1px solid var(--border-strong);
  border-radius: 999px;
}
.policy__sec { margin-bottom: 36px; }
.policy__sec h2 {
  font-size: 18px; font-weight: 700; color: var(--text-1);
  margin: 0 0 14px; padding-left: 14px;
  border-left: 3px solid transparent;
  border-image: var(--grad) 1;
}
.policy__sec p {
  margin: 0 0 12px; color: var(--text-2);
  line-height: 1.9; font-size: 15px;
}
.policy__list { list-style: none; margin: 0 0 12px; padding: 0; }
.policy__list li {
  position: relative; padding-left: 22px; margin: 0 0 10px;
  color: var(--text-2); line-height: 1.8; font-size: 15px;
}
.policy__list li::before {
  content: ""; position: absolute; left: 4px; top: 11px;
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--grad);
}
.policy__contact {
  margin-top: 8px; padding: 22px 24px;
  background: rgba(255,255,255,.03);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius);
}
.policy__contact p { margin: 0 0 8px; }
.policy__contact p:last-child { margin-bottom: 0; }
.policy__contact strong { color: var(--text-1); }
@media (max-width: 768px) {
  .policy__contact { padding: 18px; }
}

/* 邮箱：点击复制（避免唤起本地邮件客户端，适配网易等网页邮箱，公私隔离） */
.copy-email{
  background:none;border:none;padding:0;margin:0;font:inherit;
  color:#22D3EE;text-decoration:underline;text-underline-offset:3px;cursor:pointer;
  letter-spacing:inherit;
}
.copy-email:hover{opacity:.82;}
.copy-email--done{color:#34D399;text-decoration:none;font-weight:600;}
/* 复制成功顶部提示 */
.copy-toast{
  position:fixed;left:50%;top:24px;transform:translateX(-50%) translateY(-20px);
  background:#0f172a;color:#e2e8f0;padding:10px 18px;border-radius:10px;
  font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.35);
  opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:9999;
  border:1px solid rgba(34,211,238,.4);
}
.copy-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

/* 点击邮箱弹出的发邮件表单（modal） */
.mail-modal-mask{
  position:fixed;inset:0;background:rgba(2,6,23,.6);backdrop-filter:blur(2px);
  display:none;align-items:center;justify-content:center;z-index:10000;padding:16px;
}
.mail-modal-mask.show{display:flex;}
.mail-modal{
  position:relative;width:100%;max-width:460px;background:#0f172a;border:1px solid rgba(34,211,238,.35);
  border-radius:16px;padding:24px 22px;box-shadow:0 24px 70px rgba(0,0,0,.5);color:#e2e8f0;
  animation:mailPop .2s ease-out;
}
@keyframes mailPop{from{opacity:0;transform:translateY(14px) scale(.98);}to{opacity:1;transform:none;}}
.mail-modal__close{
  position:absolute;top:10px;right:12px;background:none;border:none;color:#94a3b8;
  font-size:24px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:8px;
}
.mail-modal__close:hover{color:#e2e8f0;background:rgba(255,255,255,.08);}
.mail-modal__title{margin:0 0 4px;font-size:18px;font-weight:700;color:#e2e8f0;}
.mail-modal__to{margin:0 0 16px;font-size:13px;color:#22D3EE;}
.mail-modal__form label{display:block;font-size:13px;color:#cbd5e1;margin-bottom:12px;}
.mail-modal__form input,.mail-modal__form textarea{
  display:block;width:100%;margin-top:6px;padding:10px 12px;border-radius:10px;
  border:1px solid rgba(148,163,184,.3);background:#1e293b;color:#e2e8f0;font:inherit;font-size:14px;
  box-sizing:border-box;resize:vertical;
}
.mail-modal__form input:focus,.mail-modal__form textarea:focus{
  outline:none;border-color:#22D3EE;box-shadow:0 0 0 3px rgba(34,211,238,.18);
}
.mail-modal__actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;}
.mail-modal__hint{font-size:12px;color:#94a3b8;flex:1;min-width:0;}
.mail-modal__submit{
  background:#22D3EE;color:#0f172a;border:none;padding:10px 22px;border-radius:10px;
  font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;
}
.mail-modal__submit:hover{opacity:.9;}
.mail-modal__submit:disabled{opacity:.5;cursor:not-allowed;}

/* 公众号动态板块：左办公室图（带公众号角标）/ 右文章（上下排） */
.wx-wechat-layout{
  display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:start;margin-top:28px;
}
.wx-wechat-aside{display:flex;flex-direction:column;gap:18px;}
.wx-aside-photo{position:relative;margin:0;overflow:hidden;border-radius:var(--radius);}
/* 左栏主视觉 = 同步到的最新一篇公众号文章封面；无封面时留空位，不拿不相干图片冒充 */
.wx-aside-photo--empty{
  display:flex;align-items:center;justify-content:center;
  aspect-ratio:16 / 10;min-height:220px;
  background:rgba(255,255,255,.035);
  border:1px dashed rgba(148,163,184,.34);
}
.wx-aside-photo--empty::after{display:none;}
.wx-aside-photo__hint{font-size:13px;color:rgba(226,232,240,.55);letter-spacing:.5px;}
/* 有封面时：空位自动变成封面大图，渐变与角标恢复（对齐参考站左图右文） */
.wx-aside-photo--empty:has(img){background:none;border:0;}
.wx-aside-photo--empty:has(img)::after{display:block;}
.wx-aside-photo--empty:has(img) .wx-aside-photo__hint{display:none;}
.wx-aside-photo--empty img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.wx-aside-photo--empty:not(:has(img)) .wx-photo-badge{display:none;}
/* 有文章叠加但封面缺失时，给白字一个深色底保证可读 */
.wx-aside-photo--empty:not(:has(img)):has(.wx-aside-overlay){background:rgba(3,6,12,.78);border-color:transparent;}
.wx-aside-photo img{
  display:block;width:100%;height:auto;border-radius:var(--radius);
  box-shadow:0 12px 40px rgba(0,0,0,.22);
}
/* 底部渐变，保证角标可读（对齐参考图的公众号角标样式） */
.wx-aside-photo::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:42%;
  background:linear-gradient(to top,rgba(3,6,12,.72),rgba(3,6,12,0));
  border-radius:0 0 var(--radius) var(--radius);pointer-events:none;
}
/* 公众号角标：右下角，半透明白字 + 微信图标（仿参考图） */
.wx-photo-badge{
  position:absolute;right:12px;bottom:12px;z-index:2;
  display:inline-flex;align-items:center;gap:6px;
  font-size:12px;font-weight:600;color:rgba(255,255,255,.92);
  letter-spacing:.3px;text-shadow:0 1px 4px rgba(0,0,0,.6);
}
.wx-photo-badge svg{opacity:.96;flex:none;}
.wx-post__title a{color:inherit;text-decoration:none;}
.wx-post__title a:hover{color:#22D3EE;}
.wx-post__more{display:inline-block;margin-top:8px;color:#22D3EE;font-weight:600;text-decoration:none;}
.wx-post__more:hover{text-decoration:underline;}

/* 文章卡片：横向大方（缩略图 + 日期 + 标题 + 摘要），对齐参考站新闻中心 */
.wx-post--row{position:relative;flex-direction:row;align-items:stretch;gap:16px;padding:16px 18px;}
.wx-post__thumb{
  flex:0 0 132px;width:132px;aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;
  display:block;background:var(--card-2);
}
.wx-post__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease;}
.wx-post--row:hover .wx-post__thumb img{transform:scale(1.06);}
.wx-post__body{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1;}
.wx-post--row .wx-post__excerpt{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
/* 标题链接覆盖整卡，点卡片任意位置进整页宽的新闻列表页 */
.wx-post__title a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:var(--radius);}
/* 最新一篇（对应左栏封面）选中态 */
.wx-post--row.is-active{border-color:var(--cyan);background:rgba(34,211,238,.07);}
.wx-post--row.is-active:hover{border-color:var(--cyan);background:rgba(34,211,238,.10);}

@media (max-width:780px){
  .wx-wechat-layout{grid-template-columns:1fr;}
  .wx-post--row{flex-direction:column;}
  .wx-post__thumb{flex:none;width:100%;aspect-ratio:16 / 9;}
}

/* 公众号动态：左侧办公室大图的日期/标题/摘要叠加（同步最新一篇） */
.wx-aside-overlay{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  padding:16px 18px 40px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6);
}
.wx-aside-overlay__date{font-size:12px;opacity:.85;}
.wx-aside-overlay__title{font-size:20px;font-weight:700;margin:4px 0 6px;line-height:1.4;}
.wx-aside-overlay__excerpt{
  font-size:12px;line-height:1.6;opacity:.9;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
/* 无封面时正文占满，布局不塌 */
.wx-post--row .wx-post__body{flex:1 1 auto;}
/* 同步中 / 暂无文章：与左栏封面空位同款虚线骨架占位，不放假标题假图 */
.wx-posts__hint{margin:0 0 2px;padding:0;color:rgba(226,232,240,.55);font-size:13px;}
.wx-post--ph{
  background:rgba(255,255,255,.02);
  border:1px dashed rgba(148,163,184,.30);
  cursor:default;
}
.wx-post--ph:hover{border-color:rgba(148,163,184,.30);background:rgba(255,255,255,.02);transform:none;}
.wx-ph{
  background:rgba(148,163,184,.07);
  border:1px dashed rgba(148,163,184,.24);
  border-radius:12px;
}
.wx-ph-line{display:block;height:10px;border-radius:5px;background:rgba(148,163,184,.10);}
.wx-ph-line--date{width:38%;height:9px;}
.wx-ph-line--title{width:76%;height:14px;}
.wx-ph-line--excerpt{width:92%;height:9px;}

/* 分页：每页 4 条，其余页 hidden 但正文仍在源码里（GEO 不依赖 JS） */
.wx-page{display:flex;flex-direction:column;gap:16px;}
.wx-page[hidden]{display:none;}
.wx-pager{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  gap:8px;margin-top:6px;
}
.wx-pager__btn{
  min-width:34px;height:34px;padding:0 9px;
  border:1px solid var(--border);border-radius:8px;
  background:var(--card);color:var(--text-2);
  font:inherit;font-size:13px;line-height:1;cursor:pointer;
  transition:border-color .2s,background .2s,color .2s,transform .2s;
}
.wx-pager__btn:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan);transform:translateY(-1px);}
.wx-pager__btn.is-current{
  background:#22D3EE;border-color:#22D3EE;color:#04121A;font-weight:700;cursor:default;
}
.wx-pager__btn.is-current:hover{transform:none;}
.wx-pager__btn:disabled{opacity:.38;cursor:not-allowed;}
.wx-pager__nav{font-size:16px;}

@media (max-width:480px){
  .wx-aside-overlay{padding:12px 14px 34px;}
  .wx-aside-overlay__title{font-size:14px;}
  .wx-aside-overlay__excerpt{-webkit-line-clamp:1;}
}

/* 新闻动态：整页宽的公众号文章列表（大封面 + 粗标题 + 日期 + 摘要 + 实心箭头） */
.news-list{display:flex;flex-direction:column;gap:18px;}
.news-item{
  display:flex;align-items:center;gap:26px;
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  padding:22px 26px;transition:border-color .2s,background .2s,box-shadow .2s;
}
.news-item:hover{border-color:var(--border-strong);background:var(--card-2);box-shadow:0 10px 30px rgba(0,0,0,.18);}
/* 从公众号板块点进来时定位高亮 */
.news-item.is-target{border-color:var(--cyan);background:rgba(34,211,238,.08);}
.news-item__thumb{flex:0 0 168px;width:168px;height:112px;border-radius:10px;overflow:hidden;background:rgba(148,163,184,.08);}
.news-item__thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.news-item__body{flex:1 1 auto;min-width:0;}
.news-item__date{font-family:var(--font-num);font-size:12px;color:var(--cyan);}
.news-item__title{margin:7px 0 9px;font-size:19px;font-weight:700;line-height:1.5;color:#F1F5F9;}
.news-item__title a{color:inherit;text-decoration:none;}
.news-item__title a:hover{color:var(--cyan);}
.news-item__desc{
  margin:0;font-size:14px;line-height:1.8;color:var(--text-2);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.news-item__go{
  flex:0 0 44px;width:44px;height:44px;border-radius:8px;
  display:grid;place-items:center;text-decoration:none;line-height:1;font-size:24px;
  background:var(--cyan);border:1px solid var(--cyan);color:#04121A;font-weight:700;
}
.news-item__go:hover{background:#67E8F9;border-color:#67E8F9;transform:translateY(-2px);}
.wx-aside-overlay__title a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);}
.wx-aside-overlay__title a:hover{border-bottom-color:#22D3EE;}

/* 站内文章详情页 */
.section--article{padding-top:44px;padding-bottom:72px;}
.article{max-width:1100px;margin:0 auto;}
.article__h1{font-size:34px;}
.article__lead{
  margin:0 0 30px;padding:18px 22px;border-left:3px solid var(--cyan);
  background:var(--card);color:var(--text-2);font-size:16px;line-height:1.85;
}
.article__content{font-size:17px;line-height:1.85;color:#E2E8F0;overflow-wrap:break-word;}
.article__content p{margin:0 0 1.15em;}
.article__content img{max-width:100%;height:auto;display:block;margin:24px auto;border-radius:10px;}
.article__content h1,.article__content h2,.article__content h3,.article__content h4{color:#F1F5F9;margin:1.5em 0 .7em;line-height:1.5;font-weight:700;}
.article__content h1{font-size:24px;}
.article__content h2{font-size:21px;}
.article__content h3{font-size:18px;}
.article__content h4{font-size:16px;}
.article__content > :first-child{margin-top:0;}
.article__content strong,.article__content b{color:#F1F5F9;font-weight:700;}
.article__content a{color:var(--cyan);}
.article__content blockquote{margin:1.4em 0;padding:12px 20px;border-left:3px solid var(--cyan);background:var(--card);color:var(--text-2);}
.article__content ul,.article__content ol{margin:0 0 1.1em;padding-left:1.5em;}
.article__content li{margin:.35em 0;}
.article__content section,.article__content div,.article__content table{max-width:100%;}
/* 兜底：即便以后微信又塞回内联样式，也不让正文出现白底黑字补丁 */
.article__content [style]{background:transparent!important;color:inherit!important;font-family:inherit!important;}
.article__fallback{padding:20px;background:var(--card);border:1px dashed var(--border);color:var(--text-2);}
.article__foot{margin-top:36px;padding-top:24px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;align-items:center;gap:14px;}
.article__foot p{flex:1 1 100%;margin:6px 0 0;font-size:13px;color:var(--text-3);}

@media (max-width:640px){
  .news-item{gap:14px;padding:14px;}
  .news-item__thumb{flex-basis:92px;width:92px;height:70px;}
  .news-item__title{font-size:15px;}
  .news-item__desc{font-size:13px;}
  .article__h1{font-size:24px;}
  .section--article{padding-top:28px;padding-bottom:48px;}
}

/* =========================================================
   新闻中心 · 浅底绿主题（照参考站 northwest-bio.com 的版式）
   作用域 .lz-light：仅 news.html / 文章详情页 / culture.html 新闻板块，
   站内其它页面继续用上面的深色科技风，互不影响。
   ========================================================= */
.lz-page{background:#f5f7f6;}
.lz-light{
  --bg:#f5f7f6; --bg-alt:#fff;
  --card:#fff; --card-2:#f9f9f9;
  --border:#e8e8e8; --border-strong:#d6ddd9;
  --text-1:#333; --text-2:#666; --text-3:#999; --text-4:#9aa3a0;
  --cyan:#22905d;
  --grad:linear-gradient(135deg,#22905d 0%,#1a724a 100%);
  --radius:6px;
  background:var(--bg);color:var(--text-2);
}
.lz-greenbg{
  background-color:#12805a;
  background-image:radial-gradient(rgba(255,255,255,.15) 1px,transparent 1px);
  background-size:26px 26px;
}
.lz-light.lz-home{
  background-color:#12805a;
  background-image:radial-gradient(rgba(255,255,255,.15) 1px,transparent 1px);
  background-size:26px 26px;
}
.lz-hero{position:relative;overflow:hidden;color:#fff;padding:32px 0 28px;}
.lz-hero::after{content:"";position:absolute;inset:0;opacity:.10;background:repeating-linear-gradient(115deg,transparent 0 42px,rgba(255,255,255,.55) 42px 43px);pointer-events:none;}
.lz-hero__inner{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:0 40px;}
.lz-hero__en{display:block;font-size:clamp(30px,4.4vw,52px);font-weight:700;letter-spacing:2px;line-height:1;color:rgba(255,255,255,.42);}
.lz-hero__cn{display:block;margin:-8px 0 0;font-size:clamp(26px,3.4vw,40px);font-weight:700;letter-spacing:2px;color:#fff;}
.lz-wrap{max-width:1240px;margin:0 auto;padding:26px 40px 56px;}
.lz-wrap--home{padding:0 40px 40px;}
.lz-pagehead{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:0 2px 16px;border-bottom:2px solid #22905d;margin-bottom:18px;}
.lz-pagehead__title{margin:0;font-size:22px;font-weight:700;color:#333;line-height:1.3;}
.lz-crumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;color:#999;}
.lz-crumb a{color:#666;}
.lz-crumb a:hover{color:#22905d;}
.lz-crumb .sep{color:#ccc;}
.lz-crumb .cur{color:#22905d;}
.lz-card{background:#fff;border:1px solid #e8e8e8;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1);}
.lz-list{overflow:hidden;}
.lz-row{display:flex;align-items:center;gap:20px;padding:25px 30px;position:relative;transition:box-shadow .3s ease,transform .3s ease;}
.lz-row + .lz-row{border-top:1px solid #eee;}
.lz-row:hover{box-shadow:0 5px 15px rgba(0,0,0,.1);transform:translateY(-3px);}
.lz-row__link{display:flex;align-items:center;gap:20px;flex:1;min-width:0;text-decoration:none;color:inherit;}
.lz-row__thumb{flex:0 0 120px;width:120px;height:90px;object-fit:cover;border-radius:4px;display:block;background:#eef2ef;}
.lz-row__body{flex:1;min-width:0;}
.lz-row__title{margin:0 0 8px;font-size:18px;font-weight:600;line-height:1.4;color:#333;}
.lz-row__title a{color:inherit;text-decoration:none;}
.lz-row__title a:hover{color:#22905d;}
.lz-row__date{display:block;margin-bottom:10px;font-size:14px;color:#999;font-family:var(--font-num);}
.lz-row__sum{margin:0;font-size:15px;line-height:1.5;color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.lz-row__go{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;background:#22905d;color:#fff;font-size:20px;font-weight:700;text-decoration:none;border-radius:0;transition:background .2s ease;}
.lz-row__go:hover{background:#1a724a;}
.lz-row.is-target{background:#f0f7f4;box-shadow:inset 4px 0 0 #22905d;}
.lz-row--ph{cursor:default;}
.lz-row--ph:hover{box-shadow:none;transform:none;}
.lz-ph{flex:0 0 120px;width:120px;height:90px;border:1px dashed #d6ddd9;border-radius:4px;background:#f6f8f7;}
.lz-ph-line{display:block;height:12px;border-radius:3px;background:#e6ebe8;margin-bottom:10px;}
.lz-ph-line--title{width:62%;height:18px;}
.lz-ph-line--date{width:20%;height:11px;}
.lz-ph-line--sum{width:90%;height:12px;}
.lz-ph-go{flex:0 0 40px;width:40px;height:40px;background:#e6ebe8;border-radius:0;}
.lz-light .wx-page{display:flex;flex-direction:column;gap:0;}
.lz-light .wx-page[hidden]{display:none;}
.lz-list .wx-page{gap:0;}
.lz-white__right .wx-page{gap:clamp(8px,1.2vw,14px);}
.lz-light .wx-pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:26px;}
.lz-light .wx-pager__btn{min-width:36px;height:36px;padding:0 9px;border:1px solid #d9e2dc;border-radius:4px;background:#fff;color:#555;font:inherit;font-size:13px;line-height:1;cursor:pointer;transition:all .2s;}
.lz-light .wx-pager__btn:hover:not(:disabled){border-color:#22905d;color:#22905d;}
.lz-light .wx-pager__btn.is-current{background:#22905d;border-color:#22905d;color:#fff;font-weight:700;cursor:default;}
.lz-light .wx-pager__btn.is-current:hover{transform:none;}
.lz-light .wx-pager__btn:disabled{opacity:.4;cursor:not-allowed;}
.lz-light .wx-pager__nav{font-size:16px;}
.lz-home-section{padding:0;}
.lz-white{display:flex;align-items:stretch;gap:clamp(16px,2.2vw,28px);background:#fff;padding:clamp(16px,2.5vw,30px);border:1px solid #e8e8e8;border-radius:4px;box-shadow:0 5px 15px rgba(0,0,0,.1);}
.lz-white__left{flex:0 0 50%;max-width:50%;min-width:0;}
.lz-white__right{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0;}
.lz-light .lz-white__left .wx-aside-photo{height:100%;min-height:18rem;border-radius:6px;}
.lz-light .lz-white__left .wx-aside-photo--empty{aspect-ratio:auto;background:#eef2ef;border:1px dashed #cdd8d1;}
.lz-light .lz-white__left .wx-aside-photo--empty:has(img){background:#eef2ef;border:0;}
.lz-light .lz-white__left .wx-aside-photo--empty img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:6px;}
.lz-light .lz-white__left .wx-aside-photo img{border-radius:6px;box-shadow:none;}
.lz-light .lz-white__left .wx-aside-photo::after{border-radius:0 0 6px 6px;}
.lz-light .wx-aside-photo__hint{color:#7c8d84;}
.lz-light .wx-aside-overlay{padding:16px 18px 42px;}
.lz-light .wx-aside-overlay__date{font-size:clamp(22px,2.4vw,34px);font-weight:700;line-height:1.05;opacity:1;margin-bottom:-2px;}
.lz-light .wx-aside-overlay__title{font-size:clamp(17px,1.7vw,23px);font-weight:700;line-height:1.25;margin:6px 0;}
.lz-light .wx-aside-overlay__excerpt{font-size:13px;line-height:1.45;-webkit-line-clamp:3;}
.lz-light .wx-aside-overlay__title a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45);}
.lz-light .wx-photo-badge{color:rgba(255,255,255,.9);}
.lz-light .wx-post--row{display:flex;flex-direction:row;align-items:center;gap:clamp(12px,1.6vw,20px);padding:clamp(12px,1.6vw,20px);background:#f9f9f9;border:1px solid #e8e8e8;border-radius:6px;transition:all .3s ease;}
.lz-light .wx-post--row:hover{transform:translateX(8px);box-shadow:0 6px 16px rgba(0,0,0,.15);background:#f0f7f4;border-color:#22905d;}
.lz-light .wx-post--row.is-active{border-color:#22905d;background:#f0f7f4;}
.lz-light .wx-post--row.is-active:hover{border-color:#22905d;background:#e8f4ed;}
.lz-light .wx-post__thumb{flex:0 0 clamp(72px,9vw,112px);width:clamp(72px,9vw,112px);height:clamp(50px,6.5vw,80px);aspect-ratio:auto;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);}
.lz-light .wx-post__thumb img{height:100%;}
.lz-light .wx-post__body{gap:4px;}
.lz-light .wx-post__date{font-size:13px;font-weight:600;color:#22905d;}
.lz-light .wx-post__title{font-size:14px;font-weight:600;line-height:1.4;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.lz-light .wx-post__title a{color:inherit;}
.lz-light .wx-post__title a:hover{color:#22905d;}
.lz-light .wx-post__excerpt{display:none;}
.lz-light .wx-post--ph{background:#f9f9f9;border:1px dashed #d9e2dc;cursor:default;}
.lz-light .wx-post--ph:hover{transform:none;box-shadow:none;background:#f9f9f9;border-color:#d9e2dc;}
.lz-light .wx-ph{background:#eef2ef;border-color:#d9e2dc;}
.lz-light .wx-ph-line{background:#e6ebe8;}
.lz-light .wx-posts__hint,.lz-light .wx-aside-photo__hint{color:#8a9991;}
.lz-doc{background:#fff;border:1px solid #e8e8e8;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:clamp(24px,4vw,50px);max-width:1200px;margin:0 auto;overflow-x:hidden;}
.lz-doc__title{font-size:clamp(24px,3vw,36px);font-weight:600;color:#333;line-height:1.35;margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid #eee;}
.lz-doc .article__content{font-size:clamp(16px,1.2vw,18px);line-height:1.9;color:#555;text-align:justify;overflow-wrap:break-word;}
.lz-doc .article__content p{margin:14px 0;}
.lz-doc .article__content h1,.lz-doc .article__content h2,.lz-doc .article__content h3,.lz-doc .article__content h4{color:#333;font-weight:600;line-height:1.4;margin:1.6em 0 .9em;}
.lz-doc .article__content h1{font-size:26px;padding-bottom:10px;border-bottom:1px solid #eee;}
.lz-doc .article__content h2{font-size:clamp(20px,2vw,26px);border-left:4px solid #22905d;padding-left:14px;}
.lz-doc .article__content h3{font-size:20px;}
.lz-doc .article__content h4{font-size:17px;}
.lz-doc .article__content > :first-child{margin-top:0;}
.lz-doc .article__content strong,.lz-doc .article__content b{color:#333;font-weight:700;}
.lz-doc .article__content a{color:#22905d;}
.lz-doc .article__content blockquote{margin:1.5em 0;padding:12px 18px;border-left:4px solid #22905d;background:#f0f7f4;color:#555;}
.lz-doc .article__content ul,.lz-doc .article__content ol{margin:14px 0;padding-left:1.6em;}
.lz-doc .article__content li{margin:.4em 0;}
.lz-doc .article__content img{max-width:100%;height:auto;display:block;margin:24px auto;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.1);}
.lz-doc .article__content section,.lz-doc .article__content div,.lz-doc .article__content table{max-width:100%;}
.lz-doc .article__content [style]{background:transparent!important;color:inherit!important;font-family:inherit!important;}
.lz-doc .article__fallback{padding:24px;background:#f9f9f9;border:1px dashed #d9e2dc;color:#666;text-align:center;}
.lz-doc__foot{margin-top:32px;padding-top:18px;border-top:1px solid #eee;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;font-size:13px;color:#999;}
.lz-doc__foot a{color:#666;}
.lz-doc__foot a:hover{color:#22905d;}
@media (max-width:900px){
  .lz-white{flex-direction:column;}
  .lz-white__left,.lz-white__right{max-width:100%;flex:1 1 auto;width:100%;}
  .lz-light .lz-white__left .wx-aside-photo{min-height:260px;}
  .lz-light .wx-post--row{flex-direction:row;}
}
@media (max-width:640px){
  .lz-hero__inner,.lz-wrap,.lz-wrap--home{padding-left:18px;padding-right:18px;}
  .lz-pagehead{flex-direction:column;align-items:flex-start;}
  .lz-row,.lz-row--ph{padding:18px 16px;gap:12px;}
  .lz-row__link{gap:14px;}
  .lz-row__thumb,.lz-ph{flex-basis:96px;width:96px;height:72px;}
  .lz-row__title{font-size:16px;}
  .lz-row__date{font-size:13px;}
  .lz-row__sum{font-size:14px;-webkit-line-clamp:2;}
  .lz-row__go,.lz-ph-go{flex-basis:36px;width:36px;height:36px;}
  .lz-doc{padding:22px 18px;}
  .lz-light .wx-post__thumb{flex-basis:72px;width:72px;height:54px;}
}

/* 浅底绿：作用域补全（导航 / 页脚 / 绿底 banner / 白卡列表 / 白卡正文） */
.lz-light a:focus-visible,
.lz-light button:focus-visible{outline-color:#22905d;}
.lz-light .lz-hero{
  background-color:#12805a;
  background-image:radial-gradient(rgba(255,255,255,.15) 1px,transparent 1px);
  background-size:26px 26px;
  padding:34px 0 30px;
}
.lz-light .lz-hero__note{
  display:block;position:relative;z-index:1;margin-top:8px;
  font-size:13px;letter-spacing:.5px;color:rgba(255,255,255,.78);
}
.lz-light.lz-home .section__inner.lz-wrap--home{
  max-width:1240px;padding:0 40px 40px;
}
.lz-light .lz-pagehead__title{color:#333;}
.lz-light .lz-crumb{color:#999;}
.lz-light .lz-crumb a{color:#666;}
.lz-light .lz-crumb a:hover,
.lz-light .lz-crumb .cur{color:#22905d;}
.lz-light .lz-card,.lz-light .lz-doc,.lz-light .lz-white{border-color:#e8e8e8;}
.lz-light .lz-row__link:hover .lz-row__title{color:#22905d;}
.lz-light .lz-row__link:hover .lz-row__go{background:#1a724a;}
.lz-light .lz-row__date{color:#999;}
.lz-light .lz-row__sum{color:#666;}
.lz-light .lz-card .wx-pager{
  margin:0;padding:20px 30px;
  border-top:1px solid #eee;border-radius:0 0 4px 4px;
}

/* 导航：浅底绿页面内改为白底绿字，避免延续深色硬编码 */
.lz-light .nav{
  background:rgba(255,255,255,.96);
  border-bottom:1px solid #e8e8e8;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.lz-light .nav__inner{max-width:1240px;height:72px;padding:0 40px;}
.lz-light .brand__name,
.lz-light .brand__text strong{color:#333;}
.lz-light .brand__company{color:#777;}
.lz-light .nav__links a{color:#555;}
.lz-light .nav__links a:hover,
.lz-light .nav__links a.is-active{color:#22905d;}
.lz-light .nav__cta{
  padding:10px 20px;border-radius:4px;
  background:#22905d;color:#fff;box-shadow:none;
}
.lz-light .nav__cta:hover{background:#1a724a;transform:none;box-shadow:none;}
.lz-light .nav__toggle{
  border-color:#d9e2dc;border-radius:4px;background:#fff;
}
.lz-light .nav__toggle span{background:#555;}

/* 页脚：浅灰绿底，绿色链接高亮 */
.lz-light .footer{
  background:#eef3f0;
  border-top:1px solid #d9e2dc;
  color:#666;
  padding:56px 40px 32px;
}
.lz-light .footer__inner{max-width:1240px;}
.lz-light .footer__col h4{color:#22905d;}
.lz-light .footer__col a,
.lz-light .footer__col--contact p{color:#555;}
.lz-light .footer__col a:hover{color:#22905d;}
.lz-light .footer__desc{color:#777;}
.lz-light .footer__qr{display:flex;flex-direction:row;align-items:flex-start;gap:12px;margin-top:2px;flex-wrap:wrap;}
.lz-light .footer__qr img{display:block;width:148px;height:148px;background:#fff;border:1px solid #dfe7e1;border-radius:6px;box-sizing:content-box;}
.lz-light .footer__brand .brand__text strong{color:#333;}
.lz-light .footer__bottom{border-top-color:#d9e2dc;}
.lz-light .footer__bottom p{color:#8a9991;}
.lz-light .footer__col--contact svg [stroke]{stroke:#22905d;}
.lz-light .copy-email{color:#22905d;}
.lz-light .copy-email--done{color:#1a724a;}
.lz-light .btn--primary{
  background:#22905d;color:#fff;box-shadow:none;
}
.lz-light .btn--primary:hover{background:#1a724a;box-shadow:none;}

/* 详情页：白卡纯正文 */
.lz-light .lz-doc__title{
  margin:0 0 16px;padding:0 0 0 14px;
  border-bottom:0;border-left:4px solid #22905d;
  font-size:clamp(24px,3vw,36px);font-weight:700;color:#333;line-height:1.35;
}
.lz-light .lz-doc__meta{
  margin:0 0 26px;padding-left:18px;
  font-size:14px;color:#999;
}
.lz-doc .article__content img{max-width:100%;box-shadow:0 2px 8px rgba(0,0,0,.1);}
.lz-light .lz-doc__foot a{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 16px;border:1px solid #22905d;border-radius:3px;
  color:#22905d;font-size:13px;text-decoration:none;
}
.lz-light .lz-doc__foot a:hover{background:#22905d;color:#fff;}

@media (max-width:768px){
  .lz-light .nav__inner{height:64px;padding:0 18px;}
  .lz-light .nav__cta{display:none;}
  .lz-light .nav__links{
    background:#fff;
    border-bottom:1px solid #e8e8e8;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }
  .lz-light .nav__links a{border-bottom-color:#eee;}
  .lz-light .nav__toggle{display:inline-flex;}
}
@media (max-width:640px){
  .lz-light .lz-hero{padding:28px 0 24px;}
  .lz-light .lz-hero__inner{padding-left:18px;padding-right:18px;}
  .lz-light.lz-home .section__inner.lz-wrap--home{padding-left:18px;padding-right:18px;padding-bottom:28px;}
  .lz-light .footer{padding:40px 18px 28px;}
  .lz-light .lz-doc__title{font-size:24px;}
}

/* =========================================================
   整站 · 浅底绿主题（全站统一）
   所有页面 body 加 class="lz-page lz-light"：变量由 .lz-light 提供浅色，
   本层只覆盖旧深色主题里「硬编码」的白字 / 青色 / 深色块，
   不改动上面已验证的新闻三块组件。
   ========================================================= */
html{background:#f5f7f6;}
body.lz-light{background:#f5f7f6;color:#666;}

/* 氛围光：浅底不需要青紫光晕 */
.lz-light .glow{display:none;}

/* ---------- 首页首屏：绿底 Banner ---------- */
.lz-light .hero{
  background-color:#12805a;
  background-image:radial-gradient(rgba(255,255,255,.15) 1px,transparent 1px);
  background-size:26px 26px;
  padding:52px 40px 44px;
}
.lz-light .hero__title{color:#fff;}
.lz-light .hero .grad-text{background:none;-webkit-text-fill-color:#fff;color:#fff;}
.lz-light .hero__sub{color:rgba(255,255,255,.85);}
.lz-light .badge{
  color:rgba(255,255,255,.92);background:rgba(255,255,255,.15);
  border-color:rgba(255,255,255,.3);
}
.lz-light .trust__item{color:rgba(255,255,255,.85);}
/* 只把首屏左侧文字区的图标改白，不碰右侧模拟窗内的图标 */
.lz-light .hero__left svg [stroke],
.lz-light .badge svg [stroke],
.lz-light .trust svg [stroke]{stroke:#fff;}

/* 首页模拟窗：白卡 + 浅灰绿骨架 */
.lz-light .mockup{background:#fff;border-color:#d9e2dc;box-shadow:0 18px 40px rgba(0,0,0,.14);}
.lz-light .mockup__bar{background:#eef3f0;}
.lz-light .mockup__url{background:rgba(34,144,93,.07);color:#888;}
.lz-light .mockup__url svg [stroke]{stroke:#22905d;}
.lz-light .mockup__body{background:#fff;}
.lz-light .mockup__logo-text{color:#555;}
.lz-light .mockup__navbars{background:rgba(34,144,93,.28);}
.lz-light .mockup__line{background:rgba(34,144,93,.45);}
.lz-light .mockup__line--md{background:rgba(34,144,93,.22);}
.lz-light .mockup__line--sm{background:rgba(34,144,93,.16);}
.lz-light .mockup__line--xs{background:rgba(34,144,93,.10);}
.lz-light .mockup__hero{background:rgba(34,144,93,.07);border-color:#e8e8e8;}
.lz-light .mockup__card{background:#fff;border-color:#e8e8e8;}
.lz-light .mockup__card-ico{background:#22905d;}
.lz-light .chip{background:rgba(255,255,255,.96);border-color:#d9e2dc;}
.lz-light .chip--tag{color:#555;}
.lz-light .chip--stat small{color:#888;}
.lz-light .chip svg [stroke]{stroke:#22905d;}

/* ---------- 内页页头：绿底 Banner（与新闻中心一致） ---------- */
.lz-light .subhero{
  background-color:#12805a;
  background-image:radial-gradient(rgba(255,255,255,.15) 1px,transparent 1px);
  background-size:26px 26px;
  padding:34px 0 30px;
  border-bottom:0;
}
.lz-light .subhero__inner{max-width:1240px;margin:0 auto;padding:0 40px;}
.lz-light .breadcrumb,
.lz-light .breadcrumb a{color:rgba(255,255,255,.75);}
.lz-light .breadcrumb a:hover{color:#fff;}
.lz-light .breadcrumb span{color:rgba(255,255,255,.6);}
.lz-light .subhero__title{color:#fff;font-size:clamp(26px,3.4vw,40px);}
.lz-light .subhero__sub{color:rgba(255,255,255,.85);}

/* ---------- 数据条 / 通用板块 ---------- */
.lz-light .stats{background:#fff;}
.lz-light .stat__label{color:#888;}
.lz-light .section__title{color:#333;}
.lz-light .section__sub{color:#666;}
.lz-light .eyebrow{color:#22905d;}
.lz-light .eyebrow i{background:#22905d;}

/* ---------- 卡片 / 图标 / 标题 ---------- */
.lz-light .svc-card,.lz-light .adv-card,.lz-light .prod-card,
.lz-light .culture-card,.lz-light .faq-card,.lz-light .rule-item,
.lz-light .news-card,.lz-light .about__loc,
.lz-light .wx-linkage{background:#fff;border-color:#e8e8e8;}
.lz-light .svc-card:hover,.lz-light .adv-card:hover,
.lz-light .prod-card:hover{border-color:#cdd8d1;background:#fbfcfb;}
.lz-light .svc-card__ico,.lz-light .adv-card__ico,.lz-light .prod-card__ico{
  background:rgba(34,144,93,.08);border-color:rgba(34,144,93,.2);
}
.lz-light .svc-card__ico svg [stroke],
.lz-light .adv-card__ico svg [stroke],
.lz-light .prod-card__ico svg [stroke]{stroke:#22905d;}
.lz-light .svc-card__title,.lz-light .adv-card__title,
.lz-light .prod-card__ph,.lz-light .culture-card__title,
.lz-light .faq-card__q,.lz-light .rule-item__title,
.lz-light .about__wechat-name,.lz-light .about__loc-title,
.lz-light .about__loc-addr strong,
.lz-light .step__title{color:#333;}
.lz-light .adv-card__no{color:rgba(34,144,93,.55);}
.lz-light .tag{color:#22905d;background:rgba(34,144,93,.07);border-color:rgba(34,144,93,.2);}
.lz-light .steps::before{
  background:linear-gradient(90deg,rgba(34,144,93,0),rgba(34,144,93,.45),rgba(34,144,93,0));
}
.lz-light .step__no{box-shadow:0 2px 10px rgba(34,144,93,.28);}
.lz-light .service-strip{background:#fff;border-color:#e8e8e8;color:#666;}

/* ---------- 照片占位 / 资质 / 地址 ---------- */
.lz-light .photo-ph{background:#f6f8f7;border-color:#d6ddd9;color:#888;}
.lz-light .photo-ph::before{background:#e6ebe8;color:#888;}
.lz-light .cred__license{border-color:#e8e8e8;}
.lz-light .about__loc-tag{background:rgba(34,144,93,.06);border-color:rgba(34,144,93,.2);color:#555;}
.lz-light .about__loc-tag svg [stroke]{stroke:#22905d;}
.lz-light .about__wechat-id{color:#22905d;}
.lz-light .rule-item__no{color:#fff;background:var(--grad);}

/* ---------- CTA 面板：浅绿卡，与白底 section 拉开层次 ---------- */
.lz-light .cta-panel{
  background:linear-gradient(135deg,#eef6f1 0%,#e4f1ea 100%);
  border:1px solid #cfe3d6;box-shadow:none;border-radius:8px;
}
.lz-light .cta-panel__title{color:#1a6b47;}
.lz-light .cta-panel__sub{color:#5a6f63;}
.lz-light .cta-panel__area{color:#6d8275;}
.lz-light .cta-panel__area svg [stroke]{stroke:#22905d;}
.lz-light .btn--ghost{background:#fff;color:#555;border-color:#d9e2dc;}
.lz-light .btn--ghost:hover{background:rgba(34,144,93,.08);}
.lz-light .btn--primary{box-shadow:0 6px 18px rgba(34,144,93,.25);}
.lz-light .btn--primary:hover{box-shadow:0 10px 26px rgba(34,144,93,.3);}
.lz-light .btn--primary svg [stroke]{stroke:#fff;}
/* 绿底 Banner 上的主按钮反白，避免绿按钮贴在绿底上看不清 */
.lz-light .hero .btn--primary,
.lz-light .subhero .btn--primary{background:#fff;color:#1a724a;box-shadow:none;}
.lz-light .hero .btn--primary:hover,
.lz-light .subhero .btn--primary:hover{background:#eef8f2;box-shadow:none;}
.lz-light .hero .btn--primary svg [stroke],
.lz-light .subhero .btn--primary svg [stroke]{stroke:#1a724a;}
.lz-light .hero .btn--ghost,
.lz-light .subhero .btn--ghost{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.5);}
.lz-light .hero .btn--ghost:hover,
.lz-light .subhero .btn--ghost:hover{background:rgba(255,255,255,.24);}

/* ---------- 产品 / 文化 / 公众号联动 ---------- */
.lz-light .prod-card__phimg{background:#f6f8f7;border-color:#d6ddd9;color:#999;}
.lz-light img.prod-card__phimg{background:#fff;border-color:#d9e2dc;}
.lz-light .culture-note{color:#888;}
.lz-light .news-card__title{color:#333;}
.lz-light .wx-node{background:#f9f9f9;border-color:#e8e8e8;}
.lz-light .wx-sync svg{color:#22905d;}
.lz-light .wx-post__title a:hover,
.lz-light .wx-post__more{color:#22905d;}
.lz-light .wx-post--row.is-active{border-color:#22905d;background:rgba(34,144,93,.06);}
.lz-light .news-item__title{color:#333;}
.lz-light .news-item__go{background:#22905d;border-color:#22905d;color:#fff;}
.lz-light .news-item__thumb{background:#f6f8f7;}
.lz-light .article__content{color:#555;}
.lz-light .article__content h1,.lz-light .article__content h2,
.lz-light .article__content h3,.lz-light .article__content h4,
.lz-light .article__content strong,.lz-light .article__content b{color:#333;}
.lz-light .article__lead,.lz-light .article__content blockquote{background:#fff;border-color:#22905d;}

/* ---------- 留言表单 ---------- */
.lz-light .msg-form{background:#fff;border-color:#e8e8e8;}
.lz-light .msg-field label{color:#333;}
.lz-light .msg-form input,
.lz-light .msg-form select,
.lz-light .msg-form textarea{background:#fff;color:#333;border-color:#d9e2dc;}
.lz-light .msg-form input:focus,
.lz-light .msg-form select:focus,
.lz-light .msg-form textarea:focus{
  border-color:#22905d;background:rgba(34,144,93,.04);
  box-shadow:0 0 0 3px rgba(34,144,93,.14);
}
.lz-light .msg-form input::placeholder,
.lz-light .msg-form textarea::placeholder{color:#a7b0ab;}
.lz-light .msg-field__err,.lz-light .req{color:#dc2626;}
.lz-light .msg-status--ok{color:#166534;background:rgba(34,144,93,.10);border-color:rgba(34,144,93,.3);}
.lz-light .msg-status--err{color:#b91c1c;background:rgba(220,38,38,.08);border-color:rgba(220,38,38,.25);}
.lz-light .msg-form__hint{color:#888;}

/* ---------- 隐私政策 ---------- */
.lz-light .policy__updated{background:#f9f9f9;border-color:#d9e2dc;color:#888;}
.lz-light .policy__sec h2{color:#333;border-image:var(--grad) 1;}
.lz-light .policy__sec p,.lz-light .policy__list li{color:#666;}
.lz-light .policy__contact{background:#f9f9f9;border-color:#d9e2dc;}
.lz-light .policy__contact strong{color:#333;}

/* ---------- 邮箱弹窗 / 复制提示 ---------- */
.lz-light .copy-email{color:#22905d;}
.lz-light .copy-email--done{color:#1a724a;}
.lz-light .copy-toast{background:#fff;color:#333;border-color:#22905d;box-shadow:0 10px 30px rgba(0,0,0,.14);}
.lz-light .mail-modal{background:#fff;border-color:#d9e2dc;color:#333;}
.lz-light .mail-modal__close{color:#888;}
.lz-light .mail-modal__close:hover{color:#333;background:#f0f7f4;}
.lz-light .mail-modal__title{color:#333;}
.lz-light .mail-modal__to{color:#22905d;}
.lz-light .mail-modal__form label{color:#555;}
.lz-light .mail-modal__form input,
.lz-light .mail-modal__form textarea{background:#fff;border-color:#d9e2dc;color:#333;}
.lz-light .mail-modal__form input:focus,
.lz-light .mail-modal__form textarea:focus{border-color:#22905d;box-shadow:0 0 0 3px rgba(34,144,93,.18);}
.lz-light .mail-modal__hint{color:#888;}
.lz-light .mail-modal__submit{background:#22905d;color:#fff;}

@media (max-width:768px){
  .lz-light .hero{padding:56px 20px 44px;}
  .lz-light .subhero{padding:28px 0 24px;}
  .lz-light .subhero__inner{padding:0 20px;}
  .lz-light .hero__left svg [stroke],
  .lz-light .badge svg [stroke],
  .lz-light .trust svg [stroke]{stroke:#fff;}
}