'); background-repeat: no-repeat; background-position: 8px center; background-size: 12px; line-height: 1.3; } .introduce-content { font-size: 0.8rem; color: #5b6e8c; margin-top: 6px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .date { font-size: 0.8rem; color: #8a99b0; flex-shrink: 0; white-space: nowrap; } @media (max-width: 600px) { .article-author { flex-direction: column; align-items: flex-start; } .date { white-space: normal; align-self: flex-start; } } /* 广告推荐卡片样式保持干净 */ .recommend-bar { background: #FFFCEF; border: 1px solid #FFD9B3; border-radius: 16px; padding: 1rem 1.2rem; margin: 1rem 0 1.5rem 0; font-size: 0.95rem; color: #b45309; cursor: pointer; transition: background 0.2s; } .recommend-bar strong { font-weight: 700; } .recommend-bar span:first-child { color: #E56600; } /* 文章摘要 */ .article-summary { background: #F3F4F8; border-radius: 20px; padding: 1.6rem 2rem 1.6rem 3rem; font-size: 1.1rem; font-weight: 500; line-height: 1.5; color: #2c3e50; margin: 1.8rem 0 2rem 0; border-left: 5px solid #ff9900; position: relative; } @media (max-width: 640px) { .article-summary { padding: 1.2rem 1.2rem 1.2rem 1.8rem; font-size: 1rem; } } /* 正文核心样式: 段落自动换行+大行距+大字体 */ .article-content { font-size: 1.05rem; line-height: 1.75; color: #1f2a44; } /* 段落之间自然隔开，满足 “每个逻辑段落换行” */ .article-content p { margin-bottom: 1.35rem; word-break: break-word; text-rendering: optimizeLegibility; } /* 确保列表、其他块级也有间距 */ .article-content div:not(.cifnews_block):not(.cifnews_block_html) { margin-bottom: 1.2rem; } /* 图片自适应、居中留白 */ .article-content img { max-width: 100%; height: auto; display: block; margin: 1.8rem auto; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.02); } /* 标题风格加强 */ .article-content strong { font-weight: 700; color: #0f2b3d; } /* 链接优化 */ .article-content a { color: #ff6600; text-decoration: none; border-bottom: 1px solid rgba(255,102,0,0.3); transition: border-color 0.2s; } .article-content a:hover { border-bottom-color: #ff6600; } /* 特殊加粗大标题模拟 01 02 等 */ .article-content p strong:first-child { font-size: 1.1rem; background: #fff0e0; display: inline-block; padding: 0.1rem 0.5rem; border-radius: 12px; } /* 帮助链接区域块间隔舒适 */ .article-content .cifnews_block { margin: 1.5rem 0; } /* 保持换行逻辑：通过原有
转换成段落？这里保留结构，但额外增加段落自然换行。 由于源内容有许多连续
，我们保留但不额外干扰。但为了阅读体验，已经保证段落间有足够margin */ br { display: none; /* 消除多余空行，让原有p的margin负责间距；但保留结构中有意义的换行？为了不破坏p内结构，只对孤立的
做隐藏 */ } /* 保留特定情况下br的显示（比如地址内部手动换行）不强制全部隐藏，但源文档中存在大量连续br，直接隐藏避免巨量空白，用p margin替代更优 */ /* 针对文章内的连续换行做优化: 原内容有些段落间用了多个
，现在我们隐藏普通br，靠段落间隔自然舒服 */ /* 但是有些地方明确需要换行展示（比如邮件或路径中），那通过保留少量br但不再隐藏全局? 实际更合理: 显示br但多个br合并为一个间距，使用CSS处理 */ br { display: inline; content: ""; } /* 多个连续br只产生一个换行的效果（视觉上抑制过度空行） */ br + br { display: none; } /* 但为保险，让文本更紧凑干净，并维持p原本边距，基本无碍 */ /* 列表项和引用优化 */ .article-content blockquote { border-left: 4px solid #ffaa44; padding-left: 1rem; margin: 1rem 0; color: #4a5b7a; } /* 底部来源信息样式 */ .source-meta { margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid #e9edf2; font-size: 0.85rem; color: #6c7a91; } .source-meta p { margin-bottom: 0.5rem; } /* 响应式图片处理 */ @media (max-width: 768px) { .article-content { font-size: 1rem; line-height: 1.7; } .article-content p { margin-bottom: 1.2rem; } } /* 提升可访问性，滚动平滑 */ html { scroll-behavior: smooth; }