fix: 修复评论区溢出和按钮颜色问题

- 修复评论区长文本溢出问题，添加 overflow-wrap 和 word-break 属性
- 修复评论内容区域文本溢出问题
- 修复移动端 TODO 验证码提交按钮颜色未跟随全局主题设置
- 统一按钮样式使用 btn-primary 类

.vscode/sftp.json

@@ -0,0 +1,11 @@
+{
+    "name": "aliyun",
+    "host": "8.138.211.255",
+    "protocol": "sftp",
+    "port": 22,
+    "username": "root",
+    "password": "Elemcloud12",
+    "remotePath": "/www/wwwroot/blog.cartol.top/wp-content/themes/argon",
+    "uploadOnSave": true,
+    "ignore": [".vscode", ".kiro"]
+}

argontheme.js

@@ -718,23 +718,26 @@ if (argonConfig.waterflow_columns != "1") {
 		var commentsArea = $("#comments");
 		var postCommentArea = $("#post_comment");
 		var wasCollapsed = commentsArea.hasClass("comments-collapsed");
-		
-		if (wasCollapsed) {
-			// 折叠状态：先滚动到评论切换按钮位置，再展开
 		var toggleBtn = $("#comments_toggle");
-			if (toggleBtn.length > 0) {
+		
-				gotoHash("#comments_toggle", 600);
+		if (wasCollapsed && toggleBtn.length > 0) {
+			// 折叠状态：先滚动到评论切换按钮位置，再展开
+			$("body,html").stop().animate({
+				scrollTop: toggleBtn.offset().top - 80
+			}, 600);
 			toggleBtn.find("i").removeClass("fa-comments").addClass("fa-comment-o");
 			toggleBtn.find(".btn-inner--text").text("折叠评论");
-			}
+			toggleBtn.addClass("expanded");
 			commentsArea.removeClass("comments-collapsed");
 			setTimeout(function() {
 				postCommentArea.removeClass("comments-collapsed");
 				$("#post_comment_content").focus();
 			}, 150);
 		} else {
-			// 已展开：直接滚动到评论框
+			// 已展开或无切换按钮：直接滚动到评论框
-			gotoHash("#post_comment" , 600);
+			$("body,html").stop().animate({
+				scrollTop: postCommentArea.offset().top - 80
+			}, 600);
 			$("#post_comment_content").focus();
 		}
 	});

sidebar.php

@@ -229,7 +229,7 @@ $author_desc = get_option('argon_sidebar_author_description');
 							<div style="display: flex; align-items: center; gap: 8px;">
 								<span class="mobile-todo-captcha-text" style="font-family: monospace; font-size: 14px; background: #f0f0f0; padding: 6px 10px; border-radius: 6px; letter-spacing: 2px;"><?php echo argon_generate_captcha(); ?></span>
 								<input type="text" id="mobile-todo-captcha-input" placeholder="<?php _e('验证码', 'argon'); ?>" maxlength="10" style="flex: 1; padding: 8px 10px; border: 1px solid var(--color-border); border-radius: 8px; font-size: 13px; background: var(--color-background);">
-								<button type="button" id="mobile-todo-captcha-submit" style="padding: 8px 12px; background: var(--themecolor); color: #fff; border: none; border-radius: 8px; font-size: 12px; cursor: pointer;">
+								<button type="button" id="mobile-todo-captcha-submit" class="btn btn-sm btn-primary" style="padding: 8px 12px; border-radius: 8px; font-size: 12px;">
 									<?php _e('确认', 'argon'); ?>
 								</button>
 							</div>

style.css

@@ -5237,6 +5237,12 @@ html.darkmode .has-thumbnail .related-post-title.clamp {
 
 	width: calc(100% - 50px);
 
+	overflow-wrap: break-word;
+
+	word-wrap: break-word;
+
+	word-break: break-word;
+
 }
 
 #comments .comment-item:last-child .comment-item-inner {
@@ -5281,6 +5287,12 @@ html.darkmode .has-thumbnail .related-post-title.clamp {
 
 	margin-bottom: 1rem;
 
+	overflow-wrap: break-word;
+
+	word-wrap: break-word;
+
+	word-break: break-word;
+
 }
 
 .comment-name {

template-parts/post-actions.php

@@ -7,38 +7,38 @@
 		<div id="share" data-initialized="true">
 			<?php if (get_option('argon_show_sharebtn') != 'abroad') { ?>
 			<a target="_blank" class="no-pjax icon-douban" tooltip="<?php _e('分享到豆瓣', 'argon'); ?>">
-				<button class="btn btn-icon btn-primary" style="background: #209261;border: none;">
+				<button class="btn btn-icon btn-primary">
 					<span aria-hidden="true">豆</span>
 				</button>
 			</a>
 			<a target="_blank" class="no-pjax icon-qq" tooltip="<?php _e('分享到 QQ', 'argon'); ?>">
-				<button class="btn btn-icon btn-primary" style="background: #2196f3;border: none;">
+				<button class="btn btn-icon btn-primary">
 					<span class="btn-inner--icon"><i class="fa fa-qq"></i></span>
 				</button>
 			</a>
 			<a target="_blank" class="no-pjax icon-qzone" tooltip="<?php _e('分享到 QQ 空间', 'argon'); ?>">
-				<button class="btn btn-icon btn-primary" style="background: #ffc107;border: none;">
+				<button class="btn btn-icon btn-primary">
 					<span class="btn-inner--icon"><i class="fa fa-star"></i></span>
 				</button>
 			</a>
 			<a target="_blank" class="no-pjax icon-weibo" tooltip="<?php _e('分享到微博', 'argon'); ?>">
-				<button class="btn btn-icon btn-warning">
+				<button class="btn btn-icon btn-primary">
 					<span class="btn-inner--icon"><i class="fa fa-weibo"></i></span>
 				</button>
 			</a>
 			<?php } if (get_option('argon_show_sharebtn') != 'domestic') { ?>
 			<a target="_blank" class="no-pjax icon-facebook" tooltip="<?php _e('分享到 Facebook', 'argon'); ?>">
-				<button class="btn btn-icon btn-primary" style="background: #283593;border: none;">
+				<button class="btn btn-icon btn-primary">
 					<span class="btn-inner--icon"><i class="fa fa-facebook"></i></span>
 				</button>
 			</a>
 			<a target="_blank" class="no-pjax icon-twitter" tooltip="<?php _e('分享到 Twitter', 'argon'); ?>">
-				<button class="btn btn-icon btn-primary" style="background: #03a9f4;border: none;">
+				<button class="btn btn-icon btn-primary">
 					<span class="btn-inner--icon"><i class="fa fa-twitter"></i></span>
 				</button>
 			</a>
 			<a target="_blank" class="no-pjax icon-telegram" href="https://telegram.me/share/url?url=<?php echo urlencode($_SERVER['HTTP_HOST']);?>&text=<?php echo urlencode(html_entity_decode(get_the_title()));?>" tooltip="<?php _e('分享到 Telegram', 'argon'); ?>">
-				<button class="btn btn-icon btn-primary" style="background: #42a5f5;border: none;">
+				<button class="btn btn-icon btn-primary">
 					<span class="btn-inner--icon"><i class="fa fa-telegram"></i></span>
 				</button>
 			</a>