feat(前端增强): 支持离线阅读与手动刷新，优化资源校验和字体加载

assets/webui/ofdgo.css

@@ -103,7 +103,6 @@ a:focus-visible {
 	overflow-x: auto;
 	overflow-y: hidden;
 	scrollbar-width: none;
-	-ms-overflow-style: none;
 }
 
 .toolbar::-webkit-scrollbar {
@@ -132,16 +131,6 @@ a:focus-visible {
 	white-space: nowrap;
 }
 
-.button.primary {
-	border-color: var(--accent);
-	background: var(--accent);
-	color: #ffffff;
-}
-
-.button.primary:hover {
-	background: var(--accent-strong);
-}
-
 button:not(:disabled):hover {
 	border-color: var(--accent);
 	background: #f2faf7;
@@ -172,11 +161,6 @@ button:not(:disabled):hover {
 	min-width: 0;
 }
 
-.tool-group + .tool-group {
-	margin-left: 0;
-	padding-left: 0;
-}
-
 .tool-group + .tool-group::before {
 	flex: 0 0 1px;
 	width: 1px;
@@ -332,6 +316,30 @@ body[data-hide-meta] .meta-panel {
 	white-space: nowrap;
 }
 
+.app-panel {
+	margin-bottom: 12px;
+	padding-bottom: 12px;
+	border-bottom: 1px solid var(--line);
+}
+
+.app-panel .panel-row {
+	margin-bottom: 0;
+	flex-wrap: nowrap;
+}
+
+.app-status {
+	color: var(--text-muted);
+	font-size: 12px;
+}
+
+.app-refresh {
+	width: 26px;
+	padding: 0;
+	color: var(--accent-strong);
+	font-size: 18px;
+	line-height: 1;
+}
+
 .page-list {
 	display: grid;
 	gap: 8px;
@@ -760,7 +768,8 @@ body[data-hide-meta] .meta-panel {
 }
 
 .font-badge.embedded,
-.font-badge.matched {
+.font-badge.matched,
+.font-badge.valid {
 	background: #e4f3ef;
 	color: var(--accent-strong);
 }
@@ -776,11 +785,6 @@ body[data-hide-meta] .meta-panel {
 	color: #803f38;
 }
 
-.font-badge.valid {
-	background: #e4f3ef;
-	color: var(--accent-strong);
-}
-
 .signature-line {
 	display: grid;
 	grid-template-columns: 30px minmax(0, 1fr);
@@ -932,9 +936,6 @@ body[data-hide-meta] .meta-panel {
 	flex: 0 0 var(--sidebar-width);
 	min-width: 0;
 	overflow: hidden;
-	font-weight: 400;
-	color: var(--accent-strong);
-	text-decoration: none;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
@@ -977,8 +978,6 @@ body[data-hide-meta] .meta-panel {
 
 	.toolbar {
 		--tool-gap: 6px;
-		flex-wrap: nowrap;
-		overflow-x: auto;
 	}
 
 	.toolbar > * {
@@ -989,19 +988,11 @@ body[data-hide-meta] .meta-panel {
 		display: none;
 	}
 
-	.app-footer {
-		flex-wrap: nowrap;
-	}
-
 	.footer-brand,
 	.footer-links {
 		flex: 0 1 auto;
 	}
 
-	.status-text {
-		text-align: center;
-	}
-
 	.workspace {
 		position: relative;
 		grid-template-columns: minmax(0, 1fr);
@@ -1059,20 +1050,6 @@ body[data-hide-meta] .meta-panel {
 		grid-template-columns: 1fr;
 	}
 
-	.toolbar {
-		height: var(--bar-height);
-		min-height: var(--bar-height);
-		flex-wrap: nowrap;
-		align-content: center;
-		overflow-x: auto;
-		overflow-y: hidden;
-		row-gap: 0;
-	}
-
-	.toolbar-space {
-		display: none;
-	}
-
 	.tool-group + .tool-group::before {
 		display: none;
 	}
@@ -1092,10 +1069,6 @@ body[data-hide-meta] .meta-panel {
 		font-weight: 500;
 	}
 
-	.button.primary[data-short] {
-		min-width: 42px;
-	}
-
 	.icon-button {
 		font-size: 13px;
 	}
@@ -1118,8 +1091,4 @@ body[data-hide-meta] .meta-panel {
 	.dpi-select {
 		width: 48px;
 	}
-
-	.footer-links {
-		justify-content: flex-end;
-	}
 }