style: refine archive UI alignment and icon prominence

popup.css

@@ -47,13 +47,15 @@ body {
 }
 
 #archive-toggle {
-    color: var(--text-secondary);
-    opacity: 0.7;
+    color: var(--accent-color);
+    opacity: 0.9;
+    background: rgba(59, 130, 246, 0.05);
 }
 
 #archive-toggle:hover {
     opacity: 1;
-    background: rgba(100, 116, 139, 0.1);
+    background: rgba(59, 130, 246, 0.12);
+    transform: translateY(-1px);
 }
 
 .icon-btn {
@@ -365,4 +367,20 @@ button {
 
 .empty-state svg {
     color: #cbd5e1;
+}
+
+/* Archived Items Polish */
+#archive-list .rule-item {
+    opacity: 0.75;
+    background: rgba(248, 250, 252, 0.8);
+    border-style: dashed;
+}
+
+#archive-list .rule-info {
+    filter: grayscale(0.5);
+}
+
+.btn-restore {
+    color: var(--success-color);
+    background: rgba(16, 185, 129, 0.05);
 }