/* ===== 1688 视觉风格还原 · 固泰塑胶独立站 ===== */
/* 字体、配色、间距均按 1688 旺铺还原 */
* { box-sizing: border-box; margin: 0
/* ===== B2B询盘CTA区 ===== */
.inquiry-cta {
  margin: 0 0;

  background: linear-gradient(135deg, #1a2230 0%, #2c3e50 100%);
  padding: 50px 0;
  position: relative;
  overflow: hidden;
}
.inquiry-cta::before {
  content: '';
  position: absolute;
  top: 0; right: 0;
  width: 400px; height: 100%;
  background: radial-gradient(ellipse at right, rgba(255,115,0,.15), transparent 70%);
}
.inquiry-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}
.inquiry-text h2 {
  font-size: 28px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 14px;
  letter-spacing: 1px;
}
.inquiry-text p {
  font-size: 15px;
  color: rgba(255,255,255,.7);
  line-height: 1.8;
}
.inquiry-btns {
  display: flex;
  gap: 16px;
}
.btn-cta {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 28px;
  border-radius: 10px;
  transition: all .3s;
  text-decoration: none;
  min-width: 180px;
}
.btn-cta:hover {
  text-decoration: none;
  transform: translateY(-3px);
}
.btn-cta-primary {
  background: linear-gradient(135deg, #ff7300, #ff9500);
  color: #fff;
  box-shadow: 0 8px 24px rgba(255,115,0,.35);
}
.btn-cta-primary:hover {
  color: #fff;
  box-shadow: 0 12px 32px rgba(255,115,0,.5);
}
.btn-cta-outline {
  background: rgba(255,255,255,.08);
  color: #fff;
  border: 1px solid rgba(255,255,255,.25);
}
.btn-cta-outline:hover {
  color: #fff;
  background: rgba(255,255,255,.15);
  border-color: rgba(255,255,255,.4);
}
.cta-icon {
  font-size: 28px;
  line-height: 1;
}
.cta-info strong {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 2px;
}
.cta-info small {
  font-size: 12px;
  opacity: .8;
  font-weight: normal;
}
/* ===== 大图组（限宽+间距+圆角阴影） ===== */
.fullscreen-imgs {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  background: #f5f5f5;
  padding: 20px 16px 8px;
  box-sizing: border-box;
}
.fs-img {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto 16px;
  display: block;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 6px 20px rgba(0,0,0,.08);
  transition: all .4s;
}
.fs-img:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 36px rgba(0,0,0,.15);
}
.fs-img:last-child { margin-bottom: 0; }
.fs-img img {
  width: 100%;
  height: auto;
  display: block;
}

/* ===== 核心数据条 ===== */
.stats-bar {
  background: linear-gradient(135deg, #ff7300 0%, #ff9500 100%);
  color: #fff;
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}
.stats-bar::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  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.05'%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");
}
.stats-inner {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 28px 0;
  position: relative;
  z-index: 1;
}
.stat-item { text-align: center; }
.stat-num {
  font-size: 40px;
  font-weight: 800;
  font-family: Tahoma, Arial;
  line-height: 1;
  margin-bottom: 6px;
}
.stat-num span {
  font-size: 16px;
  font-weight: 600;
  margin-left: 2px;
}
.stat-label {
  font-size: 14px;
  opacity: .9;
  letter-spacing: 1px;
}
.stat-divider {
  width: 1px;
  height: 48px;
  background: rgba(255,255,255,.3);
}

/* ===== 产品分类入口 ===== */
.cat-entries {
  background: #fff;
  padding: 24px 0;
  border-bottom: 1px solid #eee;
}
.cat-entries-inner {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0;
}
.cat-entry {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  border-right: 1px solid #f0f0f0;
  transition: all .3s;
  position: relative;
  overflow: hidden;
}
.cat-entry:last-child { border-right: 0; }
.cat-entry:hover {
  background: linear-gradient(135deg, #fff5ec, #fffaf3);
  text-decoration: none;
}
.cat-entry::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 3px;
  background: #ff7300;
  transform: scaleX(0);
  transition: transform .3s;
}
.cat-entry:hover::after { transform: scaleX(1); }

.cat-icon {
  width: 48px; height: 48px; line-height: 48px;
  text-align: center;
  background: linear-gradient(135deg, #fff5ec, #ffe8cc);
  color: #ff7300;
  font-size: 16px;
  font-weight: bold;
  border-radius: 10px;
  flex-shrink: 0;
  transition: all .3s;
}
.cat-entry:hover .cat-icon {
  background: linear-gradient(135deg, #ff7300, #ff9500);
  color: #fff;
  transform: scale(1.1);
}
.cat-info { flex: 1; min-width: 0; }
.cat-name {
  font-size: 15px;
  font-weight: bold;
  color: #333;
  margin-bottom: 2px;
}
.cat-sub {
  font-size: 12px;
  color: #999;
}
.cat-arrow {
  color: #ccc;
  font-size: 14px;
  transition: all .3s;
}
.cat-entry:hover .cat-arrow {
  color: #ff7300;
  transform: translateX(4px);
}
/* ===== 首页产品区（单栏全宽） ===== */
.home-content-full {
  display: flex;
  flex-direction: column;
  gap: 28px;
  margin-top: 28px;
  margin-bottom: 40px;
}
.home-content-full > section,
.home-content-full > .slider-section {
  max-width: 1400px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.cat-sidebar h3 {
  background: #ff7300; color: #fff; padding: 10px 14px;
  font-size: 14px; font-weight: bold;
}
.cat-sidebar li { border-bottom: 1px dashed #eee; }
.cat-sidebar li:last-child { border-bottom: 0; }
.cat-sidebar a {
  display: block; padding: 10px 14px; font-size: 13px;
  color: #555; position: relative;
}
.cat-sidebar a:hover { background: #fff5ec; color: #ff7300; text-decoration: none; }
.cat-sidebar a::after { content: '›'; position: absolute; right: 14px; color: #ccc; }

/* 内容区 */
.home-content-full section { background: #fff; }
/* ===== 图片轮播模块（仿1688 slider） ===== */
.slider-section {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(0,0,0,.07);
  transition: box-shadow .3s;
}
.slider-section:hover {
  box-shadow: 0 10px 32px rgba(0,0,0,.1);
}
.slider-viewport {
  position: relative;
  width: 100%;
  height: 340px;
  overflow: hidden;
  background: #f5f5f5;
}
.slider-track {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform .5s cubic-bezier(0.86, 0, 0.07, 1);
  will-change: transform;
}
.slider-item {
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.slider-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 64px;
  background: rgba(0,0,0,.25);
  color: #fff;
  font-size: 26px;
  line-height: 64px;
  text-align: center;
  border: none;
  cursor: pointer;
  transition: all .3s;
  font-family: Arial, sans-serif;
  padding: 0;
  z-index: 2;
}
.slider-arrow:hover {
  background: rgba(0,0,0,.5);
}
.slider-arrow-prev { left: 0; }
.slider-arrow-next { right: 0; }

.slider-dots {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 2;
}
.slider-dots li {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(0,0,0,.32);
  cursor: pointer;
  transition: all .3s;
}
.slider-dots li.active {
  background: #ff7300;
  transform: scale(1.3);
}


/* ===== 顶部导航（B2B高级版） ===== */
.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(255,255,255,.98);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid #eee;
  box-shadow: 0 2px 8px rgba(0,0,0,.04);
}
.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 80px;
}
.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}
.brand:hover { text-decoration: none; }
.brand-logo {
  width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  background: linear-gradient(135deg, #ff7300, #ff9500);
  color: #fff;
  font-size: 19px;
  font-weight: bold;
  border-radius: 10px;
  letter-spacing: -1px;
  box-shadow: 0 4px 12px rgba(255,115,0,.3);
}
.brand-name {
  font-size: 21px;
  font-weight: 800;
  color: #1a2230;
  letter-spacing: 1px;
}
.brand-tag {
  display: inline-block;
  margin-left: 6px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 500;
  color: #ff7300;
  background: #fff5ec;
  border-radius: 3px;
  vertical-align: middle;
  letter-spacing: 0;
}
.site-nav {
  display: flex;
  gap: 48px;
}
.site-nav a {
  font-size: 15px;
  font-weight: 500;
  color: #333;
  position: relative;
  padding: 6px 0;
  transition: color .3s;
}
.site-nav a:hover {
  color: #ff7300;
  text-decoration: none;
}
.site-nav a.active {
  color: #ff7300;
  font-weight: 600;
}
.site-nav a.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: #ff7300;
  border-radius: 2px;
}
.btn-inquiry {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 11px 26px;
  background: linear-gradient(135deg, #ff7300, #ff9500);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  transition: all .3s;
  box-shadow: 0 4px 14px rgba(255,115,0,.32);
}
.btn-inquiry:hover {
  color: #fff;
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(255,115,0,.45);
}
.btn-inquiry::before {
  content: '📞';
  font-size: 14px;
}

/* ===== 底部Footer（B2B高级版） ===== */
.site-footer {
  background: #1a2230;
  color: rgba(255,255,255,.7);
  padding-top: 70px;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.site-footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,115,0,.6), transparent);
}
.footer-inner {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1.3fr;
  gap: 50px;
  padding-bottom: 50px;
}
.footer-col h4 {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 22px;
  position: relative;
  padding-left: 12px;
}
.footer-col h4::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 16px;
  background: #ff7300;
  border-radius: 2px;
}
.footer-col ul li {
  margin-bottom: 14px;
}
.footer-col ul li a {
  color: rgba(255,255,255,.6);
  font-size: 14px;
  transition: color .3s;
}
.footer-col ul li a:hover {
  color: #ff7300;
  text-decoration: none;
}
.footer-logo {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}
.footer-logo .brand-logo {
  width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  background: linear-gradient(135deg, #ff7300, #ff9500);
  color: #fff;
  font-size: 19px;
  font-weight: bold;
  border-radius: 10px;
}
.footer-logo .brand-name {
  font-size: 21px;
  font-weight: 800;
  color: #fff;
}
.footer-desc {
  font-size: 13px;
  line-height: 1.9;
  color: rgba(255,255,255,.5);
  margin-bottom: 20px;
}
.footer-social {
  display: flex;
  gap: 10px;
}
.footer-social a {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.6);
  border-radius: 8px;
  font-size: 16px;
  transition: all .3s;
}
.footer-social a:hover {
  background: #ff7300;
  color: #fff;
  text-decoration: none;
  transform: translateY(-2px);
}
.footer-contact .footer-phone {
  font-size: 28px;
  font-weight: 800;
  color: #ff7300;
  font-family: Tahoma, Arial;
  margin-bottom: 12px;
  letter-spacing: 1px;
}
.footer-contact p {
  font-size: 13px;
  color: rgba(255,255,255,.5);
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.footer-contact p::before {
  content: '›';
  color: #ff7300;
  font-weight: bold;
}
.footer-bottom {
  border-top: 1px solid rgba(255,255,255,.08);
  padding: 22px 0;
  font-size: 12px;
  color: rgba(255,255,255,.4);
}
.footer-bottom .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer-bottom a {
  color: rgba(255,255,255,.4);
  margin: 0 8px;
}
.footer-bottom a:hover { color: #ff7300; }


/* ===== 页面通用Banner ===== */
.page-banner {
  background: linear-gradient(135deg, #1a2230 0%, #2c3e50 100%);
  color: #fff;
  padding: 70px 0;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.page-banner::before {
  content: '';
  position: absolute;
  top: 0; right: 0;
  width: 500px; height: 100%;
  background: radial-gradient(ellipse at right, rgba(255,115,0,.18), transparent 70%);
}
.page-banner-text {
  position: relative;
  z-index: 1;
}
.page-banner-text h1 {
  font-size: 36px;
  font-weight: 800;
  margin-bottom: 12px;
  letter-spacing: 2px;
}
.page-banner-text p {
  font-size: 16px;
  color: rgba(255,255,255,.7);
  letter-spacing: 1px;
}
.page-banner-text p::before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 2px;
  background: #ff7300;
  vertical-align: middle;
  margin-right: 12px;
}

/* ===== 列表页 (category) ===== */
.category-page {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 28px 0 40px;
}
.filter-bar {
  background: #fff;
  border-radius: 12px;
  padding: 20px 28px;
  box-shadow: 0 6px 24px rgba(0,0,0,.07);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
.filter-group, .sort-group {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.filter-label, .sort-label {
  font-size: 14px;
  color: #888;
  font-weight: 600;
  margin-right: 4px;
}
.filter-item, .sort-item {
  display: inline-block;
  padding: 6px 16px;
  font-size: 14px;
  color: #555;
  border-radius: 4px;
  transition: all .2s;
  cursor: pointer;
}
.filter-item:hover, .sort-item:hover {
  background: #fff5ec;
  color: #ff7300;
  text-decoration: none;
}
.filter-item.active, .sort-item.active {
  background: linear-gradient(135deg, #ff7300, #ff9500);
  color: #fff;
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(255,115,0,.3);
}
.result-info {
  padding: 0 8px;
  font-size: 14px;
  color: #888;
}
.result-info strong { color: #ff7300; font-size: 18px; }
.list-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 6px 24px rgba(0,0,0,.07);
  overflow: hidden;
}
.empty-state {
  text-align: center;
  padding: 80px 20px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 6px 24px rgba(0,0,0,.07);
}
.empty-icon { font-size: 60px; margin-bottom: 16px; }
.empty-state p { color: #888; font-size: 16px; }

/* ===== 产品详情页 (product) ===== */
.product-page {
  margin: 28px 0 40px;
}
.product-empty {
  text-align: center;
  padding: 80px 20px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 6px 24px rgba(0,0,0,.07);
  color: #888;
}
.product-top {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 28px;
  background: #fff;
  border-radius: 12px;
  padding: 32px;
  box-shadow: 0 6px 24px rgba(0,0,0,.07);
  margin-bottom: 20px;
}
.product-gallery {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.gallery-main {
  width: 100%;
  aspect-ratio: 1/1;
  background: #f7f7f7;
  border-radius: 8px;
  overflow: hidden;
}
.gallery-main img {
  width: 100%; height: 100%;
  object-fit: cover;
  cursor: zoom-in;
}
.gallery-thumbs {
  display: flex;
  gap: 10px;
}
.thumb {
  width: 76px;
  height: 76px;
  border: 2px solid transparent;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  transition: all .2s;
}
.thumb img { width: 100%; height: 100%; object-fit: cover; }
.thumb.active { border-color: #ff7300; }
.thumb:hover { border-color: #ffaa00; }

.product-info { display: flex; flex-direction: column; }
.product-title {
  font-size: 22px;
  font-weight: 700;
  color: #1a2230;
  line-height: 1.4;
  margin-bottom: 14px;
}
.product-meta {
  display: flex;
  gap: 16px;
  align-items: center;
  font-size: 13px;
  color: #888;
  margin-bottom: 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid #f0f0f0;
  flex-wrap: wrap;
}
.tag-item {
  display: inline-block;
  padding: 2px 10px;
  background: #fff5ec;
  color: #ff7300;
  border-radius: 3px;
  font-size: 12px;
  margin-right: 4px;
}
.sold-text { color: #ff7300; font-weight: 500; }
.product-price-box {
  background: linear-gradient(135deg, #fff5ec, #fffaf3);
  border-left: 3px solid #ff7300;
  padding: 18px 20px;
  border-radius: 0 6px 6px 0;
  margin-bottom: 22px;
}
.price-label { font-size: 12px; color: #888; margin-bottom: 4px; }
.price-main {
  color: #ff7300;
  font-size: 30px;
  font-weight: 800;
  font-family: Tahoma, Arial;
  line-height: 1;
}
.price-main small { font-size: 14px; font-weight: normal; margin-left: 4px; }
.price-symbol { font-size: 18px; }
.price-range { font-size: 12px; color: #999; margin-top: 4px; }

.product-sku {
  display: flex;
  align-items: flex-start;
  margin-bottom: 14px;
  font-size: 14px;
}
.sku-label {
  width: 60px;
  color: #888;
  flex-shrink: 0;
  padding-top: 8px;
}
.sku-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 1;
}
.sku-item {
  padding: 8px 14px;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  cursor: pointer;
  transition: all .2s;
}
.sku-item:hover { border-color: #ffaa00; }
.sku-item.active {
  border-color: #ff7300;
  background: #fff5ec;
}
.sku-spec { font-size: 13px; color: #333; }
.sku-price { font-size: 13px; color: #ff7300; font-weight: bold; margin-top: 2px; }
.sku-value { padding-top: 6px; color: #333; }
.sku-empty { color: #999; font-style: italic; }

.product-actions {
  display: flex;
  gap: 12px;
  margin-top: 18px;
  flex-wrap: wrap;
}
.btn-action {
  flex: 1;
  min-width: 140px;
  padding: 14px 24px;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  border-radius: 6px;
  transition: all .3s;
  border: 1px solid transparent;
  cursor: pointer;
}
.btn-action:hover { text-decoration: none; transform: translateY(-2px); }
.btn-primary {
  background: linear-gradient(135deg, #ff7300, #ff9500);
  color: #fff;
  box-shadow: 0 4px 14px rgba(255,115,0,.35);
}
.btn-primary:hover {
  background: linear-gradient(135deg, #e56500, #ff8400);
  color: #fff;
  box-shadow: 0 8px 20px rgba(255,115,0,.5);
}
.btn-secondary {
  background: #fff5ec;
  color: #ff7300;
  border-color: #ffd9a8;
}
.btn-secondary:hover {
  background: #ffe8cc;
  color: #ff7300;
}
.btn-outline {
  background: #fff;
  color: #555;
  border-color: #ddd;
}
.btn-outline:hover {
  border-color: #ff7300;
  color: #ff7300;
}

.product-detail {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 6px 24px rgba(0,0,0,.07);
  overflow: hidden;
}
.detail-tabs {
  display: flex;
  border-bottom: 1px solid #f0f0f0;
}
.tab-item {
  padding: 18px 32px;
  font-size: 16px;
  font-weight: 500;
  color: #555;
  position: relative;
  cursor: pointer;
  transition: all .2s;
}
.tab-item:hover { color: #ff7300; text-decoration: none; }
.tab-item.active {
  color: #ff7300;
  font-weight: 700;
}
.tab-item.active::after {
  content: '';
  position: absolute;
  bottom: -1px; left: 0; right: 0;
  height: 3px;
  background: #ff7300;
}
.tab-pane { display: none; padding: 32px; }
.tab-pane.active { display: block; }
.desc-content h3 {
  font-size: 18px;
  font-weight: 700;
  color: #1a2230;
  margin: 18px 0 10px;
  padding-left: 10px;
  border-left: 4px solid #ff7300;
}
.desc-content p { font-size: 14px; color: #555; line-height: 1.9; }
.feature-list { padding-left: 20px; }
.feature-list li { font-size: 14px; color: #555; line-height: 2; list-style: '✓ '; }
.attr-table {
  width: 100%;
  border-collapse: collapse;
}
.attr-table td {
  padding: 14px 18px;
  border: 1px solid #f0f0f0;
  font-size: 14px;
}
.attr-key {
  background: #fafafa;
  color: #888;
  width: 140px;
}
.attr-val { color: #333; }

/* ===== 关于页 (about) ===== */
.about-page {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 28px 0 40px;
  max-width: 1400px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.about-section {
  background: #fff;
  border-radius: 12px;
  padding: 32px;
  box-shadow: 0 6px 24px rgba(0,0,0,.07);
  transition: box-shadow .3s;
}
.about-section:hover { box-shadow: 0 10px 32px rgba(0,0,0,.1); }
.sec-title-left {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 2px solid #ff7300;
}
.sec-title-left h2 {
  font-size: 22px;
  font-weight: 700;
  color: #1a2230;
}
.sec-bar {
  width: 4px;
  height: 22px;
  background: linear-gradient(180deg, #ff7300, #ff9500);
  border-radius: 2px;
}
.about-intro {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 32px;
  align-items: start;
}
.about-img {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0,0,0,.08);
}
.about-img img { width: 100%; height: 280px; object-fit: cover; }
.about-text h3 { font-size: 20px; font-weight: 700; color: #1a2230; margin-bottom: 14px; }
.about-text p { font-size: 14px; color: #555; line-height: 1.9; margin-bottom: 12px; }
.about-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.ab-tag {
  padding: 4px 14px;
  background: #fff5ec;
  color: #ff7300;
  font-size: 12px;
  border-radius: 20px;
  border: 1px solid #ffd9a8;
}

.strength-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
}
.strength-item {
  text-align: center;
  padding: 28px 14px;
  background: linear-gradient(135deg, #fafbff, #f7f8fc);
  border-radius: 8px;
  border: 1px solid #eef0f5;
  transition: all .3s;
}
.strength-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(255,115,0,.15);
  border-color: #ffd9a8;
}
.strength-num {
  font-size: 30px;
  font-weight: 800;
  color: #ff7300;
  font-family: Tahoma;
  line-height: 1;
  margin-bottom: 6px;
}
.strength-num span { font-size: 14px; font-weight: 600; }
.strength-label { font-size: 14px; color: #333; font-weight: 600; margin-bottom: 4px; }
.strength-desc { font-size: 12px; color: #888; }

.cert-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.cert-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 20px;
  background: #fafbfc;
  border: 1px solid #eef0f3;
  border-radius: 8px;
  transition: all .3s;
}
.cert-item:hover {
  border-color: #ffd9a8;
  background: #fffaf5;
  transform: translateX(4px);
}
.cert-icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: linear-gradient(135deg, #52c41a, #389e0d);
  color: #fff;
  border-radius: 50%;
  font-size: 18px;
  font-weight: bold;
  flex-shrink: 0;
}
.cert-info h4 { font-size: 15px; font-weight: 700; color: #333; margin-bottom: 2px; }
.cert-info p { font-size: 12px; color: #888; }

.info-table-wrap {
  background: #fafbfc;
  border-radius: 8px;
  padding: 4px;
  border: 1px solid #eef0f3;
}
.info-table {
  width: 100%;
  border-collapse: collapse;
}
.info-table tr { border-bottom: 1px solid #f0f0f0; }
.info-table tr:last-child { border-bottom: 0; }
.info-table td {
  padding: 14px 20px;
  font-size: 14px;
}
.info-table td:first-child {
  background: #fff;
  color: #888;
  font-weight: 600;
  width: 160px;
  border-right: 1px solid #f0f0f0;
}
.info-table td:last-child { color: #333; }

.contact-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.contact-card {
  text-align: center;
  padding: 32px 20px;
  background: linear-gradient(135deg, #fafbff, #f7f8fc);
  border-radius: 8px;
  border: 1px solid #eef0f5;
  transition: all .3s;
}
.contact-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(255,115,0,.12);
  border-color: #ffd9a8;
}
.contact-icon { font-size: 36px; margin-bottom: 12px; }
.contact-card h4 { font-size: 14px; color: #888; font-weight: 500; margin-bottom: 8px; }
.contact-big {
  font-size: 18px;
  font-weight: 700;
  color: #ff7300;
  font-family: Tahoma, Arial;
  margin-bottom: 6px;
  word-break: break-all;
}
.contact-card p { font-size: 12px; color: #888; }




/* 商品供应列表(主区) */
.supply-block { background: #fff; border-radius: 12px; box-shadow: 0 6px 24px rgba(0,0,0,.07); overflow: hidden; transition: box-shadow .3s; }
.supply-block:hover { box-shadow: 0 10px 32px rgba(0,0,0,.1); }
.supply-head {
  height: 50px; line-height: 50px; padding: 0 20px;
  border-bottom: 1px solid #f0f0f0; display: flex; justify-content: space-between;
}
.supply-head h3 { font-size: 18px; font-weight: 700; color: #1a2230; }
.supply-head .more { font-size: 14px; color: #999; }
.supply-head .more:hover { color: #ff7300; }
.supply-head h3 { font-size: 15px; font-weight: bold; }
.supply-head .more { font-size: 12px; color: #999; }
.supply-grid {
  display: grid; grid-template-columns: repeat(5, 1fr); gap: 0;
}
.supply-item {
  padding: 18px; border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  transition: background .3s;
}
.supply-item:hover { background: #fafafa; }
.supply-item:nth-child(5n) { border-right: 0; }
.supply-item:nth-last-child(-n+5) { border-bottom: 0; }
.supply-item .img-box {
  width: 100%; aspect-ratio: 1/1; background: #f7f7f7;
  overflow: hidden; margin-bottom: 8px;
}
.supply-item .img-box img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.supply-item:hover .img-box img { transform: scale(1.05); }
.supply-item .title {
  font-size: 12px; line-height: 1.4; height: 33px;
  overflow: hidden; display: -webkit-box;
  -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  margin-bottom: 6px; color: #333;
}
.supply-item .tags { margin-bottom: 6px; }
.supply-item .tag {
  display: inline-block; background: #fff5ec; color: #ff7300;
  padding: 1px 6px; font-size: 11px; border-radius: 2px; margin-right: 4px;
}
.supply-item .price {
  color: #ff7300; font-size: 18px; font-weight: bold;
  font-family: Tahoma, Arial;
}
.supply-item .price small { font-size: 11px; font-weight: normal; margin-left: 2px; }
.supply-item .sold { color: #999; font-size: 11px; margin-top: 4px; }

/* 横向分类橱窗 */
.cat-shelf { background: #fff; padding: 28px 32px; border-radius: 12px; box-shadow: 0 6px 24px rgba(0,0,0,.07); transition: box-shadow .3s; }
.cat-shelf:hover { box-shadow: 0 10px 32px rgba(0,0,0,.1); }
.shelf-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid #ff7300;
}
.shelf-head h3 {
  font-size: 18px;
  font-weight: bold;
  color: #1a2230;
  padding-left: 12px;
  border-left: 4px solid #ff7300;
}
.shelf-head .more { font-size: 13px; color: #999; }
.shelf-head .more:hover { color: #ff7300; }

.shelf-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.shelf-item {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  overflow: hidden;
  transition: all .3s;
}
.shelf-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0,0,0,.1);
  border-color: #ffd9a8;
  text-decoration: none;
}
.shelf-img {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  background: #f7f7f7;
  overflow: hidden;
}
.shelf-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.shelf-item:hover .shelf-img img { transform: scale(1.08); }

.shelf-tag {
  position: absolute;
  top: 8px;
  left: 8px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: bold;
  border-radius: 3px;
  color: #fff;
}
.shelf-tag.hot { background: linear-gradient(135deg, #ff4d4f, #ff7875); }
.shelf-tag.new { background: linear-gradient(135deg, #52c41a, #73d13d); }

.shelf-info { padding: 16px 18px; }
.shelf-name {
  font-size: 15px;
  color: #333;
  margin-bottom: 10px;
  height: 42px;
  line-height: 1.4;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 500;
}
.shelf-item:hover .shelf-name { color: #ff7300; }
.shelf-price {
  font-size: 22px;
  font-weight: 800;
  color: #ff7300;
  font-family: Tahoma;
  margin-bottom: 4px;
}
.shelf-price small {
  font-size: 12px;
  font-weight: normal;
  color: #999;
  margin-left: 2px;
}
.shelf-sold {
  font-size: 12px;
  color: #999;
}

/* 产品相册 */
.albums { background: #fff; border: 1px solid #eee; padding: 14px; }
.albums h3 {
  font-size: 15px; font-weight: bold; margin-bottom: 12px;
  padding-left: 8px; border-left: 4px solid #ff7300;
}
.album-list { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.album { border: 1px solid #f0f0f0; }
.album-head {
  display: flex; justify-content: space-between; align-items: center;
  padding: 8px 12px; background: #fafafa; font-size: 13px;
}
.album-head .count { color: #999; font-size: 11px; }
.album-cover { width: 100%; aspect-ratio: 16/9; overflow: hidden; }
.album-cover img { width: 100%; height: 100%; object-fit: cover; }

/* 底部 footer */
.footer {
  background: #fff; border-top: 2px solid #ff7300;
  margin-top: 30px; padding: 30px 0; text-align: center;
  font-size: 12px; color: #999; line-height: 2;
}
.footer-links a { color: #999; margin: 0 6px; }
.footer .copyright { color: #bbb; margin-top: 8px; }

/* ===== 列表页筛选 ===== */
.filter-bar {
  background: #fff; border: 1px solid #eee; padding: 10px 14px;
  margin-bottom: 12px; font-size: 12px;
}
.filter-row { display: flex; padding: 6px 0; border-bottom: 1px dashed #eee; }
.filter-row:last-child { border-bottom: 0; }
.filter-label { width: 70px; color: #999; }
.filter-options { flex: 1; display: flex; flex-wrap: wrap; gap: 4px 14px; }
.filter-options a { color: #555; }
.filter-options a:hover, .filter-options a.active { color: #ff7300; font-weight: bold; text-decoration: none; }

.toolbar {
  background: #fff; border: 1px solid #eee;
  padding: 8px 14px; margin-bottom: 10px;
  display: flex; justify-content: space-between; align-items: center;
}
.toolbar .sort { display: flex; gap: 14px; }
.toolbar .sort a {
  padding: 4px 12px; border: 1px solid #eee; border-radius: 3px;
  font-size: 12px; color: #555;
}
.toolbar .sort a.active { background: #ff7300; color: #fff; border-color: #ff7300; }

.list-grid { background: #fff; padding: 10px; border: 1px solid #eee; }
.list-grid .supply-grid { grid-template-columns: repeat(5, 1fr); }

/* ===== 详情页 ===== */
.detail-wrap { background: #fff; padding: 20px; border: 1px solid #eee; }
.detail-top { display: grid; grid-template-columns: 420px 1fr; gap: 30px; }
.gallery { width: 420px; }
.gallery-main {
  width: 420px; height: 420px; border: 1px solid #eee;
  overflow: hidden; margin-bottom: 10px; background: #fafafa;
}
.gallery-main img { width: 100%; height: 100%; object-fit: contain; }
.gallery-thumbs { display: flex; gap: 6px; }
.gallery-thumbs img {
  width: 60px; height: 60px; border: 1px solid #eee; cursor: pointer;
  object-fit: cover; padding: 2px;
}
.gallery-thumbs img.active { border-color: #ff7300; }

.detail-info h1 { font-size: 18px; color: #333; line-height: 1.4; margin-bottom: 12px; font-weight: bold; }
.detail-info .summary {
  background: #fff5ec; padding: 12px 14px; margin-bottom: 16px;
  border: 1px solid #ffe0c4;
}
.summary-row { display: flex; padding: 4px 0; font-size: 13px; }
.summary-row .lbl { color: #888; width: 80px; }
.summary-row .val { color: #333; flex: 1; }
.summary-row .price-val {
  color: #ff7300; font-size: 28px; font-weight: bold;
  font-family: Tahoma, Arial;
}
.summary-row .price-val small { font-size: 14px; font-weight: normal; margin-right: 4px; }

.spec-table {
  border: 1px solid #eee; margin-bottom: 14px;
}
.spec-table tr { border-bottom: 1px solid #f0f0f0; }
.spec-table tr:last-child { border-bottom: 0; }
.spec-table td {
  padding: 8px 12px; font-size: 12px;
}
.spec-table td:first-child {
  background: #fafafa; color: #888; width: 110px;
}

.sku-table {
  width: 100%; border: 1px solid #eee; border-collapse: collapse;
  margin-bottom: 14px;
}
.sku-table th {
  background: #fafafa; padding: 8px; text-align: left;
  font-size: 12px; color: #555; font-weight: bold;
  border-bottom: 1px solid #eee;
}
.sku-table td {
  padding: 10px 8px; font-size: 13px; border-bottom: 1px solid #f0f0f0;
}
.sku-table td .price-c { color: #ff7300; font-weight: bold; }
.sku-table tr:hover { background: #fffaf3; }

.action-bar {
  background: #fafafa; padding: 14px; border: 1px solid #eee;
  display: flex; gap: 10px; align-items: center;
}
.action-bar .qty {
  display: flex; align-items: center; border: 1px solid #ddd;
}
.action-bar .qty button {
  width: 32px; height: 32px; background: #fafafa; font-size: 16px;
}
.action-bar .qty input {
  width: 60px; height: 32px; border: 0; text-align: center;
  border-left: 1px solid #ddd; border-right: 1px solid #ddd;
}
.btn-primary {
  background: #ff7300; color: #fff; padding: 0 36px; height: 36px;
  font-size: 14px; font-weight: bold; border-radius: 3px;
}
.btn-primary:hover { background: #e56500; }
.btn-warn {
  background: #fff5ec; color: #ff7300; padding: 0 36px; height: 36px;
  font-size: 14px; font-weight: bold; border: 1px solid #ff7300; border-radius: 3px;
}
.btn-warn:hover { background: #ffe0c4; }
.btn-ghost {
  background: #fff; color: #555; padding: 0 24px; height: 36px;
  font-size: 14px; border: 1px solid #ddd; border-radius: 3px;
}

.detail-tabs {
  background: #fff; border: 1px solid #eee; margin-top: 14px;
}
.tab-head {
  display: flex; background: #fafafa; border-bottom: 1px solid #eee;
}
.tab-head .tab {
  padding: 12px 30px; cursor: pointer; font-size: 14px; color: #555;
  border-right: 1px solid #eee;
}
.tab-head .tab.active { background: #fff; color: #ff7300; font-weight: bold; border-bottom: 2px solid #ff7300; }
.tab-body { padding: 20px; min-height: 300px; }
.tab-body img { max-width: 100%; }

/* ===== 关于页 ===== */
.about-section { background: #fff; border: 1px solid #eee; padding: 24px; margin-bottom: 14px; }
.about-section h2 {
  font-size: 18px; font-weight: bold; margin-bottom: 16px;
  padding-left: 10px; border-left: 4px solid #ff7300;
}
.about-section h3 { font-size: 15px; font-weight: bold; margin: 16px 0 10px; color: #ff7300; }
.about-section p { font-size: 13px; color: #555; line-height: 1.8; margin-bottom: 10px; }
.about-section .info-table { width: 100%; border-collapse: collapse; }
.about-section .info-table td { padding: 10px; border: 1px solid #eee; font-size: 13px; }
.about-section .info-table td:first-child { background: #fafafa; color: #888; width: 140px; }


@media (max-width: 960px) {
  .header-inner { height: 60px; }
  .site-nav { gap: 20px; }
  .site-nav a { font-size: 14px; }
  .btn-inquiry { padding: 8px 16px; font-size: 13px; }
  .brand-name { font-size: 17px; }
  .brand-logo { width: 36px; height: 36px; line-height: 36px; font-size: 15px; }

  .stats-inner { flex-wrap: wrap; padding: 20px 0; gap: 16px; }
  .stat-item { flex: 0 0 30%; }
  .stat-divider { display: none; }
  .stat-num { font-size: 28px; }

  .cat-entries-inner { grid-template-columns: repeat(3, 1fr); }
  .cat-entry { border-bottom: 1px solid #f0f0f0; }

  .inquiry-inner { flex-direction: column; gap: 24px; text-align: center; }
  .inquiry-btns { flex-direction: column; width: 100%; }
  .btn-cta { justify-content: center; }

  .home-grid { grid-template-columns: 1fr; }
  .supply-grid { grid-template-columns: repeat(2, 1fr); }
  .supply-item { border-right: 1px solid #f0f0f0 !important; }
  .supply-item:nth-child(2n) { border-right: 0 !important; }
  .detail-top { grid-template-columns: 1fr; }
  .shelf-grid { grid-template-columns: repeat(2, 1fr); }
  .album-list { grid-template-columns: 1fr; }

  .footer-inner { grid-template-columns: 1fr 1fr; gap: 30px; }
  .footer-bottom .wrap { flex-direction: column; gap: 6px; text-align: center; }
}




















/* ============================================ */
/*           完整响应式适配 - 移动端优先           */
/* ============================================ */

/* 中等屏幕：平板（768px-1200px） */
@media (max-width: 1200px) {
  .wrap { padding: 0 16px; }
  .fullscreen-imgs { padding: 16px 16px 8px; }
  .fs-img { margin-bottom: 14px; }
  .slider-viewport { height: 280px; }

  .supply-grid { grid-template-columns: repeat(4, 1fr); }
  .list-grid { grid-template-columns: repeat(4, 1fr); }
  .strength-grid { grid-template-columns: repeat(3, 1fr); }
  .cert-grid { grid-template-columns: repeat(2, 1fr); }
  .contact-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-inner { grid-template-columns: 1fr 1fr; gap: 30px; }
  .home-content-full > section,
  .home-content-full > .slider-section { max-width: 100%; }
  .about-page { max-width: 100%; }
}

/* 平板（768px以下） */
@media (max-width: 960px) {
  /* Header简化 */
  .header-inner { height: 60px; }
  .site-nav { gap: 16px; }
  .site-nav a { font-size: 14px; }
  .btn-inquiry { padding: 8px 16px; font-size: 13px; }
  .btn-inquiry::before { display: none; }
  .brand-name { font-size: 17px; }
  .brand-tag { display: none; }
  .brand-logo { width: 36px; height: 36px; line-height: 36px; font-size: 15px; }

  /* 统计条 */
  .stats-inner { flex-wrap: wrap; padding: 20px 0; gap: 16px; }
  .stat-item { flex: 0 0 30%; }
  .stat-divider { display: none; }
  .stat-num { font-size: 28px; }

  /* 大图 */
  .fullscreen-imgs { padding: 12px 12px 4px; }
  .fs-img { margin-bottom: 10px; border-radius: 8px; }

  /* 询盘CTA */
  .inquiry-cta { padding: 50px 0; }
  .inquiry-inner { flex-direction: column; gap: 20px; text-align: center; }
  .inquiry-text h2 { font-size: 22px; }
  .inquiry-text p { font-size: 14px; }

  /* 轮播 */
  .slider-viewport { height: 200px; }
  .slider-arrow { width: 32px; height: 48px; line-height: 48px; font-size: 18px; }
  .slider-dots li { width: 6px; height: 6px; }

  /* 产品列表 */
  .supply-grid { grid-template-columns: repeat(3, 1fr); }
  .list-grid { grid-template-columns: repeat(3, 1fr); }
  .supply-item { padding: 14px 12px; }
  .supply-item .title { font-size: 12px; }
  .supply-item .price { font-size: 16px; }

  .shelf-grid { grid-template-columns: repeat(3, 1fr); gap: 14px; }
  .shelf-info { padding: 12px 14px; }
  .shelf-name { font-size: 14px; height: 38px; }
  .shelf-price { font-size: 18px; }

  /* 关于页 */
  .about-intro { grid-template-columns: 1fr; gap: 20px; }
  .about-img img { height: 200px; }
  .strength-grid { grid-template-columns: repeat(3, 1fr); }
  .strength-item { padding: 20px 10px; }
  .strength-num { font-size: 24px; }
  .cert-grid { grid-template-columns: 1fr; }
  .contact-grid { grid-template-columns: 1fr 1fr; }

  /* 列表页 */
  .filter-bar { flex-direction: column; align-items: flex-start; padding: 16px; }
  .filter-group, .sort-group { width: 100%; }

  /* 产品详情页 */
  .page-banner { padding: 50px 0; }
  .page-banner-text h1 { font-size: 26px; }
  .product-top { grid-template-columns: 1fr; padding: 20px; }
  .product-title { font-size: 18px; }
  .price-main { font-size: 24px; }
  .btn-action { min-width: 100%; }
  .tab-item { padding: 14px 20px; font-size: 14px; }
  .tab-pane { padding: 20px; }

  /* Footer */
  .footer-inner { grid-template-columns: 1fr 1fr; gap: 30px; }
  .footer-bottom .wrap { flex-direction: column; gap: 6px; text-align: center; }
  .site-footer { padding-top: 50px; }
  .footer-inner { padding-bottom: 30px; }

  /* 通用 */
  .home-content-full { gap: 20px; margin-top: 20px; margin-bottom: 30px; }
  .about-page { gap: 16px; }
  .cat-shelf { padding: 20px; }
  .shelf-head h3 { font-size: 18px; }
  .supply-head h3 { font-size: 18px; }
  .supply-head { height: 52px; line-height: 52px; padding: 0 18px; }
}

/* 手机（768px以下） */
@media (max-width: 768px) {
  .wrap { padding: 0 12px; }
  .header-inner { height: 56px; }
  .site-nav { gap: 12px; }
  .site-nav a { font-size: 13px; }
  .btn-inquiry { padding: 6px 12px; font-size: 12px; }
  .brand-name { display: none; }

  .stats-inner { gap: 12px; }
  .stat-item { flex: 0 0 45%; }
  .stat-num { font-size: 22px; }
  .stat-num span { font-size: 12px; }
  .stat-label { font-size: 12px; }

  .fullscreen-imgs { padding: 8px 8px 4px; }
  .fs-img { margin-bottom: 8px; }

  .inquiry-cta { padding: 40px 0; }
  .inquiry-text h2 { font-size: 18px; letter-spacing: 0; }
  .inquiry-text p { font-size: 13px; }

  .slider-viewport { height: 160px; }
  .slider-arrow { width: 28px; height: 40px; line-height: 40px; font-size: 16px; }

  .supply-grid { grid-template-columns: repeat(2, 1fr); }
  .list-grid { grid-template-columns: repeat(2, 1fr); }
  .supply-item { border-right: 1px solid #f0f0f0 !important; }
  .supply-item:nth-child(2n) { border-right: 0 !important; }
  .supply-item:nth-child(5n) { border-right: 1px solid #f0f0f0 !important; }
  .supply-item { padding: 12px 10px; }
  .supply-item .title { font-size: 11px; height: 30px; }
  .supply-item .price { font-size: 14px; }
  .supply-item .sold { font-size: 10px; }
  .supply-item .tag { font-size: 10px; padding: 1px 4px; }

  .shelf-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .shelf-info { padding: 10px; }
  .shelf-name { font-size: 13px; height: 36px; margin-bottom: 6px; }
  .shelf-price { font-size: 16px; }
  .shelf-sold { font-size: 11px; }
  .shelf-tag { font-size: 10px; padding: 2px 6px; }

  .strength-grid { grid-template-columns: repeat(2, 1fr); }
  .cert-grid { grid-template-columns: 1fr; }
  .contact-grid { grid-template-columns: 1fr; }

  .page-banner { padding: 40px 0; }
  .page-banner-text h1 { font-size: 22px; }
  .page-banner-text p { font-size: 13px; }
  .product-top { padding: 16px; }
  .product-title { font-size: 16px; }
  .price-main { font-size: 22px; }
  .gallery-thumbs { gap: 6px; }
  .thumb { width: 60px; height: 60px; }
  .product-actions { flex-direction: column; }
  .tab-item { padding: 12px 14px; font-size: 13px; }
  .tab-pane { padding: 16px; }
  .info-table td { padding: 10px 12px; font-size: 13px; }
  .info-table td:first-child { width: 110px; }

  .footer-inner { grid-template-columns: 1fr; gap: 24px; padding-bottom: 24px; }
  .footer-col h4 { margin-bottom: 14px; }
  .footer-col ul li { margin-bottom: 10px; }
  .footer-social { margin-top: 12px; }
  .site-footer { padding-top: 40px; }

  .filter-item, .sort-item { padding: 4px 10px; font-size: 12px; }
  .filter-group, .sort-group { gap: 4px; }

  .cat-shelf { padding: 16px; }
  .supply-block { border-radius: 8px; }
}

/* 小屏手机（480px以下） */
@media (max-width: 480px) {
  .header-inner { height: 50px; }
  .site-nav { gap: 8px; }
  .site-nav a { font-size: 12px; }
  .btn-inquiry { padding: 5px 10px; font-size: 11px; }

  .fullscreen-imgs { padding: 6px 6px 2px; }
  .fs-img { border-radius: 6px; }

  .slider-viewport { height: 130px; }
  .slider-arrow { display: none; }

  .stat-item { flex: 0 0 100%; }
  .stat-num { font-size: 20px; }

  .strength-item { padding: 16px 8px; }
  .strength-num { font-size: 20px; }
}


/* ============================================================
   B2B 移动端优化覆盖层（固泰塑胶 · 追加于原样式之后）
   ============================================================ */
html { scroll-behavior: smooth; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif; }
.header-right { display: flex; align-items: center; gap: 10px; }
.lang-btn {
  background: #fff; color: #ff7300; border: 1px solid #ffd9a8;
  padding: 6px 12px; border-radius: 6px; font-size: 13px; font-weight: 600;
  cursor: pointer; transition: all .2s; line-height: 1;
}
.lang-btn:hover { background: #fff5ec; }
.nav-toggle {
  display: none; background: none; border: none; font-size: 26px;
  color: #1a2230; cursor: pointer; line-height: 1; padding: 0 4px;
}
.brand-en { font-style: normal; font-size: 11px; color: #ff7300; font-weight: 600; letter-spacing: 1px; margin-left: 4px; }
@media (max-width: 768px) {
  .nav-toggle { display: block; }
  .header-right .btn-inquiry { display: none; }
  .site-nav {
    position: fixed; top: 0; right: -78%; width: 78%; height: 100vh;
    background: #fff; flex-direction: column; gap: 0;
    padding: 70px 24px 24px; box-shadow: -6px 0 24px rgba(0,0,0,.12);
    transition: right .3s ease; z-index: 200; display: flex;
  }
  .site-nav.open { right: 0; }
  .site-nav a {
    padding: 16px 0; font-size: 16px; border-bottom: 1px solid #f0f0f0;
    color: #333; font-weight: 500;
  }
  .site-nav a.active { color: #ff7300; }
  .site-nav a.active::after { display: none; }
  .header-inner { position: relative; z-index: 210; }
}
.float-bar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 300;
  display: flex; background: #fff; border-top: 1px solid #eee;
  box-shadow: 0 -4px 16px rgba(0,0,0,.08);
  padding-bottom: env(safe-area-inset-bottom);
}
.fb-item {
  flex: 1; display: flex; flex-direction: column; align-items: center;
  justify-content: center; gap: 3px; padding: 8px 4px;
  text-decoration: none; color: #555; font-size: 11px; border: none; background: none; cursor: pointer;
}
.fb-item:hover { text-decoration: none; }
.fb-ico { font-size: 20px; line-height: 1; font-weight: 700; }
.fb-wa .fb-ico { color: #25D366; }
.fb-mail .fb-ico { color: #ff7300; }
.fb-tel .fb-ico { color: #1a73e8; }
.fb-quote { background: linear-gradient(135deg, #ff7300, #ff9500); color: #fff; }
.fb-quote .fb-ico { color: #fff; }
.fb-quote .fb-txt { color: #fff; font-weight: 700; }
.fb-txt { font-weight: 500; }
@media (min-width: 769px) {
  .float-bar {
    left: auto; right: 16px; bottom: 16px; width: auto;
    flex-direction: column; gap: 8px; background: none; border: none;
    box-shadow: none; padding: 0;
  }
  .fb-item {
    width: 52px; height: 52px; border-radius: 50%; background: #fff;
    box-shadow: 0 4px 14px rgba(0,0,0,.15); flex-direction: column;
  }
  .fb-item .fb-txt { display: none; }
  .fb-quote { width: 60px; height: 60px; }
  .fb-quote .fb-txt { display: block; font-size: 10px; }
}
@media (max-width: 768px) {
  .site-footer { padding-bottom: 60px; }
}
.inquiry-modal { display: none; position: fixed; inset: 0; z-index: 400; align-items: center; justify-content: center; }
.inquiry-modal-mask { position: absolute; inset: 0; background: rgba(0,0,0,.5); }
.inquiry-modal-box {
  position: relative; width: 92%; max-width: 420px; max-height: 90vh; overflow-y: auto;
  background: #fff; border-radius: 14px; padding: 26px 22px; box-shadow: 0 20px 60px rgba(0,0,0,.25);
}
.inquiry-close {
  position: absolute; top: 10px; right: 14px; background: none; border: none;
  font-size: 28px; color: #999; cursor: pointer; line-height: 1;
}
.inquiry-modal-box h3 { font-size: 20px; font-weight: 700; color: #1a2230; margin-bottom: 6px; }
.inquiry-prod { font-size: 13px; color: #ff7300; background: #fff5ec; padding: 6px 10px; border-radius: 6px; margin: 8px 0 14px; }
.inquiry-modal-box form { display: flex; flex-direction: column; gap: 10px; }
.inquiry-modal-box input, .inquiry-modal-box textarea {
  width: 100%; padding: 11px 12px; border: 1px solid #ddd; border-radius: 8px;
  font-size: 14px; font-family: inherit; box-sizing: border-box;
}
.inquiry-modal-box input:focus, .inquiry-modal-box textarea:focus { outline: none; border-color: #ff7300; }
.inquiry-submit {
  background: linear-gradient(135deg, #ff7300, #ff9500); color: #fff; border: none;
  padding: 13px; border-radius: 8px; font-size: 16px; font-weight: 700; cursor: pointer;
}
.inquiry-note { font-size: 12px; color: #999; text-align: center; margin: 0; }
.supply-item .price-row { display: flex; align-items: center; justify-content: space-between; }
.supply-item .price em { font-style: normal; font-size: 11px; color: #999; font-weight: normal; }
.card-inquiry {
  background: #fff5ec; color: #ff7300; border: 1px solid #ffd9a8;
  font-size: 11px; padding: 3px 8px; border-radius: 4px; font-weight: 600;
}
.supply-item:hover .card-inquiry { background: #ff7300; color: #fff; }
@media (max-width: 768px) {
  .filter-bar { padding: 12px; }
  .filter-group { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 4px; }
  .filter-group::-webkit-scrollbar { display: none; }
  .filter-item { white-space: nowrap; }
  .sort-group { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .sort-item { white-space: nowrap; }
}
.product-actions { gap: 10px; }
.btn-action { border-radius: 8px; }
@media (max-width: 768px) {
  .product-actions { flex-direction: row; flex-wrap: nowrap; }
  .btn-action { min-width: 0; padding: 13px 8px; font-size: 14px; }
  .btn-action.btn-primary { flex: 1.4; }
  .btn-action.btn-secondary, .btn-action.btn-outline { flex: 1; }
}
.b2b-trust {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;
  margin: 16px 0; padding: 12px; background: #fafbfc; border-radius: 10px;
  border: 1px solid #eef0f3;
}
.b2b-trust-item { text-align: center; }
.b2b-trust-item .bt-ico { font-size: 20px; }
.b2b-trust-item .bt-txt { font-size: 12px; color: #333; font-weight: 600; margin-top: 2px; }
.b2b-trust-item .bt-sub { font-size: 10px; color: #999; }
.inquiry-cta .inquiry-btns { display: flex; gap: 12px; justify-content: center; margin-top: 20px; flex-wrap: wrap; }
.inquiry-cta .btn-cta { min-width: 150px; }
@media (max-width: 768px) {
  .attr-table td { padding: 10px 12px; font-size: 13px; }
  .attr-key { width: 100px; }
}
.export-banner {
  background: linear-gradient(135deg, #1a2230, #2c3e50); color: #fff;
  border-radius: 12px; padding: 24px; margin-bottom: 20px; text-align: center;
}
.export-banner h3 { font-size: 20px; margin-bottom: 8px; }
.export-banner p { font-size: 13px; color: rgba(255,255,255,.75); }
.export-flags { display: flex; justify-content: center; gap: 16px; margin-top: 14px; flex-wrap: wrap; font-size: 13px; }
.export-flags span { background: rgba(255,255,255,.1); padding: 6px 14px; border-radius: 20px; }
.contact-card a.contact-link { color: #ff7300; text-decoration: none; }
.supply-head h3, .shelf-head h3 { font-size: 18px; }
@media (max-width: 768px) {
  .product-top { padding: 14px; }
  .product-info { padding: 0 2px; }
  .product-title { font-size: 17px; line-height: 1.5; }
  .gallery-main { border-radius: 8px; }
  .thumb { width: 56px; height: 56px; }
  .detail-tabs .tab-item { flex: 1; text-align: center; padding: 14px 6px; font-size: 14px; }
  .tab-pane { padding: 14px; }
  .desc-content p, .desc-content li { font-size: 14px; line-height: 1.9; }
  .about-section { padding: 20px 16px; }
  .sec-title-left h2 { font-size: 19px; }
  .strength-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .strength-item { padding: 18px 8px; }
  .strength-num { font-size: 24px; }
  .contact-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .contact-card { padding: 20px 12px; }
  .contact-big { font-size: 15px; }
  .info-table td { font-size: 12px; padding: 10px 8px; }
  .info-table td:first-child { width: 90px; }
  .page-banner { padding: 32px 0; }
  .page-banner-text h1 { font-size: 22px; }
  .page-banner-text p { font-size: 13px; }
  .breadcrumb { font-size: 12px; padding: 10px 0; }
}

/* ===== 无价格 B2B 卡片询盘行 ===== */
.card-inquiry-row {
  display: flex; justify-content: center; align-items: center;
  margin-top: 10px; padding-top: 10px; border-top: 1px dashed #eee;
}
.card-inquiry-row .card-inquiry {
  display: inline-block; background: linear-gradient(135deg,#ff7300,#ff9500);
  color: #fff; font-size: 13px; font-weight: 700; padding: 6px 18px;
  border-radius: 20px; letter-spacing: 1px;
}
.supply-item:hover .card-inquiry-row .card-inquiry { background: #e66500; }
/* 无价格时标题区更聚焦 */
.supply-item .title { margin-bottom: 2px; }

/* ===== B2B 底部优化（Made-in-China 风格） ===== */
.footer-badges {
  display: flex; gap: 8px; flex-wrap: wrap; margin: 10px 0 12px;
}
.fbadge {
  display: inline-block; background: rgba(255,255,255,.08);
  color: #ccc; font-size: 11px; padding: 4px 10px; border-radius: 12px;
  font-weight: 500; letter-spacing: .3px;
}
.footer-social { display: flex; gap: 10px; margin-top: 4px; }
.fs-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; border-radius: 50%; font-size: 15px;
  text-decoration: none; transition: all .2s; color: #fff;
}
.fs-wa { background: #25D366; }
.fs-mail { background: #ff7300; }
.fs-tel { background: #1a73e8; }
.fs-icon:hover { transform: scale(1.1); opacity: .9; }
.footer-contact a { color: #ff7300; text-decoration: none; }
.footer-contact a:hover { text-decoration: underline; }
.footer-hours { font-size: 12px; color: #999; margin-top: 6px; }
.footer-bottom .footer-links { display: flex; gap: 16px; }
.footer-bottom .footer-links a { color: #888; font-size: 12px; }
.footer-bottom .footer-links a:hover { color: #ff7300; }
@media (max-width: 768px) {
  .footer-bottom .wrap { flex-direction: column; gap: 8px; text-align: center; }
  .footer-bottom .footer-links { justify-content: center; }
  .footer-badges { justify-content: center; }
  .footer-social { justify-content: center; }
}

/* ===== 关联推荐 ===== */
.related-section { margin-top: 30px; padding: 0 0 20px; }
.related-section h3 { font-size: 18px; font-weight: 700; color: #1a2230; margin-bottom: 16px; }
.related-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.rel-item { display: block; text-decoration: none; border: 1px solid #eee; border-radius: 10px; overflow: hidden; transition: box-shadow .2s; }
.rel-item:hover { box-shadow: 0 4px 16px rgba(0,0,0,.08); text-decoration: none; }
.rel-img { width: 100%; aspect-ratio: 1; overflow: hidden; }
.rel-img img { width: 100%; height: 100%; object-fit: cover; }
.rel-name { padding: 8px 10px; font-size: 13px; color: #333; font-weight: 500; line-height: 1.4; }
@media (max-width: 768px) {
  .related-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .rel-name { font-size: 12px; padding: 6px 8px; }
}