/* 移动端适配完善 */
@media (max-width: 768px) {
    body { overflow-x: hidden; }
    .container { padding: 0 15px; }
    /* 首页banner高度 */
    .hero, .banner, .hero-slider, [class*="banner"] { height: 220px !important; }
    .page-banner { height: 140px !important; background-position: center center !important; background-size: cover !important; }
    .page-banner-text { padding: 20px 0 15px; }
    .page-banner-text h1 { font-size: 22px; }
    section.section { padding: 10px 0 !important; }
    section[style*="padding-top"] { padding-top: 0 !important; }
    /* 所有内联grid两栏变单列 */
    [style*="grid-template-columns"] { display: block !important; }
    aside {
        margin: 0 0 10px !important;
        position: static !important;
        height: auto !important;
    }
    aside > div {
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        display: flex !important;
        flex-wrap: wrap;
        gap: 8px;
    }
    section[style*="padding-top"] { padding-top: 10px !important; }
    .page-banner-text { padding: 10px 15px !important; background: #fff !important; height: auto !important; }
    .page-banner-text h1 { font-size: 18px; }
    aside > div { display: flex; flex-wrap: wrap; gap: 8px; }
    aside a {
        flex: 0 0 auto !important;
        padding: 8px 15px !important;
        border: 1px solid #e8e8e8 !important;
        border-radius: 20px !important;
        font-size: 13px !important;
        background: #fff !important;
    }
    aside a[style*="primary"] {
        background: var(--primary) !important;
        color: #fff !important;
        border-color: var(--primary) !important;
    }
    /* 表格横向滚动 */
    table { display: block; overflow-x: auto; width: 100%; }
    /* 弹窗 */
    .modal-box, [style*="width:500px"], [style*="width:600px"] { width: 92% !important; }
    /* 按钮全宽 */
    .btn { width: auto; }
    /* 导航下拉树状显示 */
    .main-nav > ul > li > a { padding: 15px 20px !important; }
    .main-nav .dropdown {
        position: static !important;
        box-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        margin: 0;
        padding: 0 0 0 20px;
        background: #f8f9fa;
    }
    .main-nav .dropdown li a {
        padding: 10px 15px !important;
        font-size: 13px;
        color: #333 !important;
    }
    /* 服务快捷入口4列一行 */
    .home-services { grid-template-columns: repeat(4, 1fr) !important; gap: 10px !important; }
    .home-service-item { padding: 15px 5px !important; }
    .home-service-item img { width: 40px !important; height: 40px !important; }
    .home-service-item h4 { font-size: 12px !important; margin: 5px 0 2px; }
    .home-service-item .en { font-size: 10px !important; }
    /* 底部footer */
    .footer { padding: 20px 0 !important; }
    .footer-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 15px !important; }
    .footer-col h4 { font-size: 14px; margin-bottom: 8px; }
    .footer-col ul li { margin-bottom: 4px; }
    .footer-col a { font-size: 12px; }
    .footer-col p { font-size: 12px; margin-bottom: 4px; }
    .footer-bottom { padding: 10px 0; font-size: 12px; }
    .friend-track { animation-duration: 60s; }
}
@media (max-width: 480px) {
    .page-banner { height: 140px !important; background-position: center center !important; background-size: cover !important; }
    .stat-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px; }
    .stat-card { padding: 15px; }
    .stat-value { font-size: 22px; }
    h2.section-title { font-size: 22px; }
}