/* 雄县海玉塑料管道公司官网 - 自定义补充样式 */
html { scroll-behavior: smooth; }
body {
  font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #333;
}

/* 导航链接 */
.nav-link { position: relative; transition: color .2s; padding: 4px 0; }
.nav-link:hover { color: #fff; }
.nav-link.active { color: #fff; font-weight: 600; }
.nav-link.active::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -4px;
  height: 2px; background: #5B9BD5; border-radius: 1px;
}
.mobile-link.active { color: #fff; font-weight: 600; border-left-color: #5B9BD5; }

/* 区块标题 */
.section-head { text-align: center; margin-bottom: 2.5rem; }
.section-head .en { color: #5B9BD5; letter-spacing: .3em; font-size: .75rem; text-transform: uppercase; }
.section-head h2 { color: #0F2B4C; font-size: 1.75rem; font-weight: 700; margin-top: .5rem; }
.section-head .bar { width: 48px; height: 3px; background: #0F2B4C; margin: 1rem auto 0; border-radius: 2px; }

/* 淡入（克制的微交互） */
.fade-up { opacity: 0; transform: translateY(16px); transition: opacity .5s ease, transform .5s ease; }
.fade-up.visible { opacity: 1; transform: none; }

/* 卡片 */
.card-hover { transition: box-shadow .25s ease, transform .25s ease; }
.card-hover:hover { box-shadow: 0 8px 24px rgba(15, 43, 76, .12); transform: translateY(-3px); }

/* 产品筛选按钮 */
.filter-btn {
  padding: .5rem 1.25rem; border-radius: 9999px; font-size: .875rem;
  border: 1px solid #d5dde5; color: #4a5a6a; background: #fff; transition: all .2s;
}
.filter-btn:hover { border-color: #0F2B4C; color: #0F2B4C; }
.filter-btn.active { background: #0F2B4C; border-color: #0F2B4C; color: #fff; }

/* 表单 */
.form-input {
  width: 100%; border: 1px solid #d5dde5; border-radius: .375rem;
  padding: .65rem .9rem; font-size: .9rem; background: #fff; transition: border-color .2s;
}
.form-input:focus { outline: none; border-color: #0F2B4C; box-shadow: 0 0 0 3px rgba(15,43,76,.08); }

/* 页头横幅 */
.page-banner {
  background: linear-gradient(120deg, #0A2038 0%, #0F2B4C 55%, #1B4B7F 100%);
}

@media (max-width: 640px) {
  .section-head h2 { font-size: 1.4rem; }
}