.hero {
  min-height: 790px;
  position: relative;
  overflow: hidden;
  background: #ffffff;
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("/assets/hero-lazytree-lake.webp");
  background-size: cover;
  background-position: center center;
}

.hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 96px;
  background: linear-gradient(180deg, rgba(255,255,255,0), #fff 96%);
}

.hero-content {
  width: min(1200px, calc(100% - 64px));
  min-height: 790px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-top: 64px;
}

.hero-kicker {
  font-size: 14px;
  letter-spacing: .28em;
  font-weight: 700;
  color: var(--green);
  margin-bottom: 22px;
}

.hero h1 {
  margin: 0;
  font-size: clamp(56px, 6vw, 92px);
  line-height: 1.08;
  letter-spacing: -.07em;
  font-weight: 500;
  color: var(--green);
}

.hero h2 {
  margin: 20px 0 0;
  font-size: clamp(22px, 2.3vw, 34px);
  font-weight: 400;
  letter-spacing: .08em;
  color: #2c4138;
}

.hero p {
  max-width: 560px;
  margin: 32px auto 0;
  font-size: 16px;
  line-height: 2.05;
  color: #3d4e46;
}

.hero-actions {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  gap: 22px;
}

.btn {
  height: 46px;
  padding: 0 32px;
  border-radius: 4px;
  border: 1px solid rgba(15,59,43,.25);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
}

.btn-primary {
  background: var(--green);
  color: #fff;
  border-color: var(--green);
}

.btn-light {
  background: rgba(255,255,255,.58);
  color: var(--green);
}

.scroll-tip {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 34px;
  transform: translateX(-50%);
  color: rgba(255,255,255,.92);
  font-size: 13px;
  letter-spacing: .08em;
}

.scroll-tip::after {
  content: "";
  width: 1px;
  height: 26px;
  background: rgba(255,255,255,.88);
  display: block;
  margin: 9px auto 0;
}

.section {
  width: min(1120px, calc(100% - 64px));
  margin: 0 auto;
  padding: 126px 0;
}

.section-head {
  text-align: center;
  margin-bottom: 68px;
}

.eyebrow {
  display: block;
  color: #8d948f;
  font-size: 12px;
  letter-spacing: .22em;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 14px;
}

.section h2 {
  margin: 0;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.25;
  font-weight: 500;
  letter-spacing: -.045em;
}

.title-line {
  width: 42px;
  height: 2px;
  background: var(--green);
  margin: 24px auto 0;
}

.business-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 26px;
}

.business-card {
  min-height: 280px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow);
  padding: 56px 30px 34px;
  text-align: center;
}

.business-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 30px;
  border-radius: 50%;
  background: var(--green2);
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 26px;
}

.business-card:nth-child(2) .business-icon,
.business-card:nth-child(4) .business-icon {
  background: var(--gold);
}

.business-card h3 {
  margin: 0 0 16px;
  font-size: 22px;
  font-weight: 500;
}

.business-card p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.9;
}

.card-arrow {
  display: inline-block;
  margin-top: 24px;
  color: var(--green);
  font-size: 22px;
}

.support-text {
  margin: 48px auto 0;
  max-width: 780px;
  text-align: center;
  color: #33423b;
  line-height: 1.9;
}

.split {
  display: grid;
  grid-template-columns: 1fr 1.05fr;
  gap: 84px;
  align-items: center;
}

.split .section-head {
  text-align: left;
  margin-bottom: 44px;
}

.split .title-line {
  margin-left: 0;
}

.capability-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 34px 54px;
}

.capability-item {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 18px;
}

.capability-icon {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(15,59,43,.16);
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: var(--green);
  font-size: 16px;
}

.capability-item h3 {
  margin: 0 0 7px;
  font-size: 16px;
}

.capability-item p {
  margin: 0;
  color: var(--muted);
  line-height: 1.75;
  font-size: 13px;
}

.image-card {
  height: 390px;
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(15,59,43,.02), rgba(15,59,43,.08)),
    url("/assets/hero-lazytree-lake.webp");
  background-size: cover;
  background-position: center;
  box-shadow: 0 18px 55px rgba(20,40,30,.12);
}

.partner-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid rgba(15,59,43,.06);
  border-bottom: 1px solid rgba(15,59,43,.06);
}

.partner-image {
  min-height: 440px;
  background:
    linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.16)),
    url("/assets/hero-lazytree-lake.webp");
  background-size: cover;
  background-position: center bottom;
}

.partner-content {
  padding: 90px 88px;
  display: flex;
  align-items: center;
}

.partner-content h2 {
  margin: 0;
  font-size: clamp(32px, 3.5vw, 46px);
  line-height: 1.28;
  font-weight: 500;
  letter-spacing: -.045em;
}

.partner-content p {
  margin: 25px 0 35px;
  color: var(--muted);
  line-height: 2;
  max-width: 500px;
}

.digital-section {
  padding-top: 128px;
}

.phone-wrap {
  min-height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.phone {
  width: 230px;
  height: 430px;
  border-radius: 36px;
  background: #102d24;
  padding: 13px;
  box-shadow: 0 28px 80px rgba(20,40,30,.18);
}

.phone-screen {
  width: 100%;
  height: 100%;
  border-radius: 25px;
  background:
    linear-gradient(180deg, rgba(15,59,43,.22), rgba(255,255,255,.05)),
    url("/assets/hero-lazytree-lake.webp");
  background-size: cover;
  background-position: center;
}

.download-actions {
  margin-top: 34px;
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
}

.store-btn {
  height: 44px;
  padding: 0 24px;
  border: 1px solid rgba(15,59,43,.18);
  border-radius: 4px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
}

.store-btn.dark {
  background: var(--green);
  border-color: var(--green);
  color: #fff;
}


/* 首页首屏无整屏蒙版后的文字增强 */
.hero-kicker,
.hero h1,
.hero h2,
.hero p {
  text-shadow: 0 1px 18px rgba(255, 255, 255, 0.72);
}

.nav .logo,
.nav-links a {
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.18);
}


/* ===== 首页首屏二次修正：白色半透导航 + 更通透 Banner ===== */

.site-header {
  color: var(--green) !important;
  background: rgba(255, 255, 255, 0.48) !important;
  backdrop-filter: blur(18px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.18) !important;
  border-bottom: 1px solid rgba(15, 59, 43, 0.08) !important;
  box-shadow: 0 8px 28px rgba(15, 59, 43, 0.04) !important;
}

.logo,
.nav-links a {
  color: var(--green) !important;
  text-shadow: none !important;
}

.logo-mark {
  border-color: rgba(15, 59, 43, 0.72) !important;
  color: var(--green) !important;
}

.logo small {
  color: rgba(15, 59, 43, 0.62) !important;
  opacity: 1 !important;
}

.nav-links a {
  opacity: 0.82 !important;
  font-weight: 600 !important;
}

.nav-links a.active,
.nav-links a:hover {
  opacity: 1 !important;
}

.header-cta {
  background: var(--green) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(15, 59, 43, 0.18) !important;
}

.hero {
  background: #ffffff !important;
}

.hero::before {
  background-image: url("/assets/hero-lazytree-lake.webp") !important;
  background-size: cover !important;
  background-position: center center !important;
  filter: brightness(1.16) contrast(0.90) saturate(0.86) !important;
  transform: scale(1.012);
}

/* 只保留非常轻的中间提亮，不做灰蒙版 */
.hero-content::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 44%;
  width: min(920px, 82vw);
  height: 430px;
  transform: translate(-50%, -50%);
  background: radial-gradient(
    ellipse at center,
    rgba(255, 255, 255, 0.50) 0%,
    rgba(255, 255, 255, 0.26) 36%,
    rgba(255, 255, 255, 0.08) 64%,
    rgba(255, 255, 255, 0) 100%
  );
  pointer-events: none;
  z-index: -1;
}

/* 底部自然过渡，不压暗图片 */
.hero::after {
  height: 115px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0), #fff 94%) !important;
}

.hero-kicker,
.hero h1,
.hero h2,
.hero p {
  text-shadow: 0 1px 22px rgba(255, 255, 255, 0.86) !important;
}

.hero h1 {
  color: #0f3b2b !important;
}

.hero h2,
.hero p {
  color: rgba(21, 34, 28, 0.78) !important;
}

.scroll-tip {
  color: rgba(255, 255, 255, 0.96) !important;
  text-shadow: 0 1px 12px rgba(0,0,0,0.18) !important;
}

.scroll-tip::after {
  background: rgba(255,255,255,0.92) !important;
}


/* 临时去掉首页 Banner 底部白色渐隐，看原图完整效果 */
.hero::after {
  display: none !important;
}


/* ===== 首页 Banner 最终调校：多显示底部草地承接 ===== */

.hero {
  min-height: 820px !important;
  background: #ffffff !important;
}

.hero-content {
  min-height: 820px !important;
  padding-top: 70px !important;
}

/* 关键：background-position 改成 center bottom，让图片底部草地多露出来 */
.hero::before {
  background-image: url("/assets/hero-lazytree-lake.webp?v=20260519b") !important;
  background-size: cover !important;
  background-position: center bottom !important;
  filter: brightness(1.08) contrast(0.94) saturate(0.92) !important;
  transform: scale(1.006) !important;
}

/* 不要底部大白雾 */
.hero::after {
  display: none !important;
}

/* 导航保持白色半透明磨砂，不压暗 Banner */
.site-header {
  color: var(--green) !important;
  background: rgba(255, 255, 255, 0.54) !important;
  backdrop-filter: blur(18px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.18) !important;
  border-bottom: 1px solid rgba(15, 59, 43, 0.08) !important;
  box-shadow: 0 8px 28px rgba(15, 59, 43, 0.04) !important;
}

.logo,
.nav-links a {
  color: var(--green) !important;
  text-shadow: none !important;
}

.logo-mark {
  border-color: rgba(15, 59, 43, 0.72) !important;
  color: var(--green) !important;
}

.logo small {
  color: rgba(15, 59, 43, 0.62) !important;
  opacity: 1 !important;
}

/* 中间文字只保留轻微白色承托，不做整屏蒙版 */
.hero-content::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 43%;
  width: min(900px, 78vw);
  height: 360px;
  transform: translate(-50%, -50%);
  background: radial-gradient(
    ellipse at center,
    rgba(255, 255, 255, 0.44) 0%,
    rgba(255, 255, 255, 0.20) 38%,
    rgba(255, 255, 255, 0.06) 66%,
    rgba(255, 255, 255, 0) 100%
  );
  pointer-events: none;
  z-index: -1;
}

.hero h1 {
  color: #0f3b2b !important;
  text-shadow: 0 1px 22px rgba(255, 255, 255, 0.82) !important;
}

.hero-kicker,
.hero h2,
.hero p {
  text-shadow: 0 1px 18px rgba(255, 255, 255, 0.78) !important;
}


/* ===== 首页 Banner 构图修正 v3 =====
   目标：
   1) 图片整体往上提一点，减少草地过多干扰文字
   2) Banner 容器整体拉高，把下面白色区域吃掉，变成图片区域
   3) 保持白色半透导航
*/

.hero {
  min-height: 960px !important;
  background: #ffffff !important;
}

.hero-content {
  min-height: 960px !important;
  padding-top: 110px !important;
  align-items: flex-start !important;
}

/* 关键：
   - 不再用 center bottom
   - 改成 center 62%，让构图更接近之前
   - 但 Banner 高度更高，所以底部仍然能多露一些绿色承接
*/
.hero::before {
  background-image: url("/assets/hero-lazytree-lake.webp?v=20260519c") !important;
  background-size: cover !important;
  background-position: center 62% !important;
  filter: brightness(1.08) contrast(0.94) saturate(0.92) !important;
  transform: scale(1.008) !important;
}

/* 不要底部白渐隐，整个区域都保持是图 */
.hero::after {
  display: none !important;
}

/* 中间轻微提亮继续保留，但范围缩小一点，避免把整张图冲太白 */
.hero-content::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 39%;
  width: min(860px, 74vw);
  height: 320px;
  transform: translate(-50%, -50%);
  background: radial-gradient(
    ellipse at center,
    rgba(255, 255, 255, 0.36) 0%,
    rgba(255, 255, 255, 0.16) 38%,
    rgba(255, 255, 255, 0.04) 66%,
    rgba(255, 255, 255, 0) 100%
  );
  pointer-events: none;
  z-index: -1;
}

/* 文字稍微往上一点，避免压到草地区域 */
.hero-kicker {
  margin-top: 8px !important;
}

.hero h1 {
  margin-top: 18px !important;
  color: #0f3b2b !important;
  text-shadow: 0 1px 22px rgba(255, 255, 255, 0.82) !important;
}

.hero h2,
.hero p,
.hero-kicker {
  text-shadow: 0 1px 18px rgba(255, 255, 255, 0.78) !important;
}

/* 按钮和向下探索稍微往上提，避免贴近草地太多 */
.hero-actions {
  margin-top: 34px !important;
}

