diff --git a/frontend/src/styles.css b/frontend/src/styles.css index 13e48fe..f52242b 100644 --- a/frontend/src/styles.css +++ b/frontend/src/styles.css @@ -214,12 +214,6 @@ html.topbar-hidden {--topbar-h: 0px;} overflow-wrap: anywhere;} .prose > :first-child {margin-top: 22px;} .prose p {margin: 0 0 1.1em;} -.prose > p:first-of-type::first-letter {float: left; - font-family: var(--serif); - font-size: 52px; - line-height: 1; - margin: 6px 10px 0 0; - color: var(--accent);} .prose h1, .prose h2, .prose h3, .prose h4 {font-family: var(--serif); color: var(--ink); margin: 1.8em 0 0.6em;} @@ -319,19 +313,6 @@ html.topbar-hidden {--topbar-h: 0px;} .prose tbody tr:nth-child(even) {background: color-mix(in srgb, var(--paper-sunken) 55%, transparent);} .prose-short {font-size: 20px; line-height: 1.9;} -.prose-short > p:first-of-type::first-letter {float: none; - font-size: inherit; - line-height: inherit; - margin: 0; - color: inherit;} -/* 时间线里的短文同样不放大首字:一句话的纸条压个大字像截断 - (详情页 .prose-short 同此;长文详情的首字下沉保留) */ -.prose.short-body > p:first-of-type::first-letter {float: none; - font-size: inherit; - line-height: inherit; - font-family: inherit; - margin: 0; - color: inherit;} /* 短文配图:Twitter 式网格(快发盒上传,≤4 张;详情页用) */ .post-imgs {display: grid; gap: 3px; diff --git a/frontend/src/ui/yohaku/article.css b/frontend/src/ui/yohaku/article.css index 8f81f5c..38f22c5 100644 --- a/frontend/src/ui/yohaku/article.css +++ b/frontend/src/ui/yohaku/article.css @@ -164,15 +164,6 @@ html[data-ui='vivid'] .prose blockquote p:last-child {margin-bottom:0} html[data-ui='vivid'] .prose pre {border:0} html[data-ui='vivid'] .prose h4 {margin:1.4em 0 .5em;font-size:1.05em;font-weight:700; letter-spacing:-.01em;color:var(--ink);} -/* 首字下沉:设计稿里没有这条,classic 漏过来的是固定 52px。参考站(innei.in 余白模式) - 也有首字下沉,那就认领成自己的,按 2.4em 走、跟着正文字号缩放。 */ -html[data-ui='vivid'] .prose > p:first-of-type::first-letter {float:left; - font-family:var(--serif);font-size:2.4em;line-height:1; - margin:.06em .18em 0 0;color:var(--accent);} -/* 短文不做首字下沉:正文第一句就是全部,压一个大字进去反而像截断 - (classic 也是这么分的,它用 .prose-short 关掉) */ -html[data-ui='vivid'] .prose.prose-note > p:first-of-type::first-letter {float:none; - font-family:inherit;font-size:inherit;line-height:inherit;margin:0;color:inherit;} html[data-ui='vivid'] .back {display:inline-flex;align-items:center;gap:6px; font-size:13px;font-weight:700;color:var(--accent); margin-bottom:20px;padding:6px 0;