a {
      text-decoration: none;
      color: inherit;
    }
    ul {
      list-style: none;
    }
    button {
      border: none;
      outline: none;
      background: none;
      cursor: pointer;
    }

    /* 1. 图片轮播区域 */
    .product-swiper {
      position: relative;
      width: 100%;
      overflow: hidden;
    }
    .swiper-wrapper {
      display: flex;
      transition: transform 0.3s ease;
      will-change: transform; /* 优化滑动性能 */
    }
    .swiper-slide {
      flex-shrink: 0;
      width: 100%;
      aspect-ratio: 1/1; /* 正方形 */
    }
    .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    /* 图片页码 */
    .swiper-pagination {
      position: absolute;
      bottom: 10px;
      right: 10px;
      background-color: rgba(0,0,0,0.5);
      color: #fff;
      font-size: 12px;
      padding: 2px 8px;
      border-radius: 10px;
    }

    /* 2. 价格区域 */
    .price-section {
      background: rgba(235,235,235,0.85);
        backdrop-filter: blur(10px);
      padding: 12px;
    }
    .price-row1 {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .price-text {
      font-size: 24px;
      color: #990000;
      font-weight: 600;
      display: flex;
    align-items: center;
    }
    .price-text span {
      margin-left: 2px;
      font-size: 14px;
    }
    .limited-tag {
      color: #333;
      font-size: 14px;
    }
    .price-row2 {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .discount-tag {
      font-size: 12px;
      color: #999;
      text-decoration: line-through;
    }
    .remark-text {
      font-size: 12px;
      color: #666;
    }

    /* 4. 商品标签区域 */
    .product-tag-section {
      background-color: #fff;
      padding: 22px 12px 12px 12px;
    }
    .tag-row1 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 10px;
    }
    .main-tag {
      display: flex;
    align-items: flex-start;
    gap: 4px;
    flex-direction: column;
    }
    .double12-tag {
      font-size: 10px;
    color: #990000;
    background: #eee;
    padding: 1px 4px;
    border-radius: 2px;
    margin-bottom: 4px;
    display: inline-block;
    }
    .product-title {
      font-size: 16px;
      font-weight: 600;
    }
    .action-tags {
      display: flex;
      gap: 10px;
      width: 55%;
      justify-content: flex-end;
    }
    .collect-tag, .share-tag {
      font-size: 12px;
      color: #666;
      display: flex;
      align-items: center;
      gap: 4px;
    }
    .tag-icon {
      width: 16px;
      height: 16px;
      background-size: contain;
      background-repeat: no-repeat;
    }
    .collect-icon {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");
    }
    .share-icon {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z'/%3E%3C/svg%3E");
    }
    .tag-row2 {
      display: flex;
      gap: 4px;
      flex-wrap: wrap;
    }
    .product-subtag {
      background-color: #f5f5f5;
      color: #666;
      font-size: 12px;
      padding: 3px 8px;
      border-radius: 4px;
    }

    /* 5. 商品信息区域 */
    .product-info-section {
      background-color: #fff;
      padding: 4px 12px 12px 12px;
    }
    .info-row {
      display: flex;
      justify-content: space-between;
      padding: 8px 0;
      border-bottom: 1px solid #eee;
    }
    /*.info-row:last-child {
      border-bottom: none;
    }*/
    .info-label {
      font-size: 14px;
      color: #999;
    }
    .info-value {
      font-size: 14px;
      color: #333;
    }
    .param-link {
      font-size: 14px;
      display: flex;
      align-items: center;
      color: #999;
    }
    .param-arrow {
      width: 12px;
      height: 12px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E");
      background-size: contain;
    }

    /* 参数弹窗 */
    .param-modal-mask {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0,0,0,0.5);
      display: none;
      z-index: 999;
    }
    .param-modal {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 60%; /* 屏幕60%高度 */
      background-color: #fff;
      border-radius: 16px 16px 0 0;
      padding: 20px;
      transform: translateY(100%);
      transition: transform 0.3s ease;
    }
    .param-modal.show {
      transform: translateY(0);
    }
    .modal-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 20px;
      padding-bottom: 10px;
      border-bottom: 1px solid #eee;
    }
    .modal-title {
      font-size: 18px;
      font-weight: 600;
    }
    .close-modal {
      width: 24px;
      height: 24px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z'/%3E%3C/svg%3E");
      background-size: contain;
    }
    .param-list {
      display: flex;
      flex-direction: column;
      gap: 15px;
    }
    .param-item {
      display: flex;
    }
    .param-item-label {
      width: 80px;
      font-size: 14px;
      color: #999;
    }
    .param-item-value {
      flex: 1;
      font-size: 14px;
      color: #333;
    }

    /* 6. 评价区域 */
    .comment-section {
      background-color: #fff;
      padding: 12px;
    }
    .comment-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 15px;
    }
    .comment-title {
      font-size: 16px;
      font-weight: 600;
    }
    .comment-count {
      color: #999;
      font-weight: normal;
      margin-left: 5px;
      font-size: 12px;
    }
    .all-comment-btn {
      font-size: 14px;
      color: #999;
          display: flex;
    align-items: center;
    }
    .comment-item {
      padding: 10px 0 20px 0;
      border-bottom: none;
    }
    .comment-item:last-child {
      border-bottom: 1px solid #eee;
    }
    .comment-header-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 8px;
    }
    .user-info {
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .user-avatar {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z'/%3E%3C/svg%3E");
    }
    .user-name {
      font-size: 14px;
      font-weight: 500;
    }
    .user-phone {
      font-size: 12px;
      color: #999;
    }
    .comment-product-code {
      font-size: 12px;
      color: #999;
    }
    .comment-content {
      font-size: 14px;
      color: #333;
      line-height: 1.5;
    }

    /* 7. 详情介绍区域 */
    .detail-section {
      background-color: #fff;
      padding: 12px;
      margin-bottom: 20px;
      border-bottom: 1px solid #eee;
    }
    .detail-title {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 10px;
      padding-bottom: 10px;
    }
    .detail-content {
      font-size: 14px;
      color: #666;
      line-height: 1.6;
      margin-bottom: 12px;
    }



    /* 按钮类导航项（加入购物车/立即购买） */
.nav-btn {
    flex: 1.3; /* 按钮宽度略大于图标项，更易点击 */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    margin: 14px 0;
    height: 42px;
    padding: 0 6px;
    cursor: pointer;
    border: none;
    outline: none;
}

/* 加入购物车按钮样式 */
.cart-add-btn {
    background-color: #E3C79F;
    color: #333;
    font-weight: normal;
}

/* 立即购买按钮样式 */
.buy-now-btn {
    background-color: #990000;
    color: #fff;
    font-weight: normal;
    height: 42px;
}

/* 适配小屏幕手机，防止按钮文字换行 */
@media (max-width: 375px) {
    .nav-btn {
        font-size: 12px;
        flex: 1.1;
    }
    .nav-item-icon span {
        font-size: 11px;
    }
}