/* 平板、手机及详情弹窗的响应式样式。 */
/* 响应式 */

    @media (max-width: 1000px) {
      .nav-links {
        display: none;
        position: absolute;
        top: calc(100% + 10px);
        right: 0;
        left: 0;
        z-index: 110;
        padding: 12px;
        flex-direction: column;
        align-items: stretch;
        gap: 2px;
        background: #fff;
        border: 1px solid var(--border);
        border-radius: 16px;
        box-shadow: var(--shadow);
      }

      .header.menu-open .nav-links {
        display: flex;
      }

      .nav-links a {
        padding: 10px 12px;
        border-radius: 10px;
      }

      .nav-links a:hover,
      .nav-links a.active {
        background: #f6f4ff;
      }

      .menu-toggle {
        display: inline-grid;
        place-items: center;
      }

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

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

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

      .footer-brand {
        grid-column: 1 / -1;
      }

      .footer-follow {
        grid-column: 1 / -1;
      }
    }

    @media (max-width: 650px) {
      .container {
        width: calc(100% - 24px);
      }

      .nav-actions {
        gap: 8px;
      }

      .explore-btn {
        padding: 10px 12px;
      }

      .logo {
        font-size: 18px;
      }

      .logo-icon {
        width: 36px;
        height: 36px;
      }

      .resource-filters {
        flex-wrap: nowrap;
        gap: 8px;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0 0 12px;
        margin-right: -12px;
        margin-bottom: 14px;
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
      }

      .filter-tab {
        padding: 9px 15px;
      }

      .hero {
        padding-top: 52px;
      }

      .hero h1 {
        font-size: 40px;
      }

      .hero p {
        font-size: 15px;
      }

      .search-btn {
        padding: 11px 15px;
      }

      .hot-keywords {
        line-height: 2;
      }

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

      .stat-item:nth-child(2)::after {
        display: none;
      }

      .category-grid,
      .resource-grid,
      .features {
        grid-template-columns: 1fr;
      }

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

      .copyright {
        flex-direction: column;
      }

      .dialog-shell { padding: 21px 21px 24px; }
      .resource-dialog { width: calc(100% - 20px); max-height: 92vh; border-radius: 18px; }
      .dialog-cover { height: 170px; margin-bottom: 17px; }
      .dialog-cover .resource-cover { padding: 20px 26px; }
      .dialog-action-grid { grid-template-columns: 1fr; }
    }