/* ====================== 全局重置 ====================== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Microsoft YaHei",Arial,sans-serif;
}
body {
    background-color: #f7f9fc;
    color: #333;
    line-height: 1.6;
}
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* ====================== Header 头部【完全对齐首页】 ====================== */
header {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:1rem 2rem;
    background:linear-gradient(90deg,#1e3c72,#2a5298);
    color:white;
    flex-wrap:wrap;
}
header .logo {
    display:flex;
    align-items:center;
    gap:0.8rem;
    font-size:1.5rem;
    font-weight:bold;
}
header .logo svg {
    width:40px;
    height:40px;
}
header nav a {
    margin-left:1.5rem;
    font-weight:bold;
    transition:color 0.3s;
    text-decoration:none;
    color:#fff;
}
header nav a:hover {
    color:#ffd700;
}

/* ====================== 主内容区 ====================== */
.main-wrap {
    padding:3rem 1rem;
}
.section-block {
    margin-bottom:4rem;
}
.section-title {
    color:#1e3c72;
    font-size:1.8rem;
    border-left:8px solid #d92121;
    padding-left:1rem;
    margin-bottom:2rem;
}

/* 两栏布局 */
.two-col-grid{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:1.2rem;
    margin-bottom:1.2rem;
}
.rule-card{
    background:#fff;
    border-radius:14px;
    padding:1.8rem;
    box-shadow:0 4px 16px rgba(0,0,0,0.08);
}
.rule-card h3{
    color:#1e3c72;
    margin-bottom:1rem;
    font-size:1.2rem;
}

/* 表格样式 */
.table-wrap{
    overflow-x:auto;
}
.house-table{
    width:100%;
    border-collapse: collapse;
    background:#fff;
    border-radius:14px;
    box-shadow:0 4px 16px rgba(0,0,0,0.08);
    overflow:hidden;
}
.house-table th, .house-table td{
    padding:1rem;
    border:1px solid #eee;
    text-align:center;
}
.house-table th{
    background:#1e3c72;
    color:#fff;
}
.house-table tbody tr:nth-child(even){
    background:#f7f9fc;
}
.house-table tbody tr:hover{
    background:#eef3fb;
}

.tip-card{
    background:#fff8e8;
    border-left:6px solid #ffbc52;
    border-radius:10px;
    padding:1rem 1.4rem;
    margin-top:1rem;
}

/* ========= 知识点链接卡片网格 ========= */
.knowledge-link-grid{
    display:grid;
    grid-template-columns: repeat(auto-fill, minmax(280px,1fr));
    gap:1.2rem;
}
.knowledge-link-card{
    display:block;
    background:#ffffff;
    padding:1.4rem;
    border-radius:14px;
    box-shadow:0 4px 16px rgba(0,0,0,0.08);
    text-align:center;
    color:#1e3c72;
    font-size:1rem;
    text-decoration:none;
    transition: all 0.25s ease;
}
.knowledge-link-card:hover{
    background:#1e3c72;
    color:#fff;
    transform: translateY(-4px);
    box-shadow:0 6px 20px rgba(30,60,114,0.2);
}

/* ====================== Footer页脚样式（和首页统一） ====================== */
footer {
    background:#1e3c72;
    color:#ffffff;
    padding:2rem 1rem;
    text-align:center;
}
footer p {
    margin-bottom:0.6rem;
    font-size:0.9rem;
}
footer a {
    color:#ffd700;
    text-decoration:none;
}
footer a:hover {
    text-decoration: underline;
}

/* ====================== 移动端适配 768px以下 ====================== */
@media(max-width:768px){
    header{
        flex-direction:column;
        padding:1rem;
    }
    header nav a{
        margin-left:0;
        margin-top:0.5rem;
    }
    .section-title {
        font-size:1.4rem;
    }
    .two-col-grid{
        grid-template-columns:1fr;
    }
    .house-table th, .house-table td{
        padding:0.7rem 0.4rem;
        font-size:0.9rem;
    }
    .knowledge-link-grid{
        grid-template-columns:1fr;
    }
}