@charset "UTF-8";
.fullPage[data-v-f9814d78] {
  height: 100vh;
  overflow: auto;
}
.fullPageContainer[data-v-f9814d78] {
  width: 100%;
  height: 100vh;
  overflow: scroll;
}
.section[data-v-f9814d78] {
  width: 100%;
  height: 100vh;
}
/* 容器样式，确保所有内容宽度一致 */
.container[data-v-f9814d78] {
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
}
/* 顶部按钮包装器，背景色全宽 */
.navigation-buttons-wrapper[data-v-f9814d78] {
  width: 100%;
  background-color: #f9f9f9;
  padding: 15px 0;
}
/* 顶部四个按钮样式 */
.navigation-buttons[data-v-f9814d78] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.button-item[data-v-f9814d78] {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 22%;
}
.button-item[data-v-f9814d78]:hover {
  transform: translateY(-5px);
}
.button-item.active .button-text[data-v-f9814d78] {
  color: #f6911d;
  font-weight: bold;
}
.icon-container[data-v-f9814d78] {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
.icon-container img[data-v-f9814d78] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.button-text[data-v-f9814d78] {
  font-size: 14px;
  color: #333;
  margin-top: 5px;
}
/* 响应式设计 */
@media (max-width: 1200px) {
.button-item[data-v-f9814d78] {
    width: 24%;
}
}
@media (max-width: 768px) {
.navigation-buttons[data-v-f9814d78] {
    flex-wrap: wrap;
    padding: 30px 0;
}
.button-item[data-v-f9814d78] {
    width: 45%;
    margin-bottom: 20px;
}
.container[data-v-f9814d78] {
    width: 95%;
}
}