.music_0_3758 {
        position: relative;
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
        overflow-x: hidden;
        background-color: #fefefe;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        isolation: isolate;
        min-height: 100%;
      }

      .music_0_3762 {
        width: 100%;
        max-width: 1920px;
        height: 982px;
        object-fit: cover;
        display: block;
        z-index: 0;
        position: relative;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
      }

      .music_0_3775 {
        position: relative;
        width: 1350px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        z-index: 2;
        margin-top: 39px;
        margin-left: auto;
        margin-right: auto;
      }

      .music_0_3777 {
        position: relative;
        width: 387px;
        height: 404px;
        background-color: #ffffff;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-left: 0;
        margin-top: 0;
      }

      .music_0_3779 {
        width: 355px;
        height: 123px;
        background-color: #ff5000;
        font-size: 18px;
        font-family: SourceHanSans;
        font-weight: normal;
        line-height: 26px;
        color: #fefefe;
        white-space: pre;
        padding-top: 48px;
        padding-right: 95px;
        padding-bottom: 49px;
        padding-left: 97px;
        position: relative;
        margin-top: 16px;
        margin-left: auto;
        margin-right: auto;
      }

      .music_0_3784 {
        width: 355px;
        height: 75px;
        background-color: #f5f5f5;
        font-size: 18px;
        font-family: SourceHanSans;
        font-weight: normal;
        line-height: 26px;
        color: #000000;
        white-space: pre;
        padding-top: 24px;
        padding-right: 104px;
        padding-bottom: 25px;
        padding-left: 108px;
        position: relative;
        margin-top: 8px;
        margin-left: auto;
        margin-right: auto;
      }

      .music_0_3787 {
        width: 355px;
        height: 75px;
        background-color: #f5f5f5;
        font-size: 18px;
        font-family: SourceHanSans;
        font-weight: normal;
        line-height: 26px;
        color: #000000;
        white-space: pre;
        padding-top: 24px;
        padding-right: 111.5px;
        padding-bottom: 25px;
        padding-left: 113.5px;
        position: relative;
        margin-top: 8px;
        margin-left: auto;
        margin-right: auto;
      }

      .music_0_3790 {
        width: 355px;
        height: 75px;
        background-color: #f5f5f5;
        font-size: 18px;
        font-family: SourceHanSans;
        font-weight: normal;
        line-height: 26px;
        color: #000000;
        white-space: pre;
        padding-top: 24px;
        padding-right: 102.5px;
        padding-bottom: 25px;
        padding-left: 103.5px;
        position: relative;
        margin-top: 8px;
        margin-left: auto;
        margin-right: auto;
      }

      /* =========================================================
         可复用：产品左侧菜单（用于循环渲染）
         统一 class：.product-menu-item + .is-active
      ========================================================== */
      .product-menu {
        width: 387px;
        flex: 0 0 387px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
      }

      /* 左侧目录：普通布局，与右侧列表并排紧贴 */
      .product-menu__floating {
        width: 387px;
        position: relative;
        padding-bottom: 16px;
      }

      .product-menu-item {
        width: 355px;
        height: 75px;
        background-color: #f5f5f5;
        font-size: 18px;
        font-family: SourceHanSans;
        font-weight: normal;
        line-height: 26px;
        color: #000000;
        white-space: pre;
        position: relative;
        margin-top: 8px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        text-align: center;
        padding-top: 24px;
        padding-bottom: 25px;
        cursor: pointer;
        transition: all 0.3s ease;
      }

      .product-menu-item.is-active {
        height: 123px;
        background-color: #ff5000;
        color: #fefefe;
        margin-top: 16px;
        padding-top: 48px;
        padding-bottom: 49px;
      }

      .product-menu-item:hover {
        height: 123px;
        background-color: #ff5000;
        color: #fefefe;
        transform: scale(1.02);
        padding-top: 48px;
        padding-bottom: 49px;
      }

      /* 菜单项hover效果 - 变成红色块并放大 */
      .music_0_3784,
      .music_0_3787,
      .music_0_3790 {
        cursor: pointer;
        transition: all 0.3s ease;
      }

      .music_0_3784:hover,
      .music_0_3787:hover,
      .music_0_3790:hover {
        background-color: #ff5000;
        color: #fefefe;
        height: 123px;
        padding-top: 48px;
        padding-right: 95px;
        padding-bottom: 49px;
        padding-left: 97px;
      }

      .music_0_3793 {
        position: relative;
        width: 1196px;
        min-height: 900px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-left: 0;
        margin-top: 0;
      }

      .music_0_3795 {
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 0;
        margin-left: 0;
      }

      /* =========================================================
         可复用：产品卡片列表（用于循环渲染）
         统一 class：.product-card（自动换行平铺）
      ========================================================== */
      .product-grid {
        position: relative;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(4, 230px);
        column-gap: 16px;
        row-gap: 16px;
        align-items: start;
        justify-content: center;
      }

      .product-card {
        position: relative;
        width: 230px;
        height: 436px;
        background-color: #ffffff;
        text-align: center;
        font-size: 16px;
        font-family: SourceHanSans;
        font-weight: normal;
        line-height: 22px;
        color: #000000;
        white-space: pre;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        cursor: pointer;
        transition: all 0.3s ease;
      }

      .product-card__img {
        width: 100%;
        height: 398px;
        position: relative;
        margin-top: 0;
        margin-left: 0;
        object-fit: contain;
        object-position: center;
      }

      .product-card__label {
        width: 100%;
        height: 38px;
        background-color: #ffffff;
        position: relative;
        margin-top: 0;
        margin-left: 0;
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
      }

      .product-card:hover {
        background-color: #ff5000;
        transform: scale(1.05);
        z-index: 10;
      }

      .product-card:hover .product-card__label {
        background-color: #ff5000;
        color: #ffffff;
      }

      /* =========================================================
         产品详情弹窗（点击 product-card 打开）
      ========================================================== */
      body.is-modal-open {
        overflow: hidden;
      }

      .product-detail-overlay {
        position: fixed;
        inset: 0;
        padding: 24px 16px;
        background: rgba(0, 0, 0, 0.6);
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.2s ease, visibility 0.2s ease;
        z-index: 2000;
      }

      .product-detail-overlay.is-open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
      }

      .product-detail-modal {
        width: min(920px, 100%);
        max-height: calc(100vh - 48px);
        overflow: auto;
        background: #ffffff;
        border-radius: 12px;
        position: relative;
        box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
        transform: translateY(8px) scale(0.98);
        transition: transform 0.2s ease;
      }

      .product-detail-overlay.is-open .product-detail-modal {
        transform: translateY(0) scale(1);
      }

      .product-detail-close {
        position: absolute;
        top: 12px;
        right: 12px;
        width: 40px;
        height: 40px;
        border: 0;
        border-radius: 10px;
        background: rgba(0, 0, 0, 0.06);
        color: #333333;
        font-size: 24px;
        line-height: 40px;
        cursor: pointer;
        transition: background-color 0.2s ease, transform 0.2s ease;
      }

      .product-detail-close:hover {
        background: rgba(0, 0, 0, 0.12);
        transform: scale(1.04);
      }

      .product-detail-body {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        gap: 16px;
        padding: 24px;
      }

      .product-detail-img {
        width: 360px;
        height: 480px;
        object-fit: cover;
        border-radius: 10px;
        background: #f5f5f5;
        flex-shrink: 0;
      }

      .product-detail-info {
        flex: 1;
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding-top: 6px;
      }

      .product-detail-title {
        font-size: 28px;
        line-height: 36px;
        color: #111111;
      }

      .product-detail-meta {
        font-size: 14px;
        line-height: 22px;
        color: rgba(0, 0, 0, 0.7);
      }

      @media (max-width: 860px) {
        .product-detail-body {
          flex-direction: column;
        }

        .product-detail-img {
          width: 100%;
          height: 320px;
        }
      }

      .music_0_3797 {
        position: relative;
        width: 100%;
        height: 545px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        margin-top: 0;
        margin-left: 0;
      }

      .music_0_3799 {
        position: relative;
        width: 287px;
        height: 545px;
        background-color: #ffffff;
        text-align: justify;
        font-size: 18px;
        font-family: SourceHanSans;
        font-weight: normal;
        line-height: 26px;
        color: #000000;
        white-space: pre;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-left: 0;
        margin-top: 0;
      }

      .music_0_3801 {
        width: 100%;
        height: 498px;
        position: relative;
        margin-top: 0;
        margin-left: 0;
      }

      .music_0_3804 {
        width: 100%;
        height: 47px;
        background-color: #ffffff;
        padding-top: 10px;
        padding-right: 127px;
        padding-bottom: 11px;
        padding-left: 125px;
        position: relative;
        margin-top: 0;
        margin-left: 0;
      }

      .music_0_3807 {
        position: relative;
        width: 287px;
        height: 545px;
        background-color: #ffffff;
        text-align: justify;
        font-size: 18px;
        font-family: SourceHanSans;
        font-weight: normal;
        line-height: 26px;
        color: #000000;
        white-space: pre;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-left: 16px;
        margin-top: 0;
      }

      .music_0_3809 {
        width: 100%;
        height: 498px;
        position: relative;
        margin-top: 0;
        margin-left: 0;
      }

      .music_0_3812 {
        width: 100%;
        height: 47px;
        background-color: #ffffff;
        padding-top: 10px;
        padding-right: 127px;
        padding-bottom: 11px;
        padding-left: 125px;
        position: relative;
        margin-top: 0;
        margin-left: 0;
      }

      .music_0_3815 {
        position: relative;
        width: 287px;
        height: 545px;
        background-color: #ffffff;
        text-align: justify;
        font-size: 18px;
        font-family: SourceHanSans;
        font-weight: normal;
        line-height: 26px;
        color: #000000;
        white-space: pre;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-left: 16px;
        margin-top: 0;
      }

      .music_0_3817 {
        width: 100%;
        height: 498px;
        position: relative;
        margin-top: 0;
        margin-left: 0;
      }

      .music_0_3820 {
        width: 100%;
        height: 47px;
        background-color: #ffffff;
        padding-top: 10px;
        padding-right: 127px;
        padding-bottom: 11px;
        padding-left: 125px;
        position: relative;
        margin-top: 0;
        margin-left: 0;
      }

      .music_0_3823 {
        position: relative;
        width: 287px;
        height: 545px;
        background-color: #ffffff;
        text-align: justify;
        font-size: 18px;
        font-family: SourceHanSans;
        font-weight: normal;
        line-height: 26px;
        color: #000000;
        white-space: pre;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-left: 16px;
        margin-top: 0;
      }

      .music_0_3825 {
        width: 100%;
        height: 498px;
        position: relative;
        margin-top: 0;
        margin-left: 0;
      }

      .music_0_3828 {
        width: 100%;
        height: 47px;
        background-color: #ffffff;
        padding-top: 10px;
        padding-right: 127px;
        padding-bottom: 11px;
        padding-left: 125px;
        position: relative;
        margin-top: 0;
        margin-left: 0;
      }

      .music_0_3831 {
        position: relative;
        width: 100%;
        height: 545px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        margin-top: 16px;
        margin-left: 0;
      }

      .music_0_3833 {
        position: relative;
        width: 287px;
        height: 545px;
        background-color: #ffffff;
        text-align: justify;
        font-size: 18px;
        font-family: SourceHanSans;
        font-weight: normal;
        line-height: 26px;
        color: #000000;
        white-space: pre;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-left: 0;
        margin-top: 0;
      }

      .music_0_3835 {
        width: 100%;
        height: 498px;
        position: relative;
        margin-top: 0;
        margin-left: 0;
      }

      .music_0_3838 {
        width: 100%;
        height: 47px;
        background-color: #ffffff;
        padding-top: 10px;
        padding-right: 127px;
        padding-bottom: 11px;
        padding-left: 125px;
        position: relative;
        margin-top: 0;
        margin-left: 0;
      }

      .music_0_3841 {
        position: relative;
        width: 287px;
        height: 545px;
        background-color: #ffffff;
        text-align: justify;
        font-size: 18px;
        font-family: SourceHanSans;
        font-weight: normal;
        line-height: 26px;
        color: #000000;
        white-space: pre;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-left: 16px;
        margin-top: 0;
      }

      .music_0_3843 {
        width: 100%;
        height: 498px;
        position: relative;
        margin-top: 0;
        margin-left: 0;
      }

      .music_0_3846 {
        width: 100%;
        height: 47px;
        background-color: #ffffff;
        padding-top: 10px;
        padding-right: 127px;
        padding-bottom: 11px;
        padding-left: 125px;
        position: relative;
        margin-top: 0;
        margin-left: 0;
      }

      .music_0_3849 {
        position: relative;
        width: 287px;
        height: 545px;
        background-color: #ffffff;
        text-align: justify;
        font-size: 18px;
        font-family: SourceHanSans;
        font-weight: normal;
        line-height: 26px;
        color: #000000;
        white-space: pre;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-left: 16px;
        margin-top: 0;
      }

      .music_0_3851 {
        width: 100%;
        height: 498px;
        position: relative;
        margin-top: 0;
        margin-left: 0;
      }

      .music_0_3854 {
        width: 100%;
        height: 47px;
        background-color: #ffffff;
        padding-top: 10px;
        padding-right: 127px;
        padding-bottom: 11px;
        padding-left: 125px;
        position: relative;
        margin-top: 0;
        margin-left: 0;
      }

      .music_0_3857 {
        position: relative;
        width: 287px;
        height: 545px;
        background-color: #ffffff;
        text-align: justify;
        font-size: 18px;
        font-family: SourceHanSans;
        font-weight: normal;
        line-height: 26px;
        color: #000000;
        white-space: pre;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-left: 16px;
        margin-top: 0;
      }

      .music_0_3859 {
        width: 100%;
        height: 498px;
        position: relative;
        margin-top: 0;
        margin-left: 0;
      }

      .music_0_3862 {
        width: 100%;
        height: 47px;
        background-color: #ffffff;
        padding-top: 10px;
        padding-right: 127px;
        padding-bottom: 11px;
        padding-left: 125px;
        position: relative;
        margin-top: 0;
        margin-left: 0;
      }

      .music_0_3865 {
        width: 100%;
        height: 64px;
        position: relative;
        background-color: rgb(255, 255, 255);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin-top: 16px;
        margin-left: 0;
      }

      .music_0_3870 {
        position: relative;
        width: 192px;
        height: 32px;
        top: auto;
        left: auto;
        bottom: auto;
        margin: 0;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        isolation: isolate;
      }

      /* =========================================================
         可复用：产品列表分页圆点（用于循环渲染）
         统一 class：.product-pagination-item + .is-active
      ========================================================== */
      .product-pagination-item {
        position: relative;
        width: 32px;
        height: 32px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-left: 0;
        margin-top: 0;
        cursor: pointer;
        user-select: none;
      }

      .product-pagination-item + .product-pagination-item {
        margin-left: 8px;
      }

      .product-pagination-item__inner {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0%;
        left: 0%;
        right: 0%;
        bottom: 0%;
        background: url("img/952c836c.png") center / cover no-repeat;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
      }

      .product-pagination-item__num {
        position: absolute;
        top: 0;
        left: 35.9375%;
        text-align: center;
        font-size: 14px;
        font-family: SourceHanSans;
        font-weight: normal;
        line-height: 22px;
        color: rgba(0, 0, 0, 0.6);
        white-space: pre;
        right: 35.9375%;
        width: 28.125%;
        bottom: 0;
        height: max-content;
        margin-top: auto;
        margin-bottom: auto;
        cursor: pointer;
      }

      .product-pagination-item.is-active .product-pagination-item__inner {
        background: url("img/9da3d4aa.png") center / cover no-repeat;
      }

      .product-pagination-item.is-active .product-pagination-item__num {
        color: #ffffff;
      }

      .music_0_3888 {
        position: relative;
        width: 32px;
        height: 32px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        z-index: 4;
        margin-left: 0;
        margin-top: 0;
      }

      .music_0_3890 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0%;
        left: 0%;
        right: 0%;
        bottom: 0%;
        background: url("img/9da3d4aa.png") center / cover no-repeat;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
      }

      .music_0_3891 {
        position: absolute;
        top: 0;
        left: 35.9375%;
        text-align: center;
        font-size: 14px;
        font-family: SourceHanSans;
        font-weight: normal;
        line-height: 22px;
        color: #ffffff;
        white-space: pre;
        right: 35.9375%;
        width: 28.125%;
        bottom: 0;
        height: max-content;
        margin-top: auto;
        margin-bottom: auto;
      }

      .music_0_3884 {
        position: relative;
        width: 32px;
        height: 32px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        z-index: 3;
        margin-left: 8px;
        margin-top: 0;
      }

      .music_0_3886 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0%;
        left: 0%;
        right: 0%;
        bottom: 0%;
        background: url("img/952c836c.png") center / cover no-repeat;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
      }

      .music_0_3887 {
        position: absolute;
        top: 0;
        left: 35.9375%;
        text-align: center;
        font-size: 14px;
        font-family: SourceHanSans;
        font-weight: normal;
        line-height: 22px;
        color: rgba(0, 0, 0, 0.6);
        white-space: pre;
        right: 35.9375%;
        width: 28.125%;
        bottom: 0;
        height: max-content;
        margin-top: auto;
        margin-bottom: auto;
      }

      .music_0_3880 {
        position: relative;
        width: 32px;
        height: 32px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        z-index: 2;
        margin-left: 8px;
        margin-top: 0;
      }

      .music_0_3882 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0%;
        left: 0%;
        right: 0%;
        bottom: 0%;
        background: url("img/952c836c.png") center / cover no-repeat;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
      }

      .music_0_3883 {
        position: absolute;
        top: 0;
        left: 35.9375%;
        text-align: center;
        font-size: 14px;
        font-family: SourceHanSans;
        font-weight: normal;
        line-height: 22px;
        color: rgba(0, 0, 0, 0.6);
        white-space: pre;
        right: 35.9375%;
        width: 28.125%;
        bottom: 0;
        height: max-content;
        margin-top: auto;
        margin-bottom: auto;
      }

      .music_0_3876 {
        position: relative;
        width: 32px;
        height: 32px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        z-index: 1;
        margin-left: 8px;
        margin-top: 0;
      }

      .music_0_3878 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0%;
        left: 0%;
        right: 0%;
        bottom: 0%;
        background: url("img/952c836c.png") center / cover no-repeat;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
      }

      .music_0_3879 {
        position: absolute;
        top: 0;
        left: 35.9375%;
        text-align: center;
        font-size: 14px;
        font-family: SourceHanSans;
        font-weight: normal;
        line-height: 22px;
        color: rgba(0, 0, 0, 0.6);
        white-space: pre;
        right: 35.9375%;
        width: 28.125%;
        bottom: 0;
        height: max-content;
        margin-top: auto;
        margin-bottom: auto;
      }

      .music_0_3872 {
        position: relative;
        width: 32px;
        height: 32px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        z-index: 0;
        margin-left: 8px;
        margin-top: 0;
      }

      .music_0_3874 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0%;
        left: 0%;
        right: 0%;
        bottom: 0%;
        background: url("img/952c836c.png") center / cover no-repeat;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
      }

      .music_0_3875 {
        position: absolute;
        top: 0;
        left: 35.9375%;
        text-align: center;
        font-size: 14px;
        font-family: SourceHanSans;
        font-weight: normal;
        line-height: 22px;
        color: rgba(0, 0, 0, 0.6);
        white-space: pre;
        right: 35.9375%;
        width: 28.125%;
        bottom: 0;
        height: max-content;
        margin-top: auto;
        margin-bottom: auto;
      }

      /* 产品卡片hover效果 - 红色变大 */
      .music_0_3799,
      .music_0_3807,
      .music_0_3815,
      .music_0_3823,
      .music_0_3833,
      .music_0_3841,
      .music_0_3849,
      .music_0_3857 {
        cursor: pointer;
        transition: all 0.3s ease;
      }

      .music_0_3799:hover,
      .music_0_3807:hover,
      .music_0_3815:hover,
      .music_0_3823:hover,
      .music_0_3833:hover,
      .music_0_3841:hover,
      .music_0_3849:hover,
      .music_0_3857:hover {
        background-color: #ff5000;
        transform: scale(1.05);
        z-index: 10;
      }

      .music_0_3799:hover .music_0_3804,
      .music_0_3807:hover .music_0_3812,
      .music_0_3815:hover .music_0_3820,
      .music_0_3823:hover .music_0_3828,
      .music_0_3833:hover .music_0_3838,
      .music_0_3841:hover .music_0_3846,
      .music_0_3849:hover .music_0_3854,
      .music_0_3857:hover .music_0_3862 {
        background-color: #ff5000;
        color: #ffffff;
      }

      /* =========================================================
         产品详情弹窗（参考你提供的弹窗布局）
         左：缩略图列表 / 中：大图 / 右：参数信息
      ========================================================== */
      .product-detail-modal {
        width: min(1280px, 100%);
        max-height: calc(100vh - 48px);
        overflow: hidden;
        border-radius: 0;
        display: flex;
        flex-direction: column;
      }

      .product-detail-header {
        position: relative;
        width: 100%;
        height: 44px;
        border: 1px solid #eeeeee;
        background-color: #ffffff;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
      }

      .product-detail-header__title {
        font-size: 16px;
        font-family: SourceHanSans;
        font-weight: normal;
        line-height: 23px;
        color: #000000;
        white-space: pre;
      }

      .product-detail-close {
        position: absolute;
        width: 24px;
        height: 24px;
        top: 9px;
        right: 11px;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        color: #333333;
        font-size: 24px;
        line-height: 24px;
        cursor: pointer;
      }

      .product-detail-close:hover {
        background: transparent;
        box-shadow: none;
        transform: none;
        opacity: 0.7;
      }

      .product-detail-close:active {
        opacity: 0.9;
      }

      .product-detail-panel {
        width: 100%;
        background-color: #ffffff;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 20px 32px;
        gap: 24px;
        overflow: auto;
        flex: 1 1 auto;
        min-height: 0;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        /* 可滚动但隐藏滚动条 */
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE/Edge legacy */
      }

      .product-detail-panel::-webkit-scrollbar {
        width: 0;
        height: 0;
        display: none; /* Chrome/Safari */
      }

      .product-detail-thumbs {
        width: 140px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        flex-shrink: 0;
      }

      .product-detail-thumb {
        width: 140px;
        height: 110px;
        border: 1px solid #cccccc;
        background-color: #ffffff;
        padding: 0;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
      }

      .product-detail-thumb.is-active {
        border-color: #ff5000;
      }

      .product-detail-thumb__img {
        width: 100%;
        height: 100%;
        /* 不裁切、不变形：尽量完整显示缩略图 */
        object-fit: contain;
        object-position: center;
        display: block;
        background: #ffffff;
      }

      .product-detail-main {
        width: 760px;
        height: 600px;
        background-color: #ffffff;
        flex-shrink: 0;
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(151, 143, 143, 0.12);
      }

      .product-detail-main__img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
      }

      .product-detail-nav {
        position: absolute;
        right: 16px;
        bottom: 16px;
        display: flex;
        flex-direction: row;
        gap: 10px;
        z-index: 2;
      }

      .product-detail-nav__btn {
        width: 44px;
        height: 44px;
        border: 1px solid rgba(255, 255, 255, 0.85);
        background: rgba(0, 0, 0, 0.18);
        color: #ffffff;
        border-radius: 10px;
        cursor: pointer;
        font-size: 24px;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform 0.2s ease, background-color 0.2s ease;
        user-select: none;
      }

      .product-detail-nav__btn:hover {
        background: rgba(0, 0, 0, 0.28);
        transform: translateY(-2px);
      }

      .product-detail-nav__btn:active {
        transform: translateY(0);
      }

      .product-detail-side {
        width: 245px;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
      }

      .product-detail-side__title {
        font-size: 20px;
        font-family: SourceHanSans;
        font-weight: normal;
        line-height: 40px;
        color: #000000;
      }

      .product-detail-specs {
        width: 100%;
        margin-top: 24px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
      }

      .product-detail-spec {
        width: 100%;
        font-size: 16px;
        font-family: SourceHanSans;
        line-height: 40px;
        color: #000000;
      }

      .product-detail-spec__v {
        color: #ff5000;
      }

      @media (max-width: 980px) {
        .product-detail-panel {
          flex-direction: column;
          gap: 20px;
          padding: 20px;
        }

        .product-detail-thumbs {
          width: 100%;
          flex-direction: row;
          flex-wrap: wrap;
        }

        .product-detail-thumb {
          width: 96px;
          height: 96px;
        }

        .product-detail-main {
          width: 100%;
          height: 320px;
        }

        .product-detail-side {
          width: 100%;
        }
      }