/* ============================================
   YZ-HK 响应式样式 - 手机版/平板
   ============================================ */

@media (max-width: 1024px) {
    .header-actions { display: none; }
    .mobile-menu-toggle { display: flex; }

    .hero-bg { min-height: 420px; }
    .hero-title { font-size: 2.2rem; }
    .hero-content { padding: 60px 0; }
    .stats-grid { gap: 36px; }
    .stat-number { font-size: 1.8rem; }

    .advantages-grid { grid-template-columns: repeat(2, 1fr); }

    .app-showcase-grid { gap: 36px; }
    .app-showcase-image img { max-height: 400px; }
    .app-showcase-title { font-size: 1.7rem; }
    .app-features { gap: 14px; }
    .app-feature-item { padding: 16px 14px; }

    .plans-grid { grid-template-columns: repeat(2, 1fr); }
    .tiers-grid { grid-template-columns: repeat(2, 1fr); }
    .tiers-grid .tier-card:last-child { grid-column: 1 / -1; max-width: 400px; margin: 0 auto; }
    .news-grid { grid-template-columns: repeat(2, 1fr); }

    .single-layout { grid-template-columns: 1fr 280px; }
    .posts-grid, .archive-grid, .search-grid { grid-template-columns: repeat(2, 1fr); }

    .about-layout { grid-template-columns: 1fr 260px; }
    .contact-layout { grid-template-columns: 1fr; }
    .contact-sidebar { order: -1; }

    .footer-grid { grid-template-columns: repeat(2, 1fr); }
    .page-layout { grid-template-columns: 1fr 280px; }
}

