feat(前端界面): 恢复简短标签并分组展示属性

assets/webui/ofdgo.css

@@ -1889,6 +1889,33 @@ body[data-hide-meta] .meta-panel {
 	border-left: 1px solid var(--line);
 }
 
+.meta-panel .panel-row {
+	display: grid;
+	grid-template-columns: auto minmax(0, 1fr);
+	align-items: start;
+	margin-bottom: 8px;
+}
+
+.meta-panel .panel-title {
+	display: flex;
+	align-items: center;
+	min-height: 26px;
+}
+
+.meta-panel .panel-actions {
+	min-width: 0;
+	justify-self: end;
+}
+
+.meta-panel .count-pill {
+	justify-self: end;
+	max-width: 100%;
+	min-height: 26px;
+	height: auto;
+	white-space: normal;
+	overflow-wrap: anywhere;
+}
+
 .panel-title {
 	margin-bottom: 10px;
 	font-size: 12px;
@@ -3800,7 +3827,7 @@ audio.page-media {
 
 .meta-list {
 	display: grid;
-	gap: 7px;
+	gap: 8px;
 	margin: 0;
 	font-size: 12px;
 	line-height: 1.5;
@@ -3810,7 +3837,11 @@ audio.page-media {
 	display: grid;
 	grid-template-columns: 4em minmax(0, 1fr);
 	align-items: start;
-	gap: 7px;
+	gap: 8px;
+}
+
+.security-panel .meta-list > div {
+	grid-template-columns: 2em minmax(0, 1fr);
 }
 
 .meta-list dt {
@@ -3819,7 +3850,6 @@ audio.page-media {
 }
 
 .meta-list:not(#metaCustomData) dt {
-	text-align-last: justify;
 	white-space: nowrap;
 }
 
@@ -3829,8 +3859,16 @@ audio.page-media {
 	white-space: pre-wrap;
 }
 
-.meta-list + .meta-list:not([hidden]) {
-	margin-top: 12px;
+.document-info .meta-list > div {
+	grid-template-columns: 3em minmax(0, 1fr);
+}
+
+.document-info details:not(:has(.meta-list > div:not([hidden]))) {
+	display: none;
+}
+
+.document-info details[open] > .meta-list {
+	margin-top: 8px;
 }
 
 #metaKeywords > span {
@@ -3842,7 +3880,7 @@ audio.page-media {
 .signature-panel,
 .structure-panel,
 .security-panel {
-	margin-top: 18px;
+	margin-top: 12px;
 	padding-top: 12px;
 	border-top: 1px solid var(--line);
 }
@@ -3886,6 +3924,7 @@ audio.page-media {
 	gap: 8px;
 }
 
+.document-info,
 .doc-font-row,
 .signature-row {
 	display: grid;
@@ -4080,16 +4119,15 @@ audio.page-media {
 
 .meta-panel .info-line {
 	grid-template-columns: 4em minmax(0, 1fr);
+	gap: 8px;
 }
 
-.meta-panel .info-label {
-	text-align-last: justify;
-}
-
+.document-info details,
 .signature-row details {
 	font-size: 12px;
 }
 
+.document-info summary,
 .signature-row summary {
 	cursor: pointer;
 	color: var(--accent-strong);