/* xianbao-override.css — 镜像站响应式兜底（由 mirror.sh 注入，保守安全） */

/* 窄屏防横向溢出：长串优惠码/链接不撑破布局 */
html, body {
    overflow-x: hidden;
    word-break: break-word;
}

/* 图片自适应容器宽度，避免原站大图溢出 */
img {
    max-width: 100%;
    height: auto;
}

/* 窄屏（手机/平板）：让正文区域占满宽度，隐藏不必要的横向滚动 */
@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden;
    }
    .container,
    .wrap,
    .main,
    .content,
    .page,
    .layout {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        box-sizing: border-box !important;
    }
}

/* 列表页（首页/分类/搜索）：移除右侧热榜侧栏，帖子列表居中并自适应分辨率 */
body.xianbao-list #sidebar { display: none !important; }
body.xianbao-list #mainbox { float: none !important; width: 100% !important; margin: 0 !important; }
body.xianbao-list #content.content.container {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 16px;
    box-sizing: border-box;
}

/* 暗黑模式：body 背景跟随 html，避免列表页/文章页边缘留白造成不均衡 */
html.night,
html.night body { background-color: #232931 !important; }

/* 头部搜索/暗色按钮保持与首页一致，避免文字兜底导致拥挤 */
.xianbao-article-nav .dark-mode,
.xianbao-article-nav .search-button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 60px;
    line-height: 1;
}
.xianbao-article-nav .dark-mode i.iconfont,
.xianbao-article-nav .search-button i.iconfont {
    line-height: 1;
}

/* 移动端进一步收窄留白，保证帖子贴近屏幕边缘 */
@media screen and (max-width: 768px) {
    body.xianbao-list #content.content.container {
        max-width: 100% !important;
        padding: 0 10px !important;
    }
}

/* 移动端汉堡菜单按钮修复：源站 .m-nav-btn 为 height:0 + 内部图标
   position:absolute 脱离文档流，依赖父级 absolute 定位上下文；镜像里
   .m-nav-btn 的 position 退化为 static 且移动端 media query 只补了 display:block，
   导致零高度、图标飘到左上角、按钮不可点。这里强制右侧定位 + 固定高度 +
   图标回归正常流，使其可见且可点。桌面端仍由源站规则 display:none 隐藏。 */
@media screen and (max-width: 768px) {
    .m-nav-btn {
        position: absolute !important;
        top: 0;
        right: 52px;
        display: block !important;
        width: 50px !important;
        height: 50px !important;
        z-index: 60;
        cursor: pointer;
    }
    .m-nav-btn i.iconfont {
        position: static !important;
        display: block;
        line-height: 50px;
        text-align: center;
    }
}

/* 修复：Fancybox 灯箱打开/关闭时，强制滚动条常驻且 body 无 margin-right 补偿，
   使文档宽度恒定，评论/正文不再左右晃动。不绑定 .with-fancybox 类，
   因为关闭动画中该类会被 Fancybox 短暂移除，绑定类的规则会失效一瞬间。 */
html { overflow-y: scroll !important; }
body { margin-right: 0 !important; }