.scroll-tip {
  bottom: 52px !important;
}

/* 导航继续保持白色半透磨砂 */
.site-header {
  color: var(--green) !important;
  background: rgba(255, 255, 255, 0.54) !important;
  backdrop-filter: blur(18px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.18) !important;
  border-bottom: 1px solid rgba(15, 59, 43, 0.08) !important;
  box-shadow: 0 8px 28px rgba(15, 59, 43, 0.04) !important;
}

.logo,
.nav-links a {
  color: var(--green) !important;
  text-shadow: none !important;
}

.logo-mark {
  border-color: rgba(15, 59, 43, 0.72) !important;
  color: var(--green) !important;
}

.logo small {
  color: rgba(15, 59, 43, 0.62) !important;
  opacity: 1 !important;
}


/* ===== 首页 Banner 文案位置修正 v4 =====
   图片保持当前构图，只把文字区域下移，避免漂在画面上半部分
*/

.hero-content {
  min-height: 960px !important;
  padding-top: 0 !important;
  align-items: center !important;
}

/* 文字整体略微下移，但不要压到草地 */
.hero-content > div {
  transform: translateY(34px) !important;
}

/* 中间提亮区域跟随文字下移 */
.hero-content::before {
  top: 48% !important;
  height: 340px !important;
}

/* 向下探索保持在底部绿色区域上方 */
.scroll-tip {
  bottom: 62px !important;
}


/* ===== 首页 Banner 文案位置修正 v5 =====
   目标：比上一版稍微上移，接近参考图红框位置
*/

.hero-content {
  min-height: 960px !important;
  padding-top: 0 !important;
  align-items: center !important;
}

/* 上一版 34px 太低，这里改成 8px */
.hero-content > div {
  transform: translateY(8px) !important;
}

/* 提亮区域跟随文案上移 */
.hero-content::before {
  top: 43.5% !important;
  height: 320px !important;
}

/* 按钮区域保持自然，不再额外下压 */
.hero-actions {
  margin-top: 34px !important;
}

/* 向下探索留在底部草地区域上方 */
.scroll-tip {
  bottom: 62px !important;
}


/* ===== 快速版：首屏文字明显上移 ===== */
.hero-content {
  min-height: 960px !important;
  padding-top: 0 !important;
  align-items: center !important;
}

/* 关键：整体上移 */
.hero-content > div {
  transform: translateY(-58px) !important;
}

/* 提亮区域也跟着上移 */
.hero-content::before {
  top: 36.5% !important;
  height: 310px !important;
}

/* 按钮别再往下压 */
.hero-actions {
  margin-top: 30px !important;
}

/* 向下探索保持底部 */
.scroll-tip {
  bottom: 62px !important;
}


/* ===== 使用正式 LazyTree SVG Logo ===== */
.logo-real {
  gap: 12px !important;
  align-items: center !important;
}

.logo-symbol {
  width: 42px;
  height: 42px;
  display: block;
  object-fit: contain;
}

.logo-word-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
}

.logo-word {
  width: 132px;
  height: auto;
  display: block;
  object-fit: contain;
}

/* 顶部白色磨砂导航里使用深绿色原版 SVG */
.site-header .logo-real {
  color: var(--green) !important;
}

.site-header .logo-word-wrap small {
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.08em;
  color: rgba(15, 59, 43, 0.62) !important;
  opacity: 1 !important;
}

/* 隐藏旧的圆圈临时样式影响 */
.logo-real .logo-mark {
  display: none !important;
}

/* Footer 里稍微大一点，更像品牌识别 */
.footer-logo-real .logo-symbol {
  width: 46px;
  height: 46px;
}

.footer-logo-real .logo-word {
  width: 148px;
}

@media (max-width: 980px) {
  .logo-word {
    width: 118px;
  }

  .logo-symbol {
    width: 38px;
    height: 38px;
  }
}


/* ===== 顶部 Logo 尺寸精修 + 合作咨询轻奢引导 ===== */

/* Logo 整体缩小，减少对导航的压迫感 */
.site-header .logo-real {
  gap: 9px !important;
}

.site-header .logo-symbol {
  width: 34px !important;
  height: 34px !important;
}

.site-header .logo-word {
  width: 108px !important;
}

.site-header .logo-word-wrap {
  gap: 1px !important;
}

.site-header .logo-word-wrap small,
.site-header .logo small {
  font-size: 10px !important;
  letter-spacing: 0.06em !important;
  color: rgba(15, 59, 43, 0.56) !important;
}

/* 导航微调：Logo 变小后，让整体更舒展 */
.nav {
  height: 76px !important;
}

.nav-links {
  gap: 32px !important;
}

/* 合作咨询按钮：轻微呼吸光晕，不做土味闪烁 */
.header-cta {
  position: relative !important;
  overflow: visible !important;
  padding: 0 28px !important;
  height: 44px !important;
  border-radius: 999px !important;
  background: #0f3b2b !important;
  color: #fff !important;
  box-shadow:
    0 12px 28px rgba(15, 59, 43, 0.20),
    0 0 0 0 rgba(15, 59, 43, 0.22) !important;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease !important;
  animation: ctaSoftPulse 3.2s ease-in-out infinite;
}

/* 右侧极简箭头，只在 hover 时出现，增强点击感 */
.header-cta::after {
  content: "→";
  display: inline-block;
  margin-left: 0;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateX(-4px);
  transition:
    max-width 0.25s ease,
    opacity 0.25s ease,
    margin-left 0.25s ease,
    transform 0.25s ease;
}

.header-cta:hover {
  transform: translateY(-1px);
  background: #123f31 !important;
  box-shadow:
    0 16px 34px rgba(15, 59, 43, 0.26),
    0 0 0 7px rgba(15, 59, 43, 0.06) !important;
}

.header-cta:hover::after {
  max-width: 18px;
  opacity: 1;
  margin-left: 8px;
  transform: translateX(0);
}

/* 呼吸光晕：非常轻，不破坏轻奢氛围 */
@keyframes ctaSoftPulse {
  0% {
    box-shadow:
      0 12px 28px rgba(15, 59, 43, 0.20),
      0 0 0 0 rgba(15, 59, 43, 0.16);
  }
  50% {
    box-shadow:
      0 14px 32px rgba(15, 59, 43, 0.23),
      0 0 0 7px rgba(15, 59, 43, 0.055);
  }
  100% {
    box-shadow:
      0 12px 28px rgba(15, 59, 43, 0.20),
      0 0 0 0 rgba(15, 59, 43, 0.16);
  }
}

/* 避免移动端 Logo 过宽 */
@media (max-width: 980px) {
  .site-header .logo-symbol {
    width: 32px !important;
    height: 32px !important;
  }

  .site-header .logo-word {
    width: 96px !important;
  }

  .header-cta {
    height: 40px !important;
    padding: 0 20px !important;
  }
}


/* ===== 首页 Banner 主 CTA 轻奢引导特效 ===== */

/* 首屏主按钮：了解城市合伙 */
.hero-actions .btn-primary {
  position: relative !important;
  overflow: visible !important;
  min-width: 150px !important;
  box-shadow:
    0 14px 30px rgba(15, 59, 43, 0.18),
    0 0 0 0 rgba(15, 59, 43, 0.16) !important;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease !important;
  animation: heroCtaSoftPulse 3.4s ease-in-out infinite;
}

/* 按钮右侧轻微箭头，hover 时展开 */
.hero-actions .btn-primary::after {
  content: "→";
  display: inline-block;
  margin-left: 0;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateX(-5px);
  transition:
    max-width 0.25s ease,
    opacity 0.25s ease,
    margin-left 0.25s ease,
    transform 0.25s ease;
}

.hero-actions .btn-primary:hover {
  transform: translateY(-1px);
  background: #123f31 !important;
  box-shadow:
    0 18px 38px rgba(15, 59, 43, 0.24),
    0 0 0 8px rgba(15, 59, 43, 0.055) !important;
}

.hero-actions .btn-primary:hover::after {
  max-width: 18px;
  opacity: 1;
  margin-left: 8px;
  transform: translateX(0);
}

/* 非土味呼吸光，只做轻微引导 */
@keyframes heroCtaSoftPulse {
  0% {
    box-shadow:
      0 14px 30px rgba(15, 59, 43, 0.18),
      0 0 0 0 rgba(15, 59, 43, 0.13);
  }
  50% {
    box-shadow:
      0 16px 34px rgba(15, 59, 43, 0.21),
      0 0 0 8px rgba(15, 59, 43, 0.045);
  }
  100% {
    box-shadow:
      0 14px 30px rgba(15, 59, 43, 0.18),
      0 0 0 0 rgba(15, 59, 43, 0.13);
  }
}

/* 次按钮保持克制，hover 时只轻微提亮 */
.hero-actions .btn-light {
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease !important;
}

.hero-actions .btn-light:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.76) !important;
  border-color: rgba(15, 59, 43, 0.34) !important;
  box-shadow: 0 12px 28px rgba(15, 59, 43, 0.08) !important;
}

/* 顶部 LAZYTREE 字距稍微更精致 */
.hero-kicker {
  letter-spacing: 0.34em !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}


/* ===== 顶部导航合作咨询按钮弱化版 ===== */

/* 取消之前的箭头 */
.header-cta::after {
  content: none !important;
  display: none !important;
}

/* 导航 CTA 不再强呼吸，保持轻奢克制 */
.header-cta {
  animation: none !important;
  height: 42px !important;
  padding: 0 26px !important;
  border-radius: 999px !important;
  background: #0f3b2b !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(15, 59, 43, 0.14) !important;
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    background 0.22s ease !important;
}

/* hover 只做轻微上浮和一点点阴影 */
.header-cta:hover {
  transform: translateY(-1px) !important;
  background: #123f31 !important;
  box-shadow: 0 10px 24px rgba(15, 59, 43, 0.18) !important;
}

.header-cta:active {
  transform: translateY(0) !important;
  box-shadow: 0 6px 16px rgba(15, 59, 43, 0.12) !important;
}


/* ===== 核心业务矩阵：营销化文案 + 轻奢引导特效 ===== */

/* 卡片整体更像可点击入口 */
.business-card {
  position: relative !important;
  overflow: hidden !important;
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    border-color 0.28s ease,
    background 0.28s ease !important;
}

/* 轻微内光，不破坏白底高级感 */
.business-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 0%, rgba(15, 59, 43, 0.055), rgba(255, 255, 255, 0) 42%);
  opacity: 0;
  transition: opacity 0.28s ease;
  pointer-events: none;
}

/* hover：轻微上浮，边框变绿，阴影加强一点 */
.business-card:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(15, 59, 43, 0.24) !important;
  box-shadow:
    0 24px 58px rgba(20, 40, 30, 0.12),
    0 0 0 1px rgba(15, 59, 43, 0.035) !important;
}

.business-card:hover::before {
  opacity: 1;
}

/* 图标底圆更精致 */
.business-icon {
  position: relative !important;
  overflow: hidden !important;
  transition:
    transform 0.28s ease,
    background 0.28s ease,
    box-shadow 0.28s ease !important;
}

.business-card:hover .business-icon {
  transform: scale(1.06) !important;
  box-shadow: 0 12px 28px rgba(15, 59, 43, 0.16) !important;
}

/* 入口文字替代单箭头，增强引导但保持克制 */
.card-arrow {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 28px !important;
  color: var(--green) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  transition: gap 0.25s ease, opacity 0.25s ease !important;
}

.card-arrow::after {
  content: "→";
  font-size: 16px;
  line-height: 1;
  transform: translateX(0);
  transition: transform 0.25s ease;
}

.business-card:hover .card-arrow {
  gap: 12px !important;
}

.business-card:hover .card-arrow::after {
  transform: translateX(4px);
}

/* 统一图标线条 */
.business-icon span {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
}

/* 智能租赁：帐篷/装备形态 */
.icon-rental::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 7px;
  width: 22px;
  height: 17px;
  border: 2px solid #fff;
  border-top: 0;
  transform: skewX(-16deg);
  border-radius: 0 0 3px 3px;
}

.icon-rental::after {
  content: "";
  position: absolute;
  left: 14px;
  top: 5px;
  width: 2px;
  height: 20px;
  background: #fff;
  transform: rotate(16deg);
  border-radius: 2px;
}

/* 即时零售：购物袋 */
.icon-retail::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 10px;
  width: 18px;
  height: 16px;
  border: 2px solid #fff;
  border-radius: 3px;
}

.icon-retail::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 4px;
  width: 10px;
  height: 9px;
  border: 2px solid #fff;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
}

/* 露营社区：三个人群 */
.icon-community::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 4px;
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow:
    -10px 8px 0 -2px transparent,
    10px 8px 0 -2px transparent;
}

.icon-community::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 18px;
  width: 22px;
  height: 9px;
  border: 2px solid #fff;
  border-radius: 14px 14px 4px 4px;
}

/* 会员活动：日历/权益卡 */
.icon-member::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 7px;
  width: 20px;
  height: 18px;
  border: 2px solid #fff;
  border-radius: 4px;
}

