/* ── home-index.css — 首页样式 ── */




/* ========== 顶部统计条 ========== */
.home-topbar {
  background: transparent;
  padding: 6px 0;
  font-size: var(--font-xs);
}
.home-topbar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: var(--container-width);
  max-width: 100%;
  margin: 0 auto;
}
.home-stats { display: flex; gap: 24px; color: var(--gray-700); }
.home-stats strong { color: var(--primary-orange); margin-right: 4px; font-weight: 700; }
.home-quick-links { display: flex; gap: 16px; }
.home-quick-links a { color: var(--primary-orange); font-weight: 600; font-size: var(--font-sm); }

/* ========== 三栏主区（英雄区） ========== */
.home-three-col {
  background: #fff;
  padding: 16px 0;
}
.home-three-col-inner {
  display: grid;
  grid-template-columns: 230px 1fr 214px;
  gap: 18px;
  width: var(--container-width);
  max-width: 100%;
  margin: 0 auto;
  align-items: stretch;
}

/* 三栏等高 */
.home-side-nav,
.home-center .home-lead,
.home-side-right {
  min-height: 508px;
}

/* ── 左侧分类导航 ── */
.home-side-nav {
  position: relative;
  z-index: 5;
  background: rgba(255,255,255,0.97);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-base);
  padding: 12px 0;
  overflow: visible;
}
.home-side-nav-head {
  margin: 0 18px 12px;
  font-size: 17px;
  font-weight: 700;
  color: var(--text-primary);
}
.home-side-nav-head:before {
  content: "\e653";
  font-family: "iconfont";
  margin-right: 9px;
  color: var(--text-primary);
  font-size: 18px;
}
.home-side-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.home-side-nav-item {
  position: static;
  display: flex;
  gap: 10px;
  align-items: center;
  overflow: visible;
}
.home-side-nav-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 18px;
  height: 47px;
  color: var(--text-primary);
  font-size: var(--font-sm);
  line-height: 47px;
}
.home-side-nav-link span {
  min-width: 68px;
  font-weight: 700;
  color: var(--gray-900);
}
.home-side-nav-link i {
  color: var(--gray-400);
  font-style: normal;
  font-size: 12px;
}
.home-side-nav-item:hover {
  background: var(--primary-orange-light);
}
.home-side-nav-item:hover .home-side-nav-link span { color: var(--primary-orange); }
.home-side-nav-item:hover .home-side-nav-link i { color: var(--primary-orange); }

