/* ✅ 背景图全屏铺满 + 去边框 */
  .why-choose-us{
    position: relative;
    width: 100%;                 /* 全宽 */
    margin: 0;                   /* 防止外部留白 */
    border: 0 !important;        /* ✅ 去掉任何边框 */
    outline: 0;
    border-radius: 0;

    padding: 32px 0 26px;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;

    /* ✅ 背景图铺满 */
    background-image:
      linear-gradient(180deg, rgba(0,0,0,.30), rgba(0,0,0,.60)),
      var(--bg);
    background-size: cover;      /* ✅ 铺满容器 */
    background-position: center; /* ✅ 居中裁剪 */
    background-repeat: no-repeat;
  }

  /* ✅ 额外遮罩，让文字更清晰（可调透明度） */
  .wcu-overlay{
    position:absolute;
    inset:0;
    background: rgba(0,0,0,.10);
    pointer-events:none;
  }

  /* 内容居中，但背景不受影响 */
  .wcu-container{
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 24px;
  }

  .wcu-head{ margin-bottom: 18px; }
  .wcu-title{
    margin: 0;
    font-size: clamp(34px, 4.2vw, 56px);
    font-weight: 700;
    color:#fff;
    letter-spacing: .2px;
  }
  .wcu-subtitle{
    margin: 8px 0 0;
    color: rgba(255,255,255,.85);
    font-size: 14px;
    line-height: 1.4;
  }

  /* 卡片：保留间距，不强制边框 */
  .wcu-cards{
    display: flex;
    gap: 18px;
    align-items: stretch;
    flex-wrap: nowrap;
  }

  .wcu-card{
    flex: 1 1 0;
    padding: 18px 18px 16px;
    background: rgba(40,45,50,.55);
    border: 0;                   /* ✅ 卡片也不出现硬边框 */
    box-shadow: none;            /* ✅ 去掉内阴影造成的“边线感” */
    min-height: 120px;
  }

  .wcu-card-title{
    margin: 0 0 12px;
    color: #f2a11a;
    font-size: 18px;
    font-weight: 700;
  }

  .wcu-card-text{
    margin: 0;
    color: rgba(255,255,255,.82);
    font-size: 14px;
    line-height: 1.55;
    max-width: 260px;
  }

  .wcu-card--arrow{ position: relative; padding-right: 44px; }
  .wcu-arrow{
    position:absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 34px;
    line-height: 1;
    color: #f2c21a;
    opacity: .95;
  }

  /* responsive */
  @media (max-width: 980px){
    .wcu-cards{ flex-wrap: wrap; }
    .wcu-card{ flex: 1 1 calc(50% - 18px); }
  }
  @media (max-width: 560px){
    .wcu-container{ padding: 0 14px; }
    .wcu-card{ flex: 1 1 100%; }
    .wcu-card-text{ max-width: none; }
  }