.icon-member::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 14px;
  width: 10px;
  height: 7px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
}

/* 四个业务略有差异，但保持统一 */
.business-rental .business-icon,
.business-community .business-icon {
  background: var(--green2) !important;
}

.business-retail .business-icon,
.business-member .business-icon {
  background: var(--gold) !important;
}

/* 文案更适合营销展示 */
.business-card h3 {
  color: #23362d !important;
  font-weight: 500 !important;
}

.business-card p {
  color: rgba(21, 34, 28, 0.58) !important;
  line-height: 1.95 !important;
}

/* 下方总结文案加强一点，但不夸张 */
.support-text {
  max-width: 860px !important;
  color: rgba(21, 34, 28, 0.72) !important;
  font-size: 16px !important;
  letter-spacing: 0.01em !important;
}


/* ===== 核心业务图标居中修正 ===== */
.business-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

.business-icon span {
  display: block !important;
  width: 30px !important;
  height: 30px !important;
  margin: 0 auto !important;
  position: relative !important;
}

/* 单独修正几个 CSS 临时图标的视觉中心 */
.icon-rental {
  transform: translate(1px, 1px) !important;
}

.icon-retail {
  transform: translate(0, 0) !important;
}

.icon-community {
  transform: translate(0, 1px) !important;
}

.icon-member {
  transform: translate(0, 0) !important;
}


/* ===== 核心业务矩阵：正式 SVG 图标替换 ===== */

.business-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.business-icon img {
  width: 32px !important;
  height: 32px !important;
  display: block !important;
  object-fit: contain !important;
  filter: brightness(0) invert(1);
  transform: translateZ(0);
  transition: transform 0.28s ease;
}

.business-card:hover .business-icon img {
  transform: scale(1.08);
}

/* SVG 替换后，旧 CSS 图形全部不再显示 */
.business-icon span,
.icon-rental,
.icon-retail,
.icon-community,
.icon-member {
  display: none !important;
}

/* 图标圆底稍微统一一下，避免 SVG 视觉偏移 */
.business-icon {
  width: 64px !important;
  height: 64px !important;
  padding: 0 !important;
}

/* 如果 SVG 本身是深色，统一转成白色；如果你想保留原色，后面删除 filter 即可 */
.business-icon img[src*="icon-retail"],
.business-icon img[src*="icon-member"],
.business-icon img[src*="icon-rental"],
.business-icon img[src*="icon-community"] {
  filter: brightness(0) invert(1) !important;
}


/* ===== 平台核心能力版块重构：高级图文能力说明区 ===== */

/* 缩短和上个版块的距离，加大和下个版块的距离 */
.platform-section {
  padding-top: 82px !important;
  padding-bottom: 150px !important;
}

/* 两栏整体对齐 */
.platform-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.02fr) minmax(420px, 0.98fr) !important;
  gap: 96px !important;
  align-items: center !important;
}

.platform-copy {
  max-width: 610px;
}

/* 这个版块不居中，改成品牌杂志式左对齐 */
.platform-copy .eyebrow {
  display: block;
  margin-bottom: 18px;
}

.platform-copy h2 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(38px, 4vw, 56px);
  line-height: 1.15;
  font-weight: 500;
  letter-spacing: -0.05em;
}

.platform-copy .title-line {
  margin: 26px 0 0 !important;
  width: 48px !important;
}

.platform-intro {
  margin: 34px 0 0;
  max-width: 560px;
  color: rgba(21, 34, 28, 0.64);
  font-size: 15px;
  line-height: 2.05;
}

/* 六项能力改成轻奢说明列表，不再像后台功能块 */
.platform-feature-grid {
  margin-top: 46px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px 36px;
}

.platform-feature {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 16px;
  align-items: start;
  padding: 0 0 24px;
  border-bottom: 1px solid rgba(15, 59, 43, 0.10);
  transition: transform 0.24s ease, border-color 0.24s ease;
}

.platform-feature:hover {
  transform: translateY(-3px);
  border-bottom-color: rgba(15, 59, 43, 0.24);
}

.platform-no {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--green);
  background: rgba(15, 59, 43, 0.055);
  border: 1px solid rgba(15, 59, 43, 0.10);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.platform-feature h3 {
  margin: 0 0 8px;
  color: #20352b;
  font-size: 16px;
  font-weight: 600;
}

.platform-feature p {
  margin: 0;
  color: rgba(21, 34, 28, 0.54);
  font-size: 13px;
  line-height: 1.85;
}

/* 右侧图片做成更完整的品牌视觉卡 */
.platform-visual {
  position: relative;
  min-height: 470px;
  display: flex;
  align-items: center;
}

.platform-image {
  width: 100%;
  height: 430px;
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(15, 59, 43, 0.00), rgba(15, 59, 43, 0.08)),
    url("/assets/hero-lazytree-lake.webp?v=20260519c");
  background-size: cover;
  background-position: center 58%;
  box-shadow:
    0 28px 80px rgba(20, 40, 30, 0.13),
    0 0 0 1px rgba(15, 59, 43, 0.08);
}

/* 图片上的轻浮层，增强轻奢感和业务表达 */
.platform-float-card {
  position: absolute;
  left: 34px;
  bottom: 18px;
  min-width: 260px;
  padding: 18px 22px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(18px) saturate(1.12);
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
  border: 1px solid rgba(255, 255, 255, 0.56);
  box-shadow: 0 18px 40px rgba(20, 40, 30, 0.12);
}

.platform-float-card strong {
  display: block;
  color: var(--green);
  font-size: 15px;
  margin-bottom: 6px;
}

.platform-float-card span {
  display: block;
  color: rgba(21, 34, 28, 0.58);
  font-size: 12px;
  letter-spacing: 0.03em;
}

/* 下一个城市合伙版块不要贴太近 */
.partner-block {
  margin-top: 0 !important;
}

@media (max-width: 980px) {
  .platform-section {
    padding-top: 76px !important;
    padding-bottom: 92px !important;
  }

  .platform-layout {
    grid-template-columns: 1fr !important;
    gap: 54px !important;
  }

  .platform-feature-grid {
    grid-template-columns: 1fr !important;
  }

  .platform-visual {
    min-height: auto;
  }

  .platform-image {
    height: 320px;
  }

  .platform-float-card {
    left: 18px;
    right: 18px;
    bottom: 18px;
    min-width: 0;
  }
}


/* ===== 平台核心能力：右侧改成竖列大图 ===== */

/* 整体两栏比例微调，让右侧更有存在感 */
.platform-layout {
  grid-template-columns: minmax(0, 1fr) minmax(420px, 520px) !important;
  gap: 88px !important;
  align-items: start !important;
}

/* 左侧保持说明区气质 */
.platform-copy {
  max-width: 620px !important;
  padding-top: 18px !important;
}

/* 右侧视觉区改成更高的竖图容器 */
.platform-visual {
  position: relative !important;
  min-height: 700px !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
}

/* 关键：把横图容器改成竖向大图比例 */
.platform-image {
  width: 100% !important;
  height: 700px !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(15, 59, 43, 0.02), rgba(15, 59, 43, 0.10)),
    url("/assets/hero-lazytree-lake.webp?v=20260519c") !important;
  background-size: cover !important;
  background-position: 62% center !important;
  box-shadow:
    0 34px 90px rgba(20, 40, 30, 0.16),
    0 0 0 1px rgba(15, 59, 43, 0.08) !important;
}

/* 浮层卡片做得更精致一点，贴在大图底部 */
.platform-float-card {
  position: absolute !important;
  left: 28px !important;
  right: 28px !important;
  bottom: 26px !important;
  min-width: 0 !important;
  padding: 18px 22px !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.74) !important;
  backdrop-filter: blur(16px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.62) !important;
  box-shadow: 0 18px 42px rgba(20, 40, 30, 0.12) !important;
}

.platform-float-card strong {
  display: block !important;
  color: var(--green) !important;
  font-size: 16px !important;
  margin-bottom: 6px !important;
}

.platform-float-card span {
  display: block !important;
  color: rgba(21, 34, 28, 0.60) !important;
  font-size: 12px !important;
  letter-spacing: 0.04em !important;
}

/* 让这个版块和上下节奏更顺 */
.platform-section {
  padding-top: 74px !important;
  padding-bottom: 160px !important;
}

/* 移动端回退 */
@media (max-width: 980px) {
  .platform-layout {
    grid-template-columns: 1fr !important;
    gap: 52px !important;
  }

  .platform-copy {
    padding-top: 0 !important;
  }

  .platform-visual {
    min-height: auto !important;
  }

  .platform-image {
    height: 420px !important;
    background-position: center center !important;
  }

  .platform-float-card {
    left: 18px !important;
    right: 18px !important;
    bottom: 18px !important;
  }
}


/* ===== 平台核心能力布局修正 v2 =====
   目标：
   1. 右侧竖图不要过高，减少小气/失衡感
   2. 左右两栏重新形成稳定图文关系
   3. 为后续单独生成竖图预留合理比例
*/

.platform-section {
  padding-top: 72px !important;
  padding-bottom: 138px !important;
}

.platform-layout {
  grid-template-columns: minmax(0, 1fr) minmax(420px, 500px) !important;
  gap: 86px !important;
  align-items: center !important;
}

/* 左侧稍微收紧，避免和右侧大图高度失衡 */
.platform-copy {
  max-width: 620px !important;
  padding-top: 0 !important;
}

.platform-intro {
  margin-top: 28px !important;
  line-height: 1.95 !important;
}

.platform-feature-grid {
  margin-top: 40px !important;
  gap: 24px 34px !important;
}

.platform-feature {
  padding-bottom: 20px !important;
}

/* 右侧图片区高度降低，避免天空太多、上面太高 */
.platform-visual {
  min-height: 620px !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

.platform-image {
  height: 620px !important;
  border-radius: 18px !important;
  background-position: 62% 54% !important;
}

/* 浮层跟着收紧，不要压得太低 */
.platform-float-card {
  left: 26px !important;
  right: 26px !important;
  bottom: 24px !important;
  padding: 17px 22px !important;
}

/* 让右图在视觉上略微下沉一点点，和左侧列表中心对齐 */
.platform-visual {
  transform: translateY(10px) !important;
}

@media (max-width: 980px) {
  .platform-section {
    padding-top: 72px !important;
    padding-bottom: 92px !important;
  }

  .platform-layout {
    grid-template-columns: 1fr !important;
    gap: 52px !important;
  }

  .platform-visual {
    min-height: auto !important;
    transform: none !important;
  }

  .platform-image {
    height: 420px !important;
    background-position: center center !important;
  }
}


/* ===== 平台核心能力版块上下节奏最终微调 =====
   保持图三布局，只修顶部过空、底部偏紧的问题
*/

.platform-section {
  padding-top: 54px !important;
  padding-bottom: 168px !important;
}

.platform-layout {
  align-items: center !important;
}

/* 右侧图保持当前气场，不再继续大改 */
.platform-visual {
  transform: translateY(0) !important;
}

/* 左侧内容稍微上收一点，让标题、说明、能力点整体更紧凑 */
.platform-intro {
  margin-top: 24px !important;
}

.platform-feature-grid {
  margin-top: 36px !important;
}

/* 和下一个城市合伙版块拉开，避免贴太近 */
.partner-block {
  margin-top: 0 !important;
}


/* ===== 平台核心能力右侧竖图替换为专用图片 ===== */
.platform-image {
  background:
    linear-gradient(180deg, rgba(15, 59, 43, 0.00), rgba(15, 59, 43, 0.08)),
    url("/assets/platform-capability-vertical.webp?v=20260520a") !important;
  background-size: cover !important;
  background-position: center center !important;
}

/* 新图底部草地更多，浮层略微上提，避免压边 */
.platform-float-card {
  bottom: 30px !important;
}


/* ===== 图片性能优化：使用压缩 JPG，减少首屏加载时间 ===== */

/* 首页 Banner 使用压缩图 */
.hero::before {
  background-image: url("/assets/hero-lazytree-lake-1920.webp?v=20260520a") !important;
  background-size: cover !important;
  background-position: center 62% !important;
}

/* 平台核心能力右侧图使用专用压缩竖图 */
.platform-image {
  background:
    linear-gradient(180deg, rgba(15, 59, 43, 0.00), rgba(15, 59, 43, 0.08)),
    url("/assets/platform-capability-vertical-900.jpg?v=20260520a") !important;
  background-size: cover !important;
  background-position: center center !important;
}


/* ===== 平台核心能力图片浮层卡片：轻奢优化版 ===== */

.platform-float-card {
  position: absolute !important;
  left: 26px !important;
  right: 26px !important;
  bottom: 26px !important;
  min-width: 0 !important;
  padding: 18px 22px 18px 24px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.62) !important;
  backdrop-filter: blur(18px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.18) !important;
  border: 1px solid rgba(255, 255, 255, 0.68) !important;
  box-shadow:
    0 18px 42px rgba(20, 40, 30, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.36) !important;
  overflow: hidden !important;
}

