/* ========================================
   About 页面 - 富文本溢出修复
   解决策略：内部换行 + 富文本子元素全面约束
   ======================================== */

/* Grid 布局子项修复：确保文章面板能正确收缩 */
.geo-layout > .geo-article {
    min-width: 0;
}

/* 文章正文容器：核心换行规则 */
.geo-article-body {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

/* 富文本内所有文本块级元素 */
.geo-article-body p,
.geo-article-body div,
.geo-article-body span,
.geo-article-body li,
.geo-article-body blockquote {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    max-width: 100%;
}

/* 富文本内长链接：强制换行 */
.geo-article-body a {
    word-break: break-all;
    overflow-wrap: anywhere;
    max-width: 100%;
    display: inline;
}

/* 富文本内图片：响应式约束 */
.geo-article-body img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* 富文本内表格：响应式约束 */
.geo-article-body table {
    max-width: 100%;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.geo-article-body table img {
    max-width: 100%;
    height: auto;
}

/* 富文本内代码块 / pre：允许横向滚动 */
.geo-article-body pre,
.geo-article-body code,
.geo-article-body kbd,
.geo-article-body samp {
    max-width: 100%;
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-all;
}

/* 富文本内 iframe / video / embed：响应式约束 */
.geo-article-body iframe,
.geo-article-body video,
.geo-article-body embed,
.geo-article-body object {
    max-width: 100%;
    height: auto;
    display: block;
}

/* 富文本内 ul / ol：边距与换行 */
.geo-article-body ul,
.geo-article-body ol {
    padding-left: 1.5em;
}

/* ========================================
   媒体查询：平板 (≤900px)
   此时 .geo-layout 已切换为单列
   ======================================== */
@media (max-width: 900px) {
    .geo-article-body {
        line-height: 1.9;
    }

    .geo-article-body p,
    .geo-article-body div {
        font-size: 15px;
    }
}

/* ========================================
   媒体查询：手机 (≤560px)
   ======================================== */
@media (max-width: 560px) {
    .geo-article-body {
        line-height: 1.85;
        font-size: 15px;
    }

    .geo-article-body p,
    .geo-article-body div,
    .geo-article-body span,
    .geo-article-body li {
        font-size: 15px;
    }

    .geo-article-body img {
        border-radius: 10px;
        margin: 10px auto;
    }

    .geo-article h1 {
        font-size: 24px;
    }
}