@media (max-width: 1200px) {
    .container { max-width: 100%; padding: 0 16px; }
    .app-grid { grid-template-columns: repeat(4, 1fr); }
    .category-grid { grid-template-columns: repeat(4, 1fr); }
    .related-grid { grid-template-columns: repeat(4, 1fr); }
    .featured-list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
    .main-wrap { flex-direction: column; gap: 16px; }
    .sidebar { width: 100%; }
    .search-box { width: 100%; }
    .nav-list { justify-content: flex-start; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .nav-item a { padding: 0 16px; white-space: nowrap; font-size: 14px; }
    .app-grid { grid-template-columns: repeat(3, 1fr); gap: 12px; }
    .featured-list { grid-template-columns: 1fr; }
    .category-grid { grid-template-columns: repeat(4, 1fr); }
    .related-grid { grid-template-columns: repeat(3, 1fr); }
    .detail-header { flex-direction: column; align-items: center; text-align: center; padding: 24px; }
    .detail-header .app-meta { text-align: center; }
    .detail-header .app-stats { justify-content: center; flex-wrap: wrap; }
    .detail-header .app-tags { justify-content: center; }
    .screenshot-scroll img { height: 200px; }
    .header { padding: 12px 0; }
}
@media (max-width: 480px) {
    .header-inner { flex-direction: column; align-items: stretch; gap: 10px; }
    .logo { justify-content: center; }
    .nav-bar { height: auto; line-height: normal; }
    .nav-list { padding: 0 8px; }
    .nav-item a { padding: 10px 12px; font-size: 13px; }
    .app-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .category-grid { grid-template-columns: repeat(3, 1fr); gap: 12px; }
    .related-grid { grid-template-columns: repeat(2, 1fr); }
    .app-list-item { padding: 12px 14px; }
    .app-list-item .download-btn { padding: 5px 14px; font-size: 12px; }
    .detail-header .app-icon { width: 68px; height: 68px; }
    .detail-header .app-name { font-size: 20px; }
    .screenshot-scroll img { height: 160px; }
    .pagination a, .pagination span { min-width: 32px; height: 32px; padding: 0 8px; font-size: 13px; }
    .featured-item { padding: 18px; min-height: 110px; }
    .sub-category-bar { gap: 6px; }
    .sub-cat-tag { padding: 4px 10px; font-size: 12px; }
    .search-form-inline { max-width: 100%; }
    .page-title { font-size: 18px; padding: 12px 15px; }
    .app-list-item .app-extra { display: none; }
}