/* =========================================
   1. 本地字体定义 (Local Font Definition)
   ========================================= */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  /* Regular 标准字重 */
  /* 引用您下载并放在 fonts 文件夹里的文件 */
  src: url('./fonts/roboto-v50-latin-regular.woff2') format('woff2');
}

/* 如果您后续下载了 Bold(700) 或 Light(300) 的文件，可以在这里继续添加 @font-face 规则 */


/* =========================================
   2. 全局样式 (Global Styles)
   ========================================= */
html {
  scroll-behavior: smooth;
  /* 平滑滚动效果 */
}

body {
  /* 优先使用定义的 Roboto，如果加载失败则使用备用字体 */
  font-family: 'Roboto', "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
}


/* =========================================
   3. 组件样式 (Component Styles)
   ========================================= */

/* 导航栏滚动时的样式 (配合 JS 添加 .scrolled 类) */
nav.scrolled {
  background-color: rgba(15, 23, 42, 0.95);
  /* 深色背景 (Hunti Dark) */
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* Hero Section (首页大图) 的视差背景微调 */
header#home {
  background-attachment: fixed;
  /* 背景固定，产生视差感 */
}

/* 针对移动端菜单的折叠/展开过渡动画 */
#mobile-menu {
  transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

#mobile-menu.active {
  max-height: 400px;
  /* 展开高度 */
  opacity: 1;
}


/* =========================================
   4. 滚动条美化 (Custom Scrollbar)
   ========================================= */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #0ea5e9;
  /* Hunti Primary Blue */
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #0284c7;
}