@charset "utf-8";
/* ==========================================================================
   rich-text.css —— 富文本正文样式（2026-10-03）

   后台用富文本编辑器写的正文（.rich-text 容器内）在前台长什么样。
   与站点主题无关的排版规则放这里；颜色全部走 token，5 套主题自动跟随。
   用于：资讯详情 news/*.html、作品详情 works/*.html 的简介与题材寓意。
   ========================================================================== */

.rich-text{font-size:15px;line-height:1.9;color:color-mix(in srgb,var(--text) 92%,transparent)}
.rich-text > *:first-child{margin-top:0}
.rich-text > *:last-child{margin-bottom:0}

.rich-text p{margin:0 0 14px}
.rich-text h2{font-family:var(--serif);font-size:20px;letter-spacing:2px;margin:26px 0 12px;color:var(--text)}
.rich-text h3{font-family:var(--serif);font-size:17px;letter-spacing:1px;margin:22px 0 10px;color:var(--text)}
.rich-text h4{font-size:15px;font-weight:600;margin:18px 0 8px;color:var(--text)}

.rich-text strong,.rich-text b{color:var(--text);font-weight:700}
.rich-text em,.rich-text i{font-style:italic}
.rich-text u{text-decoration:underline}
.rich-text s,.rich-text del{text-decoration:line-through;opacity:.75}
.rich-text mark{background:color-mix(in srgb,var(--primary) 30%,transparent);color:var(--text);padding:0 2px}

/* Tailwind 的 preflight 会把列表符号清掉，这里要显式加回来 */
.rich-text ul,.rich-text ol{margin:0 0 14px;padding-left:24px;list-style-position:outside}
.rich-text ul{list-style-type:disc}
.rich-text ol{list-style-type:decimal}
.rich-text ul ul{list-style-type:circle}
.rich-text ol ol{list-style-type:lower-alpha}
.rich-text li{margin:4px 0;display:list-item}
.rich-text li::marker{color:var(--primary)}

.rich-text blockquote{
  margin:16px 0;padding:10px 16px;border-left:3px solid color-mix(in srgb,var(--primary) 55%,transparent);
  background:color-mix(in srgb,var(--panel-2) 60%,transparent);color:var(--mut);border-radius:0 8px 8px 0;
}
.rich-text code{
  font-family:var(--font-mono);font-size:13px;padding:2px 6px;border-radius:4px;
  background:color-mix(in srgb,var(--panel-2) 80%,transparent);color:var(--primary-hi);
}
.rich-text pre{
  margin:16px 0;padding:12px 14px;border-radius:8px;overflow:auto;
  background:color-mix(in srgb,var(--panel-2) 80%,transparent);border:1px solid var(--line-soft);
}
.rich-text pre code{background:none;padding:0;color:var(--text)}

.rich-text hr{border:0;border-top:1px solid var(--line-soft);margin:22px 0}
.rich-text a{color:var(--primary-hi);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--primary) 45%,transparent)}
.rich-text a:hover{color:var(--text)}

.rich-text img{max-width:100%;height:auto;border-radius:10px;margin:14px 0;display:block}
.rich-text figure{margin:18px 0}
.rich-text figcaption{font-size:13px;color:var(--mut-2);text-align:center;margin-top:6px}

.rich-text table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
.rich-text th,.rich-text td{border:1px solid var(--line-soft);padding:8px 10px;text-align:left}
.rich-text th{background:color-mix(in srgb,var(--panel-2) 60%,transparent);color:var(--mut)}

/* ==========================================================================
   资讯详情页的正文列（2026-10-03）
   容器宽度与产品详情页保持一致（`max-w-[1400px] mx-auto px-4 md:px-6`，原版用过的类）；
   行宽偏长，所以正文单独把字号提到 16px、行高 1.95，长文也不累。
   ========================================================================== */
.rich-text.article-body{font-size:16px;line-height:1.95}

/* 资讯详情页的标题 / 元信息 / 导语：
   原版 CSS 把 h1 重置成"继承字号"，直接用 h1 会跟正文一样大，所以这里显式给字号 */
.news-title{font-family:var(--serif);font-size:clamp(24px,3vw,34px);line-height:1.35;letter-spacing:2px;margin:6px 0 10px;color:var(--text)}
.news-meta{color:var(--mut-2);font-size:13.5px;letter-spacing:.5px;margin:0 0 18px}
.news-cat{color:var(--primary-hi);font-size:13px;letter-spacing:2px;margin:0 0 4px}
.news-lead{font-size:16px;line-height:1.9;color:var(--mut);margin:0 0 24px;padding-left:14px;border-left:3px solid color-mix(in srgb,var(--primary) 55%,transparent)}