/* 施氏族谱 - 全局样式表 */

/* ====== 基础重置 ====== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

body {
    font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
    background: #f5f0e8;
    color: #3a2a1a;
    min-height: 100vh;
    line-height: 1.6;
}

a { color: #8b1a1a; text-decoration: none; }
a:hover { color: #c0392b; }

/* ====== 滚动条 ====== */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #f0ead8; }
::-webkit-scrollbar-thumb { background: #c9a96e; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #a08050; }

/* ====== 工具类 ====== */
.container { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
.text-center { text-align: center; }
.mt-20 { margin-top: 20px; }
.mb-20 { margin-bottom: 20px; }

/* ====== 卡片 ====== */
.card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    padding: 20px 24px;
    margin-bottom: 16px;
}

/* ====== 按钮 ====== */
.btn {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-family: inherit;
    text-decoration: none;
    transition: all 0.2s;
    text-align: center;
}
.btn-primary {
    background: linear-gradient(135deg, #8b1a1a, #a0522d);
    color: #ffd700;
}
.btn-primary:hover { opacity: 0.85; transform: translateY(-1px); }
.btn-secondary {
    background: #eee;
    color: #666;
}
.btn-secondary:hover { background: #ddd; }

/* ====== 响应式 ====== */
@media (max-width: 768px) {
    .container { padding: 0 12px; }
    .card { padding: 16px; border-radius: 8px; }
    .hide-mobile { display: none; }
}

@media (max-width: 480px) {
    body { font-size: 14px; }
}