/* 左侧细强调线，提升品牌感 */
.platform-float-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  bottom: 16px;
  width: 4px;
  border-radius: 0 4px 4px 0;
  background: linear-gradient(180deg, #1f5b43 0%, #0f3b2b 100%);
  opacity: 0.95;
}

/* 小英文字眉 */
.platform-float-card em {
  display: block !important;
  margin: 0 0 8px 0 !important;
  padding-left: 10px !important;
  color: rgba(15, 59, 43, 0.55) !important;
  font-style: normal !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

/* 主标题 */
.platform-float-card strong {
  display: block !important;
  margin: 0 0 8px 0 !important;
  padding-left: 10px !important;
  color: var(--green) !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
}

/* 底部能力链路说明 */
.platform-float-card span {
  display: block !important;
  padding-left: 10px !important;
  color: rgba(21, 34, 28, 0.58) !important;
  font-size: 12px !important;
  line-height: 1.8 !important;
  letter-spacing: 0.02em !important;
}

/* 悬停时非常轻微的质感反馈，不喧宾夺主 */
.platform-visual:hover .platform-float-card {
  transform: translateY(-2px);
  box-shadow:
    0 22px 48px rgba(20, 40, 30, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.40) !important;
  transition: transform 0.26s ease, box-shadow 0.26s ease;
}

@media (max-width: 980px) {
  .platform-float-card {
    left: 18px !important;
    right: 18px !important;
    bottom: 18px !important;
    padding: 16px 18px 16px 20px !important;
    border-radius: 16px !important;
  }

  .platform-float-card::before {
    top: 14px;
    bottom: 14px;
  }
}


/* ===== 平台核心能力图片浮层：透明玻璃高级版 ===== */

.platform-float-card {
  position: absolute !important;
  left: 28px !important;
  right: 28px !important;
  bottom: 28px !important;
  min-width: 0 !important;
  padding: 18px 20px 16px 22px !important;
  border-radius: 18px !important;

  /* 更通透的玻璃，不再用脏灰底 */
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.38)) !important;
  backdrop-filter: blur(22px) saturate(1.28) brightness(1.04) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.28) brightness(1.04) !important;

  border: 1px solid rgba(255, 255, 255, 0.74) !important;
  box-shadow:
    0 18px 42px rgba(15, 35, 26, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.75),
    inset 0 -1px 0 rgba(15, 59, 43, 0.035) !important;

  overflow: hidden !important;
}

/* 顶部轻微高光，让它更像玻璃而不是色块 */
.platform-float-card::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  top: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,0.95),
    rgba(255,255,255,0)
  );
  pointer-events: none;
}

/* 左侧品牌线：变细、更克制 */
.platform-float-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 20px;
  bottom: 20px;
  width: 2px;
  border-radius: 0 3px 3px 0;
  background: rgba(15, 59, 43, 0.92);
}

/* 字眉：中文更直接，不再抽象英文 */
.platform-float-card em {
  display: block !important;
  margin: 0 0 7px 0 !important;
  padding-left: 10px !important;
  color: rgba(15, 59, 43, 0.62) !important;
  font-style: normal !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.18em !important;
}

/* 主标题更清晰，告诉用户到底在做什么 */
.platform-float-card strong {
  display: block !important;
  margin: 0 0 8px 0 !important;
  padding-left: 10px !important;
  color: #0f3b2b !important;
  font-size: 16px !important;
  line-height: 1.38 !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
}

/* 说明文字更像官网表达 */
.platform-float-card span {
  display: block !important;
  padding-left: 10px !important;
  color: rgba(21, 34, 28, 0.62) !important;
  font-size: 12px !important;
  line-height: 1.75 !important;
  letter-spacing: 0.01em !important;
}

/* 三个小标签：比一行点分文字更清晰 */
.platform-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  padding-left: 10px;
}

