From 2089832dc09752b5442b7ab8b4183a56b44dfce8 Mon Sep 17 00:00:00 2001
From: ak <ak@gmai.com>
Date: Wed, 12 Aug 2026 17:33:11 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=B8=BB=E9=A2=98=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E8=A1=A5=E9=BD=90=E2=80=94=E2=80=94=E9=A1=B5=E5=A4=B4=E9=A1=B5?=
 =?UTF-8?q?=E8=84=9A=E5=AE=BD=E5=BA=A6=E5=AF=B9=E9=BD=90=20+=20=E7=BC=BA?=
 =?UTF-8?q?=E5=A4=B1=E7=B1=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- modern：.m-container 由 720px 改为 1080px 与主体对齐（原页头/页脚明显窄于内容）；新增 .container 规则；social-links 胶囊样式
- sablog：补 .read-more、.social-links 样式
- demo：补 .container 与 .main-layout max-width，避免内容全宽
---
 themes/demo/assets/style.css   | 4 ++--
 themes/modern/assets/style.css | 7 ++++++-
 themes/sablog/assets/style.css | 8 ++++++++
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/themes/demo/assets/style.css b/themes/demo/assets/style.css
index d702351..c940d26 100644
--- a/themes/demo/assets/style.css
+++ b/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 等类） */
diff --git a/themes/modern/assets/style.css b/themes/modern/assets/style.css
index 48907f1..8bf454b 100644
--- a/themes/modern/assets/style.css
+++ b/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; }
diff --git a/themes/sablog/assets/style.css b/themes/sablog/assets/style.css
index 6ccde5a..8f2e390 100644
--- a/themes/sablog/assets/style.css
+++ b/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; }