
    /* 独立专属样式，不污染全局 */
    .app-scenarios-section {
      width: 100% !important;
      background: #ffffff;
      padding: 60px 0;
      margin: 0 auto;
      max-width: 100% !important;
    }
    .app-scenarios-section .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 40px;
    }
    .app-scenarios-section .title-main {
      text-align: center;
      font-size: 42px;
      color: #222;
      margin-bottom: 50px;
      opacity: 0;
      animation: app-titleFade 1.4s ease forwards;
    }
    .app-scenarios-section .row-1 {
      display: grid;
      grid-template-columns: 46% 52%;
      gap: 2%;
      margin-bottom: 60px;
      opacity: 0;
      transform: translateY(50px);
      animation: app-itemUp 1s ease forwards;
      animation-delay: 0.2s;
    }
    .app-scenarios-section .row-2 {
      display: grid;
      grid-template-columns: 52% 46%;
      gap: 2%;
      margin-bottom: 60px;
      opacity: 0;
      transform: translateY(50px);
      animation: app-itemUp 1s ease forwards;
      animation-delay: 0.4s;
    }
    .app-scenarios-section .row-3 {
      display: grid;
      grid-template-columns: 46% 52%;
      gap: 2%;
      opacity: 0;
      transform: translateY(50px);
      animation: app-itemUp 1s ease forwards;
      animation-delay: 0.6s;
    }
    .app-scenarios-section .img-item {
      width: 100%;
      display: block;
    }
    .app-scenarios-section .text-block h3 {
      font-size: 26px;
      color: #222;
      margin-bottom: 16px;
    }
    .app-scenarios-section .text-block ul {
      padding-left: 18px;
      list-style: none;
    }
    .app-scenarios-section .text-block li {
      font-size: 15px;
      color: #333;
      line-height: 1.8;
      margin-bottom: 8px;
    }

    /* 独立动画，不冲突 */
    @keyframes app-titleFade {
      0%{opacity:0;letter-spacing:-3px;transform:translateY(10px);}
      100%{opacity:1;letter-spacing:0;transform:translateY(0);}
    }
    @keyframes app-itemUp {
      to{opacity:1;transform:translateY(0);}
    }
  