/* ===== 响应式布局 ===== */

/* 大屏幕 */
@media (max-width: 1280px) {
    .container { padding: 0 20px; }
}

/* 平板 */
@media (max-width: 1024px) {
    .stats-section .stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .features-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .feature-card.feature-large {
        grid-column: span 1;
    }
    
    .scenarios-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .model-row {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    
    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 32px;
    }
}

/* 中等屏幕 */
@media (max-width: 768px) {
    /* 导航 */
    .nav-links { display: none; }
    .nav-actions { display: none; }
    .mobile-menu-btn { display: flex; }
    
    .navbar .container {
        height: 56px;
    }
    
    /* Hero */
    .hero {
        padding: 80px 0 60px;
        min-height: auto;
    }
    
    .hero-title {
        font-size: clamp(32px, 8vw, 48px);
    }
    
    .hero-subtitle {
        font-size: 16px;
    }
    
    .hero-search input {
        padding: 14px 48px 14px 20px;
        font-size: 15px;
    }
    
    /* 统计 */
    .stats-section {
        padding: 60px 0;
    }
    
    .stats-section .stats-grid {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }
    
    .stat-item {
        padding: 24px 16px;
    }
    
    .stat-number {
        font-size: 36px;
    }
    
    .stat-unit {
        font-size: 20px;
    }
    
    /* 功能区域 */
    .features-section,
    .scenarios-section {
        padding: 60px 0;
    }
    
    .features-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    
    .scenarios-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    
    .section-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    
    /* 模型家族 */
    .model-family-section {
        padding: 60px 0;
    }
    
    .models-table {
        gap: 12px;
    }
    
    .model-row {
        padding: 20px;
    }
    
    .models-cta {
        flex-direction: column;
        gap: 12px;
    }
    
    /* 开源成就 */
    .opensource-section {
        padding: 60px 0;
    }
    
    .github-stats {
        gap: 32px;
    }
    
    .gh-num {
        font-size: 28px;
    }
    
    /* 合作伙伴 */
    .partners-logos {
        gap: 24px;
    }
    
    /* 下载区域 */
    .download-section {
        padding: 60px 0;
    }
    
    .download-section h2 {
        font-size: 28px;
    }
    
    .download-platforms {
        flex-direction: column;
    }
    
    .download-btn {
        width: 100%;
        justify-content: center;
    }
    
    /* 页脚 */
    .footer {
        padding: 48px 0 24px;
    }
    
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    
    .footer-brand p {
        max-width: 100%;
    }
    
    /* 产品卡片 */
    .products-grid {
        grid-template-columns: 1fr;
    }
    
    /* 研究卡片 */
    .research-grid {
        grid-template-columns: 1fr;
    }
    
    /* 文章列表 */
    .article-link {
        flex-direction: column;
    }
    
    .article-cover {
        width: 100%;
        height: 180px;
    }
    
    /* 内嵌网站 */
    .embed-wrapper {
        min-height: 400px;
    }
    
    .embed-iframe {
        min-height: 400px;
    }
    
    /* 回到顶部 */
    .back-top {
        bottom: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
    }
}

/* 手机 */
@media (max-width: 480px) {
    .container {
        padding: 0 16px;
    }
    
    .hero {
        padding: 60px 0 40px;
    }
    
    .hero-badge {
        font-size: 12px;
        padding: 4px 12px;
    }
    
    .hero-title {
        font-size: 28px;
        margin-bottom: 16px;
    }
    
    .hero-subtitle {
        font-size: 15px;
        margin-bottom: 28px;
    }
    
    .hero-tags {
        gap: 6px;
    }
    
    .tag-chip {
        font-size: 12px;
        padding: 4px 10px;
    }
    
    .stats-section .stats-grid {
        grid-template-columns: 1fr;
    }
    
    .stat-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .section-eyebrow {
        font-size: 11px;
    }
    
    .section-header h2,
    .products-section .section-header h2,
    .model-family-section .section-header h2 {
        font-size: 24px;
    }
    
    .scenarios-section .section-header h2 {
        font-size: 24px;
    }
    
    .feature-card {
        padding: 24px;
    }
    
    .scenario-card {
        padding: 24px;
    }
    
    .model-row {
        padding: 16px;
    }
    
    .models-cta {
        width: 100%;
    }
    
    .btn-primary-lg,
    .btn-secondary-lg,
    .btn-github {
        width: 100%;
        justify-content: center;
    }
    
    .github-stats {
        flex-direction: column;
        gap: 24px;
    }
    
    /* 法律页面 */
    .page-header {
        padding: 40px 0 32px;
    }
    
    .legal-content h2 {
        font-size: 18px;
    }
    
    .legal-content p,
    .legal-content li {
        font-size: 14px;
    }
    
    /* 文章编辑器 */
    .editor-row {
        grid-template-columns: 1fr;
    }
    
    /* 移动导航 */
    .mobile-nav {
        width: 260px;
    }
}