/* ========== 顶部操作栏 ========== */
.top-bar { background: #333; color: #ccc; padding: 8px 20px; text-align: right; font-size: 13px; display: flex; justify-content: flex-end; align-items: center; gap: 12px; flex-wrap: wrap; }
.top-bar a { color: #ffcc80; text-decoration: none; }
.top-bar .welcome { color: #fff; }
.top-bar .logout-btn { color: #ff9999; font-size: 12px; }

/* ========== 平台头部 ========== */
.header { background: linear-gradient(135deg, #5a0a0a, #8B0000); color: #fff; padding: 30px 20px; text-align: center; }
.header h1 { font-size: 30px; letter-spacing: 4px; }
.header p { font-size: 14px; opacity: 0.8; margin-top: 5px; }

/* ========== 姓氏导航 ========== */
.family-nav { text-align: center; padding: 10px; background: #fff; border-bottom: 1px solid #ddd; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.family-nav a { display: inline-block; margin: 2px 4px; padding: 4px 12px; border: 1px solid #8B0000; border-radius: 15px; text-decoration: none; color: #8B0000; font-size: 13px; }
.family-nav a.active { background: #8B0000; color: #fff; }

/* ========== 主导航 ========== */
.main-nav { text-align: center; padding: 10px; background: #fafaf7; border-bottom: 1px solid #eee; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.main-nav a { display: inline-block; margin: 0 10px; padding: 5px 0; text-decoration: none; color: #555; font-size: 14px; border-bottom: 2px solid transparent; }
.main-nav a:hover, .main-nav a.current { color: #8B0000; border-bottom-color: #8B0000; }