@charset "UTF-8";
/* ===== 响应式样式 - 极简黑白主题 ===== */

/* ===== 平板断点 768px ===== */
@media (max-width: 768px) {
    .header-inner { padding: 0 20px; height: 64px; }
    .logo { font-size: 18px; letter-spacing: 2px; }
    .logo span { font-size: 10px; }

    /* 导航变汉堡菜单 */
    .hamburger { display: flex; }
    .nav {
        position: fixed;
        top: 64px;
        right: 0;
        width: 70%;
        max-width: 320px;
        height: calc(100vh - 64px);
        background: #ffffff;
        border-left: 1px solid #000000;
        flex-direction: column;
        padding: 20px 0;
        transform: translateX(100%);
        transition: transform 0.3s ease;
        overflow-y: auto;
    }
    .nav.active { transform: translateX(0); }
    .nav a {
        padding: 16px 24px;
        font-size: 14px;
        border-bottom: 1px solid #eee;
        display: block;
    }
    .nav a.active { border-bottom: 1px solid #eee; border-left: 3px solid #e74c3c; }

    /* Banner */
    .banner { height: 360px; }
    .banner-slide .overlay h2 { font-size: 28px; letter-spacing: 2px; }
    .banner-slide .overlay p { font-size: 14px; }
    .banner-btn { padding: 10px 14px; font-size: 18px; }
    .banner-btn.prev { left: 12px; }
    .banner-btn.next { right: 12px; }

    /* Section */
    .section { padding: 50px 20px; }
    .section-title h2 { font-size: 26px; letter-spacing: 2px; }

    /* Masonry */
    .masonry { column-count: 2; column-gap: 16px; }
    .masonry-item { margin-bottom: 16px; }

    /* About */
    .about-grid { grid-template-columns: 1fr; gap: 30px; }
    .about-img img { height: 260px; }

    /* Section preview */
    .section-preview { grid-template-columns: repeat(2, 1fr); gap: 16px; }

    /* Stats */
    .stats-row { grid-template-columns: repeat(2, 1fr); gap: 16px; }

    /* Contact */
    .contact-grid { grid-template-columns: 1fr; gap: 30px; }
    .contact-info, .contact-form { padding: 28px; }

    /* Article */
    .article-layout { grid-template-columns: 1fr; gap: 30px; padding: 30px 20px; }
    .article-content { padding: 26px; }
    .article-content h1 { font-size: 22px; }

    /* Footer */
    .footer { padding: 40px 20px 20px; }
    .footer-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; }

    /* Page banner */
    .page-banner { padding: 50px 20px; }
    .page-banner h1 { font-size: 28px; letter-spacing: 2px; }

    /* Links */
    .links-grid { grid-template-columns: repeat(3, 1fr); }

    /* Breadcrumb */
    .breadcrumb { padding: 12px 20px; }
}

/* ===== 手机断点 480px ===== */
@media (max-width: 480px) {
    .header-inner { padding: 0 14px; height: 58px; }
    .logo { font-size: 16px; letter-spacing: 1px; }
    .logo span { font-size: 9px; }

    .nav { top: 58px; height: calc(100vh - 58px); width: 80%; }

    /* Banner */
    .banner { height: 280px; }
    .banner-slide .overlay { padding: 20px; }
    .banner-slide .overlay h2 { font-size: 22px; letter-spacing: 1px; margin-bottom: 10px; }
    .banner-slide .overlay p { font-size: 13px; }
    .banner-btn { padding: 8px 10px; font-size: 14px; }
    .banner-btn.prev { left: 8px; }
    .banner-btn.next { right: 8px; }
    .banner-dots li { width: 20px; }

    /* Section */
    .section { padding: 40px 14px; }
    .section-title { margin-bottom: 30px; }
    .section-title h2 { font-size: 22px; letter-spacing: 1px; }
    .section-title p { font-size: 13px; }

    /* Masonry 单列 */
    .masonry { column-count: 1; column-gap: 0; }

    /* About */
    .about-img img { height: 220px; }
    .about-text h3 { font-size: 20px; }
    .about-features { grid-template-columns: 1fr; gap: 10px; }

    /* Section preview */
    .section-preview { grid-template-columns: 1fr; gap: 14px; }
    .preview-card img { height: 200px; }

    /* Stats */
    .stats-row { grid-template-columns: 1fr; gap: 12px; }

    /* Contact */
    .contact-info, .contact-form { padding: 22px; }
    .contact-info h3, .contact-form h3 { font-size: 18px; }

    /* Article */
    .article-layout { padding: 20px 14px; }
    .article-content { padding: 20px; }
    .article-content h1 { font-size: 20px; }
    .article-body { font-size: 14px; }
    .article-body h2 { font-size: 17px; }
    .article-meta span { display: block; margin-right: 0; margin-bottom: 4px; }

    /* Footer */
    .footer { padding: 30px 14px 16px; }
    .footer-grid { grid-template-columns: 1fr; gap: 24px; }
    .footer-bottom { font-size: 11px; }

    /* Page banner */
    .page-banner { padding: 36px 14px; }
    .page-banner h1 { font-size: 22px; letter-spacing: 1px; }
    .page-banner p { font-size: 13px; }

    /* Links */
    .links-grid { grid-template-columns: repeat(2, 1fr); }
    .links-notice { padding: 20px; }
    .apply-link { padding: 24px 18px; }

    /* Back top */
    .back-top { right: 14px; bottom: 90px; width: 42px; height: 42px; font-size: 18px; }

    /* FAQ */
    .faq-question { padding: 16px 18px; font-size: 14px; }
    .faq-answer { padding: 0 18px; }
    .faq-item.open .faq-answer { padding: 0 18px 18px; }

    /* Breadcrumb */
    .breadcrumb { padding: 10px 14px; font-size: 12px; }

    /* Pagination */
    .pagination a { padding: 8px 12px; font-size: 12px; }
}