/* style.min.css */
body {
    font-family: Arial, sans-serif;
    font-size: 16px; /* 或者你想要的大小 */
    margin: 0;
    padding: 0;
}

.header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    background-color: #f4f4f4;
}

.menu-inner {
    display: flex;
    gap: 20px;
}

.menu-item {
    text-decoration: none;
    color: #333;
}

.main {
    max-width: 800px;   /* 控制最大宽度 */
    margin: 40px auto;  /* 上下 40px，左右 auto 实现居中 */
    padding: 20px;
    background: white;  /* 可选：白底 */
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);  /* 可选：柔和阴影 */
    border-radius: 8px;  /* 可选：圆角 */
}

/* 桌面端样式：默认显示桌面头部，隐藏移动端头部 */
header.mobile {
  display: none; /* 默认隐藏移动端头部 */
}

header.desktop {
  display: block; /* 默认显示桌面端头部 */
}

/* 移动端适配：屏幕宽度 <= 768px 时切换显示 */
@media (max-width: 768px) {
  header.desktop {
    display: none; /* 隐藏桌面端头部 */
  }
  
  header.mobile {
    display: block; /* 显示移动端头部 */
  }
}

/* Logo 样式，覆盖所有宽高限制，确保最大宽度生效 */
.header-title .logo {
  max-width: 50px !important;  /* 调大最大宽度 */
  height: auto !important;
  object-fit: contain;
  margin-right: 10px !important; /* 保持间距 */
}

/* 响应式设置：在小屏幕下缩小 logo */
@media (max-width: 768px) {
  .header-title .logo {
    max-width: 60px;
  }
}

.header-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 6px;
}

.title-group {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  color: #333;
  #margin-left: 8px; /* logo 和标题之间间距，8px或你喜欢的值 */
  gap: 4px
}

.title-group .icon {
  margin-right: 5px;
  font-size: 1.2rem;
}

.title-group .text {
  font-weight: bold;
}