/* 基础重置：确保所有设备盒模型一致 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 适配所有手机屏幕的通用样式 */
@media screen and (max-width: 1024px) {
  /* 轮播容器调整：避免溢出 */
  .slideshow {
    width: 100vw !important; /* 强制占满屏幕宽度 */
    height: 100vh !important;
    overflow: hidden !important;
    position: relative;
    background-color: transparent !important;
    padding: 0 !important;
  }

  /* 轮播图幻灯片：移除偏移，占满屏幕 */
  .slideshow__slide {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    background-color: transparent !important;
  }

  /* 轮播图背景：确保铺满屏幕，不拉伸变形 */
  .slideshow__slide-image {
    background-size: cover !important;
    background-position: center center !important;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent !important;
  }

  /* 轮播文字：根据屏幕尺寸动态调整大小 */
  .slideshow__slide-caption-title {
    font-size: clamp(1.8rem, 6vw, 3rem) !important; /* 动态字体：最小1.8rem，最大3rem，随屏幕宽度变化 */
    line-height: 1.3 !important;
    padding: 0 10px !important; /* 左右留白，避免贴边 */
    text-align: center !important;
    margin-top: 30% !important; /* 垂直居中调整 */
  }

  .slideshow__slide-caption-subtitle-label {
    font-size: clamp(1rem, 3vw, 1.2rem) !important;
    text-align: center !important;
    padding: 0 10px !important;
  }

  /* 顶部Logo和菜单按钮 */
  .banner .container {
    padding: 15px 10px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .mylogo .logo h4 {
    font-size: clamp(1.2rem, 5vw, 1.8rem) !important;
    color: #fff !important;
  }

  /* 右侧菜单按钮 */
  .menu-burger .navbar {
    color: #fff !important;
    font-size: clamp(1rem, 4vw, 1.2rem) !important;
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .icon-bars {
    font-size: clamp(1.2rem, 5vw, 1.5rem) !important;
  }

  /* 隐藏桌面端元素 */
  .c-header-home_controls {
    display: none !important; /* 隐藏轮播箭头，手机端用触摸滑动 */
  }
}

/* 适配小屏手机（360px以下，如iPhone SE） */
@media screen and (max-width: 360px) {
  .slideshow__slide-caption-title {
    margin-top: 25% !important; /* 小屏幕上文字上移 */
  }

  /* 避免文字换行溢出 */
  .slideshow__slide-caption-title br {
    display: none !important; /* 移除强制换行，让文字自动适应 */
  }
}

/* 适配大屏手机（768px-1024px，如iPhone 14 Pro Max、安卓大屏） */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .slideshow__slide-caption-title {
    margin-top: 35% !important; /* 大屏手机文字位置调整 */
  }
}

/* 解决竖屏/横屏切换适配 */
@media screen and (orientation: landscape) {
  .slideshow__slide-caption-title {
    margin-top: 15% !important; /* 横屏时文字上移，避免被截断 */
  }
}

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

        /* 汉堡菜单默认隐藏（桌面端），手机端显示 */
        .menu-burger .navbar {
            display: block; /* 确保汉堡菜单始终显示 */
            cursor: pointer;
            padding: 10px;
            z-index: 9999;
        }

        /* 导航菜单默认隐藏（手机端） */
        #navigationWrap {
            position: fixed;
            top: 0;
            right: 0;
            width: 0;
            height: 100vh;
            background: rgba(0, 0, 0, 0.95);
            overflow: hidden;
            transition: width 0.3s ease;
            z-index: 9998;
            padding-top: 60px;
        }

        /* 导航菜单展开状态 */
        #navigationWrap.active {
            width: 85%; /* 手机端菜单宽度 */
            max-width: 320px;
        }

        /* 导航菜单内部布局（手机端垂直排列） */
        #navigationWrap .main-nav-column-top {
            padding: 20px;
        }

        #navigationWrap .navbar-nav {
            flex-direction: column;
            gap: 15px; /* 菜单项间距 */
        }

        #navigationWrap .nav-link {
            color: #fff !important;
            font-size: 16px;
            padding: 10px 0;
            border-bottom: 1px solid rgba(255,255,255,0.1);
        }

        /* 隐藏手机端自定义光标 */
        #cursor {
            display: none !important;
        }

        /* 轮播图适配 */
        .slideshow__slide-image {
            background-size: cover !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
        }

        .slideshow__slide-caption-title {
            font-size: 24px !important; /* 手机端标题字体缩小 */
            line-height: 1.4 !important;
            margin: 20px 0 !important;
            text-align: center;
        }

        .slideshow__slide-caption-subtitle-label {
            font-size: 14px !important;
            text-align: center;
            display: block;
        }

        /* 服务块适配（手机端单列显示） */
        .cont-services .row {
            margin: 0 !important;
        }

        .services-block {
            margin-bottom: 20px !important;
            padding: 20px !important;
        }

        .col-md-6.col-lg-4 {
            width: 100% !important;
            padding: 0 10px !important;
        }

        /* 页脚适配（手机端垂直排列） */
        .menu-social-links {
            flex-direction: column !important;
            gap: 10px !important;
            text-align: center;
        }

        .privacy-policy-link {
            text-align: center !important;
            margin-top: 15px !important;
            font-size: 12px !important;
        }

        /* 顶部Banner适配 */
        .banner .container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 15px !important;
        }

        .mylogo .logo h4 {
            font-size: 20px !important;
            margin: 0;
        }

        /* Overlay（初始加载页）适配 */
        .overlay {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 0 20px;
        }

        .overlay img {
            width: 120px !important; /* 手机端Logo缩小 */
            height: auto;
        }

        .overlay p {
            font-size: 16px !important;
            margin-top: 20px !important;
            text-align: center;
        }
        /* 媒体查询：针对小屏手机（<480px） */
        @media (max-width: 480px) {
            .slideshow__slide-caption-title {
                font-size: 20px !important;
            }

            .services-block h4.maintitle {
                font-size: 18px !important;
            }

            .services-block p.separator {
                font-size: 14px !important;
            }
        }
        
