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

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

themes/demo/assets/style.css

@@ -21,7 +21,7 @@ body {
 a { color: var(--d-accent); text-decoration: none; }
 a:hover { color: var(--d-accent-dark); }
 
-.d-container { max-width: 960px; margin: 0 auto; padding: 0 16px; }
+.d-container, .container { max-width: 960px; margin: 0 auto; padding: 0 16px; }
 
 /* 头部 */
 .d-header { background: #fff; border-bottom: 3px solid var(--d-accent); }
@@ -33,7 +33,7 @@ a:hover { color: var(--d-accent-dark); }
 .d-link-btn { background: none; border: none; color: var(--d-accent); cursor: pointer; font-size: 14px; }
 
 /* 主体两栏 */
-.main-layout { display: grid; grid-template-columns: 1fr 280px; gap: 20px; padding: 24px 16px; }
+.main-layout { display: grid; grid-template-columns: 1fr 280px; gap: 20px; padding: 24px 16px; max-width: 960px; margin: 0 auto; }
 .main-layout .content { min-width: 0; }
 
 /* 内容卡片（默认视图自带 .post-card/.post-full/.list-title 等类） */

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; }

themes/sablog/assets/style.css

@@ -155,3 +155,11 @@ a:hover { color: #f60; text-decoration: underline; }
 .paywall-actions .btn { margin: 0 6px; }
 .paid-teaser { border: 1px dashed #f5c6cb; background: #fdecea; color: #c62828; border-radius: 6px; padding: 12px 14px; margin: 12px 0; font-size: 14px; }
 .paid-teaser .btn { margin-left: 8px; }
+
+/* 阅读全文链接 */
+.read-more { display: inline-block; margin-top: 8px; font-size: 13px; color: #1c62b0; }
+.read-more:hover { color: #f60; }
+
+/* 社交账号：横向胶囊列表 */
+.social-links { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; }
+.social-links li { font-size: 12px; background: #f7f9fb; border: 1px solid #d8dfe6; border-radius: 999px; padding: 3px 10px; }