/** Shopify CDN: Minification failed

Line 8493:12 Unexpected "{"
Line 8493:21 Expected ":"
Line 8493:27 Unexpected ","
Line 9049:0 Unexpected "}"
Line 11079:2 Unexpected "2."
Line 11205:0 Expected "}" to go with "{"

**/
/* 品牌配色体系定义（新增+） */
:root {
  --primary-green: #38a169;
  --primary-green-light: #48bb78;
  --primary-green-dark: #2f855a;
  --accent-orange: #ed8936;
  --accent-red: #e53e3e;
  --neutral-gray: #718096;
  --background-light: #f7fafc;
  --text-primary: #2d3748;
  --text-secondary: #4a5568;
}

/* 然后是其他所有样式... */






/* 只在PC端调整比例，移动端不受影响 */
@media (min-width: 1024px) {
  
  .media-top-section .left-column {
    flex: 1 !important;
    width: 58% !important;  /* 轮播图稍微大一点 */
  }
}
@media (min-width: 1024px) {
  /* 使用更强的选择器 */
  .product-split-layout .media-top-section {
    display: flex !important;
    gap: 1rem !important;
    width: 100% !important;
  }

  .product-split-layout .media-top-section .left-column {
    flex: 1.7 !important;  /* 简化flex值 */
    width: 60% !important;  /* 双重保险 */
    max-width: none !important;
  }
}

/* ========== 备份区域 - 原有轮播图代码 ========== */
/* 以下是之前的轮播图代码，暂时保留作为备份 */
/* ===== 移动端完全保护 - 优先级最高 ===== */
@media (max-width: 1023px) {
  /* 确保移动端不受任何影响 */
  * {
    /* 移动端保持Dawn原生状态 */
  }
}

/* ===== PC端功能区域 - 只在桌面端生效 ===== */
@media (min-width: 1024px) {
  /* 这里将放置我们的PC端轮播图功能 */
  /* 移动端完全不会受到影响 */
}


/* ===== 完整页面样式 - 测试成功版本 ===== */
/* 强制覆盖Dawn的干扰样式 */
.gallery-wrapper {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important; /* 覆盖Dawn的固定高度 */
  position: relative;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* PC端样式 - 只在桌面端显示 */
@media (min-width: 1024px) {
  .dawn-native-media,
  .mobile-gallery {
    display: none !important;
  }
  
  .gallery-wrapper {
    display: block !important;
  }
  
  .left-column {
    display: block !important;
  }
}

/* 统一的移动端样式 */
@media (max-width: 1023px) {
  .dawn-native-media {
    display: block !important; /* 保持原来的显示设置 */
  }
  
  .gallery-wrapper {
    display: none !important;
  }
  
  .left-column {
    display: none !important;
  }
  
  .mobile-gallery {
    display: block !important;
    position: relative !important;
    width: 100vw !important;
    margin: 0 !important;
    margin-left: calc(-50vw + 50%) !important;
    overflow: hidden !important;
  }
  
.mobile-gallery-track {
  display: flex !important;
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; /* 保留更精细的动画 */
  touch-action: pan-y !important; /* 保留更合适的触摸行为 */
  will-change: transform !important;
  backface-visibility: hidden !important;
}
  
  .mobile-gallery-item {
    min-width: 100vw !important;
    width: 100vw !important;
    flex-shrink: 0 !important;
    position: relative !important;
  }

  .mobile-gallery-item img {
    width: 100% !important;
    height: 400px !important;
    object-fit: cover !important;
    display: block !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
  }
  
  .mobile-indicators {
    position: absolute !important;
    bottom: 15px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    gap: 8px !important;
    z-index: 999 !important;
    background: rgba(0, 0, 0, 0.4) !important;
    padding: 6px 10px !important;
    border-radius: 15px !important;
  }
  
  .indicator {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.6) !important;
    transition: all 0.3s ease !important;
  }
  
  .indicator.active {
    background: rgba(255, 255, 255, 1) !important;
    transform: scale(1.3) !important;
  }
}






/* ===== 完整页面样式 - 清理优化版本 ===== */
/* 强制覆盖Dawn的干扰样式 */
.gallery-wrapper {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important; /* 覆盖Dawn的固定高度 */
  position: relative;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* 移动端显示Dawn原生图片 */
@media (max-width: 1023px) {
  .dawn-native-media {
    display: block !important;
  }
  
  .gallery-wrapper {
    display: none !important;
  }
  
  /* 将移动端样式放在这里 */
  .mobile-gallery-item {
    min-width: 100% !important;
    flex-shrink: 0 !important;
  }
  
  .mobile-gallery-item img {
    width: 100% !important;
    height: 400px !important;
    object-fit: cover !important;
    display: block !important;
  }
  
  .mobile-indicators {
    position: absolute !important;
    bottom: 15px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    gap: 8px !important;
    z-index: 999 !important;
    background: rgba(0, 0, 0, 0.4) !important;
    padding: 6px 10px !important;
    border-radius: 15px !important;
  }
  
  .indicator {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.6) !important;
    transition: all 0.3s ease !important;
  }
  
  .indicator.active {
    background: rgba(255, 255, 255, 1) !important;
    transform: scale(1.3) !important;
  }
}

/* PC端显示轮播图 */
@media (min-width: 1024px) {
  .dawn-native-media {
    display: none !important;
  }
  
  .gallery-wrapper {
    display: block !important;
  }
}





/* 移动端样式 - 只在手机端显示 */
@media (max-width: 1023px) {
  .dawn-native-media,
  .gallery-wrapper,
  .left-column {
    display: none !important;
  }
  
  .mobile-gallery {
    display: block !important;
    position: relative !important;
    width: 100vw !important;
    margin: 0 !important;
    margin-left: calc(-50vw + 50%) !important;
    overflow: hidden !important;
  }
  

  
  .mobile-gallery-item {
    min-width: 100% !important;
    flex-shrink: 0 !important;
  }
  
  .mobile-gallery-item img {
    width: 100% !important;
    height: 400px !important;
    object-fit: cover !important;
    display: block !important;
  }
  
  .mobile-indicators {
    position: absolute !important;
    bottom: 15px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    gap: 8px !important;
    z-index: 999 !important;
    background: rgba(0, 0, 0, 0.4) !important;
    padding: 6px 10px !important;
    border-radius: 15px !important;
  }
  
  .indicator {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.6) !important;
    transition: all 0.3s ease !important;
  }
  
  .indicator.active {
    background: rgba(255, 255, 255, 1) !important;
    transform: scale(1.3) !important;
  }
}



.gallery-wrapper * {
  box-sizing: border-box !important;
}


.gallery-main {
  width: 100% !important;
  height: 100% !important;
  position: relative;
  overflow: hidden;
  aspect-ratio: unset !important; /* 清除Dawn的aspect-ratio */
}

.gallery-item img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  aspect-ratio: unset !important; /* 清除Dawn的图片比例限制 */
  transition: transform 0.3s ease;
  cursor: zoom-in;
}


/* 确保容器不被Dawn的样式影响 */
.left-column .gallery-wrapper {
  all: unset; /* 重置所有样式 */
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  position: relative;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}


/* 通栏背景容器 */
.product-main-container {
  width: 100vw;
  min-height: 100vh;
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
  padding: 2rem 0.5rem;
}

/* 内容包装器 */
.product-content-wrapper {
  display: flex;
  gap: 1rem;
  width: 100%;
}

/* 左侧区域 */
.product-main-container_left {
  order: 1;
  flex: 4; /* 测试成功的比例 */
  position: sticky;
  top: 2rem;
  height: fit-content;
  align-self: flex-start;
}

/* 上方Grid布局 */
.product-grid {
  display: grid;
  grid-template-columns: 2fr 1.7fr;
  gap: 1rem;
  margin-bottom: 1rem;
}

/* 右侧DAWN区域 */
.right-column {
  order: 2;
  flex: 2.2; /* 测试成功的比例 */
}

.dawn-native-area {
  background: #ffff00;
  min-height: 150vh;
  padding: 2rem;
  border-radius: 8px;
  color: #333;
  font-size: 1.125rem;
}



/* 强制覆盖Dawn的干扰样式 */
.left-column {
  background: none !important;
  padding: 0;
  display: block;
}

.gallery-wrapper {
  width: 100% !important;
  height: 400px !important; /* 固定高度，避免aspect-ratio问题 */
  display: flex;
  gap: 12px;
  position: relative;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  padding: 10px;
}

.gallery-wrapper * {
  box-sizing: border-box !important;
}
/* 隐藏radio */
.gallery-radio {
  display: none;
}

/* 主图区域 */
.gallery-main {
  flex: 1;
  height: 100% !important;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  aspect-ratio: unset !important; /* 清除Dawn的aspect-ratio */
}
/* 图片轨道 */
.gallery-track {
  width: 600%; /* 根据图片数量调整 */
  height: 100%;
  display: flex;
  transition: transform 0.4s ease;
}

/* 单个图片项 */
.gallery-item {
  width: 16.66%; /* 6张图片，每张16.66% */
  height: 100%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery-item img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  aspect-ratio: unset !important; /* 清除Dawn的图片比例限制 */
  transition: transform 0.3s ease;
  cursor: zoom-in;
}

.gallery-item img:hover {
  transform: scale(1.05);
}




/* 侧边缩略图 - 测试成功的绝对定位版本 */
.gallery-thumbs {
  width: 80px !important;
  height: 400px !important;
  background: rgba(248, 249, 250, 0.95) !important;
  display: block !important;
  position: absolute !important;
  right: 15px !important;
  top: 15px !important;
  z-index: 10 !important;
  border-radius: 8px;
  padding: 10px 5px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}



.thumb-btn {
  display: block !important;
  width: 70px !important;
  height: 70px !important;
  background: white !important;
  margin-bottom: 8px !important;
  border: 2px solid transparent !important;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease;
}

.thumb-btn:hover {
  border-color: #007cba;
  transform: scale(1.05);
}


.thumb-btn img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ===== 视频区域样式 ===== */
.middle-column {
  background: none !important;
  padding: 0;
  display: block;
}








/* Banner样式 */
.banner-container {
  background: #4682b4;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1.125rem;
  border-radius: 8px;
  font-weight: 500;
  text-align: center;
  padding: 1rem;
}


/* 移动端保持原样 */
@media (max-width: 1023px) {
  .product-content-wrapper {
    display: block;
  }
  
  .product-main-container_left {
    order: 2;
    margin-bottom: 2rem;
  }
  
  .right-column {
    order: 1;
  }
  
  .product-grid {
    grid-template-columns: 1fr;
  }
}



/* 只修复PayPal按钮位置，不影响整体布局 */
@media (min-width: 1024px) {
  /* 只针对PayPal按钮强制回到正确位置 */
  .shopify-payment-button {
    position: relative !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    z-index: auto !important;
  }
  
  /* 确保PayPal按钮在正确的容器中 */
  .product-form {
    position: relative !important;
    right: auto !important;
    top: auto !important;
  }
  
  /* 不要修改三栏布局的网格设置 */
}
