.platform-tags b {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(15, 59, 43, 0.07);
  border: 1px solid rgba(15, 59, 43, 0.08);
  color: rgba(15, 59, 43, 0.72);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

/* hover 轻微上浮即可，不要太跳 */
.platform-visual:hover .platform-float-card {
  transform: translateY(-2px);
  box-shadow:
    0 22px 50px rgba(15, 35, 26, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.78),
    inset 0 -1px 0 rgba(15, 59, 43, 0.04) !important;
  transition: transform 0.26s ease, box-shadow 0.26s ease;
}

@media (max-width: 980px) {
  .platform-float-card {
    left: 18px !important;
    right: 18px !important;
    bottom: 18px !important;
    padding: 16px 18px 15px 20px !important;
  }

  .platform-float-card strong {
    font-size: 15px !important;
  }

  .platform-tags {
    gap: 6px;
  }
}


/* ===== 平台核心能力浮层卡片：干净白玻璃最终修正 ===== */

.platform-float-card {
  background: rgba(255, 255, 255, 0.82) !important;
  backdrop-filter: blur(20px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.92) !important;
  box-shadow:
    0 16px 36px rgba(15, 35, 26, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

/* 左侧强调线更细更干净 */
.platform-float-card::before {
  width: 2px !important;
  top: 20px !important;
  bottom: 20px !important;
  background: #0f3b2b !important;
  opacity: 1 !important;
}

/* 去掉容易显脏的复杂高光 */
.platform-float-card::after {
  display: none !important;
}

/* 字眉加深 */
.platform-float-card em {
  color: rgba(15, 59, 43, 0.72) !important;
  font-weight: 800 !important;
}

/* 主标题更清楚 */
.platform-float-card strong {
  color: #0f3b2b !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

/* 正文不要灰，提升可读性 */
.platform-float-card span {
  color: rgba(21, 34, 28, 0.76) !important;
  font-size: 12px !important;
  line-height: 1.75 !important;
}

/* 标签改成白色玻璃胶囊，不要灰绿脏底 */
.platform-tags b {
  background: rgba(255, 255, 255, 0.66) !important;
  border: 1px solid rgba(15, 59, 43, 0.14) !important;
  color: #0f3b2b !important;
  box-shadow: 0 4px 12px rgba(15, 35, 26, 0.04) !important;
}

/* hover 也保持干净 */
.platform-visual:hover .platform-float-card {
  box-shadow:
    0 18px 42px rgba(15, 35, 26, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}


/* ===== 平台核心能力浮层卡片：去竖线 + 提升可读性 ===== */

/* 卡片更干净、更白，不再灰蒙 */
.platform-float-card {
  background: rgba(255, 255, 255, 0.90) !important;
  backdrop-filter: blur(18px) saturate(1.05) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.96) !important;
  box-shadow:
    0 14px 32px rgba(15, 35, 26, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
}

/* 去掉左侧竖线 */
.platform-float-card::before {
  display: none !important;
}

/* 避免其它旧高光伪元素干扰 */
.platform-float-card::after {
  display: none !important;
}

/* 字眉更清楚 */
.platform-float-card em {
  padding-left: 0 !important;
  color: rgba(15, 59, 43, 0.78) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

/* 主标题保持深绿 */
.platform-float-card strong {
  padding-left: 0 !important;
  color: #0f3b2b !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

/* 正文明显加深，解决灰灰的问题 */
.platform-float-card span {
  padding-left: 0 !important;
  color: rgba(21, 34, 28, 0.88) !important;
  font-size: 12px !important;
  line-height: 1.8 !important;
  font-weight: 500 !important;
}

/* 标签左侧同步取消缩进 */
.platform-tags {
  padding-left: 0 !important;
}

/* 标签更清楚，但仍然轻 */
.platform-tags b {
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid rgba(15, 59, 43, 0.16) !important;
  color: #0f3b2b !important;
  font-weight: 800 !important;
}

/* hover 不再变脏 */
.platform-visual:hover .platform-float-card {
  box-shadow:
    0 16px 36px rgba(15, 35, 26, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
}


/* ===== 城市合伙版块重构：安全区图文布局 ===== */

/* 原本 partner-block 是全屏左右分栏，这里改回官网统一安全区 */
.partner-block {
  width: min(1120px, calc(100% - 64px)) !important;
  margin: 0 auto !important;
  padding: 84px 0 156px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(420px, 0.95fr) !important;
  gap: 86px !important;
  align-items: center !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/* 左侧图片不再顶到页面最左边，改成圆角品牌图 */
.partner-image {
  min-height: 0 !important;
  height: 430px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background:
    linear-gradient(180deg, rgba(15, 59, 43, 0.02), rgba(15, 59, 43, 0.08)),
    url("/assets/hero-lazytree-lake-1920.webp?v=20260520a") !important;
  background-size: cover !important;
  background-position: center 62% !important;
  box-shadow:
    0 26px 72px rgba(20, 40, 30, 0.12),
    0 0 0 1px rgba(15, 59, 43, 0.08) !important;
}

/* 右侧文案区域更像官网转化区 */
.partner-content {
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.partner-content > div {
  max-width: 520px !important;
}

.partner-content .eyebrow {
  margin-bottom: 18px !important;
  color: #8d948f !important;
  letter-spacing: 0.22em !important;
}

.partner-content h2 {
  margin: 0 !important;
  color: var(--ink) !important;
  font-size: clamp(34px, 3.8vw, 50px) !important;
  line-height: 1.22 !important;
  font-weight: 500 !important;
  letter-spacing: -0.05em !important;
}

.partner-content p {
  margin: 26px 0 34px !important;
  color: rgba(21, 34, 28, 0.64) !important;
  line-height: 2.02 !important;
  font-size: 15px !important;
  max-width: 520px !important;
}

/* 按钮保持克制，但有转化感 */
.partner-content .btn-primary {
  min-width: 148px !important;
  height: 46px !important;
  box-shadow:
    0 14px 30px rgba(15, 59, 43, 0.16),
    0 0 0 0 rgba(15, 59, 43, 0.12) !important;
  transition: transform 0.24s ease, box-shadow 0.24s ease, background 0.24s ease !important;
}

.partner-content .btn-primary:hover {
  transform: translateY(-1px) !important;
  box-shadow:
    0 18px 38px rgba(15, 59, 43, 0.22),
    0 0 0 7px rgba(15, 59, 43, 0.045) !important;
}

/* 和下面 App 版块拉开，不再贴太近 */
.digital-section {
  padding-top: 118px !important;
}

/* 移动端回退 */
@media (max-width: 980px) {
  .partner-block {
    width: calc(100% - 32px) !important;
    grid-template-columns: 1fr !important;
    gap: 42px !important;
    padding: 72px 0 96px !important;
  }

  .partner-image {
    height: 320px !important;
  }
}


/* ===== 城市合伙版块：画册式高级重叠布局 ===== */

.partner-block {
  width: min(1280px, calc(100% - 72px)) !important;
  margin: 0 auto !important;
  padding: 92px 0 176px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(430px, 0.82fr) !important;
  gap: 0 !important;
  align-items: center !important;
  border: 0 !important;
  position: relative !important;
}

/* 左侧大图放大，做成品牌画册感 */
.partner-image {
  height: 560px !important;
  min-height: 0 !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  background:
    linear-gradient(180deg, rgba(15, 59, 43, 0.00), rgba(15, 59, 43, 0.08)),
    url("/assets/hero-lazytree-lake-1920.webp?v=20260520a") !important;
  background-size: cover !important;
  background-position: center 60% !important;
  box-shadow:
    0 34px 96px rgba(20, 40, 30, 0.14),
    0 0 0 1px rgba(15, 59, 43, 0.07) !important;
}

/* 右侧文字不再裸放，做成轻奢信息卡并压住图片 */
.partner-content {
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin-left: -72px !important;
  position: relative !important;
  z-index: 2 !important;
}

.partner-content > div {
  max-width: 560px !important;
  padding: 58px 58px 54px !important;
  border-radius: 26px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.92), rgba(255,255,255,0.76)) !important;
  backdrop-filter: blur(22px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.12) !important;
  border: 1px solid rgba(15, 59, 43, 0.08) !important;
  box-shadow:
    0 30px 88px rgba(20, 40, 30, 0.12),
    inset 0 1px 0 rgba(255,255,255,0.92) !important;
}

/* 字眉更像品牌官网 */
.partner-content .eyebrow {
  display: block !important;
  margin-bottom: 20px !important;
  color: rgba(15, 59, 43, 0.52) !important;
  letter-spacing: 0.24em !important;
  font-size: 12px !important;
}

/* 标题更有气场，但不要太散 */
.partner-content h2 {
  margin: 0 !important;
  color: var(--ink) !important;
  font-size: clamp(38px, 3.7vw, 56px) !important;
  line-height: 1.18 !important;
  font-weight: 500 !important;
  letter-spacing: -0.055em !important;
}

/* 说明文案更清晰 */
.partner-content p {
  margin: 28px 0 26px !important;
  color: rgba(21, 34, 28, 0.68) !important;
  line-height: 2.02 !important;
  font-size: 15px !important;
  max-width: 500px !important;
}

/* 三个价值标签，增强高级感和可读性 */
.partner-value-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 34px;
}

.partner-value-tags span {
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 13px;
  border-radius: 999px;
  background: rgba(15, 59, 43, 0.055);
  border: 1px solid rgba(15, 59, 43, 0.09);
  color: rgba(15, 59, 43, 0.76);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

/* CTA 更克制，但依旧有转化感 */
.partner-content .btn-primary {
  min-width: 152px !important;
  height: 46px !important;
  border-radius: 4px !important;
  box-shadow:
    0 14px 30px rgba(15, 59, 43, 0.15) !important;
  transition:
    transform 0.24s ease,
    box-shadow 0.24s ease,
    background 0.24s ease !important;
}

.partner-content .btn-primary:hover {
  transform: translateY(-1px) !important;
  box-shadow:
    0 18px 38px rgba(15, 59, 43, 0.22) !important;
}

/* 下一个 App 版块继续拉开 */
.digital-section {
  padding-top: 128px !important;
}

/* 移动端回到上下布局 */
@media (max-width: 980px) {
  .partner-block {
    width: calc(100% - 32px) !important;
    grid-template-columns: 1fr !important;
    padding: 76px 0 108px !important;
  }

  .partner-image {
    height: 340px !important;
    border-radius: 22px !important;
  }

  .partner-content {
    margin-left: 0 !important;
    margin-top: -42px !important;
    justify-content: center !important;
  }

  .partner-content > div {
    width: calc(100% - 28px) !important;
    padding: 36px 28px 34px !important;
    border-radius: 22px !important;
  }

  .partner-content h2 {
    font-size: 34px !important;
  }
}


/* ===== 城市合伙版块：半透玻璃卡 + 轻交互优化 ===== */

/* 整体 hover 让图文有轻微互动关系 */
.partner-block {
  isolation: isolate !important;
}

/* 左侧图片增加轻微动效，避免静态死板 */
.partner-image {
  position: relative !important;
  transition:
    transform 0.55s ease,
    box-shadow 0.35s ease,
    filter 0.35s ease !important;
}

.partner-block:hover .partner-image {
  transform: translateY(-3px) scale(1.006) !important;
  filter: saturate(1.03) contrast(1.01) !important;
  box-shadow:
    0 38px 108px rgba(20, 40, 30, 0.16),
    0 0 0 1px rgba(15, 59, 43, 0.07) !important;
}

/* 右侧信息卡：从实白块改成更轻的玻璃质感 */
.partner-content > div {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0.52)) !important;
  backdrop-filter: blur(26px) saturate(1.22) brightness(1.03) !important;
  -webkit-backdrop-filter: blur(26px) saturate(1.22) brightness(1.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.74) !important;
  box-shadow:
    0 32px 92px rgba(20, 40, 30, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    inset 0 -1px 0 rgba(15, 59, 43, 0.035) !important;
  position: relative !important;
  overflow: hidden !important;
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    background 0.35s ease !important;
}

/* 玻璃顶部高光 */
.partner-content > div::before {
  content: "";
  position: absolute;
  left: 38px;
  right: 38px;
  top: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,0.95),
    rgba(255,255,255,0)
  );
  pointer-events: none;
}

/* 极淡的品牌绿光晕，不脏 */
.partner-content > div::after {
  content: "";
  position: absolute;
  right: -120px;
  bottom: -120px;
  width: 260px;
  height: 260px;
  background: radial-gradient(circle, rgba(15, 59, 43, 0.055), rgba(15, 59, 43, 0));
  pointer-events: none;
}

/* hover 时信息卡轻微上浮 */
.partner-block:hover .partner-content > div {
  transform: translateY(-4px) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.58)) !important;
  box-shadow:
    0 38px 104px rgba(20, 40, 30, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    inset 0 -1px 0 rgba(15, 59, 43, 0.04) !important;
}

/* 标题收紧，去掉“本地”后更有气场 */
.partner-content h2 {
  max-width: 500px !important;
  font-size: clamp(40px, 3.9vw, 58px) !important;
  line-height: 1.16 !important;
  letter-spacing: -0.058em !important;
}

/* 正文稍微加深，避免玻璃卡里发灰 */
.partner-content p {
  color: rgba(21, 34, 28, 0.74) !important;
  font-weight: 450 !important;
}

/* 标签更像玻璃胶囊 */
.partner-value-tags span {
  background: rgba(255, 255, 255, 0.58) !important;
  border: 1px solid rgba(15, 59, 43, 0.12) !important;
  color: rgba(15, 59, 43, 0.80) !important;
  box-shadow: 0 6px 16px rgba(15, 35, 26, 0.04) !important;
  transition:
    transform 0.24s ease,
    background 0.24s ease,
    border-color 0.24s ease !important;
}

.partner-block:hover .partner-value-tags span {
  background: rgba(255, 255, 255, 0.72) !important;
  border-color: rgba(15, 59, 43, 0.18) !important;
}

.partner-value-tags span:hover {
  transform: translateY(-1px);
}

/* 按钮加轻微箭头引导，但比 Banner 主按钮克制 */
.partner-content .btn-primary {
  position: relative !important;
  overflow: hidden !important;
}

.partner-content .btn-primary::after {
  content: "→";
  display: inline-block;
  margin-left: 0;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateX(-4px);
  transition:
    max-width 0.24s ease,
    opacity 0.24s ease,
    margin-left 0.24s ease,
    transform 0.24s ease;
}

.partner-content .btn-primary:hover::after {
  max-width: 16px;
  opacity: 1;
  margin-left: 8px;
  transform: translateX(0);
}

@media (max-width: 980px) {
  .partner-content h2 {
    font-size: 34px !important;
  }

  .partner-content > div {
    background: rgba(255, 255, 255, 0.84) !important;
  }
}


/* ===== 城市合伙版块：比例与上下节奏优化 =====
   目标：
   1. 图片区域放大，承接品牌氛围
   2. 文字卡片略收窄，更像精致转化卡
   3. 上下留白整体收紧，避免页面显空
*/

.partner-block {
  width: min(1320px, calc(100% - 72px)) !important;
  padding: 58px 0 112px !important;
  grid-template-columns: minmax(0, 1.18fr) minmax(390px, 0.72fr) !important;
  align-items: center !important;
}

/* 图片放大，增强品牌气场 */
.partner-image {
  height: 610px !important;
  border-radius: 30px !important;
  background-position: center 62% !important;
  box-shadow:
    0 34px 96px rgba(20, 40, 30, 0.13),
    0 0 0 1px rgba(15, 59, 43, 0.07) !important;
}

/* 文字卡片缩小一点，并压在图片上，形成画册式层次 */
.partner-content {
  margin-left: -112px !important;
}

.partner-content > div {
  max-width: 510px !important;
  padding: 52px 50px 48px !important;
  border-radius: 26px !important;
}

/* 标题稍微收一点，避免文字卡片显得过大 */
.partner-content h2 {
  font-size: clamp(38px, 3.45vw, 52px) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.055em !important;
}

/* 正文收紧，减少卡片内部空感 */
.partner-content p {
  margin: 24px 0 24px !important;
  line-height: 1.95 !important;
}

/* 标签和按钮间距收紧 */
.partner-value-tags {
  margin-bottom: 28px !important;
}

/* 下一个版块不要离太远 */
.digital-section {
  padding-top: 82px !important;
}

/* 如果上一个 platform-section 底部太大，也收一点 */
.platform-section {
  padding-bottom: 132px !important;
}

/* 移动端保持正常上下布局 */
@media (max-width: 980px) {
  .partner-block {
    width: calc(100% - 32px) !important;
    grid-template-columns: 1fr !important;
    padding: 64px 0 86px !important;
  }

  .partner-image {
    height: 360px !important;
    border-radius: 22px !important;
  }

  .partner-content {
    margin-left: 0 !important;
    margin-top: -42px !important;
  }

  .partner-content > div {
    max-width: none !important;
    width: calc(100% - 28px) !important;
    padding: 34px 26px 32px !important;
  }
}


/* ===== 城市合伙版块：替换为白天门店场景图 ===== */
.partner-image {
  background:
    linear-gradient(180deg, rgba(15, 59, 43, 0.00), rgba(15, 59, 43, 0.035)),
    url("/assets/business-hero-golden-hour.webp?v=20260522c") !important;
  background-size: cover !important;
  background-position: center center !important;
}


/* ===== 城市合伙版块：使用压缩 WebP 图片，优化加载速度 ===== */
.partner-image {
  background:
    linear-gradient(180deg, rgba(15, 59, 43, 0.00), rgba(15, 59, 43, 0.025)),
    url("/assets/business-hero-golden-hour.webp?v=20260522c") !important;
  background-size: cover !important;
  background-position: center center !important;
}

/* 如果想让右侧木牌少被文字卡片遮挡，可把 center center 改成 46% center */

/* ===== 强制修复：城市合伙图片不再加载 PNG 原图 ===== */
.partner-image {
  background-image:
    linear-gradient(180deg, rgba(15, 59, 43, 0.00), rgba(15, 59, 43, 0.025)),
    url("/assets/business-hero-golden-hour.webp?v=20260522c") !important;
  background-size: cover !important;
  background-position: center center !important;
}


/* ===== Digital Experience V2：平台入口 + 多层 App Mockup ===== */

.digital-section {
  padding: 92px 0 132px !important;
  background: #fff !important;
  overflow: hidden !important;
}

.digital-inner {
  width: min(1180px, calc(100% - 72px)) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(520px, 1.05fr) !important;
  gap: 92px !important;
  align-items: center !important;
}

.digital-copy {
  max-width: 560px !important;
}

.digital-copy .eyebrow {
  margin-bottom: 18px !important;
  color: rgba(21, 34, 28, 0.48) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.24em !important;
}

.digital-copy h2 {
  margin: 0 !important;
  color: var(--ink) !important;
  font-size: clamp(42px, 4vw, 58px) !important;
  line-height: 1.15 !important;
  font-weight: 500 !important;
  letter-spacing: -0.055em !important;
}

.digital-copy .section-line {
  width: 50px !important;
  height: 2px !important;
  margin: 28px 0 28px !important;
  background: var(--green) !important;
}

.digital-lead {
  margin: 0 0 38px !important;
  color: rgba(21, 34, 28, 0.66) !important;
  font-size: 15px !important;
  line-height: 2.05 !important;
  max-width: 540px !important;
}

.digital-value-list {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 24px 32px !important;
  margin-bottom: 34px !important;
}

.digital-value-item {
  display: grid !important;
  grid-template-columns: 38px 1fr !important;
  gap: 14px !important;
  align-items: start !important;
  padding-bottom: 22px !important;
  border-bottom: 1px solid rgba(15, 59, 43, 0.10) !important;
}

.digital-value-icon {
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(15, 59, 43, 0.055) !important;
  border: 1px solid rgba(15, 59, 43, 0.12) !important;
  color: var(--green) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.digital-value-item h3 {
  margin: 0 0 8px !important;
  color: var(--ink) !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
}

.digital-value-item p {
  margin: 0 !important;
  color: rgba(21, 34, 28, 0.55) !important;
  font-size: 13px !important;
  line-height: 1.85 !important;
}

.digital-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  align-items: center !important;
}

.download-btn {
  height: 46px !important;
  padding: 0 22px !important;
  border-radius: 5px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  text-decoration: none !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  transition: transform 0.24s ease, box-shadow 0.24s ease, background 0.24s ease !important;
}

.download-primary {
  color: #fff !important;
  background: var(--green) !important;
  box-shadow: 0 15px 34px rgba(15, 59, 43, 0.16) !important;
}

.download-secondary {
  color: var(--ink) !important;
  background: rgba(255,255,255,0.72) !important;
  border: 1px solid rgba(15, 59, 43, 0.16) !important;
}

.download-btn:hover {
  transform: translateY(-2px) !important;
}

.download-primary:hover {
  box-shadow: 0 20px 44px rgba(15, 59, 43, 0.22) !important;
}

.download-mark {
  font-size: 13px !important;
  opacity: 0.9 !important;
}

.digital-note {
  margin: 14px 0 0 !important;
  color: rgba(21, 34, 28, 0.42) !important;
  font-size: 12px !important;
  letter-spacing: 0.02em !important;
}

.digital-visual {
  min-height: 660px !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.digital-glow {
  position: absolute !important;
  width: 520px !important;
  height: 520px !important;
  border-radius: 999px !important;
  background: radial-gradient(circle, rgba(15,59,43,0.075), rgba(15,59,43,0.00) 68%) !important;
  z-index: 0 !important;
}

.phone-mockup {
  width: 250px !important;
  height: 520px !important;
  border-radius: 42px !important;
  padding: 14px !important;
  background: #0f3b2b !important;
  box-shadow:
    0 34px 90px rgba(20, 40, 30, 0.18),
    0 0 0 1px rgba(15, 59, 43, 0.10) !important;
  position: relative !important;
  z-index: 3 !important;
  transform: translateY(6px) !important;
}

.phone-speaker {
  position: absolute !important;
  top: 13px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 74px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.16) !important;
  z-index: 5 !important;
}

.phone-screen {
  width: 100% !important;
  height: 100% !important;
  border-radius: 32px !important;
  overflow: hidden !important;
  background: #f7f8f4 !important;
  position: relative !important;
}

.phone-hero {
  height: 190px !important;
  padding: 26px 18px !important;
  color: #fff !important;
  background:
    linear-gradient(180deg, rgba(15,59,43,0.10), rgba(15,59,43,0.82)),
    url("/assets/hero-lazytree-lake-1920.webp?v=20260520a") center center / cover no-repeat !important;
}

.phone-brand {
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  opacity: 0.92 !important;
}

.phone-title {
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  top: 126px !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.phone-module {
  margin: -22px 14px 14px !important;
  padding: 13px 10px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,0.92) !important;
  box-shadow: 0 12px 28px rgba(20,40,30,0.08) !important;
  position: relative !important;
  z-index: 2 !important;
}

.phone-icons {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 7px !important;
}

.phone-icons span {
  height: 38px !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(15,59,43,0.06) !important;
  color: var(--green) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

.phone-section-title {
  padding: 0 16px !important;
  margin: 12px 0 10px !important;
  color: var(--ink) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.phone-section-title.small {
  margin-top: 16px !important;
}

.phone-card-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  padding: 0 16px !important;
}

.phone-card {
  height: 70px !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(15,59,43,0.0), rgba(15,59,43,0.24)),
    url("/assets/business-hero-golden-hour.webp?v=20260522c") center center / cover no-repeat !important;
}

.phone-mini-list {
  padding: 0 16px !important;
  display: grid !important;
  gap: 8px !important;
}

.phone-mini-list span {
  display: block !important;
  height: 34px !important;
  border-radius: 12px !important;
  background: rgba(15,59,43,0.06) !important;
}

.app-panel {
  position: absolute !important;
  width: 250px !important;
  height: 420px !important;
  border-radius: 26px !important;
  background: rgba(255,255,255,0.82) !important;
  backdrop-filter: blur(18px) saturate(1.10) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.10) !important;
  border: 1px solid rgba(15,59,43,0.08) !important;
  box-shadow: 0 28px 76px rgba(20,40,30,0.10) !important;
  z-index: 1 !important;
  padding: 24px !important;
  overflow: hidden !important;
}

.app-panel-left {
  left: 34px !important;
  transform: rotate(-7deg) translateY(12px) !important;
}

.app-panel-right {
  right: 16px !important;
  transform: rotate(7deg) translateY(20px) !important;
}

.panel-topbar {
  width: 82px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: rgba(15,59,43,0.12) !important;
  margin-bottom: 24px !important;
}

.panel-title {
  color: var(--green) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  margin-bottom: 18px !important;
}

.panel-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  margin-bottom: 22px !important;
}

.panel-grid span {
  height: 72px !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(15,59,43,0.0), rgba(15,59,43,0.16)),
    url("/assets/hero-lazytree-lake-1920.webp?v=20260520a") center center / cover no-repeat !important;
}

.panel-card {
  height: 150px !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(15,59,43,0.0), rgba(15,59,43,0.18)),
    url("/assets/business-hero-golden-hour.webp?v=20260522c") center center / cover no-repeat !important;
  margin-bottom: 22px !important;
}

