/* 主题色定义（不变） */
:root {
    --color-primary: #D32F2F;    /* 主红色 */
    --color-secondary: #B71C1C;  /* 深红色（hover/强调） */
    --color-light: #FCE4EC;     /* 浅红色（背景/辅助） */
    --color-dark: #212121;       /* 深灰色（文字） */
}

/* Tailwind 工具类扩展（不变） */
@layer utilities {
    .content-auto {
        content-visibility: auto;
    }
    .text-shadow {
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }
    .border-red-hover {
        @apply transition-all duration-300 hover:border-primary hover:shadow-lg;
    }
}

/* 全局样式（不变） */
body {
    font-family: 'Inter', system-ui, sans-serif;
    scroll-behavior: smooth;
}

/* 顶部导航修复：优化对齐与间距（新增） */
#navbar .flex.justify-between {
    align-items: center;
    gap: 1rem; /* 防止元素拥挤 */
}
#navbar .md\:flex.items-center.gap-7 a {
    white-space: nowrap; /* 避免导航文字换行 */
}

/* LOGO样式（不变） */
.navbar .flex.items-center.gap-3 {
    align-items: center;
    gap: 1rem;
}

/* 注册登录按钮样式（不变） */
a[href="#login"]:hover {
    background-color: var(--color-primary);
    color: white;
    border-color: transparent;
}
a[href="#register"] {
    background-image: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
    box-shadow: 0 4px 15px rgba(211, 47, 47, 0.2);
}