/* ========== 全局基础样式（导航依赖） ========== */
* {margin:0;padding:0;box-sizing:border-box;}
body {font-family:"Segoe UI",Roboto,"Microsoft YaHei UI",sans-serif;color:#333;line-height:1.7;}
:root {
  --primary:#165DFF;
  --orange:#FF7D00;
  --cyan:#36CFC9;
  --dark-bg:#121826;
  --dark-card:#1D2129;
  --light-bg:#F5F7FA;
  --white:#fff;
}
.container {width:90%;max-width:1200px;margin:0 auto;}
a {text-decoration:none;color:inherit;}
ul {list-style:none;}
.btn {
  display:inline-block;
  padding:12px 28px;
  border-radius:6px;
  font-weight:bold;
  transition:0.3s;
}
.btn-orange {background:var(--orange);color:#fff;}
.btn-orange:hover {opacity:0.9;}

/* ========== 导航栏核心样式 ========== */
header {
  background:var(--dark-bg);
  color:#fff;
  height:80px;
  display:flex;
  align-items:center;
  position:sticky;
  top:0;
  z-index:99;
}
.nav-wrap {
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:90%;
  max-width:1200px;
  margin:0 auto;
}
.logo {
  font-size:24px;
  font-weight:700;
  color:#FFAA0F;
  letter-spacing:1px;
  font-family:"Segoe UI",Roboto,sans-serif;
  display: flex; /* 让LOGO和文字横向排列 */
  align-items: center; /* 垂直居中 */
  gap: 8px; /* LOGO与文字间距（替代margin，更灵活） */
}
.logo-img-wrap {
  width: 50px; /* 桌面端基础尺寸 */
  height: 50px; /* 固定宽高比，避免变形 */
  flex-shrink: 0; /* 防止容器被挤压 */
}
.logo-img-wrap img {
  width: 100%; /* 图片铺满容器 */
  height: 100%; /* 图片铺满容器 */
  object-fit: contain; /* 保持图片比例，不拉伸变形 */
}

/* 一级导航 */
.nav-list {display:flex;gap:30px;position:relative;}
.nav-list > li {position:relative;}
.nav-list a:hover,.nav-list a.active {color:var(--primary);}

/* 汉堡按钮 */
.hamburger {
  display:none;
  font-size:28px;
  cursor:pointer;
}

/* 移动端菜单 */
.mobile-menu {
  display:none;
  position:absolute;
  top:80px;
  left:0;
  width:100%;
  background:var(--dark-bg);
  text-align:center;
  padding:20px 0;
}
.mobile-menu li {margin:15px 0;}
.mobile-menu a {color:#fff;font-size:18px;}

/* ========== 导航响应式适配 ========== */
/* 平板/小屏桌面 */
@media (max-width: 992px) {
  .logo-img-wrap {
    width: 40px;
    height: 40px;
  }
}

/* 移动端（与现有768px断点对齐） */
@media (max-width: 768px) {
  .logo-img-wrap {
    width: 36px;
    height: 36px;
  }
  .logo {
    font-size: 18px; /* 同步缩小文字，保持整体协调 */
    gap: 6px; /* 移动端缩小间距 */
  }
  .nav-list {display:none;}
  .hamburger {display:block;}
}

/* 超小屏手机 */
@media (max-width: 480px) {
  .logo-img-wrap {
    width: 26px;
    height: 26px;
  }
  .logo {
    font-size: 16px;
  }
}