/* 子页面卡片导航，仅用于 page-children.php */

.page-children-intro { color: #858b96; font-size: 15px; line-height: 1.7; margin-bottom: 28px; }
.page-children-intro p { margin: 0 0 12px; }
.page-children .child-page-list { list-style: none; margin: 0; padding: 0; }
.page-children .child-page-list li { margin: 0 0 14px; }
.page-children .child-page-card { display: flex; align-items: center; gap: 20px; padding: 18px 20px; border: 1px solid #e8e9ed; border-radius: 4px; color: #272b31; text-decoration: none; }
.page-children .child-page-card:hover, .page-children .child-page-card:focus-visible { color: #272b31; background: #fafbfc; border-color: #bfc8d8; text-decoration: none; }
.page-children .child-page-details { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.page-children .child-page-details h2 { font-size: 20px; line-height: 1.5; margin: 0 0 6px; }
.page-children .child-page-details p { font-size: 15px; line-height: 1.7; color: #858b96; margin: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.page-children .child-page-arrow { flex-shrink: 0; font-size: 24px; color: #a7adba; }
.page-children .child-page-empty { color: #858b96; }
@media (max-width: 767px) { .page-children .child-page-card { padding: 16px; gap: 12px; } }

/* 图片等比缩小，避免原始尺寸撑开正文。 */
.page-children-intro img {
    display: block;
    box-sizing: border-box;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    margin: 20px auto;
    border-radius: 9px;
}
.page-children-intro a img { position: static; }
.page-children-intro figure {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    margin: 30px 0;
    padding: 18px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 18px;
}
.page-children-intro figure img { margin: 0 auto; }
.page-children-intro figcaption {
    margin-top: 12px;
    color: #666;
    font-size: 13px;
    text-align: center;
}
