/* info.css —— 关于/联系/隐私/免责 等信息页（只依赖 common.css 的变量） */
.info-page {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 30px 34px 22px;
    color: var(--text);
}

.info-head { border-bottom: 1px solid var(--border); padding-bottom: 14px; margin-bottom: 20px; }
.info-head h1 { font-size: 22px; line-height: 1.4; margin: 0 0 8px; color: var(--brand-dark); }
.info-sub { margin: 0; font-size: 13px; color: var(--text-muted); line-height: 1.7; }

.info-body { font-size: 14px; line-height: 1.95; color: var(--text-secondary); }
.info-body p { margin: 0 0 14px; }
.info-body h2 {
    font-size: 16px;
    color: var(--brand-dark);
    margin: 26px 0 10px;
    padding-left: 10px;
    border-left: 3px solid var(--brand);
    line-height: 1.5;
}
.info-body ul { margin: 0 0 14px; padding-left: 20px; }
.info-body li { margin-bottom: 8px; }
.info-body a { color: var(--brand); text-decoration: underline; text-underline-offset: 3px; }
.info-body strong { color: var(--text); font-weight: 600; }

.info-foot {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    align-items: center;
    justify-content: space-between;
    margin-top: 26px;
    padding-top: 14px;
    border-top: 1px solid var(--border);
    font-size: 12px;
    color: var(--text-muted);
}
.info-foot nav { display: flex; flex-wrap: wrap; gap: 14px; }
.info-foot a { color: var(--text-secondary); text-decoration: none; }
.info-foot a:hover { color: var(--brand); }

@media (max-width: 720px) {
    .info-page { padding: 20px 18px 16px; border-radius: 10px; }
    .info-head h1 { font-size: 19px; }
    .info-body { font-size: 14px; line-height: 1.9; }
}