/* 自定义样式调整 */

/* 语言切换按钮样式 */
.language-btn {
  position: relative;
  z-index: 100;
  min-width: 32px;
  text-align: center;
  border: 1px solid transparent;
  transition: all 0.3s ease;
}

.language-btn:hover {
  border-color: rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.1);
}

.language-btn.font-bold {
  background-color: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.5);
  color: white !important;
}

/* 确保语言按钮不被其他元素遮挡 */
.header-right {
  position: relative;
  z-index: 1000;
}

/* 移动端语言按钮样式 */
@media (max-width: 1024px) {
  .language-btn {
    min-width: 60px;
    padding: 8px 12px;
  }
}

/* PC端样式调整 */
@media (min-width: 1025px) {
  .banner-section .logo-container {
    margin-left: 5vw !important;
    transform: none !important;
  }
  
  .banner-section .header-right {
    margin-right: 5vw !important;
    transform: none !important;
  }
  
  .banner-section .banner-left {
    margin-left: 5vw !important;
  }
  
  .banner-section .banner-video {
    margin-right: 5vw !important;
  }
  
  .banner-content .container,
  .banner-header .container {
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* 3. 倒计时样式调整 - 缩小数字字号，减少间距 */
.countdown-item {
    gap: 0.25rem !important; /* 减少间距到原来的50% */
    padding: 0.5rem !important; /* 覆盖index.php中的padding: 1rem */
}

.countdown-item .text-6xl {
    font-size: 3rem !important; /* 从4rem缩小到3rem */
    margin-bottom: 0.5rem !important; /* 减少数字和文字之间的间距 */
}

.countdown-item .sm\:text-8xl {
    font-size: 4rem !important; /* 从6rem缩小到4rem */
    margin-bottom: 0.5rem !important; /* 减少数字和文字之间的间距 */
}

@media (min-width: 640px) {
    .countdown-item .sm\:text-8xl {
        font-size: 4rem !important;
        margin-bottom: 0.5rem !important;
    }
}

/* 倒计时容器间距调整 - 使用更精确的选择器 */
section .flex.flex-wrap.justify-center.gap-6 {
    gap: 0.75rem !important; /* 减少倒计时项目之间的间距 */
}

@media (min-width: 640px) {
    section .flex.flex-wrap.justify-center.gap-6.sm\:gap-8 {
        gap: 1rem !important; /* 在小屏幕上也减少间距 */
    }
}

/* 4. 页脚左侧内容调整 - 移除Logo，替换文字内容 */
.footer-left-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer-left-content img {
    display: none !important; /* 隐藏Logo */
}

.footer-left-content .text-center {
    text-align: left !important;
}

.footer-left-content .md\:text-left {
    text-align: left !important;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .footer-left-content {
        align-items: center;
    }
    
    .footer-left-content .text-center {
        text-align: center !important;
    }
}