/* 平板设备 (992px以下) */
@media (max-width: 992px) {
    /* 通用调整 */
    .container {
        padding: 0 15px;
    }
    
    .hero-section .container {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 40px;
    }
    
    .domain-visual {
        height: 200px;
        order: -1;
    }
    
    .categories-grid {
        grid-template-columns: 1fr;
    }
    
    .knowledge-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .footer-content {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    
    .domains-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .other-categories-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .about-content {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .contact-content {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .domains-stats {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }
    
    /* 搜索页面调整 */
    .search-box-large {
        max-width: 600px;
    }
    
    .results-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .popular-tags {
        gap: 10px;
    }
    
    .tag {
        padding: 8px 15px;
        font-size: 14px;
    }
    
    /* 导航调整 */
    .desktop-header {
        display: none;
    }
    
    .mobile-header-top {
        display: flex;
    }
    
    /* 标题调整 */
    .hero-title {
        font-size: 36px;
    }
    
    .hero-subtitle {
        font-size: 20px;
    }
    
    .section-title {
        font-size: 28px;
    }
    
    .page-title {
        font-size: 36px;
    }
    
    .category-title {
        font-size: 36px;
    }
    
    .search-title {
        font-size: 36px;
    }
    
    /* 卡片调整 */
    .category-card,
    .knowledge-card,
    .domain-card,
    .result-card {
        margin-bottom: 20px;
    }
    
    /* 按钮调整 */
    .view-more-btn,
    .back-home-btn,
    .search-btn-large {
        padding: 12px 20px;
        font-size: 14px;
    }
    
    /* 滚动按钮调整 */
    .scroll-buttons {
        bottom: 80px;
        right: 15px;
    }
    
    .scroll-btn {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }
}

/* 手机设备 (768px以下) */
@media (max-width: 768px) {
    /* 通用调整 */
    .container {
        padding: 0 12px;
    }
    
    .hero-section {
        padding: 80px 0 50px;
    }
    
    .knowledge-grid {
        grid-template-columns: 1fr;
    }
    
    .footer-content {
        display: grid;
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .main-footer {
    padding: 30px 0 30px;
    }
    
    .domains-grid {
        grid-template-columns: 1fr;
    }
    
    .other-categories-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .domains-stats {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    /* 搜索页面调整 */
    .results-grid {
        grid-template-columns: 1fr;
    }
    
    .search-input-group {

    }
    
    .search-input-large {
        padding: 15px 20px;
        border-radius: 25px 25px 0 0;
    }
    
    .search-btn-large {
        padding: 15px;
       justify-content: center;
    }
    
    .search-tips {
        font-size: 12px;
        text-align: center;
        flex-wrap: wrap;
    }
    
    /* 分页调整 */
    .pagination {
        flex-direction: column;
        gap: 15px;
    }
    
    .page-link {
        width: 100%;
        justify-content: center;
    }
    
    .page-numbers {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    /* 域名列表调整 */
    .domains-header {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
    }
    
    .domain-card-footer {
        gap: 5px;
    }
    
    /* 卡片内边距调整 */
    .category-header,
    .category-domains,
    .category-footer {
        padding: 15px;
    }
    
    .knowledge-card {
        padding: 20px;
    }
    
    .disclaimer-card {
        padding: 20px;
    }
    
    .domain-card-body {
        padding: 20px;
    }
    
    .result-card {
        padding: 20px;
    }
    
    /* 表格和列表调整 */
    .domain-item {
        padding: 10px 0;
    }
    
    .domain-letter {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }
    
    /* 滚动按钮调整 */
    .scroll-buttons {
        bottom: 70px;
        right: 10px;
    }
    
    .scroll-btn {
        width: 45px;
        height: 45px;
        font-size: 1.1rem;
    }
    
    /* 移动端导航菜单宽度调整 */
    .mobile-nav-menu {
        width: 300px;
    }
}

/* 小手机设备 (480px以下) */
@media (max-width: 480px) {
    /* 通用调整 */
    .container {
        padding: 0 10px;
    }
    
    .hero-section {
        padding: 60px 0 40px;
    }
    
    .hero-title {
        font-size: 28px;
    }
    
    .hero-subtitle {
        font-size: 18px;
    }
    
    .hero-description {
        font-size: 16px;
    }
    
    .section-title {
        font-size: 24px;
        flex-direction: column;
        gap: 10px;
    }
    
    .page-title {
        font-size: 28px;
    }
    
    .search-title {
        font-size: 28px;
    }
    
    /* 搜索表单调整 */
    .hero-search {
    }
    
    .hero-search .search-input {
        padding: 15px;
        border-radius: 25px 25px 0 0;
    }
    
    .hero-search .search-btn {
        padding: 0 20px;
    }
    
    .search-examples {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    /* 卡片标题调整 */
    .knowledge-card h3 {
        font-size: 18px;
    }
    
    .domain-name {
        font-size: 18px;
    }
    
    /* 图标大小调整 */
    .category-icon {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
    
    .knowledge-icon {
        width: 60px;
        height: 60px;
        font-size: 24px;
    }
    
    .domain-letter-large {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
    
    .result-letter {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
    
    /* 按钮调整 */
    .view-more-btn,
    .back-home-btn,
    .visit-domain-btn,
    .contact-btn,
    .visit-btn {
        padding: 10px 15px;
        font-size: 13px;
    }
    
    /* 热门标签调整 */
    .popular-tags {
        gap: 8px;
    }
    
    .tag {
        padding: 6px 12px;
        font-size: 12px;
    }
    
    /* 移动端导航菜单宽度调整 */
    .mobile-nav-menu {
        width: 100%;
        max-width: 300px;
    }
    
    /* 移动端语言切换器调整 */
    .mobile-language-switcher {
        flex-direction: column;
    }
    
    /* 关于页面的统计卡片调整 */
    .about-stats {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .stat-card h3 {
        font-size: 28px;
    }
    
    /* 联系方式调整 */
    .contact-item {
        flex-direction: column;
        gap: 10px;
    }
    
    .contact-item i {
        align-self: flex-start;
    }
    
    /* 页脚调整 */
    .footer-logo-text {
        font-size: 24px;
    }
    
    .footer-logo-icon {
        font-size: 32px;
    }
    
    /* 移动端顶部栏调整 */
    .mobile-header-top {
        padding: 10px 12px;
    }
    
    .logo-text {
        font-size: 20px;
    }
    
    .logo-icon {
        font-size: 26px;
    }
    
    /* 语言切换按钮文字调整 */
    .language-switcher .lang-btn {
        padding: 5px 12px;
        font-size: 13px;
    }
}

/* 超小手机设备 (360px以下) */
@media (max-width: 360px) {
    /* 更小的字体调整 */
    .hero-title {
        font-size: 24px;
    }
    
    .hero-subtitle {
        font-size: 16px;
    }
    
    .hero-description {
        font-size: 14px;
    }
    
    .section-title {
        font-size: 22px;
    }
    
    .page-title {
        font-size: 24px;
    }
    
    .search-title {
        font-size: 24px;
    }
    
    /* 搜索框调整 */
    .search-input-large,
    .hero-search .search-input {
        font-size: 14px;
        padding: 12px 15px;
    }
    
    /* 卡片内容调整 */
    .domain-count {
        font-size: 12px;
        padding: 4px 10px;
    }
    
    .domain-link {
        font-size: 14px;
    }
    
    .domain-description {
        font-size: 12px;
    }
    
    /* 按钮进一步调整 */
    .view-more-btn,
    .back-home-btn,
    .visit-domain-btn,
    .contact-btn,
    .visit-btn {
        padding: 8px 12px;
        font-size: 12px;
    }
    
    /* 移动端导航菜单调整 */
    .mobile-nav-menu {
        width: 100%;
    }
    
    .mobile-nav-link {
        padding: 12px 15px;
        font-size: 14px;
    }
    
    .mobile-dropdown-menu li a {
        padding: 10px 15px 10px 40px;
        font-size: 13px;
    }
    
    .mobile-nav-header {
        padding: 14px;
    }
    
    .mobile-lang-btn {
        padding: 10px;
        font-size: 13px;
    }
    
    /* 移动端语言切换器按钮更小 */
    .language-switcher .lang-btn {
        padding: 4px 10px;
        font-size: 12px;
    }
    
    .mobile-menu-btn {
        width: 35px;
        height: 35px;
        font-size: 18px;
    }
    
    /* 滚动按钮更小 */
    .scroll-btn {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }
}

/* 横屏模式调整 */
@media (max-height: 500px) and (orientation: landscape) {
    /* 移动端导航菜单高度调整 */
    .mobile-nav-menu {
        height: 100vh;
        overflow-y: auto;
    }
    
    .mobile-nav-content {
        max-height: calc(100vh - 70px);
        overflow-y: auto;
    }
    
    /* 移动端菜单项更紧凑 */
    .mobile-nav-link {
        padding: 10px 20px;
    }
    
    .mobile-dropdown-menu li a {
        padding: 8px 20px 8px 40px;
    }
    
    /* 移动端语言切换器更紧凑 */
    .mobile-nav-footer {
        padding: 15px 20px;
    }
    
    .mobile-language-switcher {
        margin-bottom: 15px;
    }
    
    .mobile-lang-btn {
        padding: 8px;
    }
}

/* 暗色模式支持 (可选) */
@media (prefers-color-scheme: dark) {
    .mobile-nav-menu {
        background: #1a1a1a;
    }
    
    .mobile-nav-link {
        color: #e0e0e0;
    }
    
    .mobile-nav-link.active,
    .mobile-nav-link:hover {
        color: var(--primary-color);
        background: rgba(255, 255, 255, 0.1);
    }
    
    .mobile-dropdown-menu {
        background: rgba(0, 0, 0, 0.2);
    }
    
    .mobile-dropdown-menu li a {
        color: #b0b0b0;
    }
    
    .mobile-dropdown-menu li a:hover {
        color: var(--primary-color);
        background: rgba(52, 152, 219, 0.2);
    }
    
    .mobile-lang-btn {
        background: #2a2a2a;
        border-color: #404040;
        color: #e0e0e0;
    }
    
    .mobile-lang-btn.active {
        background: var(--primary-color);
        border-color: var(--primary-color);
        color: white;
    }
    
    .mobile-contact-info p {
        color: #b0b0b0;
    }
}


/* 关于页面响应式调整 */
@media (max-width: 768px) {
    .about-section {
        padding: 60px 0;
    }
    
    .about-content {
        gap: 30px;
    }
}

@media (max-width: 480px) {
    .about-section {
        padding: 40px 0;
    }
}