/* 全局样式重置 */
    * {
        margin: 0; /* 移除默认外边距 */
        padding: 0; /* 移除默认内边距 */
        box-sizing: border-box; /* 盒模型设置为border-box，方便布局 */
    }

    /* 主容器样式 */
    .ds-section {
        background-color: #FFFFFF;
        padding: 40px 20px;
        max-width: 1680px;
        margin: 0 auto;
    }

    /* 内容容器 */
    .ds-section-content {
        max-width: 1280px; /* 最大宽度为1280px */
        margin: 0 auto; /* 水平居中 */
        display: flex;
        flex-direction: column;
        align-items: center; /* 内容居中 */
    }

    /* 主标题样式 */
    .ds-main-title {
        font-size: 2.5rem; /* 字体大小 */
        color: #2d3748; /* 深灰色文字 */
        margin-bottom: 2.5rem; /* 底部外边距 */
        text-align: center; /* 文字居中 */
        font-weight: 700; /* 加粗 */
        letter-spacing: -0.025em; /* 字间距微调 */
    }

    /* 标签导航容器 */
    .ds-tab-nav {
        display: flex; /* 弹性布局 */
        gap: 0.75rem; /* 标签之间的间距 */
        padding: 0 1rem 2rem; /* 内边距 */
        justify-content: center; /* 水平居中 */
        overflow-x: auto; /* 允许水平滚动 */
    }

    /* 单个标签样式 */
    .ds-tab-item {
        padding: 0.75rem 1.5rem; /* 内边距 */
        border-radius: 9999px; /* 圆形边框 */
        background: #edf2f7; /* 浅蓝色背景 */
        color: #4a5568; /* 灰色文字 */
        cursor: pointer; /* 鼠标指针为手型 */
        transition: all 0.2s ease; /* 过渡效果 */
        font-size: 0.875rem; /* 字体大小 */
        font-weight: 500; /* 中等加粗 */
        flex-shrink: 0; /* 防止标签缩小 */
    }

    /* 激活状态的标签样式 */
    .ds-tab-item.active {
        background: #BDC3C7; /* 蓝色背景 */
        color: white; /* 白色文字 */
        box-shadow: 0 2px 4px rgba(66, 153, 225, 0.3); /* 阴影效果 */
    }

    /* 产品滚动容器 */
    .ds-product-scroller {
        padding: 0 1rem 2rem; /* 内边距 */
    }

    /* 产品行容器 */
    .ds-product-row {
        display: none; /* 默认隐藏 */
        gap: 1.3rem; /* 卡片之间的间距 */
        flex-wrap: wrap; /* 允许换行 */
        justify-content: center; /* 内容居中 */
        width: 100%; /* 宽度100% */
    }

    /* 激活状态的产品行 */
    .ds-product-row.active {
        display: flex; /* 显示为弹性布局 */
    }

    /* 产品卡片样式 */
    .ds-product-card {
        background: white; /* 白色背景 */
        border-radius: 12px; /* 圆角 */
        padding: 1.5rem; /* 内边距 */
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); /* 阴影效果 */
        transition: transform 0.2s, box-shadow 0.2s; /* 过渡效果 */
        width: calc(25% - 1.5rem); /* 每行显示4个卡片 */
        min-height: 480px; /* 最小高度 */
        display: flex; /* 弹性布局 */
        flex-direction: column; /* 垂直排列 */
        position: relative; /* 使绝对定位的伪元素相对定位 */
        overflow: hidden; /* 防止角标溢出 */
    }

    /* 卡片悬停效果 */
    .ds-product-card:hover {
        transform: translateY(-3px); /* 向上移动 */
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); /* 增强阴影 */
    }

    /* 卡片标题 */
    .ds-product-card {
        background: white; /* 白色背景 */
        border-radius: 12px; /* 圆角 */
        padding: 1.25rem; /* 减少内边距 */
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); /* 阴影效果 */
        transition: transform 0.2s, box-shadow 0.2s; /* 过渡效果 */
        width: calc(19% - 1.5rem); /* 每行显示5个卡片 */
        min-height: 420px; /* 减少最小高度 */
        display: flex; /* 弹性布局 */
        flex-direction: column; /* 垂直排列 */
    }

    /* 产品规格样式 */
    .ds-specs {
        font-size: 0.875rem; /* 字体大小 */
        color: #718096; /* 灰色文字 */
        line-height: 1.5; /* 行高 */
        flex-grow: 1; /* 占据剩余空间 */
    }

    /* 规格段落 */
    .ds-specs p {
        margin: 0.5rem 0; /* 上下外边距 */
        display: flex; /* 弹性布局 */
        align-items: center; /* 垂直居中 */
    }

    /* 规格段落前的圆点 */
    .ds-specs p::before {
        content: "•"; /* 圆点符号 */
        color: #4299e1; /* 蓝色 */
        margin-right: 0.5rem; /* 右边距 */
        font-size: 1.2em; /* 放大圆点 */
    }

    /* 价格容器 */
    .ds-price {
        margin: 1.5rem 0; /* 上下外边距 */
        display: flex; /* 弹性布局 */
        align-items: baseline; /* 基线对齐 */
        gap: 0.75rem; /* 间距 */
    }

    /* 当前价格 */
    .ds-price-tag {
        font-size: 1.3rem; /* 字体大小 */
        color: #e53e3e; /* 红色 */
        font-weight: 700; /* 加粗 */
    }

    /* 原价 */
    .ds-original-price {
        color: #a0aec0; /* 灰色 */
        text-decoration: line-through; /* 删除线 */
        font-size: 1rem; /* 字体大小 */
    }

    /* 购买按钮 */
    .ds-buy-btn {
        width: 100%; /* 宽度100% */
        padding: 0.75rem; /* 内边距 */
        background: #4299e1; /* 蓝色背景 */
        color: white; /* 白色文字 */
        border: none; /* 无边框 */
        border-radius: 6px; /* 圆角 */
        cursor: pointer; /* 手型指针 */
        font-weight: 500; /* 中等加粗 */
        transition: background 0.2s; /* 背景过渡效果 */
    }

    /* 按钮悬停效果 */
    .ds-buy-btn:hover {
        background: #3182ce; /* 深蓝色背景 */
    }

    /* 响应式设计 - 大屏幕设备 */
    @media (max-width: 1200px) {
        .ds-product-card {
            width: calc(25% - 1.5rem); /* 每行显示3个卡片 */
        }
    }

    /* 响应式设计 - 平板设备 */
    @media (max-width: 1024px) {
        .ds-product-card {
            width: calc(50% - 1.5rem); /* 每行显示2个卡片 */
        }
    }

    /* 响应式设计 - 移动设备 */
    @media (max-width: 640px) {
        .ds-main-title {
            font-size: 2rem; /* 缩小标题字体 */
        }

        .ds-product-card {
            width: 100%; /* 每行显示1个卡片 */
        }

        .ds-tab-nav {
            justify-content: flex-start; /* 标签左对齐 */
        }

        .ds-tab-item {
            font-size: 0.75rem; /* 缩小标签字体 */
            padding: 0.5rem 1rem; /* 调整标签内边距 */
        }
    }

    /**八折角标**/
    .discount-badge {
      position: absolute;
      top: 0.5rem;
      right: 0.5rem;
      background-color: red;
      color: white;
      font-size: 12px;
      padding: 4px 10px;
      border-radius: 999px; /* 完全圆角 */
      font-weight: bold;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
      z-index: 1;
    }