@media (max-width: 768px) {
    html { font-size: 15px; }
    .container { padding: 0 16px; }

    /* Header */
    .header-top-bar { display: none; }
    .header-main { position: sticky; top: 0; }
    .header-inner { padding: 10px 0; }
    .site-branding .custom-logo { max-height: 36px; }
    .main-navigation { display: none; }

    /* Hero */
    .hero-bg { min-height: 340px; }
    .hero-title { font-size: 1.8rem; }
    .hero-subtitle { font-size: .95rem; }
    .hero-content { padding: 40px 0; text-align: center; }
    .hero-actions { justify-content: center; }
    .btn-hero { padding: 12px 28px; font-size: .95rem; }
    .btn-hero-outline { padding: 11px 24px; font-size: .9rem; }
    .hero-stats { padding: 20px 0; }
    .stats-grid { gap: 20px; }
    .stat-number { font-size: 1.5rem; }
    .stat-label { font-size: .75rem; }
    .hero-slider { min-height: 280px; }
    .hero-slider .slide-item img { min-height: 280px; }
    .hero-slider .hero-text-overlay .hero-title { font-size: 1.6rem; }
    .btn-purchase { padding: 12px 28px; font-size: .9rem; }
    .btn-purchase-lg { padding: 16px 40px; font-size: 1.05rem; }
    .single-purchase-bottom { padding: 20px 0 12px; }

    /* Sections */
    .section-title { font-size: 1.5rem; }
    .section-header { margin-bottom: 32px; }

    .advantages-section { padding: 48px 0; }
    .advantages-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .advantage-card { padding: 24px 14px; }
    .advantage-icon { width: 48px; height: 48px; }
    .advantage-icon i { font-size: 1.2rem; }

    .app-showcase-section { padding: 60px 0 48px; }
    .app-showcase-grid { grid-template-columns: 1fr; gap: 32px; text-align: center; }
    .app-showcase-image { order: -1; }
    .app-showcase-image img { max-height: 320px; }
    .app-showcase-placeholder { width: 180px; height: 340px; margin: 0 auto; }
    .app-showcase-title { font-size: 1.5rem; }
    .app-showcase-subtitle { max-width: 100%; margin-left: auto; margin-right: auto; }
    .app-features { grid-template-columns: 1fr 1fr; gap: 14px; }

    .products-section { padding: 48px 0; }
    .plans-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .plan-card-header { padding: 16px 14px 8px; }
    .plan-card-body { padding: 0 14px 12px; }
    .plan-card-footer { padding: 12px 14px; flex-direction: column; gap: 8px; align-items: flex-start; }

    .agent-tiers-section { padding: 48px 0; }
    .tiers-grid { grid-template-columns: 1fr; gap: 16px; }
    .tiers-grid .tier-card:last-child { grid-column: auto; max-width: none; }
    .tier-card { padding: 28px 20px; }

    .news-section { padding: 48px 0; }
    .news-grid { grid-template-columns: 1fr; }

    .partners-section { padding: 40px 0; }
    .partners-grid { gap: 20px; }
    .partner-item { width: 100px; }

    .cta-section { padding: 48px 0; }
    .cta-content h2 { font-size: 1.5rem; }

    /* Single */
    .single-layout { grid-template-columns: 1fr; }
    .single-sidebar { display: none; }
    .single-article { padding: 20px 16px; border-radius: 0; }
    .single-thumbnail { margin: -20px -16px 24px; border-radius: 0; }
    .single-featured-image { max-height: 280px; }
    .single-title { font-size: 1.35rem; }
    .single-price { font-size: 1.5rem; }
    .plan-info-row { flex-direction: column; }
    .plan-info-row .plan-info-label { width: 100%; }
    .breadcrumbs { display: none; }
    .single-post-nav { grid-template-columns: 1fr; }
    .comment-respond { padding: 20px 16px; }
    .comment-list .children { margin-left: 20px; padding-left: 12px; border-left-width: 2px; }
    .comment-list .comment-author img { width: 40px; height: 40px; }
    .single-search-input { padding: 12px 100px 12px 40px; font-size: .88rem; }
    .single-search-btn { padding: 8px 18px; font-size: .82rem; }
    .single-search-icon { left: 12px; font-size: .9rem; }

    /* Archive */
    .posts-grid, .archive-grid, .search-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .post-card-content { padding: 14px 14px 16px; }

    /* Pages */
    .page-layout { grid-template-columns: 1fr; }
    .page-article { padding: 20px 16px; }
    .page-sidebar { display: none; }

    /* About */
    .about-layout { grid-template-columns: 1fr; }
    .about-sidebar { display: none; }
    .about-content { padding: 20px 16px; }
    .about-features { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .about-stats { gap: 20px; }

    /* Contact */
    .contact-cards { grid-template-columns: 1fr; }
    .contact-card { padding: 20px 16px; }
    .contact-form .form-row { grid-template-columns: 1fr; }
    .contact-form-area { padding: 20px 16px; }

    /* Footer */
    .footer-widgets { padding: 40px 0 20px; }
    .footer-grid { grid-template-columns: 1fr; gap: 20px; }
    .footer-desc { max-width: 100%; }

    /* Mobile bottom bar */
    .mobile-bottom-bar { display: flex; }
    .site-footer { padding-bottom: 70px; }

    /* No results / 404 */
    .error-404-content { padding: 40px 20px; }
    .error-404-title { font-size: 4rem; }
}

@media (max-width: 480px) {
    html { font-size: 14px; }

    .hero-bg { min-height: 280px; }
    .hero-title { font-size: 1.5rem; }
    .hero-subtitle { font-size: .85rem; }
    .hero-content { padding: 30px 0; }
    .hero-actions { flex-direction: column; gap: 10px; }
    .btn-hero, .btn-hero-outline { width: 100%; justify-content: center; }

    .stats-grid { gap: 12px; }
    .stat-number { font-size: 1.3rem; }
    .stat-label { font-size: .7rem; }

    .advantages-grid { grid-template-columns: repeat(2, 1fr); }

    .app-showcase-section { padding: 48px 0 40px; }
    .app-showcase-image img { max-height: 240px; }
    .app-showcase-placeholder { width: 140px; height: 260px; }
    .app-showcase-title { font-size: 1.3rem; }
    .app-features { grid-template-columns: 1fr; gap: 10px; }
    .app-feature-item { padding: 16px 14px; }

    .plans-grid { grid-template-columns: 1fr; }
    .posts-grid, .archive-grid, .search-grid { grid-template-columns: 1fr; }

    .section-title { font-size: 1.3rem; }

    .slider-prev, .slider-next { width: 32px; height: 32px; font-size: .8rem; }
    .slider-prev { left: 8px; }
    .slider-next { right: 8px; }

    .about-features { grid-template-columns: 1fr; }
    .about-stats { flex-direction: column; align-items: center; }

    .footer-bottom-inner { flex-direction: column; align-items: center; text-align: center; }

    .mobile-menu-panel { width: 280px; }
}

/* 横屏手机 */
@media (max-width: 768px) and (orientation: landscape) {
    .hero-bg { min-height: 240px; }
    .hero-slider { min-height: 240px; }
    .hero-slider .slide-item img { min-height: 240px; }
    .hero-content { padding: 24px 0; }
}