From 912ab76b404a8f544c4efcdd56b6acbbb60c4e6d Mon Sep 17 00:00:00 2001
From: troyeguo <13820674+troyeguo@users.noreply.github.com>
Date: Sat, 15 Aug 2026 10:59:13 +0800
Subject: [PATCH] feat: add "Learn more" link for server region selection in
 account settings fix: remove box-shadow from background and font setting
 styles

---
 .../settings/accountSetting/component.tsx     | 31 +++++++++++++++++--
 .../backgroundSetting/backgroundSetting.css   |  1 -
 .../settings/fontSetting/fontSetting.css      |  1 -
 3 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/src/containers/settings/accountSetting/component.tsx b/src/containers/settings/accountSetting/component.tsx
index 37a1d977..a49a22ae 100644
--- a/src/containers/settings/accountSetting/component.tsx
+++ b/src/containers/settings/accountSetting/component.tsx
@@ -626,9 +626,34 @@ class AccountSetting extends React.Component<
           </div>
         )}
         <div className="setting-dialog-new-title">
-          <Trans>
-            {this.props.isAuthed ? "Server region" : "Select server region"}
-          </Trans>
+          <div>
+            <Trans>
+              {this.props.isAuthed ? "Server region" : "Select server region"}
+            </Trans>
+            {ConfigService.getReaderConfig("lang").startsWith("zh") && (
+              <span
+                style={{
+                  textDecoration: "underline",
+                  marginLeft: "10px",
+                  cursor: "pointer",
+                  opacity: 0.7,
+                  fontSize: "13px",
+                  lineHeight: "16px",
+                }}
+                onClick={() => {
+                  openInBrowser(
+                    getWebsiteUrl() +
+                      (ConfigService.getReaderConfig("lang").startsWith("zh")
+                        ? "/zh"
+                        : "/en") +
+                      "/server-region"
+                  );
+                }}
+              >
+                <Trans>Learn more</Trans>
+              </span>
+            )}
+          </div>
           {this.props.isAuthed ? (
             <div
               className="lang-setting-option"
diff --git a/src/containers/settings/backgroundSetting/backgroundSetting.css b/src/containers/settings/backgroundSetting/backgroundSetting.css
index dbaafebe..da6a1821 100644
--- a/src/containers/settings/backgroundSetting/backgroundSetting.css
+++ b/src/containers/settings/backgroundSetting/backgroundSetting.css
@@ -107,7 +107,6 @@
   max-height: 60vh;
   border-radius: 10px;
   object-fit: contain;
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
 }
 
 .background-preview-actions {
diff --git a/src/containers/settings/fontSetting/fontSetting.css b/src/containers/settings/fontSetting/fontSetting.css
index 3ce3d571..8926f01e 100644
--- a/src/containers/settings/fontSetting/fontSetting.css
+++ b/src/containers/settings/fontSetting/fontSetting.css
@@ -213,7 +213,6 @@
   padding: 32px 40px;
   border-radius: 12px;
   background: var(--color-card-bg, #fff);
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
   text-align: center;
 }