diff --git a/portal-ui/src/views/GeneratedAssets.vue b/portal-ui/src/views/GeneratedAssets.vue
index ff902c8..7c00d1b 100644
--- a/portal-ui/src/views/GeneratedAssets.vue
+++ b/portal-ui/src/views/GeneratedAssets.vue
@@ -701,6 +701,8 @@ export default {
 .detail-content {
 	padding: 20px;
 	font-size: 14px;
+	background: #1f2329;
+	border-radius: 8px;
 
 	.detail-form {
 		display: flex;
@@ -709,26 +711,27 @@ export default {
 	}
 
 	.detail-group {
-		background: rgba(255, 255, 255, 0.03);
-		border: 1px solid rgba(255, 255, 255, 0.08);
+		background: rgba(255, 255, 255, 0.95);
+		border: 1px solid rgba(0, 0, 0, 0.1);
 		border-radius: 12px;
-		padding: 16px;
+		padding: 18px;
+		color: #1a1f2e;
 	}
 
 	.group-title {
 		font-size: 15px;
 		font-weight: 600;
-		color: #00cae0;
-		margin-bottom: 14px;
-		padding-bottom: 8px;
-		border-bottom: 1px solid rgba(0, 202, 224, 0.2);
+		color: #0066cc;
+		margin-bottom: 16px;
+		padding-bottom: 10px;
+		border-bottom: 2px solid #e6f0ff;
 	}
 
 	.detail-row {
 		display: flex;
 		align-items: flex-start;
-		padding: 8px 0;
-		border-bottom: 1px solid rgba(255, 255, 255, 0.06);
+		padding: 10px 0;
+		border-bottom: 1px solid #e8e8e8;
 
 		&:last-child {
 			border-bottom: none;
@@ -736,30 +739,34 @@ export default {
 	}
 
 	.label {
-		width: 100px;
+		width: 110px;
 		flex-shrink: 0;
-		color: rgba(255, 255, 255, 0.6);
+		color: #555;
+		font-weight: 500;
 		font-size: 13px;
-		padding-top: 2px;
+		padding-top: 3px;
 	}
 
 	.value {
 		flex: 1;
-		color: rgba(255, 255, 255, 0.95);
+		color: #222;
 		word-break: break-all;
-		line-height: 1.5;
+		line-height: 1.6;
+		font-size: 13.5px;
 
 		&.long-text {
-			max-height: 110px;
+			max-height: 120px;
 			overflow-y: auto;
-			background: rgba(0, 0, 0, 0.3);
-			padding: 10px;
+			background: #f8f9fa;
+			padding: 12px;
 			border-radius: 6px;
+			border: 1px solid #e0e0e0;
 			font-size: 13px;
+			line-height: 1.5;
 		}
 
 		.text-muted {
-			color: rgba(255, 255, 255, 0.45);
+			color: #888;
 		}
 	}
 
@@ -774,6 +781,7 @@ export default {
 		max-width: 420px;
 		border-radius: 8px;
 		background: #000;
+		border: 1px solid #ddd;
 	}
 
 	.detail-image {
@@ -781,12 +789,14 @@ export default {
 		max-height: 260px;
 		border-radius: 8px;
 		cursor: pointer;
-		border: 1px solid rgba(255, 255, 255, 0.1);
+		border: 2px solid #e0e0e0;
 		transition: all 0.2s ease;
+		box-shadow: 0 2px 8px rgba(0,0,0,0.1);
 
 		&:hover {
-			transform: scale(1.03);
-			box-shadow: 0 0 0 3px rgba(0, 202, 224, 0.3);
+			transform: scale(1.02);
+			border-color: #0066cc;
+			box-shadow: 0 4px 16px rgba(0,102,204,0.2);
 		}
 
 		&.small {
@@ -795,25 +805,28 @@ export default {
 	}
 
 	.result-text {
-		color: rgba(255, 255, 255, 0.5);
+		color: #666;
 		font-style: italic;
-		padding: 12px;
-		background: rgba(255, 255, 255, 0.05);
+		padding: 14px;
+		background: #f5f5f5;
 		border-radius: 6px;
+		border-left: 4px solid #999;
 	}
 
 	.json-block {
-		background: #1a1f2e;
-		color: #a5d6ff;
-		padding: 14px;
+		background: #f8f9fa;
+		color: #1a2a44;
+		padding: 16px;
 		border-radius: 8px;
-		font-size: 12px;
-		max-height: 220px;
+		font-size: 12.5px;
+		max-height: 260px;
 		overflow: auto;
 		white-space: pre;
-		font-family: 'Consolas', monospace;
-		line-height: 1.4;
-		border: 1px solid rgba(165, 214, 255, 0.1);
+		font-family: 'Consolas', 'Courier New', monospace;
+		line-height: 1.45;
+		border: 1px solid #d0d7e0;
+		max-width: 70%;
+		box-shadow: inset 0 2px 6px rgba(0,0,0,0.05);
 	}
 }