From 8c38723947f88579e67ffa79686cf37d9fbc8874 Mon Sep 17 00:00:00 2001
From: seaHi <me@seahi.me>
Date: Sun, 27 Sep 2026 15:30:58 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=BC=98=E5=8C=96=E5=90=8E?=
 =?UTF-8?q?=E5=8F=B0=E8=AE=BE=E7=BD=AE=E9=A1=B5=E9=9D=A2=E7=BB=93=E6=9E=84?=
 =?UTF-8?q?=E4=B8=8E=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/admin/settings/+page.svelte | 276 ++++++++++++-------------
 1 file changed, 136 insertions(+), 140 deletions(-)

diff --git a/src/routes/admin/settings/+page.svelte b/src/routes/admin/settings/+page.svelte
index ccdfe59..b78ed59 100644
--- a/src/routes/admin/settings/+page.svelte
+++ b/src/routes/admin/settings/+page.svelte
@@ -64,29 +64,27 @@
 <div class="settings-container">
 	{#if activeTab === 'basic'}
 		<div class="settings-card full-width" style="margin-bottom: 25px;">
-			<div class="settings-section" style="padding: 0;">
-				<h3>系统与安全环境</h3>
-				<div class="info-grid">
-					<div class="info-item">
-						<span class="label">驱动框架</span>
-						<span class="value">SvelteKit 5 + Cloudflare</span>
-					</div>
-					<div class="info-item">
-						<span class="label">当前管理员</span>
-						<span class="value">{data.user?.email || '未知用户'}</span>
-					</div>
-					<div class="info-item">
-						<span class="label">数据库绑定</span>
-						<span class="value"><span class="badge">{data.platformEnv}</span></span>
-					</div>
-					<div class="info-item">
-						<span class="label">R2存储绑定</span>
-						<span class="value"><span class="badge">{data.r2Env}</span></span>
-					</div>
-					<div class="info-item">
-						<span class="label">鉴权模式</span>
-						<span class="value">Cloudflare Access (Zero Trust)</span>
-					</div>
+			<h3>系统与安全环境</h3>
+			<div class="info-grid">
+				<div class="info-item">
+					<span class="label">驱动框架</span>
+					<span class="value">SvelteKit 5 + Cloudflare</span>
+				</div>
+				<div class="info-item">
+					<span class="label">当前管理员</span>
+					<span class="value">{data.user?.email || '未知用户'}</span>
+				</div>
+				<div class="info-item">
+					<span class="label">数据库绑定</span>
+					<span class="value"><span class="badge">{data.platformEnv}</span></span>
+				</div>
+				<div class="info-item">
+					<span class="label">R2存储绑定</span>
+					<span class="value"><span class="badge">{data.r2Env}</span></span>
+				</div>
+				<div class="info-item">
+					<span class="label">鉴权模式</span>
+					<span class="value">Cloudflare Access (Zero Trust)</span>
 				</div>
 			</div>
 		</div>
@@ -234,134 +232,130 @@
 
 	{#if activeTab === 'appearance'}
 		<div class="settings-card full-width">
-			<div class="settings-section">
-				<h3>首页顶部主图与外观偏好</h3>
+			<h3>首页顶部主图与外观偏好</h3>
 
-				<form
-					method="POST"
-					action="?/updateAppearance"
-					use:enhance={() => {
-						return async ({ update }) => {
-							update({ reset: false });
-						};
-					}}
-					class="alias-form"
-				>
+			<form
+				method="POST"
+				action="?/updateAppearance"
+				use:enhance={() => {
+					return async ({ update }) => {
+						update({ reset: false });
+					};
+				}}
+				class="alias-form"
+			>
+				<div class="form-group">
+					<label class="toggle-label">
+						<input type="checkbox" name="site_avatar_enabled_cb" bind:checked={avatarEnabled} />
+						<input
+							type="hidden"
+							name="site_avatar_enabled"
+							value={avatarEnabled ? 'true' : 'false'}
+						/>
+						<span class="toggle-text">在网站首页顶部标题栏显示主图 / 站点头像</span>
+					</label>
+				</div>
+
+				{#if avatarEnabled}
 					<div class="form-group">
-						<label class="toggle-label">
-							<input type="checkbox" name="site_avatar_enabled_cb" bind:checked={avatarEnabled} />
-							<input
-								type="hidden"
-								name="site_avatar_enabled"
-								value={avatarEnabled ? 'true' : 'false'}
+						<label for="picker">主页显示图片</label>
+						<div class="picker-container" style="max-width: 300px;">
+							<ImagePicker
+								bind:cover={avatarUrl}
+								title=""
+								inputName="site_avatar_url"
+								aspectRatio="1/1"
 							/>
-							<span class="toggle-text">在网站首页顶部标题栏显示主图 / 站点头像</span>
-						</label>
-					</div>
-
-					{#if avatarEnabled}
-						<div class="form-group">
-							<label for="picker">主页显示图片</label>
-							<div class="picker-container" style="max-width: 300px;">
-								<ImagePicker
-									bind:cover={avatarUrl}
-									title=""
-									inputName="site_avatar_url"
-									aspectRatio="1/1"
-								/>
-							</div>
 						</div>
-					{:else}
-						<input type="hidden" name="site_avatar_url" value={avatarUrl} />
-					{/if}
-
-					<div class="form-actions" style="justify-content: flex-start;">
-						<Button type="submit" variant="primary">保存外观偏好</Button>
 					</div>
-				</form>
-			</div>
+				{:else}
+					<input type="hidden" name="site_avatar_url" value={avatarUrl} />
+				{/if}
+
+				<div class="form-actions" style="justify-content: flex-start;">
+					<Button type="submit" variant="primary">保存外观偏好</Button>
+				</div>
+			</form>
 		</div>
 	{/if}
 
 	{#if activeTab === 'terms'}
 		<div class="settings-card full-width">
-			<div class="settings-section">
-				<h3>个性化术语设定</h3>
-				<p class="desc">
-					您可以根据部署场景（如教学系统、文档库）自定义后台各模块的显示名称，例如将“文章”改为“实验手册”。
-				</p>
+			<h3>个性化术语设定</h3>
+			<p class="desc">
+				您可以根据部署场景（如教学系统、文档库）自定义后台各模块的显示名称，例如将“文章”改为“实验手册”。
+			</p>
 
-				<form
-					method="POST"
-					action="?/updateAliases"
-					use:enhance={() => {
-						return async ({ update }) => {
-							update({ reset: false });
-						};
-					}}
-					class="alias-form"
-				>
-					<div class="form-row">
-						<div class="form-group">
-							<label for="alias_post">文章</label>
-							<TextInput
-								type="text"
-								id="alias_post"
-								name="alias_post"
-								value={data.settings['alias.post'] || '文章'}
-								required
-							/>
-						</div>
-						<div class="form-group">
-							<label for="alias_page">页面</label>
-							<TextInput
-								type="text"
-								id="alias_page"
-								name="alias_page"
-								value={data.settings['alias.page'] || '页面'}
-								required
-							/>
-						</div>
+			<form
+				method="POST"
+				action="?/updateAliases"
+				use:enhance={() => {
+					return async ({ update }) => {
+						update({ reset: false });
+					};
+				}}
+				class="alias-form"
+			>
+				<div class="form-row">
+					<div class="form-group">
+						<label for="alias_post">文章</label>
+						<TextInput
+							type="text"
+							id="alias_post"
+							name="alias_post"
+							value={data.settings['alias.post'] || '文章'}
+							required
+						/>
 					</div>
+					<div class="form-group">
+						<label for="alias_page">页面</label>
+						<TextInput
+							type="text"
+							id="alias_page"
+							name="alias_page"
+							value={data.settings['alias.page'] || '页面'}
+							required
+						/>
+					</div>
+				</div>
 
-					<div class="form-row">
-						<div class="form-group">
-							<label for="alias_category">分类</label>
-							<TextInput
-								type="text"
-								id="alias_category"
-								name="alias_category"
-								value={data.settings['alias.category'] || '分类'}
-								required
-							/>
-						</div>
-						<div class="form-group">
-							<label for="alias_tag">标签</label>
-							<TextInput
-								type="text"
-								id="alias_tag"
-								name="alias_tag"
-								value={data.settings['alias.tag'] || '标签'}
-								required
-							/>
-						</div>
-						<div class="form-group">
-							<label for="alias_series">系列</label>
-							<TextInput
-								type="text"
-								id="alias_series"
-								name="alias_series"
-								value={data.settings['alias.series'] || '系列'}
-								required
-							/>
-						</div>
+				<div class="form-row">
+					<div class="form-group">
+						<label for="alias_category">分类</label>
+						<TextInput
+							type="text"
+							id="alias_category"
+							name="alias_category"
+							value={data.settings['alias.category'] || '分类'}
+							required
+						/>
 					</div>
+					<div class="form-group">
+						<label for="alias_tag">标签</label>
+						<TextInput
+							type="text"
+							id="alias_tag"
+							name="alias_tag"
+							value={data.settings['alias.tag'] || '标签'}
+							required
+						/>
+					</div>
+					<div class="form-group">
+						<label for="alias_series">系列</label>
+						<TextInput
+							type="text"
+							id="alias_series"
+							name="alias_series"
+							value={data.settings['alias.series'] || '系列'}
+							required
+						/>
+					</div>
+				</div>
 
-					<div class="form-actions" style="justify-content: flex-start;">
-						<Button type="submit" variant="primary">保存</Button>
-					</div>
-				</form>
-			</div>
+				<div class="form-actions" style="justify-content: flex-start;">
+					<Button type="submit" variant="primary">保存</Button>
+				</div>
+			</form>
 		</div>
 	{:else if activeTab === 'analytics'}
 		<AnalyticsPanel analyticsPromise={data.analytics} />
@@ -448,14 +442,16 @@
 		word-break: break-word;
 	}
 
-	.settings-card h3 {
-		margin: 0 0 16px 0;
+	.settings-card > h3 {
+		margin: 0 0 12px 0;
 		font-size: 1.2rem;
+		border-bottom: 1px solid var(--border-color, rgba(0, 0, 0, 0.1));
+		padding-bottom: 10px;
 		color: var(--text-color);
-		font-weight: 600;
 	}
 
-	.settings-section .desc {
+	.settings-section .desc,
+	.settings-card > .desc {
 		font-size: 0.9rem;
 		color: var(--text-muted, rgba(0, 0, 0, 0.6));
 		margin-bottom: 24px;