/* ============================================================
     Category Moudle 模块样式（精简版）
     修改点：
       1. 宽度与 Recommended Products 模块保持一致：
          桌面 max-width 1492px + width 92% + 居中（移动端还原 100%）
       2. 精简：去除冗余的 h3 重复规则、未使用的 Tailwind ring 变量
      说明：图片已全部替换为占位图（Multi-rotor.jpg），
            由可视化编辑器"自定义代码"模块 HTML 承载
     ============================================================ */
  *,
  :after,
  :before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb;
  }
  a {
    color: inherit;
    text-decoration: inherit;
  }
  img {
    border-style: solid;
    display: block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
  }
  a,
  div,
  h3,
  img,
  section {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
  }
  h3 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
  }
  .prod_environment .arialText {
    font-family: arial;
  }
  .bg-[#F6F6F6] {
    --tw-bg-opacity: 1;
    background-color: #fff;
  }
  .rounded-[12px] {
    border-radius: 12px;
  }
  .block {
    display: block;
  }
  .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .items-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  .flex-grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
  .flex-shrink-0 {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
  }
  .h-full {
    height: 100%;
  }
  .text-[24px] {
    font-size: 24px;
    line-height: 1;
  }
  /* 宽度与 Recommended Products 一致（原 1320px） */
  .max-w-1320px {
    max-width: 1492px;
  }
  .object-cover {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .relative {
    position: relative;
  }
  .text-[#3C3C3C] {
    --tw-text-opacity: 1;
    color: rgba(60, 60, 60, var(--tw-text-opacity));
  }
  .w-full {
    width: 100%;
  }
  .gap-50px {
    grid-gap: 50px;
    gap: 50px;
  }
  .mix-blend-multiply {
    mix-blend-mode: multiply;
  }
  .meps-Container[data-v-334554e4] {
    max-width: 1492px;
    width: 92%;
    margin: 0 auto;
    position: relative;
  }
  .index-swiper-box[data-v-6e006ab0]:before {
    background: linear-gradient(90deg, #f6f6f6, transparent);
  }
  .index-swiper-box[data-v-6e006ab0]:after {
    background: linear-gradient(90deg, transparent, #f6f6f6) !important;
  }
  .cube-title[data-v-ac1041f4] {
    padding: 10px 0 0;
    font-size: 16px;
    line-height: 24px;
    word-break: word-break;
  }
  .cube-card-img[data-v-6a7bc98a] {
    border-radius: 12px;
  }
  /* ===== 移动端适配：2 行 × 4 列（保持不变） ===== */
  @media (max-width: 1024px) {
    /* 移动端容器恢复全宽，不影响现有移动布局 */
    .meps-Container[data-v-334554e4] {
      width: 100%;
    }
    .cube-box .index-swiper-box .flex.items-stretch.gap-50px.max-w-1320px.overflow-hidden {
      flex-wrap: wrap;
      gap: 10px;
      padding: 0 5px;
    }
    .cube-box .index-swiper-box .flex-shrink-0[data-v-6e006ab0] {
      width: calc(25% - 7.5px) !important;
      flex-shrink: 1;
    }
    .cube-box .index-swiper-box .cube-card-img[data-v-6a7bc98a] {
      width: 100% !important;
      height: auto !important;
      aspect-ratio: 1 / 1;
    }
    .cube-box .index-swiper-box .cube-title[data-v-ac1041f4] {
      font-size: 12px;
      line-height: 18px;
      padding: 6px 2px 8px;
    }
    .cube-box .index-swiper-box[data-v-6e006ab0]:before,
    .cube-box .index-swiper-box[data-v-6e006ab0]:after {
      display: none;
    }
  }
/* Category 模块与上下模块的间距 */
.cube-box {
  margin-top: 60px;   /* 上下各 40px，数值可按需调整 */
}