/* 基础样式重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 页面背景设置 */
body {
    background: url('背景.png') no-repeat center/cover fixed;
    font-family: 'Arial', sans-serif;
    background-size: cover;
    background-attachment: fixed;
    background-color: #f5f0e6; /* 增加底色适配无背景图情况 */
}

/* 容器整体布局 */
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding:80px 40px;
    text-align: center;
}

/* logo区域样式 */
.logo-section {
    margin-bottom: 10px;
}
.logo-img {
    width: 440px;
    height: auto;
    opacity: 0.95;
    transition: all 0.3s ease;
    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.1));
}

.logo2-section {
    margin-bottom: 50px;
}
.logo2-img {
    width: 1024px;
    height: auto;
    opacity: 0.95;
    transition: all 0.3s ease;
    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.1));
}
.logo-img:hover {
    opacity: 1;
    transform: scale(1.08);
    filter: drop-shadow(0 6px 12px rgba(0,0,0,0.15));
}

/* 功能入口区域样式 */
.nav-section {
    display: flex;
    justify-content: center;
    gap: 130px;
    flex-wrap: wrap;
}
.nav-btn {
    text-decoration: none;
    color: #fff;
    display: inline-block;
    padding: 1px;
}
.nav-btn img {
    width: 110px;
    height: auto;
    opacity: 0.95;
    transition: all 0.3s ease;
    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.1));
}

/* 悬停放大效果 */
.nav-section a:hover img {
opacity: 1;
    transform: scale(1.03);
    filter: drop-shadow(0 6px 12px rgba(0,0,0,0.15));
}
.STYLE5 {
  text-align: center; /* 文字水平居中 */
}

/* 移动端适配 */
@media (max-width: 768px) {
    .container {
        padding: 30px 20px;
    }
    .logo-img {
        width: 180px;
    }
    .nav-btn img {
        width: 100px;
        height: 100px;
    }
    .nav-section {
        gap: 20px;
    }
}

.nav-btn img:hover {
    opacity: 1;
    transform: scale(1.08);
    filter: drop-shadow(0 6px 12px rgba(0,0,0,0.15));
}

/* 视频背景容器：固定定位铺满全屏，放在最底层 */
.video-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}

/* 视频元素：居中裁剪铺满容器，保持比例不变形 */
.video-background video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}

/* 半透明遮罩（可选，优化文字对比度） */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.0);
  z-index: 0;
}

/* 内容区域：层级高于视频，确保可交互 */
.content {
  position: relative;
  z-index: 1;
  color: #fff;
}