style(settings): 关于区块版本号垂直布局排版

tauri-app/src/pages/ContentManagement/ContentManagement.css

@@ -2105,13 +2105,21 @@
 
 .about-version-row {
   display: flex;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 100%;
   max-width: 320px;
   margin: 0 auto;
-  padding: var(--spacing-xs) 0;
-  gap: var(--spacing-sm);
+  padding: 0;
+  gap: 0;
+}
+
+.about-version-row > .about-check-btn {
+  padding-top: 0;
+  padding-bottom: 0;
+  min-height: unset;
+  line-height: 1.4;
 }
 
 .about-version-text {
@@ -2123,10 +2131,12 @@
   font-weight: 500;
 }
 
-.about-version-actions {
+.about-version-status {
   display: flex;
   align-items: center;
-  gap: var(--spacing-md);
+  justify-content: center;
+  margin-top: 0;
+  min-height: 0;
 }
 
 .about-checking-status {

tauri-app/src/pages/Settings/Settings.tsx

@@ -215,27 +215,27 @@ export default function Settings() {
             >
               当前版本 v{CURRENT_VERSION}
             </span>
-            <div className="about-version-actions">
-              {checking ? (
-                <span className="about-checking-status">
-                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="var(--primary)" strokeWidth="2" style={{ animation: 'spin 1s linear infinite' }}>
-                    <path d="M21 12a9 9 0 11-6.219-8.56" />
-                  </svg>
-                  检查中...
-                </span>
-              ) : checkResult === 'latest' ? (
-                <span className="about-check-result about-check-latest">当前已是最新版本</span>
-              ) : checkResult === 'available' ? (
-                <span className="about-check-result about-check-available">发现新版本 {updateInfo?.version}</span>
-              ) : null}
-              <button
-                className="btn btn-sm about-check-btn"
-                onClick={handleCheck}
-                disabled={checking || downloading}
-              >
-                {checking ? '检查中' : '检查更新'}
-              </button>
-            </div>
+            <button
+              className="btn btn-sm about-check-btn"
+              onClick={handleCheck}
+              disabled={checking || downloading}
+            >
+              {checking ? '检查中' : '检查更新'}
+            </button>
+          </div>
+          <div className="about-version-status">
+            {checking ? (
+              <span className="about-checking-status">
+                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="var(--primary)" strokeWidth="2" style={{ animation: 'spin 1s linear infinite' }}>
+                  <path d="M21 12a9 9 0 11-6.219-8.56" />
+                </svg>
+                检查中...
+              </span>
+            ) : checkResult === 'latest' ? (
+              <span className="about-check-result about-check-latest">当前已是最新版本</span>
+            ) : checkResult === 'available' ? (
+              <span className="about-check-result about-check-available">发现新版本 {updateInfo?.version}</span>
+            ) : null}
           </div>
 
           {/* 更新详情（发现新版本时展开） */}