/* 响应式 Header 样式 - 现在使用 Tailwind CSS，保留用于移动端抽屉等 Ant Design 组件 */

/* 移动端菜单按钮动画 */
.mobile-menu-button {
  transition: transform 0.2s ease;
}

.mobile-menu-button:hover {
  transform: scale(1.1);
}

/* 移动端 Drawer 内容样式 */
.mobile-drawer .ant-drawer-body {
  padding: 24px 16px;
}

.mobile-drawer .ant-menu-item {
  padding: 12px 16px;
  margin: 4px 0;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
}

.mobile-drawer .ant-menu-item:hover {
  background-color: #f0f7ff;
}

.mobile-drawer .ant-menu-item-selected {
  background-color: #e6f4ff;
  color: #1890ff;
}

/* 语言切换器样式 - 已改为链接样式，保留以备后用 */
/* .language-switcher {
  transition: all 0.2s ease;
}

.language-switcher .ant-select-selector {
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
  color: white !important;
}

.language-switcher .ant-select-selection-item {
  color: white !important;
}

.language-switcher .ant-select-arrow {
  color: white !important;
}

.language-switcher:hover .ant-select-selector {
  background-color: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
} */

/* 响应式断点优化 */
@media (max-width: 768px) {
  .header-logo {
    font-size: 1.125rem; /* text-lg */
  }

  .header-actions {
    gap: 8px;
  }
}

@media (max-width: 640px) {
  .header-logo {
    font-size: 1rem;
  }

  .responsive-header {
    padding-left: 12px;
    padding-right: 12px;
  }
}

/* 菜单项图标样式 */
.menu-item-icon {
  margin-right: 8px;
  font-size: 16px;
}

/* 按钮悬停效果 */
.action-button {
  transition: all 0.3s ease;
  border-radius: 6px;
}

.action-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(52, 96, 176, 0.2);
}

/* 移除所有按钮的默认 focus outline */
button:focus,
button:active,
button:focus-visible {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* 移除 Ant Design 按钮的 focus 样式 */
.ant-btn:focus,
.ant-btn:active,
.ant-btn:focus-visible {
  outline: none !important;
  border-color: inherit !important;
  box-shadow: none !important;
}

/* Hero Section 字体大小覆盖 - 已使用 Tailwind !important 修饰符替代 */

/* 容器最大宽度 - 解决 Tailwind 1.9.6 不支持 max-w-[1440px] 的问题 */
.container-max {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* 全局背景图 */
.global-bg {
  background-image: url(/assets/bg-home.png);
  background-size: cover;
  background-attachment: fixed;
  min-height: 100vh;
}

/* 覆盖 Ant Design Button outline 悬停样式 */
.consult-btn.ant-btn-variant-outlined:not(:disabled):not(.ant-btn-disabled):hover,
.consult-btn.ant-btn-variant-dashed:not(:disabled):not(.ant-btn-disabled):hover {
  color: #fbbf24 !important; /* yellow-400 */
  border-color: #fbbf24 !important; /* yellow-400 */
  background: transparent !important;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */