/* ============================================================
   MuyuGPT 首页 Hero v4（线性动态图形版）
   作用域仅 .rx-hero.hero-v2 与 #products-cat 间距——其余零影响。
   强制参数：容器 1280 居中 / 46%-54% / gap 36 / Hero 高≈486
   （pt40 pb16 + 装置 430）/ 100% 缩放 1536×864 四区域同屏。
   ============================================================ */
.rx-hero.hero-v2{position:relative;max-width:1320px;margin:0 auto;display:grid;
  grid-template-columns:52fr 48fr;column-gap:44px;align-items:center;
  min-height:470px;padding:40px 28px 16px;text-align:left;}

/* 左列：标签/H1/正文/按钮同列同左缘，整组右移 100px（56+44 追加缩进） */
.hero-v2 .hero-copy{max-width:600px;margin-left:100px;display:flex;flex-direction:column;
  align-items:flex-start;justify-content:center;}
.hero-v2 .hero-copy .rx-pill{margin:0;}
.hero-v2 .hero-copy .rx-h1{font-size:clamp(30px,2.6vw,40px);line-height:1.22;
  letter-spacing:-0.5px;margin:14px 0 0;max-width:560px;}
.hero-v2 .hero-copy .rx-lead{max-width:560px;margin:12px 0 0;text-align:left;
  font-size:15.5px;line-height:1.8;}
.hero-v2 .hero-copy .rx-cta{margin-top:28px;display:flex;gap:14px;justify-content:flex-start;}

/* 右列：线性动态图形容器 520×430，贴右栏左缘（较上版左移约 100px，
   与文字视觉间距 = column-gap 64px，杜绝超宽空白带） */
.hero-v2 .muyu-kinetic-mark{position:relative;align-self:center;justify-self:start;
  width:min(100%,520px);height:430px;pointer-events:none;user-select:none;contain:layout paint;}
.hero-v2 .muyu-kinetic-mark svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;}
.k-layer{transform-origin:center;will-change:transform;}
/* 辅助细线缓慢伸缩（静止动效之一） */
.aux-lines line{stroke-dasharray:90 46;animation:kDash 16s linear infinite;}
.aux-lines line:nth-child(2){animation-duration:22s;animation-direction:reverse;}
@keyframes kDash{to{stroke-dashoffset:-272;}}

/* Products 紧接 Hero：Hero 底(16) + Products 顶(16) ≈ 32px（仅间距，卡片一切不动） */
#products-cat{padding-top:16px !important;}
#products-cat .rx-head{margin-bottom:16px !important;}

/* 1920 宽屏：容器不扩张，整体居中 */
@media (min-width:1700px){
  .rx-hero.hero-v2{max-width:1280px;}
}

/* 平板/移动端：单列居中，图形缩小置于文字下方（无指针视差，仅漂移） */
@media (max-width:1024px){
  .rx-hero.hero-v2{grid-template-columns:1fr;min-height:0;padding:36px 22px 14px;}
  .hero-v2 .hero-copy{max-width:100%;align-items:center;text-align:center;margin:0 auto;margin-left:auto;}
  .hero-v2 .hero-copy .rx-lead{text-align:center;}
  .hero-v2 .hero-copy .rx-cta{justify-content:center;}
  .hero-v2 .muyu-kinetic-mark{width:min(80vw,320px);height:264px;margin:12px auto 0;}
}

/* 减少动画偏好：静态构图 */
@media (prefers-reduced-motion:reduce){
  .k-layer{transform:none !important;}
  .aux-lines line{animation:none !important;}
}