/* 轮播图背景图核心适配 */
.slideshow__slide-image {
  /* 基础设置：优先保证图片完整显示，不拉伸 */
  background-size: contain !important; 
  background-position: center center !important;
  background-repeat: no-repeat !important;
  width: 100% !important;
  height: 100% !important;
  /* 解决图片比例过小导致的空白：用渐变填充空白区域（与图片主色调匹配） */
  background-color: #1a1a1a !important; /* 假设图片深色系，可根据实际图片调整 */
}

/* 针对竖屏手机（屏幕高＞宽）优化 */
@media screen and (orientation: portrait) {
  .slideshow__slide-image {
    /* 竖屏时适当放大图片，优先显示中间主体内容 */
    background-size: cover !important;
    background-position: 50% 30% !important; /* 向上偏移30%，避免底部内容被文字遮挡 */
  }
  
  /* 单独针对长图优化（如高度远大于宽度的图片） */
  .slideshow__slide[data-slide="1"] .slideshow__slide-image {
    background-size: contain !important; /* 第一页图片如果是长图，强制完整显示 */
  }
}

/* 针对横屏手机（屏幕宽＞高）优化 */
@media screen and (orientation: landscape) {
  .slideshow__slide-image {
    /* 横屏时缩小图片，避免左右裁剪过多 */
    background-size: contain !important;
    background-position: center 40% !important; /* 向下偏移40%，适配横屏布局 */
  }
}

/* 针对小屏手机（如320px宽）强制适配 */
@media screen and (max-width: 320px) {
  .slideshow__slide-image {
    background-size: cover !important;
    background-position: 60% center !important; /* 适当向右偏移，避免左侧关键内容被裁剪 */
  }
}

/* 针对大屏手机（如768px宽）优化 */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .slideshow__slide-image {
    background-size: cover !important;
    background-position: center 20% !important; /* 轻微向上偏移，平衡文字与图片主体 */
  }
}        

/* 恢复并适配轮播图切换按钮（左右箭头） */
.c-header-home_controls {
  display: flex !important; /* 恢复显示 */
  justify-content: center; /* 水平居中 */
  position: absolute;
  bottom: 50px; /* 距离底部50px，避免遮挡文字 */
  left: 0;
  right: 0;
  z-index: 10; /* 确保在轮播图上方 */
  padding: 0 20px;
}

/* 按钮样式：放大尺寸，方便手机触摸 */
.o-button.-white.-square {
  width: 50px !important; /* 按钮宽度 */
  height: 50px !important; /* 按钮高度（至少44px，符合触摸标准） */
  border-radius: 50% !important; /* 圆形按钮，更易点击 */
  background-color: rgba(0, 0, 0, 0.5) !important; /* 半透明背景，增强可见性 */
  border: 2px solid white !important; /* 白色边框，提升辨识度 */
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0px !important; /* 按钮间距 */
}

/* 箭头图标样式 */
.o-button_label i.icon-arrow-left,
.o-button_label i.icon-arrow-right {
  font-size: 20px !important; /* 箭头图标放大 */
  color: white !important; /* 白色箭头，与背景对比 */
}

/* 按钮点击反馈 */
.o-button.-white.-square:active {
  background-color: rgba(255, 255, 255, 0.5) !important; /* 点击时变色，增强交互感 */
}

/* 针对小屏手机调整按钮位置和大小 */
@media screen and (max-width: 360px) {
  .c-header-home_controls {
    bottom: 30px !important; /* 小屏手机上移按钮 */
  }
  .o-button.-white.-square {
    width: 44px !important;
    height: 44px !important;
  }
}

/* 横屏时调整按钮位置 */
@media screen and (orientation: landscape) {
  .c-header-home_controls {
    bottom: 20px !important; /* 横屏时缩短底部距离 */
  }
}



.music-player { 
  position: fixed; 
  bottom: 20px; 
  right: 20px; 
  z-index: 9999; 
}