/* ===== 糖心Vlog 响应式样式 ===== */

/* 平板端 (max-width: 1024px) */
@media (max-width: 1024px) {
    .features-grid { grid-template-columns: repeat(2, 1fr); }
    .video-grid { grid-template-columns: repeat(2, 1fr); }
    .reviews-grid { grid-template-columns: repeat(2, 1fr); }
    .team-grid { grid-template-columns: repeat(2, 1fr); }
    .hero-title { font-size: 30px; }
    .hero-advisor { display: none; }
    .contact-grid { grid-template-columns: 1fr; }
    .about-intro { grid-template-columns: 1fr; }
    .footer-inner { grid-template-columns: 1fr; }
    .footer-links { grid-template-columns: repeat(3, 1fr); }
    .tips-grid { grid-template-columns: repeat(2, 1fr); }
    .download-grid { grid-template-columns: 1fr; }
}

/* 手机端 (max-width: 768px) */
@media (max-width: 768px) {
    .section { padding: 50px 0; }
    .section-title { font-size: 24px; }
    .hero-title { font-size: 24px; }
    .hero-subtitle { font-size: 15px; }
    .hero-stats { gap: 20px; }
    .stat-num { font-size: 22px; }
    .hero-actions { flex-direction: column; gap: 10px; }
    .hero-actions .btn { text-align: center; }

    /* 导航 */
    .main-nav {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff;
        box-shadow: 0 8px 24px rgba(0,0,0,0.12);
        z-index: 999;
    }
    .main-nav.open { display: block; }
    .main-nav ul { flex-direction: column; gap: 0; padding: 8px 0; }
    .main-nav ul li a { display: block; padding: 12px 20px; border-radius: 0; }
    .nav-toggle { display: block; }
    .header-inner { position: relative; }

    /* 搜索框 */
    .search-form { flex-direction: column; gap: 8px; }
    .search-input, .search-btn { width: 100%; border-radius: 8px; }

    /* 网格 */
    .features-grid { grid-template-columns: 1fr; }
    .scenarios-grid { grid-template-columns: 1fr; }
    .video-grid { grid-template-columns: 1fr; }
    .reviews-grid { grid-template-columns: 1fr; }
    .team-grid { grid-template-columns: repeat(2, 1fr); }
    .tips-grid { grid-template-columns: 1fr; }
    .download-grid { grid-template-columns: 1fr; }
    .help-grid { grid-template-columns: 1fr; }

    /* 页脚 */
    .footer-links { grid-template-columns: 1fr 1fr; }
    .footer-inner { grid-template-columns: 1fr; gap: 30px; }

    /* 联系 */
    .contact-grid { grid-template-columns: 1fr; }

    /* 关于 */
    .about-intro { grid-template-columns: 1fr; }
    .team-grid { grid-template-columns: 1fr 1fr; }

    /* 功能详情 */
    .feature-detail-item { flex-direction: column; gap: 12px; }
    .feature-detail-icon { width: auto; font-size: 40px; }

    /* 页面英雄 */
    .page-hero h1 { font-size: 26px; }
    .page-hero { padding: 40px 0 30px; }

    /* 更新日志 */
    .changelog-item { flex-direction: column; gap: 8px; }
    .changelog-meta { flex-direction: row; gap: 12px; }

    /* 下载卡片 */
    .download-card { flex-direction: column; text-align: center; }

    /* 英雄区 */
    .hero-content { flex-direction: column; padding: 40px 20px; }
    .hero-stats { justify-content: center; }
}

/* 小屏手机 (max-width: 480px) */
@media (max-width: 480px) {
    .container { padding: 0 14px; }
    .hero-title { font-size: 20px; }
    .section-title { font-size: 20px; }
    .team-grid { grid-template-columns: 1fr; }
    .footer-links { grid-template-columns: 1fr; }
    .filter-bar { gap: 6px; }
    .filter-btn { padding: 6px 14px; font-size: 13px; }
    .btn { padding: 10px 20px; font-size: 14px; }
    .review-header { flex-wrap: wrap; }
}

/* 视频卡片悬停效果（触屏设备） */
@media (hover: none) {
    .video-play-btn { opacity: 1; }
    .video-thumb { transform: none !important; }
}