fix: 主题样式补齐——页头页脚宽度对齐 + 缺失类

- modern：.m-container 由 720px 改为 1080px 与主体对齐（原页头/页脚明显窄于内容）；新增 .container 规则；social-links 胶囊样式
- sablog：补 .read-more、.social-links 样式
- demo：补 .container 与 .main-layout max-width，避免内容全宽

themes/modern/assets/style.css

@@ -21,7 +21,8 @@
 body { background: var(--bg); color: var(--text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 16px; line-height: 1.8; }
 a { color: var(--accent); text-decoration: none; }
 a:hover { opacity: 0.8; }
-.m-container { max-width: 720px; margin: 0 auto; padding: 0 20px; }
+/* 页面统一宽度：页头/页脚与主体对齐（默认视图的 .container 也落在这里） */
+.container, .m-container { max-width: 1080px; margin: 0 auto; padding: 0 20px; }
 
 .m-header { border-bottom: 1px solid var(--border); background: var(--card); }
 .m-header .m-container { display: flex; justify-content: space-between; align-items: center; padding: 18px 20px; }
@@ -111,6 +112,10 @@ a:hover { opacity: 0.8; }
 .widget-title { font-size: 15px; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 2px solid var(--accent); }
 .widget-list { list-style: none; }
 .widget-list li { font-size: 14px; padding: 5px 0; border-bottom: 1px solid var(--border); }
+
+/* 社交账号：横向胶囊列表 */
+.social-links { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; }
+.social-links li { font-size: 12px; background: var(--bg); border: 1px solid var(--border); border-radius: 999px; padding: 4px 10px; }
 .widget-list li:last-child { border-bottom: none; }
 .count { color: var(--muted); font-size: 13px; }
 .tag-cloud { line-height: 2; }