/* responsive.css - 移动端自适应样式 (max-width: 768px) */

/* ===== PC端：不破坏原有布局 ===== */
.mobile-header {
    float: left;
    overflow: hidden;
}

.hamburger-menu {
    display: none;
}

/* ===== 移动端：≤768px ===== */
@media (max-width: 768px) {

    /* --- 头部区域 --- */
    .header {
        height: auto;
        padding: 10px 0;
    }

    .header .head {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }

    /* 移动端头部容器：Logo 居左 + 汉堡图标居右 */
    .header .head .mobile-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        float: none;
        width: 100%;
        overflow: visible;
    }

    /* Logo：覆盖 PC 端 float + 固定高度 */
    .header .head .mobile-header .logo {
        float: none;
        overflow: visible;
        display: flex;
        align-items: center;
        height: auto;
    }

    .header .head .mobile-header .logo a {
        display: flex;
        align-items: center;
        height: auto;
        overflow: visible;
    }

    .header .head .mobile-header .logo a img {
        height: 45px;
        width: auto;
        display: block;
    }

    /* 隐藏 logo 内的分隔符和 slogan */
    .header .head .mobile-header .logo b,
    .header .head .mobile-header .logo span {
        display: none;
    }

    /* 汉堡菜单图标：36x36 正方形，与 Logo 图片等高 */
    .header .head .mobile-header .hamburger-menu {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        font-size: 22px;
        color: #333;
        line-height: 1;
        flex-shrink: 0;
    }

    /* 隐藏搜索和时间区域 */
    .header .head .right {
        display: none;
    }

    /* --- 隐藏导航栏 --- */
    .navbox {
        display: none;
    }

    /* --- 主内容区 --- */
    .main {
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
    }

    .main .ny {
        width: 100%;
        float: none;
        padding: 16px 12px;
    }

    /* 文章内容区：取消段落首行缩进 */
    .main .ny .wen p[style*="text-indent"] {
        text-indent: 0 !important;
    }

    /* 文章内容区：移动端适当缩小字号，保持行距舒适 */
    .main .ny .wen {
        font-size: 15px;
        line-height: 1.75;
    }

    .main .ny .wen img,
    .main .ny .wen iframe {
        display: block;
        margin: 0 auto;
        max-width: 100% !important;
        height: auto !important;
    }
    .main .ny .bt {
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 5px;
    }

    .main .ny .sj {
        flex-wrap: wrap;
        gap: 8px;
        font-size: 12px;
    }

    .main .ny .end {
        font-size: 13px;
        line-height: 22px;
        padding: 12px;
        color: #888;
    }

    .main .ny .back p {
        font-size: 13px;
        line-height: 22px;
    }

    .main .ny .share {
        justify-content: center;
    }

    /* --- 侧边栏 --- */
    .main .rbar {
        width: 100%;
        float: none;
        margin-top: 15px;
        padding-bottom: 15px;
    }

    .main .rbar .con02 {
        padding: 20px 12px;
    }

    .main .rbar .con02 .list li {
        width: 100%;
        float: none;
    }

    /* 隐藏幻灯片 */
    .main .rbar .ut {
        display: none;
    }

    /* --- 底栏 --- */
    .footer {
        padding-bottom: 0;
    }

    .footer .foot {
        width: 100%;
        padding: 20px 15px;
        height: auto;
        box-sizing: border-box;
    }

    .footer .foot .left {
        width: 100%;
        float: none;
        text-align: center;
        margin-bottom: 0;
    }

    .footer .foot .left ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px 15px;
    }

    .footer .foot .left p {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px 15px;
    }

    /* 隐藏底部 middle、right、link 区域 */
    .footer .foot .middle,
    .footer .foot .right,
    .footer .link {
        display: none;
    }

    /* --- 返回顶部 --- */
    #gotop {
        right: 10px;
        bottom: 10px;
    }

    #gotop img {
        width: 36px;
        height: 36px;
    }
}