From 6a74daa91d9618d22def7c6435b69a6e7d8e0c48 Mon Sep 17 00:00:00 2001
From: seaHi <me@seahi.me>
Date: Mon, 17 Aug 2026 12:24:28 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BC=98=E5=8C=96=E7=B3=BB=E5=88=97?=
 =?UTF-8?q?=E5=AF=BC=E8=88=AA=E6=A0=8F=E7=9A=84=E6=A0=B7=E5=BC=8F=E4=B8=8E?=
 =?UTF-8?q?=E6=8A=98=E5=8F=A0=E7=AE=AD=E5=A4=B4=EF=BC=8C=E4=BD=BF=E5=85=B6?=
 =?UTF-8?q?=E4=B8=8E=20admonition=20=E4=BF=9D=E6=8C=81=E4=B8=80=E8=87=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/posts/[slug]/+page.svelte | 48 +++++++++++-----------------
 1 file changed, 19 insertions(+), 29 deletions(-)

diff --git a/src/routes/posts/[slug]/+page.svelte b/src/routes/posts/[slug]/+page.svelte
index fb520e9..f349487 100644
--- a/src/routes/posts/[slug]/+page.svelte
+++ b/src/routes/posts/[slug]/+page.svelte
@@ -139,21 +139,6 @@
 							<a href={resolve('/series/[slug]', { slug: data.series.slug })}>{data.series.name}</a
 							></span
 						>
-						<span class="details-icon">
-							<svg
-								aria-hidden="true"
-								focusable="false"
-								role="img"
-								xmlns="http://www.w3.org/2000/svg"
-								viewBox="0 0 256 512"
-								width="12"
-								height="12"
-								><path
-									fill="currentColor"
-									d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
-								></path></svg
-							>
-						</span>
 					</div>
 					<div bind:this={seriesContentEl} class="details-content series-content">
 						<nav>
@@ -237,33 +222,38 @@
 		margin: 0.8rem 0;
 	}
 
-	/* .series-title — 高度对齐 admonition-title */
+	/* .series-title — 高度、字号及箭头与 admonition-title 完全一致 */
 	.series-nav .series-title {
+		position: relative;
 		font-size: 1rem;
 		font-weight: bold;
 		display: flex;
-		justify-content: space-between;
 		align-items: center;
 		line-height: 1.6;
-		padding: 0.25rem 0.75rem;
+		padding: 0.25rem 2rem 0.25rem 0.75rem;
 		background: #e6e6e6;
 		cursor: pointer;
 		user-select: none;
 	}
 
-	/* .details-icon — 对应 DoIt .details .details-icon > svg */
-	.series-nav .details-icon {
-		display: flex;
-		align-items: center;
-		color: #4d4d4d;
+	/* 展开收缩箭头 — 与 admonition 完全一致 */
+	.series-nav .series-title::after {
+		content: '';
+		position: absolute;
+		right: 0.75rem;
+		top: 0.85rem;
+		width: 0.4rem;
+		height: 0.4rem;
+		border-right: 2px solid currentColor;
+		border-bottom: 2px solid currentColor;
+		transform: rotate(-45deg);
+		transition: transform 0.2s ease-in-out;
+		opacity: 0.6;
 	}
 
-	.series-nav .details-icon > :global(svg) {
-		transition: transform 0.2s ease;
-	}
-
-	.series-nav.open .details-icon > :global(svg) {
-		transform: rotate(90deg);
+	.series-nav.open .series-title::after {
+		transform: rotate(45deg);
+		top: 0.7rem;
 	}
 
 	/* .series-content — 展开收缩动画，与 admonition 完全一致 */