.panel-line {
  height: 10px !important;
  border-radius: 999px !important;
  background: rgba(15,59,43,0.10) !important;
  margin-bottom: 12px !important;
}

.panel-line.short {
  width: 64% !important;
}

.digital-visual:hover .phone-mockup {
  transform: translateY(0) scale(1.01) !important;
  transition: transform 0.36s ease !important;
}

.digital-visual:hover .app-panel-left {
  transform: rotate(-8deg) translate(-4px, 8px) !important;
  transition: transform 0.36s ease !important;
}

.digital-visual:hover .app-panel-right {
  transform: rotate(8deg) translate(4px, 14px) !important;
  transition: transform 0.36s ease !important;
}

@media (max-width: 980px) {
  .digital-section {
    padding: 76px 0 96px !important;
  }

  .digital-inner {
    width: calc(100% - 32px) !important;
    grid-template-columns: 1fr !important;
    gap: 54px !important;
  }

  .digital-value-list {
    grid-template-columns: 1fr !important;
  }

  .digital-visual {
    min-height: 560px !important;
  }

  .app-panel {
    width: 210px !important;
    height: 350px !important;
  }

  .app-panel-left {
    left: 0 !important;
  }

  .app-panel-right {
    right: 0 !important;
  }

  .phone-mockup {
    width: 220px !important;
    height: 470px !important;
  }
}


/* ===== Digital Experience：右侧改为真实 App 展示图 ===== */

.digital-visual-image {
  min-height: 620px !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: none !important;
}

/* 隐藏旧 CSS 假手机结构，避免残留 */
.digital-visual-image .phone-mockup,
.digital-visual-image .app-panel,
.digital-visual-image .digital-glow {
  display: none !important;
}

.app-showcase-image {
  width: min(680px, 100%) !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
  filter:
    drop-shadow(0 32px 70px rgba(20, 40, 30, 0.10))
    drop-shadow(0 8px 22px rgba(20, 40, 30, 0.06)) !important;
  transform: translateX(12px) !important;
  transition: transform 0.36s ease, filter 0.36s ease !important;
}

.digital-visual-image:hover .app-showcase-image {
  transform: translateX(12px) translateY(-4px) scale(1.01) !important;
  filter:
    drop-shadow(0 38px 82px rgba(20, 40, 30, 0.13))
    drop-shadow(0 10px 26px rgba(20, 40, 30, 0.07)) !important;
}

@media (max-width: 980px) {
  .digital-visual-image {
    min-height: auto !important;
  }

  .app-showcase-image {
    width: 100% !important;
    transform: none !important;
  }

  .digital-visual-image:hover .app-showcase-image {
    transform: translateY(-3px) scale(1.005) !important;
  }
}


/* ===== Digital Experience：修复 App 展示图像截图贴片的问题 =====
   目标：接近参考图 2 的自然悬浮感，不再显示白色矩形图片边界
*/

.digital-visual-image {
  min-height: 600px !important;
  background: none !important;
  overflow: visible !important;
}

/* 关键：不要给整张 JPG/WebP 画布加 drop-shadow，否则白色画布边界会显出来 */
.app-showcase-image {
  width: min(760px, 112%) !important;
  max-width: none !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  filter: none !important;
  box-shadow: none !important;
  border: 0 !important;
  background: transparent !important;
  transform: translateX(20px) translateY(-4px) !important;
}

/* hover 只做轻微位移，不再加整图阴影 */
.digital-visual-image:hover .app-showcase-image {
  transform: translateX(20px) translateY(-8px) scale(1.008) !important;
  filter: none !important;
  box-shadow: none !important;
}

/* 右侧整体稍微贴近中间，避免像孤立图片 */
.digital-inner {
  grid-template-columns: minmax(0, 0.92fr) minmax(560px, 1.08fr) !important;
  gap: 74px !important;
}

/* 左侧文字区域保持呼吸感 */
.digital-copy {
  max-width: 590px !important;
}

/* 移动端避免图片溢出 */
@media (max-width: 980px) {
  .app-showcase-image {
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
  }

  .digital-visual-image:hover .app-showcase-image {
    transform: translateY(-3px) scale(1.004) !important;
  }
}


/* ===== Digital Experience：图标化 + 完整 App 展示图，不裁切 ===== */

/* 标题更接近参考图，增强品牌力量 */
.digital-copy h2 {
  font-size: clamp(48px, 4.6vw, 68px) !important;
  line-height: 1.08 !important;
  font-weight: 600 !important;
  letter-spacing: -0.06em !important;
}

.digital-copy .eyebrow {
  color: rgba(21, 34, 28, 0.52) !important;
  font-weight: 900 !important;
}

.digital-lead {
  color: rgba(21, 34, 28, 0.62) !important;
  font-size: 15px !important;
  line-height: 2 !important;
}

/* 图标圆角方块，参考图二，不再用数字圆圈 */
.digital-value-list {
  gap: 30px 42px !important;
}

.digital-value-item {
  grid-template-columns: 52px 1fr !important;
  gap: 18px !important;
  padding-bottom: 26px !important;
}

.digital-value-icon {
  width: 46px !important;
  height: 46px !important;
  border-radius: 14px !important;
  background: rgba(15, 59, 43, 0.055) !important;
  border: 1px solid rgba(15, 59, 43, 0.07) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.8),
    0 10px 26px rgba(15, 59, 43, 0.04) !important;
}

.digital-value-icon svg {
  width: 23px !important;
  height: 23px !important;
  display: block !important;
  fill: none !important;
  stroke: var(--green) !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.digital-value-item h3 {
  font-size: 17px !important;
  font-weight: 900 !important;
  margin-bottom: 9px !important;
}

.digital-value-item p {
  color: rgba(21, 34, 28, 0.56) !important;
  font-size: 13.5px !important;
  line-height: 1.9 !important;
}

/* 下载按钮图标 */
.download-btn {
  height: 50px !important;
  padding: 0 24px !important;
  border-radius: 6px !important;
  font-size: 16px !important;
}

.download-mark {
  width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.download-mark svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  stroke-width: 0.6 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.download-primary .download-mark {
  color: #fff !important;
}

.download-secondary .download-mark {
  color: #111 !important;
}

/* 右侧图片使用完整版本，不再裁切上下 */
.digital-visual-image {
  min-height: 650px !important;
  overflow: visible !important;
  background: none !important;
}

.app-showcase-image {
  width: min(760px, 115%) !important;
  max-width: none !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  filter: none !important;
  box-shadow: none !important;
  background: transparent !important;
  transform: translateX(10px) translateY(0) !important;
}

.digital-visual-image:hover .app-showcase-image {
  transform: translateX(10px) translateY(-4px) scale(1.006) !important;
  filter: none !important;
}

/* 强制让页面引用完整 WebP 图 */
.app-showcase-image[src*="outdoor_adventure_app_interface_mockup"] {
  content: url("/assets/outdoor_adventure_app_interface_mockup-full.webp?v=20260520h") !important;
}


/* ===== Digital Experience 最终修复：标题、图标、右侧 App 展示图 ===== */

/* 整体比例：右侧需要更大，接近参考图二 */
.digital-inner {
  width: min(1240px, calc(100% - 72px)) !important;
  grid-template-columns: minmax(560px, 0.94fr) minmax(600px, 1.06fr) !important;
  gap: 54px !important;
  align-items: center !important;
}

/* 标题不要再巨大换行 */
.digital-copy h2 {
  font-size: clamp(46px, 3.75vw, 58px) !important;
  line-height: 1.12 !important;
  font-weight: 560 !important;
  letter-spacing: -0.055em !important;
  white-space: nowrap !important;
}

.digital-copy {
  max-width: 620px !important;
}

/* 左侧版块不要太松散 */
.digital-lead {
  max-width: 590px !important;
  margin-bottom: 34px !important;
}

.digital-value-list {
  gap: 28px 40px !important;
  margin-bottom: 34px !important;
}

.digital-value-item {
  grid-template-columns: 50px 1fr !important;
  gap: 16px !important;
}

.digital-value-icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 13px !important;
}

/* 右侧图片：使用裁掉白边后的主体图，不再像一张白色截图 */
.digital-visual-image {
  min-height: 610px !important;
  justify-content: center !important;
  overflow: visible !important;
  background: none !important;
}

/* 清掉之前给 img 写的 content:url 强制替换，直接用 HTML src */
.app-showcase-image[src*="app-showcase-cropped"],
.app-showcase-image {
  content: normal !important;
  width: min(720px, 116%) !important;
  max-width: none !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  background: transparent !important;
  filter:
    drop-shadow(0 30px 70px rgba(20, 40, 30, 0.08))
    drop-shadow(0 8px 20px rgba(20, 40, 30, 0.05)) !important;
  transform: translateX(8px) translateY(0) !important;
}

.digital-visual-image:hover .app-showcase-image {
  transform: translateX(8px) translateY(-4px) scale(1.006) !important;
  filter:
    drop-shadow(0 36px 84px rgba(20, 40, 30, 0.10))
    drop-shadow(0 10px 24px rgba(20, 40, 30, 0.06)) !important;
}

/* 下载按钮保持图标，但减少诡异感 */
.download-btn {
  height: 50px !important;
  padding: 0 24px !important;
}

.download-mark svg {
  width: 17px !important;
  height: 17px !important;
}

/* 移动端才允许标题换行 */
@media (max-width: 980px) {
  .digital-inner {
    width: calc(100% - 32px) !important;
    grid-template-columns: 1fr !important;
    gap: 48px !important;
  }

  .digital-copy h2 {
    white-space: normal !important;
    font-size: 40px !important;
  }

  .app-showcase-image {
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
  }
}


/* ===== Digital Experience：右侧 App 图最终柔化 ===== */

/* 右侧整体稍微收一点，不再像大白图块 */
.app-showcase-image {
  width: min(670px, 108%) !important;
  max-width: none !important;
  mix-blend-mode: multiply !important;
  opacity: 0.98 !important;
  filter:
    drop-shadow(0 28px 64px rgba(20, 40, 30, 0.08))
    drop-shadow(0 8px 18px rgba(20, 40, 30, 0.04)) !important;
  transform: translateX(2px) translateY(0) !important;
}

/* hover 也保持克制 */
.digital-visual-image:hover .app-showcase-image {
  transform: translateX(2px) translateY(-3px) scale(1.004) !important;
  filter:
    drop-shadow(0 34px 76px rgba(20, 40, 30, 0.10))
    drop-shadow(0 9px 20px rgba(20, 40, 30, 0.05)) !important;
}

/* 给右侧视觉区域加一点非常淡的环境光，弱化图片边界 */
.digital-visual-image::before {
  content: "";
  position: absolute;
  width: 620px;
  height: 420px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(15, 59, 43, 0.035), rgba(15, 59, 43, 0) 68%);
  z-index: -1;
}

