/* 样式修复和增强 */

/* 确保页面整体布局一致性 */
html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.site-main {
    flex: 1 0 auto;
    padding-top: var(--spacing-16);
}

.site-footer {
    flex-shrink: 0;
}

/* 确保Bootstrap兼容性 */
.form-control, 
.form-select, 
.btn {
    font-family: var(--font-family-sans);
}

/* 确保旧版的BS组件能够正确显示 */
.alert {
    display: flex !important;
    align-items: flex-start !important;
}

.alert.d-none {
    display: none !important;
}

.alert-success, 
.alert-info, 
.alert-warning, 
.alert-danger {
    color: inherit;
}

/* 统一头部样式 */
.section-title {
    font-size: var(--font-size-3xl);
    font-weight: var(--font-weight-bold);
    color: var(--neutral-text-primary);
    margin-bottom: var(--spacing-2);
    text-align: center;
}

.section-subtitle {
    font-size: var(--font-size-lg);
    color: var(--neutral-text-secondary);
    margin-bottom: var(--spacing-8);
    text-align: center;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* 确保表单元素样式统一 */
textarea.form-control {
    min-height: 100px;
}

.form-floating label {
    color: var(--neutral-text-secondary);
}

/* 确保图标显示正确 */
[data-lucide] {
    width: 1.25em;
    height: 1.25em;
    stroke-width: 2;
    stroke: currentColor;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    vertical-align: -0.125em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn [data-lucide] {
    width: 1.25em;
    height: 1.25em;
    margin-right: 0.25em;
}

.site-header__nav-link [data-lucide] {
    margin-right: 0.25em;
    vertical-align: middle;
}

/* 确保导航链接样式正确 */
.site-header__nav-link {
    color: var(--neutral-text-secondary) !important;
    text-decoration: none !important;
    font-weight: var(--font-weight-medium) !important;
}

.site-header__nav-link:hover,
.site-header__nav-link.active {
    color: var(--primary-brand) !important;
}

/* 修复页脚样式 */
.site-footer {
    background-color: var(--primary-background);
    padding: var(--spacing-12) 0;
    border-top: 1px solid var(--neutral-border);
}

.site-footer__link-list li a {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
    color: var(--neutral-text-secondary);
    text-decoration: none;
    transition: color var(--transition-duration-fast) var(--transition-timing-function);
}

.site-footer__link-list li a:hover {
    color: var(--primary-brand);
}