/*
 * File: css/responsive.css
 * Description: 响应式媒体查询样式。
 */

/* -------------------------------------- */
/* 移动端样式 (屏幕宽度 <= 992px) */
/* -------------------------------------- */
@media (max-width: 992px) {
    
    /* 隐藏电脑端元素 */
    .desktop-nav {
        display: none;
    }
    .nav-actions .btn {
        display: none; 
    }
    .nav-dropdown-overlay {
        display: none !important; 
    }

    /* 显示移动端元素 */
    .mobile-menu-toggle {
        display: block;
        margin-left: 10px; 
    }

    /* 顶部动态栏适配 */
    .dynamic-bar {
        height: 30px;
        font-size: 12px;
        padding: 0 30px;
    }
    .dynamic-bar .desktop-content { display: none; }
    .dynamic-bar .mobile-content { display: block; }
    .dynamic-bar .close-btn {
        font-size: 18px;
    }

    /* 导航栏布局调整 */
    .nav-container {
        padding: 0 15px;
    }
    .nav-logo {
        font-size: 16px;
    }
    
    /* 页脚调整 */
    .footer {
        font-size: 12px;
    }
    .footer-links {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
    .footer-beian {
        flex-direction: column;
        gap: 5px;
    }

    /* 首页内容调整 */
    .hero-section {
        padding: 40px 0;
    }
    .hero-section h1 {
        font-size: 28px;
    }
    .hero-section p {
        font-size: 16px;
    }
    .hero-actions {
        flex-direction: column;
        gap: 15px;
    }

    .feature-highlight .feature-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

/* -------------------------------------- */
/* 窄屏样式 (屏幕宽度 <= 768px) */
/* -------------------------------------- */
@media (max-width: 768px) {
    /* 弹出公告适配 */
    .popup-content {
        padding: 20px;
    }
    .popup-header h2 {
        font-size: 20px;
    }
}