/* ==========================================================================
   工业电子官网 - 自定义样式（配合 Tailwind CDN 使用）
   仅放置 Tailwind 不便表达的通用微调：平滑滚动、导航激活态、卡片悬浮等
   ========================================================================== */

:root {
  /* 强调色：科技蓝，与 tailwind.config 内联配置保持一致 */
  --accent: #2563eb;
  --accent-dark: #1d4ed8;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Segoe UI", "Microsoft YaHei", "PingFang SC", system-ui,
    -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #334155; /* slate-700 */
}

/* 导航链接当前页高亮（由 main.js 设置 aria-current="page"） */
.nav-link[aria-current="page"] {
  color: var(--accent);
  font-weight: 600;
}

.nav-link[aria-current="page"]::after {
  transform: scaleX(1);
}

/* 桌面端导航下划线动效 */
@media (min-width: 768px) {
  .nav-link {
    position: relative;
  }
  .nav-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    height: 2px;
    width: 100%;
    background: var(--accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.25s ease;
  }
  .nav-link:hover::after {
    transform: scaleX(1);
  }
}

/* 卡片悬浮微交互 */
.card-hover {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.card-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.12);
}

/* 移动端菜单展开/收起过渡 */
#mobile-menu {
  transition: max-height 0.3s ease, opacity 0.3s ease;
  overflow: hidden;
}
#mobile-menu.hidden-menu {
  max-height: 0;
  opacity: 0;
}
#mobile-menu.show-menu {
  max-height: 400px;
  opacity: 1;
}