@media (min-width: 1024px) {
  /* ===== 产品分栏布局 ===== */
  .product-split-layout {
    display: flex !important;
    width: 100vw !important;
    height: 100vh !important;
    margin-left: calc(-50vw + 50%) !important;
    overflow: hidden !important;
    gap: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    max-width: none !important;
  }
  
  /* ===== 左侧容器 ===== */
  .left-scroll-container {
    width: 65% !important;
    padding: 20px !important;
    box-sizing: border-box !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    will-change: scroll-position !important;
    transform: translateZ(0) !important;
  }
  
  /* ===== 右侧容器 ===== */
  .right-scroll-container {
    width: 35% !important;
    padding: 20px !important;
    box-sizing: border-box !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    will-change: scroll-position !important;
    transform: translateZ(0) !important;
  }
  
  /* ===== 媒体区域布局 ===== */
  .media-top-section {
    display: flex !important;
    gap: 20px;
    margin-bottom: 40px;
    align-items: stretch !important;
  }
  

  
  /* ===== 轮播图1:1比例 ===== */
  .gallery-wrapper {
    width: 100% !important;
    padding-bottom: 100% !important;
    position: relative !important;
    overflow: hidden !important;
    height: 0 !important;
  }
  
  .gallery-main {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
  
  .gallery-track {
    width: 100% !important;
    height: 100% !important;
  }
  
  .gallery-item {
    width: 100% !important;
    height: 100% !important;
  }
  
  .gallery-item img,
  .media-top-section .left-column img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    background: #f8f8f8 !important;
  }
  

  

  /* ===== 右侧内容区域 ===== */
  .right-scroll-container .product-form,
  .right-scroll-container .product-info,
  .right-scroll-container .price-wrapper,
  .right-scroll-container [class*="product"] {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
  
  /* ===== 产品标题样式 ===== */
  .product__info-wrapper {
    min-width: 300px !important;
  }
  
  .product__info-wrapper .product__title {
    width: 100% !important;
    margin-bottom: 1rem !important;
  }
  
  .product__info-wrapper .product__title h1 {
    width: 100% !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    line-height: 1.3 !important;
    font-size: 3.6rem !important;
    font-weight: 600 !important;
    color: #000 !important;
    margin: 0 !important;
    padding: 0 20px 10px 0!important;
  }
  
  /* ===== 产品信息容器 ===== */
  .product__info-container {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
  }
  

  
  /* ===== Banner区域 ===== */
  .banner-section {
    margin-top: 20px;
  }
  
  .long-content {
    padding: 30px 20px;
    background: #f9f9f9;
    border-radius: 8px;
    min-height: 400px;
  }
  
  /* ===== Header保护 ===== */
  .shopify-section-header,
  header,
  .header {
    max-width: 1200px !important;
    margin: 0 auto !important;
    width: auto !important;
  }
  
  .header__wrapper {
    max-width: 1200px !important;
    margin: 0 auto !important;
  }
  
  /* ===== 滚动条隐藏 ===== */
  .left-scroll-container::-webkit-scrollbar,
  .right-scroll-container::-webkit-scrollbar {
    width: 0px !important;
    background: transparent !important;
  }
}




@media (min-width: 1024px) {
    /* 第一步：让缩略图垂直排列在左侧 */
    .gallery-thumbs-section {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100px !important;
        float: left !important;
    }
    
    /* 缩略图按钮基础样式 */
    .thumb-btn {
        width: 100% !important;
        height: 80px !important;
        display: block !important;
        border: 1px solid #ddd !important;
        border-radius: 4px !important;
        overflow: hidden !important;
    }
    
    .thumb-btn img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
}



/* 根据缩略图数量动态调整高度 */
.gallery-wrapper {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 15px !important;
  position: relative !important;
}

/* 缩略图区域 - 根据内容调整 */
.gallery-thumbs {
  position: relative !important;
  order: 1 !important;
  width: 80px !important;
  /* 根据缩略图按钮数量计算高度 */
  height: fit-content !important;
  max-height: 500px !important;
  background: rgba(248, 249, 250, 0.95) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 10px 5px !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}


/* 每个缩略图按钮的尺寸 */
.thumb-btn {
  width: 70px !important;
  height: 70px !important;
  display: block !important;
}

@media (min-width: 1024px) {
  .left-scroll-container {
    display: flex !important;
    gap: 15px !important;
  }
  
  .independent-thumbnails {
    width: 80px !important;
    flex-shrink: 0 !important;
  }
  
  .pc-media-content {
    flex: 1 !important;
    min-width: 0 !important; /* 防止内容溢出 */
  }
}


@media (min-width: 1024px) {
  /* 缩略图容器 - 优化背景和间距 */
  .independent-thumbnails {
    padding: 12px 8px !important; /* 改（增加内边距） */
    background: rgba(248, 249, 250, 0.95) !important; /* 改（更明显的背景色） */
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    height: fit-content !important;
    width: fit-content !important;
    min-height: auto !important;
  }
  
  /* 缩略图间距优化 */
  .independent-thumbnails .thumb-btn {
    margin-bottom: 10px !important; /* 改（从6px增加到10px） */
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
  }
  
  .independent-thumbnails .thumb-btn:last-child {
    margin-bottom: 0 !important;
  }
}



@media (min-width: 1024px) {
  .gallery-item {
    opacity: 0 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    transition: opacity 1.2s ease-in-out !important; /* 改（延长到1.2秒，使用更明显的缓动） */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: hidden !important;
  }


  /* 显示状态 - 渐显效果 */
  .left-scroll-container:has(#pc-slide-1:checked) .gallery-item:nth-child(1),
  .left-scroll-container:has(#pc-slide-2:checked) .gallery-item:nth-child(2),
  .left-scroll-container:has(#pc-slide-3:checked) .gallery-item:nth-child(3),
  .left-scroll-container:has(#pc-slide-4:checked) .gallery-item:nth-child(4),
  .left-scroll-container:has(#pc-slide-5:checked) .gallery-item:nth-child(5),
  .left-scroll-container:has(#pc-slide-6:checked) .gallery-item:nth-child(6) {
    opacity: 1 !important;
    visibility: visible !important; /* 新增（+） */
    z-index: 2 !important;
  }

.left-scroll-container:has(#pc-slide-1:checked) .independent-thumbnails .thumb-btn:nth-child(1),
.left-scroll-container:has(#pc-slide-2:checked) .independent-thumbnails .thumb-btn:nth-child(2),
.left-scroll-container:has(#pc-slide-3:checked) .independent-thumbnails .thumb-btn:nth-child(3),
.left-scroll-container:has(#pc-slide-4:checked) .independent-thumbnails .thumb-btn:nth-child(4),
.left-scroll-container:has(#pc-slide-5:checked) .independent-thumbnails .thumb-btn:nth-child(5),
.left-scroll-container:has(#pc-slide-6:checked) .independent-thumbnails .thumb-btn:nth-child(6) {
border-color: #6F4E37 !important; /* 改（温馨的咖啡色） */
box-shadow: 0 0 0 1px #6F4E37, 0 2px 6px rgba(111, 78, 55, 0.15) !important; /* 改（对应的咖啡色阴影） */
transform: scale(1.02) !important;
z-index: 10 !important;

}

  
}




@media (min-width: 1024px) {
  /* 缩略图悬停效果 - 增强版 */
  .thumb-btn:hover {
    border-color: #666 !important; /* 改（更深的边框色） */
    transform: translateY(-2px) !important; /* 新增（+）- 轻微上浮效果 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important; /* 改（增强阴影） */
    transition: all 0.3s ease !important; /* 新增（+）- 平滑过渡 */
  }
  
  /* 缩略图基础状态也需要过渡 */
  .thumb-btn {
    transition: all 0.3s ease !important; /* 新增（+）- 确保悬停进出都平滑 */
  }
}



@media (min-width: 1024px) {
  /* 主图悬停放大效果 - 新增（+） */
  .gallery-item img {
    transition: transform 0.4s ease !important;
    cursor: zoom-in !important;
  }
  
  .gallery-item img:hover {
    transform: scale(1.2) !important; /* 悬停时放大20% */
  }
  
  /* 确保放大时不溢出 */
  .gallery-item {
    overflow: hidden !important;
  }
}






@media (min-width: 1024px) {
  .left-scroll-container {
    width: 65% !important;
    height: 100vh !important;
    overflow: hidden !important; /* 改为hidden，让JS完全控制 */
    padding: 20px !important;
    box-sizing: border-box !important;
  }
  
  .right-scroll-container {
    width: 35% !important;
    height: 100vh !important;
    overflow-y: auto !important; /* 右侧保持可滚动 */
    overflow-x: hidden !important;
    padding: 20px !important;
    box-sizing: border-box !important;
  }
}















.comparison-group {
  margin-bottom: 18px !important;
}

/* 图片区域样式 - 新增（+） */
.comparison-images {
  display: flex !important;
  gap: 10px !important;
  margin-bottom: 20px !important;
}

.comparison-img {
  width: 50% !important;
  border-radius: 8px !important;
  object-fit: cover !important;
}



/* 描述区域横排布局 - 新增（+） */
.comparison-descriptions-row {
  display: flex !important;
  gap: 15px !important;
  background: #f8f8f8 !important;
  padding: 10px !important;
  border-radius: 8px !important;
}

.description-item {
  flex: 1 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

/* 图标样式 - 新增（+） */
.problem-icon {
  color: #ff3b3b !important;
  font-weight: bold !important;
}

.solution-icon {
  color: #2e8b57 !important;
  font-weight: bold !important;
}

.proof-icon {
  color: #0066cc !important;
  font-weight: bold !important;
}

/* 交互引导样式 - 新增（+） */
.scroll-guide {
  text-align: center !important;
  font-size: 14px !important;
  color: #666 !important;
  margin: 20px 0 !important;
}







.comparison-images {
    width: 100% !important;
    display: flex !important;
    gap: 1rem !important;
    margin-bottom: 1rem !important;
}

.comparison-img {
    flex: 1 !important;
    width: calc(50% - 0.5rem) !important;
    height: auto !important; /* 让高度自动适应保持比例 */
    aspect-ratio: auto !important; /* 保持原始宽高比 */
    object-fit: contain !important; /* 完整显示图片不裁切 */
    object-position: center !important;
    border-radius: 0.5rem !important;
    max-width: 100% !important;
}


































/* 移动端修复 - 不破坏PC端 - 样式改（修改） */
@media screen and (max-width: 768px) {
    
    
    html body .comparison-images {
        display: flex !important;
        flex-direction: row !important; /* 保持左右对比 */
        gap: 0.5rem !important;
        width: 100% !important;
    }
    
    html body .comparison-img {
        flex: 1 !important;
        width: calc(50% - 0.25rem) !important;
        height: auto !important;
    }
    
    html body .comparison-descriptions-row {
        display: flex !important;
        flex-direction: row !important;
        gap: 0.5rem !important;
        width: 100% !important;
    }
}


/* 移动端专用背景卡片效果 - 样式改（修改） */
@media screen and (max-width: 768px) {
    .description-item {
        background: #fff !important;
        border-radius: 8px !important;
        padding: 1rem 1rem !important;
        box-shadow: 0 2px 8px #00000014 !important;
        border-left: 4px solid #cccccc !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
        color: #404040 !important;
        margin-bottom: .5rem !important;
    }
    
    .comparison-descriptions-row {
        background: transparent !important;
        padding: 0 !important;
        gap: 1rem !important;
    }
}

/* 完全删除PC端媒体查询 - 让PC端保持原样 */









.product-details-section {
  padding: 4rem 0;
  background: #f8f9fa;
}

.detail-item {
  display: flex;
  align-items: center;
  margin-bottom: 4rem;
  gap: 3rem;
 
  margin-left: auto;
  margin-right: auto;
}

.detail-item.image-right {
  flex-direction: row-reverse;
}

.detail-image {
  flex: 1;
}

.detail-image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.detail-content {
  flex: 1;
  padding: 2rem;
}

.detail-title {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  color: #333;
}

.detail-description {
  font-size: 1rem;
  line-height: 1.6;
  color: #666;
}

@media (max-width: 768px) {
  .detail-item,
  .detail-item.image-right {
    flex-direction: column;
  }
}






















































@media (max-width: 1023px) {
  /* 隐藏缩略图容器 */
  .independent-thumbnails,
  .gallery-thumbs {
    display: none !important;
  }
  
  /* 确保移动端轮播图正常显示 */
  .mobile-gallery {
    display: block !important;
  }
  
  /* 显示移动端指示器 */
  .mobile-indicators {
    display: flex !important;
  }
}

/* PC端显示缩略图 */
@media (min-width: 1024px) {
  .independent-thumbnails,
  .gallery-thumbs {
    display: block !important;
  }
  
  /* 隐藏移动端组件 */
  .mobile-gallery {
    display: none !important;
  }
}



@media (min-width: 1024px) {
  /* ===== 媒体区域布局 ===== */
  .product-split-layout .media-top-section {
    display: flex !important;
    gap: 1rem !important;
    width: 100% !important;
    align-items: stretch !important;
  }

  .product-split-layout .media-top-section .left-column {
    flex: 1.7 !important;
    width: 60% !important;
    max-width: none !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-height: 0 !important;
  }

  .product-split-layout .media-top-section .video-section {
    flex: 1.3 !important;
    width: 40% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    position: relative !important;
  }

  /* ===== 视频容器样式 ===== */
  .product-video-container {
    width: 100% !important;
    aspect-ratio: 1/1 !important;
    background: #000 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    position: relative !important;
  }

  .product-video-container iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    object-fit: contain !important;
  }

  /* ===== 视频交互控制 ===== */
  .video-section::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 10 !important;
    background: transparent !important;
    pointer-events: auto !important;
  }
  
  .video-section iframe {
    pointer-events: none !important;
    position: relative !important;
    z-index: 1 !important;
  }
}





@media (max-width: 1023px) {
  /* 不删除HTML，只重置样式 */
  .right-scroll-container,
  .right-scroll-container > *,
  .right-scroll-container .scroll-trigger {
    width: 100% !important;
    max-width: none !important;
    display: block !important;
    position: static !important;
  }
}


@media (max-width: 1023px) {
  /* 使用更高优先级的选择器强制覆盖 */
  body .right-scroll-container,
  html body .right-scroll-container {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important; /* 突破容器限制 */
    padding: 5px 0 !important;
    box-sizing: border-box !important;
  }
  
  /* 针对所有可能的嵌套容器 */
  .right-scroll-container *,
  .right-scroll-container > *,
  .right-scroll-container div {
    max-width: none !important;
    width: auto !important;
  }
  
  /* 特别针对产品信息区域 */
  .right-scroll-container .product__info-wrapper,
  .right-scroll-container .product-form,
  .right-scroll-container [class*="product"] {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  
  }
  
  /* 使用通配符强制重置 */
  .right-scroll-container * {
    box-sizing: border-box !important;
  }
}





































@media (max-width: 1023px) {
  /* 使用最高优先级选择器 */
  html body .right-scroll-container,
  body .shopify-section .right-scroll-container {
    padding: 15px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
  }
  

}





@media (max-width: 1023px) {
  /* 直接隐藏PayPal按钮下方的异常箭头 */
  .shopify-payment-button svg,
  .shopify-payment-button .arrow,
  .shopify-payment-button [class*="arrow"],
  .shopify-payment-button [data-testid*="arrow"] {
    display: none !important;
  }
  
  /* 隐藏PayPal iframe后面可能的多余元素 */
  .shopify-payment-button > *:not(iframe):not(.paypal-button-container) {
    display: none !important;
  }
  
  /* 确保PayPal按钮容器干净整洁 */
  .shopify-payment-button {
    overflow: hidden !important;
    height: auto !important;
  }
  
  /* 保持PayPal iframe正常显示 */
  .shopify-payment-button iframe {
    display: block !important;
    width: 100% !important;
    height: 45px !important;
  }
}



@media (max-width: 1023px) {
  .product__title h1 {
    font-size: 2.6rem !important; /* 26px ÷ 16px = 1.625rem */
    line-height: 1.25 !important;
    font-weight: 600 !important;
    margin-bottom: 0.9375rem !important; /* 15px ÷ 16px */
  }
  
  /* 容器间距也用rem */
  .right-scroll-container {
    padding: 1.25rem 1.125rem !important; /* 20px 18px */
  }
}


@media (min-width: 1024px) {
  .product-split-layout {
    display: flex !important;
    height: auto !important;
    overflow: visible !important;
  }
  
  .left-scroll-container {
    /* 保持原有宽度 */
    width: 65% !important;
    height: auto !important;
    overflow: visible !important;
  }
  
  .right-scroll-container {
    /* 保持原有宽度 */
    width: 35% !important;
    height: auto !important;
    overflow: visible !important;
  }
}




















.product-details-section {
  padding: 4rem 0;
  background: #f8f9fa;
}

.detail-item {
  display: flex;
  align-items: center;
  margin-bottom: 4rem;
  gap: 3rem;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.detail-item.image-right {
  flex-direction: row-reverse;
}

.detail-image {
  flex: 1;
}

.detail-image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.detail-content {
  flex: 1;
  padding: 2rem;
}

.detail-title {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  color: #333;
}

.detail-description {
  font-size: 1rem;
  line-height: 1.6;
  color: #666;
}

@media (max-width: 768px) {
  .detail-item,
  .detail-item.image-right {
    flex-direction: column;
  }
}






.product-details-section {
  padding: 32px 0;
  background: #ffffff;
}

.detail-item {
  display: flex;
  width: 900px;
  height: 450px;
  margin: 0 auto 20px;
  background: #f8f9fa;
  border-radius: 24px;
  overflow: hidden;
}

.detail-item.image-right {
  flex-direction: row-reverse;
}

.detail-image {
  width: 450px;
  height: 450px;
}

.detail-image img {
  width: 450px;
  height: 450px;
  object-fit: cover;
}

.detail-content {
  width: 450px;
  height: 450px;
  padding: 80px 100px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.detail-title {
  font-size: 24px;
  font-weight: 600;
  color: #333;
  margin-bottom: 16px;
}

.detail-description {
  font-size: 16px;
  color: #666;
  line-height: 1.6;
}

@media (max-width: 1100px) {
  .detail-item {
    width: 95%;
    max-width: 1050px;
  }
  
  .detail-image,
  .detail-content {
    width: 50%;
  }
  
  .detail-image img {
    width: 100%;
  }
}


/* 小屏手机适配 */
@media (max-width: 480px) {
  .detail-item {
    width: 95%;
    margin-bottom: 12px;
  }
  
  .detail-image {
    height: 240px;
  }
  
  .detail-image img {
    height: 240px;
  }
  
  .detail-content {
    padding: 3px 20px 20px;
  }
  
  .detail-title {
    font-size: 16px;
  }
  
  .detail-description {
    font-size: 13px;
  }
}



























/* =================================
   产品特性区域 - 重构版本
   ================================= */

/* 1. 右侧滚动容器基础样式 - 保持 */
.right-scroll-container .product-form,
.right-scroll-container .product-info,
.right-scroll-container .price-wrapper,
.right-scroll-container [class*="product"] {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* 2. 产品特性区域外层容器 - 修改 */
.product-features-section {
  background: linear-gradient(135deg, #f8f9fa, #ffffff) !important;
  padding: 12px 20px !important;
  border-radius: 15px !important;
  border: 2px solid #e9ecef !important;
  margin: 20px 0 !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important;
}

/* 3. 标题样式 - 保持 */
.product-features__title {
  font-size: 22px !important;
  font-weight: bold !important;
  color: #2c3e50 !important;
  text-align: center !important;
  margin-bottom: 20px !important;
  position: relative !important;
}

.product-features__title::after {
  content: '' !important;
  display: block !important;
  width: 60px !important;
  height: 3px !important;
  background: linear-gradient(90deg, #28a745, #20c997) !important;
  margin: 8px auto !important;
  border-radius: 2px !important;
}

/* 4. 特性列表容器 - 新增（关键修复） */
.product-features-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

/* 5. 单个特性项样式 - 合并重复定义 */
.feature-item {
  background: white !important;
  padding: 15px !important;
  border-radius: 12px !important;
  border-left: 5px solid #28a745 !important;
  box-shadow: 0 3px 12px rgba(0,0,0,0.08) !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  position: relative !important;
  overflow: hidden !important;
 
}

/* 6. 特性项悬停效果 - 合并 */
.feature-item:hover {
  transform: translateX(8px) !important;
  box-shadow: 0 6px 20px rgba(40, 167, 69, 0.15) !important;
  border-left-color: #20c997 !important;
}

/* 7. 微动画效果 - 保持 */
.feature-item::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(40, 167, 69, 0.1), transparent) !important;
  transition: left 0.6s ease !important;
}

.feature-item:hover::before {
  left: 100% !important;
}

/* 8. 图标样式 - 保持 */
.feature-check {
  flex-shrink: 0 !important;
  margin-top: 2px !important;
  filter: drop-shadow(0 2px 4px rgba(76, 175, 80, 0.3)) !important;
}

/* 9. 文字内容样式 - 保持 */
.feature-text {
  flex: 1 !important;
  line-height: 1.2 !important;
  color: #2c3e50 !important;
  font-size: 16px !important;
}

.feature-title {
  font-weight: bold !important;
  color: #1a252f !important;
}

/* 10. 移动端适配 - 强化布局控制 */
@media (max-width: 768px) {
 
  
  .product-features-list {
    flex-direction: column !important; /* 强制垂直排列 */
  }
  
  .feature-item {
    padding: 15px 18px !important;
    flex-direction: row !important; /* 内部保持水平排列 */
  }
  
  .feature-text {
    font-size: 14px !important;
  }
  
  .product-features__title {
    font-size: 20px !important;
  }
}

/* 11. 套餐产品样式 - 保持独立 */
.bundle-product-item {
  background: white !important;
  border: 2px solid #e9ecef !important;
  border-radius: 12px !important;
  padding: 15px !important;
  margin: 8px 0 !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

.bundle-product-item:hover {
  border-color: #28a745 !important;
  box-shadow: 0 8px 25px rgba(40, 167, 69, 0.15) !important;
  transform: translateY(-2px) !important;
}




.feature-check {
    width: 20px !important;
    height: 20px !important;
    background-color: #4CAF50 !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    margin-top: 2px !important;
}

.checkmark {
    color: white !important;
    font-weight: bold !important;
    font-size: 14px !important;
}






/* 移动端正确的垂直布局 */
@media (max-width: 768px) {
  .product-details-section {
    padding: 20px 0 !important;
  }
  
  .detail-item,
  .detail-item.image-right {
    flex-direction: column !important; /* 垂直排列 */
    width: 90% !important;
    height: auto !important;
    margin: 0 auto 16px !important;
    border-radius: 20px !important;
  }
  
  .detail-image {
    width: 100% !important;
    height: 280px !important; /* 合适的图片高度 */
    order: 1 !important; /* 图片在上 */
    overflow: hidden !important;
  }
  
  .detail-image img {
    width: 100% !important;
    height: 280px !important;
    object-fit: cover !important;
    object-position: center top !important;
    border-radius: 20px 20px 0 0 !important; /* 顶部圆角 */
  }
  
  .detail-content {
    width: 100% !important;
    height: auto !important;
    padding: 0 24px 24px !important;
    order: 2 !important; /* 文字在下 */
  }
  
  .detail-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin-bottom: 8px !important;
    line-height: 1.3 !important;
    margin-top:5px;
  }
  
  .detail-description {
    font-size: 14px !important;
    color: #666 !important;
    line-height: 1.5 !important;
    margin: 0 !important;
  }
}




/* 移动端图片高度修复 */
@media (max-width: 768px) {
  .detail-image {
    height: 380px !important; /* 增加高度，减少切割 */
  }
  
  .detail-image img {
    height: 380px !important; /* 对应增加图片高度 */
    object-fit: cover !important;
    object-position: center !important; /* 居中显示 */
  }
}





@media (max-width: 768px) {
  .detail-item,
  .detail-item.image-right {
    flex-direction: column !important;
    gap: 0 !important; /* 关键：移除flex间距 */
  }
  
  .detail-image {
    margin: 0 !important;
    padding: 0 !important;
  }
  

}


/* 修复后的完整样式 */
.assembly-video-section {
  padding: 0 10px !important;
  margin: 20px 0 !important;
}

.assembly-container {
  max-width: 1000px !important;
  margin: 0 auto !important;
}

.assembly-video-box {
  border-radius: 28px !important;
  overflow: hidden !important;
  background: #000 !important;
}

.assembly-header {
  background: #000 !important;
  color: white !important;
  padding: 20px 30px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  cursor: pointer !important;
}

.assembly-title {
  font-size: 18px !important;
  font-weight: 600 !important;
}





.toggle-icon {
  width: 30px !important;
  height: 30px !important;
  background: white !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
  color: #000 !important;
  font-weight: bold !important;
}

.minus-sign {
  display: none !important;
}

.assembly-content {
  max-height: 0 !important;
  overflow: hidden !important;
  transition: max-height 0.4s ease !important;
  background: #f7f7f7 !important;
}



.assembly-video-box.active .assembly-content {
  max-height: 600px !important;
  padding: 10px 0 !important;
}

.assembly-video-box.active .plus-sign {
  display: none !important;
}

.assembly-video-box.active .minus-sign {
  display: block !important;
}

.video-wrapper {
  position: relative !important;
}

#assemblyVideo {
  width: 100% !important;
  border-radius: 20px !important;
}

.custom-play-button {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 80px !important;
  height: 80px !important;
  background: rgba(0,0,0,0.7) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: white !important;
  font-size: 30px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.custom-play-button:hover {
  background: rgba(0,0,0,0.9) !important;
  transform: translate(-50%, -50%) scale(1.1) !important;
}





@media (max-width: 768px) {
    .assembly-content .video-container

 {
       margin: 0 !important;
    }

    .assembly-video-box.active .assembly-content

 {
    max-height: 600px !important;
    padding: 0 !important;
}

  }














/* 第四步：正确的65%宽度布局 */
.product-comparison-merged-section {
  position: absolute !important;
  left: 20px !important;
  width: calc(65vw - 20px) !important;
 
  background: #f8f9fa !important;
  z-index: 999 !important;
  margin: 0 !important;
}

.comparison-merged-container {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 20px 0 0 !important;
  width: 100% !important;
}


/* 第五步：对比组卡片样式 */
.comparison-group {
  margin-bottom: 30px !important;
  background: white !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important;
}



/* 第六步：描述区域布局优化 */
.comparison-descriptions-row {
  display: flex !important;
  background: white !important;
  border-top: 1px solid #f0f0f0 !important;
}

.description-item {
  flex: 1 !important;
  padding: 25px 20px !important;
  text-align: center !important;
  border-right: 1px solid #f0f0f0 !important;
  transition: background-color 0.3s ease !important;
}

.description-item:last-child {
  border-right: none !important;
}

.description-item:hover {
  background-color: #f8f9fa !important;
}



/* 第七步：图标美化 */
.problem-icon,
.solution-icon,
.proof-icon {
  display: inline-block !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  line-height: 40px !important;
  font-size: 18px !important;
  margin-bottom: 10px !important;
  font-weight: bold !important;
  color: white !important;
  transition: transform 0.3s ease !important;
}

.problem-icon {
  background: linear-gradient(135deg, #ff6b6b, #ee5a52) !important;
}

.solution-icon {
  background: linear-gradient(135deg, #4ecdc4, #44a08d) !important;
}

.proof-icon {
  background: linear-gradient(135deg, #feca57, #ff9ff3) !important;
}

.description-item:hover .problem-icon,
.description-item:hover .solution-icon,
.description-item:hover .proof-icon {
  transform: scale(1.1) !important;
}


/* 第八步：卡片悬停动画 */
.comparison-group {
  transition: all 0.3s ease !important;
}

.comparison-group:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 25px rgba(0,0,0,0.12) !important;
}

.comparison-images img {
  transition: transform 0.3s ease !important;
}

.comparison-group:hover .comparison-images img {
  transform: scale(1.02) !important;
}









@media (max-width: 768px) {
  html body .product-comparison-merged-section {
    position: static !important;
    left: 0 !important;
    width: 100% !important;
    padding: 3px 0 !important;
  }
  
  html body .comparison-merged-container {
    padding: 0 15px !important;
    position: static !important;
  }
  
  /* 统一的白色背景框 */
  html body .comparison-descriptions-row {
    flex-direction: column !important;
    background: white !important;
    padding: 20px !important;
    gap: 8px !important;
  }
  
  /* 每个描述项 - 紧凑布局 */
  html body .description-item {
    display: flex !important;
    align-items: center !important;
    text-align: left !important;
    padding: 8px 0 !important;
    background: transparent !important;
    border: none !important;
  }
  
  /* 去掉图标背景，只保留符号 */
  html body .problem-icon,
  html body .solution-icon,
  html body .proof-icon {
    width: auto !important;
    height: auto !important;
    background: none !important;
    border-radius: 0 !important;
    line-height: normal !important;
    font-size: 18px !important;
    margin: 0 10px 0 0 !important;
    color: #666 !important;
  }
  
  /* 文字内容 */
  html body .description-item p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    color: #333 !important;
  }
}




/* 第十三步：最后的细节美化 */

/* PC端增强效果 */
.comparison-group {
  border: 1px solid #f0f0f0 !important;
}

.comparison-group:hover {
  border-color: #e0e0e0 !important;
}

/* 文字排版优化 */
.description-item p {
  font-weight: 500 !important;
  letter-spacing: 0.3px !important;
}

/* 移动端文字间距微调 */
@media (max-width: 768px) {
  html body .description-item {
    padding: 10px 0 !important;
  }
  
  html body .comparison-descriptions-row {
    padding: 18px !important;
  }
}



.product-comparison-merged-section {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
}

.product-comparison-merged-section::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="%23ffffff" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="%23ffffff" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>') !important;
  pointer-events: none !important;
}


.comparison-group::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;
  background: linear-gradient(90deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4, #feca57) !important;
  background-size: 300% 100% !important;
  animation: gradientShift 3s ease-in-out infinite !important;
}

@keyframes gradientShift {
  0%, 100% { background-position: 0% 50% !important; }
  50% { background-position: 100% 50% !important; }
}



.comparison-img {
  filter: brightness(1.05) contrast(1.1) !important;
}

.comparison-group:hover .comparison-img {
  filter: brightness(1.1) contrast(1.15) !important;
}









/* 安全版入场动画 */
@media (prefers-reduced-motion: no-preference) {
  .comparison-group {
    animation: fadeInUp 0.8s ease-out forwards !important;
    transform: translateY(20px) !important;
    /* 去掉 opacity: 0，确保内容始终可见 */
  }
  
  .comparison-group:nth-child(1) { animation-delay: 0.1s !important; }
  .comparison-group:nth-child(2) { animation-delay: 0.2s !important; }
  .comparison-group:nth-child(3) { animation-delay: 0.3s !important; }
}

@keyframes fadeInUp {
  from {
    opacity: 0.3 !important; /* 从半透明开始，而不是完全透明 */
    transform: translateY(20px) !important;
  }
  to {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
}


/* 第十四步：PC端描述区域图标左置 */
@media (min-width: 769px) {
  .description-item {
    display: flex !important;
    align-items: center !important;
    text-align: left !important;
   
  }
  
  .problem-icon,
  .solution-icon,
  .proof-icon {
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    font-size: 18px !important;
    margin-bottom: 0 !important;
    margin-right: 15px !important;
    flex-shrink: 0 !important;
  }
  
  .description-item p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
  }
}




/* 🚀 终极高端FAQ样式 - 保持纯CSS折叠 + 顶级视觉效果 */

/* 主容器 - 动态渐变背景 改（修改） */
.psc-inner-content-faq {
 

  margin-top: 3rem !important;
  position: relative !important;
  overflow: hidden !important;
}

/* 动态背景光效 +（新增） */
.psc-inner-content-faq::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;

  pointer-events: none !important;
}

@keyframes backgroundFlow {
  0%, 100% { opacity: 1; transform: translateX(0) translateY(0) scale(1); }
  33% { opacity: 0.8; transform: translateX(-20px) translateY(-10px) scale(1.05); }
  66% { opacity: 0.9; transform: translateX(10px) translateY(15px) scale(0.95); }
}

/* 容器优化 改（修改） */
.faq-container {
  max-width: 1200px !important;
  margin: 0 auto !important;

  position: relative !important;
  z-index: 2 !important;
}

/* 主内容区 - 玻璃拟态效果 改（修改） */
.warranty-content {
  background: rgba(255, 255, 255, 0.95) !important;
  border-radius: 28px !important;
  box-shadow: 
    0 32px 64px rgba(16, 185, 129, 0.08),
    0 16px 32px rgba(0, 0, 0, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 0 0 1px rgba(16, 185, 129, 0.1) !important;
  overflow: hidden !important;
  backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
}

/* 内容区顶部光带 +（新增） */
.warranty-content::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, 
    transparent 0%, 
    #10b981 20%, 
    #059669 50%, 
    #047857 80%, 
    transparent 100%) !important;
  animation: topGlow 3s ease-in-out infinite !important;
}

@keyframes topGlow {
  0%, 100% { opacity: 0.6; }
  50% { opacity: 1; }
}

/* 问题项容器 - 减少垂直空间 改（修改） */
.option-item {
  border-bottom: 1px solid rgba(16, 185, 129, 0.08) !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
  overflow: hidden !important;
}

.option-item:last-child {
  border-bottom: none !important;
}

/* 悬停效果 - 微妙渐变 改（修改） */
.option-item:hover {
  background: linear-gradient(90deg, 
    rgba(16, 185, 129, 0.03) 0%, 
    rgba(255, 255, 255, 1) 60%,
    rgba(16, 185, 129, 0.01) 100%) !important;
  transform: translateY(-1px) !important;
}

/* 隐藏复选框 - 保持原有功能 */
.faq-checkbox {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

/* 标题栏 - 减少padding，增加视觉效果 改（修改） */
.option-item .title {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 0 35px !important; /* 减少垂直padding */
  cursor: pointer !important;
  font-weight: 700 !important;
  color: #065f46 !important;
  font-size: 18px !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
  user-select: none !important;
  margin: 2.2rem 1rem !important;;
}

/* 动态左侧指示器 +（新增） */
.option-item .title::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 4px !important;
  height: 0 !important;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
  border-radius: 2px !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.4) !important;
}

/* 悬停时指示器动画 */
.option-item:hover .title::before {
  height: 35px !important;
  box-shadow: 0 0 20px rgba(16, 185, 129, 0.6) !important;
}

.option-item .title:hover {
  color: #047857 !important;
  padding-left: 45px !important;
  text-shadow: 0 2px 4px rgba(16, 185, 129, 0.1) !important;
}

/* 标题文字容器 +（新增） */
.option-item .title h3 {
  margin: 0 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
}

/* 箭头图标容器 - 高端重设计 改（修改） */
.icon-box {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #10b981 0%, #059669 50%, #047857 100%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 
    0 8px 24px rgba(16, 185, 129, 0.25),
    0 4px 12px rgba(16, 185, 129, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* 图标容器光效 +（新增） */
.icon-box::before {
  content: '' !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: linear-gradient(45deg, 
    transparent 30%, 
    rgba(255, 255, 255, 0.3) 50%, 
    transparent 70%) !important;
  transform: rotate(-45deg) translateX(-100%) !important;
  transition: transform 0.6s ease !important;
}

.option-item:hover .icon-box::before {
  transform: rotate(-45deg) translateX(100%) !important;
}

.option-item:hover .icon-box {
  transform: scale(1.1) rotate(5deg) !important;
  box-shadow: 
    0 12px 32px rgba(16, 185, 129, 0.3),
    0 6px 16px rgba(16, 185, 129, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

/* SVG图标样式 改（修改） */
.icon-box svg {
  width: 18px !important;
  height: 18px !important;
  stroke: white !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1)) !important;
}

/* 内容区域 - 优化垂直空间 改（修改） */
.option-item .content {
  max-height: 0 !important;
  overflow: hidden !important;
  padding: 0 35px !important; /* 减少水平padding */
  color: #065f46 !important;
  line-height: 1.7 !important;
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
  background: linear-gradient(135deg, 
    rgba(236, 253, 245, 0.5) 0%, 
    rgba(255, 255, 255, 0.8) 50%,
    rgba(240, 253, 244, 0.3) 100%) !important;
  position: relative !important;
  opacity: 0 !important;
  transform: translateY(-10px) !important;
}

/* 内容区顶部分割线 +（新增） */
.option-item .content::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 35px !important;
  right: 35px !important;
  height: 2px !important;
  background: linear-gradient(90deg, 
    transparent 0%, 
    rgba(16, 185, 129, 0.2) 20%, 
    rgba(16, 185, 129, 0.4) 50%,
    rgba(16, 185, 129, 0.2) 80%, 
    transparent 100%) !important;
  border-radius: 1px !important;
}

/* 展开时显示内容 - 减少垂直空间 改（修改） */
.faq-checkbox:checked + .title + .content {
  max-height: 1360px !important; /* 减少最大高度 */
  padding: 20px 35px 25px 90px !important; /* 减少垂直padding */
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* 展开时旋转箭头 - 增强效果 改（修改） */
.faq-checkbox:checked + .title .icon-box {
  transform: rotate(180deg) scale(1.05) !important;
  background: linear-gradient(135deg, #059669 0%, #047857 50%, #065f46 100%) !important;
  box-shadow: 
    0 10px 28px rgba(16, 185, 129, 0.35),
    0 5px 14px rgba(16, 185, 129, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}

/* FAQ列表容器 +（新增） */
.faq-list {
  margin: 0 !important;
  padding: 0 !important;
}

/* Q&A单元格 - 高端重设计 改（修改） */
.cell,
.faq-item {
  display: flex !important;
  margin-bottom: 16px !important; /* 减少间距 */
  padding: 14px 20px !important; /* 减少padding */
  background: rgba(255, 255, 255, 0.8) !important;
  border-radius: 12px !important;
  border-left: 3px solid transparent !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 
    0 4px 12px rgba(16, 185, 129, 0.04),
    0 2px 6px rgba(0, 0, 0, 0.02) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* 单元格悬停效果 改（修改） */
.cell:hover,
.faq-item:hover {
  border-left-color: #10b981 !important;
  transform: translateX(6px) translateY(-1px) !important;
  box-shadow: 
    0 8px 24px rgba(16, 185, 129, 0.08),
    0 4px 12px rgba(0, 0, 0, 0.04) !important;
  background: rgba(255, 255, 255, 1) !important;
}

/* 单元格光效 +（新增） */
.cell::before,
.faq-item::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(16, 185, 129, 0.05), 
    transparent) !important;
  transition: left 0.5s ease !important;
}

.cell:hover::before,
.faq-item:hover::before {
  left: 100% !important;
}

/* Q&A标签样式 改（修改） */
.cell span:first-child,
.question-marker,
.answer-marker {
  color: #10b981 !important;
  font-weight: 800 !important;
  margin-right: 12px !important;
  min-width: 25px !important;
  font-size: 15px !important;
  text-shadow: 0 1px 2px rgba(16, 185, 129, 0.2) !important;
}

.cell span:last-child,
.faq-item dt,
.faq-item dd {
  color: #065f46 !important;
  flex: 1 !important;
  font-size: 22px !important;
  line-height: 1.6 !important;
  font-weight: 500 !important;
  margin: 0 !important;
}

/* 分割线 - 动态效果 改（修改） */
.diver {
  height: 2px !important;
  background: linear-gradient(90deg, 
    transparent 0%, 
    rgba(16, 185, 129, 0.1) 10%,
    rgba(16, 185, 129, 0.3) 50%,
    rgba(16, 185, 129, 0.1) 90%, 
    transparent 100%) !important;
  margin: 18px 0 !important; /* 减少间距 */
  border-radius: 1px !important;
  position: relative !important;
  border: none !important;
}

/* 分割线动画 +（新增） */
.diver::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 100% !important;
  width: 0 !important;
  background: linear-gradient(90deg, #10b981, #059669) !important;
  border-radius: 1px !important;
  animation: dividerFlow 4s ease-in-out infinite !important;
}

@keyframes dividerFlow {
  0%, 100% { width: 0; opacity: 0; }
  50% { width: 100%; opacity: 1; }
}

/* 列表样式优化 +（新增） */
.notes-list,
.policy-list,
.warranty-list {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  font-size:22px !important;
}

.notes-list li,
.policy-list li,
.warranty-list li {
  padding: 10px 0 !important; /* 减少垂直间距 */
  border-left: 3px solid transparent !important;
  padding-left: 15px !important;
  transition: all 0.3s ease !important;
  color: #065f46 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

.notes-list li:hover,
.policy-list li:hover,
.warranty-list li:hover {
  border-left-color: #10b981 !important;
  padding-left: 20px !important;
  color: #047857 !important;
}

/* 链接样式 +（新增） */
.content a {
  color: #10b981 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  border-bottom: 1px solid transparent !important;
  transition: all 0.3s ease !important;
}

.content a:hover {
  color: #047857 !important;
  border-bottom-color: #10b981 !important;
  text-shadow: 0 1px 2px rgba(16, 185, 129, 0.2) !important;
}

/* 用户手册按钮 - 终极重设计 改（修改） */
.manual-content {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 0 45px !important; /* 减少垂直padding */
  background: linear-gradient(135deg, #10b981 0%, #059669 50%, #047857 100%) !important;
  text-decoration: none !important;
  color: white !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
  overflow: hidden !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  border-radius: 0 0 28px 28px !important;
  box-shadow: 
    0 8px 24px rgba(16, 185, 129, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

/* 手册按钮光效 改（修改） */
.manual-content::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(255, 255, 255, 0.25), 
    transparent) !important;
  transition: left 0.6s ease !important;
}

.manual-content:hover::before {
  left: 100% !important;
}

.manual-content:hover {
  transform: translateY(-2px) scale(1.01) !important;
  box-shadow: 
    0 12px 32px rgba(16, 185, 129, 0.25),
    0 6px 16px rgba(16, 185, 129, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

.manual-content .title {
 margin: 4rem 4rem 4rem 0 !important;
 
}
.manual-content .title h3 {
  margin: 0 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
}

.manual-content svg {
  stroke: white !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2)) !important;
}

.manual-content:hover svg {
  transform: translateX(3px) scale(1.1) !important;
}

/* 📱 移动端优化 - 进一步减少空间 改（修改） */
@media (max-width: 768px) {

  

  
  .warranty-content {
    border-radius: 20px !important;
  }
  
  .option-item .title {
    padding: 15px 25px !important; /* 进一步减少 */
    font-size: 16px !important;
  }
  
  .option-item .content,
  .faq-checkbox:checked + .title + .content {
    padding: 0 10px 0 !important; /* 减少移动端padding */
  }
  
  .manual-content {
    padding: 0 3.6rem !important;
    font-size: 16px !important;
    border-radius: 0 0 20px 20px !important;
  }
  
  .option-item .title:hover {
    padding-left: 35px !important;
  }
  
  .cell,
  .faq-item {
    padding: 12px 16px !important;
    margin-bottom: 12px !important;
  }
  
  .icon-box {
    width: 36px !important;
    height: 36px !important;
  }
  
  .icon-box svg {
    width: 16px !important;
    height: 16px !important;
  }
}

/* 🎊 修复后的入场动画 +（新增） */
@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.warranty-content {
  animation: slideInUp 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.option-item {
  animation: slideInUp 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  /* 移除了 opacity: 0 !important; 这行 */
}

.option-item:nth-child(1) { animation-delay: 0.1s; }
.option-item:nth-child(2) { animation-delay: 0.2s; }
.option-item:nth-child(3) { animation-delay: 0.3s; }
.option-item:nth-child(4) { animation-delay: 0.4s; }

/* 或者更安全的方案 - 只在动画开始前隐藏 */
.option-item {
  animation: slideInUp 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

/* 如果想要初始隐藏效果，使用这个更安全的方式 */
.option-item {
  opacity: 0;
  animation: slideInUp 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
/* 注意：去掉了 !important，让动画能正常覆盖opacity值 */


/* 脉冲效果 +（新增） */
@keyframes pulseGreen {
  0%, 100% {
    box-shadow: 0 8px 24px rgba(16, 185, 129, 0.25);
  }
  50% {
    box-shadow: 0 12px 32px rgba(16, 185, 129, 0.35);
  }
}

.icon-box {
  animation: pulseGreen 4s ease-in-out infinite !important;
}




/* FAQ列表容器 +（新增） */
.faq-list {
  margin: 0 !important;
  padding: 0 !important;
}

/* Q&A单元格 - 改为上下布局 改（修改） */
.cell,
.faq-item {
  display: block !important; /* 改为block，实现上下布局 */
  margin-bottom: 16px !important; /* 减少间距 */
  padding: 14px 20px !important; /* 减少padding */
  background: rgba(255, 255, 255, 0.8) !important;
  border-radius: 12px !important;
  border-left: 3px solid transparent !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 
    0 4px 12px rgba(16, 185, 129, 0.04),
    0 2px 6px rgba(0, 0, 0, 0.02) !important;
  position: relative !important;
  overflow: hidden !important;
}




/* Q&A内容优化 +（新增） */
.faq-item dt {
  margin-bottom: 12px !important; /* 增加问题和答案的间距 */
  line-height: 1.5 !important;
}

.faq-item dd {
  margin: 0 !important;
  padding-left: 0 !important;
  line-height: 1.6 !important;
  color: #6b7280 !important;
}

/* Q和A标记后添加冒号和间距 +（新增） */
.question-marker::after {
  content: "：" !important;
  margin-left: 4px !important;
  margin-right: 8px !important;
  color: #374151 !important;
  font-weight: 600 !important;
}

.answer-marker::after {
  content: "：" !important;
  margin-left: 4px !important;
  margin-right: 8px !important;
  color: #6b7280 !important;
  font-weight: 500 !important;
}

/* 简洁大气的标记样式 改（修改） */
.question-marker,
.answer-marker {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #374151 !important;
  background: none !important;
  border-radius: 0 !important;
  width: auto !important;
  height: auto !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.question-marker {
  color: #3b82f6 !important;
}

.answer-marker {
  color: #059669 !important;
}

/* 增加整体呼吸感 改（修改） */
.cell,
.faq-item {
  padding: 20px 24px !important; /* 增加内边距 */
  margin-bottom: 20px !important; /* 增加外边距 */
}



/* 套装推荐样式升级 - 应用插件风格 */
.bundle-recommendation {
    margin: 10px 0 !important;
    padding: 25px !important;
    background: #fff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
}

.bundle-recommendation__title {
    margin: 0 0 5px 0 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #333 !important;
    text-align: center !important;
}

/* 应用插件的卡片样式到我们的bundle-item */
.bundle-item {
    background: white !important;
    border: 2px solid #e9ecef !important;
    border-radius: 12px !important;
   
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    overflow: hidden !important;
}

.bundle-item:hover {
    border-color: #28a745 !important;
    box-shadow: 0 8px 25px rgba(40, 167, 69, 0.15) !important;
    transform: translateY(-3px) !important;
}

.bundle-item__checkbox {
    margin-right: 15px !important;
    width: 20px !important;
    height: 20px !important;
    accent-color: #28a745 !important;
}

.bundle-item__image {
    width: 70px !important;
    height: 70px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    margin-right: 15px !important;
}

.bundle-item__content {
    flex: 1 !important;
}


/* 应用插件的价格样式 */
.bundle-item__price-row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.bundle-item__price {
    font-size: 18px !important;
    font-weight: bold !important;
    color: #ff4444 !important;
}

.bundle-item__discount {
    background: #ff4444 !important;
    color: white !important;
    padding: 4px 8px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

/* 价格计算区域样式 */
.bundle-price-calculation {
    margin-top: 20px !important;
    padding: 20px !important;
    background: #f8f9fa !important;
    border-radius: 12px !important;
    border: 2px solid #e9ecef !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}

.bundle-add-to-cart {
    width: 100% !important;
    padding: 15px !important;
    background: #28a745 !important;
    color: white !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.bundle-add-to-cart:hover {
    background: #218838 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3) !important;
}





/* =================================
   购买保障完整样式 - 新增+
   ================================= */

/* 1. 主容器样式 - 新增+ */
.purchase-confidence {
  position: relative !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 15px !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important;
  margin: 20px 0 !important;
  background: #ffffff !important;
}

/* 2. 标题容器样式 - 新增+ */
.purchase-confidence header {
  background: linear-gradient(135deg, #28a745, #20c997) !important;
  width: 100% !important;
  padding: 18px 20px !important;
  margin: 0 !important;
  position: relative !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  border-radius: 15px 15px 0 0 !important;
}

/* 3. 标题文字样式 - 新增+ */
.purchase-confidence__title {
  color: white !important;
  margin: 0 !important;
  text-align: center !important;
  width: 100% !important;
  display: block !important;
  font-size: 22px !important;
  font-weight: bold !important;
  position: relative !important;
}

.purchase-confidence__title::after {
  content: '' !important;
  display: block !important;
  width: 60px !important;
  height: 3px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  margin: 8px auto 0 !important;
  border-radius: 2px !important;
}

/* 4. 保障列表容器 - 新增+ */
.purchase-confidence__list {
  padding: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  background: linear-gradient(135deg, #f8f9fa, #ffffff) !important;
}

/* 5. 单个保障项样式 - 新增+ */
.confidence-item {
  background: white !important;
  padding: 18px 20px !important;
  border-radius: 12px !important;
  border-left: 5px solid #28a745 !important;
  box-shadow: 0 3px 12px rgba(0,0,0,0.08) !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  position: relative !important;
  overflow: hidden !important;
}

/* 6. 保障项悬停效果 - 新增+ */
.confidence-item:hover {
  transform: translateX(8px) !important;
  box-shadow: 0 6px 20px rgba(40, 167, 69, 0.15) !important;
  border-left-color: #20c997 !important;
}

/* 7. 微动画效果 - 新增+ */
.confidence-item::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(40, 167, 69, 0.1), transparent) !important;
  transition: left 0.6s ease !important;
}

.confidence-item:hover::before {
  left: 100% !important;
}

/* 8. 图标样式 - 新增+ */
.confidence-item__icon {
  flex-shrink: 0 !important;
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 24px !important;
  background: linear-gradient(135deg, #28a745, #20c997) !important;
  border-radius: 50% !important;
  padding: 4px !important;
  filter: drop-shadow(0 3px 6px rgba(40, 167, 69, 0.4)) !important;
}

/* 9. 内容区域样式 - 新增+ */
.confidence-item__content {
  flex: 1 !important;
  line-height: 1.4 !important;
  color: #2c3e50 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
}

/* 10. 保障项标题样式 - 新增+ */
.confidence-item__title {
  font-weight: bold !important;
  color: #1a252f !important;
  font-size: 16px !important;
  margin: 0 !important;
}

/* 11. 保障项描述样式 - 新增+ */
.confidence-item__description {
  color: #6c757d !important;
  font-size: 14px !important;
  font-weight: normal !important;
  margin: 0 !important;
}

/* =================================
   移动端适配 - 新增+
   ================================= */

/* 平板端适配 */
@media (max-width: 768px) {
  .purchase-confidence header {
    padding: 15px 18px !important;
  }
  
  .purchase-confidence__title {
    font-size: 20px !important;
  }
  
  .purchase-confidence__list {
    padding: 15px !important;
    gap: 10px !important;
  }
  
  .confidence-item {
    padding: 15px 18px !important;
    gap: 12px !important;
  }
  
  .confidence-item__title {
    font-size: 15px !important;
  }
  
  .confidence-item__description {
    font-size: 13px !important;
  }
  
  .confidence-item__icon {
    width: 28px !important;
    height: 28px !important;
    font-size: 20px !important;
  }
}

/* 手机端适配 */
@media (max-width: 480px) {
  .purchase-confidence {
    margin: 15px 0 !important;
  }
  
  .purchase-confidence header {
    padding: 12px 15px !important;
  }
  
  .purchase-confidence__title {
    font-size: 18px !important;
  }
  
  .purchase-confidence__list {
    padding: 12px !important;
    gap: 8px !important;
  }
  
  .confidence-item {
    padding: 12px 15px !important;
    gap: 10px !important;
  }
  
  .confidence-item__title {
    font-size: 14px !important;
  }
  
  .confidence-item__description {
    font-size: 12px !important;
  }
  
  .confidence-item__icon {
    width: 24px !important;
    height: 24px !important;
    font-size: 18px !important;
  }
}











/* 为第三个块手动添加装饰线（不依赖任何现有样式） */
.urgency-item.urgency-item--activity .urgency-item__content {
  position: relative !important; /* 父容器相对定位 */
  
}

.urgency-item.urgency-item--activity .urgency-item__content::before,
.urgency-item.urgency-item--activity .urgency-item__content::after {
  content: "" !important;
  position: absolute !important; /* 绝对定位绘制装饰线 */
  top: 50% !important; /* 垂直居中 */
  width: 100px !important; /* 装饰线宽度 */
  height: 1px !important; /* 装饰线高度 */
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .6), transparent) !important; /* 渐变样式 */
  display: block !important;
  opacity: 1 !important;
}

/* 左边装饰线定位 */
.urgency-item.urgency-item--activity .urgency-item__content::before {
  left: 0 !important; /* 靠左 */
  transform: translateY(-50%) !important;
}

/* 右边装饰线定位 */
.urgency-item.urgency-item--activity .urgency-item__content::after {
  right: 0 !important; /* 靠右 */
  transform: translateY(-50%) !important;
}





























/* PC端一行显示4个产品 - 高优先级样式 */
.related-products-section .products-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  margin-bottom: 40px !important;
}

/* 产品卡片尺寸优化 */
.related-products-section .product-card {
  background: white !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  position: relative !important;
  display: block !important;
  min-width: 0 !important; /* 防止内容溢出 */
}

/* 图片区域优化 */
.related-products-section .product-image {
  position: relative !important;
  overflow: hidden !important;
  aspect-ratio: 1 !important;
  width: 100% !important;
}

/* 产品信息区域优化 */
.related-products-section .product-info {
  padding: 16px !important;
}

/* 产品标题字体调整 */
.related-products-section .product-title {
  margin: 0 0 10px 0 !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
  height: 36px !important; /* 固定高度，保持对齐 */
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

/* 价格区域优化 */
.related-products-section .product-price {
  margin-bottom: 6px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.related-products-section .current-price {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #4CAF50 !important;
}

.related-products-section .original-price {
  font-size: 12px !important;
  color: #999 !important;
  text-decoration: line-through !important;
}

/* 确保容器最大宽度 */
.related-products-section .container {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

/* 平板适配 */
@media (max-width: 1024px) and (min-width: 769px) {
  .related-products-section .products-grid {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
  }
  
  .related-products-section .product-info {
    padding: 14px !important;
  }
}

/* 移动端保持原有布局 */
@media (max-width: 768px) {
  .related-products-section .products-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
}







/* PC端一行显示4个产品 - 高优先级样式 */
.related-products-section .products-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  margin-bottom: 40px !important;
}

/* 产品卡片尺寸优化 */
.related-products-section .product-card {
  background: white !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  position: relative !important;
  display: block !important;
  min-width: 0 !important; /* 防止内容溢出 */
}

/* 图片区域优化 */
.related-products-section .product-image {
  position: relative !important;
  overflow: hidden !important;
  aspect-ratio: 1 !important;
  width: 100% !important;
}

/* 产品信息区域优化 */
.related-products-section .product-info {
  padding: 16px !important;
}

/* 产品标题字体调整 */
.related-products-section .product-title {
  margin: 0 0 10px 0 !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
  height: 36px !important; /* 固定高度，保持对齐 */
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

/* 价格区域优化 */
.related-products-section .product-price {
  margin-bottom: 6px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.related-products-section .current-price {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #4CAF50 !important;
}

.related-products-section .original-price {
  font-size: 12px !important;
  color: #999 !important;
  text-decoration: line-through !important;
}

/* 确保容器最大宽度 */
.related-products-section .container {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

/* 平板适配 */
@media (max-width: 1024px) and (min-width: 769px) {
  .related-products-section .products-grid {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
  }
  
  .related-products-section .product-info {
    padding: 14px !important;
  }
}

/* 移动端保持原有布局 */
@media (max-width: 768px) {
  .related-products-section .products-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
}


/* 产品标题链接样式优化 */
.related-products-section .product-title a {
  color: #333 !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
  display: block !important;
}

.related-products-section .product-title a:hover {
  color: #4CAF50 !important;
  text-decoration: none !important;
}

.related-products-section .product-title a:visited {
  color: #333 !important;
}

.related-products-section .product-title a:focus {
  color: #4CAF50 !important;
  outline: none !important;
}

/* 底部查看更多链接样式 */
.related-products-section .btn-secondary {
  display: inline-block !important;
  padding: 12px 24px !important;
  background: transparent !important;
  border: 2px solid #4CAF50 !important;
  color: #4CAF50 !important;
  text-decoration: none !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
}

.related-products-section .btn-secondary:hover {
  background: #4CAF50 !important;
  color: white !important;
  text-decoration: none !important;
}

.related-products-section .btn-secondary:visited {
  color: #4CAF50 !important;
}









/* 相关产品推荐版块 - 高优先级样式 */
.related-products-section {
  padding: 60px 0 !important;
  background-color: #fafafa !important;
  margin: 40px 0 !important;
  clear: both !important;
}

.related-products-section .container {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.related-products-section .section-title {
  text-align: center !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #333 !important;
  margin-bottom: 8px !important;
  line-height: 1.2 !important;
}

.related-products-section .section-subtitle {
  text-align: center !important;
  color: #666 !important;
  font-size: 16px !important;
  margin-bottom: 40px !important;
  line-height: 1.4 !important;
}

.related-products-section .products-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 24px !important;
  margin-bottom: 40px !important;
}

.related-products-section .product-card {
  background: white !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  position: relative !important;
  display: block !important;
}

.related-products-section .product-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 25px rgba(0,0,0,0.12) !important;
}

.related-products-section .product-image {
  position: relative !important;
  overflow: hidden !important;
  aspect-ratio: 1 !important;
  width: 100% !important;
}

.related-products-section .product-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.3s ease !important;
  display: block !important;
}

.related-products-section .product-card:hover .product-image img {
  transform: scale(1.05) !important;
}

.related-products-section .product-badge {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  background: #ff4757 !important;
  color: white !important;
  padding: 4px 8px !important;
  border-radius: 4px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  z-index: 2 !important;
}

.related-products-section .product-info {
  padding: 20px !important;
}

.related-products-section .product-title {
  margin: 0 0 12px 0 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
}

.related-products-section .product-title a {
  color: #333 !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
  display: block !important;
}

.related-products-section .product-title a:hover {
  color: #4CAF50 !important;
}

.related-products-section .product-price {
  margin-bottom: 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.related-products-section .current-price {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #4CAF50 !important;
}

.related-products-section .original-price {
  font-size: 14px !important;
  color: #999 !important;
  text-decoration: line-through !important;
}

.related-products-section .product-rating {
  font-size: 14px !important;
  color: #666 !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.related-products-section .view-all-btn {
  text-align: center !important;
}

.related-products-section .btn-secondary {
  display: inline-block !important;
  padding: 12px 24px !important;
  background: transparent !important;
  border: 2px solid #4CAF50 !important;
  color: #4CAF50 !important;
  text-decoration: none !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
}

.related-products-section .btn-secondary:hover {
  background: #4CAF50 !important;
  color: white !important;
}

/* 移动端适配 - 高优先级 */
@media (max-width: 768px) {
  .related-products-section {
    padding: 40px 0 !important;
  }
  
  .related-products-section .container {
    padding: 0 16px !important;
  }
  
  .related-products-section .products-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
  
  .related-products-section .section-title {
    font-size: 24px !important;
  }
  
  .related-products-section .product-info {
    padding: 16px !important;
  }
  
  .related-products-section .product-title {
    font-size: 14px !important;
  }
  
  .related-products-section .current-price {
    font-size: 16px !important;
  }
}

@media (max-width: 480px) {
  .related-products-section .products-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  
  .related-products-section .product-card {
    max-width: 320px !important;
    margin: 0 auto !important;
  }
}

/* 超小屏幕优化 */
@media (max-width: 360px) {
  .related-products-section .container {
    padding: 0 12px !important;
  }
  
  .related-products-section .section-title {
    font-size: 20px !important;
  }
  
  .related-products-section .section-subtitle {
    font-size: 14px !important;
  }
}






.hot-selling { color: #e53e3e !important; }
.trending { color: #d69e2e !important; }
.popular { color: #3182ce !important; }
.featured { color: #38a169 !important; }


















/* 超级武器 - 专门对抗DAWN */
.product-form .conversion-optimized-rating,
.product__info .conversion-optimized-rating,
.product .conversion-optimized-rating {
    background: linear-gradient(135deg, #fff5f5 0%, #fed7d7 100%) !important;
    border: 2px solid #fc8181 !important;
    border-radius: 15px !important;
    padding: 18px !important;
    margin: 15px 0 !important;
    text-align: center !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 999 !important;
}

.product-form .rating-main-score,
.product__info .rating-main-score,
.product .rating-main-score {
    font-size: 22px !important;
    margin-bottom: 10px !important;
    font-weight: bold !important;
    position: relative !important;
    z-index: 2 !important;
}

.product-form .rating-score-highlight,
.product__info .rating-score-highlight,
.product .rating-score-highlight {
    color: #e53e3e !important;
    font-size: 24px !important;
}

/* 其他样式也都加上 !important 和 DAWN 的选择器前缀 */










/* 🎯 完整简洁大气版 - 实战经验精华 */

/* 主容器 +（新增） */
.comparison-section-header {
  text-align: center;
      padding: 40px 20px 10px;
  position: relative;
  background: #fafafa;

  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

/* 🏆 主标题 - 简洁大气 改（修改） */
.section-title {
  font-size: clamp(28px, 5vw, 40px);
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 16px 0;
  letter-spacing: -0.3px;
  line-height: 1.2;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* 金杯emoji优化 +（新增） */
.section-title::first-letter {
  font-size: 1.1em;
  margin-right: 0.1em;
  filter: brightness(1.2) saturate(1.3);
}

/* 📝 副标题 - 优雅简约 改（修改） */
.section-subtitle {
  font-size: clamp(16px, 3vw, 18px);
  font-weight: 400;
  color: #666666;
  margin: 0 0 24px 0;
  letter-spacing: 0.3px;
  line-height: 1.5;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

/* 💎 分割线 - 精致简洁 改（修改） */
.title-divider {
  width: 80px;
  height: 3px;
  margin: 0 auto;
  background: linear-gradient(90deg, transparent, #333333, transparent);
  border-radius: 2px;
}

/* 🎭 悬停效果 +（新增） */
.section-title:hover {
  color: #000000;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.section-subtitle:hover {
  color: #555555;
  transition: all 0.3s ease;
}

.comparison-section-header:hover .title-divider {
  width: 100px;
  background: linear-gradient(90deg, transparent, #000000, transparent);
  transition: all 0.4s ease;
}

/* 🎊 入场动画 - 简洁流畅 +（新增） */
.comparison-section-header {
  animation: fadeInUp 0.6s ease-out;
}

.section-title {
  animation: slideIn 0.5s ease-out 0.1s both;
}

.section-subtitle {
  animation: slideIn 0.5s ease-out 0.2s both;
}

.title-divider {
  animation: expandIn 0.4s ease-out 0.4s both;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes expandIn {
  from {
    width: 0;
    opacity: 0;
  }
  to {
    width: 80px;
    opacity: 1;
  }
}

/* 📱 移动端优化 +（新增） */
@media (max-width: 768px) {
  .comparison-section-header {
    padding: 40px 15px 35px;
 
    border-radius: 12px;
  }
  
  .section-title {
    font-size: clamp(24px, 6vw, 32px);
    margin-bottom: 12px;
  }
  
  .section-subtitle {
    font-size: clamp(14px, 4vw, 16px);
    margin-bottom: 20px;
    padding: 0 10px;
  }
  
  .title-divider {
    width: 60px;
    height: 2px;
  }
  
  .comparison-section-header:hover .title-divider {
    width: 80px;
  }
}

/* 🌟 高端细节 +（新增） */
.comparison-section-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0,0,0,0.1), transparent);
}

/* 🎨 深色模式支持 +（新增） */
@media (prefers-color-scheme: dark) {
  .comparison-section-header {
    background: #1a1a1a;
    box-shadow: 0 4px 20px rgba(255, 255, 255, 0.05);
  }
  
  .section-title {
    color: #ffffff;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.05);
  }
  
  .section-subtitle {
    color: #cccccc;
  }
  
  .title-divider {
    background: linear-gradient(90deg, transparent, #ffffff, transparent);
  }
  
  .comparison-section-header:hover .title-divider {
    background: linear-gradient(90deg, transparent, #ffffff, transparent);
  }
}




/* 🎯 完整鼠标悬停效果补充 +（新增） */

/* 🏆 主标题悬停效果增强 改（修改） */
.section-title {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: default;
  position: relative;
}

.section-title:hover {
  color: #000000;
  transform: translateY(-2px) scale(1.02);
  text-shadow: 
    0 2px 4px rgba(0, 0, 0, 0.1),
    0 4px 8px rgba(0, 0, 0, 0.05);
}

/* 主标题悬停光晕效果 +（新增） */
.section-title::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: radial-gradient(circle, rgba(0, 0, 0, 0.03) 0%, transparent 70%);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
  z-index: -1;
  pointer-events: none;
}

.section-title:hover::after {
  width: 120%;
  height: 80px;
}

/* 📝 副标题悬停效果增强 改（修改） */
.section-subtitle {
  transition: all 0.3s ease;
  cursor: default;
}

.section-subtitle:hover {
  color: #444444;
  transform: translateY(-1px);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* 💎 分割线悬停效果增强 改（修改） */
.title-divider {
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

/* 分割线悬停扩展效果 */
.comparison-section-header:hover .title-divider {
  width: 120px;
  height: 4px;
  background: linear-gradient(90deg, 
    transparent 0%, 
    #222222 20%, 
    #000000 50%, 
    #222222 80%, 
    transparent 100%);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* 分割线流光效果 +（新增） */
.title-divider::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(255, 255, 255, 0.4), 
    transparent);
  transition: left 0.6s ease;
}

.comparison-section-header:hover .title-divider::before {
  left: 100%;
}

/* 🎭 整体容器悬停效果 +（新增） */
.comparison-section-header {
  transition: all 0.4s ease;
  cursor: default;
}

.comparison-section-header:hover {
  transform: translateY(-3px);
  box-shadow: 
    0 8px 30px rgba(0, 0, 0, 0.08),
    0 4px 15px rgba(0, 0, 0, 0.05);
  background: #ffffff;
}

/* 容器悬停时的边框光效 +（新增） */
.comparison-section-header::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 16px;
  padding: 1px;
  background: linear-gradient(45deg, 
    transparent 0%, 
    rgba(0, 0, 0, 0.1) 50%, 
    transparent 100%);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}

.comparison-section-header:hover::after {
  opacity: 1;
}

/* 🌟 金杯emoji悬停特效 +（新增） */
.section-title::first-letter {
  transition: all 0.3s ease;
  display: inline-block;
}

.section-title:hover::first-letter {
  transform: scale(1.1) rotate(5deg);
  filter: brightness(1.3) saturate(1.5);
}

/* 🎨 悬停时的微妙动画 +（新增） */
@keyframes gentlePulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.8; }
}

.comparison-section-header:hover .section-subtitle {
  animation: gentlePulse 2s ease-in-out infinite;
}

/* 📱 移动端悬停优化 +（新增） */
@media (max-width: 768px) {
  /* 移动端减少悬停效果，避免触摸问题 */
  .section-title:hover {
    transform: translateY(-1px) scale(1.01);
  }
  
  .comparison-section-header:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
  }
  
  .comparison-section-header:hover .title-divider {
    width: 100px;
  }
}

/* 🎯 触摸设备优化 +（新增） */
@media (hover: none) and (pointer: coarse) {
  /* 触摸设备上禁用复杂悬停效果 */
  .section-title:hover,
  .section-subtitle:hover,
  .comparison-section-header:hover {
    transform: none;
  }
  
  .comparison-section-header:hover .title-divider {
    width: 80px;
  }
}

/* 🌙 深色模式悬停效果 +（新增） */
@media (prefers-color-scheme: dark) {
  .section-title:hover {
    color: #ffffff;
    text-shadow: 
      0 2px 4px rgba(255, 255, 255, 0.1),
      0 4px 8px rgba(255, 255, 255, 0.05);
  }
  
  .section-subtitle:hover {
    color: #eeeeee;
  }
  
  .comparison-section-header:hover {
    background: #222222;
    box-shadow: 
      0 8px 30px rgba(255, 255, 255, 0.08),
      0 4px 15px rgba(255, 255, 255, 0.05);
  }
  
  .comparison-section-header:hover .title-divider {
    background: linear-gradient(90deg, 
      transparent 0%, 
      #dddddd 20%, 
      #ffffff 50%, 
      #dddddd 80%, 
      transparent 100%);
    box-shadow: 0 2px 8px rgba(255, 255, 255, 0.1);
  }
}

/* 🎊 悬停状态切换动画 +（新增） */
.comparison-section-header {
  --hover-scale: 1;
  transform: scale(var(--hover-scale)) translateY(0);
}

.comparison-section-header:hover {
  --hover-scale: 1.005;
  transform: scale(var(--hover-scale)) translateY(-3px);
}















/* 🎯 简洁高端版 - 保证浏览器兼容性 */

/* 🏗️ 主容器简化升华 改（修改） */
.product-comparison-merged-section {
  position: absolute;
  left: 20px;
  width: calc(65vw - 20px);
  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
  z-index: 999;
  margin: 0;
  padding: 30px 0;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}

/* 🎯 对比组卡片简化 改（修改） */
.comparison-group {
  margin-bottom: 30px;
  background: white;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  border: 1px solid #f0f0f0;
  transition: all 0.3s ease;
}

/* 简洁的顶部装饰条 改（修改） */
.comparison-group::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #ff6b6b, #4ecdc4, #feca57);
}

/* 🖼️ 图片容器简化 +（新增） */
.comparison-images {
  padding: 20px;
  background: #fafafa;
  display: flex;
  gap: 15px;
  justify-content: center;
  flex-wrap: wrap;
}

/* 📸 图片样式简化 改（修改） */
.comparison-img {
  max-width: 300px;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  border: 2px solid white;
  transition: all 0.3s ease;
  filter: brightness(1.02) contrast(1.05);
}

/* 🎭 描述区域简化 改（修改） */
.comparison-descriptions-row {
  display: flex;
  background: white;
  border-top: 1px solid #f0f0f0;
}

.description-item {
  flex: 1;
  padding: 25px 20px;
  text-align: left;
  border-right: 1px solid #f0f0f0;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
}

.description-item:last-child {
  border-right: none;
}

/* 🎨 图标简化 改（修改） */
.problem-icon,
.solution-icon,
.proof-icon {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  line-height: 45px;
  font-size: 18px;
  margin-right: 15px;
  font-weight: bold;
  color: white;
  transition: transform 0.3s ease;
  flex-shrink: 0;
}

.problem-icon {
  background: linear-gradient(135deg, #ff6b6b, #ee5a52);
}

.solution-icon {
  background: linear-gradient(135deg, #4ecdc4, #44a08d);
}

.proof-icon {
  background: linear-gradient(135deg, #feca57, #ff9ff3);
}

/* 📝 文字样式 改（修改） */
.description-item p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  color: #333;
  letter-spacing: 0.3px;
}

/* 🎊 悬停效果简化 改（修改） */
.comparison-group:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}

.comparison-group:hover .comparison-img {
  transform: scale(1.03);
  filter: brightness(1.05) contrast(1.08);
}

.description-item:hover {
  background: #f8f9fa;
}

.description-item:hover .problem-icon,
.description-item:hover .solution-icon,
.description-item:hover .proof-icon {
  transform: scale(1.1);
}

/* 🎭 简洁入场动画 改（修改） */
@media (prefers-reduced-motion: no-preference) {
  .comparison-group {
    animation: fadeInUp 0.6s ease-out forwards;
    opacity: 0;
    transform: translateY(20px);
  }
  
  .comparison-group:nth-child(1) { animation-delay: 0.1s; }
  .comparison-group:nth-child(2) { animation-delay: 0.2s; }
  .comparison-group:nth-child(3) { animation-delay: 0.3s; }
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 📱 移动端简化 改（修改） */
@media (max-width: 768px) {
  .product-comparison-merged-section {
    position: relative;
    left: 0;
    width: 100%;
    padding: 20px 0;
    border-radius: 12px;
  }
  
  .comparison-merged-container {
    padding: 0 15px;
  }
  
  .comparison-images {
    padding: 15px;
    gap: 10px;
  }
  
  .comparison-img {
    max-width: 280px;
    border-radius: 8px;
  }
  
  .comparison-descriptions-row {
    flex-direction: column;
    padding: 20px;
    gap: 10px;
  }
  
  .description-item {
    padding: 12px 0;
    border: none;
  }
  
  .problem-icon,
  .solution-icon,
  .proof-icon {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    margin-right: 12px;
  }
  
  .description-item p {
    font-size: 13px;
  }
}








/* 🌟 动态精选用户见证样式 */

/* 主容器 +（新增） */
.selected-reviews-container {
  background: linear-gradient(135deg, #f8fffe 0%, #ffffff 100%);
  border-radius: 16px;
  padding: 25px;
  margin-top: 20px;
  box-shadow: 0 4px 20px rgba(16, 185, 129, 0.08);
  border: 1px solid rgba(16, 185, 129, 0.1);
  position: relative;
  overflow: hidden;
}

/* 容器装饰效果 +（新增） */
.selected-reviews-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #10b981, #059669, #047857);
}

/* 标题区域 +（新增） */
.reviews-header {
  margin-bottom: 20px;
  text-align: center;
}

.reviews-header h3 {
  font-size: 18px;
  font-weight: 700;
  color: #065f46;
  margin: 0 0 5px 0;
  letter-spacing: -0.3px;
}

.reviews-count {
  font-size: 12px;
  color: #6b7280;
  font-weight: 500;
}

/* 评论列表容器 +（新增） */
.selected-reviews-list {
  min-height: 200px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

/* 单条评论样式 +（新增） */
.review-item {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 12px;
  padding: 22px;
  border-left: 4px solid #10b981;
  transition: all 0.3s ease;
  position: relative;
  animation: fadeInUp 0.5s ease-out;
}

.review-item:hover {
  transform: translateX(3px);
  box-shadow: 0 4px 15px rgba(16, 185, 129, 0.1);
  background: rgba(255, 255, 255, 1);
}

/* 评论星级 +（新增） */
.review-stars {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  gap: 5px;
}

.stars {
  color: #fbbf24;
  font-size: 14px;
  letter-spacing: 1px;
}

.review-date {
  font-size: 11px;
  color: #9ca3af;
  font-weight: 500;
}

/* 评论内容 +（新增） */
.review-content {
  font-size: 14px;
  line-height: 1.6;
  color: #374151;
  margin-bottom: 10px;
  font-weight: 500;
}

/* 评论者信息 +（新增） */
.reviewer-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  color: #6b7280;
}

.reviewer-name {
  font-weight: 600;
  color: #10b981;
}

.verified-badge {
  background: #dcfce7;
  color: #166534;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 10px;
  font-weight: 600;
}

/* 加载状态 +（新增） */
.review-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  color: #6b7280;
}

.loading-spinner {
  width: 24px;
  height: 24px;
  border: 2px solid #e5e7eb;
  border-top: 2px solid #10b981;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-bottom: 10px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* 底部链接 +（新增） */
.reviews-footer {
  text-align: center;
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid rgba(16, 185, 129, 0.1);
}

.view-all-link {
  color: #10b981;
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.view-all-link:hover {
  color: #047857;
  text-decoration: underline;
}

/* 入场动画 +（新增） */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 📱 移动端优化 +（新增） */
@media (max-width: 768px) {
  .selected-reviews-container {
    padding: 20px 15px;
    margin-top: 15px;
    border-radius: 12px;
  }
  
  .reviews-header h3 {
    font-size: 16px;
  }
  
  .review-item {
    padding: 15px;
  }
  
  .review-content {
    font-size: 13px;
  }
}






/* 🔧 JS兼容性修复 +（新增） */
.selected-review-item {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 12px;
  padding: 18px;
  border-left: 4px solid #10b981;
  transition: all 0.3s ease;
  position: relative;
  animation: fadeInUp 0.5s ease-out;
}

.selected-review-item:hover {
  transform: translateX(3px);
  box-shadow: 0 4px 15px rgba(16, 185, 129, 0.1);
  background: rgba(255, 255, 255, 1);
}

.selected-review-item .review-stars {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  gap: 5px;
}

.selected-review-item .review-content {
  font-size: 14px;
  line-height: 1.6;
  color: #374151;
  margin-bottom: 10px;
  font-weight: 500;
}

.selected-review-item .reviewer-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  color: #6b7280;
}













.breadcrumb {
  margin: 1rem 0;
  font-size: 0.875rem;
}
.breadcrumb a {
  color: #666;
  text-decoration: none;
}
.breadcrumb a:hover {
  text-decoration: underline;
}
















/* 产品包装展示区域 - 基础样式 */
.product-package-section {
  max-width: 1200px !important;
  margin: 3rem auto !important;
  padding: 3rem 2.5rem !important;
  background: linear-gradient(135deg, #fafbfc 0%, #ffffff 100%) !important;
  border-radius: 20px !important;
  box-shadow: 
    0 20px 40px rgba(0, 0, 0, 0.08),
    0 8px 16px rgba(0, 0, 0, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
}


/* 装饰背景元素（新增+） */
.product-package-section::before {
  content: '' !important;
  position: absolute !important;
  top: -50px !important;
  right: -50px !important;
  width: 200px !important;
  height: 200px !important;
  background: radial-gradient(circle, rgba(40, 167, 69, 0.08) 0%, transparent 70%) !important;
  border-radius: 50% !important;
  z-index: 0 !important;
}

/* 标题样式 */
.package-title {
  font-size: 2rem !important;
  font-weight: 800 !important;
  color: #2c3e50 !important;
  text-align: center !important;
  margin-bottom: 2.5rem !important;
  position: relative !important;
  z-index: 1 !important;
  letter-spacing: -0.02em !important;
}


.package-title::after {
  content: '' !important;
  position: absolute !important;
  bottom: -12px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 60px !important;
  height: 4px !important;
  background: linear-gradient(90deg, #28a745 0%, #20c997 100%) !important;
  border-radius: 2px !important;
  box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3) !important;
}











/* 内容区域左右布局 */
.package-content-wrapper {
  display: flex !important;
  gap: 50px !important;
  align-items: flex-start !important;
}

/* 图片容器 */
.package-image-container {
  flex: 0 0 420px !important;
  max-width: 420px !important;
}

.package-image-container img {
  width: 100% !important;
  height: auto !important;
  border-radius: 12px !important;
}

/* 文字内容区域 */
.package-contents-info {
  flex: 1 !important;
}

/* 列表样式 */
.package-items-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.package-items-list li {
  padding: 12px 0 !important;
  border-bottom: 1px solid #f0f0f0 !important;
}

/* 文字样式 - 数量和产品名称加粗绿色 */
.item-quantity-name {
  font-weight: 700 !important;
  color: #28a745 !important;
}

/* 描述文字 */
.item-description {
  color: #666 !important;
}


/* 数量部分红色 */
.item-quantity {
  color: #dc3545 !important;
  font-weight: 700 !important;
}



/* 描述部分灰色 */
.item-description {
  color: #666 !important;
}







/* 内容区域布局优化（修改改） */
.package-content-wrapper {
  display: flex !important;
  gap: 4rem !important;
  align-items: flex-start !important;
  position: relative !important;
  z-index: 1 !important;
}

/* 图片容器专业美化（修改改） */
.package-image-container {
  flex: 0 0 420px !important;
  max-width: 420px !important;
  position: relative !important;
  padding: 1rem !important;
  background: rgba(255, 255, 255, 0.6) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}



.package-image-container::before {
  content: '' !important;
  position: absolute !important;
  top: -2px !important;
  left: -2px !important;
  right: -2px !important;
  bottom: -2px !important;
  background: linear-gradient(45deg, #28a745, #20c997) !important;
  border-radius: 18px !important;
  z-index: -1 !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
}



.package-image-container:hover::before {
  opacity: 0.1 !important;
}

.package-image-container img {
  width: 100% !important;
  height: auto !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12) !important;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.package-image-container:hover img {
  transform: translateY(-4px) scale(1.02) !important;
}

/* 文字内容区域美化（修改改） */
.package-contents-info {
  flex: 1 !important;
  padding: 1rem 0 !important;
}


/* 列表容器美化（修改改） */
.package-items-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid !important;
  gap: 1rem !important;
}

/* 列表项专业卡片设计（修改改） */
.package-items-list li {
  padding: 1.25rem 1.5rem !important;
  background: rgba(255, 255, 255, 0.8) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-radius: 12px !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  backdrop-filter: blur(20px) !important;
  position: relative !important;
  overflow: hidden !important;
}


.package-items-list li::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 4px !important;
  background: linear-gradient(180deg, #28a745 0%, #20c997 100%) !important;
  transform: scaleY(0) !important;
  transform-origin: bottom !important;
  transition: transform 0.3s ease !important;
}


.package-items-list li:hover {
  transform: translateY(-2px) translateX(4px) !important;
  box-shadow: 0 8px 24px rgba(40, 167, 69, 0.12) !important;
  border-color: rgba(40, 167, 69, 0.2) !important;
  background: rgba(40, 167, 69, 0.02) !important;
}

.package-items-list li:hover::before {
  transform: scaleY(1) !important;
}



/* 文字样式精细化（修改改） */
.item-quantity {
  color: #dc3545 !important;
  font-weight: 700 !important;
  font-size: 2rem !important;
  text-shadow: 0 1px 2px rgba(220, 53, 69, 0.1) !important;
}

.item-name {

  font-weight: 700 !important;
  
  margin-left: 0.25rem !important;
  text-shadow: 0 1px 2px rgba(40, 167, 69, 0.1) !important;
}

.item-description {
  color: #6c757d !important;
  font-weight: 400 !important;
  
  line-height: 1.5 !important;
  margin-left: 0.25rem !important;
}





/* 响应式优化（修改改） */
@media (max-width: 1024px) {
  .product-package-section {
    padding: 2.5rem 2rem !important;
    margin: 2rem auto !important;
  }
  
  .package-content-wrapper {
    gap: 3rem !important;
  }
  
  .package-image-container {
    flex: 0 0 380px !important;
    max-width: 380px !important;
  }
}

@media (max-width: 768px) {
  .product-package-section {
    padding: 2rem 1.5rem !important;
    margin: 1.5rem auto !important;
  }
  
  .package-content-wrapper {
    flex-direction: column !important;
    gap: 2rem !important;
  }
  
  .package-image-container {
    flex: none !important;
    max-width: 100% !important;
    align-self: center !important;
  }
  
  .package-title {
    font-size: 1.75rem !important;
  }
  
  .package-items-list li {
    padding: 1rem 1.25rem !important;
  }
}
















.product-specs-section {
  max-width: 1220px !important;
  margin: 40px auto !important;
  padding: 40px 30px !important;
  background: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
  border: 1px solid #f0f0f0 !important;
}

.product-specs-section .specs-main-title {
  font-size: 28px !important;
  margin-bottom: 30px !important;
  font-weight: 700 !important;
  color: #1b1b1b !important;
  text-align: center !important;
  padding-bottom: 15px !important;
  border-bottom: 2px solid #f5f5f5 !important;
  position: relative !important;

  padding-bottom: 0 !important;
    border-bottom: none !important;
}

.product-specs-section .specs-main-title::after {
  content: '' !important;
  position: absolute !important;
  bottom: -2px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 60px !important;
  height: 2px !important;
  background: linear-gradient(135deg, #7dd87d, #4a9b4a) !important;
}

.product-specs-section .specs-content {
  color: #1b1b1b !important;
}

.product-specs-section .specs-content .content {
  display: flex !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
  margin-left: -50px !important;
  list-style: none !important;
  padding: 0 !important;
}

.product-specs-section .specs-content .content li {
  margin-left: 50px !important;
  padding: 25px 15px 20px 0 !important;
  border-bottom: 1px dashed #e0e0e0 !important;
  list-style: none !important;
  width: calc(50% - 50px) !important;
  position: relative !important;
  transition: all 0.3s ease !important;
}

.product-specs-section .specs-content .content li:hover {
  background: rgba(77, 155, 74, 0.02) !important;
  border-radius: 8px !important;
  transform: translateY(-2px) !important;
}

.product-specs-section .specs-content .span-label {
  margin-bottom: 10px !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  color: #333 !important;
  letter-spacing: 0.5px !important;
}

.product-specs-section .specs-content span {
  color: #666 !important;
  font-size: 14px !important;
  display: inline-block !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

/* 普通加粗关键词 - 深色 */
.product-specs-section .spec-highlight {
  font-weight: 600 !important;
  color: #333 !important;
}

/* 重要关键词 - 绿色 */
.product-specs-section .spec-highlight.primary {
  font-weight: 600 !important;
  color: #4a9b4a !important;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .product-specs-section {
    margin: 20px 15px !important;
    padding: 25px 20px !important;
  }
  
  .product-specs-section .specs-content .content {
    margin-left: 0 !important;
  }
  
  .product-specs-section .specs-content .content li {
    width: 100% !important;
    margin-left: 0 !important;
  }
  
  .product-specs-section .specs-main-title {
    font-size: 24px !important;
  }
}


/* 所有加粗关键词 - 只加粗，不改颜色 */
.product-specs-section .spec-highlight {
  font-weight: 600 !important;
  color: inherit !important; /* 继承父元素颜色，保持一致 */
}


@media (max-width: 768px) {
  .product-specs-section {
    margin: 20px 0 !important; /* 改为0左右边距 */
    padding: 25px 0 !important; /* 改为0左右内边距 */
    border-radius: 0 !important; /* 移除圆角保持一致 */
    box-shadow: none !important; /* 移除阴影保持一致 */
    border: none !important; /* 移除边框保持一致 */
  }
}










/* 套装推荐样式升级 - 完整精致版 */
/* PC端样式 - 修改 */
@media (min-width: 768px) {
    .bundle-recommendation {
        margin: 0 auto !important;
        padding: 15px 25px !important;
        background: linear-gradient(135deg, #ffffff, #fafbfc) !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 16px !important;
        box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
        position: relative !important;
        overflow: hidden !important;
       
        max-width: calc(100vw - 40px) !important;
    }
}

.bundle-recommendation::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, #28a745, #20c997, #28a745) !important;
}

/* H2和P的样式 - 补充遗漏部分 */
.bundle-promotion-beautiful {
    background: linear-gradient(135deg, #28a745, #20c997) !important; 
    color: white !important; 
    padding: 12px 0 !important; 
    border-radius: 12px !important; 
    text-align: center !important; 
  
    font-weight: 700 !important; 
    font-size: 15px !important; 
    box-shadow: 0 8px 25px rgba(40, 167, 69, 0.3) !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.bundle-promotion-beautiful .bundle-recommendation__title {
    margin-bottom: 6px !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3) !important; 
    line-height: 1.4 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: white !important;
}

.bundle-promotion-beautiful .bundle-subtitle {
  font-size: 1.18rem !important;
    color: rgba(255, 255, 255, 0.85) !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    opacity: 0.9 !important;
    margin: 0 !important;
    color: #000000 !important;
}

/* 精致化的卡片样式 - 减少padding */
.bundle-item {
    background: linear-gradient(135deg, #ffffff, #fafbfc) !important;
    border: 2px solid #e9ecef !important;
    border-radius: 16px !important;
    padding: 0 15px !important; /* 减少了padding */
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;
    margin-bottom: 0 !important; /* 减少间距 */
}

.bundle-item::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(40, 167, 69, 0.05), transparent) !important;
    transition: left 0.6s ease !important;
}

.bundle-item:hover::before {
    left: 100% !important;
}

.bundle-item:hover {
    border-color: #28a745 !important;
    box-shadow: 0 12px 35px rgba(40, 167, 69, 0.18) !important;
    transform: translateY(-4px) scale(1.02) !important;
    background: linear-gradient(135deg, #f8fff9, #ffffff) !important;
}

/* 选中状态的精美效果 */
.bundle-item.selected {
    border-color: #28a745 !important;
    background: linear-gradient(135deg, #f0fff4, #ffffff) !important;
    box-shadow: 0 8px 30px rgba(40, 167, 69, 0.25) !important;
    transform: scale(1.02) !important;
}

.bundle-item.selected::after {
    content: '✓' !important;
    position: absolute !important;
    top: 8px !important;
    right: 12px !important;
    width: 20px !important;
    height: 20px !important;
    background: #28a745 !important;
    color: white !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    font-weight: bold !important;
    animation: checkmark 0.3s ease !important;
}

@keyframes checkmark {
    0% { transform: scale(0) rotate(180deg); opacity: 0; }
    100% { transform: scale(1) rotate(0deg); opacity: 1; }
}

/* 精美的复选框 */
.bundle-item__checkbox {
    margin-right: 15px !important;
    width: 20px !important;
    height: 20px !important;
    accent-color: #28a745 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.bundle-item__checkbox:checked {
    transform: scale(1.15) !important;
    filter: drop-shadow(0 2px 4px rgba(40, 167, 69, 0.3)) !important;
}

/* 精致的产品图片 */
.bundle-item__image {
    width: 70px !important;
    height: 70px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    margin-right: 15px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
}

.bundle-item:hover .bundle-item__image {
    transform: scale(1.05) rotate(1deg) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15) !important;
}

.bundle-item__content {
    flex: 1 !important;
}

.bundle-item__title {
    font-weight: 600 !important;
    color: #2c3e50 !important;
    font-size: 14px !important;
    margin-bottom: 8px !important;
    line-height: 1.4 !important;
    transition: color 0.3s ease !important;
}

.bundle-item:hover .bundle-item__title {
    color: #28a745 !important;
}

/* 精美的价格区域 */
.bundle-item__price-row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.bundle-item__price {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #e74c3c !important;
    transition: all 0.3s ease !important;
    text-shadow: 0 1px 2px rgba(231, 76, 60, 0.1) !important;
}

.bundle-item:hover .bundle-item__price {
    transform: scale(1.05) !important;
    color: #c0392b !important;
}

.bundle-item__discount {
    background: linear-gradient(135deg, #ff4444, #e74c3c) !important;
    color: white !important;
    padding: 4px 10px !important;
    border-radius: 16px !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    box-shadow: 0 2px 8px rgba(255, 68, 68, 0.3) !important;
    transition: all 0.3s ease !important;
}

.bundle-item:hover .bundle-item__discount {
    transform: scale(1.05) !important;
    box-shadow: 0 4px 12px rgba(255, 68, 68, 0.4) !important;
}

/* 精美的价格计算区域 */
.bundle-price-calculation {
    margin-top: 20px !important;
    padding: 20px !important;
    background: linear-gradient(135deg, #f8f9fa, #ffffff) !important;
    border-radius: 16px !important;
    border: 2px solid #e9ecef !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08) !important;
    position: relative !important;
}

.bundle-price-calculation::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 2px !important;
    background: linear-gradient(90deg, #28a745, #20c997) !important;
    border-radius: 16px 16px 0 0 !important;
}

/* 精美的添加到购物车按钮 */
.bundle-add-to-cart {
    width: 100% !important;
    padding: 15px !important;
    background: linear-gradient(135deg, #28a745, #20c997) !important;
    color: white !important;
    border: none !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 6px 20px rgba(40, 167, 69, 0.3) !important;
}

.bundle-add-to-cart::before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 0 !important;
    height: 0 !important;
    background: rgba(255,255,255,0.2) !important;
    border-radius: 50% !important;
    transform: translate(-50%, -50%) !important;
    transition: width 0.6s ease, height 0.6s ease !important;
}

.bundle-add-to-cart:hover::before {
    width: 300px !important;
    height: 300px !important;
}

.bundle-add-to-cart:hover {
    background: linear-gradient(135deg, #218838, #1e7e34) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 35px rgba(40, 167, 69, 0.4) !important;
}

.bundle-add-to-cart:active {
    transform: translateY(-1px) !important;
}

/* 移动端优化 - 水平布局版本 */
@media (max-width: 768px) {
    .bundle-recommendation {
        margin: 8px 0 !important;
        padding: 20px 15px !important;
        border-radius: 12px !important;
    }
    
    .bundle-promotion-beautiful {
        font-size: 14px !important;
        padding: 10px 0 !important;
      
    }
    
    .bundle-promotion-beautiful .bundle-recommendation__title {
        font-size: 3rem !important;
    }
    
    .bundle-item {
        padding: 12px 15px !important;
        border-radius: 12px !important;
        margin-bottom: 10px !important;
        display: flex !important; /* 保持水平布局 */
        align-items: center !important;
        flex-direction: row !important; /* 确保水平排列 */
    }
    
    .bundle-item__checkbox {
        margin-right: 12px !important;
        width: 18px !important;
        height: 18px !important;
    }
    
    .bundle-item__image {
        width: 60px !important;
        height: 60px !important;
        margin-right: 12px !important;
        flex-shrink: 0 !important; /* 防止图片被压缩 */
    }
    
    .bundle-item__content {
        flex: 1 !important;
        min-width: 0 !important; /* 防止文字溢出 */
    }
    
    .bundle-item__title {
        font-size: 14px !important;
        margin-bottom: 6px !important;
        line-height: 1.3 !important;
    }
    
    .bundle-item__price-row {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        flex-wrap: wrap !important; /* 允许换行 */
    }
    
    .bundle-item__price {
        font-size: 16px !important;
    }
    
    .bundle-item__discount {
        font-size: 10px !important;
        padding: 3px 8px !important;
    }
    
    .bundle-price-calculation {
        padding: 15px !important;
        margin-top: 0 !important;
    }
    
    .bundle-add-to-cart {
        padding: 5px !important;
        font-size: 14px !important;
    }
}

@media (max-width: 480px) {
    .bundle-recommendation {
        padding: 15px 10px !important;
    }
    
    .bundle-promotion-beautiful {
        font-size: 13px !important;
        padding: 8px 0 !important;
        border-radius: 10px !important;
    }
    
    .bundle-item {
        padding: 10px 5px !important;
        display: flex !important; /* 保持水平布局 */
        align-items: center !important;
        flex-direction: row !important; /* 水平排列 */
    }
    
    .bundle-item__checkbox {
        margin-right: 10px !important;
        width: 16px !important;
        height: 16px !important;
    }
    
    .bundle-item__image {
        width: 66px !important;
        height: 66px !important;
        margin-right: 10px !important;
        flex-shrink: 0 !important;
    }
    
    .bundle-item__content {
        flex: 1 !important;
        min-width: 0 !important;
    }
    
    .bundle-item__title {
        font-size: 13px !important;
        line-height: 1.3 !important;
        margin-bottom: 4px !important;
    }
    
    .bundle-item__price-row {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        flex-wrap: wrap !important;
    }
    
    .bundle-item__price {
        font-size: 15px !important;
    }
    
    .bundle-item__discount {
        font-size: 9px !important;
        padding: 2px 6px !important;
    }
}



/* 修复绿色横幅和产品间距问题 */
.bundle-promotion-beautiful {
    background: linear-gradient(135deg, #28a745, #20c997) !important; 
    color: white !important; 
    padding: 12px 0 !important; 
    border-radius: 12px !important; 
    text-align: center !important; 
  
    font-weight: 700 !important; 
    font-size: 15px !important; 
    box-shadow: 0 8px 25px rgba(40, 167, 69, 0.3) !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

/* 如果上面还不够，可以给产品列表容器加上间距 */
.bundle-recommendation__list {
    margin-top: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}


















/* 数量选择区域 - 居中靠拢布局 */
.product-form__quantity {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important; /* 改为居中 */
    gap: 30px !important; /* 减少间距，让它们靠拢 */
   
    background: #fff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 12px !important;
   
}

/* 标签样式 - 居中左侧 */
.quantity__label {
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #333 !important;
    flex-shrink: 0 !important;
}

/* 数量选择器容器 - 居中右侧 */
.price-per-item__container {
    flex-shrink: 0 !important;
}

.quantity {
    display: flex !important;
    align-items: center !important;
    background: white !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.quantity__button {
    width: 40px !important;
    height: 40px !important;
    border: none !important;
    background: #f8f9fa !important;
    color: #28a745 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.quantity__button:hover:not(.disabled) {
    background: #28a745 !important;
    color: white !important;
}

.quantity__input {
    width: 50px !important;
    height: 40px !important;
    border: none !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    outline: none !important;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .product-form__quantity {
        gap: 20px !important; /* 移动端稍微减少间距 */
        padding: 15px !important;
    }
    
    .quantity__label {
        font-size: 14px !important;
    }
    
    .quantity__button {
        width: 35px !important;
        height: 35px !important;
    }
    
    .quantity__input {
        width: 45px !important;
        height: 35px !important;
        font-size: 14px !important;
    }
}



/* 与核心优势版块风格统一的精选评价样式 */
.selected-reviews-container .reviews-header h3 {
  font-size: 24px !important;
  font-weight: 600 !important;
  color: #333 !important;
  text-align: center !important;
  margin: 0 0 8px 0 !important;
  line-height: 1.4 !important;
}

.selected-reviews-container .reviews-header span.reviews-count {
  display: block !important;
  font-size: 14px !important;
  color: #666 !important;
  text-align: center !important;
  font-weight: 400 !important;
  margin-bottom: 20px !important;
}

.selected-reviews-container .reviews-header {
  padding-top: 25px !important;

}

/* 移动端适配 */
@media screen and (max-width: 749px) {
  .selected-reviews-container .reviews-header h3 {
    font-size: 20px !important;
    padding: 0 15px !important;
  }
  
  .selected-reviews-container .reviews-header span.reviews-count {
    font-size: 13px !important;
  }
}



.sticky-tabs-nav {
  transition: all 0.3s ease;
  background: white;
  padding: 8px 0; /* 降低高度 */
  margin-top:3.5rem;
}

.tabs-wrapper {
  display: flex;
  justify-content: space-between; /* 平均分布 */
  align-items: center;
  max-width: 600px; /* 控制最大宽度 */
  margin: 0 auto;
  padding: 0 40px; /* 增加左右间距 */
}

.tab-btn {
  flex: 1; /* 每个按钮占相等空间 */
  text-align: center;
  text-decoration: none;
  color: #666;
  padding: 8px 16px; /* 减少垂直padding */
  border-bottom: 2px solid transparent;
  transition: all 0.3s ease;
  font-size: 14px;
}

.tab-btn.active {
  color: #000;
  border-bottom-color: #000;
}

.tab-btn:hover {
  color: #333;
}





















/* ========================================
   右侧栏压缩优化 - 手术方案
   ======================================== */

/* 修复紧迫感营销区域间距问题 */
.urgency-marketing-section {
    margin: 0 15px 10px!important;
    padding: 0 !important;
}

.urgency-items-container {
    display: block !important; /* 改为block，不使用flex */
    margin: 0 !important;
    padding: 0 !important;
    gap: unset !important; /* 移除gap */
}

/* 恢复原有的urgency-item间距 */
.urgency-items-container .urgency-item {
    margin-bottom: 8px !important; /* 恢复原有间距 */
}

.urgency-items-container .urgency-item:last-child {
    margin-bottom: 0 !important; /* 最后一个不要底部间距 */
}











/* ========================================
   Bundle区域终极压缩优化 - 四重打击
   ======================================== */

/* 干掉H4标题的默认留白 */
.bundle-item__title {
 
    padding: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important; /* 只保留一点底部间距 */
    margin-top: 5px !important;
}

/* 如果还有问题，加上这个更强力的重置 */
.bundle-item h4,
.bundle-item h4.bundle-item__title {
   
    padding: 0 !important;
    margin-bottom: 5px !important;
     margin-top: 5px !important;

}

/* 确保父容器也没有多余间距 */
.bundle-item__content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

























/* ==================== 淘宝风格标签选择器样式 ==================== */

/* 变体选择器容器 */
.bundle-variant-selectors {
    margin-top: 8px !important;
}

/* 选项标签 */
.variant-option-label {
    font-size: 12px !important;
    color: #333 !important;
    font-weight: 600 !important;
    margin-bottom: 6px !important;
    display: block !important;
}

/* 标签容器 */
.variant-tags-container {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}



/* 悬停效果 */
.variant-tag-button:hover {
    border-color: #ff6b35 !important;
    background: #fff5f2 !important;
    color: #ff6b35 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(255, 107, 53, 0.15) !important;
}

/* 选中状态 */
.variant-tag-button.selected {
    border-color: #ff6b35 !important;
    background: linear-gradient(135deg, #ff6b35, #ff8c42) !important;
    color: white !important;
    font-weight: 600 !important;
    transform: scale(1.02) !important;
   
}



/* 选中状态的标记 */
.variant-tag-button.selected::after {
    content: '✓' !important;
    position: absolute !important;
    top: -2px !important;
    right: -2px !important;
    width: 16px !important;
    height: 16px !important;
    background: #28a745 !important;
    color: white !important;
    border-radius: 50% !important;
    font-size: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: bold !important;
    animation: checkmark-appear 0.3s ease !important;
}

/* 标记动画 */
@keyframes checkmark-appear {
    0% { 
        transform: scale(0) rotate(180deg); 
        opacity: 0; 
    }
    100% { 
        transform: scale(1) rotate(0deg); 
        opacity: 1; 
    }
}

/* 禁用状态 */
.variant-tag-button:disabled {
    border-color: #f0f0f0 !important;
    background: #f8f8f8 !important;
    color: #ccc !important;
    cursor: not-allowed !important;
    transform: none !important;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .variant-tag-button {
        padding: 5px 10px !important;
        font-size: 11px !important;
        min-width: 45px !important;
    }
    
    .variant-tags-container {
        gap: 4px !important;
    }
    
    .variant-option-label {
        font-size: 11px !important;
        margin-bottom: 4px !important;
    }
}

@media (max-width: 480px) {
    .variant-tag-button {
        padding: 4px 8px !important;
        font-size: 10px !important;
        min-width: 40px !important;
    }
    
    .variant-tags-container {
        gap: 3px !important;
    }
}

/* 特殊颜色标签样式（如果有颜色选项） */
.variant-tag-button[data-value*="Red"],
.variant-tag-button[data-value*="红"] {
    border-color: #dc3545 !important;
}

.variant-tag-button[data-value*="Red"].selected,
.variant-tag-button[data-value*="红"].selected {
    background: linear-gradient(135deg, #dc3545, #e74c3c) !important;
}

.variant-tag-button[data-value*="Blue"],
.variant-tag-button[data-value*="蓝"] {
    border-color: #007bff !important;
}

.variant-tag-button[data-value*="Blue"].selected,
.variant-tag-button[data-value*="蓝"].selected {
    background: linear-gradient(135deg, #007bff, #0056b3) !important;
}

.variant-tag-button[data-value*="Green"],
.variant-tag-button[data-value*="绿"] {
    border-color: #28a745 !important;
}

.variant-tag-button[data-value*="Green"].selected,
.variant-tag-button[data-value*="绿"].selected {
    background: linear-gradient(135deg, #28a745, #20c997) !important;
}








/* 精准狙击Bundle变体选择器 */
.bundle-variant-selectors {
    display: flex !important;
    flex-direction: column !important; /* 改为垂直排列 */
    gap: 4px !important;
    margin-top: 6px !important;
}

.bundle-variant-option {
    display: flex !important;
    align-items: center !important; /* 标签和选择器同行 */
    gap: 15px !important;
    flex: none !important; /* 取消flex:1 */
    min-width: auto !important;
}

.bundle-variant-option label {
    font-size: 11px !important;
    color: #666 !important;
    margin-bottom: 0 !important; /* 取消底部间距 */
    display: inline-block !important; /* 改为inline-block */
    min-width: 35px !important;
    flex-shrink: 0 !important;
}

.bundle-variant-dropdown {
    width: auto !important; /* 取消100%宽度 */
    flex: 1 !important;
    font-size: 11px !important;
    padding: 4px 10px !important;
    height: auto !important;
    border: 1.5px solid #ddd !important;
    border-radius: 4px !important;
}









/* Dawn 风格颜色选项卡 */
.variant-color-swatch {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(18, 18, 18, 0.15) !important;
    display: inline-block !important;
    margin: 7px 12px 2px 0 !important;
    cursor: pointer !important;
    outline: 1px solid transparent !important;
    outline-offset: 2px !important;
    transition: outline-color 0.1s ease !important;
    font-size: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    position: relative !important;
}

.variant-color-swatch.selected {
    outline-color: rgb(18, 18, 18) !important;
}





















/* 方法1：强制隐藏所有可能的对勾元素 */
.variant-color-swatch,
.variant-color-swatch * {
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    color: transparent !important;
    background-image: none !important;
}

/* 方法2：隐藏伪元素 */
.variant-color-swatch::before,
.variant-color-swatch::after {
    display: none !important;
    content: '' !important;
    visibility: hidden !important;
}

/* 方法3：用背景色覆盖 */
.variant-color-swatch {
    position: relative !important;
    overflow: hidden !important;
}

.variant-color-swatch::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: inherit !important;
    z-index: 10 !important;
}














/* 选中状态 - DAWN原生黑色风格 */
.bundle-recommendation .variant-tag-button:not(.dawn-color-swatch).selected,
.bundle-recommendation .variant-tag-button:not(.dawn-color-swatch)[data-selected="true"] {
    background: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}

/* 悬停效果 - DAWN原生风格 */
.bundle-recommendation .variant-tag-button:not(.dawn-color-swatch):hover {
    border-color: #6b7280 !important;
    background: #f9fafb !important;
}

.bundle-recommendation .variant-tag-button:not(.dawn-color-swatch).selected:hover {
    background: #1f2937 !important;
    border-color: #1f2937 !important;
}








/* 选中状态 - DAWN原生风格 */
.bundle-recommendation .variant-tag-button:not(.dawn-color-swatch).selected,
.bundle-recommendation .variant-tag-button:not(.dawn-color-swatch)[data-selected="true"] {
    background: #121212 !important;
    color: #ffffff !important;
    border-color: #121212 !important;
}

/* 🎯 强制移除对勾符号 */
.bundle-recommendation .variant-tag-button:not(.dawn-color-swatch)::before,
.bundle-recommendation .variant-tag-button:not(.dawn-color-swatch)::after {
    display: none !important;
}

.bundle-recommendation .variant-tag-button:not(.dawn-color-swatch) .checkmark,
.bundle-recommendation .variant-tag-button:not(.dawn-color-swatch) .tick,
.bundle-recommendation .variant-tag-button:not(.dawn-color-swatch) svg {
    display: none !important;
}

/* 悬停效果 */
.bundle-recommendation .variant-tag-button:not(.dawn-color-swatch):hover {
    border-color: #9ca3af !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}




/* 🎯 微妙精致风格 - 专业推荐方案 */
.bundle-item {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 12px;
    border: 1px solid #e5e7eb;
}

.bundle-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    border-color: #d1d5db;
}

/* 选中状态优化 */
.variant-tag-button.selected {
    background: linear-gradient(135deg, #1f2937, #374151) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}






/* 🎯 修正版 - 移除调试代码，使用正确布局 */
variant-selects[data-section*="main"] {
    display: flex !important;
    gap: 40px !important;
    align-items: flex-start !important;
    flex-wrap: wrap !important;
}

/* 🎯 确保所有fieldset都正常显示 */
variant-selects[data-section*="main"] fieldset {
    flex: 0 0 auto !important;
    margin-bottom: 0 !important;
    min-width: 150px !important;
    display: block !important;
}

/* 🎯 特别处理可能的隐藏问题 */
variant-selects[data-section*="main"] .product-form__input {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}































/* 新增+ 强制变体选择器并排布局 */
variant-selects {
 
  gap: 30px !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
}

variant-selects fieldset.product-form__input {
  flex: 0 0 auto !important;
  margin: 0 !important;
  min-width: 200px !important;
}

/* 新增+ 移动端响应式 */
@media screen and (max-width: 749px) {
  variant-selects {
    flex-direction: column !important;
    gap: 20px !important;
  }
}































@media screen and (max-width: 749px) {
  .mobile-gallery {

    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
  }
}


@media screen and (max-width: 749px) {
  .mobile-gallery-item img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important; /* 改：回到cover，填满容器 */
    padding: 0 !important; /* 改：移除所有边距 */
    margin: 0 !important;
    display: block !important;
  }
  

}












/* 移动端防溢出 - iOS友好版本 */
@media screen and (max-width: 749px) {
  /* 只限制水平溢出，保持垂直滚动 */
  html {
    overflow-x: hidden !important;
    /* 移除 overflow-y 限制 */
  }
  
  body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    /* 保持默认的垂直滚动 */
  }
  
  /* 容器级别的限制更温和 */
  .page-width {
    max-width: 100% !important;
    /* 移除 overflow-x: hidden */
  }
  
  /* 只对轮播图精准控制 */
  .mobile-gallery {
    max-width: 100vw !important;
    position: relative !important;
  }
}




/* 指示器大小微调 - 最终优化 */
@media screen and (max-width: 749px) {
  .mobile-indicators .indicator {
    width: 12px !important; /* 改：从10px增加到12px */
    height: 12px !important;
    margin: 0 6px !important; /* 改：间距也稍微增加 */
  }
  
  .mobile-indicators .indicator.active {
    transform: scale(1.2) !important; /* 改：激活状态稍微小一点缩放 */
  }
}





































/* 评论浮动样式 */
/* 悬浮球微呼吸动效（新增） */
@keyframes breathe {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25);
    }
    50% {
        transform: scale(1.12);
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
    }
}

.floating-review-btn {
    position: fixed !important;
    right: 20px !important;
    bottom: 120px !important;
    width: 48px !important;
    height: 48px !important;
    background: rgba(76, 175, 80, 1) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 50% !important;
    color: white !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25) !important;
    cursor: pointer !important;
    z-index: 999 !important;
    transition: all 0.3s ease !important;
    backdrop-filter: blur(8px) !important;
    animation: breathe 3s ease-in-out infinite !important;
}


/* 精致的文字样式 */
.floating-review-btn span {
  font-size: 13px !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3) !important; /* 文字阴影 */
  letter-spacing: 0.5px !important; /* 字间距 */
}

/* 滚动时保持边框 */
.floating-review-btn.scrolling {
  background: rgba(76, 175, 80, 0.15) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.2) !important;
}

/* 悬停效果 */
.floating-review-btn:hover {
  transform: scale(1.12) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important;
}









/* 移动端评论抽屉 - 独立样式，不影响其他内容（新增） */
.mobile-review-drawer {
  position: fixed;
  top: 0;
  right: -100%;
  height: 100vh;
  background: #ffffff;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
  z-index: 9999;
  transition: right 0.3s ease;
  overflow-y: auto;
}

.mobile-review-drawer.active {
  right: 0;
}

.mobile-review-header {
  padding: 20px;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}

.mobile-review-close {
  position: absolute;
  top: 15px;
  right: 15px;
  background: none;
  border: none;
  cursor: pointer;
}

.mobile-review-content {
  padding: 20px;
  height: calc(100vh - 80px);
  overflow-y: auto;
}

/* 移动端样式 */
@media screen and (max-width: 768px) {
  .mobile-review-drawer {
    width: 100% !important;
  }
  
  .mobile-review-content {
    padding: 15px 20px !important;
  }
}

/* PC端样式 */
@media screen and (min-width: 769px) {
  .mobile-review-drawer {
    width: 90%;
    max-width: 400px;
  }
}



/* 压缩移动端抽屉头部空间（修改） */
@media screen and (max-width: 768px) {
  .mobile-review-header {
    padding: 10px 20px !important; /* 从20px减少到10px */
    min-height: 40px !important; /* 限制最小高度 */
  }
  
  .mobile-review-header h4 {
    font-size: 16px !important; /* 减小字体 */
    margin: 0 !important; /* 移除默认margin */
    line-height: 1.2 !important;
  }
  
  .mobile-review-close {
    top: 8px !important; /* 调整关闭按钮位置 */
    right: 15px !important;
  }
}



/* 简单的空间压缩 - 保持原有布局（修改） */
@media screen and (max-width: 768px) {
  /* 压缩头部空间 */
  .mobile-review-header {
    padding: 8px 20px !important;
    min-height: 35px !important;
  }
  
  .mobile-review-header h4 {
    font-size: 14px !important;
    margin: 0 !important;
  }
  
  /* 只压缩评论间距，不改变布局 */
  .mobile-review-content .jdgm-rev {
    margin-bottom: 8px !important; /* 减少评论间距 */
    padding: 8px 0 !important; /* 减少内边距 */
  }
  
  /* 压缩评论头部的上下间距 */
  .mobile-review-content .jdgm-rev__header {
    margin-bottom: 6px !important;
  }
  
  /* 压缩评论内容的上边距 */
  .mobile-review-content .jdgm-rev__body {
    margin-top: 6px !important;
  }
  
  /* 调整内容区域高度 */
  .mobile-review-content {
    height: calc(100vh - 50px) !important;
    padding: 5px 20px 20px 20px !important;
  }
}









/* 移动端专用 - 统一抽屉顶部绿色背景 */
@media (max-width: 768px) {
    .mobile-review-header,
    .bundle-drawer .drawer-header,
    .bundle-drawer .drawer-top {
        background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%) !important;
        color: white !important;
        padding: 15px 15px !important;
        position: relative !important;
        border-radius: 12px 12px 0 0 !important;
    }

    .mobile-review-header h4,
    .bundle-drawer .drawer-title,
    .bundle-drawer h2,
    .bundle-drawer h3 {
        color: white !important;
        margin: 0 !important;
        font-weight: 600 !important;
        font-size: 18px !important;
    }
}

/* 移动端触摸设备 - 统一关闭按钮样式 */
@media (hover: none) and (pointer: coarse) and (max-width: 768px) {
    .mobile-review-close,
    .bundle-drawer .sidebar-close-btn {
        width: 36px !important;
        height: 36px !important;
        right: 12px !important;
    
        position: absolute !important;
        background: rgba(255, 255, 255, 0.9) !important;
        border: none !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transition: background-color 0.2s ease !important;
        cursor: pointer !important;
        z-index: 999 !important;
    }
}

@media (hover: none) and (pointer: coarse) and (max-width: 480px) {
    .mobile-review-close,
    .bundle-drawer .sidebar-close-btn {
        width: 38px !important;
        height: 38px !important;
        right: 13px !important;
    }
    
    .mobile-review-close svg,
    .bundle-drawer .sidebar-close-btn svg {
        width: 16px !important;
        height: 16px !important;
        stroke-width: 2.8 !important;
    }
}





/* 移动端触摸设备 - 统一关闭按钮样式（保持透明背景+白色边框） */
@media (hover: none) and (pointer: coarse) and (max-width: 768px) {
    .mobile-review-close,
    .bundle-drawer .sidebar-close-btn {
        width: 36px !important;
        height: 36px !important;
        right: 12px !important;
      
        position: absolute !important;
        background: transparent !important;
        border: 1px solid white !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transition: all 0.2s ease !important;
        cursor: pointer !important;
        z-index: 999 !important;
        color: white !important;
    }
    
    .mobile-review-close svg,
    .bundle-drawer .sidebar-close-btn svg {
        stroke: white !important;
    }
}

@media (hover: none) and (pointer: coarse) and (max-width: 480px) {
    .mobile-review-close,
    .bundle-drawer .sidebar-close-btn {
        width: 38px !important;
        height: 38px !important;
        right: 15px !important;
    }
    
    .mobile-review-close svg,
    .bundle-drawer .sidebar-close-btn svg {
        width: 16px !important;
        height: 16px !important;
        stroke-width: 2.8 !important;
        stroke: white !important;
    }
}

/* 按钮点击效果 */
@media (hover: none) and (pointer: coarse) and (max-width: 768px) {
    .mobile-review-close:active,
    .bundle-drawer .sidebar-close-btn:active {
        background: rgba(255, 255, 255, 0.2) !important;
        transform: scale(0.95) !important;
    }
}




/* 隐藏移动端滚动条，保持滑动功能（新增） */
@media screen and (max-width: 768px) {
  .mobile-review-content {
    /* 隐藏滚动条但保持滚动功能 */
    scrollbar-width: none !important; /* Firefox */
    -ms-overflow-style: none !important; /* IE/Edge */
  }
  
  .mobile-review-content::-webkit-scrollbar {
    display: none !important; /* Chrome/Safari */
  }
  
  /* 优化滚动体验 */
  .mobile-review-content {
    -webkit-overflow-scrolling: touch !important; /* iOS平滑滚动 */
    scroll-behavior: smooth !important;
  }
}
















/* 只在移动端隐藏原套装浮动按钮（新增） */
@media screen and (max-width: 768px) {
  .cart-sidebar-toggle {
    display: none !important;
    visibility: hidden !important;
  }
}

/* PC端保护 - 确保PC端正常显示（新增） */
@media screen and (min-width: 769px) {
  .cart-sidebar-toggle {
    display: block !important; /* 保持原有显示方式 */
    visibility: visible !important;
  }
}








/* 修复分页被遮挡问题（新增） */
.mobile-review-drawer {
  z-index: 9999; /* 确保弹窗在最上层 */
  padding-bottom: 80px; /* 为底部导航留出空间 */
}

.mobile-review-drawer .judge-me-reviews {
  max-height: calc(100vh - 120px); /* 限制高度，避免被底部导航遮挡 */
  overflow-y: auto; /* 允许滚动 */
  padding-bottom: 60px; /* 底部留白 */
}

/* 分页区域样式优化（新增） */
.mobile-review-drawer .jdgm-paginate {
  position: sticky !important;
  bottom: 10px !important;
  background: white !important;
  padding: 15px !important;
  border-top: 1px solid #eee !important;
  z-index: 10 !important;
  margin-top: 20px !important;
}

/* 确保分页按钮可见（新增） */
.mobile-review-drawer .jdgm-paginate a,
.mobile-review-drawer .jdgm-paginate button {
  display: inline-block !important;
  padding: 8px 12px !important;
  margin: 0 5px !important;
  background: #f5f5f5 !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  color: #333 !important;
}

.mobile-review-drawer .jdgm-paginate .jdgm-paginate__current {
  background: #4CAF50 !important;
  color: white !important;
}









/* 家居厨房风格 - 简约大气评价弹窗（替换） */
.mobile-review-drawer {
  background: #ffffff;
  border-radius: 16px 16px 0 0;
  box-shadow: 0 -8px 32px rgba(0,0,0,0.12);
  border-top: 3px solid #2c3e50;
}

.mobile-review-drawer .mobile-review-header {
  background: #2c3e50;
  padding: 20px;
  border-radius: 16px 16px 0 0;
  position: relative;
}

.mobile-review-drawer .mobile-review-header h4 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  text-align: center;
  letter-spacing: 0.5px;
}

.mobile-review-close {
  background: rgba(255,255,255,0.2) !important;
  border: none !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  color: white !important;
}

/* 评价内容区域 - 简约风格（替换） */
.mobile-review-drawer .judge-me-reviews {
  background: #fafafa;
  padding: 0;
}

/* Customer Reviews标题 - 简约风格（替换） */
.mobile-review-drawer .jdgm-rev-widg__title {
  color: #2c3e50 !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  text-align: center !important;
  margin: 25px 0 20px 0 !important;
  letter-spacing: 0.3px !important;
}

/* 评分区域 - 简约大气（替换） */
.mobile-review-drawer .jdgm-row-stars {
  text-align: center;
  padding: 20px;
  background: white;
  margin: 15px;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
  border: 1px solid #e8e8e8;
}

/* Write a review按钮 - 家居风格（替换） */
.mobile-review-drawer .jdgm-write-rev-link {
  background: #2c3e50 !important;
  color: white !important;
  padding: 14px 32px !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  letter-spacing: 0.3px !important;
  box-shadow: 0 4px 16px rgba(44,62,80,0.2) !important;
  transition: all 0.3s ease !important;
  display: block !important;
  text-align: center !important;
  margin: 20px auto !important;
  max-width: 180px !important;
  text-transform: none !important;
}

.mobile-review-drawer .jdgm-write-rev-link:hover {
  background: #34495e !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(44,62,80,0.25) !important;
}

/* 评价卡片美化 - 简约风格（新增） */
.mobile-review-drawer .jdgm-rev {
  background: white !important;
  margin: 12px 15px !important;
  padding: 20px !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
  border: 1px solid #f0f0f0 !important;
}

.mobile-review-drawer .jdgm-rev:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.1) !important;
  transform: translateY(-1px) !important;
  transition: all 0.3s ease !important;
}







/* 品牌色彩优化 - 评价条颜色搭配（新增） */
.mobile-review-drawer .jdgm-histogram__bar {
  background: linear-gradient(90deg, #4CAF50 0%, #66BB6A 100%) !important;
  border-radius: 4px !important;
  height: 8px !important;
}

.mobile-review-drawer .jdgm-histogram__bar-bg {
  background: #e8f5e8 !important;
  border-radius: 4px !important;
  height: 8px !important;
}

/* 评分星星颜色优化（新增） */
.mobile-review-drawer .jdgm-star {
  color: #4CAF50 !important;
}

.mobile-review-drawer .jdgm-star--empty {
  color: #e0e0e0 !important;
}

/* 评价数字标签优化（新增） */
.mobile-review-drawer .jdgm-histogram__frequency {
  background: #f8f9fa !important;
  color: #666 !important;
  padding: 2px 8px !important;
  border-radius: 12px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

/* Write a review按钮颜色调整（修改） */
.mobile-review-drawer .jdgm-write-rev-link {
  background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%) !important;
  color: white !important;
  padding: 14px 32px !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  letter-spacing: 0.3px !important;
  box-shadow: 0 4px 16px rgba(76,175,80,0.25) !important;
  transition: all 0.3s ease !important;
  display: block !important;
  text-align: center !important;
  margin: 20px auto !important;
  max-width: 180px !important;
  text-transform: none !important;
}

.mobile-review-drawer .jdgm-write-rev-link:hover {
  background: linear-gradient(135deg, #45a049 0%, #388e3c 100%) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(76,175,80,0.3) !important;
}

/* 分页按钮品牌色优化（新增） */
.mobile-review-drawer .jdgm-paginate .jdgm-paginate__current {
  background: #4CAF50 !important;
  color: white !important;
  border-color: #4CAF50 !important;
}

.mobile-review-drawer .jdgm-paginate a:hover {
  background: #e8f5e8 !important;
  border-color: #4CAF50 !important;
  color: #4CAF50 !important;
}
















































































































@media (min-width: 1024px) {
  /* 不改变任何现有样式，只用transform让太子党归位 */
  .right-scroll-container {
    transform: translateX(65vw) !important; /* 移动到右侧 */
    position: relative !important;
    z-index: 10 !important;
  }
  
  /* 为左侧媒体内容预留空间（稍后添加时用） */
  .left-scroll-container {
    transform: translateX(-35vw) !important; /* 移动到左侧 */
    position: relative !important;
    z-index: 5 !important;
  }
}






















@media (max-width: 767px) {
    html body .right-scroll-container, 
    body .shopify-section .right-scroll-container,
    body .right-scroll-container {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 5px !important;
        box-sizing: border-box !important;
        display: block !important;
        position: static !important;
    }
}






/* 移动端产品标题专业优化（替换） */
@media (max-width: 767px) {
    #mobile-conversion-wrapper .product__info-container .product__title h1 {
        font-weight: 700 !important; /* 更粗的字体 */
        font-size: 30px !important; /* 标准的移动端主标题大小 */
        line-height: 1.3 !important;
        color: var(--text-primary) !important;
        margin-bottom: 0.5rem !important;
    }

    /* 产品副标题优化 */
    #mobile-conversion-wrapper .product__info-container .product-subtitle {
        font-size: 18px !important; /* 副标题也要相应增大 */
        color: var(--text-secondary) !important;
        font-weight: 400 !important;
        margin-top: 0.25rem !important;
     
    }
}








/* 移动端营销标识视觉冲击力优化（修改改） */
@media (max-width: 767px) {
    .conversion-optimized-rating {
        background: linear-gradient(135deg, #f0fff4 0%, #ffffff 100%);
        border: 1px solid #c6f6d5;
        border-radius: 12px;
        padding: 1rem;
        margin: 1rem 0;
        box-shadow: 0 3px 10px rgba(56, 161, 105, 0.15);
    }
    
    /* 统一所有营销标识为绿色系 */
    .rating-social-proof span,
    .rating-urgency {
        background: var(--primary-green);
        color: white;
        padding: 0.4rem 0.8rem;
        border-radius: 16px;
        font-size: 0.8rem;
        font-weight: 600;
        margin: 0.8rem;
        display: inline-block;
        text-shadow: 0 1px 2px rgba(0,0,0,0.1);
    }
}


/* 修正红色文字可读性问题（修改改） */
@media (max-width: 767px) {
    .rating-urgency {
        background: var(--primary-green) !important;
        color: #ffffff !important; /* 改为白色文字 */
        font-size: 0.9rem !important; /* 增大字体 */
        font-weight: 600 !important;
        text-shadow: 0 1px 2px rgba(0,0,0,0.2) !important; /* 增加文字阴影提高可读性 */
        padding: 0.6rem 1rem !important; /* 增加内边距 */
    }
    
    /* 或者改为白色背景，绿色文字的方案 */
    .rating-urgency {
        background: #ffffff !important;
        color: var(--primary-green) !important;
        border: 2px solid var(--primary-green) !important;
        font-size: 0.9rem !important;
        font-weight: 600 !important;
    }
}



/* 重建颜色选择器样式（新增+） */
@media (max-width: 767px) {
    /* 颜色选项容器 */
    .product-form__input--swatch {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        margin: 0.75rem 0;
    }
    
    /* 颜色选择按钮 */
    .color-swatch {
        width: 44px;
        height: 44px;
        border-radius: 50%;
        border: 2px solid #e5e5e5;
        cursor: pointer;
        position: relative;
        transition: all 0.2s ease;
    }
    
    /* 选中状态 */
    .color-swatch.selected,
    .color-swatch:checked + label {
        border-color: var(--primary-green);
        box-shadow: 0 0 0 2px rgba(56, 161, 105, 0.2);
    }
    
    /* 颜色显示 */
    .color-swatch::before {
        content: '';
        position: absolute;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 4px;
        border-radius: 50%;
        background-color: var(--swatch-color, #ccc);
    }
}

























/* 基于新容器结构的样式修复（新增+） */
@media (max-width: 767px) {
    /* 针对新的容器路径重新定义选择器 */
    .left-scroll-container #mobile-conversion-wrapper variant-selects,
    .right-scroll-container variant-selects {
        display: flex !important;
        gap: 20px !important;
        align-items: flex-start !important;
        flex-wrap: wrap !important;
    }
    
    /* 重新定义产品表单输入的路径 */
    .left-scroll-container .product-form__input,
    .right-scroll-container .product-form__input {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: auto !important;
    }
    
    /* 颜色选择器 - 新路径 */
    .left-scroll-container .product-form__input--swatch .swatch-input__label,
    .right-scroll-container .product-form__input--swatch .swatch-input__label {
        --swatch-input--size: 3.6rem;
        display: inline-block !important;
        margin: 0.7rem 1.2rem 0.2rem 0 !important;
        cursor: pointer !important;
    }
    
    /* 颜色样本 - 新路径 */
    .left-scroll-container .swatch,
    .right-scroll-container .swatch {
        display: block !important;
        width: var(--swatch-input--size, 3.6rem) !important;
        aspect-ratio: 1 / 1 !important;
        background: var(--swatch--background) !important;
        border: 0.1rem solid rgba(0, 0, 0, 0.15) !important;
        border-radius: 50% !important;
    }
    
    /* 选中状态 - 新路径 */
    .left-scroll-container input:checked + .swatch-input__label,
    .right-scroll-container input:checked + .swatch-input__label {
        outline: 2px solid var(--primary-green) !important;
        outline-offset: 2px !important;
    }
    
    /* 容量选择器 - 新路径 */
    .left-scroll-container .product-form__input--pill input + label,
    .right-scroll-container .product-form__input--pill input + label {
        display: inline-block !important;
        padding: 8px 16px !important;
        border: 2px solid #e5e5e5 !important;
        border-radius: 20px !important;
        margin-right: 8px !important;
        cursor: pointer !important;
        background: #ffffff !important;
        color: #374151 !important;
        font-weight: 500 !important;
    }
    
    /* 容量选中状态 - 新路径 */
    .left-scroll-container .product-form__input--pill input:checked + label,
    .right-scroll-container .product-form__input--pill input:checked + label {
        background: var(--primary-green) !important;
        color: white !important;
        border-color: var(--primary-green) !important;
    }
}
















/* 基于实际HTML结构的价格区域优化（替换） */
@media (max-width: 767px) {
    /* 价格容器 - 去掉黄色边框，统一绿色卡片风格 */
    #price-template--19866419495128__main {
        background: #ffffff !important;
        border: 2px solid var(--primary-green) !important;
        border-radius: 12px !important;
        padding: 20px 0 20px 20px !important;
        margin: 1rem 0  !important;
        position: relative !important;
        box-shadow: 0 4px 12px rgba(56, 161, 105, 0.1) !important;
    }
    
    /* 去掉内部的黄色边框 */
    .price.price--large {
        border: none !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* 原价（划线价格）样式 */
    .price__sale s.price-item--regular {
        font-size: 1.5rem !important;
        color: #999 !important;
        text-decoration: line-through !important;
        font-weight: 400 !important;
        margin-right: 0.5rem !important;
    }
    
    /* 现价样式 */
    .price-item--sale {
        font-size: 1.8rem !important;
        font-weight: 700 !important;
        color: var(--primary-green) !important;
        line-height: 1.2 !important;
    }
    
    /* Sale标签保持在原位置，只调整样式 */
    .badge.price__badge-sale {
        background: #ff4757 !important;
        color: white !important;
        font-size: 0.8rem !important;
        font-weight: 600 !important;
        padding: 0.3rem 0.6rem !important;
        border-radius: 16px !important;
        /* 保持原有定位，不改变位置 */
    }
    
    /* 隐藏sold out标签（如果不需要的话） */
    .badge.price__badge-sold-out {
        display: none !important;
    }
}






















@media (max-width: 749px) {
  /* 强制太子党显示在最前面 */
  .product-split-layout {
    display: flex !important;
    flex-direction: column !important;
  }
  
  .right-scroll-container {
    order: 1 !important;
    display: block !important;
  }
  
  .left-scroll-container {
    order: 2 !important;
  }
}









/* 手机端 - 480px以下 */
@media screen and (max-width: 480px) {
    .mobile-gallery {
        margin-bottom: 15px;
    }
    
    .mobile-gallery-track {
        height: 75vw !important;
    }
    
    .mobile-gallery-item {
        height: 75vw !important;
        background: #f8f9fa;
    }
    
    .mobile-gallery-item img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .mobile-indicators {
        margin: 8px 0;
        padding: 0;
    }
    
    .indicator {
        width: 6px;
        height: 6px;
        margin: 0 3px;
    }
}

/* 大屏手机 - 481px到768px */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .mobile-gallery-track {
        height: 70vw !important;
    }
    
    .mobile-gallery-item {
        height: 70vw !important;
        background: #f8f9fa;
    }
    
    .mobile-gallery-item img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .mobile-indicators {
        margin: 10px 0;
    }
    
    .indicator {
        width: 7px;
        height: 7px;
        margin: 0 4px;
    }
}

/* 平板端 - 769px到1024px */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .mobile-gallery-track {
        height: 60vw !important;
    }
    
    .mobile-gallery-item {
        height: 60vw !important;
        background: #f8f9fa;
    }
    
    .mobile-gallery-item img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .mobile-indicators {
        margin: 12px 0;
    }
    
    .indicator {
        width: 8px;
        height: 8px;
        margin: 0 5px;
    }
}



/* 压缩视频区域的上下留白 */
@media screen and (max-width: 480px) {
    .video-section {
        margin: 5px 0 !important; /* 大幅减少上下间距 */
        padding: 0 !important;
    }
    
    .product-column-center {
        padding: 0 10px !important; /* 只保留左右最小间距 */
        margin: 0 !important;
    }
    
    .product-video-container {
        height: 200px !important; /* 稍微压缩视频高度 */
        margin: 0 !important; /* 完全移除上下间距 */
        border-radius: 6px; /* 稍微减小圆角 */
    }
    
    .product-video-container iframe {
        border-radius: 6px;
    }
    
    /* 如果视频区域有其他包装容器 */
    .media-top-section {
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* 大屏手机适配 */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .video-section {
        margin: 8px 0 !important;
    }
    
    .product-video-container {
        height: 240px !important;
        margin: 0 !important;
    }
}


/* 保留一个，优化另一个的显示方式 */
.secondary-brand-name {
    font-size: 0.8em;
    color: #666;
    margin: 0;
}




















/* 移动端轮播基础样式 - 优化版 */
@media (max-width: 1024px) {
  /* 隐藏PC端组件 */
  .dawn-native-media,
  .gallery-wrapper,
  .left-column,
  .independent-thumbnails {
    display: none !important;
  }
  
  /* 移动端轮播容器 */
  .mobile-gallery {
    display: block !important;
    position: relative !important;
    width: 100vw !important;
    margin: 0 !important;
    margin-left: calc(-50vw + 50%) !important;
    overflow: hidden !important;
    background: #f8f9fa;
  }
  
  /* 轮播轨道 */
  .mobile-gallery-track {
    display: flex !important;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    touch-action: pan-x !important;
    will-change: transform !important;
    backface-visibility: hidden !important;
  }
  
  /* 轮播项基础样式 */
  .mobile-gallery-item {
    min-width: 100vw !important;
    width: 100vw !important;
    flex-shrink: 0 !important;
    position: relative !important;
    background: #f8f9fa;
  }

  .mobile-gallery-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
  }
  
  /* 指示器基础样式 */
  .mobile-indicators {
    position: absolute !important;
    bottom: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    z-index: 999 !important;
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px !important;
    backdrop-filter: blur(4px) !important;
  }
  
  .indicator {
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.7) !important;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    cursor: pointer !important;
  }
  
  .indicator.active {
    background: #ffffff !important;
    transform: scale(1.2) !important;
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.6) !important;
  }
}

/* 您的响应式断点 - 保持不变 */
/* 手机端 - 480px以下 */
@media screen and (max-width: 480px) {
    .mobile-gallery {
        margin-bottom: 15px;
    }
    
    .mobile-gallery-track {
        height: 75vw !important;
    }
    
    .mobile-gallery-item {
        height: 75vw !important;
    }
    
    .mobile-indicators {
        margin: 8px 0;
        padding: 6px 8px !important;
        gap: 6px !important;
    }
    
    .indicator {
        width: 6px !important;
        height: 6px !important;
    }
}

/* 大屏手机 - 481px到768px */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .mobile-gallery-track {
        height: 70vw !important;
    }
    
    .mobile-gallery-item {
        height: 70vw !important;
    }
    
    .mobile-indicators {
        margin: 10px 0;
        padding: 7px 10px !important;
        gap: 8px !important;
    }
    
    .indicator {
        width: 7px !important;
        height: 7px !important;
    }
}

/* 平板端 - 769px到1024px */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .mobile-gallery-track {
        height: 60vw !important;
    }
    
    .mobile-gallery-item {
        height: 60vw !important;
    }
    
    .mobile-indicators {
        margin: 12px 0;
        padding: 8px 12px !important;
        gap: 10px !important;
    }
    
    .indicator {
        width: 8px !important;
        height: 8px !important;
    }
}


/* 修复移动端轮播背景 */
@media (max-width: 1024px) {
  .mobile-gallery {
    display: block !important;
    position: relative !important;
    width: 100vw !important;
    margin: 0 !important;
    margin-left: calc(-50vw + 50%) !important;
    overflow: hidden !important;
    background: #ffffff !important; /* 改为白色背景 */
  }
  
  .mobile-gallery-item {
    min-width: 100vw !important;
    width: 100vw !important;
    flex-shrink: 0 !important;
    position: relative !important;
    background: #ffffff !important; /* 改为白色背景 */
  }

  .mobile-gallery-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
    background: #ffffff !important; /* 图片背景也设为白色 */
  }
}

/* 在您现有的响应式断点中也添加白色背景 */
@media screen and (max-width: 480px) {
    .mobile-gallery-item {
        height: 75vw !important;
        background: #ffffff !important; /* 改为白色 */
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    .mobile-gallery-item {
        height: 70vw !important;
        background: #ffffff !important; /* 改为白色 */
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .mobile-gallery-item {
        height: 60vw !important;
        background: #ffffff !important; /* 改为白色 */
    }
}




/* 调整移动端指示器位置 */
@media (max-width: 1024px) {
  .mobile-indicators {
    position: absolute !important;
    bottom: 10px !important; /* 从20px调整为10px，更靠近底部 */
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    z-index: 999 !important;
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px !important;
    backdrop-filter: blur(4px) !important;
  }
}

/* 在各个响应式断点中也调整 */
@media screen and (max-width: 480px) {
    .mobile-indicators {
        margin: 0 !important; /* 移除margin，使用bottom定位 */
        bottom: 8px !important; /* 小屏幕更靠近底部 */
        padding: 6px 8px !important;
        gap: 6px !important;
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    .mobile-indicators {
        margin: 0 !important; /* 移除margin */
        bottom: 10px !important;
        padding: 7px 10px !important;
        gap: 8px !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .mobile-indicators {
        margin: 0 !important; /* 移除margin */
        bottom: 12px !important;
        padding: 8px 12px !important;
        gap: 10px !important;
    }
}




/* 东南亚家居市场标题优化 */
@media (max-width: 767px) {
    /* 品牌标识优化 */
    .product__title {
        margin-bottom: 1rem !important;
    }
    
    /* 品牌名称 - 简约专业 */
    .product__title::before {
        content: "🏠";
        font-size: 16px;
        margin-right: 8px;
        opacity: 0.7;
    }
    
    /* 主标题 - 突出功能性 */
    #mobile-conversion-wrapper .product__info-container .product__title h1 {
        font-weight: 600 !important; /* 从700降到600，更温和 */
        font-size: 26px !important; /* 适中大小 */
        line-height: 1.3 !important;
        color: #2d3748 !important; /* 深灰色，更专业 */
        margin-bottom: 0.5rem !important;
        letter-spacing: -0.02em !important; /* 微调字间距 */
    }

    /* 副标题 - 功能描述突出 */
    #mobile-conversion-wrapper .product__info-container .product-subtitle {
        font-size: 15px !important;
        color: #4a5568 !important; /* 中性灰色 */
        font-weight: 400 !important;
        margin-top: 0.2rem !important;
        margin-bottom: 0.8rem !important;
        line-height: 1.4 !important;
    }
    
    /* 为功能关键词添加强调 */
    .product-subtitle .highlight-feature {
        color: #38a169 !important; /* 温和的绿色 */
        font-weight: 500 !important;
    }
}

/* 品牌区域整体优化 */
@media (max-width: 767px) {
    .product__title {
        background: linear-gradient(135deg, #f7fafc 0%, #ffffff 100%) !important;
        padding: 1rem !important;
        border-radius: 8px !important;
        border-left: 3px solid #38a169 !important; /* 简约的左边框强调 */
        margin-bottom: 1rem !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important; /* 微妙阴影 */
    }
}



/* 东南亚家居市场标题优化 - 纯CSS版本 */
@media (max-width: 767px) {
    /* 标题容器优化 */
    .product__title {
        background: linear-gradient(135deg, #f7fafc 0%, #ffffff 100%) !important;
        padding: 1rem !important;
        border-radius: 8px !important;
        border-left: 3px solid #38a169 !important;
        margin-bottom: 1rem !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
    }
    
    /* 主标题优化 */
    #mobile-conversion-wrapper .product__info-container .product__title h1 {
        font-weight: 600 !important; /* 温和的字重 */
        font-size: 20px !important;
        line-height: 1.3 !important;
        color: #2d3748 !important; /* 专业深灰色 */
        margin-bottom: 0.5rem !important;
        letter-spacing: -0.02em !important;
    }

    /* 副标题优化 - 不修改HTML */
    #mobile-conversion-wrapper .product__info-container .product-subtitle {
        font-size: 15px !important;
        color: #4a5568 !important; /* 中性灰色 */
        font-weight: 400 !important;
        margin-top: 0.2rem !important;
        margin-bottom: 0.8rem !important;
        line-height: 1.4 !important;
        position: relative !important;
    }
    
    /* 为副标题添加微妙的装饰 */
    .product-subtitle::before {
        content: "✨" !important;
        font-size: 12px !important;
        margin-right: 6px !important;
        opacity: 0.6 !important;
    }
}


/* 修正图标位置 - 放在品牌名旁边 */
@media (max-width: 767px) {
    /* 移除产品标题前的图标 */
    .product__title::before {
        display: none !important;
    }
    
    /* 为品牌名添加图标 - 如果有品牌名元素 */
    .product__title h1::before {
        content: "🏠 " !important;
        font-size: 16px !important;
        margin-right: 8px !important;
        opacity: 0.7 !important;
    }
    
    /* 或者如果品牌名是单独元素 */
    .brand-name::before,
    .product-brand::before {
        content: "🏠 " !important;
        font-size: 16px !important;
        margin-right: 8px !important;
        opacity: 0.7 !important;
    }
    
    /* 副标题保持简洁 */
    .product-subtitle::before {
        content: "" !important; /* 移除副标题前的装饰 */
    }
}




/* 移除小房子图标 - 保持简洁专业 */
@media (max-width: 767px) {
    /* 完全移除所有图标装饰 */
    .product__title::before,
    .product__title h1::before,
    .product-subtitle::before {
        display: none !important;
        content: none !important;
    }
    
    /* 标题容器保持简洁设计 */
    .product__title {
        background: linear-gradient(135deg, #f7fafc 0%, #ffffff 100%) !important;
        padding: 1rem !important;
        border-radius: 8px !important;
        border-left: 3px solid #38a169 !important;
        margin-bottom: 1rem !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
    }
    
    /* 主标题 - 纯文字，更专业 */
    #mobile-conversion-wrapper .product__info-container .product__title h1 {
        font-weight: 600 !important;
        font-size: 26px !important;
        line-height: 1.3 !important;
        color: #2d3748 !important;
        margin-bottom: 0.5rem !important;
        letter-spacing: -0.02em !important;
    }

 
}
@media (max-width: 767px) {
    .rating-social-proof span {
        background: linear-gradient(135deg, #38a169, #48bb78) !important;
        color: #ffffff !important; /* 使用完整的十六进制颜色 */
        padding: .4rem .8rem !important;
        border-radius: 20px !important;
      
        font-weight: 600 !important;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .1) !important;
        box-shadow: 0 2px 8px #38a16940 !important;
        transition: all .3s ease !important;
    }
    
    /* 增加更具体的选择器来提高优先级 */
    .conversion-optimized-rating .rating-social-proof span,
    .product__info .rating-social-proof span {
        color: #ffffff !important;
    }
    
    /* 如果还不生效，使用更强的选择器 */
    .rating-social-proof span * {
        color: #ffffff !important;
    }
}




/* 价格区域专业优化 - 东南亚市场版 */
@media (max-width: 767px) {
    /* 价格容器整体设计 */
    #price-{{ section.id }},
    .price {
        background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 12px !important;
        padding: 1rem !important;
        margin: 1rem 0 !important;
        box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
        position: relative !important;
    }
    
    /* 原价样式优化 */
    .price__regular {
        font-size: 0.9rem !important;
        color: #a0aec0 !important;
        text-decoration: line-through !important;
        font-weight: 400 !important;
        margin-bottom: 0.2rem !important;
    }
    
    /* 现价突出显示 */
    .price__sale {
        font-size: 1.8rem !important;
        color: #e53e3e !important;
        font-weight: 700 !important;
        margin: 0.2rem 0 !important;
    }
    
    /* Sale标签优化 */
    .badge {
        background: linear-gradient(135deg, #e53e3e 0%, #fc8181 100%) !important;
        color: white !important;
        padding: 0.3rem 0.8rem !important;
        border-radius: 20px !important;
        font-size: 0.75rem !important;
        font-weight: 600 !important;
        position: absolute !important;
        top: -8px !important;
        right: 12px !important;
        box-shadow: 0 2px 8px rgba(229, 62, 62, 0.3) !important;
    }
    
    /* 添加折扣百分比显示 */
    .price::before {
        content: "SAVE 49%" !important; /* 根据实际折扣调整 */
        position: absolute !important;
        top: -8px !important;
        left: 12px !important;
        background: #38a169 !important;
        color: white !important;
        padding: 0.3rem 0.8rem !important;
        border-radius: 20px !important;
        font-size: 0.75rem !important;
        font-weight: 600 !important;
        box-shadow: 0 2px 8px rgba(56, 161, 105, 0.3) !important;
    }
}
















/* 转化核心区域优化 - 基于真实HTML结构 */
@media (max-width: 767px) {
    /* 变体选择器容器 */
    variant-selects,
    #variant-selects-template--19866419495128__main {
        background: linear-gradient(135deg, #ffffff 0%, #f8fffe 100%) !important;
        border: 2px solid #e6fffa !important;
        border-radius: 16px !important;
        padding: 1.5rem !important;
        margin: 2.5rem 0 !important;
        box-shadow: 0 8px 32px rgba(56, 161, 105, 0.12) !important;
        position: relative !important;
        display: block !important;
    }
    
    /* 顶部安全标识 */
    variant-selects::before {
        content: "🔒 SECURE CHECKOUT" !important;
        position: absolute !important;
        top: -12px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        background: linear-gradient(135deg, #38a169 0%, #48bb78 100%) !important;
        color: white !important;
        padding: 0.4rem 1.2rem !important;
        border-radius: 20px !important;
        font-size: 1rem !important;
        font-weight: 600 !important;
        box-shadow: 0 4px 12px rgba(56, 161, 105, 0.3) !important;
        z-index: 10 !important;
    }
    

    
    .product-form__input--swatch .form__label {
        font-weight: 600 !important;
        color: #2d3748 !important;
        font-size: 1.5rem !important;
        margin-bottom: 0.8rem !important;
    }
    
    /* 颜色样本优化 */
    .swatch-input__label {
        display: inline-block !important;
        margin-right: 0.8rem !important;
        cursor: pointer !important;
    }
    
  
    
    .swatch-input__input:checked + .swatch-input__label .swatch {
        border-color: #38a169 !important;
     
        transform: scale(1.1) !important;
    }
    
    /* 容量选择区域 */
    .product-form__input--pill {
        margin: 1rem 0 !important;
        background: #f7fafc !important;
        padding: 1rem !important;
        border-radius: 12px !important;
        border: 1px solid #e2e8f0 !important;
    }
    
    .product-form__input--pill .form__label {
        font-weight: 600 !important;
        color: #2d3748 !important;
        font-size: 1.5rem !important;
        margin-bottom: 0.8rem !important;
        text-transform: capitalize !important;
    }
    
    .product-form__input--pill label {
        background: #ffffff !important;
        border: 2px solid #e2e8f0 !important;
        color: #4a5568 !important;
        padding: 0.8rem 1.2rem !important;
        border-radius: 25px !important;
        font-weight: 500 !important;
        transition: all 0.3s ease !important;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
        margin-right: 0.5rem !important;
        display: inline-block !important;
        cursor: pointer !important;
    }
    
    .product-form__input--pill input[type="radio"]:checked + label {
        background: linear-gradient(135deg, #38a169 0%, #48bb78 100%) !important;
        border-color: #38a169 !important;
        color: white !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(56, 161, 105, 0.3) !important;
    }
}


/* 颜色选择器 - 只添加按钮效果，不修饰圆圈本身 */
@media (max-width: 767px) {
    /* 移除对.swatch的尺寸修改，保持原有大小 */
    .swatch {
        /* 不修改width、height，保持原有尺寸 */
        border: 2px solid #e2e8f0 !important; /* 默认边框 */
        transition: all 0.3s ease !important;
        cursor: pointer !important;
    }
    
    /* 选中状态 - 只添加按钮效果 */
    .swatch-input__input:checked + .swatch-input__label .swatch {
        
        box-shadow: 0 0 0 2px rgba(56, 161, 105, 0.2) !important; /* 外发光效果 */
        transform: scale(1.05) !important; /* 轻微放大 */
    }
    
    /* 悬停效果 */
    .swatch-input__label:hover .swatch {
        border-color: #38a169 !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
    }
}



/* 让两个选择器浮起来，真正左右排列 */
@media (max-width: 767px) {
    /* 主容器 - 水平排列 */
    variant-selects {
        background: #f7fafc !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 12px !important;
        padding: 1rem !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important; /* 垂直居中对齐 */
        gap: 2rem !important;
    }
    
    /* 颜色选择器 - 左侧浮起 */
    .product-form__input--swatch {
        flex: 0 0 auto !important;
        margin: 0 !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
    }
    
    /* 容量选择器 - 右侧浮起 */
    .product-form__input--pill {
        flex: 0 0 auto !important;
        margin: 0 !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
    }
    
    /* 颜色圆圈水平排列 */
    .product-form__input--swatch > div {
        display: flex !important;
        flex-direction: row !important;
        gap: 0.5rem !important;
        margin-top: 0.5rem !important;
    }
    
    /* 容量按钮水平排列 */
    .product-form__input--pill > div {
        display: flex !important;
        flex-direction: row !important;
        gap: 0.5rem !important;
        margin-top: 0.5rem !important;
    }
    
    .product-form__input--pill label {
        margin: 0 !important;
        padding: 0.6rem 1rem !important;
        width: auto !important;
        white-space: nowrap !important;
    }
}
@media (max-width: 767px) {
    variant-selects, #variant-selects-template--19866419495128__main {
        background: linear-gradient(135deg, #ffffff 0%, #f8fffe 100%) !important;
        border: 2px solid #e6fffa !important;
        border-radius: 16px !important;
        padding: 1.5rem !important;
        margin: 1.5rem 0 !important;
        box-shadow: 0 8px 32px rgba(56, 161, 105, 0.12) !important;
        position: relative !important;
        display: flex !important; /* 改为flex */
        flex-direction: row !important; /* 添加水平排列 */
        align-items: flex-start !important; /* 添加对齐方式 */
        gap: 1rem !important; /* 添加间距 */
    }
    
    /* 子元素宽度控制 */
    .js.product-form__input.product-form__input--swatch {
        flex: 0 0 40% !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .js.product-form__input.product-form__input--pill {
        flex: 0 0 55% !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}














@media (max-width: 767px) {
    /* 父容器样式 - 替换 */
    variant-selects[id*="variant-selects-template"] {
        background: linear-gradient(135deg, #ffffff 0%, #f8fffe 100%) !important;
        border: 2px solid #e6fffa !important;
        border-radius: 16px !important;
        padding: 1.5rem !important;
        margin: 1.5rem 0 !important;
        box-shadow: 0 8px 32px rgba(56, 161, 105, 0.12) !important;
        position: relative !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 1rem !important;
        flex-wrap: nowrap !important;
    }
    
    /* 颜色选择器样式 - 新增 */
    variant-selects[id*="variant-selects-template"] .product-form__input--swatch {
        flex: 0 0 40% !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        min-width: 0 !important;
    }
    
    /* 容量选择器样式 - 新增 */
    variant-selects[id*="variant-selects-template"] .product-form__input--pill {
        flex: 0 0 55% !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        min-width: 0 !important;
    }
}



@media (max-width: 767px) {
    /* 重置原有margin并设置合适间距 - 修改 */
    variant-selects[id*="variant-selects-template"] .product-form__input--swatch .swatch-input__label {
        margin: 0 0.5rem 0 0 !important;
        display: inline-block !important;
        cursor: pointer !important;
    }
    
    /* 移除第一个元素的左边距 - 新增 */
    variant-selects[id*="variant-selects-template"] .product-form__input--swatch .swatch-input__label:first-of-type {
        margin-left: 0 !important;
    }
}



@media (max-width: 767px) {
    /* 增加容器内部上边距，为伪元素留出空间 - 修改 */
    #variant-selects-template--19866419495128__main {
        background: linear-gradient(135deg, #ffffff 0%, #f8fffe 100%) !important;
        border: 2px solid #e6fffa !important;
        border-radius: 16px !important;
        padding: 2.5rem 1.5rem 1.5rem 1.5rem !important; /* 上内边距从1.5rem增加到2.5rem */
        margin: 1.5rem 0 !important;
        box-shadow: 0 8px 32px rgba(56, 161, 105, 0.12) !important;
        position: relative !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 1rem !important;
    }
    
    /* 伪元素保持原位置 - 保持不变 */
    #variant-selects-template--19866419495128__main::before {
        content: "🔒 SECURE CHECKOUT" !important;
        position: absolute !important;
        top: -12px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        background: linear-gradient(135deg, #38a169 0%, #48bb78 100%) !important;
        color: white !important;
        padding: 0.4rem 1.2rem !important;
        border-radius: 20px !important;
        font-size: 0.9rem !important;
        font-weight: 600 !important;
        z-index: 10 !important;
    }
}



@media (max-width: 767px) {
    /* 尺寸选择器按钮间距优化 - 新增 */
    #variant-selects-template--19866419495128__main .product-form__input--pill label {
        margin-bottom: 0.8rem !important;
        margin-right: 0.5rem !important;
        display: inline-block !important;
    }
    
    /* 最后一个按钮去除下边距 - 新增 */
    #variant-selects-template--19866419495128__main .product-form__input--pill label:last-child {
        margin-bottom: 0 !important;
    }
    
    /* 如果需要更大的垂直间距 - 新增 */
    #variant-selects-template--19866419495128__main .product-form__input--pill {
        line-height: 1.6 !important;
    }
}




@media (max-width: 767px) {
    /* 数量选择器容器 - 高端设计 - 新增 */
    #Quantity-Form-template--19866419495128__main {
        background: linear-gradient(135deg, #f8fffe 0%, #ffffff 100%) !important;
        border: 2px solid #e6fffa !important;
        border-radius: 16px !important;
        padding: 1.5rem !important;
        margin: 1.5rem 0 !important;
        box-shadow: 0 8px 32px rgba(56, 161, 105, 0.08) !important;
        position: relative !important;
    }
    
    /* 数量标签优化 - 新增 */
    #Quantity-Form-template--19866419495128__main .quantity__label {
        font-size: 1.5rem !important;
        font-weight: 600 !important;
        color: #2d3748 !important;
        margin-bottom: 1rem !important;
        display: block !important;
    }
    
 
    
    /* 减号按钮 - 新增 */
    #Quantity-Form-template--19866419495128__main .quantity__button[name="minus"] {
        background: linear-gradient(135deg, #e53e3e 0%, #fc8181 100%) !important;
        border: none !important;
        border-radius: 50% !important;
        width: 40px !important;
        height: 40px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: white !important;
        transition: all 0.3s ease !important;
        cursor: pointer !important;
    }
    
    /* 加号按钮 - 新增 */
    #Quantity-Form-template--19866419495128__main .quantity__button[name="plus"] {
        background: linear-gradient(135deg, #38a169 0%, #48bb78 100%) !important;
        border: none !important;
        border-radius: 50% !important;
        width: 40px !important;
        height: 40px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: white !important;
        transition: all 0.3s ease !important;
        cursor: pointer !important;
    }
    
    /* 数量输入框 - 新增 */
    #Quantity-Form-template--19866419495128__main .quantity__input {
        border: none !important;
        background: transparent !important;
        text-align: center !important;
        font-size: 1.2rem !important;
        font-weight: 600 !important;
        color: #2d3748 !important;
        width: 60px !important;
        margin: 0 0.5rem !important;
        outline: none !important;
    }
    
    /* 按钮悬停效果 - 新增 */
    #Quantity-Form-template--19866419495128__main .quantity__button:hover {
        transform: scale(1.1) !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
    }
}



@media (max-width: 767px) {
    /* 修复减号按钮显示问题 - 修改 */
    #Quantity-Form-template--19866419495128__main .quantity__button[name="minus"] {
        background: linear-gradient(135deg, #e53e3e 0%, #fc8181 100%) !important;
        border: none !important;
        border-radius: 50% !important;
        width: 40px !important;
        height: 40px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: white !important;
        transition: all 0.3s ease !important;
        cursor: pointer !important;
        position: relative !important;
    }
    
    /* 确保SVG图标正常显示 - 新增 */
    #Quantity-Form-template--19866419495128__main .quantity__button[name="minus"] .svg-wrapper,
    #Quantity-Form-template--19866419495128__main .quantity__button[name="minus"] svg {
        width: 16px !important;
        height: 16px !important;
        fill: white !important;
        color: white !important;
        display: block !important;
    }
    
    /* 重置可能的冲突样式 - 新增 */
    #Quantity-Form-template--19866419495128__main .quantity__button[name="minus"]::before,
    #Quantity-Form-template--19866419495128__main .quantity__button[name="minus"]::after {
        display: none !important;
    }
    
    /* 确保按钮不被disabled状态影响 - 新增 */
    #Quantity-Form-template--19866419495128__main .quantity__button.disabled {
        opacity: 0.6 !important;
        cursor: not-allowed !important;
    }
}



@media (max-width: 767px) {
    /* 整体居中的紧凑布局 - 修改 */
    /*#Quantity-Form-template--19866419495128__main {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important; /* 整体居中 */
        gap: 1rem !important; /* 标签与选择器间距 */
        background: linear-gradient(135deg, #f8fffe 0%, #ffffff 100%) !important;
        border: 2px solid #e6fffa !important;
        border-radius: 16px !important;
        padding: 1.5rem !important;
        margin: 1.5rem 0 2.3rem 0 !important;
        box-shadow: 0 8px 32px rgba(56, 161, 105, 0.08) !important;
    }
    
    /* 标签样式 - 修改 */
    #Quantity-Form-template--19866419495128__main .quantity__label {
        font-size: 1.5rem !important;
        font-weight: 600 !important;
        color: #2d3748 !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
    }
    
    
}


@media (max-width: 767px) {
    /* 精准重置，不误伤无辜 - 修改 */
    #Quantity-Form-template--19866419495128__main .quantity {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #ffffff !important;
        border: 2px solid #e2e8f0 !important;
        border-radius: 50px !important;
        padding: 0.5rem 1rem !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
        width: 180px !important;
        height: 50px !important;
        margin: 0 !important;
        position: relative !important;
        box-sizing: border-box !important;
        
        /* 只重置可能冲突的属性 */
        min-height: auto !important;
        max-width: none !important;
        color: inherit !important;
    }
    
    /* 禁用伪元素但保留按钮样式 - 修改 */
    #Quantity-Form-template--19866419495128__main .quantity::before {
        display: none !important;
    }
}


@media (max-width: 767px) {
    /* 彻底消灭DAWN的双重伪元素BOSS - 新增 */
    #Quantity-Form-template--19866419495128__main .quantity::before,
    #Quantity-Form-template--19866419495128__main .quantity::after {
        display: none !important;
        content: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }
    
    /* 重新定义我们的胶囊王国 - 修改 */
    #Quantity-Form-template--19866419495128__main .quantity {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #ffffff !important;
        border: 2px solid #e2e8f0 !important;
        border-radius: 50px !important;
        padding: 0.5rem 1rem !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
        width: 180px !important;
        height: 50px !important;
        margin: 0 !important;
        position: relative !important;
        box-sizing: border-box !important;
        min-height: auto !important;
        overflow: hidden !important;
    }
}


@media (max-width: 767px) {
    /* 时尚红蓝胶囊容器 - 修改 */
    #Quantity-Form-template--19866419495128__main .quantity {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: linear-gradient(90deg, #ff6b6b 0%, #ff6b6b 50%, #4ecdc4 50%, #4ecdc4 100%) !important;
        border: none !important;
        border-radius: 50px !important;
        padding: 0 !important;
        box-shadow: 
            0 6px 12px rgba(0,0,0,0.15),
            inset 0 2px 4px rgba(255,255,255,0.2),
            inset 0 -2px 4px rgba(0,0,0,0.1) !important;
        width: 160px !important;
        height: 50px !important;
        margin: 0 !important;
        position: relative !important;
        overflow: visible !important;
    }
    
    /* 胶囊分割线 - 在数字区域下方 - 修改 */
    #Quantity-Form-template--19866419495128__main .quantity::before {
        content: "" !important;
        position: absolute !important;
        left: 50% !important;
        top: 15% !important;
        bottom: 15% !important;
        width: 2px !important;
        background: linear-gradient(to bottom, 
            rgba(255,255,255,0.6) 0%, 
            rgba(0,0,0,0.2) 50%, 
            rgba(255,255,255,0.6) 100%) !important;
        transform: translateX(-50%) !important;
        z-index: 1 !important;
    }
    
    /* 银灰色数字区域 - 浮在分割线上方 - 新增 */
    #Quantity-Form-template--19866419495128__main .quantity::after {
        content: "" !important;
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 45px !important;
        height: 30px !important;
        background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e0 100%) !important;
        border: 1px solid #a0aec0 !important;
        border-radius: 15px !important;
        box-shadow: 
            0 2px 4px rgba(0,0,0,0.1),
            inset 0 1px 2px rgba(255,255,255,0.8) !important;
        z-index: 3 !important;
    }
    
    /* 数字显示 - 在银灰色区域内 - 修改 */
    #Quantity-Form-template--19866419495128__main .quantity__input {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        background: transparent !important;
        border: none !important;
        width: 40px !important;
        height: 25px !important;
        text-align: center !important;
        font-size: 1.3rem !important;
        font-weight: 700 !important;
        color: #2d3748 !important;
        z-index: 4 !important;
        outline: none !important;
    }
    
    /* 减号按钮保持不变 - 修改 */
    #Quantity-Form-template--19866419495128__main .quantity__button[name="minus"] {
        background: rgba(0,0,0,0.1) !important;
        border: none !important;
        border-radius: 50% !important;
        width: 35px !important;
        height: 35px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: white !important;
        position: absolute !important;
        left: 8px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        box-shadow: 
            inset 0 2px 4px rgba(0,0,0,0.3),
            inset 0 -1px 2px rgba(255,255,255,0.2) !important;
        z-index: 2 !important;
    }
    
    /* 加号按钮保持不变 - 修改 */
    #Quantity-Form-template--19866419495128__main .quantity__button[name="plus"] {
        background: rgba(0,0,0,0.1) !important;
        border: none !important;
        border-radius: 50% !important;
        width: 35px !important;
        height: 35px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: white !important;
        position: absolute !important;
        right: 8px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        box-shadow: 
            inset 0 2px 4px rgba(0,0,0,0.3),
            inset 0 -1px 2px rgba(255,255,255,0.2) !important;
        z-index: 2 !important;
    }
}




@media (max-width: 767px) {
    /* 时尚红蓝胶囊容器保持不变 - 保持 */
    #Quantity-Form-template--19866419495128__main .quantity {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: linear-gradient(90deg, #ff6b6b 0%, #ff6b6b 50%, #4ecdc4 50%, #4ecdc4 100%) !important;
        border: none !important;
        border-radius: 50px !important;
        padding: 0 !important;
        box-shadow: 
            0 6px 12px rgba(0,0,0,0.15),
            inset 0 2px 4px rgba(255,255,255,0.2),
            inset 0 -2px 4px rgba(0,0,0,0.1) !important;
        width: 160px !important;
        height: 50px !important;
        margin: 0 !important;
        position: relative !important;
        overflow: visible !important;
    }
    
    /* 分割线层级降低 - 修改 */
    #Quantity-Form-template--19866419495128__main .quantity::before {
        content: "" !important;
        position: absolute !important;
        left: 50% !important;
        top: 15% !important;
        bottom: 15% !important;
        width: 2px !important;
        background: linear-gradient(to bottom, 
            rgba(255,255,255,0.6) 0%, 
            rgba(0,0,0,0.2) 50%, 
            rgba(255,255,255,0.6) 100%) !important;
        transform: translateX(-50%) !important;
        z-index: 1 !important; /* 保持在底层 */
    }
    
    /* 大号纯白数字背景区域 - 完全覆盖分割线 - 修改 */
    #Quantity-Form-template--19866419495128__main .quantity::after {
        content: "" !important;
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 65px !important; /* 从45px增加到65px */
        height: 40px !important; /* 从30px增加到40px */
        background: #ffffff !important; /* 改为纯白色 */
        border: 2px solid #e2e8f0 !important;
        border-radius: 20px !important;
        box-shadow: 
            0 3px 6px rgba(0,0,0,0.15),
            inset 0 1px 3px rgba(255,255,255,0.9) !important;
        z-index: 5 !important; /* 提高层级，确保覆盖分割线 */
    }
    
    /* 大号数字显示 - 修改 */
    #Quantity-Form-template--19866419495128__main .quantity__input {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        background: transparent !important;
        border: none !important;
        width: 60px !important; /* 增大输入框 */
        height: 35px !important;
        text-align: center !important;
        font-size: 1.6rem !important; /* 从1.3rem增加到1.6rem */
        font-weight: 800 !important; /* 更粗的字重 */
        color: #2d3748 !important;
        z-index: 6 !important; /* 最高层级 */
        outline: none !important;
    }
    
    /* 按钮层级调整 - 修改 */
    #Quantity-Form-template--19866419495128__main .quantity__button[name="minus"],
    #Quantity-Form-template--19866419495128__main .quantity__button[name="plus"] {
        z-index: 3 !important; /* 确保在分割线上方，但在数字区域下方 */
    }
}


@media (max-width: 767px) {
    /* 移除伪元素背景 - 修改 */
    #Quantity-Form-template--19866419495128__main .quantity::after {
        display: none !important; /* 先禁用伪元素 */
    }
    
    /* 直接给数字输入框添加白色背景 - 修改 */
    #Quantity-Form-template--19866419495128__main .quantity__input {
        position: absolute !important;
        left: 47% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        background: #ffffff !important; /* 直接设置白色背景 */
        border: 2px solid #e2e8f0 !important; /* 添加边框 */
        border-radius: 20px !important; /* 圆角 */
        width: 55px !important;
        height: 35px !important;
        text-align: center !important;
        font-size: 1.6rem !important;
        font-weight: 800 !important;
        color: #2d3748 !important;
        z-index: 6 !important;
        outline: none !important;
        box-shadow: 
            0 3px 6px rgba(0,0,0,0.15),
            inset 0 1px 3px rgba(255,255,255,0.9) !important; /* 添加阴影效果 */
    }
}






@media (max-width: 767px) {
    /* 确保两个卡片高度一致 - 修改 */
    .urgency-item.urgency-item--offer,
    .urgency-item.urgency-item--activity {
        min-height: 80px !important;
        display: flex !important;
        align-items: center !important;
        gap: 1rem !important;
        padding: 1rem 1.2rem !important;
    }
    
    /* 绿色卡片 - 修改文字颜色 - 修改 */
    .urgency-item.urgency-item--offer {
        background: linear-gradient(135deg, #38a169 0%, #48bb78 100%) !important;
        border: none !important;
        border-radius: 16px !important;
        box-shadow: 0 6px 20px rgba(56, 161, 105, 0.25) !important;
    }
    
    /* 绿色卡片文字 - 改为黄色/白色 - 修改 */
    .urgency-item.urgency-item--offer .urgency-item__title {
        color: #ffd700 !important; /* 金黄色，更醒目 */
        font-weight: 800 !important;
         margin: .2rem 1rem !important;
    }
    
    .urgency-item.urgency-item--offer .urgency-item__subtitle {
        color: #ffffff !important; /* 纯白色 */
        font-weight: 600 !important;
       
    }
    
    /* 倒计时器优化 - 修改 */
    .countdown-timer {
        color: #ffd700 !important; /* 金黄色倒计时 */
        background: rgba(0, 0, 0, 0.2) !important; /* 深色背景增强对比 */
        padding: 0.3rem 0.8rem !important;
        border-radius: 12px !important;
        font-weight: 800 !important;
        font-size: 1rem !important;
        margin-top: 0.3rem !important;
        margin:0 6rem !important;
        display: inline-block !important;
    }
    
    /* 红色卡片保持一致高度 - 修改 */
    .urgency-item.urgency-item--activity {
        background: linear-gradient(135deg, #e53e3e 0%, #fc8181 100%) !important;
        border: none !important;
        border-radius: 16px !important;
        box-shadow: 0 6px 20px rgba(229, 62, 62, 0.25) !important;
    }
    
    /* 图标位置优化 - 新增 */
    .urgency-item__icon {
        font-size: 1.3rem !important;
        flex-shrink: 0 !important;
        align-self: flex-start !important;
        margin-top: 0.2rem !important;
    }
    
    /* 内容区域优化 - 新增 */
    .urgency-item__content {
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }
}


@media (max-width: 767px) {
    /* 修改后的卡片样式 - 修改 */
    .urgency-item.urgency-item--offer {
        background: linear-gradient(135deg, #38a169 0%, #48bb78 100%) !important;
        border: none !important;
        border-radius: 16px !important;
        padding: 1rem 1.2rem !important;
        box-shadow: 0 6px 20px rgba(56, 161, 105, 0.25) !important;
        min-height: 80px !important;
        display: flex !important;
        align-items: center !important;
    }
    
    /* 标题行样式 - 新增 */
    .urgency-item__title {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        color: #ffd700 !important;
        font-weight: 800 !important;
        font-size: 1.1rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    /* 行内图标样式 - 新增 */
    .urgency-item__icon-inline {
        font-size: 1.2rem !important;
        margin-left: 0.5rem !important;
    }
    
    /* Save文字样式 - 新增 */
    .urgency-item__save {
        color: #ffd700 !important;
        font-weight: 800 !important;
        font-size: 1.1rem !important;
    }
    
    /* 倒计时器保持原样 - 修改 */
    .countdown-timer {
        color: #ffd700 !important;
        background: rgba(0, 0, 0, 0.2) !important;
        padding: 0.3rem 0.8rem !important;
        border-radius: 12px !important;
        font-weight: 800 !important;
        font-size: 1rem !important;
        display: inline-block !important;
    }
}










@media (max-width: 767px) {
    /* Key Features区域整体容器 - 修改 */
    .product-features-section {
        background: #ffffff !important;
        border: none !important;
        border-radius: 15px !important;
        margin: 2rem 0 !important;
        box-shadow: 0 8px 24px rgba(56, 161, 105, 0.12) !important;
        overflow: hidden !important;
    }
    
    /* Key Features标题头部样式 - 新增 */
    .product-features-section header {
        background: linear-gradient(135deg, #28a745, #20c997) !important;
        width: 100% !important;
        padding: 18px 20px !important;
        margin: 0 0 15px 0 !important;
        position: relative !important;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        border-radius: 15px 15px 0 0 !important;
    }
    
    /* 移动端头部样式调整 - 新增 */
    @media (max-width: 768px) {
        .product-features-section header {
            padding: 15px 18px !important;
        }
    }
    
    @media (max-width: 480px) {
        .product-features-section header {
            padding: 22px 15px !important;
        }
    }
    
    /* 标题文字样式 - 修改 */
    .product-features__title {
        font-size: 1.4rem !important;
        font-weight: 800 !important;
        color: #ffffff !important;
        text-align: center !important;
        margin-bottom: 0 !important;
        text-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
    }
    
    /* 移除之前的下划线装饰 - 修改 */
    .product-features__title::after {
        display: none !important;
    }
    
   
 
}















@media (max-width: 767px) {
    /* 套装推荐整体美化 - 与页面其他区域统一 - 新增 */
    .bundle-recommendation {
        background: linear-gradient(135deg, #ffffff 0%, #f8fffe 100%) !important;
        border: 2px solid #e6fffa !important;
        border-radius: 20px !important;
        margin: 1rem 0 !important;
        box-shadow: 0 8px 24px rgba(56, 161, 105, 0.12) !important;
        overflow: hidden !important;
    }
    
    /* 推广横幅 - 绿色渐变头部 - 新增 */
    .bundle-promotion-beautiful {
        background: linear-gradient(135deg, #28a745, #20c997) !important;
        padding: 1.2rem !important;
        border-radius: 20px 20px 0 0 !important;
        text-align: center !important;
    }
    
    .bundle-recommendation__title {
        color: #ffffff !important;
        font-size: 1.3rem !important;
        font-weight: 800 !important;
        text-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
        margin: 0 0 0.5rem 0 !important;
    }
    
    .bundle-subtitle {
        color: #ffd700 !important;
        font-weight: 600 !important;
        margin: 0 !important;
    }
    
    /* 产品列表区域 - 新增 */
    .bundle-recommendation__list {
  
        gap: 0 !important;
    }
    
    /* 单个产品项美化 - 新增 */
    .bundle-item {
        background: rgba(255, 255, 255, 0.9) !important;
        border: 2px solid rgba(56, 161, 105, 0.1) !important;
        border-radius: 16px !important;
        padding: 1rem !important;
        transition: all 0.3s ease !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
    }
    
    .bundle-item:hover {
        border-color: rgba(56, 161, 105, 0.3) !important;
        box-shadow: 0 4px 12px rgba(56, 161, 105, 0.15) !important;
        transform: translateY(-2px) !important;
    }
    
    /* 产品图片美化 - 新增 */
    .bundle-item__image {
        border-radius: 12px !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    }
    
    /* 折扣标签美化 - 新增 */
    .bundle-item__discount {
        background: linear-gradient(135deg, #e53e3e, #fc8181) !important;
        color: white !important;
        padding: 0.3rem 0.8rem !important;
        border-radius: 12px !important;
        font-size: 0.75rem !important;
        font-weight: 600 !important;
        box-shadow: 0 2px 6px rgba(229, 62, 62, 0.3) !important;
    }
    
    /* 价格计算区域美化 - 新增 */
    .bundle-price-calculation {
        border-radius: 16px !important;
        box-shadow: 0 6px 20px rgba(0,0,0,0.08) !important;
        border: 2px solid #e9ecef !important;
    }
    
    /* 最终价格突出显示 - 新增 */
    .bundle-final-total {
        color: #28a745 !important;
        font-size: 1.3rem !important;
        font-weight: 800 !important;
    }
    
    /* 添加到购物车按钮美化 - 新增 */
    .bundle-add-to-cart {
        border-radius: 12px !important;
        box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3) !important;
        transition: all 0.3s ease !important;
    }
    
    .bundle-add-to-cart:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 20px rgba(40, 167, 69, 0.4) !important;
    }
}







@media (max-width: 767px) {
    /* 使用更具体的选择器提高优先级 - 修改 */
    .bundle-item .bundle-variant-selectors {
        padding-left: 20px !important;
        margin-left: 0 !important;
    }
    
    /* 或者使用更强的优先级 - 备选方案 */
    .bundle-recommendation .bundle-item .bundle-variant-selectors {
        padding-left: 20px !important;
    }
    
    /* 如果还不生效，尝试这个 - 最强优先级 */
    div.bundle-item div.bundle-variant-selectors {
        padding-left: 20px !important;
        box-sizing: border-box !important;
    }
}















@media (max-width: 767px) {
    /* === 产品对比版块整体容器 === */
    .product-comparison-merged-section {
        background: linear-gradient(135deg, #ffffff 0%, #f8fffe 100%) !important;
        border: 2px solid #e6fffa !important;
        border-radius: 24px !important;
        margin: 2.5rem 0 !important;
        overflow: visible !important; /* 改为visible允许子元素溢出 */
        box-shadow: 0 12px 32px rgba(56, 161, 105, 0.15) !important;
    }
    
    /* === 震撼力标题区域 === */
   
    
    .comparison-section-header::before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background: radial-gradient(circle at 30% 20%, rgba(255,255,255,0.1) 0%, transparent 50%) !important;
        pointer-events: none !important;
    }
    
    .section-title {
       color: #ffffff !important;
        font-size: 2rem !important;
        font-weight: 900 !important;
        text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3) !important;
        margin: 0 0 0.8rem 0 !important;
        position: relative !important;
        z-index: 2 !important;
        border-bottom: .8rem solid #fbbf24 !important;
        padding-bottom: 10px !important;
    }
    
    .section-subtitle {
        color: #fbbf24 !important;
        font-size: 1.4rem !important;
        font-weight: 600 !important;
        margin: 0 0 1rem 0 !important;
        position: relative !important;
        z-index: 2 !important;
        text-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
    }
    
    .title-divider {
        width: 80px !important;
        height: 4px !important;
        background: linear-gradient(90deg, #fbbf24, #f59e0b) !important;
        margin: 0 auto !important;
        border-radius: 2px !important;
        position: relative !important;
        z-index: 2 !important;
    }
    
    /* === 对比组容器 === */
    .comparison-merged-container {
        padding: 2rem 1.5rem !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 2.5rem !important;
    }
    
    /* === 单个对比组 === */
    .comparison-group {
        background: linear-gradient(135deg, #ffffff 0%, #fefefe 100%) !important;
        border: 2px solid transparent !important;
        border-radius: 20px !important;
   
        position: relative !important;
        overflow: visible !important; /* 改为visible允许图片溢出 */
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
        box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important;
    }
    
    .comparison-group::before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 4px !important;
        background: linear-gradient(90deg, #ef4444, #f97316, #eab308, #22c55e, #06b6d4, #3b82f6) !important;
        opacity: 0 !important;
        transition: opacity 0.3s ease !important;
    }
    
    .comparison-group:hover {
        transform: translateY(-6px) !important;
        box-shadow: 0 16px 40px rgba(0,0,0,0.12) !important;
        border-color: rgba(56, 161, 105, 0.2) !important;
    }
    
    .comparison-group:hover::before {
        opacity: 1 !important;
    }
    
    /* === 🚀 全屏对比图片区域 - 突破DAWN防线 === */
    body .comparison-images,
    html body .comparison-images {
        /* 全屏突破 */
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(-50vw + 50%) !important;
        margin-right: calc(-50vw + 50%) !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        position: relative !important;
        height: 180px !important; /* 增加高度提升冲击力 */
        
        /* 布局样式 */
        display: flex !important;
        gap: 0 !important;
        margin-bottom: 1.5rem !important;
        border-radius: 0 !important; /* 全屏时去掉圆角 */
        overflow: hidden !important;
        background: #000000 !important; /* 黑色背景增强对比 */
    }
    
    /* 强制重置所有父容器的限制 */
    .comparison-images *,
    .comparison-images > * {
        max-width: none !important;
        width: auto !important;
        box-sizing: border-box !important;
    }
    
    /* === 🎯 全屏对比图片样式 === */
    body .comparison-img,
    html body .comparison-img {
        flex: 1 !important;
        width: 50vw !important;
     
        object-fit: cover !important;
        border-radius: 0 !important; /* 全屏时去掉圆角 */
        transition: all 0.4s ease !important;
        box-shadow: none !important;
        border: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* 🔥 强化视觉对比 - 问题图片(左侧)暗化 */
    body .comparison-img:first-child {
        filter: brightness(0.75) contrast(1.2) saturate(0.8) !important;
    }
    
    /* ✨ 强化视觉对比 - 解决方案图片(右侧)亮化 */
    body .comparison-img:last-child {
        filter: brightness(1.15) contrast(1.1) saturate(1.2) !important;
    }
    
    body .comparison-img:hover {
        filter: brightness(1.1) contrast(1.15) saturate(1.1) !important;
        transform: scale(1.02) !important;
    }
    
    /* === ⚡ 全屏VS分隔符 - 更大更震撼 === */
    body .comparison-images::after {
        content: "VS" !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        background: linear-gradient(135deg, #ef4444, #dc2626) !important;
        color: white !important;
        width: 60px !important; /* 增大尺寸 */
        height: 60px !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-weight: 900 !important;
        font-size: 1.2rem !important; /* 增大字体 */
        box-shadow: 0 10px 25px rgba(239, 68, 68, 0.6) !important; /* 增强阴影 */
        border: 6px solid white !important; /* 增粗边框 */
        z-index: 10 !important;
        animation: pulse-vs 2s infinite !important;
    }
    
    @keyframes pulse-vs {
        0%, 100% { transform: translate(-50%, -50%) scale(1); }
        50% { transform: translate(-50%, -50%) scale(1.15); } /* 增大脉动幅度 */
    }
    
    /* === 描述区域横排 === */
    .comparison-descriptions-row {
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
    }
    
    .description-item {
        display: flex !important;
        align-items: center !important;
      
        padding: 1rem !important;
        border-radius: 12px !important;
        transition: all 0.3s ease !important;
        position: relative !important;
    }
    
    /* 问题项 - 红色系 */
    .description-item:has(.problem-icon) {
        background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%) !important;
        border: 2px solid #fecaca !important;
    }
    
    .description-item:has(.problem-icon):hover {
        background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%) !important;
        transform: translateX(6px) !important;
        box-shadow: 0 4px 12px rgba(239, 68, 68, 0.15) !important;
    }
    
    .problem-icon {
        font-size: 1.4rem !important;
        filter: drop-shadow(0 2px 4px rgba(239, 68, 68, 0.3)) !important;
    }
    
    /* 解决方案 - 绿色系 */
    .description-item:has(.solution-icon) {
        background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%) !important;
        border: 2px solid #bbf7d0 !important;
    }
    
    .description-item:has(.solution-icon):hover {
        background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%) !important;
        transform: translateX(6px) !important;
        box-shadow: 0 4px 12px rgba(34, 197, 94, 0.15) !important;
    }
    
    .solution-icon {
        font-size: 1.4rem !important;
        filter: drop-shadow(0 2px 4px rgba(34, 197, 94, 0.3)) !important;
    }
    
    /* 效果证明 - 金色系 */
    .description-item:has(.proof-icon) {
        background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%) !important;
        border: 2px solid #fed7aa !important;
    }
    
    .description-item:has(.proof-icon):hover {
        background: linear-gradient(135deg, #fef3c7 0%, #fed7aa 100%) !important;
        transform: translateX(6px) !important;
        box-shadow: 0 4px 12px rgba(245, 158, 11, 0.15) !important;
    }
    
    .proof-icon {
        font-size: 1.4rem !important;
        filter: drop-shadow(0 2px 4px rgba(245, 158, 11, 0.3)) !important;
    }
    
    .description-item p {
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
        font-weight: 600 !important;
        color: #374151 !important;
        margin: 0 !important;
    }
}







@media (max-width: 767px) {
    /* === 🚀 整个对比区域全屏突破 === */
    body .product-comparison-merged-section,
    html body .product-comparison-merged-section {
        width: 100vw !important;
        margin-left: calc(-50vw + 50%) !important;
        margin-right: calc(-50vw + 50%) !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        padding: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    
    /* === 🎨 标题区域全屏渐变背景 === */
    body .comparison-section-header,
    html body .comparison-section-header {
        width: 100vw !important;
        margin-left: calc(-50vw + 50%) !important;
        margin-right: calc(-50vw + 50%) !important;
      background: linear-gradient(135deg, #0891b2 0%, #0d9488 30%, #20c997 70%, #28a745 100%) !important;
   padding:2rem !important;
        border-radius: 0 !important;
    }
    
    /* === 🔥 对比组全屏卡片 === */
    body .comparison-group,
    html body .comparison-group {
        width: 100vw !important;
        margin-left: calc(-50vw + 50%) !important;
        margin-right: calc(-50vw + 50%) !important;
        background: #ffffff !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    
        margin-bottom: 0 !important;
        
        /* 添加顶部分割线增强层次 */
        border-top: 1px solid #e5e7eb !important;
    }
    
    /* === ⚡ 图片区域保持全屏 === */
    body .comparison-images,
    html body .comparison-images {
        width: 100vw !important;
        margin-left: calc(-50vw + 50%) !important;
        margin-right: calc(-50vw + 50%) !important;
        height: 180px !important; /* 进一步增大高度 */
      
        margin-bottom: 2rem !important;
    }
    
    /* === 🎯 描述区域也要全屏一致性 === */
    body .comparison-descriptions-row,
    html body .comparison-descriptions-row {
        padding: 0 1.5rem !important; /* 保持内容可读性 */
        margin-bottom:1rem !important;
    }
    
    /* === 📱 容器重置 === */
    body .comparison-merged-container,
    html body .comparison-merged-container {
        padding: 0 !important;
        gap: 0 !important;
    }
}








@media (max-width: 767px) {
    /* 隐藏分享按钮 - 新增 */
    .share-button,
    .product-share,
    [class*="share"],
    button[aria-label*="Share"],
    .social-share {
        display: none !important;
    }
}



















@media (max-width: 767px) {
    /* === 产品详情区域整体优化 === */
    .product-details-section {
        background: linear-gradient(135deg, #ffffff 0%, #f8fffe 100%) !important;
        border: 2px solid #e6fffa !important;
        border-radius: 24px !important;
        margin: 2.5rem 0 !important;
        overflow: hidden !important;
        box-shadow: 0 12px 32px rgba(56, 161, 105, 0.15) !important;
    }
    
    /* === 容器优化 === */
    .page-width {
        padding: 0 !important;
        max-width: none !important;
    }
    
    /* === 单个详情项 - 统一为卡片式 === */
    .detail-item {
        display: flex !important;
        flex-direction: column !important; /* 移动端统一为垂直布局 */
        background: linear-gradient(135deg, #ffffff 0%, #fefefe 100%) !important;
        margin: 0 1.5rem 2rem 1.5rem !important;
        border-radius: 20px !important;
        overflow: hidden !important;
        box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important;
        border: 2px solid transparent !important;
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
        position: relative !important;
    }
    
    /* 第一个详情项去掉上边距 */
    .detail-item:first-child {
        margin-top: 1.5rem !important;
    }
    
    /* 最后一个详情项去掉下边距 */
    .detail-item:last-child {
        margin-bottom: 1.5rem !important;
    }
    
    /* 彩虹边框动效 */
    .detail-item::before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 4px !important;
        background: linear-gradient(90deg, #ef4444, #f97316, #eab308, #22c55e, #06b6d4, #3b82f6, #8b5cf6) !important;
        opacity: 0 !important;
        transition: opacity 0.3s ease !important;
    }
    
    .detail-item:hover {
        transform: translateY(-6px) !important;
        box-shadow: 0 16px 40px rgba(0,0,0,0.12) !important;
        border-color: rgba(56, 161, 105, 0.2) !important;
    }
    
    .detail-item:hover::before {
        opacity: 1 !important;
    }
    
    /* === 图片区域优化 === */
    .detail-image {
        width: 100% !important;
        height: 200px !important;
        overflow: hidden !important;
        position: relative !important;
        background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
    }
    
    .detail-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        transition: all 0.4s ease !important;
        filter: brightness(0.95) contrast(1.05) !important;
    }
    
    .detail-image:hover img {
        transform: scale(1.05) !important;
        filter: brightness(1.05) contrast(1.1) !important;
    }
    
    /* === 内容区域优化 === */
    .detail-content {
        padding: 1.5rem !important;
        text-align: center !important;
        background: linear-gradient(135deg, #ffffff 0%, #fefefe 100%) !important;
    }
    
    .detail-title {
        color: #1e293b !important;
        font-size: 1.4rem !important;
        font-weight: 800 !important;
        margin: 0 0 1rem 0 !important;
        line-height: 1.3 !important;
        position: relative !important;
    }
    
    /* 标题下方装饰线 */
    .detail-title::after {
        content: "" !important;
        position: absolute !important;
        bottom: -0.5rem !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 60px !important;
        height: 3px !important;
        background: linear-gradient(90deg, #28a745, #20c997) !important;
        border-radius: 2px !important;
    }
    
    .detail-description {
        color: #64748b !important;
        font-size: 1rem !important;
        line-height: 1.6 !important;
        margin: 0 !important;
        font-weight: 500 !important;
    }
    
    /* === 特殊卡片样式 - 根据内容定制 === */
    
    /* 密封性能卡片 - 蓝色主题 */
    .detail-item:nth-child(1) .detail-title::after {
        background: linear-gradient(90deg, #3b82f6, #06b6d4) !important;
    }
    
    /* 食品安全卡片 - 绿色主题 */
    .detail-item:nth-child(2) .detail-title::after {
        background: linear-gradient(90deg, #22c55e, #16a34a) !important;
    }
    
    /* 易清洁卡片 - 紫色主题 */
    .detail-item:nth-child(3) .detail-title::after {
        background: linear-gradient(90deg, #8b5cf6, #7c3aed) !important;
    }
    
    /* 空间节省卡片 - 橙色主题 */
    .detail-item:nth-child(4) .detail-title::after {
        background: linear-gradient(90deg, #f59e0b, #d97706) !important;
    }
    
    /* === 增强视觉效果 === */
    
    /* 添加数字标识 */
    .detail-item::after {
        content: counter(detail-counter) !important;
        counter-increment: detail-counter !important;
        position: absolute !important;
        top: 1rem !important;
        right: 1rem !important;
        width: 32px !important;
        height: 32px !important;
        background: linear-gradient(135deg, #28a745, #20c997) !important;
        color: white !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-weight: 800 !important;
        font-size: 0.9rem !important;
        box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3) !important;
        z-index: 2 !important;
    }
    
    /* 初始化计数器 */
    .product-details-section {
        counter-reset: detail-counter !important;
    }
    
    /* === 移除左右交替布局的影响 === */
    .detail-item.image-left,
    .detail-item.image-right {
        flex-direction: column !important;
    }
    
    /* 确保所有图片都在上方 */
    .detail-image {
        order: 1 !important;
    }
    
    .detail-content {
        order: 2 !important;
    }
}











/* 提高选择器优先级覆盖Dawn主题 */
.product-specs-showcase .package-image-container img {
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.product-specs-showcase .package-image-container {
  margin: 0 !important;
  width: 100% !important;
}









@media (max-width: 768px) {
  /* 完全复刻包装区域的背景样式 */
  .product-specs-section {
    margin: 1.5rem auto !important;
    padding: 0 1.5rem !important;
    background: linear-gradient(135deg, #fafbfc 0%, #ffffff 100%) !important;
    border-radius: 20px !important;
    box-shadow: 
      0 20px 40px rgba(0, 0, 0, 0.08),
      0 8px 16px rgba(0, 0, 0, 0.04),
      inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    position: relative !important;
  }
  
  /* 装饰背景元素 - 与包装区域完全一致 */
  .product-specs-section::before {
    content: '' !important;
    position: absolute !important;
    top: -30px !important;
    right: -30px !important;
    width: 150px !important;
    height: 150px !important;
    background: radial-gradient(circle, rgba(40, 167, 69, 0.08) 0%, transparent 70%) !important;
    border-radius: 50% !important;
    z-index: 0 !important;
  }
}



@media (max-width: 768px) {
  /* 完全复刻包装区域的标题样式 */
  .product-specs-section .specs-main-title {
    font-size: 1.75rem !important;
    font-weight: 800 !important;
    color: #2c3e50 !important;
    text-align: center !important;
    margin-bottom: 2.5rem !important;
    position: relative !important;
    z-index: 1 !important;
    letter-spacing: -0.02em !important;
  }
  
  /* 标题下方装饰线 - 与包装区域完全一致 */
  .product-specs-section .specs-main-title::after {
    content: '' !important;
    position: absolute !important;
    bottom: -12px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 60px !important;
    height: 4px !important;
    background: linear-gradient(90deg, #28a745 0%, #20c997 100%) !important;
    border-radius: 2px !important;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3) !important;
  }
}




@media (max-width: 768px) {
  /* 移动端规格列表项基础样式 */
  .product-specs-section .specs-content .content li {
    margin-left: 0 !important;
    padding: 1rem 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    list-style: none !important;
    width: 100% !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    display: block !important;
  }
}


@media (max-width: 768px) {
  /* 规格列表项高端卡片化 */
  .product-specs-section .specs-content .content li {
    margin-left: 0 !important;
    margin-bottom: 1rem !important;
    padding: 1.25rem 1.5rem !important;
    background: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    backdrop-filter: blur(20px) !important;
    list-style: none !important;
    width: 100% !important;
    position: relative !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    overflow: hidden !important;
  }
  
  /* 左侧装饰条 */
  .product-specs-section .specs-content .content li::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 4px !important;
    background: linear-gradient(180deg, #28a745 0%, #20c997 100%) !important;
    transform: scaleY(0) !important;
    transform-origin: bottom !important;
    transition: transform 0.3s ease !important;
  }
  
  /* 悬停效果 */
  .product-specs-section .specs-content .content li:hover {
    transform: translateY(-2px) translateX(4px) !important;
    box-shadow: 0 8px 24px rgba(40, 167, 69, 0.12) !important;
    border-color: rgba(40, 167, 69, 0.2) !important;
    background: rgba(40, 167, 69, 0.02) !important;
  }
  
  .product-specs-section .specs-content .content li:hover::before {
    transform: scaleY(1) !important;
  }

  .product-specs-section .specs-content .span-label

 {
    margin-bottom: 2px !important;
  
}
}






@media (max-width: 768px) {
  /* 基于实际HTML结构的FAQ优化 */

  .option-item .title h3 {
    margin: 0 !important;
    font-size: 2.6rem !important;
    font-weight: inherit !important;
    color: inherit !important;
}
  .faq-item {
    margin-bottom: 1.5rem !important;
    padding: 1.25rem !important;
    background: rgba(255, 255, 255, 0.8) !important;
    border-radius: 12px !important;
    border-left: 4px solid #28a745 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  }
  
  .faq-item dt {
    font-weight: 700 !important;
    color: #2c3e50 !important;
    margin-bottom: 1rem !important;
    font-size: 2.6rem !important;
    line-height: 1.4 !important;
  }
  
  .faq-item dd {
    color: #6c757d !important;
    font-size: 2rem !important;
    line-height: 1.6 !important;
    margin: 0 !important;
  }
  
  .question-marker, .answer-marker {
    font-weight: 700 !important;
    margin-right: 0.5rem !important;
  }
  
  .question-marker {
    color: #28a745 !important;
  }
  
  .answer-marker {
    color: #17a2b8 !important;
  }
}






@media (max-width: 768px) {
  /* 如果模板将每行处理成独立元素，我们就能添加卡片效果 */
  .notes-list li,
  .notes-list > div {
    margin-bottom: 1rem !important;
    padding: 1.25rem !important;
    background: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 12px !important;
    border-left: 4px solid #ffc107 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  }
}






@media (max-width: 768px) {
  /* Notes顶部图标总览 - 高质感渐变绿卡片 */
  .notes-list::before {
    content: '📦 Storage | 🧽 Initial Preparation | 🔧 Maintenance' !important;
    display: block !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-bottom: 1.5rem !important;
    font-size: 1.3rem !important;
    text-align: center !important;
    padding: 1.3rem 1px !important;
    background: linear-gradient(135deg, #28a745 0%, #20c997 50%, #17a2b8 100%) !important;
    border-radius: 12px !important;
    box-shadow: 
      0 8px 20px rgba(40, 167, 69, 0.25),
      0 4px 12px rgba(40, 167, 69, 0.15),
      inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
  }
  
  /* 增加光泽效果 */
  .notes-list::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent) !important;
    transition: left 0.5s ease !important;
  }
  
  .notes-list:hover::after {
    left: 100% !important;
  }
}








@media (max-width: 768px) {
  /* Shipping Policy顶部总览 */
  .shipping-list::before {
    content: '🚚 Free Shipping | ⏰ Delivery Time | 📦 Pre-order Items' !important;
    display: block !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-bottom: 1.5rem !important;
    font-size: 1.3rem !important;
    text-align: center !important;
    padding: 1.3rem 1px !important;
    background: linear-gradient(135deg, #17a2b8 0%, #20c997 50%, #28a745 100%) !important;
    border-radius: 12px !important;
    box-shadow: 
      0 8px 20px rgba(23, 162, 184, 0.25),
      0 4px 12px rgba(23, 162, 184, 0.15),
      inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
  }
  
  /* Shipping卡片样式 */
  .shipping-item {
    margin-bottom: 1.5rem !important;
    padding: 1.25rem !important;
    background: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 12px !important;
    border-left: 4px solid #17a2b8 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  }
  
  .shipping-item dt {
    font-weight: 700 !important;
    color: #2c3e50 !important;
    margin-bottom: 1rem !important;
    font-size: 2rem !important;
  }
  
  .shipping-item dd {
    color: #6c757d !important;
    font-size: 1.6rem !important;
    line-height: 1.6 !important;
    margin: 0 !important;
  }
}









@media (max-width: 768px) {
  /* 价格行采用独特的小卡片样式 */
  .price-line {
    display: block !important;
    margin: 0.8rem 0 !important;
    padding: 0.8rem 1rem !important;
    background: linear-gradient(135deg, #fff5f5 0%, #ffffff 100%) !important;
    border: 1px solid #fecaca !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 4px rgba(220, 53, 69, 0.1) !important;
    position: relative !important;
    transition: all 0.3s ease !important;
  }
  
  /* 价格卡片悬停效果 */
  .price-line:hover {
    transform: translateX(4px) !important;
    box-shadow: 0 4px 8px rgba(220, 53, 69, 0.15) !important;
    border-color: #dc3545 !important;
  }
  
  /* 简约红色箭头 */
  .price-line::before {
    content: '→' !important;
    color: #dc3545 !important;
    font-weight: 700 !important;
    margin-right: 0.5rem !important;
    font-size: 1.1rem !important;
  }
  
  /* 移除钱袋图标的额外样式 */
  .price-arrow {
    display: none !important;
  }
  
  .price-icon {
    margin-right: 0.3rem !important;
  }
}









@media (max-width: 768px) {
  /* WARRANTY卡片样式 - 与Delivery Time风格一致 */
  .warranty-item {
    margin-bottom: 1.5rem !important;
    padding: 1.25rem !important;
    background: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 12px !important;
    border-left: 4px solid #28a745 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  }
  
  .warranty-item dt {
    font-weight: 700 !important;
    color: #2c3e50 !important;
    margin-bottom: 1rem !important;
    font-size: 2rem !important;
  }
  
  .warranty-item dd {
    color: #6c757d !important;
    font-size: 1.6rem !important;
    line-height: 1.6 !important;
    margin: 0 !important;
  }
}






/* 移动端产品网格布局 - 强制覆盖Dawn主题（替换） */
@media (max-width: 768px) {
  .related-products-section .products-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: 1fr 1fr !important;
    gap: 0.8rem !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  
  /* 强制产品卡片布局（新增） */
  .related-products-section .product-card {
    width: 100% !important;
    min-height: 280px !important;
    flex: none !important;
    margin: 0 !important;
  }
  
  /* 隐藏多余产品（新增） */
  .related-products-section .product-card:nth-child(n+5) {
    display: none !important;
  }
  
  /* 强制图片比例（修改） */
  .related-products-section .product-image {
    aspect-ratio: 1.1 !important;
    height: 140px !important;
  }
}


/* 图片显示完美修复（替换） */
@media (max-width: 768px) {
  /* 图片容器尺寸固定（修改） */
  .related-products-section .product-image {
    width: 100% !important;
    height: 160px !important;
    aspect-ratio: unset !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f8f8f8 !important;
  }
  
  /* 图片完整显示不变形（修改） */
  .related-products-section .product-image img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center !important;
  }
  
  /* 产品标签位置调整（修改） */
  .related-products-section .product-badge {
    position: absolute !important;
    top: 0.5rem !important;
    left: 0.5rem !important;
    z-index: 10 !important;
  }
}



/* 产品标题显示修复（新增） */
@media (max-width: 768px) {
  /* 强制显示产品标题（新增） */
  .related-products-section .product-title {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
    margin-bottom: 0.5rem !important;
  }
  
  /* 产品标题链接显示（新增） */
  .related-products-section .product-title a {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 1.3rem !important;
    line-height: 1.3 !important;
    color: #333 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    height: auto !important;
    max-height: none !important;
    white-space: normal !important;
  }
  
/* 基于侦察情报的精准反击（替换） */
@media (max-width: 768px) {
  /* 重置产品信息区域（修改） */
  .related-products-section .product-info {
    padding: 0.8rem !important;
    display: block !important;
    height: auto !important;
    min-height: auto !important;
  }
  
  /* 强制显示产品标题（修改） */
  .related-products-section .product-title {
    display: block !important;
    margin-bottom: 0.6rem !important;
    height: auto !important;
    overflow: visible !important;
    font-size: 0.95rem !important;
    line-height: 1.3 !important;
  }
  
  /* 产品标题链接强制显示（修改） */
  .related-products-section .product-title a {
    display: block !important;
    color: #333 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  /* 价格区域重建（修改） */
  .related-products-section .product-price {
    display: block !important;
    margin-bottom: 0.4rem !important;
  }
  
  .related-products-section .current-price {
    font-size: 2rem !important;
    font-weight: 600 !important;
    color: #e74c3c !important;
  }
}





/* 狙击真凶 - 消除底部留白（修改） */
@media (max-width: 768px) {
  /* 消除产品信息区域的底部边距（修改） */
  .related-products-section .product-info {
    margin-bottom: 0 !important;
    padding-bottom: 0.6rem !important;
  }
  
  /* 如果是其他元素的margin-bottom也一并清除（新增） */
  .related-products-section .product-card {
    margin-bottom: 0 !important;
  }
  
  .related-products-section .product-rating {
    margin-bottom: 0 !important;
  }
}



/* 地毯式清除所有留白（替换） */
@media (max-width: 768px) {
  /* 产品卡片完全重置（修改） */
  .related-products-section .product-card {
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
  }
  
  /* 产品信息区域彻底清理（修改） */
  .related-products-section .product-info {
    margin: 0 !important;
    padding: 0.6rem !important;
    height: auto !important;
    min-height: auto !important;
    box-sizing: border-box !important;
  }
  
  /* 清理所有子元素的边距（新增） */
  .related-products-section .product-info * {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  
  /* 重新设置必要的间距（新增） */
  .related-products-section .product-title {
    margin-bottom: 0.4rem !important;
  }
  
  .related-products-section .product-price {
    margin-bottom: 0.3rem !important;
  }
  
  /* 网格容器也清理一下（新增） */
  .related-products-section .products-grid {
    margin: 0 !important;
    padding: 0 !important;
  }



}





/* 价格区域右对齐（修改） */
@media (max-width: 768px) {
  .related-products-section .product-price {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: baseline !important;
    gap: 0.4rem !important;
    margin-bottom: 0.3rem !important;
    text-align: right !important;
    margin-right: .8rem !important;
  }
  
  /* 促销价样式（修改） */
  .related-products-section .current-price {
    font-size: 2rem !important;
    font-weight: 600 !important;
    color: #e74c3c !important;
    order: 1 !important;
  }
  
  /* 原价样式（修改） */
  .related-products-section .original-price {
    font-size: 1.3rem !important;
    color: #999 !important;
    text-decoration: line-through !important;
    order: 2 !important;
  }
}




/* 移动端隐藏FOOTER - 精准选择器（新增） */
@media (max-width: 768px) {

  
  /* 或者针对整个footer group */
  .shopify-section-group-footer-group {
    display: none !important;
  }
  

}




/* 移动端样式 - 修改 */
@media (max-width: 767px) {
    .bundle-recommendation {
        background: linear-gradient(135deg, #ffffff 0%, #f8fffe 100%) !important;
        border: 2px solid #e6fffa !important;
        border-radius: 20px !important;
        margin: 1rem 0 !important;
        padding: 12px !important;
        box-shadow: 0 8px 24px rgba(56, 161, 105, 0.12) !important;
        overflow: hidden !important;
        width: auto !important; /* 新增：重置宽度 */
        max-width: none !important; /* 新增：重置最大宽度 */
    }
}







/* 移动端隐藏FOOTER - 精准选择器（新增） */
@media (max-width: 768px) {
  /* 针对具体的section ID */
  #shopify-section-sections--19866416480472__custom_liquid_maKFAH {
    display: none !important;
  }
  
  /* 或者针对整个footer group */
  .shopify-section-group-footer-group {
    display: none !important;
  }
  
  /* 或者针对内容容器 */
  .section-sections--19866416480472__custom_liquid_maKFAH-padding {
    display: none !important;
  }
}











/* 移动端套装推荐弹窗样式调整 - 为底部导航留空间 */
@media (max-width: 768px) {


    body .sticky-cart-sidebar .bundle-recommendation {
        max-height: 90% !important;
        overflow-y: auto !important;
        background: #fff !important;
        border-radius: 8px !important;
        margin: 0 !important;
    }
}





























































































  2. 阶梯价格表基础样式
========================================== */
.tier-pricing {
  margin: 15px 0 !important;
  padding: 15px !important;
  background: #f9f9f9 !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}

.tier-title {
  margin: 0 0 12px !important;
  font-size: 16px !important;
  color: #333 !important;
  text-align: center !important;
  font-weight: 600 !important;
}

.tier-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 10px 12px !important;
  border-bottom: 1px solid #eee !important;
  gap: 8px !important;
}

.tier-row:last-of-type {
  border-bottom: none !important;
}

.tier-qty {
  flex: 1 !important;
  font-weight: 500 !important;
}

.tier-original, .tier-discounted {
  flex: 1 !important;
  text-align: right !important;
}

.tier-savings {
  flex: 1 !important;
  text-align: right !important;
  font-weight: 600 !important;
}

.tier-notice {
  margin-top: 10px !important;
  text-align: center !important;
  font-size: 12px !important;
  color: #999 !important;
}

/* 价格短格式（移动端专用） */
.tier-price-short {
  display: none !important;
  flex: 1 !important;
  text-align: center !important;
  font-weight: 500 !important;
}

/* ==========================================
   3. 状态样式（选中/最优）
========================================== */
.tier-row--selected {
  background: #fff8f8 !important;
  border-radius: 8px !important;
  border-left: 4px solid #ff4d4f !important;
}

.tier-savings--none { color: #999 !important; }
.tier-savings--active { color: #28a745 !important; }
.tier-savings--best { color: #dc3545 !important; }

/* ==========================================
   4. 移动端响应式优化（核心！压缩垂直空间）
========================================== */
@media (max-width: 767px) {
  /* 隐藏1件行 */
  .tier-row[data-quantity="1"] {
    display: none !important;
  }
  
  /* 压缩间距 */
  .tier-pricing {
    padding: 12px !important;
    margin: 10px 0 !important;
  }
  
  .tier-row {
    padding: 8px 10px !important;
    flex-wrap: wrap !important;
  }
  
  .tier-title {
    font-size: 14px !important;
    margin-bottom: 8px !important;
  }
  

  .tier-price-short {
    display: block !important;
    width: 100% !important;
    order: 4 !important; /* 价格短格式放最后 */
    padding-top: 5px !important;
    border-top: 1px dashed #eee !important;
  }
  
  .tier-qty {
    flex: 2 !important;
  }
  
  .tier-savings {
    flex: 3 !important;
  }
  
  /* 折扣总览栏换行 */
  .bundle-badge {
    font-size: 13px !important;
    padding: 4px 12px !important;
    white-space: normal !important;
    width: 100% !important;
    text-align: center !important;
  }
}