style(ui): 优化页面布局与视觉样式

- 为 Header 组件添加 fixed 定位，并调整 body 顶部内边距 - 为主内容区域增加内边距和最大宽度限制以提升可读性 - 为多个 Segment 组件添加 basic 属性以移除背景和阴影 - 新增 CSS 工具类 `neu-no-shadow` 用于透明化元素 - 优化按钮间距、菜单项悬停效果及活动状态样式
style(ui): 将主题从液态玻璃更新为新拟态设计并替换仓库链接
2026-02-11 14:29:26 +08:00 · 2026-02-11 14:20:32 +08:00 · 2026-02-11 13:55:46 +08:00 · 2026-02-11 11:25:42 +08:00 · 2026-02-11 10:16:21 +08:00 · 2026-02-11 10:09:40 +08:00
19 changed files with 593 additions and 367 deletions
@@ -19,10 +19,13 @@ jobs:
    steps:
      - name: Check out the repo
        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+          fetch-tags: true

      - name: Save version info
        run: |
-          git describe --tags > VERSION 
+          git describe --tags --always > VERSION 

      - name: Log in to Docker Hub
        uses: docker/login-action@v2
@@ -42,7 +45,7 @@ jobs:
        uses: docker/metadata-action@v4
        with:
          images: |
-            justsong/message-pusher
+            zimonianhua/message-pusher
            ghcr.io/${{ github.repository }}

      - name: Build and push Docker images
@@ -51,4 +54,4 @@ jobs:
          context: .
          push: true
          tags: ${{ steps.meta.outputs.tags }}
-          labels: ${{ steps.meta.outputs.labels }}
+          labels: ${{ steps.meta.outputs.labels }}
@@ -19,10 +19,13 @@ jobs:
    steps:
      - name: Check out the repo
        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+          fetch-tags: true

      - name: Save version info
        run: |
-          git describe --tags > VERSION 
+          git describe --tags --always > VERSION 

      - name: Set up QEMU
        uses: docker/setup-qemu-action@v2
@@ -48,7 +51,7 @@ jobs:
        uses: docker/metadata-action@v4
        with:
          images: |
-            justsong/message-pusher
+            zimonianhua/message-pusher
            ghcr.io/${{ github.repository }}

      - name: Build and push Docker images
@@ -58,4 +61,4 @@ jobs:
          platforms: linux/amd64,linux/arm64
          push: true
          tags: ${{ steps.meta.outputs.tags }}
-          labels: ${{ steps.meta.outputs.labels }}
+          labels: ${{ steps.meta.outputs.labels }}
@@ -16,14 +16,14 @@ jobs:
          fetch-depth: 0
      - uses: actions/setup-node@v3
        with:
-          node-version: 16
+          node-version: 18
      - name: Build Frontend
        env:
          CI: ""
        run: |
          cd web
          npm install
-          REACT_APP_VERSION=$(git describe --tags) npm run build
+          REACT_APP_VERSION=$(git describe --tags --always) npm run build
          cd ..
      - name: Set up Go
        uses: actions/setup-go@v3
@@ -32,12 +32,12 @@ jobs:
      - name: Build Backend (amd64)
        run: |
          go mod download
-          go build -ldflags "-s -w -X 'message-pusher/common.Version=$(git describe --tags)' -extldflags '-static'" -o message-pusher
+          go build -ldflags "-s -w -X 'message-pusher/common.Version=$(git describe --tags --always)' -extldflags '-static'" -o message-pusher
      - name: Build Backend (arm64)
        run: |
          sudo apt-get update
          sudo apt-get install gcc-aarch64-linux-gnu
-          CC=aarch64-linux-gnu-gcc CGO_ENABLED=1 GOOS=linux GOARCH=arm64 go build -ldflags "-s -w -X 'message-pusher/common.Version=$(git describe --tags)' -extldflags '-static'" -o message-pusher-arm64
+          CC=aarch64-linux-gnu-gcc CGO_ENABLED=1 GOOS=linux GOARCH=arm64 go build -ldflags "-s -w -X 'message-pusher/common.Version=$(git describe --tags --always)' -extldflags '-static'" -o message-pusher-arm64
      - name: Release
        uses: softprops/action-gh-release@v1
        if: startsWith(github.ref, 'refs/tags/')
@@ -48,4 +48,4 @@ jobs:
          draft: true
          generate_release_notes: true
        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
@@ -16,14 +16,14 @@ jobs:
          fetch-depth: 0
      - uses: actions/setup-node@v3
        with:
-          node-version: 16
+          node-version: 18
      - name: Build Frontend
        env:
          CI: ""
        run: |
          cd web
          npm install
-          REACT_APP_VERSION=$(git describe --tags) npm run build
+          REACT_APP_VERSION=$(git describe --tags --always) npm run build
          cd ..
      - name: Set up Go
        uses: actions/setup-go@v3
@@ -32,7 +32,7 @@ jobs:
      - name: Build Backend
        run: |
          go mod download
-          go build -ldflags "-X 'message-pusher/common.Version=$(git describe --tags)'" -o message-pusher-macos
+          go build -ldflags "-X 'message-pusher/common.Version=$(git describe --tags --always)'" -o message-pusher-macos
      - name: Release
        uses: softprops/action-gh-release@v1
        if: startsWith(github.ref, 'refs/tags/')
@@ -19,14 +19,14 @@ jobs:
          fetch-depth: 0
      - uses: actions/setup-node@v3
        with:
