/* 首页全屏背景图 */
body.home-page {
  background-image: url('images/bg-global.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.fullscreen-hero {
  height: 90vh;
  display: flex;
  flex-direction: column;
  justify-content: center; /* 垂直居中 */
  align-items: center; /* 水平居中 */
  color: white; /* 文字颜色，确保可读 */
  position: relative;
  padding: 20px; /* 内边距 */
  text-align: center;
}

/* 为内容添加半透明背景 */
.fullscreen-hero .content-wrapper {
  background-color: rgba(0, 0, 0, 0.65); /* 深色半透明背景，提升可读性 */
  padding: 20px;
  border-radius: 3px; /* 圆角效果 */
  text-align: center;
  max-width: 90%; /* 限制内容宽度 */
}

.fullscreen-hero h1 {
  color: white;
  font-size: 2em;
  font-weight: 700;
}

.fullscreen-hero p {
  color: white;
}

/* 确保内容可读 */
.md-main {
  background-color: rgba(255, 255, 255, 0。05); /* 半透明白色背景 */
  /* padding: 20px; */
}

/* .md-tabs__link {
  font-size: 0.9rem;
}

.md-header__title {
  font-size: 1.2rem;
} */

.logo-wall {
  display: flex;              /* 使用 Flexbox 布局 */
  flex-wrap: wrap;           /* 自动换行 */
  justify-content: center;   /* 水平居中 */
  gap: 30px;                 /* logo 之间的间距 */
  padding: 20px;             /* 外边距 */
}

.logo-wall img {
  height: 50px;          /* 限制 logo 最大宽度 */
  width: auto;              /* 保持比例 */
  object-fit: contain;       /* 确保 logo 不变形 */
  transition: transform 0.3s; /* 添加 hover 动画 */
}

.logo-wall img:hover {
  transform: scale(1.1);     /* 鼠标悬停时放大 */
}

.logo-wall img {
  filter: grayscale(100%);
}

.logo-wall img:hover {
  filter: grayscale(0%);
}

