/* 语言切换下拉菜单样式 */
.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: white;
    border-radius: 0.375rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    z-index: 50;
    min-width: 200px;
    max-height: 400px;
    overflow-y: auto;
    margin-top: 0.5rem;
}

.dropdown-menu.show {
    display: block;
}

/* 自定义滚动条样式 */
.dropdown-menu::-webkit-scrollbar {
    width: 6px;
}

.dropdown-menu::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.dropdown-menu::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

.dropdown-menu::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* 语言选项样式 */
.dropdown-menu a {
    display: block;
    padding: 0.5rem 1rem;
    color: #374151;
    text-decoration: none;
    transition: background-color 0.2s;
}

.dropdown-menu a:hover {
    background-color: #EBF5FF;
}

/* 语言切换按钮样式 */
#langButton {
    display: flex;
    align-items: center;
    padding: 0.5rem;
    color: white;
    opacity: 0.85;
    transition: opacity 0.2s;
}

#langButton:hover {
    opacity: 1;
}

/* 动画效果 */
.dropdown-menu {
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.dropdown-menu.show {
    opacity: 1;
    transform: translateY(0);
} 
   /* 统一指定所有 h1 在各上下文里的默认字号，避免依赖浏览器 UA 样式 */
h1 {
    font-size: 2.5rem;   /* 可根据你设计稿调整，比如 2rem、3rem */
    line-height: 1.2;     /* 可选，配合字号微调行高 */
    font-weight: 700;     /* 也可以一并指定默认粗细 */
}
#hero h1 {
    font-size: 4rem;
}

/* 覆盖旧的加载动画，使用基础点点点动效 */
.dots-loading {
  display: flex !important;
  gap: 8px !important;
  margin-bottom: 1rem !important;
  justify-content: center !important;
  overflow: visible !important;
  align-items: center !important;
}
.dots-loading .dot {
  width: 12px !important;
  height: 12px !important;
  background-color: #3b82f6 !important;
  border-radius: 50% !important;
  animation: dotBlink 1.4s infinite ease-in-out both !important;
  display: inline-block !important;
}
.dots-loading .dot:nth-child(1) { animation-delay: -0.32s !important; }
.dots-loading .dot:nth-child(2) { animation-delay: -0.16s !important; }
.dots-loading .dot:nth-child(3) { animation-delay: 0s !important; }
@keyframes dotBlink {
  0%, 80%, 100% { 
    opacity: 0.3 !important;
    transform: scale(0.8) !important;
  }
  40% { 
    opacity: 1 !important;
    transform: scale(1.2) !important;
  }
}