/* ===== 公共导航样式 ===== */
.navbar { position: fixed !important; top: 0 !important; left: 0; right: 0; background: linear-gradient(180deg, rgba(4,12,28,0.96), rgba(3,10,24,0.96)) !important; border-bottom: 1px solid rgba(59,89,132,0.55) !important; box-shadow: 0 12px 28px rgba(1,8,20,0.45); z-index: 1000 !important; padding: 0 24px; }
/* 所有使用 nav.php 的页面，body 默认留出顶部空间 */
body { padding-top: 72px; }
.navbar-inner { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; height: 72px; }
.nav-logo { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.nav-logo-icon { width: 44px; height: 44px; background: linear-gradient(135deg, #6366f1, #8b5cf6); border-radius: 12px; display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 20px; flex-shrink: 0; }
.nav-logo-text { font-size: 22px; font-weight: 800; background: linear-gradient(135deg, #6366f1, #8b5cf6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.nav-links { display: flex; gap: 36px; }
.nav-links a { color: #64748b; font-weight: 500; font-size: 15px; transition: color 0.2s; position: relative; text-decoration: none; }
.nav-links a:hover, .nav-links a.active { color: #6366f1; }
.nav-links a::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: #6366f1; transition: width 0.3s; }
.nav-links a:hover::after, .nav-links a.active::after { width: 100%; }
.nav-user { display: flex; align-items: center; gap: 12px; }
.nav-btn { padding: 10px 20px; border-radius: 10px; font-weight: 600; font-size: 14px; transition: all 0.2s; text-decoration: none; display: inline-block; }
.nav-btn-outline { background: white; border: 2px solid #e2e8f0; color: #64748b; }
.nav-btn-outline:hover { border-color: #6366f1; color: #6366f1; }
.nav-btn-primary { background: linear-gradient(135deg, #6366f1, #8b5cf6); color: white; border: none; box-shadow: 0 4px 12px rgba(99,102,241,0.3); }
.nav-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(99,102,241,0.4); }
.nav-user-badge { padding: 4px 12px; border-radius: 20px; font-size: 12px; color: white; font-weight: 600; }
@media(max-width: 768px) {
    .nav-links { gap: 16px; }
    .nav-links a { font-size: 13px; }
    .navbar-inner { height: 60px; }
    .nav-logo-text { font-size: 18px; }
    .nav-logo-icon { width: 36px; height: 36px; font-size: 16px; }
}
@media(max-width: 600px) {
    .nav-links { display: none; }
}