From 1c475a7e7a9425b42908413a36e644a41558c6dd Mon Sep 17 00:00:00 2001
From: seaHi <me@seahi.me>
Date: Sun, 27 Sep 2026 21:46:57 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E9=87=8D=E6=9E=84=E7=B3=BB=E7=BB=9F?=
 =?UTF-8?q?=E4=B8=8E=E5=AE=89=E5=85=A8=E7=8E=AF=E5=A2=83=E8=AE=BE=E7=BD=AE?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=8D=A1=E7=89=87=E5=B8=83=E5=B1=80=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/admin/settings/+page.svelte | 61 +++++++++++++-------------
 1 file changed, 30 insertions(+), 31 deletions(-)

diff --git a/src/routes/admin/settings/+page.svelte b/src/routes/admin/settings/+page.svelte
index bf585b3..71ecd17 100644
--- a/src/routes/admin/settings/+page.svelte
+++ b/src/routes/admin/settings/+page.svelte
@@ -63,29 +63,26 @@
 
 <div class="settings-container">
 	{#if activeTab === 'basic'}
-		<div class="settings-card full-width">
-			<h3 class="section-title">系统与安全环境</h3>
-			<div class="info-grid" style="margin: 0;">
-				<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 class="env-cards-grid">
+			<div class="env-card">
+				<span class="label">驱动框架</span>
+				<span class="value">SvelteKit 5 + Cloudflare</span>
+			</div>
+			<div class="env-card">
+				<span class="label">当前管理员</span>
+				<span class="value">{data.user?.email || '未知用户'}</span>
+			</div>
+			<div class="env-card">
+				<span class="label">数据库绑定</span>
+				<span class="value"><span class="badge">{data.platformEnv}</span></span>
+			</div>
+			<div class="env-card">
+				<span class="label">R2存储绑定</span>
+				<span class="value"><span class="badge">{data.r2Env}</span></span>
+			</div>
+			<div class="env-card">
+				<span class="label">鉴权模式</span>
+				<span class="value">Cloudflare Access (Zero Trust)</span>
 			</div>
 		</div>
 
@@ -393,28 +390,30 @@
 		flex-direction: column;
 	}
 
-	.info-grid {
+	.env-cards-grid {
 		display: grid;
 		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-		gap: 24px 20px;
-		background: transparent;
-		padding: 10px 0;
-		border: none;
+		gap: 16px;
+		width: 100%;
 	}
 
-	.info-item {
+	.env-card {
+		background: rgba(0, 0, 0, 0.03);
+		border: none;
+		border-radius: 0;
+		padding: 16px 20px;
 		display: flex;
 		flex-direction: column;
 		gap: 8px;
 	}
 
-	.info-item .label {
+	.env-card .label {
 		color: var(--text-muted, rgba(0, 0, 0, 0.6));
 		font-size: 0.85rem;
 		font-weight: 500;
 	}
 
-	.info-item .value {
+	.env-card .value {
 		color: var(--text-color);
 		font-weight: 600;
 		font-size: 0.95rem;