/* =====================================================
   响应式（手机端适配）
   ===================================================== */

/* 平板 */
@media (max-width: 992px) {
    .sidebar { display: none; }
    .banner-side { display: none; }
    .quotes-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-grid { grid-template-columns: 1fr 1fr; }
}

/* 手机 */
@media (max-width: 768px) {
    .site-topbar { display: none; }
    .header-inner { height: 56px; gap: 10px; }
    .site-logo img { height: 34px; }
    .site-logo .logo-text { font-size: 18px; }
    .site-logo .logo-sub { display: none; }
    .header-search { display: none; }

    .nav-toggle { display: block; margin-left: auto; }
    .site-nav {
        position: fixed; top: 56px; left: -100%; width: 75%; height: 100%;
        background: var(--primary-dark); transition: left .3s; z-index: 99;
        overflow-y: auto;
    }
    .site-nav.open { left: 0; }
    .site-nav .nav-list { flex-direction: column; padding: 12px; }
    .nav-item > a { padding: 12px 10px; color: #e6ebf5; }
    .subnav { position: static; display: block; box-shadow: none; background: transparent; padding: 0 0 0 20px; }
    .subnav a { color: #9fb0d0; }

    .home-hero { padding: 20px 0 16px; }
    .home-hero h1 { font-size: 19px; }
    .home-hero p { font-size: 12px; }

    .banner-slider { height: 220px; }
    .banner-slider .slide-title { font-size: 17px; }

    .quotes-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }

    .home-grid, .main-layout, .article-layout, .cat-block-body, .news-item, .list-item { flex-direction: column; }
    .news-item .ni-thumb, .list-item .li-thumb { width: 100%; height: 180px; }
    .article-main { padding: 18px 16px; }
    .article-title { font-size: 19px; }
    .article-meta { gap: 10px; }
    .article-prevnext { flex-direction: column; gap: 10px; }

    .footer-grid { grid-template-columns: 1fr; gap: 24px; padding: 28px 0 20px; }
    .quote-card .qc-value { font-size: 20px; }

    .list-card { padding: 8px 14px; }
    .list-item .li-title { font-size: 16px; }
}