/* 飞出面板 */
.home-side-nav-flyout {
  position: absolute;
  left: 228px;
  top: 0;
  width: 800px;
  min-height: 100%;
  padding: 18px 22px;
  background: #fff;
  border-radius: var(--radius-lg);
  box-shadow: 0 18px 45px rgba(17,24,39,0.14);
  opacity: 0;
  visibility: hidden;
  transform: translateX(8px);
  transition: .16s;
  z-index: 20;
  display: block;
}
.home-side-nav-item:hover .home-side-nav-flyout {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.home-side-nav-flyout-head {
  border-bottom: 1px solid var(--gray-200);
  padding-bottom: 10px;
  margin-bottom: 12px;
}
.home-side-nav-flyout-head h3 {
  margin: 0 0 4px;
  font-size: 15px;
  font-weight: 700;
}
.home-side-nav-flyout-head h3 a { color: var(--text-primary); }
.home-side-nav-flyout-head span { color: var(--text-tertiary); font-size: var(--font-xs); }
.home-side-nav-flyout-children {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-bottom: 14px;
}
.home-side-nav-flyout-children a {
  color: var(--gray-700);
  font-size: var(--font-xs);
}
.home-side-nav-flyout-children a:hover { color: var(--primary-orange); }
.home-side-nav-flyout-actions {
  display: flex;
  gap: 10px;
}

/* 飞出面板内的商品网格 */
.home-side-nav-flyout-children a.is-active {
  color: var(--primary-orange);
  font-weight: 700;
}
.home-side-nav-flyout-products {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.home-flyout-product {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
  padding: 8px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  background: #fff;
  transition: .15s;
}
.home-flyout-product:hover {
  border-color: var(--primary-orange);
  box-shadow: 0 6px 16px rgba(17,24,39,0.10);
  transform: translateY(-2px);
}
.home-flyout-product-img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 6px;
  overflow: hidden;
  background: #f3f4f6;
}
.home-flyout-product-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-flyout-product-price {
  color: var(--primary-orange);
  font-weight: 700;
  font-size: var(--font-sm);
  line-height: 1.2;
}
.home-flyout-product-name {
  color: var(--text-primary);
  font-size: var(--font-xs);
  line-height: 1.45;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.home-flyout-product-company {
  color: var(--text-tertiary);
  font-size: 11px;
  line-height: 1.3;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.home-flyout-empty {
  grid-column: 1 / -1;
  text-align: center;
  color: var(--text-tertiary);
  font-size: var(--font-xs);
  padding: 36px 0;
}

/* ── 中间：轮播全宽 + 下方资讯 ── */
.home-center {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
}
.home-lead {
  background: rgba(255,255,255,0.97);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-base);
  padding: 18px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex: 1;
}
.home-lead-news {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 18px;
  margin-top: 18px;
  padding-top: 16px;
}
.home-lead-news a {
  display: block;
  min-width: 0;
}
.home-lead-news strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--font-sm);
  font-weight: 700;
  color: var(--text-primary);
}
.home-lead-news a:hover strong { color: var(--primary-orange); }
.home-lead-news-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
  font-style: normal;
}
.home-lead-news-tag {
  font-style: normal;
  font-size: var(--font-xs);
  color: var(--primary-orange);
}
.home-lead-news-date {
  font-style: normal;
  color: var(--text-tertiary);
  font-size: var(--font-xs);
}

/* 幻灯轮播 */
.home-slider {
  position: relative;
  width: 100%;
  flex: 1;
  min-height: 360px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--gray-900);
}
.home-slider-track {
  position: relative;
  width: 100%;
  height: 100%;
}
.home-slider-slide {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity .35s;
  display: flex;
  align-items: flex-end;
  text-decoration: none;
  pointer-events: none;
}
.home-slider-slide.is-active {
  opacity: 1;
  pointer-events: auto;
  z-index: 1;
}
.home-slider-slide:after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 52%;
  background: linear-gradient(180deg, transparent, rgba(0,0,0,0.72));
}
.home-slider-caption {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 18px 22px;
  color: #fff;
}
.home-slider-caption h2 {
  margin: 0 0 6px;
  font-size: var(--font-2xl);
  font-weight: 700;
  line-height: 1.35;
}
.home-slider-caption p {
  margin: 0;
  font-size: var(--font-sm);
  opacity: 0.88;
}
.home-slider-prev,
.home-slider-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 52px;
  border: none;
  background: rgba(0,0,0,0.28);
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  z-index: 3;
  border-radius: 4px;
  transition: background .18s;
}
.home-slider-prev { left: 8px; }
.home-slider-next { right: 8px; }
.home-slider-prev:hover,
.home-slider-next:hover { background: var(--primary-orange); color: #fff; }
.home-slider-dots {
  position: absolute;
  right: 16px;
  bottom: 14px;
  z-index: 3;
  display: flex;
  gap: 6px;
}
.home-slider-dots span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(255,255,255,0.58);
  cursor: pointer;
  transition: .18s;
}
/* 轮播图下方三卡片广告 */
.home-banner-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.home-banner-card {
  display: block;
  height: 96px;
  border-radius: 8px;
  overflow: hidden;
  background: var(--gray-100, #f3f4f6);
}
.home-banner-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.home-slider-dots span.is-active {
  width: 20px;
  border-radius: 999px;
  background: var(--primary-orange);
}

/* 推荐产品 */
.home-center-products {
  background: rgba(255,255,255,0.97);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  padding: 18px;
}
.home-center-products .section-head { margin-bottom: 12px; }
.home-center-product-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.home-center-product-card {
  display: block;
  border-radius: var(--radius-base);
  padding: 12px;
  background: #fff;
  text-decoration: none;
  color: inherit;
  transition: .18s;
}
.home-center-product-card:hover {
  box-shadow: var(--shadow-hover);
}
.home-center-product-cover {
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 8px;
  background: var(--gray-200);
}
.home-center-product-cover img { width: 100%; height: 100%; object-fit: cover; }
.home-center-product-info { padding: 10px 0 0; }
.home-center-product-price {
  display: block;
  color: var(--error);
  font-size: var(--font-base);
  font-weight: 700;
  margin-bottom: 4px;
}
.home-center-product-card h3 {
  margin: 0;
  font-size: var(--font-sm);
  font-weight: 700;
  color: var(--text-primary);
  line-height: 1.5;
  height: 40px;
  overflow: hidden;
}

/* ── 右侧栏 ── */
.home-side-right {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.home-side-card {
  background: rgba(255,255,255,0.97);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-base);
  padding: 18px 16px;
}
.home-side-card h3 {
  margin: 0 0 12px;
  font-size: var(--font-base);
  color: var(--text-primary);
  font-weight: 700;
}
.home-side-login h3 {
  font-size: 16px;
  margin-bottom: 8px;
}
.home-side-card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--gray-200);
}
.home-side-card-head h3 { margin: 0; border: none; padding: 0; }
.home-side-card-head a { color: var(--primary-orange); font-size: var(--font-sm); }

