@@ -83,6 +83,85 @@
8383color: var(--text);
8484}
858586+.sidebar-markdown-shell {
87+display: grid;
88+gap: 14px;
89+min-width: 0;
90+}
91+92+.sidebar-markdown-shell__toolbar {
93+display: flex;
94+align-items: flex-start;
95+justify-content: space-between;
96+gap: 12px;
97+padding-bottom: 12px;
98+border-bottom: 1px solid var(--border);
99+}
100+101+.sidebar-markdown-shell__intro {
102+min-width: 0;
103+display: grid;
104+gap: 6px;
105+}
106+107+.sidebar-markdown-shell__eyebrow {
108+display: inline-flex;
109+align-items: center;
110+gap: 8px;
111+min-width: 0;
112+color: var(--muted);
113+font-size: 11px;
114+font-weight: 700;
115+letter-spacing: 0.14em;
116+text-transform: uppercase;
117+}
118+119+.sidebar-markdown-shell__eyebrow svg {
120+width: 14px;
121+height: 14px;
122+}
123+124+.sidebar-markdown-shell__hint {
125+color: var(--muted);
126+font-size: 12px;
127+line-height: 1.45;
128+}
129+130+.sidebar-markdown-reader {
131+--md-preview-serif: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
132+position: relative;
133+padding: 20px 18px 24px;
134+border: 1px solid color-mix(in srgb, var(--border-strong) 78%, white 8%);
135+border-radius: calc(var(--radius-xl) + 2px);
136+background:
137+radial-gradient(circle at top right, rgba(255, 92, 92, 0.07), transparent 34%),
138+linear-gradient(180deg, color-mix(in srgb, var(--card) 96%, white 4%), var(--card));
139+box-shadow:
140+ inset 0 1px 0 rgba(255, 255, 255, 0.04),
141+var(--shadow-sm);
142+overflow: hidden;
143+}
144+145+.sidebar-markdown-reader::before {
146+content: "";
147+position: absolute;
148+inset: 0;
149+pointer-events: none;
150+background:
151+radial-gradient(circle at top left, rgba(255, 255, 255, 0.03), transparent 26%),
152+linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 20%);
153+}
154+155+.sidebar-markdown-reader > * {
156+position: relative;
157+z-index: 1;
158+}
159+160+.sidebar-markdown-reader.sidebar-markdown {
161+font-size: 14.5px;
162+line-height: 1.72;
163+}
164+86165/* ── Headings ── */
8716688167.sidebar-markdown :where(h1) {
@@ -93,6 +172,8 @@
93172padding-bottom: 0.35em;
94173border-bottom: 1px solid var(--border);
95174line-height: 1.25;
175+text-wrap: balance;
176+scroll-margin-top: 80px;
96177}
9717898179.sidebar-markdown :where(h2) {
@@ -103,6 +184,8 @@
103184padding-bottom: 0.25em;
104185border-bottom: 1px solid var(--border);
105186line-height: 1.3;
187+text-wrap: balance;
188+scroll-margin-top: 80px;
106189}
107190108191.sidebar-markdown :where(h3) {
@@ -111,6 +194,8 @@
111194letter-spacing: -0.01em;
112195margin: 1.2em 0 0.4em;
113196line-height: 1.35;
197+text-wrap: balance;
198+scroll-margin-top: 80px;
114199}
115200116201.sidebar-markdown :where(h4, h5, h6) {
@@ -278,6 +363,24 @@
278363color: var(--text-strong);
279364}
280365366+.sidebar-markdown-reader.sidebar-markdown :where(h1, h2) {
367+font-family: var(--md-preview-serif);
368+letter-spacing: -0.03em;
369+}
370+371+.sidebar-markdown-reader.sidebar-markdown :where(h1) {
372+font-size: 1.95em;
373+line-height: 1.05;
374+}
375+376+.sidebar-markdown-reader.sidebar-markdown :where(h2) {
377+font-size: 1.5em;
378+}
379+380+.sidebar-markdown-reader.sidebar-markdown :where(p, ul, ol, pre, blockquote, table, details) {
381+margin-bottom: 0.95em;
382+}
383+281384/* ── Images ── */
282385283386.sidebar-markdown .markdown-inline-image {
@@ -320,6 +423,23 @@
320423padding: 0 12px 10px;
321424}
322425426+@media (max-width: 720px) {
427+ .sidebar-markdown-shell__toolbar {
428+flex-direction: column;
429+align-items: stretch;
430+ }
431+432+ .sidebar-markdown-reader {
433+padding: 18px 14px 20px;
434+ }
435+}
436+437+@media (prefers-reduced-motion: reduce) {
438+ .sidebar-markdown-reader {
439+transition: none;
440+ }
441+}
442+323443/* Mobile: Full-screen modal */
324444@media (max-width: 768px) {
325445 .chat-split-container--open {
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。