/* ---- 手机默认：上图下文 ---- */
.about-box{}
.about-img{width:100%;height:auto}
.about-txt{margin-top:.8rem}
.about-txt h1{font-size:1.25rem;margin-bottom:.5rem}
.about-txt p{margin-bottom:.4rem;font-size:.9rem;line-height:1.6}

/* ---- ≥600px：左图右文 ---- */
@media (min-width:600px){
  .about-box{display:flex;align-items:center;gap:1rem}
  .about-img{width:40%;flex:none}   /* 左边 40 % */
  .about-txt{flex:1}                 /* 右边占剩余 */
}

/* 1. 把纯文本强制变一行，空格当间隔 */
.scroll-box{
  overflow:hidden;
  white-space:nowrap;
  line-height:1;
}
.scroll-text{
  display:inline-block;          /* 让 transform 生效 */
  padding-right:6vw;             /* 段间距 */
  animation:scroll 12s linear infinite;
}

/* 2. 关键：复制一份内容，用 ::before 实现无缝 */
.scroll-text::before{
  content:attr(data-text);       /* 取本身文字 */
  padding-left:6vw;              /* 两段之间空开 */
}

@keyframes scroll{
  0%{transform:translateX(0)}
  100%{transform:translateX(-50%)} /* 滚一半就无缝 */
}