/* 容器样式：限制高度，隐藏溢出 */
    .product-desc-wrapper {
        position: relative;
        max-height: 300px; /* 这里控制显示的初始高度，约等于1/3内容 */
        overflow: hidden;
        transition: max-height 0.5s ease; /* 展开时的平滑过渡效果 */
    }

    /* 展开后的样式类 */
    .product-desc-wrapper.expanded {
        max-height: none; /* 取消高度限制 */
    }

    /* 底部渐变遮罩效果，提示还有内容 */
    .desc-fade-overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 80px;
        background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
        pointer-events: none; /* 让点击穿透，不影响操作 */
    }

    /* 按钮样式 */
    .read-more-btn {
        display: inline-block;
        margin-top: 15px;
        padding: 8px 20px;
        background-color: transparent;
        border: 1px solid #333;
        color: #333;
        font-size: 14px;
        cursor: pointer;
        text-transform: uppercase;
        font-weight: bold;
        transition: all 0.3s;
    }

    .read-more-btn:hover {
        background-color: #333;
        color: #fff;
    }