/* 全局布局样式文件 */

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

html, body {
    height: 100%;
    font-family: sans-serif;
}

body {
    min-height: 100vh; /* 确保页面至少占满整个视口高度 */
    display: flex;
    flex-direction: column;
}

/* 通栏容器样式 */

/* 主内容区域 */
main {
    flex: 1;
    width: 100%;
    /* 移除固定的 min-height 计算，让 flex: 1 自动处理 */
}

.bg-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(44 62 80 / var(--tw-bg-opacity, 1));
}

/* 全宽区块样式 */
.full-width-section {
    width: 100%;
    margin: 0;
    padding: 2rem 0;
}

/* 内容容器 */
.content-wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* 响应式调整 */
@media (min-width: 768px) {
    .content-wrapper {
        padding: 0 2rem;
    }
}

@media (min-width: 1200px) {
    .content-wrapper {
        padding: 0 3rem;
    }
}

/* 确保所有卡片和区块都有统一的最小高度 */
.card,
.section {
    min-height: 200px;
}

/* 导航栏和页脚样式 */
header, footer {
    width: 100%;
}

/* 二级导航样式 */
.nav-dropdown {
    position: relative;
    display: inline-block;
}

/* 确保二级导航下拉菜单在z-index上正确显示 */
.nav-dropdown .dropdown-menu {
    z-index: 1000;
}

/* 移动端二级导航调整 */
@media (max-width: 767px) {
    .nav-dropdown .dropdown-menu {
        position: static;
        margin-top: 0;
    }
}

/* 修复二级导航按钮的焦点样式 */
.nav-dropdown button:focus {
    outline: none;
}

/* 二级导航菜单项的悬停和活动状态增强 */
.dropdown-menu a:hover {
    background-color: rgba(37, 99, 235, 0.08);
}

/* 确保导航栏在有二级导航时的高度稳定 */
header.sticky {
    min-height: 64px;
}