Files
diary-news/frontend/src/style.css
Mavis 8dbc7c4ab2 feat(web): ArticleDetail 三段式(评论/译文/原文) + LLM 屏蔽词配置 + .diary-para 兜底
- types: Source / LlmSetting 加 blocklist_tags 字段
- AdminLlmSettings:
  - 新增 '全局屏蔽分类(命中即删文章)' 卡片(逗号/换行分隔,双向绑 blocklist_tags)
  - 分类 prompt 提示加 {blocklist} / drop 字段说明
- ArticleDetail 三段式:
  - 顶部:评论(LLM 点评)
  - 中部:文章译文(优先 LLM 排版版 / fallback 原始译文)
  - 底部:文章原文
  - AI 插图挂在译文卡片下作附属
- style.css: .diary-para 兜底规则(margin 0 0 1.5em 0 / line-height 1.7 / color #3e3e3e)
2026-06-09 14:38:29 +08:00

61 lines
1.5 KiB
CSS

:root {
--max-width: 1200px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
line-height: 1.6;
color: #1f2328;
background: #fafbfc;
}
* { box-sizing: border-box; }
html, body, #app {
margin: 0;
padding: 0;
min-height: 100vh;
}
a { color: inherit; text-decoration: none; }
a:hover { color: #2080f0; }
img { max-width: 100%; }
.n-card.article-card {
margin-bottom: 16px;
transition: box-shadow 0.15s;
}
.n-card.article-card:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
/* === 文章正文容器(项目级固定 CSS,排版版译文用)===
* 后端 enrichment 也会在容器 div 上内联同样的属性;这里做兜底,
* 万一 inline style 被 sanitizer 剥掉,样式仍生效。
* 与 backend/app/services/llm/enrichment.py 里的常量保持一致。
*/
.article-body {
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
font-size: 17px;
line-height: 1.7;
color: #3e3e3e;
}
.article-body p {
margin: 0 0 1.5em 0;
}
.article-body p:last-child {
margin-bottom: 0;
}
/* === 排版段落(.diary-para)兜底规则 ===
* 后端 enrichment._wrap_article_body 会内联 style 到 <p class="diary-para">;
* 这里做兜底,保证 v-html 渲染时一定有合理的行距和段距。
*/
.diary-para {
margin: 0 0 1.5em 0;
line-height: 1.7;
color: #3e3e3e;
}
.diary-para:last-child {
margin-bottom: 0;
}