@charset "UTF-8";
/*==========================================================
  news.css - 企业网站新闻栏目文章页统一风格
  适用场景：EYOUCMS文章详情页（如：/news/xxx.html）
  设计目标：清晰、专业、高可读性，移除默认列表符号，统一标题/段落/表格/图片样式
==========================================================*/

/* 文章容器 —— 请确保您的文章详情模板外层拥有 .news-article 类 */
.news-article {
    max-width: 900px;
    margin: 0 auto;
    padding: 25px 20px;
    background-color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
    color: #2c3e50;
    font-size: 16px;
    line-height: 1.75;
    word-wrap: break-word;
}

/* ---------- 标题体系 ---------- */
.news-article h1 {
    font-size: 2.2rem;
    font-weight: 600;
    margin: 0.5rem 0 1.5rem;
    line-height: 1.3;
    color: #1a2b3c;
    border-left: 6px solid #1976d2;
    padding-left: 20px;
}

.news-article h2 {
    font-size: 1.9rem;
    font-weight: 600;
    margin: 2.5rem 0 1.2rem;
    padding-bottom: 0.6rem;
    border-bottom: 2px solid #e9edf2;
    color: #1e3a5f;
    letter-spacing: 0.5px;
}

.news-article h3 {
    font-size: 1.6rem;
    font-weight: 600;
    margin: 2rem 0 1rem;
    color: #2c3e50;
    position: relative;
    padding-left: 0;
}

.news-article h4 {
    font-size: 1.3rem;
    font-weight: 600;
    margin: 1.5rem 0 0.8rem;
    color: #34495e;
}

/* ---------- 段落与基础文本 ---------- */
.news-article p {
    margin: 0 0 1.5rem 0;
    text-align: justify;  /* 两端对齐，更显工整 */
}

.news-article strong {
    font-weight: 600;
    color: #1e3a5f;
}

.news-article em {
    font-style: italic;
}

/* 移除所有内联背景色/字体色干扰（保证统一色调） */
.news-article span[style],
.news-article p[style],
.news-article div[style] {
    color: inherit !important;
    background: transparent !important;
    font-family: inherit !important;
    font-size: inherit !important;
    text-decoration: inherit !important;
}

/* ---------- 列表样式 ---------- */
/* 无序列表：完全去掉默认圆点，采用干净缩进 */
.news-article ul {
    list-style: none !important;        /* 去掉原生黑点 */
    margin: 0 0 1.8rem 0;
    padding-left: 1.2rem;
}

.news-article ul li {
    position: relative;
    margin-bottom: 0.6rem;
    padding-left: 0.5rem;
    line-height: 1.7;
}

/* 有序列表：保留数字，但优化视觉 */
.news-article ol {
    list-style-type: decimal;
    margin: 0 0 1.8rem 0;
    padding-left: 2rem;
}

.news-article ol li {
    margin-bottom: 0.6rem;
    padding-left: 0.3rem;
    line-height: 1.7;
}

/* 列表嵌套段落去除多余外边距 */
.news-article li p {
    margin-bottom: 0.3rem;
}

.news-article li p:last-child {
    margin-bottom: 0;
}

/* 如果列表项内只有一行，避免额外空距 */
.news-article li:last-child {
    margin-bottom: 0;
}

/* ---------- 表格样式 ---------- */
.news-article table {
    width: 100%;
    border-collapse: collapse;
    margin: 2rem 0 2.5rem;
    font-size: 0.95rem;
    background-color: #ffffff;
    border: 1px solid #dde3e9;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
}

.news-article th {
    background-color: #f2f5f9;
    font-weight: 600;
    padding: 12px 15px;
    border: 1px solid #d0d8e3;
    text-align: left;
    color: #1e3a5f;
}

.news-article td {
    padding: 10px 15px;
    border: 1px solid #dde3e9;
    vertical-align: top;
}

/* 表格首行/列特殊照顾 */
.news-article tr:first-child th {
    border-top: none;
}

/* ---------- 图片与媒体 ---------- */
.news-article img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 2rem auto;
    border-radius: 8px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.05);
    transition: transform 0.2s ease;
}

.news-article img:hover {
    transform: scale(1.01);
}

/* 图片居中（保留原内联样式但被继承） */
.news-article p[style*="text-align: center"] img,
.news-article .img-center {
    margin-left: auto;
    margin-right: auto;
}

