/* ===== 钦管家知识库 · 成年人生存指南 ===== */
.gk-filter{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 14px;}
.gk-filter button{padding:8px 18px;border-radius:30px;font-size:.86rem;font-weight:600;cursor:pointer;
    background:#fff;color:#5a6b7d;border:1px solid #e2e8f0;transition:all .25s;font-family:inherit;}
.gk-filter button:hover{border-color:#c8a45c;color:#a8863e;}
.gk-filter button.active{background:#1a3a5c;color:#fff;border-color:#1a3a5c;}
.gk-chapter-bar{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin:0 0 16px;}
.gk-chapter-bar select{padding:8px 14px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;
    color:#3a4a5c;font-size:.86rem;font-family:inherit;max-width:min(560px,92vw);cursor:pointer;}
.gk-chapter-bar select:focus{outline:none;border-color:#c8a45c;}
.gk-count{text-align:center;color:#8896a8;font-size:.84rem;margin:0 0 26px;}

/* 卡片 */
.knowledge-grid .knowledge-card.gk-card{cursor:pointer;display:flex;flex-direction:column;}
.knowledge-card .thumb.has-img{background:#eef2f7;padding:0;overflow:hidden;}
.knowledge-card .thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s;}
.knowledge-card.gk-card:hover .thumb img{transform:scale(1.05);}
.knowledge-card .gk-no{position:absolute;left:10px;top:10px;background:rgba(26,58,92,.88);color:#fff;
    font-size:.7rem;padding:2px 9px;border-radius:4px;font-weight:600;letter-spacing:.5px;}
.knowledge-card.gk-card .body{flex:1;display:flex;flex-direction:column;}
.knowledge-card.gk-card .body h3{flex:0 0 auto;}
.knowledge-card.gk-card .body p{flex:1;}
.knowledge-card.gk-card .body .cat-tag.gk{background:#f4f1ea;color:#a8863e;}
.knowledge-card.gk-card .body .gk-ch{font-size:.78rem;color:#8896a8;margin-top:2px;}
.knowledge-card.gk-card .body .meta .gk-read{color:#c8a45c;font-weight:600;}
.gk-more{text-align:center;margin:34px 0 10px;grid-column:1/-1;}
.gk-more button{padding:12px 40px;border-radius:30px;background:#fff;color:#1a3a5c;border:1px solid #d6e3f0;
    font-size:.92rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .25s;}
.gk-more button:hover{background:#1a3a5c;color:#fff;border-color:#1a3a5c;}
.gk-loading{grid-column:1/-1;text-align:center;padding:50px;color:#98a4b3;font-size:.9rem;}

/* ===== 文章详情页 ===== */
.ga-wrap{max-width:800px;margin:0 auto;padding:44px 20px 70px;}
.ga-crumb{font-size:.84rem;color:#8896a8;margin-bottom:22px;}
.ga-crumb a{color:#8896a8;}
.ga-crumb a:hover{color:#c8a45c;}
.ga-cat{display:inline-block;font-size:.76rem;font-weight:600;color:#a8863e;background:#f7f3ea;
    border:1px solid #ecdfc4;padding:4px 12px;border-radius:4px;margin-bottom:14px;}
.ga-title{font-size:1.95rem;line-height:1.45;color:#1a3a5c;font-weight:700;margin-bottom:12px;letter-spacing:-.2px;}
.ga-sub{font-size:.88rem;color:#8896a8;margin-bottom:16px;}
.ga-meta{display:flex;flex-wrap:wrap;gap:18px;font-size:.8rem;color:#8896a8;
    padding:14px 0;border-top:1px solid #eef1f5;border-bottom:1px solid #eef1f5;margin-bottom:32px;}
.ga-figure{margin:28px 0;}
.ga-figure img{width: 50%; max-width: 50%; height:auto; margin: 0 auto;border-radius:10px;display:block;box-shadow:0 2px 14px rgba(26,58,92,.08);}

@media (max-width: 768px){
    .ga-figure img{width: 100%; max-width: 100%;}
}
.ga-body p{font-size:1.04rem;line-height:2.05;color:#3a4a5c;margin-bottom:18px;letter-spacing:.2px;}
.ga-body h2{font-size:1.24rem;color:#1a3a5c;font-weight:700;margin:38px 0 18px;
    padding-left:13px;border-left:4px solid #c8a45c;line-height:1.5;}
.ga-body .ga-quote{font-weight:700;color:#1a3a5c;background:#f7f9fc;
    border-left:3px solid #c8a45c;padding:14px 18px;border-radius:0 8px 8px 0;margin:22px 0;font-size:1.02rem;line-height:1.9;}
.ga-body ul{list-style:none;padding:0;margin:0 0 20px;}
.ga-body li{position:relative;padding-left:22px;margin-bottom:11px;line-height:1.95;
    color:#3a4a5c;font-size:1rem;}
.ga-body li::before{content:"";position:absolute;left:5px;top:14px;width:6px;height:6px;
    border-radius:50%;background:#c8a45c;}
.ga-brand{margin:48px 0 0;padding:30px 24px;border-radius:12px;text-align:center;
    background:linear-gradient(135deg,#1a3a5c,#2d5a8a);color:#fff;}
.ga-brand .gb-name{font-size:1.1rem;font-weight:700;letter-spacing:1px;margin-bottom:8px;}
.ga-brand .gb-slogan{font-size:.92rem;color:#d9e2ec;margin-bottom:6px;}
.ga-brand .gb-desc{font-size:.85rem;color:#aebccb;line-height:1.8;}
.ga-disclaimer{margin-top:18px;text-align:center;font-size:.8rem;color:#98a4b3;line-height:1.8;}
.ga-nav{display:flex;gap:14px;margin-top:40px;}
.ga-nav a{flex:1;padding:16px 20px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;
    transition:all .25s;text-decoration:none;display:block;}
.ga-nav a:hover{border-color:#c8a45c;box-shadow:0 4px 14px rgba(26,58,92,.07);}
.ga-nav .gn-label{font-size:.76rem;color:#8896a8;margin-bottom:6px;}
.ga-nav .gn-title{font-size:.95rem;color:#1a3a5c;font-weight:600;line-height:1.6;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ga-nav a.gn-next{text-align:right;}
.ga-back{margin-top:26px;text-align:center;}
.ga-back a{display:inline-block;padding:11px 28px;border-radius:30px;background:#1a3a5c;color:#fff;
    font-size:.9rem;font-weight:600;text-decoration:none;transition:all .25s;}
.ga-back a:hover{background:#c8a45c;color:#fff;}
@media(max-width:768px){
    .ga-wrap{padding:30px 16px 54px;}
    .ga-title{font-size:1.45rem;}
    .ga-body p{font-size:1rem;line-height:1.95;}
    .ga-nav{flex-direction:column;}
    .ga-nav a.gn-next{text-align:left;}
}

/* 2026-09-14 版面紧凑化：文章页正文容器上下留白 44/70 → 30/46 */
.ga-wrap { padding: 30px 20px 46px; }
.ga-brand { margin-top: 30px; }
.ga-body h2 { margin: 30px 0 14px; }
.gk-more { margin: 24px 0 8px; }
@media (max-width: 640px) {
    .ga-wrap { padding: 20px 16px 32px; }
}
