/*
 * 内容-1 (article_1): 自定义页面(单页)正文区的骨架样式。
 * 还原自 D:/desktop/zdy.html 的 .ly_article_1 (zdy_files/70f23f3f…css 是它的模块骨架)。
 *
 * 这里只放"与配置无关"的骨架: 布局、富文本基线、移动端切换。
 * 会随配置变的部分(页面名称颜色/字号、正文颜色、间距、模块宽度)由模板内联 <style> 按
 * [data-module-id] 输出, 同一页面上多个实例互不干扰。
 * 颜色/字体不在本文件写死: 页面名称走 .deco-title(全局字体) + 实例样式(颜色/字号),
 * 正文走 .deco-content(全局字体) + 实例样式(颜色)。
 */

.ly_article_1 { overflow: hidden; }

.ly_article_1 .article_content_box {
    /* 参考站正文块本身不限宽, 宽度由外层 .wide + .section 的左右 padding 决定 */
    width: 100%;
    box-sizing: border-box;
}

/* ---------- 页面名称 ----------
   参考站: 居中、行高 46px、左右各留 2% 免得长标题贴边, 下方 35px 与正文分开。
   颜色与字号是配置项, 见模板内联样式。 */
.ly_article_1 .article_title {
    margin: 0;
    padding: 0 2% 35px;
    line-height: 1.5;
    font-weight: normal;
    text-align: center;
    word-break: break-word;
}

/* ---------- 正文富文本 ----------
   单页正文是后台富文本, 直接 th:utext 出来; 这里给常见标签一套基线(同 news_detail_2 的正文),
   不依赖后台过滤结果。字体走 .deco-content 继承全局设置, 颜色是模块配置项(实例样式里出)。 */
.ly_article_1 .article_content {
    line-height: 1.8;
    font-size: 14px;
    word-break: break-word;
    overflow-wrap: break-word;
}
.ly_article_1 .article_content img { max-width: 100%; height: auto; }
.ly_article_1 .article_content video,
.ly_article_1 .article_content iframe { max-width: 100%; }
.ly_article_1 .article_content a { text-decoration: underline; }
.ly_article_1 .article_content table {
    max-width: 100%;
    border-collapse: collapse;
    /* 窄屏下表格整体横向滚动, 避免撑破容器 */
    display: block;
    overflow-x: auto;
}
.ly_article_1 .article_content th,
.ly_article_1 .article_content td {
    border: 1px solid #e5e5e5;
    padding: 6px 10px;
}
.ly_article_1 .article_content p { margin: 0 0 12px; }
.ly_article_1 .article_content ul,
.ly_article_1 .article_content ol { margin: 0 0 12px; padding-left: 24px; }
.ly_article_1 .article_content li { margin-bottom: 4px; }
.ly_article_1 .article_content h1,
.ly_article_1 .article_content h2,
.ly_article_1 .article_content h3,
.ly_article_1 .article_content h4,
.ly_article_1 .article_content h5,
.ly_article_1 .article_content h6 { margin: 16px 0 8px; font-weight: 600; }
.ly_article_1 .article_content h1 { font-size: 24px; }
.ly_article_1 .article_content h2 { font-size: 20px; }
.ly_article_1 .article_content h3 { font-size: 17px; }
.ly_article_1 .article_content h4 { font-size: 15px; }
.ly_article_1 .article_content h5,
.ly_article_1 .article_content h6 { font-size: 14px; }
.ly_article_1 .article_content blockquote {
    margin: 0 0 12px;
    padding: 4px 12px;
    border-left: 3px solid #e5e5e5;
    color: #888888;
}
/* 页内锚点滚动时不被吸顶导航压住 */
.ly_article_1 .article_content [id] { scroll-margin-top: 90px; }

/* 编辑态占位提示: 一条自定义页面都没有时才出 */
.ly_article_1 .article_empty {
    padding: 60px 0;
    color: #999999;
    font-size: 14px;
    line-height: 1.8;
    text-align: center;
}

/* ---------- 移动端 ----------
   模板只在 mobileContentEnabled == 1 且 mobileContent 非空时输出两个正文容器,
   这里默认隐藏移动容器, 1000px 内互换 —— 不用 JS 判断视口, 缩放窗口不会错位 */
.ly_article_1 .article_content.mobile_content { display: none; }
@media screen and (max-width: 1000px) {
    .ly_article_1 .article_title { padding-bottom: 20px; }
    .ly_article_1 .article_content.pc_content.has_mobile_content { display: none; }
    .ly_article_1 .article_content.mobile_content { display: block; }
}