/* 图片下方可能存在的说明文字 */
.news-article .img-caption,
.news-article .image-desc {
    text-align: center;
    font-size: 0.9rem;
    color: #6c757d;
    margin-top: -1.2rem;
    margin-bottom: 2rem;
}

/* ---------- 超链接 ---------- */
.news-article a {
    color: #1976d2;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s, color 0.2s;
}

.news-article a:hover {
    color: #0a4b8c;
    border-bottom-color: #1976d2;
}

/* ---------- 特殊板块：品牌卡片（自动适配原div[style]结构） ---------- */
/* 原HTML中卡片部分为：<div class="" style="border:0 solid #eee; padding:15px; ...">  */
/* 我们通过属性选择器精准覆盖，同时保留其结构语义，赋予新样式 */
.news-article div[style*="border:0 solid #eee"] {
    background-color: #f8fafd !important;
    border: 1px solid #e2e9f2 !important;
    border-radius: 16px !important;
    padding: 1.8rem 2rem !important;
    margin: 2.5rem 0 !important;
    box-shadow: 0 6px 14px rgba(0,30,60,0.04) !important;
    font-size: 1rem !important;
}

/* 卡片内的标题 */
.news-article div[style*="border:0 solid #eee"] h2 {
    font-size: 1.8rem;
    margin-top: 0;
    margin-bottom: 1.5rem;
    border-bottom: 2px dashed #cbd5e1;
    padding-bottom: 0.8rem;
    color: #1e3a5f;
}

/* 卡片内表格优化（通常用于品牌信息） */
.news-article div[style*="border:0 solid #eee"] table {
    background: transparent;
    border: none;
    box-shadow: none;
    margin: 0.5rem 0 0;
}

.news-article div[style*="border:0 solid #eee"] td {
    background: transparent;
    border: none;
    border-bottom: 1px solid #dee7f0;
    padding: 0.8rem 0.5rem;
}

.news-article div[style*="border:0 solid #eee"] tr:last-child td {
    border-bottom: none;
}

.news-article div[style*="border:0 solid #eee"] td:first-child {
    font-weight: 600;
    width: 30%;
    color: #1e3a5f;
}

/* 卡片内链接保持品牌色 */
.news-article div[style*="border:0 solid #eee"] a {
    color: #1976d2;
    border-bottom: 1px dotted #1976d2;
}

/* ---------- 其他辅助元素 ---------- */
.news-article hr {
    border: none;
    border-top: 2px solid #eef2f6;
    margin: 2.5rem 0;
}

.news-article blockquote {
    border-left: 4px solid #1976d2;
    background-color: #f9fcff;
    margin: 1.8rem 0;
    padding: 1rem 1.8rem;
    font-style: normal;
    color: #2c3e50;
    border-radius: 0 12px 12px 0;
}

/* 代码或预格式文本（如有） */
.news-article pre,
.news-article code {
    font-family: 'SF Mono', 'Fira Code', 'Consolas', monospace;
    background: #f0f3f8;
    border-radius: 6px;
    font-size: 0.9rem;
}

.news-article code {
    padding: 0.2rem 0.4rem;
    color: #d63384;
}

.news-article pre {
    padding: 1rem;
    overflow-x: auto;
    border: 1px solid #dee2e9;
}

/* ---------- 移动端优化 ---------- */
@media (max-width: 640px) {
    .news-article {
        padding: 18px 15px;
        font-size: 15px;
    }
    .news-article h1 { font-size: 1.9rem; }
    .news-article h2 { font-size: 1.6rem; }
    .news-article h3 { font-size: 1.4rem; }
    .news-article ul, .news-article ol { padding-left: 1rem; }
    .news-article div[style*="border:0 solid #eee"] {
        padding: 1.2rem !important;
    }
    .news-article table {
        font-size: 0.85rem;
    }
    .news-article th, .news-article td {
        padding: 8px 6px;
    }
}

/* ---------- 可选：隐藏不必要的元数据（如果文章内包含title/keywords等纯文本） ---------- */
.news-article p:empty {
    display: none;
}

/* 确保任何遗留的 ybc 类不再影响布局 (清理由编辑器产生的冗余样式) */
.news-article [class*="ybc-"] {
    all: revert;  /* 恢复默认，由上方统一定义接管 */
    margin: 0;
    padding: 0;
}

/* 最后，移除所有无序列表的任何残留符号（双重保险） */
.news-article ul, 
.news-article menu, 
.news-article dir {
    list-style-type: none !important;
}

/* 使有序列表数字保持优雅 */
.news-article ol {
    list-style-type: decimal;
}