/* 首页首屏 v4 · 绿洲图景（20261112 定稿 v19）：en 站架构背景 + 透明底产品图 + 公司标准按钮 */
.hd-hero{position:relative;overflow:hidden;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
/* 公共基础件（预览页公共区迁入，正式页只挂本文件） */
.hd-badge{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:#9BE8BE;border:1px solid rgba(61,255,162,.38);border-radius:99px;padding:7px 18px;margin-bottom:26px;letter-spacing:.06em}
.hd-badge i{width:7px;height:7px;border-radius:50%;background:#3DFFA2;box-shadow:0 0 10px #3DFFA2}
.hd-h1{margin:0}
.hd-cta{margin-top:36px;display:flex;gap:16px;justify-content:center}
/* ---------- 变体四 · 绿洲图景（en 站架构：CSS 全出血背景 + 透明底 PNG） ---------- */
.hd-v4{background:url(/static/theme/home/images/banner-bg.png) center bottom no-repeat;background-size:100% auto;background-color:#fff;padding:72px 0 calc(var(--fs-lift, 150px) + 40px);color:#1A2B22;text-align:center;overflow:hidden}
.hd-v4 .hd-in{position:relative;z-index:2;max-width:880px;margin:0 auto;padding:0 24px}
.hd-v4 .hd-badge{color:#0C7A3C;border-color:rgba(25,173,94,.4);background:rgba(255,255,255,.72);backdrop-filter:blur(4px)}
.hd-v4 .hd-badge i{background:#19AD5E;box-shadow:0 0 10px rgba(25,173,94,.7)}
.hd-v4 .hd-h1{font-size:clamp(36px,4.4vw,62px);font-weight:800;line-height:1.22;color:#101F18;letter-spacing:.01em}
.hd-v4 .hd-h1 .hl{color:#19AD5E;display:block}
.hd-v4 .hd-sub{margin:22px auto 0;max-width:100%;font-size:16.5px;line-height:1.9;color:#4A5B51}
.hd-v4 .hd-cta{margin-top:34px}
.hd-btn-ink{background:linear-gradient(135deg,#2EE68B,#0FA55F);border-radius:999px;padding:14px 42px;font-size:15.5px;font-weight:700;color:#fff;display:inline-block;border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 24px rgba(25,173,94,.4),inset 0 1px 0 rgba(255,255,255,.35);line-height:1.2;transition:transform .25s ease,box-shadow .25s ease}
.hd-btn-ink:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(25,173,94,.5),inset 0 1px 0 rgba(255,255,255,.35)}
.hd-v4 .hd-btn-ghost2{margin-left:14px;border:1px solid rgba(25,173,94,.55);border-radius:999px;padding:13px 36px;font-size:15.5px;font-weight:700;color:#0C7A3C;background:rgba(255,255,255,.78);display:inline-block;line-height:1.2;transition:border-color .18s ease,color .18s ease,transform .25s ease,box-shadow .25s ease}
.hd-v4 .hd-btn-ghost2:hover{border-color:#19AD5E;color:#19AD5E;transform:translateY(-2px);box-shadow:0 8px 22px rgba(25,173,94,.22)}
/* 产品大图：透明底 PNG 全彩锐利，CSS 光晕衬底 + 真实数据角标 */
.hd-v4-wrap{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:0 32px}
.hd-v4 .hd-v4-shot{position:relative;display:inline-block;margin:44px auto 0}
.hd-v4 .hd-v4-shot::before{content:'';position:absolute;inset:-10% -8% -16%;pointer-events:none;filter:blur(34px);background:
  radial-gradient(58% 52% at 28% 42%, rgba(61,255,162,.2), transparent 70%),
  radial-gradient(52% 48% at 76% 66%, rgba(96,150,246,.16), transparent 72%)}
.hd-v4 .hd-v4-shot picture{position:relative;z-index:1;display:block}
.hd-v4 .hd-v4-shot img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto}
/* 入场序列：文字错峰上浮，大图随后 */
@keyframes hdRise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.hd-v4 .hd-in>*{animation:hdRise .7s cubic-bezier(.16,1,.3,1) backwards}
.hd-v4 .hd-in>:nth-child(2){animation-delay:.08s}
.hd-v4 .hd-in>:nth-child(3){animation-delay:.16s}
.hd-v4 .hd-in>:nth-child(4){animation-delay:.24s}
.hd-v4 .hd-v4-shot{animation:hdRise .85s .3s cubic-bezier(.16,1,.3,1) backwards}
@media (prefers-reduced-motion:reduce){
  .hd-v4 .hd-in>*,.hd-v4 .hd-v4-shot{animation:none!important}
  .hd-btn-ink,.hd-v4 .hd-btn-ghost2{transition:none!important}
}

@media (max-width:1024px){
  .hd-v4 .hd-h1{font-size:34px;letter-spacing:0}.hd-v4 .hd-h1 .hl{font-size:34px}
  .hd-v4 .hd-v4-shot{margin:32px auto 0}
  .hd-v4 .hd-v4-shot::before{filter:blur(24px)}
}
@media (max-width:768px){
  .hd-v4 .hd-cta a{padding:13px 26px;font-size:15px}
  .hd-v4 .hd-btn-ghost2{margin-left:10px}
  .hd-v4 .hd-sub{font-size:14.5px;max-width:100%}
  .hd-v4 .hd-v4-shot{margin:30px -12px 0}
  .hd-v4 .hd-v4-shot picture{display:block;aspect-ratio:16/9.5;overflow:hidden;border-radius:12px}
  .hd-v4 .hd-v4-shot img{width:100%;height:100%;object-fit:cover;object-position:100% 38%}
}