feat: rebuild site content management

Replace legacy FAQ, downloads, and release flows with project and blog publishing. Add configurable branding and theme fields plus clean-start Compose seeding support.

static/css/main.css

@@ -95,6 +95,28 @@ body::before {
   z-index: 0;
 }
 
+/* Blog */
+.blog-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
+  gap: var(--spacing-md);
+}
+
+.blog-card { overflow: hidden; }
+.blog-card-image { display: block; aspect-ratio: 16 / 9; overflow: hidden; }
+.blog-card-image img { width: 100%; height: 100%; object-fit: cover; transition: var(--transition-smooth); }
+.blog-card:hover .blog-card-image img { transform: scale(1.04); }
+.blog-card-body { padding: var(--spacing-md); }
+.blog-meta { color: var(--text-muted); font-size: .86rem; margin-bottom: .7rem; }
+.blog-card-title { font-size: 1.35rem; margin-bottom: .7rem; }
+.blog-card-title a { color: var(--text-primary); }
+.blog-card-excerpt { color: var(--text-secondary); margin-bottom: var(--spacing-sm); }
+.blog-detail-header { max-width: 900px; }
+.blog-article-wrap { max-width: 900px; }
+.blog-cover { width: 100%; max-height: 520px; object-fit: cover; border-radius: var(--radius-lg); margin-bottom: var(--spacing-md); }
+.blog-article { padding: clamp(1.5rem, 4vw, 3rem); }
+.pagination { display: flex; align-items: center; justify-content: center; gap: var(--spacing-sm); margin-top: var(--spacing-xl); color: var(--text-secondary); }
+
 #main-content {
   position: relative;
   z-index: 1;