/* 登录框 */
.home-side-login {
  background: linear-gradient(180deg, #fff, var(--primary-orange-light));
  text-align: center;
}
.home-side-login form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.home-side-login input {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--gray-300);
  border-radius: var(--radius-sm);
  font-size: var(--font-sm);
  outline: 0;
}
.home-side-login input:focus { border-color: var(--primary-orange); }
.home-side-login button {
  padding: 10px;
  background: var(--primary-gradient);
  color: #fff;
  border: none;
  font-size: var(--font-base);
  font-weight: 700;
  cursor: pointer;
  border-radius: var(--radius-base);
}
.home-side-login button:hover { opacity: 0.88; }
/* 登录后会员信息 */
.home-side-logged {
  background: linear-gradient(180deg, #fff, #f0f7ff);
}
.home-side-user {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  margin-bottom: 14px;
}
.home-side-welcome {
  font-size: var(--font-sm);
  color: var(--gray-500);
}
.home-side-username {
  font-size: var(--font-base);
  font-weight: 600;
  color: var(--gray-900);
}

.home-side-login-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 14px;
  font-size: var(--font-sm);
}
.home-side-login-links a {
  color: var(--gray-700);
  padding: 8px 0;
  border-radius: var(--radius-sm);
  background: rgba(255,255,255,0.7);
  text-align: center;
  transition: color 0.2s, background 0.2s;
}
.home-side-login-links a:hover {
  color: var(--primary-orange);
  background: #fff;
}

/* 侧边列表 */
.home-side-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.home-side-list li {
  padding: 5px 0;
  font-size: var(--font-sm);
  line-height: 1.5;
}
.home-side-list li a {
  color: var(--text-secondary);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.home-side-list li a:hover { color: var(--primary-orange); }

/* ── section 板块卡片（.block） ── */
.section-shell .container > .section-head ~ *:not(.section-head) {
  /* 由具体组件自带圆角阴影 */
}
.home-block {
  background: rgba(255,255,255,0.97);
  border: 0;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-base);
  padding: 22px;
  margin-top: 16px;
}
.home-block--warm {
  background: linear-gradient(180deg, #fff, var(--primary-orange-light));
}

/* ── section ── */
.section-shell { padding: var(--section-gap) 0; }
.section-shell--soft { background: var(--gray-50); }
.section-head { margin-bottom: 16px; }
.section-head--split {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section-head h2 {
  margin: 0;
  font-size: var(--font-2xl);
  font-weight: 700;
  line-height: 1.25;
}
.section-head h2:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 18px;
  margin-right: 10px;
  background: var(--primary-orange);
  border-radius: 6px;
  vertical-align: -3px;
}
.section-link {
  color: var(--primary-orange);
  font-size: var(--font-sm);
}

/* ========== 最新产品列表 ========== */

/* ── 资讯网格（4列带图） ── */
.home-news-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.home-news-grid article a {
  display: block;
  border-radius: var(--radius-base);
  overflow: hidden;
  background: #fff;
  transition: .18s;
}
.home-news-grid article a:hover {
  box-shadow: var(--shadow-hover);
}
.home-news-grid img,
.home-news-grid-placeholder {
  width: 100%;
  height: 120px;
  object-fit: cover;
  background: var(--gray-900);
}
.home-news-grid-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-orange);
  font-size: 24px;
}
.home-news-grid h3 {
  height: 40px;
  margin: 10px 12px 8px;
  overflow: hidden;
  font-size: var(--font-sm);
  line-height: 1.5;
  font-weight: 700;
  color: var(--text-primary);
}
.home-news-grid em {
  display: block;
  margin: 0 12px 12px;
  color: var(--text-tertiary);
  font-size: var(--font-xs);
  font-style: normal;
}