/* 保证右侧视觉定位稳定 */
.digital-visual-image {
  position: relative !important;
  min-height: 610px !important;
}


/* ===== Digital Experience：App 展示图透明背景最终版 ===== */
.app-showcase-image {
  content: normal !important;
  width: min(700px, 112%) !important;
  max-width: none !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  box-shadow: none !important;
  border: 0 !important;
  filter:
    drop-shadow(0 30px 72px rgba(20, 40, 30, 0.10))
    drop-shadow(0 8px 22px rgba(20, 40, 30, 0.06)) !important;
  transform: translateX(4px) translateY(0) !important;
}

.digital-visual-image:hover .app-showcase-image {
  transform: translateX(4px) translateY(-4px) scale(1.006) !important;
}

.digital-visual-image {
  background: none !important;
  overflow: visible !important;
}


/* ===== Digital Experience：替换为新上传手机效果图 ===== */
.app-showcase-image {
  content: normal !important;
  width: min(720px, 112%) !important;
  max-width: none !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  filter:
    drop-shadow(0 30px 72px rgba(20, 40, 30, 0.08))
    drop-shadow(0 8px 22px rgba(20, 40, 30, 0.05)) !important;
  transform: translateX(4px) translateY(0) !important;
}

.digital-visual-image {
  background: none !important;
  overflow: visible !important;
  min-height: 610px !important;
}

.digital-visual-image:hover .app-showcase-image {
  transform: translateX(4px) translateY(-4px) scale(1.006) !important;
}

/* 防止旧 CSS 用 content:url 强制换回旧图 */
.app-showcase-image[src*="app-showcase-new-full"] {
  content: normal !important;
}


/* ===== Digital Experience：使用上传 SVG 图标 + 透明 App 图 ===== */

.digital-value-icon {
  width: 46px !important;
  height: 46px !important;
  border-radius: 14px !important;
  background: rgba(15, 59, 43, 0.055) !important;
  border: 1px solid rgba(15, 59, 43, 0.07) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.85),
    0 10px 26px rgba(15, 59, 43, 0.045) !important;
}

.digital-value-icon img {
  width: 23px !important;
  height: 23px !important;
  display: block !important;
  object-fit: contain !important;
}

.download-mark {
  width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.download-mark img {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  object-fit: contain !important;
}

/* 右侧 App 图：透明背景，不显示白底矩形 */
.app-showcase-image {
  content: normal !important;
  width: min(700px, 112%) !important;
  max-width: none !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  border: 0 !important;
  box-shadow: none !important;
  filter:
    drop-shadow(0 30px 72px rgba(20, 40, 30, 0.10))
    drop-shadow(0 8px 22px rgba(20, 40, 30, 0.06)) !important;
  transform: translateX(4px) translateY(0) !important;
}

.digital-visual-image {
  background: none !important;
  overflow: visible !important;
  min-height: 610px !important;
}

.digital-visual-image:hover .app-showcase-image {
  transform: translateX(4px) translateY(-4px) scale(1.006) !important;
}

/* 防止旧规则强制 content:url 回旧图 */
.app-showcase-image[src*="app-showcase-clean-transparent"] {
  content: normal !important;
}


/* ===== Digital Experience：按钮恢复 + 图标反白 + 卖点动效 + App 图说明 ===== */

/* 下载按钮恢复为两个并列 */
.digital-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  align-items: center !important;
  margin-top: 2px !important;
}

.download-btn {
  height: 50px !important;
  padding: 0 24px !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  text-decoration: none !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    border-color 0.28s ease,
    background 0.28s ease !important;
}

.download-primary {
  color: #fff !important;
  background: var(--green) !important;
  border: 1px solid var(--green) !important;
  box-shadow: 0 16px 36px rgba(15, 59, 43, 0.15) !important;
}

.download-secondary {
  color: var(--green) !important;
  background: rgba(255,255,255,0.82) !important;
  border: 1px solid rgba(15, 59, 43, 0.18) !important;
}

/* Android 图标在绿色按钮上反白 */
.download-primary .download-mark img {
  filter: brightness(0) invert(1) !important;
}

/* iOS 图标保持清晰；悬停时按钮变深绿后反白 */
.download-secondary .download-mark img {
  filter: brightness(0) saturate(100%) invert(18%) sepia(25%) saturate(930%) hue-rotate(103deg) brightness(88%) contrast(92%) !important;
}

.download-secondary:hover {
  color: #fff !important;
  background: var(--green) !important;
  border-color: var(--green) !important;
  box-shadow: 0 16px 36px rgba(15, 59, 43, 0.13) !important;
}

.download-secondary:hover .download-mark img {
  filter: brightness(0) invert(1) !important;
}

.download-primary:hover,
.download-secondary:hover {
  transform: translateY(-2px) !important;
}

.download-mark {
  width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
}

.download-mark img {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  object-fit: contain !important;
}

/* 左侧四个卖点加轻量交互动效，和上方核心业务卡片保持一致的高级感 */
.digital-value-item {
  position: relative !important;
  border-radius: 18px !important;
  padding: 16px 18px 24px 0 !important;
  transition:
    transform 0.32s ease,
    background 0.32s ease,
    box-shadow 0.32s ease,
    border-color 0.32s ease !important;
}

.digital-value-item::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(15,59,43,0.035), rgba(255,255,255,0)) !important;
  opacity: 0 !important;
  transition: opacity 0.32s ease !important;
  pointer-events: none !important;
}

.digital-value-item:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 46px rgba(20, 40, 30, 0.06) !important;
}

.digital-value-item:hover::before {
  opacity: 1 !important;
}

.digital-value-icon {
  transition:
    transform 0.32s ease,
    background 0.32s ease,
    box-shadow 0.32s ease,
    border-color 0.32s ease !important;
}

.digital-value-item:hover .digital-value-icon {
  transform: translateY(-2px) scale(1.04) !important;
  background: rgba(15, 59, 43, 0.085) !important;
  border-color: rgba(15, 59, 43, 0.14) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.86),
    0 16px 32px rgba(15, 59, 43, 0.08) !important;
}

/* 右侧 App 展示图下方说明 */
.digital-visual-image {
  flex-direction: column !important;
  gap: 10px !important;
}

.app-showcase-note {
  margin: -10px 0 0 !important;
  color: rgba(21, 34, 28, 0.38) !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  text-align: center !important;
}

/* 右侧图片仍使用透明图，避免白底框 */
.app-showcase-image {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  mix-blend-mode: normal !important;
}

/* 手机图说明不要影响移动端 */
@media (max-width: 980px) {
  .digital-actions {
    gap: 10px !important;
  }

  .download-btn {
    width: 100% !important;
  }

  .app-showcase-note {
    margin-top: 0 !important;
  }
}


/* ===== 全站导航栏固定到页面顶部 ===== */

/* 兼容当前官网导航命名 */
.site-header,
.header,
.navbar,
.top-nav {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
}

/* 当前首页导航栏视觉：白色半透 + 轻微模糊，不遮挡内容 */
.site-header,
.header {
  background: rgba(255, 255, 255, 0.86) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
  border-bottom: 1px solid rgba(15, 59, 43, 0.08) !important;
  box-shadow: 0 8px 28px rgba(20, 40, 30, 0.045) !important;
}

/* 防止锚点跳转时内容被固定导航挡住 */
section {
  scroll-margin-top: 92px !important;
}

/* 首页首屏不用额外下移，导航压在 Banner 上方保持现有效果 */
.hero {
  padding-top: 0 !important;
}

/* 手机端固定导航也保持顶部 */
@media (max-width: 980px) {
  .site-header,
  .header,
  .navbar,
  .top-nav {
    position: fixed !important;
    top: 0 !important;
  }

  section {
    scroll-margin-top: 76px !important;
  }
}


/* =========================================================


/* ===== Home hero precise motion START ===== */
/*
  首页真实结构：
  .hero
  .hero-kicker
  .hero-title-main
  .hero h2
  .hero p
  .hero-actions .btn
  .scroll-tip
*/

@keyframes homeHeroKickerIn {
  0% {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
    letter-spacing: 0.34em;
    filter: blur(3px);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    letter-spacing: 0.24em;
    filter: blur(0);
  }
}

@keyframes homeHeroTitleIn {
  0% {
    opacity: 0;
    transform: translate3d(0, 20px, 0) scale(0.985);
    filter: blur(5px);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0);
  }
}

@keyframes homeHeroTitleBreathe {
  0%, 100% {
    transform: translate3d(0, 0, 0);
    text-shadow: 0 20px 54px rgba(16, 70, 52, 0.08);
  }
  50% {
    transform: translate3d(0, -4px, 0);
    text-shadow: 0 26px 70px rgba(16, 70, 52, 0.16);
  }
}

@keyframes homeHeroTextIn {
  0% {
    opacity: 0;
    transform: translate3d(0, 16px, 0);
    filter: blur(3px);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    filter: blur(0);
  }
}

