/* 计数器动画 */
 .counter {
     font-size: 2rem;
     font-weight: bold;
     color: #218ffe;
     transition: all 1s ease;
 }

 .counter-unit {
     font-size: 2rem;
     font-weight: bold;
     color: #218ffe;
 }

 /* 确保其他内容不受影响 */
 .about-content {
     position: relative;
     z-index: 10;
 }

 /* 斜杠分隔符样式 */
 .separator {
     font-size: 1.8rem;
     position: relative;
     display: inline-block;
     margin: 0 10px;
     color: #218ffe;
     font-weight: bold;
     transform: rotate(15deg);
 }

 /* 确保内容区域有足够空间 */
 .content-box {
     border-radius: 8px;
     overflow: hidden;
 }

 /* 图片容器 */
 .cards-wrapper {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 25px;
     margin-top: 30px;
 }

 /* 图片容器样式 */
 .feature-image-wrapper {
     border-radius: 10px;
     overflow: hidden;
     box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
     transition: all 0.3s ease-out;
     aspect-ratio: 4/3;
     background: #f3f4f6;
 }

 .feature-image-wrapper:hover {
     transform: translateY(-5px);
     box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
 }

 .feature-image {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
 }

 /* 响应式调整 */
 @media (max-width: 996px) {
     .cards-wrapper {
         grid-template-columns: repeat(2, 1fr);
     }

     .feature-image-wrapper {
         aspect-ratio: 4/3;
     }

    .counter,
    .counter-unit {
         font-size: 1.7rem;
     }

     .separator {
         font-size: 1.5rem;
         margin: 0 8px;
     }
 }

 @media (max-width: 768px) {
     .cards-wrapper {
         grid-template-columns: 1fr;
     }

     .feature-image-wrapper {
         aspect-ratio: 4/3;
     }

     .stats-container {
         flex-wrap: nowrap;
         overflow-x: auto;
         justify-content: space-between;
         padding: 10px 0;
     }

     .stat-item {
         flex: 0 0 auto;
         padding: 0 15px;
     }

     .separator {
         transform: rotate(0);
         margin: 0 5px;
     }

    .counter,
    .counter-unit {
         font-size: 1.5rem;
     }
 }

 @media (max-width: 480px) {
     .stats-container {
         justify-content: space-around;
     }

     .separator {
         display: none;
     }

     .stat-item {
         padding: 0 8px;
     }

    .counter,
    .counter-unit {
         font-size: 1.3rem;
     }
 }