增加排序

web/style.css

@@ -71,7 +71,6 @@ header h1 {
 }
 
 .updated {
-  margin-left: auto;
   color: var(--muted);
   font-size: 0.8rem;
 }
@@ -99,6 +98,57 @@ th {
   font-size: 0.8rem;
 }
 
+th.sortable {
+  cursor: pointer;
+  user-select: none;
+  white-space: nowrap;
+}
+
+th.sortable:hover {
+  color: var(--text);
+}
+
+th.sortable::after {
+  content: " ⇅";
+  font-size: 0.7rem;
+  opacity: 0.35;
+}
+
+th.sorted-asc::after {
+  content: " ↑";
+  opacity: 1;
+  color: var(--accent);
+}
+
+th.sorted-desc::after {
+  content: " ↓";
+  opacity: 1;
+  color: var(--accent);
+}
+
+.panel-actions {
+  display: flex;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+  margin-left: auto;
+}
+
+.btn-secondary {
+  background: transparent;
+  color: var(--text);
+  border: 1px solid var(--border);
+  padding: 0.35rem 0.75rem;
+  border-radius: 6px;
+  cursor: pointer;
+  font-size: 0.8rem;
+  font-weight: 500;
+}
+
+.btn-secondary:hover {
+  border-color: var(--accent);
+  color: var(--accent);
+}
+
 tr:hover td {
   background: rgba(255, 255, 255, 0.03);
 }