feat(前端界面): 优化资源列表滚动与对齐

assets/webui/index.html

@@ -357,11 +357,13 @@
 			<form id="resourceForm">
 				<h2 id="resourceTitle" class="form-title">资源管理</h2>
 				<div class="form-row"><label for="resourceKind">类型</label><select id="resourceKind"><option value="Font">字体</option><option value="Image">图片</option><option value="Audio">音频</option><option value="Video">视频</option><option value="Attachment">附件</option></select></div>
-				<div class="resource-heading" aria-hidden="true"><span>名称</span><span>大小</span><span>引用</span></div>
 				<div class="resource-list-container">
+					<div class="resource-heading" aria-hidden="true"><span>名称</span><span>大小</span><span>引用</span></div>
+					<div class="resource-list-body">
 						<div id="resourceList" class="resource-list" role="listbox" aria-label="资源列表"></div>
 						<div id="resourceEmpty" class="resource-empty" hidden>暂无资源</div>
 					</div>
+				</div>
 				<div class="form-row"><label for="resourceReference">引用</label><select id="resourceReference" aria-label="引用位置"></select></div>
 				<div class="resource-actions">
 					<button id="resourceAdd" class="button" type="button" title="添加资源" aria-label="添加资源">添加</button>

assets/webui/ofdgo.css

@@ -1563,21 +1563,25 @@ body[data-hide-meta] .meta-panel {
 }
 
 .resource-heading {
+	position: sticky;
+	top: 0;
+	z-index: 1;
 	background: #eef1f4;
-	border: 1px solid var(--line);
-	overflow: hidden;
-}
-
-.resource-heading,
-.resource-list {
-	scrollbar-gutter: stable;
+	border-bottom: 1px solid var(--line);
 }
 
 .resource-list-container {
-	position: relative;
+	max-height: 260px;
+	overflow: auto;
+	scroll-padding-top: 40px;
+	border: 1px solid var(--line);
 	margin-bottom: 12px;
 }
 
+.resource-list-body {
+	position: relative;
+}
+
 .resource-empty {
 	position: absolute;
 	inset: 0;
@@ -1592,11 +1596,7 @@ body[data-hide-meta] .meta-panel {
 }
 
 .resource-list {
-	max-height: 220px;
 	min-height: 80px;
-	overflow: auto;
-	border: 1px solid var(--line);
-	border-top: 0;
 }
 
 .resource-option {