/* ── 资讯按分类分组（4 分类区块） ── */
.home-news-groups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.home-news-cat {
  background: #fff;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-base);
  padding: 18px;
  min-width: 0;
}
.home-news-cat__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px;
  margin-bottom: 2px;
  border-bottom: 1px solid var(--gray-200);
}
.home-news-cat__head h3 {
  margin: 0;
  font-size: var(--font-lg);
  font-weight: 700;
  color: var(--text-primary);
  position: relative;
  padding-left: 12px;
}
.home-news-cat__head h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 16px;
  background: var(--primary-orange);
  border-radius: 6px;
}
.home-news-cat__head a {
  color: var(--primary-orange);
  font-size: var(--font-xs);
  white-space: nowrap;
  margin-left: 8px;
}
.home-news-cat__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.home-news-cat__list li + li {
  border-top: 1px solid var(--gray-100);
}
.home-news-cat__item {
  display: flex;
  gap: 12px;
  padding: 12px 0;
  align-items: flex-start;
  min-width: 0;
}
.home-news-cat__item img {
  width: 80px;
  height: 58px;
  flex-shrink: 0;
  object-fit: cover;
  border-radius: var(--radius-base);
  background: var(--gray-200);
}
.home-news-cat__fallback {
  width: 80px;
  height: 58px;
  flex-shrink: 0;
  border-radius: var(--radius-base);
  background: #2563eb;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-news-cat__body {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.home-news-cat__body strong {
  font-size: var(--font-sm);
  font-weight: 600;
  color: var(--text-primary);
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color .18s;
}
.home-news-cat__item:hover strong { color: var(--primary-orange); }
.home-news-cat__body p {
  margin: 5px 0 6px;
  font-size: var(--font-xs);
  color: var(--text-tertiary);
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.home-news-cat__body span {
  font-size: var(--font-xs);
  color: var(--text-tertiary);
}

/* ── 产品网格（6列卡片） ── */
.home-product-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
}
.home-product-grid article {
  min-width: 0;
}
.home-product-grid article a {
  display: block;
  border-radius: var(--radius-base);
  padding: 12px;
  background: #fff;
  transition: .18s;
}
.home-product-grid article a:hover {
  box-shadow: var(--shadow-hover);
}
.home-product-grid img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: var(--radius-lg);
  background: var(--gray-200);
}
.home-product-grid h3 {
  height: 40px;
  margin: 10px 0 8px;
  overflow: hidden;
  font-size: var(--font-sm);
  line-height: 1.5;
  font-weight: 700;
  color: var(--text-primary);
}
.home-product-grid strong {
  display: block;
  color: var(--error);
  font-size: var(--font-base);
}
.home-product-grid span {
  display: block;
  margin-top: 5px;
  color: var(--gray-600);
  font-size: var(--font-xs);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 右侧登录入口调整 */
.home-side-login-desc {
  margin: 0 0 14px;
  color: var(--gray-600);
  font-size: var(--font-sm);
  line-height: 1.55;
}
.home-side-login .btn {
  display: flex;
  width: 100%;
  margin-top: 10px;
}
.home-side-login .btn:first-of-type { margin-top: 0; }
.home-side-login .btn-primary {
  background: linear-gradient(135deg, var(--accent-orange), var(--accent-orange-dark));
  color: #fff;
}
.home-side-login .btn-primary:hover {
  background: var(--accent-orange-dark);
  color: #fff;
}

.home-product-list {
  background: rgba(255,255,255,0.97);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}
.home-product-row {
  display: flex;
  gap: 16px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--gray-200);
  align-items: flex-start;
  transition: .15s;
}
.home-product-row:last-child { border-bottom: none; }
.home-product-row:hover { background: var(--primary-orange-light); }

