.product-detail-page * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; }
.product-detail-page { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important; color: #1A1A2E !important; background: #F4F6FA !important; line-height: 1.7 !important; }

/* ===== BREADCRUMB ===== */
.product-detail-page .breadcrumb-bar { background: #2C3E6B !important; padding: 12px 0 !important; color: rgba(255,255,255,0.7) !important; font-size: 14px !important; }
.product-detail-page .breadcrumb-bar .nav-inner { max-width: 1200px !important; margin: 0 auto !important; padding: 0 20px !important; }
.product-detail-page .breadcrumb-bar a { color: rgba(255,255,255,0.8) !important; text-decoration: none !important; }
.product-detail-page .breadcrumb-bar a:hover { color: #fff !important; }
.product-detail-page .breadcrumb-bar span { margin: 0 8px !important; }

/* ===== RELATED PRODUCTS ===== */
.product-detail-page .related-products-section { background: #fff !important; padding: 50px 0 40px !important; border-bottom: 1px solid #D1D5DB !important; }
.product-detail-page .related-products-section .section-head { max-width: 1200px !important; margin: 0 auto 28px !important; padding: 0 20px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; }
.product-detail-page .related-products-section .section-head h2 { font-size: 22px !important; font-weight: 700 !important; color: #2C3E6B !important; }
.product-detail-page .related-products-section .section-head a { color: #4A6FA5 !important; text-decoration: none !important; font-size: 14px !important; font-weight: 600 !important; }
.product-detail-page .related-products-section .section-head a:hover { color: #2C3E6B !important; }
.product-detail-page .products-grid { max-width: 1200px !important; margin: 0 auto !important; padding: 0 20px !important; display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 60px !important; }
.product-detail-page .product-card { background: #F4F6FA !important; border-radius: 10px !important; overflow: hidden !important; transition: all 0.3s !important; border: 1px solid transparent !important; }
.product-detail-page .product-card:hover { border-color: #8ECAE6 !important; box-shadow: 0 6px 20px rgba(44,62,107,0.08) !important; transform: translateY(-3px) !important; }
.product-detail-page .card-image { aspect-ratio: 1 !important; overflow: hidden !important; background: #e9edf3 !important; }
.product-detail-page .card-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.4s !important; }
.product-detail-page .product-card:hover .card-image img { transform: scale(1.05) !important; }
.product-detail-page .card-content { padding: 14px !important; }
.product-detail-page .card-title { font-size: 16px !important; font-weight: 600 !important; line-height: 30px !important; margin-bottom: 8px !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
.product-detail-page .card-link { font-size: 14px !important; color: #4A6FA5 !important; text-decoration: none !important; font-weight: 600 !important; }
.product-detail-page .card-link:hover { color: #2C3E6B !important; }

/* ===== HERO ===== */
.product-detail-page .hero-section {
  background: #1A1A1A !important;
  padding: 80px 0 90px !important;
  position: relative !important;
  overflow: hidden !important;
}
.product-detail-page .hero-section::after {
  content: '' !important;
  position: absolute !important; bottom: -2px !important; left: 0 !important; right: 0 !important; height: 70px !important;
  background: #F4F6FA !important;
  clip-path: ellipse(55% 100% at 50% 100%) !important;
}
.product-detail-page .hero-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,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.025'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
}
.product-detail-page .hero-inner { max-width: 1200px !important; margin: 0 auto !important; padding: 0 20px !important; position: relative !important; z-index: 1 !important; text-align: center !important; }
.product-detail-page .hero-tag {
  display: inline-block !important;
  background: rgba(255,255,255,0.12) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  color: #8ECAE6 !important;
  padding: 6px 18px !important;
  border-radius: 20px !important;
  font-size: 14px !important;
  line-height: 2;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 20px !important;
}
.product-detail-page .hero-inner h1 { color: #FFFFFF !important; font-size: 38px !important; font-weight: 700 !important; line-height: 1.2 !important; margin-bottom: 16px !important; }
.product-detail-page .hero-inner h1 span { color: #8ECAE6 !important; }
.product-detail-page .hero-inner .desc { color: rgba(255,255,255,0.8) !important; font-size: 18px !important; max-width: 750px !important; margin: 0 auto 30px !important; line-height: 1.8;}
.product-detail-page .hero-pills { display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 10px !important; margin-bottom: 30px !important; }
.product-detail-page .hero-pill {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 8px !important;
  padding: 8px 18px !important;
  color: #FFFFFF !important;
  font-size: 14px !important;
  line-height: 2;
}
.product-detail-page .hero-pill strong { color: #8ECAE6 !important; }
.product-detail-page .btn-warm {
  display: inline-block !important; padding: 15px 40px !important;
  background: #8ECAE6 !important; color: #1A1A1A !important;
  font-weight: 700 !important; text-decoration: none !important; border-radius: 50px !important;
  font-size: 15px !important; transition: all 0.3s !important;
  box-shadow: 0 4px 18px rgba(142,202,230,0.3) !important;
}
.product-detail-page .btn-warm:hover { background: #B8D8E8 !important; transform: translateY(-2px) !important; box-shadow: 0 8px 28px rgba(142,202,230,0.4) !important; }

/* ===== COMMON ===== */
.product-detail-page .page-wrap { max-width: 1200px !important; margin: 0 auto !important; padding: 0 20px !important; }
.product-detail-page section { padding: 70px 0 !important; }
.product-detail-page .section-tag {
  display: inline-block !important;
  background: linear-gradient(135deg, #FFF8E7, #FFF3D6) !important;
  color: #B8860B !important;
  padding: 4px 14px !important;
  border-radius: 4px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
}
.product-detail-page .section-title { font-size: 30px !important; font-weight: 700 !important; color: #2C3E6B !important; margin-bottom: 10px !important; }
.product-detail-page .section-subtitle { color: #5A6275 !important; font-size: 15px !important; margin-bottom: 36px !important; }
.product-detail-page .text-center { text-align: center !important; }
.product-detail-page .text-center .section-subtitle { margin: 0 auto 36px !important; }
.product-detail-page .yf-p { margin-bottom: 16px !important; color: #5A6275 !important; font-size: 16px !important; line-height: 30px;}

/* ===== INTRODUCTION ===== */
.product-detail-page .intro-section { background: #fff !important; }
.product-detail-page .intro-grid { display: grid !important; grid-template-columns: 3fr 2fr !important; gap: 50px !important; align-items: start !important; }
.product-detail-page .intro-sidebar {
  background: #F4F6FA !important;
  border-radius: 16px !important;
  padding: 28px !important;
  border-left: 4px solid #D4A843 !important;
  position: sticky !important;
  top: 20px !important;
}
.product-detail-page .intro-sidebar h4 { color: #2C3E6B !important; font-size: 17px !important; margin-bottom: 18px !important; }
.product-detail-page .param-row { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 10px 0 !important; border-bottom: 1px solid #D1D5DB !important; font-size: 14px !important;line-height: 2; }
.product-detail-page .param-row:last-child { border-bottom: none !important; }
.product-detail-page .param-row .label { color: #5A6275 !important; }
.product-detail-page .param-row .value { font-weight: 700 !important; color: #2C3E6B !important; }

/* ===== SPECS ===== */
.product-detail-page .specs-section { background: #F4F6FA !important; }
.product-detail-page .specs-cards { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 24px !important; }
.product-detail-page .spec-card {
  background: #fff !important;
  border-radius: 14px !important;
  padding: 28px !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.04) !important;
}
.product-detail-page .spec-card h4 {
  color: #2C3E6B !important;
  font-size: 16px !important;
  margin-bottom: 16px !important;
  padding-bottom: 10px !important;
  border-bottom: 2px solid #D4A843 !important;
}
.product-detail-page .spec-line { display: flex !important; justify-content: space-between !important; padding: 9px 0 !important; border-bottom: 1px solid #EEF0F4 !important; font-size: 14px !important; line-height: 2;}
.product-detail-page .spec-line:last-child { border-bottom: none !important; }
.product-detail-page .spec-line .lbl { color: #5A6275 !important; }
.product-detail-page .spec-line .val { font-weight: 600 !important; color: #1A1A2E !important; }

/* ===== APPLICATION ===== */
.product-detail-page .app-section { background: #fff !important; }
.product-detail-page .app-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 22px !important; }
.product-detail-page .app-card {
  background: #F4F6FA !important;
  border-radius: 14px !important;
  padding: 26px !important;
  transition: all 0.3s !important;
  border: 1px solid transparent !important;
  border-left: 3px solid #D4A843 !important;
}
.product-detail-page .app-card:hover { border-color: #4A6FA5 !important; transform: translateY(-4px) !important; box-shadow: 0 8px 24px rgba(44,62,107,0.08) !important; }
.product-detail-page .app-card h4 { font-size: 16px !important; color: #2C3E6B !important; margin-bottom: 8px !important;     line-height: 30px;}
.product-detail-page .app-card p { font-size: 14px !important; color: #5A6275 !important;     line-height: 2;}

/* ===== ADVANTAGES ===== */
.product-detail-page .adv-section {
  background: linear-gradient(135deg, #1A2744 0%, #2C3E6B 50%, #4A6FA5 100%) !important;
  color: #fff !important;
}
.product-detail-page .adv-section .section-title { color: #fff !important; }
.product-detail-page .adv-section .section-subtitle { color: rgba(255,255,255,0.6) !important; }
.product-detail-page .adv-section .section-tag { background: rgba(212,168,67,0.2) !important; color: #D4A843 !important; }
.product-detail-page .adv-grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 22px !important; }
.product-detail-page .adv-item {
  text-align: center !important;
  padding: 28px 20px !important;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 14px !important;
  transition: all 0.3s !important;
}
.product-detail-page .adv-item:hover { background: rgba(255,255,255,0.12) !important; transform: translateY(-4px) !important; box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important; }
.product-detail-page .adv-item .metric { font-size: 34px !important; font-weight: 800 !important; color: #D4A843 !important; margin-bottom: 6px !important; }
.product-detail-page .adv-item h4 { font-size: 16px !important; margin-bottom: 6px !important;line-height: 30px; }
.product-detail-page .adv-item p { font-size: 14px !important; color: rgba(255,255,255,0.55) !important;line-height: 2; }

/* ===== SHIPPING ===== */
.product-detail-page .ship-section { background: #F4F6FA !important; }
.product-detail-page .ship-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 22px !important; }
.product-detail-page .ship-card {
  background: #fff !important;
  border-radius: 14px !important;
  padding: 26px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.03) !important;
}
.product-detail-page .ship-card h4 { font-size: 17px !important; color: #2C3E6B !important; margin-bottom: 14px !important; }
.product-detail-page .ship-card .yf-p { font-size: 14px !important; margin-bottom: 6px !important; }

/* 标签按钮样式 */
.tab-buttons {
    margin-bottom: 24px;
    display: flex;
    gap: 12px;
    padding-bottom: 40px !important; 
}

.tab-button {
    padding: 10px 24px !important;
  background: #F4F6FA !important;
  border: 1px solid #D1D5DB !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #5A6275 !important;
  transition: all 0.3s !important;
  user-select: none !important;
}

.tab-button.active {
    background: #2C3E6B !important; color: #fff !important; border-color: #2C3E6B !important;
}

/* FAQ卡片样式 */
.faq-panel {
    display: none;
}

.faq-panel.active {
   display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 16px !important; 
}

.faq-card {
   padding: 20px 22px !important;
  background: #F4F6FA !important;
  border-radius: 12px !important;
  border-left: 3px solid #D4A843 !important;
}

.faq-card h4 {
   font-size: 16px !important; color: #2C3E6B !important; margin-bottom: 8px !important; font-weight: 600 !important;
   line-height: 30px;
}

.faq-card p {
   font-size: 14px !important; color: #5A6275 !important;
   line-height: 2;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .tab-buttons {
        flex-direction: column;
        gap: 8px;
    }
    
    .tab-button {
        width: 100%;
        text-align: center;
    }
    
    .faq-card {
        padding: 16px 20px;
    }
}

/* ===== GENERAL INFO ===== */
.product-detail-page .info-section { background: #F4F6FA !important; }
.product-detail-page .info-table {
  margin: 0 auto !important;
  width: 100% !important;
  border-collapse: collapse !important;
  background: #fff !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.04) !important;
}
.product-detail-page .info-table tr:nth-child(even) { background: #F8FAFC !important; }
.product-detail-page .info-table td { padding: 13px 24px !important; border-bottom: 1px solid #EEF0F4 !important; font-size: 14px !important; }
.product-detail-page .info-table td:first-child { font-weight: 600 !important; color: #2C3E6B !important; }

/* ===== QUALITY CONTROL ===== */
.product-detail-page .quality-section { background: #fff !important; }
.product-detail-page .quality-steps { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 24px !important; margin-top: 24px !important; }
.product-detail-page .q-step {
  text-align: center !important;
  padding: 26px !important;
  background: #F4F6FA !important;
  border-radius: 16px !important;
  position: relative !important;
}
.product-detail-page .q-step::after {
  content: '' !important;
  position: absolute !important;
  top: 32px !important;
  right: -16px !important;
  width: 28px !important;
  height: 2px !important;
  background: #D1D5DB !important;
}
.product-detail-page .q-step:last-child::after { display: none !important; }
.product-detail-page .q-step .step-num {
  width: 42px !important;
  height: 42px !important;
  background: #2C3E6B !important;
  color: #fff !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  margin: 0 auto 14px !important;
}
.product-detail-page .q-step h4 { font-size: 16px !important; color: #1A2744 !important; margin-bottom: 8px !important;line-height: 30px; }
.product-detail-page .q-step p { font-size: 14px !important; color: #5A6275 !important;line-height: 2; }

/* ===== TESTING ===== */
.product-detail-page .test-section { background: #F4F6FA !important; }
.product-detail-page .test-grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 20px !important; }
.product-detail-page .test-card {
  background: #fff !important;
  border-radius: 14px !important;
  padding: 24px !important;
  box-shadow: 0 1px 8px rgba(0,0,0,0.03) !important;
  display: flex !important;
  gap: 14px !important;
  align-items: flex-start !important;
}
.product-detail-page .test-num {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  background: #2C3E6B !important;
  color: #fff !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 800 !important;
  font-size: 16px !important;
}
.product-detail-page .test-card h4 { font-size: 16px !important; color: #2C3E6B !important; margin-bottom: 4px !important;line-height: 30px; }
.product-detail-page .test-card p { font-size: 14px !important; color: #5A6275 !important; line-height: 2;}

/* ===== BUYER'S GUIDE ===== */
.product-detail-page .guide-section { background: #fff !important; }
.product-detail-page .guide-table {
  width: 100% !important;
  border-collapse: collapse !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 16px rgba(0,0,0,0.05) !important;
}
.product-detail-page .guide-table thead { background: #1A2744 !important; color: #fff !important; }
.product-detail-page .guide-table th { padding: 14px 22px !important; font-size: 14px !important; text-align: left !important; font-weight: 600 !important; }
.product-detail-page .guide-table td { padding: 13px 22px !important; font-size: 14px !important; border-bottom: 1px solid #EEF0F4 !important; }
.product-detail-page .guide-table tbody tr:nth-child(even) { background: #F8FAFC !important; }
.product-detail-page .guide-table tbody tr:hover { background: #EBF0F7 !important; }
.product-detail-page .guide-best { color: #2C3E6B !important; font-weight: 700 !important; }
.product-detail-page .guide-note {
  margin-top: 24px !important;
  padding: 20px 24px !important;
  background: linear-gradient(135deg, #FFF8E7, #FFF3D6) !important;
  border-left: 4px solid #D4A843 !important;
  border-radius: 0 12px 12px 0 !important;
  font-size: 14px !important;
  color: #5A6275 !important;
}
.product-detail-page .guide-note strong { color: #2C3E6B !important; }

/* ===== ABOUT US ===== */
.product-detail-page .Auxil-about { background: #fff !important; padding: 80px 0 !important; }
.product-detail-page .Auxil-about .grid-box.two {
  display: grid !important;
  grid-template-columns: 1fr 1.3fr !important;
  gap: 60px !important;
  align-items: center !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}
.product-detail-page .Auxil-about .column.left img {
  width: 100% !important;
  border-radius: 16px !important;
  display: block !important;
  box-shadow: 0 12px 40px rgba(44,62,107,0.1) !important;
}
.product-detail-page .Auxil-about .column.right .h3 {
  font-size: 28px !important;
  font-weight: 800 !important;
  color: #2C3E6B !important;
  letter-spacing: 2px !important;
  margin-bottom: 24px !important;
  position: relative !important;
  padding-bottom: 16px !important;
}
.product-detail-page .Auxil-about .column.right .h3::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 60px !important;
  height: 3px !important;
  background: #D4A843 !important;
  border-radius: 2px !important;
}
.product-detail-page .Auxil-about .column.right .text {
  font-size: 15px !important;
  color: #5A6275 !important;
  line-height: 1.85 !important;
}

/* ===== HONOR ===== */
.product-detail-page .Auxil-honor { background: #F4F6FA !important; padding: 70px 0 !important; }
.product-detail-page .Auxil-honor .ui { max-width: 1200px !important; margin: 0 auto !important; padding: 0 20px !important; }
.product-detail-page .Auxil-honor .title {
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #2C3E6B !important;
  text-align: center !important;
  margin-bottom: 36px !important;
  position: relative !important;
  display: inline-block !important;
  width: 100% !important;
}
.product-detail-page .Auxil-honor .title::after {
  content: '' !important;
  display: block !important;
  width: 50px !important;
  height: 3px !important;
  background: #D4A843 !important;
  margin: 14px auto 0 !important;
  border-radius: 2px !important;
}
.product-detail-page .Auxil-honor .list { margin-top: 10px !important; }
.product-detail-page .Auxil-honor .grid-box.four {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  list-style: none !important;
}
.product-detail-page .Auxil-honor .grid-box.four .column { list-style: none !important; }
.product-detail-page .Auxil-honor .img-box {
  display: block !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.05) !important;
  transition: all 0.3s !important;
}
.product-detail-page .Auxil-honor .img-box:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 28px rgba(44,62,107,0.1) !important;
}
.product-detail-page .Auxil-honor .img-box img {
  width: 100% !important;
  aspect-ratio: 4/3 !important;
  object-fit: cover !important;
  display: block !important;
}

/* ===== QUALITY CREATES THE FUTURE ===== */
.product-detail-page .about-page { background: #fff !important; }
.product-detail-page .about-4 { padding: 80px 0 !important; }
.product-detail-page .about-4 .ui { max-width: 1200px !important; margin: 0 auto !important; padding: 0 20px !important; }
.product-detail-page .about-4 .h3 {
  font-size: 28px !important;
  font-weight: 800 !important;
  color: #2C3E6B !important;
  text-align: center !important;
  margin-bottom: 40px !important;
  letter-spacing: 1px !important;
  position: relative !important;
  display: inline-block !important;
  width: 100% !important;
}
.product-detail-page .about-4 .h3::after {
  content: '' !important;
  display: block !important;
  width: 50px !important;
  height: 3px !important;
  background: #D4A843 !important;
  margin: 14px auto 0 !important;
  border-radius: 2px !important;
}
.product-detail-page .about-4 .list.grid-box.four {
  display: grid !important;
  gap: 24px !important;
  list-style: none !important;
}
.product-detail-page .about-4 .list.grid-box.four .column { list-style: none !important; }
.product-detail-page .about-4 .item {
  display: flex !important;
  gap: 20px !important;
  align-items: flex-start !important;
  padding: 28px !important;
  background: #F4F6FA !important;
  border-radius: 16px !important;
  border: 1px solid transparent !important;
  transition: all 0.3s !important;
  height: 360px;
}
.product-detail-page .about-4 .item:hover {
  border-color: #4A6FA5 !important;
  box-shadow: 0 6px 20px rgba(44,62,107,0.07) !important;
  transform: translateX(4px) !important;
}
.product-detail-page .about-4 .item img {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  object-fit: contain !important;
  border-radius: 12px !important;
  background: #fff !important;
  padding: 6px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}
.product-detail-page .about-4 .vname {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #2C3E6B !important;
  margin-bottom: 8px !important;
  line-height: 30px !important;
}
.product-detail-page .about-4 .vname br { display: none !important; }
.product-detail-page .about-4 .font-16 {
  font-size: 14px !important;
  color: #5A6275 !important;
  line-height: 2 !important;
}

/* ===== CUSTOMIZATION PROCESS ===== */
.product-detail-page .init-1 { background: #F4F6FA !important; padding: 80px 0 !important; }
.product-detail-page .init-1 .ui { max-width: 1200px !important; margin: 0 auto !important; padding: 0 20px !important; }
.product-detail-page .init-1 .title {
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #2C3E6B !important;
  text-align: center !important;
  margin-bottom: 14px !important;
}
.product-detail-page .init-1 .title em {
  font-style: normal !important;
  color: #D4A843 !important;
}
.product-detail-page .init-1 .con {
  text-align: center !important;
  color: #5A6275 !important;
  font-size: 15px !important;
  margin-bottom: 40px !important;
  max-width: 700px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.product-detail-page .init-1 .des { margin: 0 auto !important; }
.product-detail-page .init-1 .number {
  list-style: none !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 18px !important;
}
.product-detail-page .init-1 .number li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  background: #fff !important;
  border-radius: 14px !important;
  padding: 22px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.03) !important;
  border: 1px solid transparent !important;
  transition: all 0.3s !important;
  font-size: 16px !important;
  color: #5A6275 !important;
  line-height: 30px !important;
}
.product-detail-page .init-1 .number li:hover {
  border-color: #4A6FA5 !important;
  box-shadow: 0 6px 20px rgba(44,62,107,0.07) !important;
}
.product-detail-page .init-1 .number .sub {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  background: #2C3E6B !important;
  color: #fff !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  margin-top: 1px !important;
}

/* ===== RELATED TAGS ===== */
.product-detail-page .related-tags-section { background: #F4F6FA !important; padding: 60px 0 !important; }
.product-detail-page .related-tags-section h2 { font-size: 24px !important; font-weight: 700 !important; color: #2C3E6B !important; margin-bottom: 24px !important; }
.product-detail-page .related-tags-list { list-style: none !important; display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 18px !important; }
.product-detail-page .related-info-item {
  background: #fff !important;
  border-radius: 12px !important;
  padding: 22px !important;
  box-shadow: 0 1px 8px rgba(0,0,0,0.03) !important;
  transition: all 0.3s !important;
  border: 1px solid transparent !important;
}
.product-detail-page .related-info-item:hover { border-color: #8ECAE6 !important; box-shadow: 0 4px 16px rgba(44,62,107,0.06) !important; }
.product-detail-page .related-info-item h3 {
  font-size: 15px !important;
  font-weight: 600 !important;
  margin-bottom: 8px !important;
  line-height: 1.4 !important;
}
.product-detail-page .related-info-item h3 a { color: #2C3E6B !important; text-decoration: none !important; }
.product-detail-page .related-info-item h3 a:hover { color: #4A6FA5 !important; }
.product-detail-page .related-info-item p { font-size: 13px !important; color: #5A6275 !important; line-height: 1.6 !important; }

/* ===== CTA ===== */
.product-detail-page .cta-bar {
  background: linear-gradient(135deg, #1A2744, #2C3E6B, #4A6FA5) !important;
  padding: 50px 0 !important;
  text-align: center !important;
  color: #fff !important;
}
.product-detail-page .cta-bar h2 { font-size: 28px !important; margin-bottom: 10px !important; }
.product-detail-page .cta-bar p { color: rgba(255,255,255,0.7) !important; margin-bottom: 24px !important; font-size: 16px !important; }

/* ===== FONT SIZE OVERRIDES ===== */
.product-detail-page .font-60 { font-size: inherit !important; }
.product-detail-page .font-18 { font-size: inherit !important; }
.product-detail-page .font-16 { font-size: inherit !important; }
.product-detail-page .font-40 { font-size: inherit !important; }

/* ===== GRID-BOX OVERRIDES ===== */
.product-detail-page .grid-box { display: contents !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; }
.product-detail-page .Auxil-about .grid-box,
.product-detail-page .Auxil-honor .grid-box,
.product-detail-page .about-4 .grid-box,
.product-detail-page .init-1 .grid-box { display: grid !important; }

/* ===== COLUMN OVERRIDES ===== */
.product-detail-page .column { flex: none !important; width: auto !important; padding: 0 !important; margin: 0 !important; }

/* ===== UI OVERRIDES ===== */
.product-detail-page .ui { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 20px !important; }
.product-detail-page .Auxil-honor .ui,
.product-detail-page .about-4 .ui,
.product-detail-page .init-1 .ui { max-width: 1200px !important; margin: 0 auto !important; }

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
  .product-detail-page .products-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .product-detail-page .Auxil-honor .grid-box.four { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 768px) {
  .product-detail-page .products-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .product-detail-page .hero-inner h1 { font-size: 26px !important; }
  .product-detail-page .intro-grid { grid-template-columns: 1fr !important; }
  .product-detail-page .intro-sidebar { position: static !important; }
  .product-detail-page .specs-cards,
  .product-detail-page .app-grid,
  .product-detail-page .adv-grid,
  .product-detail-page .ship-grid,
  .product-detail-page .faq-panel,
  .product-detail-page .test-grid { grid-template-columns: 1fr !important; }
  .product-detail-page .related-tags-list { grid-template-columns: 1fr !important; }
  .product-detail-page .quality-steps { grid-template-columns: 1fr !important; }
  .product-detail-page .q-step::after { display: none !important; }
  .product-detail-page .Auxil-about .grid-box.two { grid-template-columns: 1fr !important; gap: 30px !important; }
  .product-detail-page .Auxil-honor .grid-box.four { grid-template-columns: repeat(2, 1fr) !important; }
  .product-detail-page .about-4 .list.grid-box.four { grid-template-columns: 1fr !important; }
  .product-detail-page .init-1 .number { grid-template-columns: 1fr !important; }
}
/* ========== 数据亮点 - 独立样式 ========== */
.about-b {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 0;
    padding: 70px 0;
    background: linear-gradient(135deg, #0b1a2e 0%, #132742 50%, #0d1f35 100%);
    position: relative;
    overflow: hidden;
}

/* 背景装饰网格 */
.about-b::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
    background-size: 60px 60px;
    pointer-events: none;
}

/* 顶部装饰光晕 */
.about-b::after {
    content: "";
    position: absolute;
    top: -80px;
    left: 50%;
    transform: translateX(-50%);
    width: 400px;
    height: 200px;
    background: radial-gradient(ellipse, rgba(59,130,246,0.15), transparent 70%);
    pointer-events: none;
}

.about-b__item {
    flex: 1;
    max-width: 300px;
    text-align: center;
    padding: 30px 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    transition: transform 0.4s ease, background 0.4s ease;
    cursor: default;
}

/* 分隔竖线 */
.about-b__item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 25%;
    height: 50%;
    width: 1px;
    background: linear-gradient(
        to bottom,
        transparent,
        rgba(255,255,255,0.12) 30%,
        rgba(255,255,255,0.12) 70%,
        transparent
    );
}

/* 顶部装饰短横线 */
.about-b__line {
    width: 36px;
    height: 3px;
    background: linear-gradient(90deg, #3b82f6, #60a5fa);
    border-radius: 2px;
    transition: width 0.4s ease;
}

.about-b__item:hover .about-b__line {
    width: 60px;
}

/* 序号 */
.about-b__num {
    font-family: "Arial", sans-serif;
    font-size: 52px;
    font-weight: 800;
    line-height: 1;
    background: linear-gradient(180deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.25) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: 2px;
    transition: transform 0.4s ease;
}

.about-b__item:hover .about-b__num {
    transform: translateY(-4px);
}

/* 描述文字 */
.about-b__text {
    font-size: 16px;
    font-weight: 500;
    color: rgba(255,255,255,0.65);
    line-height: 30px;
    margin: 0;
    letter-spacing: 0.5px;
    transition: color 0.3s ease;
}

/* 悬停效果 */
.about-b__item:hover {
    transform: translateY(-6px);
    background: rgba(255,255,255,0.04);
}

.about-b__item:hover .about-b__text {
    color: rgba(255,255,255,0.9);
}

/* ========== 响应式 ========== */
@media (max-width: 900px) {
    .about-b {
        flex-wrap: wrap;
        padding: 50px 20px;
        gap: 0;
    }
    .about-b__item {
        flex: 1 1 calc(50% - 1px);
        max-width: none;
        padding: 28px 20px;
    }
    /* 横线分隔替代竖线 */
    .about-b__item:not(:last-child)::after {
        top: auto;
        bottom: 0;
        left: 15%;
        right: 15%;
        width: auto;
        height: 1px;
        background: linear-gradient(
            to right,
            transparent,
            rgba(255,255,255,0.1) 30%,
            rgba(255,255,255,0.1) 70%,
            transparent
        );
    }
    /* 第2个item不需要底部线（与第3个之间保持竖线） */
    .about-b__item:nth-child(2)::after {
        top: 20%;
        bottom: 20%;
        left: auto;
        right: 0;
        width: 1px;
        height: auto;
        background: linear-gradient(
            to bottom,
            transparent,
            rgba(255,255,255,0.1) 30%,
            rgba(255,255,255,0.1) 70%,
            transparent
        );
    }
    .about-b__num {
        font-size: 42px;
    }
}

@media (max-width: 480px) {
    .about-b {
        padding: 40px 16px;
    }
    .about-b__item {
        flex: 1 1 100%;
    }
    .about-b__item:not(:last-child)::after {
        top: auto;
        bottom: 0;
        left: 20%;
        right: 20%;
        width: auto;
        height: 1px;
        background: linear-gradient(
            to right,
            transparent,
            rgba(255,255,255,0.1),
            transparent
        );
    }
    .about-b__item:nth-child(2)::after {
        top: auto;
        bottom: 0;
        left: 20%;
        right: 20%;
        width: auto;
        height: 1px;
    }
    .about-b__num {
        font-size: 36px;
    }
    .about-b__text {
        font-size: 13px;
    }
}