-          node-version: 16
+          node-version: 18
      - name: Build Frontend
        env:
          CI: ""
        run: |
          cd web
          npm install
-          REACT_APP_VERSION=$(git describe --tags) npm run build
+          REACT_APP_VERSION=$(git describe --tags --always) npm run build
          cd ..
      - name: Set up Go
        uses: actions/setup-go@v3
@@ -35,7 +35,7 @@ jobs:
      - name: Build Backend
        run: |
          go mod download
-          go build -ldflags "-s -w -X 'message-pusher/common.Version=$(git describe --tags)'" -o message-pusher.exe
+          go build -ldflags "-s -w -X 'message-pusher/common.Version=$(git describe --tags --always)'" -o message-pusher.exe
      - name: Release
        uses: softprops/action-gh-release@v1
        if: startsWith(github.ref, 'refs/tags/')
@@ -44,4 +44,4 @@ jobs:
          draft: true
          generate_release_notes: true
        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
@@ -1,8 +1,9 @@
-FROM node:16 as builder
+FROM node:18 AS builder

 WORKDIR /build
 COPY ./web .
 COPY ./VERSION .
+RUN corepack enable && corepack prepare yarn@1.22.22 --activate
 RUN yarn install
 RUN REACT_APP_VERSION=$(cat VERSION) yarn build

