/* 基准适配：1rem=10px，移动端标准适配方案 */
    html {
      font-size: calc(100vw / 37.5);
      -webkit-text-size-adjust: 100%;
    }
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    body {
      background: linear-gradient(to bottom, #960202, #c72324, #780202);
      min-height: 100vh;
      padding: 1.6rem clamp(0.8rem, 3vw, 1.6rem);
      font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
      overflow-x: hidden;
    }
    a {
      text-decoration: none;
      display: block;
    }
    img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    /* 1.顶部头部区域 */
    .header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom:.2rem;
    }
    .logo-box {
      width: 75%;
    }
    .logo-placeholder {
      width: 100%;
      display: block;
    }
    .logo-placeholder img {
      width: 90%;
    }
    .customer-service {
      width: 22%;
      text-align: center;
      color: #fff;
      font-size: 1.4rem;
    }
    .service-icon {
      width: 7rem;
      height: 7rem;
      margin: 0 auto 0.4rem;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 2.4rem;
    }

    /* 2.轮播模块 重写纯JS控制方案 */
    .swiper-wrap {
      width: 100%;
      height: 23rem;
      overflow: hidden;
      position: relative;
      margin-bottom: .2rem;
    }
    .swiper-container {
      width: 300%;
      display: flex;
      /* 滑动过渡1秒，丝滑缓动，实现每秒滑动一次 */
      transition: transform 1s ease-in-out;
    }
    .swiper-item {
      flex: 1;
      aspect-ratio: 16 / 9;
      overflow: hidden;
      border:.1rem #f18257 solid;
      border-radius: 2rem;
      background: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 3rem;
    }
    /* 轮播圆点 */
    .swiper-dots {
      position: absolute;
      bottom: 1.2rem;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
    }
    .dot {
      width: 1rem;
      height: 1rem;
      border-radius: 50%;
      background: rgba(255,255,255,0.4);
      margin: 0 0.4rem;
      transition: all 0.6s ease;
    }
    .dot.active {
      width: 2.4rem;
      border-radius: 0.5rem;
      background: #f9e0a2;
    }

    /* 3.蓝色按钮区块 */
    .btn-block {
      width: 100%;
      border-radius: 2rem;
      overflow: hidden;
      background: url("../img/bz.png") top center/cover no-repeat;
      padding: 8rem 2rem;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1rem;
    }
    .yellow-btn {
      width: 100%;
      border-radius: 999px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 3.2rem;
      color: #0a58a8;
      font-weight: bold;
      position: relative;
      top: 6.2rem;
      animation: opacityBreath 1.6s infinite;
    }

    /* 黑色分割占位条 */
    .black-split {
      width: 100%;
      height: 5.1rem;
      border-radius: 0.4rem;
      margin: 0 auto;
      overflow: hidden;
    }
    .black-split a img{ width: 100%; }
    .h20{ width: 100%; height: 1rem; }

    /* 4.复制数字模块 */
    .copy-box {
      width: 100%;
      background: url("../img/cbg.png") center/cover no-repeat;
      border-radius: 2rem;
      padding: 1rem 1rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 1.2rem;
    }
    .num-left {
      display: flex;
      align-items: center;
    }
    .coin-icon {
      width: 6rem;
      height: 6rem;
      background: #f9e0a2;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 2.8rem;
      color: #d81818;
      margin-right: 1.2rem;
    }
    .num-text h3 {
      font-size: 1.8rem;
      color: #000;
    }
    .num-val {
      width: 14rem;
      font-size: 2.2rem;
      color: #d81818;
      font-weight: bold;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .copy-btn {
      width: 12rem;
      height: 4rem;
      background: linear-gradient(90deg,#f03030,#ff9922);
      border-radius: 999px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 1.6rem;
      border: none;
      cursor: pointer;
      flex-shrink: 0;
    }

    /* 5.图标文字列表区块 */
    .list-block {
      width: 100%;
      border-radius: 2rem;
      overflow: hidden;
      background: url("../img/listbg.png") center/cover no-repeat;
    }
    .list-item {
      display: flex;
      align-items: center;
      margin-bottom: 1.6rem;
    }
    .list-icon {
      width: 4.4rem;
      height: 4.4rem;
      background: #f9e0a2;
      border-radius: 0.8rem;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      font-size: 2rem;
      color: #d81818;
      margin-right: 1.2rem;
    }
    .list-text {
      font-size: 2.2rem;
      color: #993300;
      line-height: 1.4;
    }
    @keyframes opacityBreath{
        0% {transform: scale(0.8);}
        50% {transform: scale(1);}
        100% {transform: scale(0.8);}
    }