/* ============================================
   响应式适配 - yzsem.com
   ============================================ */

/* 平板适配 (768px-1024px) */
@media screen and (max-width: 1024px) {
    .hmCon {
        width: 100% !important;
        padding: 0 15px !important;
        box-sizing: border-box !important;
    }
    
    .head_c, .header .hmCon {
        width: 100% !important;
        padding: 0 10px !important;
    }
    
    .bannerSlide .slideBox img {
        width: 100% !important;
        height: auto !important;
    }
    
    .stage6 .hmCon {
        width: 100% !important;
    }
    
    .stage6Con {
        width: 100% !important;
        padding: 20px !important;
    }
}

/* 手机适配 (<768px) */
@media screen and (max-width: 768px) {
    html {
        background-image: none !important;
    }
    
    body {
        font-size: 14px !important;
        min-width: auto !important;
    }
    
    .hmCon {
        width: 100% !important;
        padding: 0 10px !important;
    }
    
    /* Header */
    #head {
        display: none !important;
    }
    
    .header {
        padding: 10px 0 !important;
    }
    
    .header .hmCon {
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .header .logo {
        margin-bottom: 10px !important;
    }
    
    .header .logo h1 a {
        font-size: 16px !important;
    }
    
    .header .rCon {
        width: 100% !important;
        text-align: center !important;
    }
    
    .header .tellTime {
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .header .tell {
        font-size: 18px !important;
    }
    
    .header .hdNav {
        flex-wrap: wrap !important;
        justify-content: center !important;
        margin-top: 8px !important;
    }
    
    .header .hdNav li {
        margin: 3px 5px !important;
    }
    
    .header .hdNav li a {
        font-size: 13px !important;
        padding: 4px 8px !important;
    }
    
    /* Banner */
    .bannerSlide {
        height: auto !important;
    }
    
    .bannerSlide .slideBox {
        height: auto !important;
    }
    
    .bannerSlide .slideBox ul {
        height: auto !important;
    }
    
    .bannerSlide .slideBox li {
        height: auto !important;
    }
    
    .bannerSlide .slideBox img {
        width: 100% !important;
        height: auto !important;
    }
    
    .bannerSlide .preBtn,
    .bannerSlide .nextBtn {
        display: none !important;
    }
    
    /* GEO内容区块 - 移动端 */
    .geo-content {
        padding: 15px 10px !important;
    }
    
    .geo-content h2 {
        font-size: 18px !important;
        margin-bottom: 12px !important;
    }
    
    .geo-content h3 {
        font-size: 15px !important;
    }
    
    .geo-sections {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
    
    .geo-section {
        padding: 12px !important;
    }
    
    .geo-section h4 {
        font-size: 14px !important;
    }
    
    .geo-tags {
        gap: 4px !important;
    }
    
    .geo-tag {
        font-size: 11px !important;
        padding: 2px 6px !important;
    }
    
    /* Footer */
    .footer {
        padding: 15px 10px !important;
    }
    
    .footer .copyRight {
        font-size: 11px !important;
        line-height: 1.6 !important;
        text-align: center !important;
    }
    
    /* Stage6 来院路线 */
    .stage6 {
        padding: 20px 0 !important;
    }
    
    .stage6 .hmCon {
        flex-direction: column !important;
    }
    
    .stage6Con {
        width: 100% !important;
        padding: 15px !important;
    }
    
    .stage6Con h3 {
        font-size: 18px !important;
    }
    
    .stage6Con h4 {
        font-size: 14px !important;
    }
    
    .stage6Con p {
        font-size: 13px !important;
    }
    
    .animate-bounce-down {
        display: none !important;
    }
    
    /* 隐藏PC端侧边栏/浮动元素 */
    .sideNav, .side-nav, #sideNav {
        display: none !important;
    }
}

/* 小手机 (<480px) */
@media screen and (max-width: 480px) {
    .header .logo h1 a {
        font-size: 14px !important;
    }
    
    .header .tell {
        font-size: 16px !important;
    }
    
    .geo-content h2 {
        font-size: 16px !important;
    }
    
    .geo-section {
        padding: 10px !important;
    }
}