@@ -26,7 +26,17 @@ func newHTTPClient(proxyAddress string, timeout time.Duration) (*http.Client, er
 func newHTTPTransport(proxyAddress string) (*http.Transport, error) {
 	base, ok := http.DefaultTransport.(*http.Transport)
 	if !ok {
-		return &http.Transport{}, nil
+		return &http.Transport{
+			DialContext: (&net.Dialer{
+				Timeout:   10 * time.Second,
+				KeepAlive: 30 * time.Second,
+			}).DialContext,
+			ForceAttemptHTTP2:     true,
+			MaxIdleConns:          100,
+			IdleConnTimeout:       90 * time.Second,
+			TLSHandshakeTimeout:   10 * time.Second,
+			ExpectContinueTimeout: 1 * time.Second,
+		}, nil
 	}
 	transport := base.Clone()
 	proxyAddress = strings.TrimSpace(proxyAddress)
@@ -46,15 +56,40 @@ func newHTTPTransport(proxyAddress string) (*http.Transport, error) {
 		transport.Proxy = http.ProxyURL(u)
 		return transport, nil
 	case "socks5", "socks5h":
-		normalized := *u
-		normalized.Scheme = "socks5"
-		dialer, err := proxy.FromURL(&normalized, proxy.Direct)
+		var auth *proxy.Auth
+		if u.User != nil {
+			auth = &proxy.Auth{
+				User:     u.User.Username(),
+				Password: "",
+			}
+			if password, ok := u.User.Password(); ok {
+				auth.Password = password
+			}
+		}
+		dialer, err := proxy.SOCKS5("tcp", u.Host, auth, &net.Dialer{
+			Timeout:   10 * time.Second,
+			KeepAlive: 30 * time.Second,
+		})
 		if err != nil {
 			return nil, err
 		}
 		transport.Proxy = nil
 		transport.DialContext = func(ctx context.Context, network, addr string) (net.Conn, error) {
-			return dialer.Dial(network, addr)
+			type dialResult struct {
+				conn net.Conn
+				err  error
+			}
+			ch := make(chan dialResult, 1)
+			go func() {
+				conn, err := dialer.Dial(network, addr)
+				ch <- dialResult{conn: conn, err: err}
+			}()
+			select {
+			case <-ctx.Done():
+				return nil, ctx.Err()
+			case r := <-ch:
+				return r.conn, r.err
+			}
 		}
 		return transport, nil
 	default:
@@ -25,7 +25,7 @@ type telegramMessageResponse struct {

 func SendTelegramMessage(message *model.Message, user *model.User, channel_ *model.Channel) error {
 	// https://core.telegram.org/bots/api#sendmessage
-	client, err := newHTTPClient(channel_.URL, 10*time.Second)
+	client, err := newHTTPClient(channel_.URL, 30*time.Second)
 	if err != nil {
 		return err
 	}
@@ -49,7 +49,7 @@ func (i *WeChatCorpAccountTokenStoreItem) Token() string {

 func (i *WeChatCorpAccountTokenStoreItem) Refresh() {
 	// https://work.weixin.qq.com/api/doc/90000/90135/91039
-	client, err := newHTTPClient(i.Proxy, 5*time.Second)
+	client, err := newHTTPClient(i.Proxy, 30*time.Second)
 	if err != nil {
 		common.SysError("failed to create http client: " + err.Error())
 		return
@@ -159,7 +159,7 @@ func SendWeChatCorpMessage(message *model.Message, user *model.User, channel_ *m
 		Proxy:       proxyAddress,
 	}
 	accessToken := TokenStoreGetToken(tokenItem.Key())
-	client, err := newHTTPClient(proxyAddress, 10*time.Second)
+	client, err := newHTTPClient(proxyAddress, 30*time.Second)
 	if err != nil {
 		return err
 	}
@@ -19,7 +19,7 @@ var (
 func printHelp() {
 	fmt.Println(fmt.Sprintf("Message Pusher %s - Your all in one message push system.", Version))
 	fmt.Println("Copyright (C) 2023 JustSong. All rights reserved.")
-	fmt.Println("GitHub: https://github.com/songquanpeng/message-pusher")
+	fmt.Println("GitHub: https://github.com/xyzmos/message-pusher")
 	fmt.Println("Usage: message-pusher [options]")
 	fmt.Println("Options:")
 	flag.CommandLine.VisitAll(func(f *flag.Flag) {
@@ -1,7 +1,66 @@
+/* Neumorphism Global Styles */
+:root {
+  --neu-bg: #e0e5ec;
+  --neu-bg-light: #f0f0f3;
+  --neu-shadow-dark: #b8bcc2;
+  --neu-shadow-light: #ffffff;
+  --neu-accent: #6d5dfc;
+  --neu-text: #333333;
+  --neu-text-muted: #6b7280;
+}
+
+/* Utility Classes */
+.neu-raised {
+  background: var(--neu-bg);
+  border-radius: 12px;
+  box-shadow: 
+    8px 8px 16px var(--neu-shadow-dark), 
+    -8px -8px 16px var(--neu-shadow-light);
+}
+
+.neu-raised-sm {
+  box-shadow: 
+    4px 4px 8px var(--neu-shadow-dark), 
+    -4px -4px 8px var(--neu-shadow-light);
+}
+
+.neu-pressed {
+  background: var(--neu-bg);
+  border-radius: 12px;
+  box-shadow: 
+    inset 8px 8px 16px var(--neu-shadow-dark), 
+    inset -8px -8px 16px var(--neu-shadow-light);
+}
+
+.neu-pressed-sm {
+  box-shadow: 
+    inset 4px 4px 8px var(--neu-shadow-dark), 
+    inset -4px -4px 8px var(--neu-shadow-light);
+}
+
+.neu-hover:hover {
+  box-shadow: 
+    4px 4px 8px var(--neu-shadow-dark), 
+    -4px -4px 8px var(--neu-shadow-light);
+}
+
+.neu-active:active {
+  box-shadow: 
+    inset 4px 4px 8px var(--neu-shadow-dark), 
+    inset -4px -4px 8px var(--neu-shadow-light);
+}
+
+.neu-circle {
+  border-radius: 50%;
+}
+
+/* Base Styles */
 body {
    font-family: Verdana, Candara, Arial, Helvetica, Microsoft YaHei, sans-serif;
    line-height: 1.6;
    margin: 0;
+    background-color: var(--neu-bg);
+    color: var(--neu-text);
 }

 nav {
@@ -10,22 +69,14 @@ nav {

 a {
    text-decoration: none;
-    color: #007bff;
+    color: var(--neu-accent);
+    transition: all 0.3s ease;
 }

 a:hover {
    text-decoration: none !important;
-    color: #007bff;
-}
-
-.page-card-title a {
-    color: #368CCB;
-    text-decoration: none;
-}
-
-.page-card-title a:hover {
-    color: #368CCB;
-    text-decoration: none;
+    color: var(--neu-accent);
+    text-shadow: 0 0 5px rgba(109, 93, 252, 0.3);
 }

 .wrapper {
@@ -46,256 +97,90 @@ a:hover {
    height: 4rem;
 }

-#footer a {
-    /*color: black;*/
-}
-
-code {
-    font-family: Consolas, 'Courier New', monospace;
-}
-
-.page-card-list {
-    margin: 8px 8px;
-}
-
-.page-card-title {
-    font-size: x-large;
-    font-weight: 500;
-    color: #000000;
-    text-decoration: none;
-    margin-bottom: 4px;
-}
-
-.page-card-text {
-    margin-top: 16px;
-}
-
-.pagination {
-    margin: 16px 4px;
-}
-
-.pagination a {
-    border: none;
-    overflow: hidden;
-}
-
-.shadow {
-    box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
-}
-
-.nav-shadow {
-    box-shadow: 0 2px 3px rgba(26, 26, 26, .1);
-}
-
-.paginator div {
-    border: 2px solid #000;
-    cursor: pointer;
-    display: inline-block;
-    min-width: 100px;
-    text-align: center;
-    font-weight: bold;
-    padding: 10px;
-}
-
-.box article {
-    overflow-wrap: break-word;
-    /*font-size: larger;*/
-    word-break: break-word;
-    line-height: 1.6;
-    padding: 16px;
-    /*margin-bottom: 16px;*/
-    background-color: #ffffff;
-}
-
-.toc-level-1 {
-    list-style-type: none;
-}
-
-.toc-level-2 {
-    list-style-type: none;
-}
-
-.toc-level-3 {
-    list-style-type: disc;
-}
-
-.toc-level-4 {
-    list-style-type: circle;
-}
-
-.toc-level-5 {
-    list-style-type: square;
-}
-
-.toc-level-6 {
-    list-style-type: square;
-}
-
-img {
-    max-width: 100%;
-    max-height: 100%;
-}
-
+/* Article Container - Main Card */
 .article-container {
-    margin: auto;
+    margin: 40px auto;
    max-width: 960px;
-    padding: 16px 16px;
+    padding: 40px;
    overflow-wrap: break-word;
    word-break: break-word;
    line-height: 1.6;
-    /*font-size: larger;*/
+    
+    background: var(--neu-bg);
+    border-radius: 24px;
+    box-shadow: 
+        12px 12px 24px var(--neu-shadow-dark), 
+        -12px -12px 24px var(--neu-shadow-light);
 }

+@media screen and (max-width: 768px) {
+    .article-container {
+        margin: 16px;
+        padding: 20px;
+        box-shadow: 
+            6px 6px 12px var(--neu-shadow-dark), 
+            -6px -6px 12px var(--neu-shadow-light);
+    }
+}
+
+/* Typography */
 article {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 16px;
    line-height: 1.5;
    word-wrap: break-word;
-    color: #24292f;
+    color: var(--neu-text);
 }

-article p, article blockquote, article ul, article ol, article dl, article table, article pre, article details {
-    margin-top: 0;
-    margin-bottom: 16px;
-}
-
-article ul, article ol {
-    padding-left: 2em;
-}
-
-article ul ul, article ul ol, article ol ol, article ol ul {
-    margin-top: 0;
-    margin-bottom: 0;
-}
-
-article .tag {
-    font-family: Verdana, Candara, Arial, Helvetica, Microsoft YaHei, sans-serif;
-}
-
-article a {
-    color: #007bff;
-    text-decoration: none;
-}
-
-article a:hover {
-    color: #007bff;
-    text-decoration: none;
-}
-
-article h2,
-article h3,
-article h4,
-article h5,
-article h6 {
+article h1, article h2, article h3, article h4, article h5, article h6 {
    margin-top: 24px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 1.5;
-    margin-block-start: 1em;
-    margin-block-end: 0.2em;
+    color: var(--neu-text);
 }

-article h1 {
-    font-size: 2em
-}
+article h1 { font-size: 2em; }
+article h2 { font-size: 1.5em; padding-bottom: 0.3em; }
+article h3 { font-size: 1.25em; }
+article h4 { font-size: 1.25em; }
+article h5 { font-size: 1.1em; }
+article h6 { font-size: 1em; font-weight: bold; }

-article h2 {
-    padding-bottom: 0.3em;
-    font-size: 1.5em;
-}
-
-article h3 {
-    font-size: 1.25em
-}
-
-article h4 {
-    font-size: 1.25em;
-}
-
-article h5 {
-    font-size: 1.1em;
-}
-
-article h6 {
-    font-size: 1em;
-    font-weight: bold
-}
-
-@media screen and (max-width: 960px) {
-    article h1 {
-        font-size: 1.5em
-    }
-
-    article h2 {
-        font-size: 1.35em
-    }
-
-    article h3 {
-        font-size: 1.3em
-    }
-
-    article h4 {
-        font-size: 1.2em;
-    }
-}
-
-article p {
-    margin-top: 0;
-    margin-bottom: 16px;
-}
-
-article table {
-    margin: auto;
-    border-collapse: collapse;
-    border-spacing: 0;
-    vertical-align: middle;
+.info {
+    font-size: 14px;
+    line-height: 28px;
    text-align: left;
-    min-width: 66%;
-}
-
-article table td,
-article table th {
-    padding: 5px 8px;
-    border: 1px solid #bbb;
+    color: var(--neu-text-muted);
+    margin-bottom: 24px;
 }

+/* Blockquote - Pressed Effect */
 article blockquote {
-    margin-left: 0;
-    padding: 0 1em;
-    border-left: 0.25em solid #ddd;
-}
-
-article ol ul {
-    list-style-type: circle;
+    margin: 16px 0;
+    padding: 16px 24px;
+    border-left: none;
+    border-radius: 12px;
+    background: var(--neu-bg);
+    box-shadow: 
+        inset 4px 4px 8px var(--neu-shadow-dark), 
+        inset -4px -4px 8px var(--neu-shadow-light);
+    color: var(--neu-text-muted);
 }

+/* Code Blocks - Pressed Effect */
 article pre {
-    max-width: 960px;
+    max-width: 100%;
    display: block;
    overflow: auto;
-    padding: 0;
+    padding: 16px;
    margin-top: 12px;
    margin-bottom: 12px;
-    border-radius: 6px;
-}
-
-article pre code {
-    font-size: 14px;
-}
-
-article ol {
-    text-decoration: none;
-    padding-inline-start: 40px;
-    margin-bottom: 1.25rem;
-    padding-left: 2em;
-}
-
-article ul {
-    padding-left: 2em;
-}
-
-article li + li {
-    margin-top: 0.25em;
+    border-radius: 12px;
+    background: var(--neu-bg);
+    box-shadow: 
+        inset 4px 4px 8px var(--neu-shadow-dark), 
+        inset -4px -4px 8px var(--neu-shadow-light);
 }

 code {
@@ -303,97 +188,139 @@ code {
 }

 article code {
-    color: #24292f;
-    background-color: rgb(175 184 193 / 20%);
+    color: var(--neu-accent);
+    background-color: transparent;
    padding: .065em .4em;
    border-radius: 6px;
-    font-family: "JetBrains Mono", "Cascadia Code", Consolas, Microsoft YaHei, monospace;
 }

-article .copyright {
-    display: none;
+/* Inline Code Style */
+p code, li code {
+    background-color: var(--neu-bg);
+    box-shadow: 
+        inset 2px 2px 4px var(--neu-shadow-dark), 
+        inset -2px -2px 4px var(--neu-shadow-light);
+    padding: 2px 6px;
+    border-radius: 6px;
 }

-.info {
-    font-size: 14px;
-    line-height: 28px;
+/* Lists */
+article ul, article ol {
+    padding-left: 2em;
+}
+
+article li + li {
+    margin-top: 0.25em;
+}
+
+/* Tables */
+article table {
+    margin: auto;
+    border-collapse: separate;
+    border-spacing: 0;
+    vertical-align: middle;
    text-align: left;
-    color: #738292;
+    min-width: 66%;
+    border-radius: 12px;
+    overflow: hidden;
+    background: var(--neu-bg);
+    box-shadow: 
+        8px 8px 16px var(--neu-shadow-dark), 
+        -8px -8px 16px var(--neu-shadow-light);
    margin-bottom: 24px;
 }

-.info a {
-    text-decoration: none;
-    color: inherit;
+article table td,
+article table th {
+    padding: 12px 16px;
+    border-bottom: 1px solid rgba(184, 188, 194, 0.3);
 }

-/* Code Page Style*/
-.code-page {
-    margin-top: 32px;
-    padding-left: 16px;
-    padding-right: 16px;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+article table tr:last-child td {
+    border-bottom: none;
 }

-.code-page code {
-    font-size: 16px;
-    width: 100%;
-    height: 100%;
+/* Images */
+img {
+    max-width: 100%;
+    max-height: 100%;
+    border-radius: 12px;
+    margin: 16px 0;
+    box-shadow: 
+        8px 8px 16px var(--neu-shadow-dark), 
+        -8px -8px 16px var(--neu-shadow-light);
 }

-.code-page pre {
-    margin-top: 2px;
-    overflow-x: auto;
-    padding: 0;
-    font-size: 16px;
-    background-color: rgba(0, 0, 0, 0);
+/* Tags (e.g. timestamp) */
+.tag.is-light {
+    background: var(--neu-bg);
+    color: var(--neu-text-muted);
+    padding: 4px 12px;
+    border-radius: 20px;
+    box-shadow: 
+        4px 4px 8px var(--neu-shadow-dark), 
+        -4px -4px 8px var(--neu-shadow-light);
+    font-size: 0.85em;
+    font-weight: 500;
 }

-.code-page .control-panel {
-    width: 100%;
+/* Scrollbar */
+::-webkit-scrollbar {
+    width: 12px;
+    height: 12px;
+}
+::-webkit-scrollbar-track {
+    background: var(--neu-bg); 
+}
+::-webkit-scrollbar-thumb {
+    background: var(--neu-shadow-dark); 
+    border-radius: 6px;
+    border: 3px solid var(--neu-bg);
 }

-#code-display {
-    padding: 16px 24px;
+/* Helper classes */
+.shadow {
+    box-shadow: 
+        8px 8px 16px var(--neu-shadow-dark), 
+        -8px -8px 16px var(--neu-shadow-light);
 }

-.discuss h1 {
-    font-size: 24px;
-    line-height: 36px;
-    text-align: left;
+.nav-shadow {
+    box-shadow: 
+        0 4px 8px var(--neu-shadow-dark);
 }

-.discuss .time {
-    font-size: 12px;
-    line-height: 18px;
-    text-align: left;
-    color: #738292;
-}
-
-.discuss .content {
-    font-size: 16px;
-    line-height: 24px;
-    text-align: left;
-}
-
-.raw {
-    padding: 16px;
-}
-
-.raw .raw-content {
-    overflow-y: hidden;
-    overflow-x: scroll;
-}
-
-.links {
-    margin: 16px;
-}
-
-span.line {
+/* Pagination */
+.paginator div {
+    border: none;
+    cursor: pointer;
    display: inline-block;
+    min-width: 40px;
+    text-align: center;
+    font-weight: bold;
+    padding: 10px 20px;
+    margin: 0 8px;
+    
+    background: var(--neu-bg);
+    border-radius: 12px;
+    color: var(--neu-text);
+    box-shadow: 
+        4px 4px 8px var(--neu-shadow-dark), 
+        -4px -4px 8px var(--neu-shadow-light);
+    transition: all 0.2s ease;
 }

-.toc {
-    position: sticky;
-    top: 24px;
-}
+.paginator div:hover {
+    transform: translateY(-2px);
+    box-shadow: 
+        6px 6px 12px var(--neu-shadow-dark), 
+        -6px -6px 12px var(--neu-shadow-light);
+    color: var(--neu-accent);
+}
+
+.paginator div:active {
+    transform: translateY(0);
+    box-shadow: 
+        inset 4px 4px 8px var(--neu-shadow-dark), 
+        inset -4px -4px 8px var(--neu-shadow-light);
+}
@@ -2,7 +2,7 @@ version: "3"

 services:
  message-pusher:
-    image: justsong/message-pusher
+    image: zimonianhua/message-pusher
    restart: unless-stopped
    ports:
      - 3000:3000
@@ -4,7 +4,7 @@
    <meta charset="utf-8" />
    <link rel="icon" href="logo.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#ffffff" />
+    <meta name="theme-color" content="#e0e5ec" />
    <meta
      name="description"
      content="Web site created using create-react-app"
@@ -11,24 +11,11 @@ const Footer = () => {
  });

  return (
-    <Segment vertical>
+    <Segment vertical basic>
      <Container textAlign='center'>
        {Footer === '' ? (
          <div className='custom-footer'>
-            <a
-              href='https://github.com/songquanpeng/message-pusher'
-              target='_blank'
-            >
              消息推送服务 {process.env.REACT_APP_VERSION}{' '}
-            </a>
-            由{' '}
-            <a href='https://github.com/songquanpeng' target='_blank'>
-              JustSong
-            </a>{' '}
-            构建，源代码遵循{' '}
-            <a href='https://opensource.org/licenses/mit-license.php'>
-              MIT 协议
-            </a>
          </div>
        ) : (
          <div
@@ -168,7 +168,7 @@ const Header = () => {

  return (
    <>
-      <Menu borderless style={{ borderTop: 'none' }}>
+      <Menu borderless fixed='top' style={{ borderTop: 'none' }}>
        <Container>
          <Menu.Item as={Link} to='/' className={'hide-on-mobile'}>
            <img src='/logo.png' alt='logo' style={{ marginRight: '0.75em' }} />
@@ -74,12 +74,12 @@ const OtherSetting = () => {

  const openGitHubRelease = () => {
    window.location =
-      'https://github.com/songquanpeng/message-pusher/releases/latest';
+      'https://github.com/xyzmos/message-pusher/releases/latest';
  };

  const checkUpdate = async () => {
    const res = await API.get(
-      'https://api.github.com/repos/songquanpeng/message-pusher/releases/latest'
+      'https://api.github.com/repos/xyzmos/message-pusher/releases/latest'
    );
    const { tag_name, body } = res.data;
    if (tag_name === process.env.REACT_APP_VERSION) {
@@ -1,31 +1,307 @@
+/* Neumorphism Global Styles */
+
+:root {
+  --neu-bg: #e0e5ec;
+  --neu-bg-light: #f0f0f3;
+  --neu-shadow-dark: #b8bcc2;
+  --neu-shadow-light: #ffffff;
+  --neu-accent: #6d5dfc;
+  --neu-text: #333333;
+  --neu-text-muted: #6b7280;
+  --neu-radius: 12px;
+}
+
 body {
-    margin: 0;
-    padding-top: 55px;
-    overflow-y: scroll;
-    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, "Microsoft YaHei", sans-serif;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    scrollbar-width: none;
+  margin: 0;
+  padding-top: 70px; /* Increased for better header separation */
+  overflow-y: scroll;
+  font-family: Lato, 'Helvetica Neue', Arial, Helvetica, "Microsoft YaHei", sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  background-color: var(--neu-bg);
+  color: var(--neu-text);
+  scrollbar-width: none;
 }

 body::-webkit-scrollbar {
-    display: none;
+  display: none;
 }

 code {
-    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
 }

 .main-content {
-    padding: 4px;
+  padding: 24px; /* Increased padding */
+  max-width: 1200px; /* Limit width for better readability */
+  margin: 0 auto;
 }

 .small-icon .icon {
-    font-size: 1em !important;
+  font-size: 1em !important;
+}
+
+.quote {
+  margin-left: 0;
+  padding: 0 1em;
+  border-left: 0.25em solid #ddd;
+}
+
+a {
+  color: var(--neu-accent);
+  text-decoration: none;
+}
+
+a:hover {
+  color: #5a4ad1; /* Slightly darker accent */
+}
+
+/* Utility Classes */
+.neu-raised {
+  background: var(--neu-bg);
+  border-radius: var(--neu-radius);
+  box-shadow: 8px 8px 16px var(--neu-shadow-dark), -8px -8px 16px var(--neu-shadow-light);
+  border: none !important;
+}
+
+.neu-raised-sm {
+  background: var(--neu-bg);
+  border-radius: var(--neu-radius);
+  box-shadow: 4px 4px 8px var(--neu-shadow-dark), -4px -4px 8px var(--neu-shadow-light);
+  border: none !important;
+}
+
+.neu-pressed {
+  background: var(--neu-bg);
+  border-radius: var(--neu-radius);
+  box-shadow: inset 8px 8px 16px var(--neu-shadow-dark), inset -8px -8px 16px var(--neu-shadow-light);
+  border: none !important;
+}
+
+.neu-pressed-sm {
+  background: var(--neu-bg);
+  border-radius: var(--neu-radius);
+  box-shadow: inset 4px 4px 8px var(--neu-shadow-dark), inset -4px -4px 8px var(--neu-shadow-light);
+  border: none !important;
+}
+
+.neu-circle {
+  border-radius: 50% !important;
+}
+
+/* New Helper to remove shadow */
+.neu-no-shadow {
+    box-shadow: none !important;
+    background: transparent !important;
+    border: none !important;
+}
+
+/* Semantic UI Overrides */
+
+/* Segments, Cards, Messages */
+.ui.segment,
+.ui.card,
+.ui.cards > .card,
+.ui.message {
+  background: var(--neu-bg) !important;
+  border: none !important;
+  box-shadow: 8px 8px 16px var(--neu-shadow-dark), -8px -8px 16px var(--neu-shadow-light) !important;
+  border-radius: var(--neu-radius) !important;
+  color: var(--neu-text) !important;
+}
+
+/* Special class for transparent segments */
+.ui.basic.segment {
+    box-shadow: none !important;
+    background: transparent !important;
+    border: none !important;
+}
+
+.ui.card > .content > .header,
+.ui.cards > .card > .content > .header,
+.ui.header {
+  color: var(--neu-text) !important;
+}
+
+.ui.card > .content > .meta,
+.ui.cards > .card > .content > .meta {
+  color: var(--neu-text-muted) !important;
+}
+
+/* Remove internal borders in segments/cards if desired, or keep them soft */
+.ui.segment:after, .ui.segment:before {
+    display: none;
+}
+
+/* Buttons */
+.ui.button {
+  background: var(--neu-bg) !important;
+  color: var(--neu-text) !important;
+  border: none !important;
+  box-shadow: 5px 5px 10px var(--neu-shadow-dark), -5px -5px 10px var(--neu-shadow-light) !important;
+  border-radius: 10px !important;
+  transition: all 0.2s ease !important;
+  font-weight: 600 !important;
+  margin-right: 8px !important; /* Add spacing between buttons */
+}
+
+.ui.button:hover {
+  background: var(--neu-bg) !important;
+  box-shadow: 3px 3px 6px var(--neu-shadow-dark), -3px -3px 6px var(--neu-shadow-light) !important;
+  transform: translateY(-1px);
+}
+
+.ui.button:active,
+.ui.button.active {
+  background: var(--neu-bg) !important;
+  box-shadow: inset 4px 4px 8px var(--neu-shadow-dark), inset -4px -4px 8px var(--neu-shadow-light) !important;
+  transform: translateY(1px);
+}
+
+/* Circular Buttons */
+.ui.circular.button {
+  border-radius: 50% !important;
+}
+
+/* Primary/Positive/Negative buttons - use accent color text or slight tint */
+.ui.primary.button, .ui.blue.button {
+    color: var(--neu-accent) !important;
+}
+.ui.positive.button, .ui.green.button {
+    color: #21ba45 !important;
+}
+.ui.negative.button, .ui.red.button {
+    color: #db2828 !important;
+}
+
+/* Inputs */
+.ui.form input:not([type]), 
+.ui.form input[type=date], 
+.ui.form input[type=datetime-local], 
+.ui.form input[type=email], 
+.ui.form input[type=file], 
+.ui.form input[type=number], 
+.ui.form input[type=password], 
+.ui.form input[type=search], 
+.ui.form input[type=tel], 
+.ui.form input[type=text], 
+.ui.form input[type=time], 
+.ui.form input[type=url], 
+.ui.input > input,
+.ui.form textarea {
+  background: var(--neu-bg) !important;
+  border: none !important;
+  box-shadow: inset 5px 5px 10px var(--neu-shadow-dark), inset -5px -5px 10px var(--neu-shadow-light) !important;
+  border-radius: var(--neu-radius) !important;
+  color: var(--neu-text) !important;
+  padding: 1em !important;
+}
+
+.ui.form input:focus, .ui.input > input:focus, .ui.form textarea:focus {
+    color: var(--neu-accent) !important;
+}
+
+/* Menu / Header */
+.ui.menu {
+  background: var(--neu-bg) !important;
+  border: none !important;
+  box-shadow: none !important;
+}
+
+/* Fixed Header Style */
+.ui.menu.fixed {
+    box-shadow: 0px 4px 10px var(--neu-shadow-dark) !important;
+    z-index: 1000;
+}
+
+.ui.menu .item {
+    color: var(--neu-text) !important;
+    margin: 0 4px !important;
+    border-radius: 8px !important;
+    transition: all 0.2s ease;
+}
+
+.ui.menu .item:before {
+    background: transparent !important;
+}
+
+.ui.menu .item:hover {
+    background: transparent !important;
+    box-shadow: 3px 3px 6px var(--neu-shadow-dark), -3px -3px 6px var(--neu-shadow-light) !important;
+}
+
+.ui.menu .active.item {
+    background: transparent !important;
+    color: var(--neu-accent) !important;
+    font-weight: bold !important;
+    box-shadow: inset 3px 3px 6px var(--neu-shadow-dark), inset -3px -3px 6px var(--neu-shadow-light) !important;
+}
+
+/* Dropdown */
+.ui.dropdown .menu {
+    background: var(--neu-bg) !important;
+    border: none !important;
+    box-shadow: 8px 8px 16px var(--neu-shadow-dark), -8px -8px 16px var(--neu-shadow-light) !important;
+    border-radius: var(--neu-radius) !important;
+}
+
+.ui.dropdown .menu > .item {
+    color: var(--neu-text) !important;
+    border-top: none !important;
+}
+
+.ui.dropdown .menu > .item:hover {
+    background: transparent !important;
+    box-shadow: inset 3px 3px 6px var(--neu-shadow-dark), inset -3px -3px 6px var(--neu-shadow-light) !important;
+    border-radius: 8px !important;
+}
+
+/* Labels */
+.ui.label {
+    background: var(--neu-bg) !important;
+    box-shadow: 3px 3px 6px var(--neu-shadow-dark), -3px -3px 6px var(--neu-shadow-light) !important;
+    border: none !important;
+    color: var(--neu-text) !important;
+    border-radius: 6px !important;
+}
+
+/* Tables */
+.ui.table {
+    background: var(--neu-bg) !important;
+    border: none !important;
+    box-shadow: 8px 8px 16px var(--neu-shadow-dark), -8px -8px 16px var(--neu-shadow-light) !important;
+    border-radius: var(--neu-radius) !important;
+}
+.ui.table thead th {
+    background: var(--neu-bg) !important;
+    border-bottom: 1px solid rgba(0,0,0,0.05) !important;
+    color: var(--neu-text) !important;
+}
+.ui.table tbody td {
+    border-top: 1px solid rgba(0,0,0,0.05) !important;
+}
+
+/* Modal */
+.ui.modal {
+    background: var(--neu-bg) !important;
+    border-radius: var(--neu-radius) !important;
+    box-shadow: 10px 10px 20px var(--neu-shadow-dark), -10px -10px 20px var(--neu-shadow-light) !important;
+}
+.ui.modal > .header, .ui.modal > .content, .ui.modal > .actions {
+    background: var(--neu-bg) !important;
+    border: none !important;
+    color: var(--neu-text) !important;
+}
+
+/* Divider */
+.ui.divider {
+    border-top: 1px solid rgba(0,0,0,0.05) !important;
+    border-bottom: 1px solid rgba(255,255,255,0.8) !important;
 }

 .custom-footer {
    font-size: 1.1em;
+    color: var(--neu-text-muted);
 }

@media only screen and (max-width: 600px) {
@@ -33,9 +309,3 @@ code {
        display: none !important;
    }
 }
-
-.quote {
-    margin-left: 0;
-    padding: 0 1em;
-    border-left: 0.25em solid #ddd;
-}
@@ -34,8 +34,8 @@ const About = () => {
            <Header as='h3'>关于</Header>
            <p>可在设置页面设置关于内容，支持 HTML & Markdown</p>
            项目仓库地址：
-            <a href='https://github.com/songquanpeng/message-pusher'>
-              https://github.com/songquanpeng/message-pusher
+            <a href='https://github.com/xyzmos/message-pusher'>
+              https://github.com/xyzmos/message-pusher
            </a>
          </>
        ) : (
@@ -40,7 +40,7 @@ const Home = () => {
        </>
      ) : (
        <>
-          <Segment>
+          <Segment basic>
            <Header as='h3'>系统状况</Header>
            <Grid columns={2} stackable>
              <Grid.Column>
@@ -54,10 +54,10 @@ const Home = () => {
                      <p>
                        源码：
                        <a
-                          href='https://github.com/songquanpeng/message-pusher'
+                          href='https://github.com/xyzmos/message-pusher'
                          target='_blank'
-                        >
-                          https://github.com/songquanpeng/message-pusher
+                        > 
+                          https://github.com/xyzmos/message-pusher
                        </a>
                      </p>
                      <p>启动时间：{getStartTimeString()}</p>
Author	SHA1	Message	Date
zimonianhua	3d6ba87546	style(ui): 优化页面布局与视觉样式 - 为 Header 组件添加 fixed 定位，并调整 body 顶部内边距 - 为主内容区域增加内边距和最大宽度限制以提升可读性 - 为多个 Segment 组件添加 basic 属性以移除背景和阴影 - 新增 CSS 工具类 `neu-no-shadow` 用于透明化元素 - 优化按钮间距、菜单项悬停效果及活动状态样式	2026-02-11 14:29:26 +08:00
zimonianhua	96eb8d7064	style(ui): 将主题从液态玻璃更新为新拟态设计并替换仓库链接 Publish Docker image (amd64) / Push Docker image to multiple registries (push) Has been cancelled Details Publish Docker image (arm64) / Push Docker image to multiple registries (push) Has been cancelled Details Linux Release / release (push) Has been cancelled Details macOS Release / release (push) Has been cancelled Details Windows Release / release (push) Has been cancelled Details - 将整体 UI 主题从液态玻璃效果更改为新拟态（Neumorphism）设计风格 - 更新所有 GitHub 仓库链接至新组织地址 - 简化页脚信息，移除作者和许可证声明 - 调整消息页面的 HTML 结构和样式以匹配新设计	2026-02-11 14:20:32 +08:00
zimonianhua	de68963f40	feat(ui): 引入液态玻璃设计风格并重构消息页面样式 Publish Docker image (amd64) / Push Docker image to multiple registries (push) Has been cancelled Details Publish Docker image (arm64) / Push Docker image to multiple registries (push) Has been cancelled Details Linux Release / release (push) Has been cancelled Details macOS Release / release (push) Has been cancelled Details Windows Release / release (push) Has been cancelled Details - 将消息页面整体布局更新为液态玻璃设计风格，使用渐变背景和毛玻璃效果 - 重构 CSS 文件，移除旧样式并实现新的设计系统，包括变量定义和组件样式 - 优化响应式布局和视觉层次，提升页面美观度和现代感 - 保留原有功能内容的同时全面更新视觉呈现方式	2026-02-11 13:55:46 +08:00
zimonianhua	476e42b919	fix(channel): 增加HTTP客户端超时时间并改进SOCKS5代理处理 Publish Docker image (amd64) / Push Docker image to multiple registries (push) Has been cancelled Details Publish Docker image (arm64) / Push Docker image to multiple registries (push) Has been cancelled Details Linux Release / release (push) Has been cancelled Details macOS Release / release (push) Has been cancelled Details Windows Release / release (push) Has been cancelled Details - 将Telegram和微信企业号通道的HTTP客户端超时统一延长至30秒，避免因网络延迟导致请求失败 - 修复SOCKS5代理连接未正确处理上下文取消的问题，现在支持带认证的SOCKS5代理 - 当无法获取默认HTTP传输时，提供完整的传输配置而非空结构	2026-02-11 11:25:42 +08:00
zimonianhua	f395e4c951	build: 将 Docker 镜像源从 justsong 更改为 zimonianhua 更新 docker-compose.yml 和 GitHub Actions 工作流文件中的镜像名称，以使用新的镜像仓库源。	2026-02-11 10:16:21 +08:00
zimonianhua	52b9439a14	build: 升级 Node.js 版本至 18 并启用 corepack - 将 Docker 基础镜像从 node:16 升级至 node:18。 - 在 Dockerfile 中启用 corepack 并准备指定版本的 yarn。 - 更新所有 GitHub Actions 工作流中的 node-version 为 18。	2026-02-11 10:09:40 +08:00
zimonianhua	3044db38bb	ci: 改进版本信息获取以支持无标签提交修改所有 GitHub Actions 工作流，在检出代码时获取完整历史记录和标签，并将 `git describe` 命令统一添加 `--always` 参数，确保在无标签的提交上也能生成有效的版本信息。	2026-02-11 09:58:46 +08:00