v0.4.0: 重做图库为瀑布流+分组导航，修复豆瓣 500 与瞬间样式，友链卡片重排+申请弹窗，标签云间距，移除关于模板

src/moment.html

@@ -37,19 +37,10 @@
         border-radius: 50%;
         object-fit: cover;
       }
-      .moment-owner-info {
-        display: flex;
-        flex-direction: column;
-        line-height: 1.3;
-      }
       .moment-owner-name {
         color: var(--color-text);
         font-weight: 600;
       }
-      .moment-owner-bio {
-        font-size: 0.8rem;
-        color: var(--color-text-muted);
-      }
       .moment-meta {
         display: inline-flex;
         align-items: center;
@@ -69,17 +60,35 @@
       .moment-tags a {
         color: var(--color-link);
       }
-      .moment-media img,
+      .moment-media {
+        display: grid;
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+        gap: 0.3rem;
+        margin-top: 0.75rem;
+      }
+      .moment-media img {
+        display: block;
+        width: 100%;
+        aspect-ratio: 1 / 1;
+        object-fit: cover;
+        border-radius: var(--radius-sm);
+        background: var(--color-bg-secondary);
+      }
+      .moment-media img:only-child {
+        aspect-ratio: auto;
+        width: auto;
+        max-width: min(100%, 22rem);
+        max-height: 26rem;
+      }
       .moment-media video {
+        grid-column: 1 / -1;
         display: block;
         max-width: 100%;
-        height: auto;
-        margin-top: 1rem;
         border-radius: var(--radius-md);
       }
       .moment-media audio {
+        grid-column: 1 / -1;
         width: 100%;
-        margin-top: 1rem;
       }
       .comments-section {
         margin-top: 2rem;
@@ -104,18 +113,9 @@
               th:alt="${moment.owner.displayName}"
               loading="lazy"
             />
-            <span class="moment-owner-info">
-              <span
-                class="moment-owner-name"
-                th:text="${moment.owner.displayName}"
-                >用户名</span
-              >
-              <span
-                class="moment-owner-bio"
-                th:if="${not #strings.isEmpty(moment.owner.bio)}"
-                th:text="${moment.owner.bio}"
-              ></span>
-            </span>
+            <span class="moment-owner-name" th:text="${moment.owner.displayName}"
+              >用户名</span
+            >
           </span>
           <span class="moment-meta">
             <time