bak

public/css/style.css

@@ -111,8 +111,22 @@ body::after {
     border: 2px solid var(--t-border);
     box-shadow: 0 2px 8px rgba(0,0,0,0.3);
     z-index: 2;
+    transition: width 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), height 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), margin 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.2s ease, box-shadow 0.25s ease;
+}
+.card-thumb {
+    transform-origin: center center;
+}
+.card-thumb:hover {
+    width: 80px;
+    height: 80px;
+    margin-top: -18px;
+    margin-right: -18px;
+    border-color: var(--t-muted);
+    box-shadow: 0 4px 16px rgba(0,0,0,0.4);
+    z-index: 10;
+    background-size: cover;
+    background-repeat: no-repeat;
 }
-.group:hover .card-thumb { border-color: var(--t-muted); }
 .card-glow:hover { box-shadow: 0 0 16px -3px var(--glow-color, rgba(56, 189, 248, 0.15)); }
 .card-dragging { opacity: 0.15; transform: scale(0.95); }
 
@@ -444,6 +458,12 @@ body.detail-image-fs-open { overflow: hidden; }
 }
 .prose li:has(input[type="checkbox"]) { list-style: none; margin-left: -1.5em; }
 
+.prose audio {
+    width: 100%;
+    max-width: 400px;
+    margin: 0.8em 0;
+    border-radius: 6px;
+}
 .prose img {
     max-width: 100%;
     border-radius: 4px;