/* 页面主容器：弹性布局实现左右分栏 */
    .wrapper {
      display: flex;
      max-width: 1440px;
      margin: 0 auto 50px;
    }

    /* 一级菜单容器 */
   /* ==================== 左侧侧边栏样式 (前缀prod- 防冲突) ==================== */
.prod-sidebar {
  width: 260px;
  border-right: 1px solid #e5e6eb;
  padding: 20px 0;
  transition: width 0.3s;
}
/* 一级菜单容器 */
.prod-menu {
  padding: 0 15px;
}
/* 一级菜单项 */
.prod-menu-item {
  margin-bottom: 8px;
}
/* 右侧产品板块大标题样式 */
.prod-main-title {
  font-size: 28px;
  font-weight: 700;
  color: #0a2b70; /* 网站主色调 */
  margin-bottom: 30px;
  padding-bottom: 12px;
  border-bottom: 3px solid #f59e0b; /* 橙色装饰线 */
  position: relative;
  font-family: 'Poppins', sans-serif;
}

/* 响应式适配：手机端缩小标题 */
@media (max-width: 768px) {
  .prod-main-title {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
/* 一级菜单头部（标题+箭头） */
.prod-menu-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 15px;
  background-color: #f7f7f7;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 15px;
  color: #333333;
}
/* 一级菜单悬停效果 */
.prod-menu-header:hover {
  background-color: #0a2b70;
  color: #fff;
}
/* 一级菜单激活（展开）效果 */
.prod-menu-item.active .prod-menu-header {
  background-color: #0a2b70;
  color: #fff;
}
/* 菜单箭头（+/-） */
.prod-arrow {
  font-size: 18px;
  font-weight: bold;
  user-select: none;
  transition: transform 0.2s;
}
/* 二级菜单：默认隐藏，动画速度减慢为0.6秒 */
.prod-submenu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.6s ease-out; 
  margin-left: 15px;
  margin-top: 5px;
}
/* 二级菜单展开状态 */
.prod-menu-item.active .prod-submenu {
  max-height: 300px;
}
/* 二级菜单项 */
.prod-submenu-item {
  padding: 10px 15px;
  background-color: #f7f7f7;
  border-radius: 4px;
  margin-bottom: 4px;
  cursor: pointer;
  transition: background-color 0.3s;
  font-size: 14px;
  color: #666666;
}
/* 二级菜单悬停效果 */
.prod-submenu-item:hover {
 background-color: #0a2b70;
  color: #fff;
}

    /* ==================== 右侧产品列表样式 ==================== */
    .product-section {
      flex: 1;
      padding: 0 30px;
    }

    /* 产品列表网格布局：固定每行三列 */
    .product-list {
      display: grid;
      grid-template-columns: repeat(3, 1fr); /* 核心：固定3列 */
      gap: 25px; 
          padding: 20px;
    background: #f7f7f7;
    border-radius: 6px;
    }

    /* 产品卡片：纯无边框样式 */
    .product-card {
      background-color: transparent; /* 无背景边框，融入页面 */
      overflow: hidden;
      transition: transform 0.3s;
    }

    /* 产品卡片悬停效果（保留微动效，无边框） */
    .product-card:hover {
      transform: translateY(-5px);
    }

    /* 产品图片 */
    .product-img {
      width: 100%;
      aspect-ratio: 5/3;
      object-fit: cover; /* 保持图片比例，防止拉伸 */
      display: block;
      border-radius: 5px; 
    }

    /* 产品标题：居中 */
    .product-title {
      text-align: center;
      padding: 15px 10px 0;
      font-size: 16px;
      color: #333333;
      font-weight: 500;
    }

    /* ==================== 响应式适配 ==================== */
    /* 平板：产品列表2列 */
    @media (max-width: 992px) {
      .product-list {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    /* 手机：左右分栏改为上下布局，产品列表1列 */
    @media (max-width: 768px) {
      .wrapper {
        flex-direction: column;
      }
      .prod-sidebar {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #e5e6eb;
      }
    }

    /* 小屏手机：产品列表全屏单列 */
    @media (max-width: 576px) {
      .product-list {
        grid-template-columns: 1fr;
      }
      .product-section {
        padding: 15px;
      }
    }