feat: add "Learn more" link for server region selection in account settings

fix: remove box-shadow from background and font setting styles

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"

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 {

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