.home-product-row-thumb {
  width: 140px;
  height: 110px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 8px;
  background: var(--gray-200);
}
.home-product-row-thumb img { width: 100%; height: 100%; object-fit: cover; }

.home-product-row-body {
  flex: 1;
  min-width: 0;
}
.home-product-row-body h3 {
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
}
.home-product-row-body h3 a { color: var(--text-primary); }
.home-product-row-body h3 a:hover { color: var(--primary-orange); }
.home-product-row-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  font-size: var(--font-xs);
  color: var(--text-tertiary);
  margin-bottom: 6px;
}
.home-product-row-meta a { color: var(--secondary-blue); }
.home-product-row-body p {
  margin: 0;
  font-size: var(--font-sm);
  color: var(--gray-600);
  line-height: 1.75;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.home-product-row-side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  min-width: 130px;
}
.home-product-row-price {
  color: var(--error);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}
.home-product-row-price em {
  font-style: normal;
  font-size: var(--font-xs);
  color: var(--text-tertiary);
  font-weight: 400;
}
.home-product-row-phone {
  color: var(--primary-orange);
  font-size: var(--font-base);
}

/* ========== 推荐企业网格（4列） ========== */
.home-company-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.home-company-card {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 4px 12px;
  align-items: center;
  min-height: 78px;
  padding: 12px;
  border-radius: var(--radius-base);
  background: #fff;
  text-decoration: none;
  color: inherit;
  transition: .18s;
}
.home-company-card:hover {
  box-shadow: var(--shadow-hover);
}
.home-company-card img {
  grid-row: 1/3;
  width: 58px;
  height: 46px;
  object-fit: contain;
}
.home-company-card-body {
  min-width: 0;
}
.home-company-card-body h3 {
  margin: 0;
  font-size: var(--font-sm);
  font-weight: 700;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.home-company-card-body p { display: none; }
.home-company-card-body span {
  display: block;
  margin-top: 4px;
  color: var(--gray-600);
  font-size: var(--font-xs);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ========== 行业分类入口 ========== */
.home-category-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px 24px;
}
.home-category-block {
  padding: 8px 0;
}
.home-category-block h3 {
  margin: 0 0 7px;
  font-size: var(--font-base);
  font-weight: 700;
  color: var(--text-primary);
}
.home-category-block h3 a { color: var(--text-primary); }
.home-category-block h3 a:hover { color: var(--primary-orange); }
.home-category-block h3 span { color: var(--text-tertiary); font-size: var(--font-xs); font-weight: 400; margin-left: 4px; }
.home-category-children {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
}
.home-category-children a {
  color: var(--gray-700);
  font-size: var(--font-xs);
}
.home-category-children a:hover { color: var(--primary-orange); }

/* ========== 双栏：地区 + 资讯 ========== */
.two-col-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 20px;
}
.two-col-grid > div {
  min-width: 0;
}
.home-region-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.home-region-chip {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  padding: 14px 8px;
  background: var(--gray-100);
  border-radius: var(--radius-sm);
  text-decoration: none;
  color: var(--text-primary);
  font-size: var(--font-sm);
  overflow-wrap: break-word;
  transition: .15s;
}
.home-region-chip:hover { background: var(--primary-orange-light); color: var(--primary-orange); }
.home-region-chip strong { font-weight: 600; }
.home-region-chip span { font-size: var(--font-xs); color: var(--text-tertiary); margin-top: 3px; }