@keyframes homeHeroBtnIn {
  0% {
    opacity: 0;
    transform: translate3d(0, 14px, 0) scale(0.98);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes homeScrollTipFloat {
  0%, 100% {
    opacity: 0.72;
    transform: translate3d(-50%, 0, 0);
  }
  50% {
    opacity: 1;
    transform: translate3d(-50%, 9px, 0);
  }
}

@keyframes homeScrollLinePulse {
  0%, 100% {
    opacity: 0.45;
    transform: scaleY(0.72);
  }
  50% {
    opacity: 1;
    transform: scaleY(1);
  }
}

.hero .hero-kicker {
  animation: homeHeroKickerIn 0.82s cubic-bezier(.2,.8,.2,1) both !important;
  animation-delay: 0.06s !important;
  will-change: transform, opacity, letter-spacing, filter;
}

.hero .hero-title-main,
.hero h1.hero-title-main {
  animation:
    homeHeroTitleIn 1.04s cubic-bezier(.2,.8,.2,1) both,
    homeHeroTitleBreathe 6.2s ease-in-out 1.22s infinite !important;
  will-change: transform, opacity, filter, text-shadow;
}

.hero h2 {
  animation: homeHeroTextIn 0.9s cubic-bezier(.2,.8,.2,1) both !important;
  animation-delay: 0.2s !important;
  will-change: transform, opacity, filter;
}

.hero p {
  animation: homeHeroTextIn 0.95s cubic-bezier(.2,.8,.2,1) both !important;
  animation-delay: 0.32s !important;
  will-change: transform, opacity, filter;
}

.hero .hero-actions .btn {
  animation: homeHeroBtnIn 0.82s cubic-bezier(.2,.8,.2,1) both !important;
  will-change: transform, opacity;
}

.hero .hero-actions .btn:nth-child(1) {
  animation-delay: 0.44s !important;
}

.hero .hero-actions .btn:nth-child(2) {
  animation-delay: 0.54s !important;
}

.hero .hero-actions .btn:hover {
  transform: translate3d(0, -2px, 0);
}

.hero .scroll-tip {
  animation: homeScrollTipFloat 2.05s ease-in-out infinite !important;
  will-change: transform, opacity;
}

.hero .scroll-tip::after {
  animation: homeScrollLinePulse 1.55s ease-in-out infinite !important;
  transform-origin: top center;
}

@media (max-width: 768px) {
  .hero .hero-title-main,
  .hero h1.hero-title-main {
    animation:
      homeHeroTitleIn 0.86s cubic-bezier(.2,.8,.2,1) both,
      homeHeroTitleBreathe 7s ease-in-out 1.08s infinite !important;
  }

  .hero .scroll-tip {
    animation-duration: 2.35s !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero .hero-kicker,
  .hero .hero-title-main,
  .hero h1.hero-title-main,
  .hero h2,
  .hero p,
  .hero .hero-actions .btn,
  .hero .scroll-tip,
  .hero .scroll-tip::after {
    animation: none !important;
  }
}
/* ===== Home hero precise motion END ===== */


/* ===== Home mobile full adapt v1 2026-05-30 START ===== */

@media (max-width: 820px) {
  .hero {
    min-height: auto !important;
    padding: 104px 0 70px !important;
  }

  .hero .hero-inner,
  .hero-inner {
    display: block !important;
    width: calc(100% - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    margin: 0 auto !important;
  }

  .hero h1,
  .hero-title-main {
    max-width: 100% !important;
    white-space: normal !important;
  }

  .hero p,
  .hero-subtitle,
  .hero-lead {
    max-width: 100% !important;
  }

  .hero-actions,
  .actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .hero-actions a,
  .actions a {
    width: 100% !important;
    justify-content: center !important;
  }

  .section,
  .platform-section,
  .partner-block,
  .digital-section {
    padding: 70px 0 !important;
  }

  .section-head,
  .platform-head,
  .partner-head,
  .digital-head {
    max-width: 100% !important;
    margin-bottom: 28px !important;
  }

  .business-grid,
  .core-grid,
  .platform-grid,
  .partner-grid,
  .digital-grid,
  .feature-grid,
  .cards-grid,
  .modules-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .business-card,
  .core-card,
  .platform-card,
  .partner-card,
  .digital-card,
  .feature-card,
  .module-card {
    padding: 24px 22px !important;
    border-radius: 24px !important;
    min-height: auto !important;
  }

  .digital-section .digital-layout,
  .app-experience-layout,
  .home-app-layout {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  .phone-preview,
  .app-preview,
  .digital-phone {
    width: min(100%, 320px) !important;
    margin: 0 auto !important;
    transform: none !important;
  }
}

/* ===== Home mobile full adapt v1 2026-05-30 END ===== */

/* ===== Home mobile refine v1 2026-05-30 START ===== */

/*
  首页手机端精修：
  - 解决首屏上方留白过大
  - 压缩 Hero 高度和标题尺寸
  - 核心业务矩阵改为移动端 2 列紧凑卡
  - 平台能力、城市合伙、App 展示压缩移动端节奏
  - 只影响手机端，不动桌面端
*/

@media (max-width: 820px) {
  body.home-page,
  body:has(.hero) {
    overflow-x: hidden !important;
  }

  /* 首页首屏：不再像桌面端一样垂直居中导致大面积空白 */
  .hero {
    min-height: calc(100svh - 72px) !important;
    height: auto !important;
    padding: 46px 0 54px !important;
    display: flex !important;
    align-items: center !important;
    background-position: center bottom !important;
    background-size: cover !important;
  }

  .hero::before,
  .hero::after {
    pointer-events: none !important;
  }

  .hero-inner {
    width: calc(100% - 34px) !important;
    max-width: calc(100vw - 34px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: block !important;
    transform: translateY(-18px) !important;
  }

  .hero-copy,
  .hero-content,
  .hero-text {
    max-width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  .hero .eyebrow,
  .hero-eyebrow {
    justify-content: center !important;
    margin-bottom: 16px !important;
    font-size: 11px !important;
    letter-spacing: 0.34em !important;
  }

  .hero h1,
  .hero-title,
  .hero-title-main {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: clamp(42px, 11.2vw, 58px) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.075em !important;
    text-align: center !important;
    white-space: normal !important;
  }

  .hero h1 br,
  .hero-title br,
  .hero-title-main br {
    display: none !important;
  }

  .hero-subtitle,
  .hero-lead,
  .hero p {
    max-width: 100% !important;
    margin: 18px auto 0 !important;
    color: rgba(28, 48, 40, 0.78) !important;
    font-size: 16px !important;
    line-height: 1.78 !important;
    text-align: center !important;
  }

  .hero-actions,
  .hero .actions {
    width: 100% !important;
    max-width: 100% !important;
    margin: 28px auto 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .hero-actions a,
  .hero .actions a,
  .hero .btn-primary,
  .hero .btn-secondary {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    justify-content: center !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    font-weight: 900 !important;
  }

  /* 首页每个大版块移动端节奏压缩 */
  .section,
  .home-section,
  .business-section,
  .platform-section,
  .partner-section,
  .digital-section,
  .app-section,
  .home-partner-section {
    padding-top: 58px !important;
    padding-bottom: 58px !important;
  }

  .section-head,
  .home-section-head,
  .platform-head,
  .partner-head,
  .digital-head {
    width: calc(100% - 34px) !important;
    max-width: calc(100vw - 34px) !important;
    margin: 0 auto 24px !important;
    text-align: left !important;
  }

  .section-head .eyebrow,
  .home-section-head .eyebrow,
  .platform-head .eyebrow,
  .partner-head .eyebrow,
  .digital-head .eyebrow {
    justify-content: flex-start !important;
  }

  .section-head h2,
  .home-section-head h2,
  .platform-head h2,
  .partner-head h2,
  .digital-head h2 {
    font-size: clamp(28px, 8vw, 38px) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.06em !important;
  }

  .section-head p,
  .home-section-head p,
  .platform-head p,
  .partner-head p,
  .digital-head p {
    margin-top: 12px !important;
    font-size: 14.5px !important;
    line-height: 1.75 !important;
  }

  /* 核心业务矩阵：手机端改 2 列，不再一张卡占一屏 */
  .business-grid,
  .core-grid,
  .matrix-grid,
  .home-core-grid {
    width: calc(100% - 34px) !important;
    max-width: calc(100vw - 34px) !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .business-card,
  .core-card,
  .matrix-card,
  .home-core-card {
    min-height: 142px !important;
    padding: 18px 14px !important;
    border-radius: 18px !important;
    text-align: center !important;
    box-shadow:
      0 16px 36px rgba(15, 71, 54, 0.055),
      inset 0 1px 0 rgba(255,255,255,0.92) !important;
  }

  .business-card .icon,
  .core-card .icon,
  .matrix-card .icon,
  .home-core-card .icon {
    width: 38px !important;
    height: 38px !important;
    margin: 0 auto 12px !important;
  }

  .business-card h3,
  .core-card h3,
  .matrix-card h3,
  .home-core-card h3 {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    letter-spacing: -0.035em !important;
  }

  .business-card p,
  .core-card p,
  .matrix-card p,
  .home-core-card p {
    margin: 8px 0 0 !important;
    font-size: 11.5px !important;
    line-height: 1.55 !important;
    color: rgba(35, 72, 58, 0.58) !important;
  }

  /* 平台能力：更像 App 设置页/能力列表 */
  .platform-grid,
  .capability-grid,
  .feature-list,
  .home-capability-grid {
    width: calc(100% - 34px) !important;
    max-width: calc(100vw - 34px) !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .platform-card,
  .capability-card,
  .feature-item,
  .home-capability-card {
    min-height: auto !important;
    padding: 16px 16px !important;
    border-radius: 16px !important;
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    gap: 12px !important;
    align-items: start !important;
  }

  .platform-card h3,
  .capability-card h3,
  .feature-item h3,
  .home-capability-card h3 {
    margin: 0 !important;
    font-size: 14.5px !important;
    line-height: 1.35 !important;
  }

  .platform-card p,
  .capability-card p,
  .feature-item p,
  .home-capability-card p {
    margin: 5px 0 0 !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  /* 图片运营卡：手机端保留质感，但压缩高度 */
  .partner-block,
  .home-partner-card,
  .partner-card-large,
  .city-partner-card {
    width: calc(100% - 34px) !important;
    max-width: calc(100vw - 34px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 22px !important;
    overflow: hidden !important;
  }

  .partner-block img,
  .home-partner-card img,
  .partner-card-large img,
  .city-partner-card img {
    height: 210px !important;
    object-fit: cover !important;
  }

  .partner-block .card-body,
  .home-partner-card .card-body,
  .partner-card-large .card-body,
  .city-partner-card .card-body {
    padding: 20px 18px !important;
  }

  /* App 展示区域：压缩上下空白，保留手机图 */
  .digital-section,
  .app-section,
  .home-app-section {
    padding-top: 58px !important;
    padding-bottom: 34px !important;
  }

  .digital-layout,
  .app-experience-layout,
  .home-app-layout {
    width: calc(100% - 34px) !important;
    max-width: calc(100vw - 34px) !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  .app-preview,
  .phone-preview,
  .digital-phone,
  .app-showcase {
    width: 100% !important;
    max-width: 360px !important;
    margin: 0 auto !important;
    transform: none !important;
  }

  .app-preview img,
  .phone-preview img,
  .digital-phone img,
  .app-showcase img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  .app-note,
  .digital-note {
    margin-top: 10px !important;
    font-size: 12px !important;
    color: rgba(35, 72, 58, 0.46) !important;
    text-align: center !important;
  }
}

@media (max-width: 390px) {
  .hero-inner {
    width: calc(100% - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    transform: translateY(-12px) !important;
  }

  .hero h1,
  .hero-title,
  .hero-title-main {
    font-size: clamp(38px, 11vw, 50px) !important;
  }

  .business-grid,
  .core-grid,
  .matrix-grid,
  .home-core-grid {
    width: calc(100% - 28px) !important;
    grid-template-columns: 1fr !important;
  }

  .business-card,
  .core-card,
  .matrix-card,
  .home-core-card {
    min-height: auto !important;
  }
}

/* ===== Home mobile refine v1 2026-05-30 END ===== */

/* ===== Home mobile title wrap refine 2026-05-30 START ===== */

/*
  首页手机端标题收口：
  1. 防止“懒树一下”被拆成单字掉行
  2. 稍微收小首屏标题，避免压迫感过强
  3. 只影响首页移动端
*/

.home-title-nowrap {
  white-space: nowrap;
  display: inline-block;
}

@media (max-width: 820px) {
  .hero h1,
  .hero-title,
  .hero-title-main {
    font-size: clamp(38px, 9.4vw, 52px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.07em !important;
  }

  .hero-subtitle,
  .hero-lead,
  .hero p {
    font-size: 14.5px !important;
    line-height: 1.72 !important;
  }

  .hero-actions,
  .hero .actions {
    margin-top: 24px !important;
  }

  .hero-actions a,
  .hero .actions a,
  .hero .btn-primary,
  .hero .btn-secondary {
    height: 50px !important;
    min-height: 50px !important;
  }
}

@media (max-width: 390px) {
  .hero h1,
  .hero-title,
  .hero-title-main {
    font-size: clamp(34px, 9.2vw, 45px) !important;
  }
}

/* ===== Home mobile title wrap refine 2026-05-30 END ===== */

/* ===== Home mobile nav unify final 2026-05-30 START ===== */

/*
  原因：
  home.css 里历史残留了多轮 .site-header / .logo / .header-cta 规则，
  且 home.css 加载在 nav.css 之后，导致首页手机端导航尺寸覆盖全站基准。
  这里仅在首页 CSS 末尾锁定手机端导航尺寸，让首页和其它页面一致。
*/

@media (max-width: 820px) {
  body .site-header,
  body header.site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1200 !important;
    width: 100% !important;
    min-height: 64px !important;
    height: 64px !important;
    padding: 8px 12px !important;
    box-sizing: border-box !important;
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
  }

  body .site-header .nav,
  body header.site-header .nav {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    box-sizing: border-box !important;
  }

  body .site-header .logo.logo-real,
  body .logo.logo-real {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  body .site-header .logo-symbol {
    width: 31px !important;
    height: 31px !important;
    min-width: 31px !important;
    max-width: 31px !important;
    object-fit: contain !important;
    display: block !important;
  }

  body .site-header .logo-word-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 2px !important;
    min-width: 0 !important;
  }

  body .site-header .logo-word {
    width: 86px !important;
    max-width: 86px !important;
    height: auto !important;
    display: block !important;
  }

  body .site-header .logo-word-wrap small,
  body .site-header .logo small {
    display: block !important;
    font-size: 9px !important;
    line-height: 1 !important;
    letter-spacing: 0.06em !important;
    white-space: nowrap !important;
    color: rgba(22, 72, 54, 0.62) !important;
  }

  body .site-header .nav-links,
  body .site-header .mobile-channel-nav,
  body .site-header .mobile-menu-toggle,
  body .site-header .mobile-nav-panel {
    display: none !important;
  }

  body .site-header .header-cta,
  body header.site-header .header-cta {
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    transform: none !important;
  }
}

@media (max-width: 390px) {
  body .site-header,
  body header.site-header {
    height: 60px !important;
    min-height: 60px !important;
    padding: 7px 10px !important;
  }

  body .site-header .nav,
  body header.site-header .nav {
    height: 46px !important;
    min-height: 46px !important;
  }

  body .site-header .logo-symbol {
    width: 29px !important;
    height: 29px !important;
    min-width: 29px !important;
    max-width: 29px !important;
  }

  body .site-header .logo-word {
    width: 78px !important;
    max-width: 78px !important;
  }

  body .site-header .logo-word-wrap small {
    font-size: 8.5px !important;
  }

  body .site-header .header-cta,
  body header.site-header .header-cta {
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 12px !important;
    font-size: 11.5px !important;
  }
}

/* ===== Home mobile nav unify final 2026-05-30 END ===== */