.home-news-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.home-news-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 0;
  padding: 8px 0;
  border-bottom: 1px solid var(--gray-200);
  font-size: var(--font-sm);
  line-height: 1.6;
}
.home-news-list li:last-child { border-bottom: none; }
.home-news-list li a {
  color: var(--text-secondary);
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.home-news-list li a:hover { color: var(--primary-orange); }
.home-news-list li span { color: var(--text-tertiary); font-size: var(--font-xs); flex-shrink: 0; margin-left: 12px; }

/* ========== 友情链接 ========== */
.friendly-links-section {
  padding: var(--section-gap) 0;
  background: #fff;
}
.friendly-links-head { margin-bottom: 10px; }
.friendly-links-head h2 {
  font-size: var(--font-base);
  font-weight: 700;
  color: var(--text-primary);
  border: none;
  padding: 0;
  margin: 0;
}
.friendly-links-head h2:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 14px;
  margin-right: 8px;
  background: var(--primary-orange);
  border-radius: 6px;
  vertical-align: -2px;
}
.friendly-links-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
}
.friendly-link-item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: var(--font-sm);
  color: var(--gray-700);
  text-decoration: none;
  line-height: 1.8;
}
.friendly-link-item:hover { color: var(--primary-orange); }
.friendly-link-logo {
  width: 14px;
  height: 14px;
  object-fit: contain;
}

.empty-state, .empty-inline {
  padding: 20px;
  background: var(--gray-100);
  color: var(--text-tertiary);
  font-size: var(--font-sm);
  text-align: center;
  border-radius: var(--radius-sm);
}

/* ========== 响应式 ========== */
@media (max-width: 1220px) {
  .home-three-col-inner {
    grid-template-columns: 210px 1fr 204px;
    gap: 14px;
    width: 1000px;
    max-width: 100%;
  }
  .home-topbar-inner { width: 1000px; max-width: 100%; }
  .home-side-nav-flyout { left: 208px; width: 640px; }
  .home-side-nav-flyout-products { grid-template-columns: repeat(4, 1fr); }
  .home-slider { min-height: 240px; }
  .home-company-grid { grid-template-columns: repeat(4, 1fr); }
  .home-center-product-grid { grid-template-columns: repeat(3, 1fr); }
  .home-news-grid { grid-template-columns: repeat(4, 1fr); }
  .home-product-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

@media (max-width: 1024px) {
  .home-three-col-inner {
    grid-template-columns: 200px minmax(0, 1fr);
    width: auto;
    min-width: 0;
    padding: 0 10px;
  }
  .home-side-right { display: none; }
  .home-company-grid { grid-template-columns: repeat(3, 1fr); }
  .home-news-grid { grid-template-columns: repeat(3, 1fr); }
  .home-product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
  .home-three-col-inner {
    grid-template-columns: 1fr;
  }
  .home-side-nav { display: none; }
  .home-center-product-grid { grid-template-columns: repeat(2, 1fr); }
  .home-company-grid { grid-template-columns: repeat(2, 1fr); }
  .home-category-grid { grid-template-columns: repeat(2, 1fr); }
  .two-col-grid { grid-template-columns: 1fr; }
  .home-region-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .home-news-grid { grid-template-columns: repeat(2, 1fr); }
  .home-news-groups { grid-template-columns: 1fr; }
  .home-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
  .home-product-row { flex-direction: column; }
  .home-product-row-thumb { width: 100%; height: 200px; }
  .home-product-row-side { align-items: flex-start; }
  .home-company-grid, .home-category-grid { grid-template-columns: 1fr; }
  .home-region-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-center-product-grid { grid-template-columns: 1fr; }
  .home-news-grid { grid-template-columns: 1fr; }
  .home-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-banner-cards { grid-template-columns: 1fr; }
  .home-banner-card { height: 64px; }
}

/* ── 首页信息网风格增强 ── */
.home-lead-products {
  margin-top: 12px;
  background: #fff;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  padding: 12px 14px;
}
.home-lead-products-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.home-lead-products-head h3 {
  font-size: 16px;
  font-weight: 700;
  color: var(--text-primary);
}
.home-lead-products-head a {
  font-size: 13px;
  color: var(--color-brand);
}
.home-lead-products-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.home-lead-products-list li a {
  display: flex;
  gap: 10px;
  padding: 8px;
  border: 1px solid var(--border-light, #edf0f3);
  border-radius: 6px;
  align-items: center;
}
.home-lead-products-list li a:hover {
  border-color: var(--color-brand);
  box-shadow: var(--shadow-hover);
}
.home-lead-products-list img {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 4px;
  flex-shrink: 0;
}
.home-lead-products-info {
  min-width: 0;
}

/* ── 首页平台介绍区（左右布局）── */
.home-seo-intro{padding:16px 0;background:linear-gradient(135deg,#fff 0%,#fafbfc 100%)}
.seo-intro-wrap{display:flex;align-items:center;gap:28px;width:var(--container-width);max-width:100%;margin:0 auto}
.seo-intro-text{flex:1 1 auto;min-width:0}
.seo-intro-img{flex:0 0 320px}
.seo-intro-img img{width:100%;height:190px;object-fit:cover;border-radius:10px;display:block;box-shadow:0 4px 16px rgba(0,0,0,.08)}
.seo-intro-title{font-size:20px;color:#333;font-weight:700;margin:0 0 10px}
.seo-intro-text p{margin:0 0 8px;font-size:13px;line-height:1.9;color:#666;text-align:justify}
.seo-intro-text strong{color:#e8730a;font-weight:600}
.seo-intro-adv{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 18px;margin-top:12px}
.seo-intro-adv span{font-size:12px;color:#999;line-height:1.5;padding-left:12px;position:relative;white-space:nowrap}
.seo-intro-adv span::before{content:"";position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background:#e8730a}
.seo-intro-adv b{display:block;font-size:13px;color:#333;font-weight:600}
@media(max-width:768px){
  .seo-intro-wrap{flex-direction:column-reverse;gap:14px;padding:0 16px}
  .seo-intro-img{flex:0 0 auto;width:100%}
  .seo-intro-img img{height:160px}
  .seo-intro-title{font-size:17px}
  .seo-intro-text p{font-size:12px;line-height:1.8}
  .seo-intro-adv{grid-template-columns:repeat(2,1fr)}
}

.home-lead-products-info strong {
  display: block;
  font-size: 13px;
  color: var(--text-primary);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.home-lead-products-info span {
  display: block;
  font-size: 12px;
  color: var(--text-tertiary);
  margin: 2px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.home-lead-products-info em {
  font-style: normal;
  font-size: 13px;
  font-weight: 700;
  color: var(--color-accent, #f26a1b);
}

.home-hot-terms {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.home-hot-terms a {
  padding: 4px 10px;
  background: var(--bg-muted, #edf0f3);
  border-radius: 999px;
  font-size: 12px;
  color: var(--text-secondary);
}
.home-hot-terms a:hover {
  background: var(--color-brand-light);
  color: var(--color-brand);
}

/* ── 首页「热门专题」板块（专题系统 MVP）── */
.home-topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.home-topic-card{display:block;background:#fff;border:1px solid var(--border-color,#f0f0f0);border-radius:8px;padding:14px 16px;text-decoration:none;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:box-shadow .2s,transform .2s}
.home-topic-card:hover{box-shadow:0 6px 18px rgba(0,0,0,.08);transform:translateY(-2px)}
.home-topic-card strong{display:block;font-size:15px;color:var(--text-primary,#333);line-height:1.5;font-weight:600}
.home-topic-card:hover strong{color:var(--color-brand,#e8730a)}
.home-topic-card p{font-size:12px;color:var(--text-secondary,#999);line-height:1.7;margin:8px 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}
.home-topic-card-more{display:block;font-size:12px;color:var(--color-brand,#e8730a)}
@media(max-width:992px){.home-topic-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.home-topic-grid{grid-template-columns:1fr;gap:10px}}