✨ feat(controller): gracefully handle missing Uptime Kuma configuration

Previously, the uptime status endpoint returned HTTP 400 with “未配置 Uptime Kuma URL/Slug” when either option was not set, resulting in frontend error states. Changes: • Treat absence of `UptimeKumaUrl` or `UptimeKumaSlug` as a valid scenario. • Immediately respond with HTTP 200, `success: true`, and an empty `data` array. • Preserve existing behavior when both options are provided. This prevents unnecessary error notifications on the dashboard when Uptime Kuma integration is not configured and improves overall UX.
💄style: Align ChannelsTable column selector modal style with LogsTable
2026-04-13 05:57:27 +00:00 · 2025-06-11 03:41:05 +08:00 · 2025-06-11 03:26:16 +08:00 · 2025-06-11 03:19:53 +08:00 · 2025-06-11 03:19:20 +08:00 · 2025-06-11 03:16:27 +08:00
34 changed files with 2906 additions and 475 deletions
--- a/controller/channel-test.go
+++ b/controller/channel-test.go
@@ -271,6 +271,13 @@ func testAllChannels(notify bool) error {
 		disableThreshold = 10000000 // a impossible value
 	}
 	gopool.Go(func() {
+		// 使用 defer 确保无论如何都会重置运行状态，防止死锁
+		defer func() {
+			testAllChannelsLock.Lock()
+			testAllChannelsRunning = false
+			testAllChannelsLock.Unlock()
+		}()
+
 		for _, channel := range channels {
 			isChannelEnabled := channel.Status == common.ChannelStatusEnabled
 			tik := time.Now()
@@ -305,9 +312,7 @@ func testAllChannels(notify bool) error {
 			channel.UpdateResponseTime(milliseconds)
 			time.Sleep(common.RequestInterval)
 		}
-		testAllChannelsLock.Lock()
-		testAllChannelsRunning = false
-		testAllChannelsLock.Unlock()
+		
 		if notify {
 			service.NotifyRootUser(dto.NotifyTypeChannelTest, "通道测试完成", "所有通道测试已完成")
 		}
--- a/controller/misc.go
+++ b/controller/misc.go
@@ -6,6 +6,7 @@ import (
 	"net/http"
 	"one-api/common"
 	"one-api/constant"
+	"one-api/middleware"
 	"one-api/model"
 	"one-api/setting"
 	"one-api/setting/operation_setting"
@@ -24,14 +25,18 @@ func TestStatus(c *gin.Context) {
 		})
 		return
 	}
+	// 获取HTTP统计信息
+	httpStats := middleware.GetStats()
 	c.JSON(http.StatusOK, gin.H{
-		"success": true,
-		"message": "Server is running",
+		"success":    true,
+		"message":    "Server is running",
+		"http_stats": httpStats,
 	})
 	return
 }

 func GetStatus(c *gin.Context) {
+
 	c.JSON(http.StatusOK, gin.H{
 		"success": true,
 		"message": "",
@@ -75,6 +80,8 @@ func GetStatus(c *gin.Context) {
 			"oidc_authorization_endpoint": system_setting.GetOIDCSettings().AuthorizationEndpoint,
 			"setup":                       constant.Setup,
 			"api_info":                    setting.GetApiInfo(),
+			"announcements":               setting.GetAnnouncements(),
+			"faq":                         setting.GetFAQ(),
 		},
 	})
 	return
--- a/controller/option.go
+++ b/controller/option.go
@@ -128,6 +128,24 @@ func UpdateOption(c *gin.Context) {
 			})
 			return
 		}
+	case "Announcements":
+		err = setting.ValidateConsoleSettings(option.Value, "Announcements")
+		if err != nil {
+			c.JSON(http.StatusOK, gin.H{
+				"success": false,
+				"message": err.Error(),
+			})
+			return
+		}
+	case "FAQ":
+		err = setting.ValidateConsoleSettings(option.Value, "FAQ")
+		if err != nil {
+			c.JSON(http.StatusOK, gin.H{
+				"success": false,
+				"message": err.Error(),
+			})
+			return
+		}
 	}
 	err = model.UpdateOption(option.Key, option.Value)
 	if err != nil {
--- a/controller/topup.go
+++ b/controller/topup.go
@@ -106,7 +106,7 @@ func RequestEpay(c *gin.Context) {
 		payType = "wxpay"
 	}
 	callBackAddress := service.GetCallbackAddress()
-	returnUrl, _ := url.Parse(setting.ServerAddress + "/log")
+	returnUrl, _ := url.Parse(setting.ServerAddress + "/console/log")
 	notifyUrl, _ := url.Parse(callBackAddress + "/api/user/epay/notify")
 	tradeNo := fmt.Sprintf("%s%d", common.GetRandomString(6), time.Now().Unix())
 	tradeNo = fmt.Sprintf("USR%dNO%s", id, tradeNo)
--- a/controller/uptime_kuma.go
+++ b/controller/uptime_kuma.go
@@ -0,0 +1,169 @@
+package controller
+
+import (
+	"context"
+	"encoding/json"
+	"errors"
+	"fmt"
+	"net/http"
+	"one-api/common"
+	"strings"
+	"time"
+
+	"github.com/gin-gonic/gin"
+	"golang.org/x/sync/errgroup"
+)
+
+type UptimeKumaMonitor struct {
+	ID   int    `json:"id"`
+	Name string `json:"name"`
+	Type string `json:"type"`
+}
+
+type UptimeKumaGroup struct {
+	ID          int                  `json:"id"`
+	Name        string               `json:"name"`
+	Weight      int                  `json:"weight"`
+	MonitorList []UptimeKumaMonitor  `json:"monitorList"`
+}
+
+type UptimeKumaHeartbeat struct {
+	Status int      `json:"status"`
+	Time   string   `json:"time"`
+	Msg    string   `json:"msg"`
+	Ping   *float64 `json:"ping"`
+}
+
+type UptimeKumaStatusResponse struct {
+	PublicGroupList []UptimeKumaGroup `json:"publicGroupList"`
+}
+
+type UptimeKumaHeartbeatResponse struct {
+	HeartbeatList map[string][]UptimeKumaHeartbeat `json:"heartbeatList"`
+	UptimeList    map[string]float64               `json:"uptimeList"`
+}
+
+type MonitorStatus struct {
+	Name   string  `json:"name"`
+	Uptime float64 `json:"uptime"`
+	Status int     `json:"status"`
+}
+
+var (
+	ErrUpstreamNon200 = errors.New("upstream non-200")
+	ErrTimeout        = errors.New("context deadline exceeded")
+)
+
+func getAndDecode(ctx context.Context, client *http.Client, url string, dest interface{}) error {
+	req, err := http.NewRequestWithContext(ctx, http.MethodGet, url, nil)
+	if err != nil {
+		return err
+	}
+
+	resp, err := client.Do(req)
+	if err != nil {
+		if errors.Is(err, context.DeadlineExceeded) || errors.Is(err, context.Canceled) {
+			return ErrTimeout
+		}
+		return err
+	}
+	defer resp.Body.Close()
+
+	if resp.StatusCode != http.StatusOK {
+		return ErrUpstreamNon200
+	}
+
+	return json.NewDecoder(resp.Body).Decode(dest)
+}
+
+func GetUptimeKumaStatus(c *gin.Context) {
+	common.OptionMapRWMutex.RLock()
+	uptimeKumaUrl := common.OptionMap["UptimeKumaUrl"]
+	slug := common.OptionMap["UptimeKumaSlug"]
+	common.OptionMapRWMutex.RUnlock()
+
+	if uptimeKumaUrl == "" || slug == "" {
+		c.JSON(http.StatusOK, gin.H{
+			"success": true,
+			"message": "",
+			"data":    []MonitorStatus{},
+		})
+		return
+	}
+
+	uptimeKumaUrl = strings.TrimSuffix(uptimeKumaUrl, "/")
+
+	ctx, cancel := context.WithTimeout(c.Request.Context(), 10*time.Second)
+	defer cancel()
+
+	client := &http.Client{}
+
+	statusPageUrl := fmt.Sprintf("%s/api/status-page/%s", uptimeKumaUrl, slug)
+	heartbeatUrl := fmt.Sprintf("%s/api/status-page/heartbeat/%s", uptimeKumaUrl, slug)
+
+	var (
+		statusData    UptimeKumaStatusResponse
+		heartbeatData UptimeKumaHeartbeatResponse
+	)
+
+	g, gCtx := errgroup.WithContext(ctx)
+
+	g.Go(func() error {
+		return getAndDecode(gCtx, client, statusPageUrl, &statusData)
+	})
+
+	g.Go(func() error {
+		return getAndDecode(gCtx, client, heartbeatUrl, &heartbeatData)
+	})
+
+	if err := g.Wait(); err != nil {
+		switch err {
+		case ErrUpstreamNon200:
+			c.JSON(http.StatusBadRequest, gin.H{
+				"success": false,
+				"message": "上游接口出现问题",
+			})
+		case ErrTimeout:
+			c.JSON(http.StatusRequestTimeout, gin.H{
+				"success": false,
+				"message": "请求上游接口超时",
+			})
+		default:
+			c.JSON(http.StatusBadRequest, gin.H{
+				"success": false,
+				"message": err.Error(),
+			})
+		}
+		return
+	}
+
+	var monitors []MonitorStatus
+	for _, group := range statusData.PublicGroupList {
+		for _, monitor := range group.MonitorList {
+			monitorStatus := MonitorStatus{
+				Name:   monitor.Name,
+				Uptime: 0.0,
+				Status: 0,
+			}
+
+			uptimeKey := fmt.Sprintf("%d_24", monitor.ID)
+			if uptime, exists := heartbeatData.UptimeList[uptimeKey]; exists {
+				monitorStatus.Uptime = uptime
+			}
+
+			heartbeatKey := fmt.Sprintf("%d", monitor.ID)
+			if heartbeats, exists := heartbeatData.HeartbeatList[heartbeatKey]; exists && len(heartbeats) > 0 {
+				latestHeartbeat := heartbeats[0]
+				monitorStatus.Status = latestHeartbeat.Status
+			}
+
+			monitors = append(monitors, monitorStatus)
+		}
+	}
+
+	c.JSON(http.StatusOK, gin.H{
+		"success": true,
+		"message": "",
+		"data":    monitors,
+	})
+} 
--- a/go.mod
+++ b/go.mod
@@ -11,7 +11,6 @@ require (
 	github.com/aws/aws-sdk-go-v2/credentials v1.17.11
 	github.com/aws/aws-sdk-go-v2/service/bedrockruntime v1.7.4
 	github.com/bytedance/gopkg v0.0.0-20220118071334-3db87571198b
-	github.com/bytedance/sonic v1.11.6
 	github.com/gin-contrib/cors v1.7.2
 	github.com/gin-contrib/gzip v0.0.6
 	github.com/gin-contrib/sessions v0.0.5
@@ -25,10 +24,10 @@ require (
 	github.com/gorilla/websocket v1.5.0
 	github.com/joho/godotenv v1.5.1
 	github.com/pkg/errors v0.9.1
-	github.com/pkoukk/tiktoken-go v0.1.7
 	github.com/samber/lo v1.39.0
 	github.com/shirou/gopsutil v3.21.11+incompatible
 	github.com/shopspring/decimal v1.4.0
+	github.com/tiktoken-go/tokenizer v0.6.2
 	golang.org/x/crypto v0.35.0
 	golang.org/x/image v0.23.0
 	golang.org/x/net v0.35.0
@@ -43,12 +42,13 @@ require (
 	github.com/aws/aws-sdk-go-v2/internal/configsources v1.3.5 // indirect
 	github.com/aws/aws-sdk-go-v2/internal/endpoints/v2 v2.6.5 // indirect
 	github.com/aws/smithy-go v1.20.2 // indirect
+	github.com/bytedance/sonic v1.11.6 // indirect
 	github.com/bytedance/sonic/loader v0.1.1 // indirect
 	github.com/cespare/xxhash/v2 v2.3.0 // indirect
 	github.com/cloudwego/base64x v0.1.4 // indirect
 	github.com/cloudwego/iasm v0.2.0 // indirect
 	github.com/dgryski/go-rendezvous v0.0.0-20200823014737-9f7001d12a5f // indirect
-	github.com/dlclark/regexp2 v1.11.0 // indirect
+	github.com/dlclark/regexp2 v1.11.5 // indirect
 	github.com/dustin/go-humanize v1.0.1 // indirect
 	github.com/gabriel-vasile/mimetype v1.4.3 // indirect
 	github.com/gin-contrib/sse v0.1.0 // indirect
--- a/go.sum
+++ b/go.sum
@@ -38,8 +38,8 @@ github.com/davecgh/go-spew v1.1.1 h1:vj9j/u1bqnvCEfJOwUhtlOARqs3+rkHYY13jYWTU97c
 github.com/davecgh/go-spew v1.1.1/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
 github.com/dgryski/go-rendezvous v0.0.0-20200823014737-9f7001d12a5f h1:lO4WD4F/rVNCu3HqELle0jiPLLBs70cWOduZpkS1E78=
 github.com/dgryski/go-rendezvous v0.0.0-20200823014737-9f7001d12a5f/go.mod h1:cuUVRXasLTGF7a8hSLbxyZXjz+1KgoB3wDUb6vlszIc=
-github.com/dlclark/regexp2 v1.11.0 h1:G/nrcoOa7ZXlpoa/91N3X7mM3r8eIlMBBJZvsz/mxKI=
-github.com/dlclark/regexp2 v1.11.0/go.mod h1:DHkYz0B9wPfa6wondMfaivmHpzrQ3v9q8cnmRbL6yW8=
+github.com/dlclark/regexp2 v1.11.5 h1:Q/sSnsKerHeCkc/jSTNq1oCm7KiVgUMZRDUoRu0JQZQ=
+github.com/dlclark/regexp2 v1.11.5/go.mod h1:DHkYz0B9wPfa6wondMfaivmHpzrQ3v9q8cnmRbL6yW8=
 github.com/dustin/go-humanize v1.0.1 h1:GzkhY7T5VNhEkwH0PVJgjz+fX1rhBrR7pRT3mDkpeCY=
 github.com/dustin/go-humanize v1.0.1/go.mod h1:Mu1zIs6XwVuF/gI1OepvI0qD18qycQx+mFykh5fBlto=
 github.com/fsnotify/fsnotify v1.4.9 h1:hsms1Qyu0jgnwNXIxa+/V/PDsU6CfLf6CNO8H7IWoS4=
@@ -167,8 +167,6 @@ github.com/pelletier/go-toml/v2 v2.2.1/go.mod h1:1t835xjRzz80PqgE6HHgN2JOsmgYu/h
 github.com/pkg/diff v0.0.0-20210226163009-20ebb0f2a09e/go.mod h1:pJLUxLENpZxwdsKMEsNbx1VGcRFpLqf3715MtcvvzbA=
 github.com/pkg/errors v0.9.1 h1:FEBLx1zS214owpjy7qsBeixbURkuhQAwrK5UwLGTwt4=
 github.com/pkg/errors v0.9.1/go.mod h1:bwawxfHBFNV+L2hUp1rHADufV3IMtnDRdf1r5NINEl0=
-github.com/pkoukk/tiktoken-go v0.1.7 h1:qOBHXX4PHtvIvmOtyg1EeKlwFRiMKAcoMp4Q+bLQDmw=
-github.com/pkoukk/tiktoken-go v0.1.7/go.mod h1:9NiV+i9mJKGj1rYOT+njbv+ZwA/zJxYdewGl6qVatpg=
 github.com/pmezard/go-difflib v1.0.0 h1:4DBwDE0NGyQoBHbLQYPwSUPoCMWR5BEzIk/f1lZbAQM=
 github.com/pmezard/go-difflib v1.0.0/go.mod h1:iKH77koFhYxTK1pcRnkKkqfTogsbg7gZNVY4sRDYZ/4=
 github.com/remyoudompheng/bigfft v0.0.0-20200410134404-eec4a21b6bb0/go.mod h1:qqbHyh8v60DhA7CoWK5oRCqLrMHRGoxYCSS9EjAz6Eo=
@@ -197,6 +195,8 @@ github.com/stretchr/testify v1.8.1/go.mod h1:w2LPCIKwWwSfY2zedu0+kehJoqGctiVI29o
 github.com/stretchr/testify v1.8.4/go.mod h1:sz/lmYIOXD/1dqDmKjjqLyZ2RngseejIcXlSw2iwfAo=
 github.com/stretchr/testify v1.9.0 h1:HtqpIVDClZ4nwg75+f6Lvsy/wHu+3BoSGCbBAcpTsTg=
 github.com/stretchr/testify v1.9.0/go.mod h1:r2ic/lqez/lEtzL7wO/rwa5dbSLXVDPFyf8C91i36aY=
+github.com/tiktoken-go/tokenizer v0.6.2 h1:t0GN2DvcUZSFWT/62YOgoqb10y7gSXBGs0A+4VCQK+g=
+github.com/tiktoken-go/tokenizer v0.6.2/go.mod h1:6UCYI/DtOallbmL7sSy30p6YQv60qNyU/4aVigPOx6w=
 github.com/tklauser/go-sysconf v0.3.12 h1:0QaGUFOdQaIVdPgfITYzaTegZvdCjmYO52cSFAEVmqU=
 github.com/tklauser/go-sysconf v0.3.12/go.mod h1:Ho14jnntGE1fpdOqQEEaiKRpvIavV0hSfmBq8nJbHYI=
 github.com/tklauser/numcpus v0.6.1 h1:ng9scYS7az0Bk4OZLvrNXNSAO2Pxr1XXRAPyjhIx+Fk=
--- a/middleware/stats.go
+++ b/middleware/stats.go
@@ -0,0 +1,41 @@
+package middleware
+
+import (
+	"sync/atomic"
+
+	"github.com/gin-gonic/gin"
+)
+
+// HTTPStats 存储HTTP统计信息
+type HTTPStats struct {
+	activeConnections int64
+}
+
+var globalStats = &HTTPStats{}
+
+// StatsMiddleware 统计中间件
+func StatsMiddleware() gin.HandlerFunc {
+	return func(c *gin.Context) {
+		// 增加活跃连接数
+		atomic.AddInt64(&globalStats.activeConnections, 1)
+		
+		// 确保在请求结束时减少连接数
+		defer func() {
+			atomic.AddInt64(&globalStats.activeConnections, -1)
+		}()
+		
+		c.Next()
+	}
+}
+
+// StatsInfo 统计信息结构
+type StatsInfo struct {
+	ActiveConnections int64 `json:"active_connections"`
+}
+
+// GetStats 获取统计信息
+func GetStats() StatsInfo {
+	return StatsInfo{
+		ActiveConnections: atomic.LoadInt64(&globalStats.activeConnections),
+	}
+} 
--- a/model/option.go
+++ b/model/option.go
@@ -123,6 +123,8 @@ func InitOptionMap() {
 	common.OptionMap["StreamCacheQueueLength"] = strconv.Itoa(setting.StreamCacheQueueLength)
 	common.OptionMap["AutomaticDisableKeywords"] = operation_setting.AutomaticDisableKeywordsToString()
 	common.OptionMap["ApiInfo"] = ""
+	common.OptionMap["UptimeKumaUrl"] = ""
+	common.OptionMap["UptimeKumaSlug"] = ""

 	// 自动添加所有注册的模型配置
 	modelConfigs := config.GlobalConfig.ExportAllConfigs()
--- a/relay/channel/api_request.go
+++ b/relay/channel/api_request.go
@@ -109,6 +109,12 @@ func startPingKeepAlive(c *gin.Context, pingInterval time.Duration) context.Canc

 	gopool.Go(func() {
 		defer func() {
+			// 增加panic恢复处理
+			if r := recover(); r != nil {
+				if common2.DebugEnabled {
+					println("SSE ping goroutine panic recovered:", fmt.Sprintf("%v", r))
+				}
+			}
 			if common2.DebugEnabled {
 				println("SSE ping goroutine stopped.")
 			}
@@ -119,19 +125,32 @@ func startPingKeepAlive(c *gin.Context, pingInterval time.Duration) context.Canc
 		}

 		ticker := time.NewTicker(pingInterval)
-		// 退出时清理 ticker
-		defer ticker.Stop()
+		// 确保在任何情况下都清理ticker
+		defer func() {
+			ticker.Stop()
+			if common2.DebugEnabled {
+				println("SSE ping ticker stopped")
+			}
+		}()

 		var pingMutex sync.Mutex
 		if common2.DebugEnabled {
 			println("SSE ping goroutine started")
 		}

+		// 增加超时控制，防止goroutine长时间运行
+		maxPingDuration := 120 * time.Minute // 最大ping持续时间
+		pingTimeout := time.NewTimer(maxPingDuration)
+		defer pingTimeout.Stop()
+
 		for {
 			select {
 			// 发送 ping 数据
 			case <-ticker.C:
 				if err := sendPingData(c, &pingMutex); err != nil {
+					if common2.DebugEnabled {
+						println("SSE ping error, stopping goroutine:", err.Error())
+					}
 					return
 				}
 			// 收到退出信号
@@ -140,6 +159,12 @@ func startPingKeepAlive(c *gin.Context, pingInterval time.Duration) context.Canc
 			// request 结束
 			case <-c.Request.Context().Done():
 				return
+			// 超时保护，防止goroutine无限运行
+			case <-pingTimeout.C:
+				if common2.DebugEnabled {
+					println("SSE ping goroutine timeout, stopping")
+				}
+				return
 			}
 		}
 	})
@@ -148,19 +173,34 @@ func startPingKeepAlive(c *gin.Context, pingInterval time.Duration) context.Canc
 }

 func sendPingData(c *gin.Context, mutex *sync.Mutex) error {
-	mutex.Lock()
-	defer mutex.Unlock()
+	// 增加超时控制，防止锁死等待
+	done := make(chan error, 1)
+	go func() {
+		mutex.Lock()
+		defer mutex.Unlock()

-	err := helper.PingData(c)
-	if err != nil {
-		common2.LogError(c, "SSE ping error: "+err.Error())
+		err := helper.PingData(c)
+		if err != nil {
+			common2.LogError(c, "SSE ping error: "+err.Error())
+			done <- err
+			return
+		}
+
+		if common2.DebugEnabled {
+			println("SSE ping data sent.")
+		}
+		done <- nil
+	}()
+
+	// 设置发送ping数据的超时时间
+	select {
+	case err := <-done:
 		return err
+	case <-time.After(10 * time.Second):
+		return errors.New("SSE ping data send timeout")
+	case <-c.Request.Context().Done():
+		return errors.New("request context cancelled during ping")
 	}
-
-	if common2.DebugEnabled {
-		println("SSE ping data sent.")
-	}
-	return nil
 }

 func doRequest(c *gin.Context, req *http.Request, info *common.RelayInfo) (*http.Response, error) {
@@ -175,15 +215,23 @@ func doRequest(c *gin.Context, req *http.Request, info *common.RelayInfo) (*http
 		client = service.GetHttpClient()
 	}

+	var stopPinger context.CancelFunc
 	if info.IsStream {
 		helper.SetEventStreamHeaders(c)
-
 		// 处理流式请求的 ping 保活
 		generalSettings := operation_setting.GetGeneralSetting()
 		if generalSettings.PingIntervalEnabled {
 			pingInterval := time.Duration(generalSettings.PingIntervalSeconds) * time.Second
-			stopPinger := startPingKeepAlive(c, pingInterval)
-			defer stopPinger()
+			stopPinger = startPingKeepAlive(c, pingInterval)
+			// 使用defer确保在任何情况下都能停止ping goroutine
+			defer func() {
+				if stopPinger != nil {
+					stopPinger()
+					if common2.DebugEnabled {
+						println("SSE ping goroutine stopped by defer")
+					}
+				}
+			}()
 		}
 	}

--- a/relay/helper/stream_scanner.go
+++ b/relay/helper/stream_scanner.go
@@ -3,6 +3,7 @@ package helper
 import (
 	"bufio"
 	"context"
+	"fmt"
 	"io"
 	"net/http"
 	"one-api/common"
@@ -19,8 +20,8 @@ import (
 )

 const (
-	InitialScannerBufferSize = 1 << 20  // 1MB (1*1024*1024)
-	MaxScannerBufferSize     = 10 << 20 // 10MB (10*1024*1024)
+	InitialScannerBufferSize = 64 << 10  // 64KB (64*1024)
+	MaxScannerBufferSize     = 10 << 20  // 10MB (10*1024*1024)
 	DefaultPingInterval      = 10 * time.Second
 )

@@ -30,7 +31,12 @@ func StreamScannerHandler(c *gin.Context, resp *http.Response, info *relaycommon
 		return
 	}

-	defer resp.Body.Close()
+	// 确保响应体总是被关闭
+	defer func() {
+		if resp.Body != nil {
+			resp.Body.Close()
+		}
+	}()

 	streamingTimeout := time.Duration(constant.StreamingTimeout) * time.Second
 	if strings.HasPrefix(info.UpstreamModelName, "o") {
@@ -39,11 +45,12 @@ func StreamScannerHandler(c *gin.Context, resp *http.Response, info *relaycommon
 	}

 	var (
-		stopChan   = make(chan bool, 2)
+		stopChan   = make(chan bool, 3) // 增加缓冲区避免阻塞
 		scanner    = bufio.NewScanner(resp.Body)
 		ticker     = time.NewTicker(streamingTimeout)
 		pingTicker *time.Ticker
 		writeMutex sync.Mutex // Mutex to protect concurrent writes
+		wg         sync.WaitGroup // 用于等待所有 goroutine 退出
 	)

 	generalSettings := operation_setting.GetGeneralSetting()
@@ -57,13 +64,32 @@ func StreamScannerHandler(c *gin.Context, resp *http.Response, info *relaycommon
 		pingTicker = time.NewTicker(pingInterval)
 	}

+	// 改进资源清理，确保所有 goroutine 正确退出
 	defer func() {
+		// 通知所有 goroutine 停止
+		common.SafeSendBool(stopChan, true)
+		
 		ticker.Stop()
 		if pingTicker != nil {
 			pingTicker.Stop()
 		}
+		
+		// 等待所有 goroutine 退出，最多等待5秒
+		done := make(chan struct{})
+		go func() {
+			wg.Wait()
+			close(done)
+		}()
+		
+		select {
+		case <-done:
+		case <-time.After(5 * time.Second):
+			common.LogError(c, "timeout waiting for goroutines to exit")
+		}
+		
 		close(stopChan)
 	}()
+	
 	scanner.Buffer(make([]byte, InitialScannerBufferSize), MaxScannerBufferSize)
 	scanner.Split(bufio.ScanLines)
 	SetEventStreamHeaders(c)
@@ -73,35 +99,95 @@ func StreamScannerHandler(c *gin.Context, resp *http.Response, info *relaycommon

 	ctx = context.WithValue(ctx, "stop_chan", stopChan)

-	// Handle ping data sending
+	// Handle ping data sending with improved error handling
 	if pingEnabled && pingTicker != nil {
+		wg.Add(1)
 		gopool.Go(func() {
+			defer func() {
+				wg.Done()
+				if r := recover(); r != nil {
+					common.LogError(c, fmt.Sprintf("ping goroutine panic: %v", r))
+					common.SafeSendBool(stopChan, true)
+				}
+				if common.DebugEnabled {
+					println("ping goroutine exited")
+				}
+			}()
+			
+			// 添加超时保护，防止 goroutine 无限运行
+			maxPingDuration := 30 * time.Minute // 最大 ping 持续时间
+			pingTimeout := time.NewTimer(maxPingDuration)
+			defer pingTimeout.Stop()
+			
 			for {
 				select {
 				case <-pingTicker.C:
-					writeMutex.Lock() // Lock before writing
-					err := PingData(c)
-					writeMutex.Unlock() // Unlock after writing
-					if err != nil {
-						common.LogError(c, "ping data error: "+err.Error())
-						common.SafeSendBool(stopChan, true)
+					// 使用超时机制防止写操作阻塞
+					done := make(chan error, 1)
+					go func() {
+						writeMutex.Lock()
+						defer writeMutex.Unlock()
+						done <- PingData(c)
+					}()
+					
+					select {
+					case err := <-done:
+						if err != nil {
+							common.LogError(c, "ping data error: "+err.Error())
+							return
+						}
+						if common.DebugEnabled {
+							println("ping data sent")
+						}
+					case <-time.After(10 * time.Second):
+						common.LogError(c, "ping data send timeout")
+						return
+					case <-ctx.Done():
+						return
+					case <-stopChan:
 						return
 					}
-					if common.DebugEnabled {
-						println("ping data sent")
-					}
 				case <-ctx.Done():
-					if common.DebugEnabled {
-						println("ping data goroutine stopped")
-					}
+					return
+				case <-stopChan:
+					return
+				case <-c.Request.Context().Done():
+					// 监听客户端断开连接
+					return
+				case <-pingTimeout.C:
+					common.LogError(c, "ping goroutine max duration reached")
 					return
 				}
 			}
 		})
 	}

+	// Scanner goroutine with improved error handling
+	wg.Add(1)
 	common.RelayCtxGo(ctx, func() {
+		defer func() {
+			wg.Done()
+			if r := recover(); r != nil {
+				common.LogError(c, fmt.Sprintf("scanner goroutine panic: %v", r))
+			}
+			common.SafeSendBool(stopChan, true)
+			if common.DebugEnabled {
+				println("scanner goroutine exited")
+			}
+		}()
+		
 		for scanner.Scan() {
+			// 检查是否需要停止
+			select {
+			case <-stopChan:
+				return
+			case <-ctx.Done():
+				return
+			case <-c.Request.Context().Done():
+				return
+			default:
+			}
+			
 			ticker.Reset(streamingTimeout)
 			data := scanner.Text()
 			if common.DebugEnabled {
@@ -119,11 +205,27 @@ func StreamScannerHandler(c *gin.Context, resp *http.Response, info *relaycommon
 			data = strings.TrimSuffix(data, "\r")
 			if !strings.HasPrefix(data, "[DONE]") {
 				info.SetFirstResponseTime()
-				writeMutex.Lock() // Lock before writing
-				success := dataHandler(data)
-				writeMutex.Unlock() // Unlock after writing
-				if !success {
-					break
+				
+				// 使用超时机制防止写操作阻塞
+				done := make(chan bool, 1)
+				go func() {
+					writeMutex.Lock()
+					defer writeMutex.Unlock()
+					done <- dataHandler(data)
+				}()
+				
+				select {
+				case success := <-done:
+					if !success {
+						return
+					}
+				case <-time.After(10 * time.Second):
+					common.LogError(c, "data handler timeout")
+					return
+				case <-ctx.Done():
+					return
+				case <-stopChan:
+					return
 				}
 			}
 		}
@@ -133,17 +235,18 @@ func StreamScannerHandler(c *gin.Context, resp *http.Response, info *relaycommon
 				common.LogError(c, "scanner error: "+err.Error())
 			}
 		}
-
-		common.SafeSendBool(stopChan, true)
 	})

+	// 主循环等待完成或超时
 	select {
 	case <-ticker.C:
 		// 超时处理逻辑
 		common.LogError(c, "streaming timeout")
-		common.SafeSendBool(stopChan, true)
 	case <-stopChan:
 		// 正常结束
 		common.LogInfo(c, "streaming finished")
+	case <-c.Request.Context().Done():
+		// 客户端断开连接
+		common.LogInfo(c, "client disconnected")
 	}
 }
--- a/router/api-router.go
+++ b/router/api-router.go
@@ -16,6 +16,7 @@ func SetApiRouter(router *gin.Engine) {
 		apiRouter.GET("/setup", controller.GetSetup)
 		apiRouter.POST("/setup", controller.PostSetup)
 		apiRouter.GET("/status", controller.GetStatus)
+		apiRouter.GET("/uptime/status", controller.GetUptimeKumaStatus)
 		apiRouter.GET("/models", middleware.UserAuth(), controller.DashboardListModels)
 		apiRouter.GET("/status/test", middleware.AdminAuth(), controller.TestStatus)
 		apiRouter.GET("/notice", controller.GetNotice)
--- a/router/relay-router.go
+++ b/router/relay-router.go
@@ -11,6 +11,7 @@ import (
 func SetRelayRouter(router *gin.Engine) {
 	router.Use(middleware.CORS())
 	router.Use(middleware.DecompressRequestMiddleware())
+	router.Use(middleware.StatsMiddleware())
 	// https://platform.openai.com/docs/api-reference/introduction
 	modelsRouter := router.Group("/v1/models")
 	modelsRouter.Use(middleware.TokenAuth())
--- a/service/token_counter.go
+++ b/service/token_counter.go
@@ -4,6 +4,8 @@ import (
 	"encoding/json"
 	"errors"
 	"fmt"
+	"github.com/tiktoken-go/tokenizer"
+	"github.com/tiktoken-go/tokenizer/codec"
 	"image"
 	"log"
 	"math"
@@ -11,78 +13,63 @@ import (
 	"one-api/constant"
 	"one-api/dto"
 	relaycommon "one-api/relay/common"
-	"one-api/setting/operation_setting"
 	"strings"
+	"sync"
 	"unicode/utf8"
-
-	"github.com/pkoukk/tiktoken-go"
 )

 // tokenEncoderMap won't grow after initialization
-var tokenEncoderMap = map[string]*tiktoken.Tiktoken{}
-var defaultTokenEncoder *tiktoken.Tiktoken
-var o200kTokenEncoder *tiktoken.Tiktoken
+var defaultTokenEncoder tokenizer.Codec
+
+// tokenEncoderMap is used to store token encoders for different models
+var tokenEncoderMap = make(map[string]tokenizer.Codec)
+
+// tokenEncoderMutex protects tokenEncoderMap for concurrent access
+var tokenEncoderMutex sync.RWMutex

 func InitTokenEncoders() {
 	common.SysLog("initializing token encoders")
-	cl100TokenEncoder, err := tiktoken.GetEncoding(tiktoken.MODEL_CL100K_BASE)
-	if err != nil {
-		common.FatalLog(fmt.Sprintf("failed to get gpt-3.5-turbo token encoder: %s", err.Error()))
-	}
-	defaultTokenEncoder = cl100TokenEncoder
-	o200kTokenEncoder, err = tiktoken.GetEncoding(tiktoken.MODEL_O200K_BASE)
-	if err != nil {
-		common.FatalLog(fmt.Sprintf("failed to get gpt-4o token encoder: %s", err.Error()))
-	}
-	for model, _ := range operation_setting.GetDefaultModelRatioMap() {
-		if strings.HasPrefix(model, "gpt-3.5") {
-			tokenEncoderMap[model] = cl100TokenEncoder
-		} else if strings.HasPrefix(model, "gpt-4") {
-			if strings.HasPrefix(model, "gpt-4o") {
-				tokenEncoderMap[model] = o200kTokenEncoder
-			} else {
-				tokenEncoderMap[model] = defaultTokenEncoder
-			}
-		} else if strings.HasPrefix(model, "o") {
-			tokenEncoderMap[model] = o200kTokenEncoder
-		} else {
-			tokenEncoderMap[model] = defaultTokenEncoder
-		}
-	}
+	defaultTokenEncoder = codec.NewCl100kBase()
 	common.SysLog("token encoders initialized")
 }

-func getModelDefaultTokenEncoder(model string) *tiktoken.Tiktoken {
-	if strings.HasPrefix(model, "gpt-4o") || strings.HasPrefix(model, "chatgpt-4o") || strings.HasPrefix(model, "o1") {
-		return o200kTokenEncoder
+func getTokenEncoder(model string) tokenizer.Codec {
+	// First, try to get the encoder from cache with read lock
+	tokenEncoderMutex.RLock()
+	if encoder, exists := tokenEncoderMap[model]; exists {
+		tokenEncoderMutex.RUnlock()
+		return encoder
 	}
-	return defaultTokenEncoder
+	tokenEncoderMutex.RUnlock()
+
+	// If not in cache, create new encoder with write lock
+	tokenEncoderMutex.Lock()
+	defer tokenEncoderMutex.Unlock()
+
+	// Double-check if another goroutine already created the encoder
+	if encoder, exists := tokenEncoderMap[model]; exists {
+		return encoder
+	}
+
+	// Create new encoder
+	modelCodec, err := tokenizer.ForModel(tokenizer.Model(model))
+	if err != nil {
+		// Cache the default encoder for this model to avoid repeated failures
+		tokenEncoderMap[model] = defaultTokenEncoder
+		return defaultTokenEncoder
+	}
+
+	// Cache the new encoder
+	tokenEncoderMap[model] = modelCodec
+	return modelCodec
 }

-func getTokenEncoder(model string) *tiktoken.Tiktoken {
-	tokenEncoder, ok := tokenEncoderMap[model]
-	if ok && tokenEncoder != nil {
-		return tokenEncoder
-	}
-	// 如果ok（即model在tokenEncoderMap中），但是tokenEncoder为nil，说明可能是自定义模型
-	if ok {
-		tokenEncoder, err := tiktoken.EncodingForModel(model)
-		if err != nil {
-			common.SysError(fmt.Sprintf("failed to get token encoder for model %s: %s, using encoder for gpt-3.5-turbo", model, err.Error()))
-			tokenEncoder = getModelDefaultTokenEncoder(model)
-		}
-		tokenEncoderMap[model] = tokenEncoder
-		return tokenEncoder
-	}
-	// 如果model不在tokenEncoderMap中，直接返回默认的tokenEncoder
-	return getModelDefaultTokenEncoder(model)
-}
-
-func getTokenNum(tokenEncoder *tiktoken.Tiktoken, text string) int {
+func getTokenNum(tokenEncoder tokenizer.Codec, text string) int {
 	if text == "" {
 		return 0
 	}
-	return len(tokenEncoder.Encode(text, nil, nil))
+	tkm, _ := tokenEncoder.Count(text)
+	return tkm
 }

 func getImageToken(info *relaycommon.RelayInfo, imageUrl *dto.MessageImageUrl, model string, stream bool) (int, error) {
--- a/setting/api_info.go
+++ b/setting/api_info.go
@@ -1,124 +0,0 @@
-package setting
-
-import (
-	"encoding/json"
-	"fmt"
-	"net/url"
-	"one-api/common"
-	"regexp"
-	"strings"
-)
-
-// ValidateApiInfo 验证API信息格式
-func ValidateApiInfo(apiInfoStr string) error {
-	if apiInfoStr == "" {
-		return nil // 空字符串是合法的
-	}
-	
-	var apiInfoList []map[string]interface{}
-	if err := json.Unmarshal([]byte(apiInfoStr), &apiInfoList); err != nil {
-		return fmt.Errorf("API信息格式错误：%s", err.Error())
-	}
-	
-	// 验证数组长度
-	if len(apiInfoList) > 50 {
-		return fmt.Errorf("API信息数量不能超过50个")
-	}
-	
-	// 允许的颜色值
-	validColors := map[string]bool{
-		"blue": true, "green": true, "cyan": true, "purple": true, "pink": true,
-		"red": true, "orange": true, "amber": true, "yellow": true, "lime": true,
-		"light-green": true, "teal": true, "light-blue": true, "indigo": true,
-		"violet": true, "grey": true,
-	}
-	
-	// URL正则表达式
-	urlRegex := regexp.MustCompile(`^https?://[a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(\.[a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*(/.*)?$`)
-	
-	for i, apiInfo := range apiInfoList {
-		// 检查必填字段
-		urlStr, ok := apiInfo["url"].(string)
-		if !ok || urlStr == "" {
-			return fmt.Errorf("第%d个API信息缺少URL字段", i+1)
-		}
-		
-		route, ok := apiInfo["route"].(string)
-		if !ok || route == "" {
-			return fmt.Errorf("第%d个API信息缺少线路描述字段", i+1)
-		}
-		
-		description, ok := apiInfo["description"].(string)
-		if !ok || description == "" {
-			return fmt.Errorf("第%d个API信息缺少说明字段", i+1)
-		}
-		
-		color, ok := apiInfo["color"].(string)
-		if !ok || color == "" {
-			return fmt.Errorf("第%d个API信息缺少颜色字段", i+1)
-		}
-		
-		// 验证URL格式
-		if !urlRegex.MatchString(urlStr) {
-			return fmt.Errorf("第%d个API信息的URL格式不正确", i+1)
-		}
-		
-		// 验证URL可解析性
-		if _, err := url.Parse(urlStr); err != nil {
-			return fmt.Errorf("第%d个API信息的URL无法解析：%s", i+1, err.Error())
-		}
-		
-		// 验证字段长度
-		if len(urlStr) > 500 {
-			return fmt.Errorf("第%d个API信息的URL长度不能超过500字符", i+1)
-		}
-		
-		if len(route) > 100 {
-			return fmt.Errorf("第%d个API信息的线路描述长度不能超过100字符", i+1)
-		}
-		
-		if len(description) > 200 {
-			return fmt.Errorf("第%d个API信息的说明长度不能超过200字符", i+1)
-		}
-		
-		// 验证颜色值
-		if !validColors[color] {
-			return fmt.Errorf("第%d个API信息的颜色值不合法", i+1)
-		}
-		
-		// 检查并过滤危险字符（防止XSS）
-		dangerousChars := []string{"<script", "<iframe", "javascript:", "onload=", "onerror=", "onclick="}
-		for _, dangerous := range dangerousChars {
-			if strings.Contains(strings.ToLower(description), dangerous) {
-				return fmt.Errorf("第%d个API信息的说明包含不允许的内容", i+1)
-			}
-			if strings.Contains(strings.ToLower(route), dangerous) {
-				return fmt.Errorf("第%d个API信息的线路描述包含不允许的内容", i+1)
-			}
-		}
-	}
-	
-	return nil
-}
-
-// GetApiInfo 获取API信息列表
-func GetApiInfo() []map[string]interface{} {
-	// 从OptionMap中获取API信息，如果不存在则返回空数组
-	common.OptionMapRWMutex.RLock()
-	apiInfoStr, exists := common.OptionMap["ApiInfo"]
-	common.OptionMapRWMutex.RUnlock()
-	
-	if !exists || apiInfoStr == "" {
-		// 如果没有配置，返回空数组
-		return []map[string]interface{}{}
-	}
-	
-	// 解析存储的API信息
-	var apiInfo []map[string]interface{}
-	if err := json.Unmarshal([]byte(apiInfoStr), &apiInfo); err != nil {
-		// 如果解析失败，返回空数组
-		return []map[string]interface{}{}
-	}
-	
-	return apiInfo
-} 
--- a/setting/console.go
+++ b/setting/console.go
@@ -0,0 +1,327 @@
+package setting
+
+import (
+	"encoding/json"
+	"fmt"
+	"net/url"
+	"one-api/common"
+	"regexp"
+	"sort"
+	"strings"
+	"time"
+)
+
+// ValidateConsoleSettings 验证控制台设置信息格式
+func ValidateConsoleSettings(settingsStr string, settingType string) error {
+	if settingsStr == "" {
+		return nil // 空字符串是合法的
+	}
+	
+	switch settingType {
+	case "ApiInfo":
+		return validateApiInfo(settingsStr)
+	case "Announcements":
+		return validateAnnouncements(settingsStr)
+	case "FAQ":
+		return validateFAQ(settingsStr)
+	default:
+		return fmt.Errorf("未知的设置类型：%s", settingType)
+	}
+}
+
+// validateApiInfo 验证API信息格式
+func validateApiInfo(apiInfoStr string) error {
+	var apiInfoList []map[string]interface{}
+	if err := json.Unmarshal([]byte(apiInfoStr), &apiInfoList); err != nil {
+		return fmt.Errorf("API信息格式错误：%s", err.Error())
+	}
+	
+	// 验证数组长度
+	if len(apiInfoList) > 50 {
+		return fmt.Errorf("API信息数量不能超过50个")
+	}
+	
+	// 允许的颜色值
+	validColors := map[string]bool{
+		"blue": true, "green": true, "cyan": true, "purple": true, "pink": true,
+		"red": true, "orange": true, "amber": true, "yellow": true, "lime": true,
+		"light-green": true, "teal": true, "light-blue": true, "indigo": true,
+		"violet": true, "grey": true,
+	}
+	
+	// URL正则表达式，支持域名和IP地址格式
+	// 域名格式：https://example.com 或 https://sub.example.com:8080
+	// IP地址格式：https://192.168.1.1 或 https://192.168.1.1:8080
+	urlRegex := regexp.MustCompile(`^https?://(?:(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?\.)*[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?|(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?))(?::[0-9]{1,5})?(?:/.*)?$`)
+	
+	for i, apiInfo := range apiInfoList {
+		// 检查必填字段
+		urlStr, ok := apiInfo["url"].(string)
+		if !ok || urlStr == "" {
+			return fmt.Errorf("第%d个API信息缺少URL字段", i+1)
+		}
+		
+		route, ok := apiInfo["route"].(string)
+		if !ok || route == "" {
+			return fmt.Errorf("第%d个API信息缺少线路描述字段", i+1)
+		}
+		
+		description, ok := apiInfo["description"].(string)
+		if !ok || description == "" {
+			return fmt.Errorf("第%d个API信息缺少说明字段", i+1)
+		}
+		
+		color, ok := apiInfo["color"].(string)
+		if !ok || color == "" {
+			return fmt.Errorf("第%d个API信息缺少颜色字段", i+1)
+		}
+		
+		// 验证URL格式
+		if !urlRegex.MatchString(urlStr) {
+			return fmt.Errorf("第%d个API信息的URL格式不正确", i+1)
+		}
+		
+		// 验证URL可解析性
+		if _, err := url.Parse(urlStr); err != nil {
+			return fmt.Errorf("第%d个API信息的URL无法解析：%s", i+1, err.Error())
+		}
+		
+		// 验证字段长度
+		if len(urlStr) > 500 {
+			return fmt.Errorf("第%d个API信息的URL长度不能超过500字符", i+1)
+		}
+		
+		if len(route) > 100 {
+			return fmt.Errorf("第%d个API信息的线路描述长度不能超过100字符", i+1)
+		}
+		
+		if len(description) > 200 {
+			return fmt.Errorf("第%d个API信息的说明长度不能超过200字符", i+1)
+		}
+		
+		// 验证颜色值
+		if !validColors[color] {
+			return fmt.Errorf("第%d个API信息的颜色值不合法", i+1)
+		}
+		
+		// 检查并过滤危险字符（防止XSS）
+		dangerousChars := []string{"<script", "<iframe", "javascript:", "onload=", "onerror=", "onclick="}
+		for _, dangerous := range dangerousChars {
+			if strings.Contains(strings.ToLower(description), dangerous) {
+				return fmt.Errorf("第%d个API信息的说明包含不允许的内容", i+1)
+			}
+			if strings.Contains(strings.ToLower(route), dangerous) {
+				return fmt.Errorf("第%d个API信息的线路描述包含不允许的内容", i+1)
+			}
+		}
+	}
+	
+	return nil
+}
+
+// ValidateApiInfo 保持向后兼容的函数
+func ValidateApiInfo(apiInfoStr string) error {
+	return validateApiInfo(apiInfoStr)
+}
+
+// GetApiInfo 获取API信息列表
+func GetApiInfo() []map[string]interface{} {
+	// 从OptionMap中获取API信息，如果不存在则返回空数组
+	common.OptionMapRWMutex.RLock()
+	apiInfoStr, exists := common.OptionMap["ApiInfo"]
+	common.OptionMapRWMutex.RUnlock()
+	
+	if !exists || apiInfoStr == "" {
+		// 如果没有配置，返回空数组
+		return []map[string]interface{}{}
+	}
+	
+	// 解析存储的API信息
+	var apiInfo []map[string]interface{}
+	if err := json.Unmarshal([]byte(apiInfoStr), &apiInfo); err != nil {
+		// 如果解析失败，返回空数组
+		return []map[string]interface{}{}
+	}
+	
+	return apiInfo
+}
+
+// validateAnnouncements 验证系统公告格式
+func validateAnnouncements(announcementsStr string) error {
+	var announcementsList []map[string]interface{}
+	if err := json.Unmarshal([]byte(announcementsStr), &announcementsList); err != nil {
+		return fmt.Errorf("系统公告格式错误：%s", err.Error())
+	}
+	
+	// 验证数组长度
+	if len(announcementsList) > 100 {
+		return fmt.Errorf("系统公告数量不能超过100个")
+	}
+	
+	// 允许的类型值
+	validTypes := map[string]bool{
+		"default": true, "ongoing": true, "success": true, "warning": true, "error": true,
+	}
+	
+	for i, announcement := range announcementsList {
+		// 检查必填字段
+		content, ok := announcement["content"].(string)
+		if !ok || content == "" {
+			return fmt.Errorf("第%d个公告缺少内容字段", i+1)
+		}
+		
+		// 检查发布日期字段
+		publishDate, exists := announcement["publishDate"]
+		if !exists {
+			return fmt.Errorf("第%d个公告缺少发布日期字段", i+1)
+		}
+		
+		publishDateStr, ok := publishDate.(string)
+		if !ok || publishDateStr == "" {
+			return fmt.Errorf("第%d个公告的发布日期不能为空", i+1)
+		}
+		
+		// 验证ISO日期格式
+		if _, err := time.Parse(time.RFC3339, publishDateStr); err != nil {
+			return fmt.Errorf("第%d个公告的发布日期格式错误", i+1)
+		}
+		
+		// 验证可选字段
+		if announcementType, exists := announcement["type"]; exists {
+			if typeStr, ok := announcementType.(string); ok {
+				if !validTypes[typeStr] {
+					return fmt.Errorf("第%d个公告的类型值不合法", i+1)
+				}
+			}
+		}
+		
+		// 验证字段长度
+		if len(content) > 500 {
+			return fmt.Errorf("第%d个公告的内容长度不能超过500字符", i+1)
+		}
+		
+		if extra, exists := announcement["extra"]; exists {
+			if extraStr, ok := extra.(string); ok && len(extraStr) > 200 {
+				return fmt.Errorf("第%d个公告的说明长度不能超过200字符", i+1)
+			}
+		}
+		
+		// 检查并过滤危险字符（防止XSS）
+		dangerousChars := []string{"<script", "<iframe", "javascript:", "onload=", "onerror=", "onclick="}
+		for _, dangerous := range dangerousChars {
+			if strings.Contains(strings.ToLower(content), dangerous) {
+				return fmt.Errorf("第%d个公告的内容包含不允许的内容", i+1)
+			}
+		}
+	}
+	
+	return nil
+}
+
+// validateFAQ 验证常见问答格式
+func validateFAQ(faqStr string) error {
+	var faqList []map[string]interface{}
+	if err := json.Unmarshal([]byte(faqStr), &faqList); err != nil {
+		return fmt.Errorf("常见问答格式错误：%s", err.Error())
+	}
+	
+	// 验证数组长度
+	if len(faqList) > 100 {
+		return fmt.Errorf("常见问答数量不能超过100个")
+	}
+	
+	for i, faq := range faqList {
+		// 检查必填字段
+		title, ok := faq["title"].(string)
+		if !ok || title == "" {
+			return fmt.Errorf("第%d个问答缺少标题字段", i+1)
+		}
+		
+		content, ok := faq["content"].(string)
+		if !ok || content == "" {
+			return fmt.Errorf("第%d个问答缺少内容字段", i+1)
+		}
+		
+		// 验证字段长度
+		if len(title) > 200 {
+			return fmt.Errorf("第%d个问答的标题长度不能超过200字符", i+1)
+		}
+		
+		if len(content) > 1000 {
+			return fmt.Errorf("第%d个问答的内容长度不能超过1000字符", i+1)
+		}
+		
+		// 检查并过滤危险字符（防止XSS）
+		dangerousChars := []string{"<script", "<iframe", "javascript:", "onload=", "onerror=", "onclick="}
+		for _, dangerous := range dangerousChars {
+			if strings.Contains(strings.ToLower(title), dangerous) {
+				return fmt.Errorf("第%d个问答的标题包含不允许的内容", i+1)
+			}
+			if strings.Contains(strings.ToLower(content), dangerous) {
+				return fmt.Errorf("第%d个问答的内容包含不允许的内容", i+1)
+			}
+		}
+	}
+	
+	return nil
+}
+
+// GetAnnouncements 获取系统公告列表（返回最新的前20条）
+func GetAnnouncements() []map[string]interface{} {
+	common.OptionMapRWMutex.RLock()
+	announcementsStr, exists := common.OptionMap["Announcements"]
+	common.OptionMapRWMutex.RUnlock()
+	
+	if !exists || announcementsStr == "" {
+		return []map[string]interface{}{}
+	}
+	
+	var announcements []map[string]interface{}
+	if err := json.Unmarshal([]byte(announcementsStr), &announcements); err != nil {
+		return []map[string]interface{}{}
+	}
+	
+	// 按发布日期降序排序（最新的在前）
+	sort.Slice(announcements, func(i, j int) bool {
+		dateI, okI := announcements[i]["publishDate"].(string)
+		dateJ, okJ := announcements[j]["publishDate"].(string)
+		
+		if !okI || !okJ {
+			return false
+		}
+		
+		timeI, errI := time.Parse(time.RFC3339, dateI)
+		timeJ, errJ := time.Parse(time.RFC3339, dateJ)
+		
+		if errI != nil || errJ != nil {
+			return false
+		}
+		
+		return timeI.After(timeJ)
+	})
+	
+	// 限制返回前20条
+	if len(announcements) > 20 {
+		announcements = announcements[:20]
+	}
+	
+	return announcements
+}
+
+// GetFAQ 获取常见问答列表
+func GetFAQ() []map[string]interface{} {
+	common.OptionMapRWMutex.RLock()
+	faqStr, exists := common.OptionMap["FAQ"]
+	common.OptionMapRWMutex.RUnlock()
+	
+	if !exists || faqStr == "" {
+		return []map[string]interface{}{}
+	}
+	
+	var faq []map[string]interface{}
+	if err := json.Unmarshal([]byte(faqStr), &faq); err != nil {
+		return []map[string]interface{}{}
+	}
+	
+	return faq
+} 
--- a/web/src/components/layout/HeaderBar.js
+++ b/web/src/components/layout/HeaderBar.js
@@ -363,7 +363,7 @@ const HeaderBar = () => {
        onClose={() => setNoticeVisible(false)}
        isMobile={styleState.isMobile}
      />
-      <div className="w-full px-4">
+      <div className="w-full px-2">
        <div className="flex items-center justify-between h-16">
          <div className="flex items-center">
            <div className="md:hidden">
--- a/web/src/components/layout/PageLayout.js
+++ b/web/src/components/layout/PageLayout.js
@@ -134,11 +134,10 @@ const PageLayout = () => {
          <Content
            style={{
              flex: '1 0 auto',
-              overflowY: styleState.isMobile ? 'visible' : 'auto',
+              overflowY: styleState.isMobile ? 'visible' : 'hidden',
              WebkitOverflowScrolling: 'touch',
-              padding: shouldInnerPadding ? '24px' : '0',
+              padding: shouldInnerPadding ? (styleState.isMobile ? '5px' : '24px') : '0',
              position: 'relative',
-              marginTop: styleState.isMobile ? '2px' : '0',
            }}
          >
            <App />
--- a/web/src/components/settings/DashboardSetting.js
+++ b/web/src/components/settings/DashboardSetting.js
@@ -2,10 +2,17 @@ import React, { useEffect, useState } from 'react';
 import { Card, Spin } from '@douyinfe/semi-ui';
 import { API, showError } from '../../helpers';
 import SettingsAPIInfo from '../../pages/Setting/Dashboard/SettingsAPIInfo.js';
+import SettingsAnnouncements from '../../pages/Setting/Dashboard/SettingsAnnouncements.js';
+import SettingsFAQ from '../../pages/Setting/Dashboard/SettingsFAQ.js';
+import SettingsUptimeKuma from '../../pages/Setting/Dashboard/SettingsUptimeKuma.js';

 const DashboardSetting = () => {
  let [inputs, setInputs] = useState({
    ApiInfo: '',
+    Announcements: '',
+    FAQ: '',
+    UptimeKumaUrl: '',
+    UptimeKumaSlug: '',
  });

  let [loading, setLoading] = useState(false);
@@ -49,6 +56,21 @@ const DashboardSetting = () => {
        <Card style={{ marginTop: '10px' }}>
          <SettingsAPIInfo options={inputs} refresh={onRefresh} />
        </Card>
+
+        {/* 系统公告管理 */}
+        <Card style={{ marginTop: '10px' }}>
+          <SettingsAnnouncements options={inputs} refresh={onRefresh} />
+        </Card>
+
+        {/* 常见问答管理 */}
+        <Card style={{ marginTop: '10px' }}>
+          <SettingsFAQ options={inputs} refresh={onRefresh} />
+        </Card>
+
+        {/* Uptime Kuma 监控设置 */}
+        <Card style={{ marginTop: '10px' }}>
+          <SettingsUptimeKuma options={inputs} refresh={onRefresh} />
+        </Card>
      </Spin>
    </>
  );
--- a/web/src/components/table/ChannelsTable.js
+++ b/web/src/components/table/ChannelsTable.js
@@ -41,6 +41,7 @@ import {
  Tag,
  Tooltip,
  Typography,
+  Checkbox,
  Card,
  Form
 } from '@douyinfe/semi-ui';
@@ -51,7 +52,6 @@ import {
 import EditChannel from '../../pages/Channel/EditChannel.js';
 import {
  IconTreeTriangleDown,
-  IconFilter,
  IconPlus,
  IconRefresh,
  IconSetting,
@@ -172,17 +172,108 @@ const ChannelsTable = () => {
    }
  };

-  // Define all columns
-  const columns = [
+  // Define column keys for selection
+  const COLUMN_KEYS = {
+    ID: 'id',
+    NAME: 'name',
+    GROUP: 'group',
+    TYPE: 'type',
+    STATUS: 'status',
+    RESPONSE_TIME: 'response_time',
+    BALANCE: 'balance',
+    PRIORITY: 'priority',
+    WEIGHT: 'weight',
+    OPERATE: 'operate',
+  };
+
+  // State for column visibility
+  const [visibleColumns, setVisibleColumns] = useState({});
+  const [showColumnSelector, setShowColumnSelector] = useState(false);
+
+  // Load saved column preferences from localStorage
+  useEffect(() => {
+    const savedColumns = localStorage.getItem('channels-table-columns');
+    if (savedColumns) {
+      try {
+        const parsed = JSON.parse(savedColumns);
+        // Make sure all columns are accounted for
+        const defaults = getDefaultColumnVisibility();
+        const merged = { ...defaults, ...parsed };
+        setVisibleColumns(merged);
+      } catch (e) {
+        console.error('Failed to parse saved column preferences', e);
+        initDefaultColumns();
+      }
+    } else {
+      initDefaultColumns();
+    }
+  }, []);
+
+  // Update table when column visibility changes
+  useEffect(() => {
+    if (Object.keys(visibleColumns).length > 0) {
+      // Save to localStorage
+      localStorage.setItem(
+        'channels-table-columns',
+        JSON.stringify(visibleColumns),
+      );
+    }
+  }, [visibleColumns]);
+
+  // Get default column visibility
+  const getDefaultColumnVisibility = () => {
+    return {
+      [COLUMN_KEYS.ID]: true,
+      [COLUMN_KEYS.NAME]: true,
+      [COLUMN_KEYS.GROUP]: true,
+      [COLUMN_KEYS.TYPE]: true,
+      [COLUMN_KEYS.STATUS]: true,
+      [COLUMN_KEYS.RESPONSE_TIME]: true,
+      [COLUMN_KEYS.BALANCE]: true,
+      [COLUMN_KEYS.PRIORITY]: true,
+      [COLUMN_KEYS.WEIGHT]: true,
+      [COLUMN_KEYS.OPERATE]: true,
+    };
+  };
+
+  // Initialize default column visibility
+  const initDefaultColumns = () => {
+    const defaults = getDefaultColumnVisibility();
+    setVisibleColumns(defaults);
+  };
+
+  // Handle column visibility change
+  const handleColumnVisibilityChange = (columnKey, checked) => {
+    const updatedColumns = { ...visibleColumns, [columnKey]: checked };
+    setVisibleColumns(updatedColumns);
+  };
+
+  // Handle "Select All" checkbox
+  const handleSelectAll = (checked) => {
+    const allKeys = Object.keys(COLUMN_KEYS).map((key) => COLUMN_KEYS[key]);
+    const updatedColumns = {};
+
+    allKeys.forEach((key) => {
+      updatedColumns[key] = checked;
+    });
+
+    setVisibleColumns(updatedColumns);
+  };
+
+  // Define all columns with keys
+  const allColumns = [
    {
+      key: COLUMN_KEYS.ID,
      title: t('ID'),
      dataIndex: 'id',
    },
    {
+      key: COLUMN_KEYS.NAME,
      title: t('名称'),
      dataIndex: 'name',
    },
    {
+      key: COLUMN_KEYS.GROUP,
      title: t('分组'),
      dataIndex: 'group',
      render: (text, record, index) => (
@@ -201,6 +292,7 @@ const ChannelsTable = () => {
      ),
    },
    {
+      key: COLUMN_KEYS.TYPE,
      title: t('类型'),
      dataIndex: 'type',
      render: (text, record, index) => {
@@ -212,6 +304,7 @@ const ChannelsTable = () => {
      },
    },
    {
+      key: COLUMN_KEYS.STATUS,
      title: t('状态'),
      dataIndex: 'status',
      render: (text, record, index) => {
@@ -237,6 +330,7 @@ const ChannelsTable = () => {
      },
    },
    {
+      key: COLUMN_KEYS.RESPONSE_TIME,
      title: t('响应时间'),
      dataIndex: 'response_time',
      render: (text, record, index) => (
@@ -244,6 +338,7 @@ const ChannelsTable = () => {
      ),
    },
    {
+      key: COLUMN_KEYS.BALANCE,
      title: t('已用/剩余'),
      dataIndex: 'expired_time',
      render: (text, record, index) => {
@@ -283,6 +378,7 @@ const ChannelsTable = () => {
      },
    },
    {
+      key: COLUMN_KEYS.PRIORITY,
      title: t('优先级'),
      dataIndex: 'priority',
      render: (text, record, index) => {
@@ -334,6 +430,7 @@ const ChannelsTable = () => {
      },
    },
    {
+      key: COLUMN_KEYS.WEIGHT,
      title: t('权重'),
      dataIndex: 'weight',
      render: (text, record, index) => {
@@ -385,6 +482,7 @@ const ChannelsTable = () => {
      },
    },
    {
+      key: COLUMN_KEYS.OPERATE,
      title: '',
      dataIndex: 'operate',
      fixed: 'right',
@@ -595,6 +693,87 @@ const ChannelsTable = () => {
    searchModel: '',
  };

+  // Filter columns based on visibility settings
+  const getVisibleColumns = () => {
+    return allColumns.filter((column) => visibleColumns[column.key]);
+  };
+
+  // Column selector modal
+  const renderColumnSelector = () => {
+    return (
+      <Modal
+        title={t('列设置')}
+        visible={showColumnSelector}
+        onCancel={() => setShowColumnSelector(false)}
+        footer={
+          <div className="flex justify-end">
+            <Button
+              theme="light"
+              onClick={() => initDefaultColumns()}
+              className="!rounded-full"
+            >
+              {t('重置')}
+            </Button>
+            <Button
+              theme="light"
+              onClick={() => setShowColumnSelector(false)}
+              className="!rounded-full"
+            >
+              {t('取消')}
+            </Button>
+            <Button
+              type='primary'
+              onClick={() => setShowColumnSelector(false)}
+              className="!rounded-full"
+            >
+              {t('确定')}
+            </Button>
+          </div>
+        }
+      >
+        <div style={{ marginBottom: 20 }}>
+          <Checkbox
+            checked={Object.values(visibleColumns).every((v) => v === true)}
+            indeterminate={
+              Object.values(visibleColumns).some((v) => v === true) &&
+              !Object.values(visibleColumns).every((v) => v === true)
+            }
+            onChange={(e) => handleSelectAll(e.target.checked)}
+          >
+            {t('全选')}
+          </Checkbox>
+        </div>
+        <div
+          className="flex flex-wrap max-h-96 overflow-y-auto rounded-lg p-4"
+          style={{ border: '1px solid var(--semi-color-border)' }}
+        >
+          {allColumns.map((column) => {
+            // Skip columns without title
+            if (!column.title) {
+              return null;
+            }
+
+            return (
+              <div
+                key={column.key}
+                className="w-1/2 mb-4 pr-2"
+              >
+                <Checkbox
+                  checked={!!visibleColumns[column.key]}
+                  onChange={(e) =>
+                    handleColumnVisibilityChange(column.key, e.target.checked)
+                  }
+                >
+                  {column.title}
+                </Checkbox>
+              </div>
+            );
+          })}
+        </div>
+      </Modal>
+    );
+  };
+
  const removeRecord = (record) => {
    let newDataSource = [...channels];
    if (record.id != null) {
@@ -1397,6 +1576,16 @@ const ChannelsTable = () => {
          >
            {t('刷新')}
          </Button>
+
+          <Button
+            theme='light'
+            type='tertiary'
+            icon={<IconSetting />}
+            onClick={() => setShowColumnSelector(true)}
+            className="!rounded-full w-full md:w-auto"
+          >
+            {t('列设置')}
+          </Button>
        </div>

        <div className="flex flex-col md:flex-row items-center gap-4 w-full md:w-auto order-1 md:order-2">
@@ -1424,7 +1613,7 @@ const ChannelsTable = () => {
            <div className="w-full md:w-48">
              <Form.Input
                field="searchModel"
-                prefix={<IconFilter />}
+                prefix={<IconSearch />}
                placeholder={t('模型关键字')}
                className="!rounded-full"
                showClear
@@ -1481,6 +1670,7 @@ const ChannelsTable = () => {

  return (
    <>
+      {renderColumnSelector()}
      <EditTagModal
        visible={showEditTag}
        tag={editingTag}
@@ -1501,7 +1691,7 @@ const ChannelsTable = () => {
        bordered={false}
      >
        <Table
-          columns={columns}
+          columns={getVisibleColumns()}
          dataSource={pageData}
          scroll={{ x: 'max-content' }}
          pagination={{
@@ -1632,7 +1822,6 @@ const ChannelsTable = () => {
          </div>
        }
        maskClosable={!isBatchTesting}
-        centered={true}
        className="!rounded-lg"
        size="large"
      >
@@ -1733,7 +1922,6 @@ const ChannelsTable = () => {
                    key: model
                  }))}
                pagination={false}
-                size="middle"
              />
            </div>
          )}
--- a/web/src/components/table/LogsTable.js
+++ b/web/src/components/table/LogsTable.js
@@ -47,7 +47,8 @@ import {
 } from '@douyinfe/semi-illustrations';
 import { ITEMS_PER_PAGE } from '../../constants';
 import Paragraph from '@douyinfe/semi-ui/lib/es/typography/paragraph';
-import { IconSetting, IconSearch, IconForward } from '@douyinfe/semi-icons';
+import { IconSetting, IconSearch } from '@douyinfe/semi-icons';
+import { Route } from 'lucide-react';

 const { Text } = Typography;

@@ -232,6 +233,11 @@ const LogsTable = () => {
                onClick: (event) => {
                  copyText(event, record.model_name).then((r) => { });
                },
+                suffixIcon: (
+                  <Route
+                    style={{ width: '0.9em', height: '0.9em', opacity: 0.75 }}
+                  />
+                ),
              })}
            </Popover>
          </Space>
--- a/web/src/helpers/api.js
+++ b/web/src/helpers/api.js
@@ -12,6 +12,36 @@ export let API = axios.create({
  },
 });

+function patchAPIInstance(instance) {
+  const originalGet = instance.get.bind(instance);
+  const inFlightGetRequests = new Map();
+
+  const genKey = (url, config = {}) => {
+    const params = config.params ? JSON.stringify(config.params) : '{}';
+    return `${url}?${params}`;
+  };
+
+  instance.get = (url, config = {}) => {
+    if (config?.disableDuplicate) {
+      return originalGet(url, config);
+    }
+
+    const key = genKey(url, config);
+    if (inFlightGetRequests.has(key)) {
+      return inFlightGetRequests.get(key);
+    }
+
+    const reqPromise = originalGet(url, config).finally(() => {
+      inFlightGetRequests.delete(key);
+    });
+
+    inFlightGetRequests.set(key, reqPromise);
+    return reqPromise;
+  };
+}
+
+patchAPIInstance(API);
+
 export function updateAPI() {
  API = axios.create({
    baseURL: import.meta.env.VITE_REACT_APP_SERVER_URL
@@ -22,6 +52,8 @@ export function updateAPI() {
      'Cache-Control': 'no-store',
    },
  });
+
+  patchAPIInstance(API);
 }

 API.interceptors.response.use(
--- a/web/src/helpers/render.js
+++ b/web/src/helpers/render.js
@@ -46,8 +46,7 @@ import {
  Gift,
  User,
  Settings,
-  CircleUser,
-  Users
+  CircleUser
 } from 'lucide-react';

 // 侧边栏图标颜色映射
--- a/web/src/helpers/utils.js
+++ b/web/src/helpers/utils.js
@@ -446,3 +446,66 @@ export const getLastAssistantMessage = (messages) => {
  }
  return null;
 };
+
+// 计算相对时间（几天前、几小时前等）
+export const getRelativeTime = (publishDate) => {
+  if (!publishDate) return '';
+
+  const now = new Date();
+  const pubDate = new Date(publishDate);
+
+  // 如果日期无效，返回原始字符串
+  if (isNaN(pubDate.getTime())) return publishDate;
+
+  const diffMs = now.getTime() - pubDate.getTime();
+  const diffSeconds = Math.floor(diffMs / 1000);
+  const diffMinutes = Math.floor(diffSeconds / 60);
+  const diffHours = Math.floor(diffMinutes / 60);
+  const diffDays = Math.floor(diffHours / 24);
+  const diffWeeks = Math.floor(diffDays / 7);
+  const diffMonths = Math.floor(diffDays / 30);
+  const diffYears = Math.floor(diffDays / 365);
+
+  // 如果是未来时间，显示具体日期
+  if (diffMs < 0) {
+    return formatDateString(pubDate);
+  }
+
+  // 根据时间差返回相应的描述
+  if (diffSeconds < 60) {
+    return '刚刚';
+  } else if (diffMinutes < 60) {
+    return `${diffMinutes} 分钟前`;
+  } else if (diffHours < 24) {
+    return `${diffHours} 小时前`;
+  } else if (diffDays < 7) {
+    return `${diffDays} 天前`;
+  } else if (diffWeeks < 4) {
+    return `${diffWeeks} 周前`;
+  } else if (diffMonths < 12) {
+    return `${diffMonths} 个月前`;
+  } else if (diffYears < 2) {
+    return '1 年前';
+  } else {
+    // 超过2年显示具体日期
+    return formatDateString(pubDate);
+  }
+};
+
+// 格式化日期字符串
+export const formatDateString = (date) => {
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, '0');
+  const day = String(date.getDate()).padStart(2, '0');
+  return `${year}-${month}-${day}`;
+};
+
+// 格式化日期时间字符串（包含时间）
+export const formatDateTimeString = (date) => {
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, '0');
+  const day = String(date.getDate()).padStart(2, '0');
+  const hours = String(date.getHours()).padStart(2, '0');
+  const minutes = String(date.getMinutes()).padStart(2, '0');
+  return `${year}-${month}-${day} ${hours}:${minutes}`;
+};
--- a/web/src/hooks/useApiRequest.js
+++ b/web/src/hooks/useApiRequest.js
@@ -246,9 +246,11 @@ export const useApiRequest = (

    let responseData = '';
    let hasReceivedFirstResponse = false;
+    let isStreamComplete = false; // 添加标志位跟踪流是否正常完成

    source.addEventListener('message', (e) => {
      if (e.data === '[DONE]') {
+        isStreamComplete = true; // 标记流正常完成
        source.close();
        sseSourceRef.current = null;
        setDebugData(prev => ({ ...prev, response: responseData }));
@@ -290,26 +292,30 @@ export const useApiRequest = (
    });

    source.addEventListener('error', (e) => {
-      console.error('SSE Error:', e);
-      const errorMessage = e.data || t('请求发生错误');
+      // 只有在流没有正常完成且连接状态异常时才处理错误
+      if (!isStreamComplete && source.readyState !== 2) {
+        console.error('SSE Error:', e);
+        const errorMessage = e.data || t('请求发生错误');

-      const errorInfo = handleApiError(new Error(errorMessage));
-      errorInfo.readyState = source.readyState;
+        const errorInfo = handleApiError(new Error(errorMessage));
+        errorInfo.readyState = source.readyState;

-      setDebugData(prev => ({
-        ...prev,
-        response: responseData + '\n\nSSE Error:\n' + JSON.stringify(errorInfo, null, 2)
-      }));
-      setActiveDebugTab(DEBUG_TABS.RESPONSE);
+        setDebugData(prev => ({
+          ...prev,
+          response: responseData + '\n\nSSE Error:\n' + JSON.stringify(errorInfo, null, 2)
+        }));
+        setActiveDebugTab(DEBUG_TABS.RESPONSE);

-      streamMessageUpdate(errorMessage, 'content');
-      completeMessage(MESSAGE_STATUS.ERROR);
-      sseSourceRef.current = null;
-      source.close();
+        streamMessageUpdate(errorMessage, 'content');
+        completeMessage(MESSAGE_STATUS.ERROR);
+        sseSourceRef.current = null;
+        source.close();
+      }
    });

    source.addEventListener('readystatechange', (e) => {
-      if (e.readyState >= 2 && source.status !== undefined && source.status !== 200) {
+      // 检查 HTTP 状态错误，但避免与正常关闭重复处理
+      if (e.readyState >= 2 && source.status !== undefined && source.status !== 200 && !isStreamComplete) {
        const errorInfo = handleApiError(new Error('HTTP状态错误'));
        errorInfo.status = source.status;
        errorInfo.readyState = source.readyState;
@@ -401,4 +407,4 @@ export const useApiRequest = (
    streamMessageUpdate,
    completeMessage,
  };
-}; 
+};
--- a/web/src/i18n/locales/en.json
+++ b/web/src/i18n/locales/en.json
@@ -510,7 +510,7 @@
  "此项可选，输入镜像站地址，格式为：": "This is optional, enter the mirror site address, the format is:",
  "模型映射": "Model mapping",
  "请输入默认 API 版本，例如：2023-03-15-preview，该配置可以被实际的请求查询参数所覆盖": "Please enter the default API version, for example: 2023-03-15-preview, this configuration can be overridden by the actual request query parameters",
-  "默认": "default",
+  "默认": "Default",
  "图片演示": "Image demo",
  "注意，系统请求的时模型名称中的点会被剔除，例如：gpt-4.1会请求为gpt-41，所以在Azure部署的时候，部署模型名称需要手动改为gpt-41": "Note that the dot in the model name requested by the system will be removed, for example: gpt-4.1 will be requested as gpt-41, so when deploying on Azure, the deployment model name needs to be manually changed to gpt-41",
  "2025年5月10日后添加的渠道，不需要再在部署的时候移除模型名称中的\".\"": "After May 10, 2025, channels added do not need to remove the dot in the model name during deployment",
@@ -881,8 +881,7 @@
  "你好，": "Hello,",
  "线路监控": "line monitoring",
  "查看全部": "View all",
-  "高延迟": "high latency",
-  "异常": "abnormal",
+  "异常": "Abnormal",
  "的未命名令牌": "unnamed token",
  "令牌更新成功！": "Token updated successfully!",
  "(origin) Discord原链接": "(origin) Discord original link",
@@ -941,7 +940,7 @@
  "支付中..": "Paying",
  "查看图片": "View pictures",
  "并发限制": "Concurrency limit",
-  "正常": "normal",
+  "正常": "Normal",
  "周期": "cycle",
  "同步频率10-20分钟": "Synchronization frequency 10-20 minutes",
  "模型调用占比": "Model call proportion",
@@ -971,6 +970,8 @@
  "最低": "lowest",
  "划转额度": "Transfer amount",
  "邀请链接": "Invitation link",
+  "划转邀请额度": "Transfer invitation quota",
+  "可用邀请额度": "Available invitation quota",
  "更多优惠": "More offers",
  "企业微信": "Enterprise WeChat",
  "点击解绑WxPusher": "Click to unbind WxPusher",
@@ -1404,7 +1405,8 @@
  "可在初始化后修改": "Can be modified after initialization",
  "初始化系统": "Initialize system",
  "支持众多的大模型供应商": "Supporting various LLM providers",
-  "新一代大模型网关与AI资产管理系统，一键接入主流大模型，轻松管理您的AI资产": "Next-generation LLM gateway and AI asset management system, one-click integration with mainstream models, easily manage your AI assets",
+  "统一的大模型接口网关": "The Unified LLMs API Gateway",
+  "更好的价格，更好的稳定性，无需订阅": "Better price, better stability, no subscription required",
  "开始使用": "Get Started",
  "关于我们": "About Us",
  "关于项目": "About Project",
@@ -1581,14 +1583,12 @@
  "模型数据分析": "Model Data Analysis",
  "搜索无结果": "No results found",
  "仪表盘配置": "Dashboard Configuration",
-  "API信息管理，可以配置多个API地址用于状态展示和负载均衡": "API information management, you can configure multiple API addresses for status display and load balancing",
+  "API信息管理，可以配置多个API地址用于状态展示和负载均衡（最多50个）": "API information management, you can configure multiple API addresses for status display and load balancing (maximum 50)",
  "线路描述": "Route description",
  "颜色": "Color",
  "标识颜色": "Identifier color",
  "添加API": "Add API",
-  "保存配置": "Save Configuration",
  "API信息": "API Information",
-  "暂无API信息配置": "No API information configured",
  "暂无API信息": "No API information",
  "请输入API地址": "Please enter the API address",
  "请输入线路描述": "Please enter the route description",
@@ -1596,6 +1596,55 @@
  "请输入说明": "Please enter the description",
  "如：香港线路": "e.g. Hong Kong line",
  "请联系管理员在系统设置中配置API信息": "Please contact the administrator to configure API information in the system settings.",
+  "请联系管理员在系统设置中配置公告信息": "Please contact the administrator to configure notice information in the system settings.",
+  "请联系管理员在系统设置中配置常见问答": "Please contact the administrator to configure FAQ information in the system settings.",
  "确定要删除此API信息吗？": "Are you sure you want to delete this API information?",
-  "测速": "Speed Test"
+  "测速": "Speed Test",
+  "批量删除": "Batch Delete",
+  "常见问答": "FAQ",
+  "进行中": "Ongoing",
+  "警告": "Warning",
+  "添加公告": "Add Notice",
+  "编辑公告": "Edit Notice",
+  "公告内容": "Notice Content",
+  "请输入公告内容": "Please enter the notice content",
+  "发布日期": "Publish Date",
+  "请选择发布日期": "Please select the publish date",
+  "发布时间": "Publish Time",
+  "公告类型": "Notice Type",
+  "说明信息": "Description",
+  "可选，公告的补充说明": "Optional, additional information for the notice",
+  "确定要删除此公告吗？": "Are you sure you want to delete this notice?",
+  "系统公告管理，可以发布系统通知和重要消息": "System notice management, you can publish system notices and important messages",
+  "暂无系统公告": "No system notice",
+  "添加问答": "Add FAQ",
+  "编辑问答": "Edit FAQ",
+  "问题标题": "Question Title",
+  "请输入问题标题": "Please enter the question title",
+  "回答内容": "Answer Content",
+  "请输入回答内容": "Please enter the answer content",
+  "确定要删除此问答吗？": "Are you sure you want to delete this FAQ?",
+  "系统公告管理，可以发布系统通知和重要消息（最多100个，前端显示最新20条）": "System notice management, you can publish system notices and important messages (maximum 100, display latest 20 on the front end)",
+  "常见问答管理，为用户提供常见问题的答案（最多50个，前端显示最新20条）": "FAQ management, providing answers to common questions for users (maximum 50, display latest 20 on the front end)",
+  "暂无常见问答": "No FAQ",
+  "显示最新20条": "Display latest 20",
+  "Uptime Kuma 服务地址": "Uptime Kuma service address",
+  "状态页面 Slug": "Status page slug",
+  "请输入 Uptime Kuma 服务的完整地址，例如：https://uptime.example.com": "Please enter the complete address of Uptime Kuma, for example: https://uptime.example.com",
+  "请输入状态页面的 slug 标识符，例如：my-status": "Please enter the slug identifier for the status page, for example: my-status",
+  "Uptime Kuma 服务地址不能为空": "Uptime Kuma service address cannot be empty",
+  "请输入有效的 URL 地址": "Please enter a valid URL address",
+  "状态页面 Slug 不能为空": "Status page slug cannot be empty",
+  "Slug 只能包含字母、数字、下划线和连字符": "Slug can only contain letters, numbers, underscores, and hyphens",
+  "请输入 Uptime Kuma 服务地址": "Please enter the Uptime Kuma service address",
+  "请输入状态页面 Slug": "Please enter the status page slug",
+  "配置": "Configure",
+  "服务监控地址，用于展示服务状态信息": "service monitoring address for displaying status information",
+  "服务可用性": "Service Status",
+  "可用率": "Availability",
+  "有异常": "Abnormal",
+  "高延迟": "High latency",
+  "维护中": "Maintenance",
+  "暂无监控数据": "No monitoring data",
+  "请联系管理员在系统设置中配置Uptime": "Please contact the administrator to configure Uptime in the system settings."
 }
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -15,20 +15,9 @@

 /* ==================== 全局基础样式 ==================== */
 body {
-  margin: 0;
-  padding-top: 0;
-  font-family:
-    Lato, 'Helvetica Neue', Arial, Helvetica, 'Microsoft YaHei', sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  scrollbar-width: none;
-  color: var(--semi-color-text-0) !important;
-  background-color: var(--semi-color-bg-0) !important;
-  height: 100vh;
-}
-
-body::-webkit-scrollbar {
-  display: none;
+  font-family: Lato, 'Helvetica Neue', Arial, Helvetica, 'Microsoft YaHei', sans-serif;
+  color: var(--semi-color-text-0);
+  background-color: var(--semi-color-bg-0);
 }

 code {
@@ -36,34 +25,20 @@ code {
    source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
 }

-#root {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-
 /* ==================== 布局相关样式 ==================== */
+.semi-layout::-webkit-scrollbar,
 .semi-layout-content::-webkit-scrollbar,
 .semi-sider::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
+  display: none;
+  width: 0;
+  height: 0;
 }

-.semi-layout-content::-webkit-scrollbar-thumb,
-.semi-sider::-webkit-scrollbar-thumb {
-  background: var(--semi-color-tertiary-light-default);
-  border-radius: 3px;
-}
-
-.semi-layout-content::-webkit-scrollbar-thumb:hover,
-.semi-sider::-webkit-scrollbar-thumb:hover {
-  background: var(--semi-color-tertiary);
-}
-
-.semi-layout-content::-webkit-scrollbar-track,
-.semi-sider::-webkit-scrollbar-track {
-  background: transparent;
+.semi-layout,
+.semi-layout-content,
+.semi-sider {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
 }

 /* ==================== 导航和侧边栏样式 ==================== */
@@ -326,12 +301,12 @@ code {
  font-size: 1.1em;
 }

-/* API信息卡片样式 */
-.api-info-container {
+/* 卡片内容容器通用样式 */
+.card-content-container {
  position: relative;
 }

-.api-info-fade-indicator {
+.card-content-fade-indicator {
  position: absolute;
  bottom: 0;
  left: 0;
@@ -399,8 +374,8 @@ code {
  background: transparent;
 }

-/* 隐藏模型设置区域的滚动条 */
-.api-info-scroll::-webkit-scrollbar,
+/* 隐藏卡片内容区域的滚动条 */
+.card-content-scroll::-webkit-scrollbar,
 .model-settings-scroll::-webkit-scrollbar,
 .thinking-content-scroll::-webkit-scrollbar,
 .custom-request-textarea .semi-input::-webkit-scrollbar,
@@ -408,7 +383,7 @@ code {
  display: none;
 }

-.api-info-scroll,
+.card-content-scroll,
 .model-settings-scroll,
 .thinking-content-scroll,
 .custom-request-textarea .semi-input,
@@ -438,41 +413,6 @@ code {

 /* ==================== 响应式/移动端样式 ==================== */
@media only screen and (max-width: 767px) {
-  #root>section>header>section>div>div>div>div.semi-navigation-footer>div>a>li {
-    padding: 0 0;
-  }
-
-  #root>section>header>section>div>div>div>div.semi-navigation-header-list-outer>div.semi-navigation-list-wrapper>ul>div>a>li {
-    padding: 0 5px;
-  }
-
-  #root>section>header>section>div>div>div>div.semi-navigation-footer>div:nth-child(1)>a>li {
-    padding: 0 5px;
-  }
-
-  .semi-navigation-horizontal .semi-navigation-header {
-    margin-right: 0;
-  }
-
-  /* 确保移动端内容可滚动 */
-  .semi-layout-content {
-    -webkit-overflow-scrolling: touch !important;
-    overscroll-behavior-y: auto !important;
-  }
-
-  /* 修复移动端下拉刷新 */
-  body {
-    overflow: visible !important;
-    overscroll-behavior-y: auto !important;
-    position: static !important;
-    height: 100% !important;
-  }
-
-  /* 确保内容区域在移动端可以正常滚动 */
-  #root {
-    overflow: visible !important;
-    height: 100% !important;
-  }

  /* 移动端表格样式调整 */
  .semi-table-tbody,
--- a/web/src/pages/Detail/index.js
+++ b/web/src/pages/Detail/index.js
@@ -1,7 +1,7 @@
 import React, { useContext, useEffect, useRef, useState, useMemo, useCallback } from 'react';
 import { initVChartSemiTheme } from '@visactor/vchart-semi-theme';
 import { useNavigate } from 'react-router-dom';
-import { Wallet, Activity, Zap, Gauge, PieChart } from 'lucide-react';
+import { Wallet, Activity, Zap, Gauge, PieChart, Server, Bell, HelpCircle } from 'lucide-react';

 import {
  Card,
@@ -13,7 +13,10 @@ import {
  Tabs,
  TabPane,
  Empty,
-  Tag
+  Tag,
+  Timeline,
+  Collapse,
+  Progress
 } from '@douyinfe/semi-ui';
 import {
  IconRefresh,
@@ -26,7 +29,9 @@ import {
  IconPulse,
  IconStopwatchStroked,
  IconTypograph,
-  IconPieChart2Stroked
+  IconPieChart2Stroked,
+  IconPlus,
+  IconMinus
 } from '@douyinfe/semi-icons';
 import { IllustrationConstruction, IllustrationConstructionDark } from '@douyinfe/semi-illustrations';
 import { VChart } from '@visactor/react-vchart';
@@ -43,7 +48,8 @@ import {
  renderQuota,
  modelToColor,
  copy,
-  showSuccess
+  showSuccess,
+  getRelativeTime
 } from '../../helpers';
 import { UserContext } from '../../context/User/index.js';
 import { StatusContext } from '../../context/Status/index.js';
@@ -179,7 +185,7 @@ const Detail = (props) => {
  const [times, setTimes] = useState(0);
  const [pieData, setPieData] = useState([{ type: 'null', value: '0' }]);
  const [lineData, setLineData] = useState([]);
-  const [apiInfoData, setApiInfoData] = useState([]);
+
  const [modelColors, setModelColors] = useState({});
  const [activeChartTab, setActiveChartTab] = useState('1');
  const [showApiScrollHint, setShowApiScrollHint] = useState(false);
@@ -196,6 +202,20 @@ const Detail = (props) => {
    tpm: []
  });

+  // ========== Additional Refs for new cards ==========
+  const announcementScrollRef = useRef(null);
+  const faqScrollRef = useRef(null);
+  const uptimeScrollRef = useRef(null);
+
+  // ========== Additional State for scroll hints ==========
+  const [showAnnouncementScrollHint, setShowAnnouncementScrollHint] = useState(false);
+  const [showFaqScrollHint, setShowFaqScrollHint] = useState(false);
+  const [showUptimeScrollHint, setShowUptimeScrollHint] = useState(false);
+
+  // ========== Uptime data ==========
+  const [uptimeData, setUptimeData] = useState([]);
+  const [uptimeLoading, setUptimeLoading] = useState(false);
+
  // ========== Props Destructuring ==========
  const { username, model_name, start_timestamp, end_timestamp, channel } = inputs;

@@ -543,9 +563,26 @@ const Detail = (props) => {
    }
  }, [start_timestamp, end_timestamp, username, dataExportDefaultTime, isAdminUser]);

+  const loadUptimeData = useCallback(async () => {
+    setUptimeLoading(true);
+    try {
+      const res = await API.get('/api/uptime/status');
+      const { success, message, data } = res.data;
+      if (success) {
+        setUptimeData(data || []);
+      } else {
+        showError(message);
+      }
+    } catch (err) {
+      console.error(err);
+    } finally {
+      setUptimeLoading(false);
+    }
+  }, []);
+
  const refresh = useCallback(async () => {
-    await loadQuotaData();
-  }, [loadQuotaData]);
+    await Promise.all([loadQuotaData(), loadUptimeData()]);
+  }, [loadQuotaData, loadUptimeData]);

  const handleSearchConfirm = useCallback(() => {
    refresh();
@@ -554,7 +591,8 @@ const Detail = (props) => {

  const initChart = useCallback(async () => {
    await loadQuotaData();
-  }, [loadQuotaData]);
+    await loadUptimeData();
+  }, [loadQuotaData, loadUptimeData]);

  const showSearchModal = useCallback(() => {
    setSearchModalVisible(true);
@@ -578,6 +616,30 @@ const Detail = (props) => {
    checkApiScrollable();
  };

+  const checkCardScrollable = (ref, setHintFunction) => {
+    if (ref.current) {
+      const element = ref.current;
+      const isScrollable = element.scrollHeight > element.clientHeight;
+      const isAtBottom = element.scrollTop + element.clientHeight >= element.scrollHeight - 5;
+      setHintFunction(isScrollable && !isAtBottom);
+    }
+  };
+
+  const handleCardScroll = (ref, setHintFunction) => {
+    checkCardScrollable(ref, setHintFunction);
+  };
+
+  // ========== Effects for scroll detection ==========
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      checkApiScrollable();
+      checkCardScrollable(announcementScrollRef, setShowAnnouncementScrollHint);
+      checkCardScrollable(faqScrollRef, setShowFaqScrollHint);
+      checkCardScrollable(uptimeScrollRef, setShowUptimeScrollHint);
+    }, 100);
+    return () => clearTimeout(timer);
+  }, [uptimeData]);
+
  const getUserData = async () => {
    let res = await API.get(`/api/user/self`);
    const { success, message, data } = res.data;
@@ -775,6 +837,54 @@ const Detail = (props) => {
    generateChartTimePoints, updateChartSpec, updateMapValue, t
  ]);

+  // ========== Status Data Management ==========
+  const announcementLegendData = useMemo(() => [
+    { color: 'grey', label: t('默认'), type: 'default' },
+    { color: 'blue', label: t('进行中'), type: 'ongoing' },
+    { color: 'green', label: t('成功'), type: 'success' },
+    { color: 'orange', label: t('警告'), type: 'warning' },
+    { color: 'red', label: t('异常'), type: 'error' }
+  ], [t]);
+
+  const uptimeStatusMap = useMemo(() => ({
+    1: { color: '#10b981', label: t('正常'), text: t('可用率') },   // UP
+    0: { color: '#ef4444', label: t('异常'), text: t('有异常') },   // DOWN
+    2: { color: '#f59e0b', label: t('高延迟'), text: t('高延迟') }, // PENDING
+    3: { color: '#3b82f6', label: t('维护中'), text: t('维护中') }   // MAINTENANCE
+  }), [t]);
+
+  const uptimeLegendData = useMemo(() =>
+    Object.entries(uptimeStatusMap).map(([status, info]) => ({
+      status: Number(status),
+      color: info.color,
+      label: info.label
+    })), [uptimeStatusMap]);
+
+  const getUptimeStatusColor = useCallback((status) =>
+    uptimeStatusMap[status]?.color || '#8b9aa7',
+    [uptimeStatusMap]);
+
+  const getUptimeStatusText = useCallback((status) =>
+    uptimeStatusMap[status]?.text || t('未知'),
+    [uptimeStatusMap, t]);
+
+  const apiInfoData = useMemo(() => {
+    return statusState?.status?.api_info || [];
+  }, [statusState?.status?.api_info]);
+
+  const announcementData = useMemo(() => {
+    const announcements = statusState?.status?.announcements || [];
+    // 处理后台配置的公告数据，自动生成相对时间
+    return announcements.map(item => ({
+      ...item,
+      time: getRelativeTime(item.publishDate)
+    }));
+  }, [statusState?.status?.announcements]);
+
+  const faqData = useMemo(() => {
+    return statusState?.status?.faq || [];
+  }, [statusState?.status?.faq]);
+
  // ========== Hooks - Effects ==========
  useEffect(() => {
    getUserData();
@@ -787,19 +897,6 @@ const Detail = (props) => {
    }
  }, []);

-  useEffect(() => {
-    if (statusState?.status?.api_info) {
-      setApiInfoData(statusState.status.api_info);
-    }
-  }, [statusState?.status?.api_info]);
-
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      checkApiScrollable();
-    }, 100);
-    return () => clearTimeout(timer);
-  }, []);
-
  return (
    <div className="bg-gray-50 h-full">
      <div className="flex items-center justify-between mb-4">
@@ -970,15 +1067,15 @@ const Detail = (props) => {
                className="bg-gray-50 border-0 !rounded-2xl"
                title={
                  <div className={FLEX_CENTER_GAP2}>
-                    <IconSearch size={16} />
+                    <Server size={16} />
                    {t('API信息')}
                  </div>
                }
              >
-                <div className="api-info-container">
+                <div className="card-content-container">
                  <div
                    ref={apiScrollRef}
-                    className="space-y-3 max-h-96 overflow-y-auto api-info-scroll"
+                    className="space-y-3 max-h-96 overflow-y-auto card-content-scroll"
                    onScroll={handleApiScroll}
                  >
                    {apiInfoData.length > 0 ? (
@@ -1007,12 +1104,12 @@ const Detail = (props) => {
                              {api.route}
                            </div>
                            <div
-                              className="text-xs !text-semi-color-primary font-mono break-all cursor-pointer hover:underline mb-1"
+                              className="!text-semi-color-primary break-all cursor-pointer hover:underline mb-1"
                              onClick={() => handleCopyUrl(api.url)}
                            >
                              {api.url}
                            </div>
-                            <div className="text-xs text-gray-500">
+                            <div className="text-gray-500">
                              {api.description}
                            </div>
                          </div>
@@ -1023,7 +1120,7 @@ const Detail = (props) => {
                        <Empty
                          image={<IllustrationConstruction style={{ width: 80, height: 80 }} />}
                          darkModeImage={<IllustrationConstructionDark style={{ width: 80, height: 80 }} />}
-                          title={t('暂无API信息配置')}
+                          title={t('暂无API信息')}
                          description={t('请联系管理员在系统设置中配置API信息')}
                          style={{ padding: '12px' }}
                        />
@@ -1031,7 +1128,7 @@ const Detail = (props) => {
                    )}
                  </div>
                  <div
-                    className="api-info-fade-indicator"
+                    className="card-content-fade-indicator"
                    style={{ opacity: showApiScrollHint ? 1 : 0 }}
                  />
                </div>
@@ -1039,6 +1136,225 @@ const Detail = (props) => {
            )}
          </div>
        </div>
+
+        {/* 系统公告和常见问答卡片 */}
+        {!statusState?.status?.self_use_mode_enabled && (
+          <div className="mb-4">
+            <div className="grid grid-cols-1 lg:grid-cols-4 gap-4">
+              {/* 公告卡片 */}
+              <Card
+                {...CARD_PROPS}
+                className="shadow-sm !rounded-2xl lg:col-span-2"
+                title={
+                  <div className="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-2 w-full">
+                    <div className="flex items-center gap-2">
+                      <Bell size={16} />
+                      {t('系统公告')}
+                      <Tag size="small" color="grey" shape="circle">
+                        {t('显示最新20条')}
+                      </Tag>
+                    </div>
+                    {/* 图例 */}
+                    <div className="flex flex-wrap gap-3 text-xs">
+                      {announcementLegendData.map((legend, index) => (
+                        <div key={index} className="flex items-center gap-1">
+                          <div
+                            className="w-2 h-2 rounded-full"
+                            style={{
+                              backgroundColor: legend.color === 'grey' ? '#8b9aa7' :
+                                legend.color === 'blue' ? '#3b82f6' :
+                                  legend.color === 'green' ? '#10b981' :
+                                    legend.color === 'orange' ? '#f59e0b' :
+                                      legend.color === 'red' ? '#ef4444' : '#8b9aa7'
+                            }}
+                          />
+                          <span className="text-gray-600">{legend.label}</span>
+                        </div>
+                      ))}
+                    </div>
+                  </div>
+                }
+              >
+                <div className="card-content-container">
+                  <div
+                    ref={announcementScrollRef}
+                    className="p-2 max-h-96 overflow-y-auto card-content-scroll"
+                    onScroll={() => handleCardScroll(announcementScrollRef, setShowAnnouncementScrollHint)}
+                  >
+                    {announcementData.length > 0 ? (
+                      <Timeline
+                        mode="alternate"
+                        dataSource={announcementData}
+                      />
+                    ) : (
+                      <div className="flex justify-center items-center py-8">
+                        <Empty
+                          image={<IllustrationConstruction style={{ width: 80, height: 80 }} />}
+                          darkModeImage={<IllustrationConstructionDark style={{ width: 80, height: 80 }} />}
+                          title={t('暂无系统公告')}
+                          description={t('请联系管理员在系统设置中配置公告信息')}
+                          style={{ padding: '12px' }}
+                        />
+                      </div>
+                    )}
+                  </div>
+                  <div
+                    className="card-content-fade-indicator"
+                    style={{ opacity: showAnnouncementScrollHint ? 1 : 0 }}
+                  />
+                </div>
+              </Card>
+
+              {/* 常见问答卡片 */}
+              <Card
+                {...CARD_PROPS}
+                className="shadow-sm !rounded-2xl lg:col-span-1"
+                title={
+                  <div className={FLEX_CENTER_GAP2}>
+                    <HelpCircle size={16} />
+                    {t('常见问答')}
+                  </div>
+                }
+              >
+                <div className="card-content-container">
+                  <div
+                    ref={faqScrollRef}
+                    className="p-2 max-h-96 overflow-y-auto card-content-scroll"
+                    onScroll={() => handleCardScroll(faqScrollRef, setShowFaqScrollHint)}
+                  >
+                    {faqData.length > 0 ? (
+                      <Collapse
+                        accordion
+                        expandIcon={<IconPlus />}
+                        collapseIcon={<IconMinus />}
+                      >
+                        {faqData.map((item, index) => (
+                          <Collapse.Panel
+                            key={index}
+                            header={item.title}
+                            itemKey={index.toString()}
+                          >
+                            <p>{item.content}</p>
+                          </Collapse.Panel>
+                        ))}
+                      </Collapse>
+                    ) : (
+                      <div className="flex justify-center items-center py-8">
+                        <Empty
+                          image={<IllustrationConstruction style={{ width: 80, height: 80 }} />}
+                          darkModeImage={<IllustrationConstructionDark style={{ width: 80, height: 80 }} />}
+                          title={t('暂无常见问答')}
+                          description={t('请联系管理员在系统设置中配置常见问答')}
+                          style={{ padding: '12px' }}
+                        />
+                      </div>
+                    )}
+                  </div>
+                  <div
+                    className="card-content-fade-indicator"
+                    style={{ opacity: showFaqScrollHint ? 1 : 0 }}
+                  />
+                </div>
+              </Card>
+
+              {/* 服务可用性卡片 */}
+              <Card
+                {...CARD_PROPS}
+                className="shadow-sm !rounded-2xl lg:col-span-1"
+                title={
+                  <div className="flex items-center justify-between w-full gap-2">
+                    <div className="flex items-center gap-2">
+                      <Gauge size={16} />
+                      {t('服务可用性')}
+                    </div>
+                    <IconButton
+                      icon={<IconRefresh />}
+                      onClick={loadUptimeData}
+                      loading={uptimeLoading}
+                      size="small"
+                      theme="borderless"
+                      className="text-gray-500 hover:text-blue-500 hover:bg-blue-50 !rounded-full"
+                    />
+                  </div>
+                }
+                footer={uptimeData.length > 0 ? (
+                  <Card
+                    shadows="always"
+                    bordered={false}
+                    className="!rounded-full backdrop-blur"
+                  >
+                    <div className="flex flex-wrap gap-3 text-xs justify-center">
+                      {uptimeLegendData.map((legend, index) => (
+                        <div key={index} className="flex items-center gap-1">
+                          <div
+                            className="w-2 h-2 rounded-full"
+                            style={{ backgroundColor: legend.color }}
+                          />
+                          <span className="text-gray-600">{legend.label}</span>
+                        </div>
+                      ))}
+                    </div>
+                  </Card>
+                ) : null}
+                footerStyle={uptimeData.length > 0 ? { marginTop: '-100px' } : undefined}
+              >
+                <div className="card-content-container">
+                  <Spin spinning={uptimeLoading}>
+                    <div
+                      ref={uptimeScrollRef}
+                      className="p-2 max-h-96 overflow-y-auto card-content-scroll"
+                      onScroll={() => handleCardScroll(uptimeScrollRef, setShowUptimeScrollHint)}
+                    >
+                      {uptimeData.length > 0 ? (
+                        uptimeData.map((monitor, idx) => (
+                          <div key={idx} className="p-2 hover:bg-white rounded-lg transition-colors">
+                            <div className="flex items-center justify-between mb-1">
+                              <div className="flex items-center gap-2">
+                                <div
+                                  className="w-2 h-2 rounded-full flex-shrink-0"
+                                  style={{
+                                    backgroundColor: getUptimeStatusColor(monitor.status)
+                                  }}
+                                />
+                                <span className="text-sm font-medium text-gray-900">{monitor.name}</span>
+                              </div>
+                              <span className="text-xs text-gray-500">{((monitor.uptime || 0) * 100).toFixed(2)}%</span>
+                            </div>
+                            <div className="flex items-center gap-2">
+                              <span className="text-xs text-gray-500">{getUptimeStatusText(monitor.status)}</span>
+                              <div className="flex-1">
+                                <Progress
+                                  percent={(monitor.uptime || 0) * 100}
+                                  showInfo={false}
+                                  aria-label={`${monitor.name} uptime`}
+                                  stroke={getUptimeStatusColor(monitor.status)}
+                                />
+                              </div>
+                            </div>
+                          </div>
+                        ))
+                      ) : (
+                        <div className="flex justify-center items-center py-8">
+                          <Empty
+                            image={<IllustrationConstruction style={{ width: 80, height: 80 }} />}
+                            darkModeImage={<IllustrationConstructionDark style={{ width: 80, height: 80 }} />}
+                            title={t('暂无监控数据')}
+                            description={t('请联系管理员在系统设置中配置Uptime')}
+                            style={{ padding: '12px' }}
+                          />
+                        </div>
+                      )}
+                    </div>
+                  </Spin>
+                  <div
+                    className="card-content-fade-indicator"
+                    style={{ opacity: showUptimeScrollHint ? 1 : 0 }}
+                  />
+                </div>
+              </Card>
+            </div>
+          </div>
+        )}
      </Spin>
    </div>
  );
--- a/web/src/pages/Home/index.js
+++ b/web/src/pages/Home/index.js
@@ -86,28 +86,35 @@ const Home = () => {
        <div className="w-full overflow-x-hidden">
          {/* Banner 部分 */}
          <div className="w-full border-b border-semi-color-border min-h-[500px] md:min-h-[600px] lg:min-h-[700px] relative overflow-x-hidden">
-            <div className="flex items-center justify-center h-full px-4 py-12 md:py-16 lg:py-20">
+            <div className="flex items-center justify-center h-full px-4 py-20 md:py-24 lg:py-32">
              {/* 居中内容区 */}
              <div className="flex flex-col items-center justify-center text-center max-w-4xl mx-auto">
                <div className="flex flex-col items-center justify-center mb-6 md:mb-8">
-                  <h1 className="text-3xl md:text-4xl lg:text-5xl xl:text-6xl font-semibold text-semi-color-text-0 leading-tight">
-                    {statusState?.status?.system_name || 'New API'}
+                  <h1 className="text-4xl md:text-5xl lg:text-6xl xl:text-7xl font-semibold text-semi-color-text-0 leading-tight">
+                    {i18n.language === 'en' ? (
+                      <>
+                        The Unified<br />
+                        LLMs API Gateway
+                      </>
+                    ) : (
+                      t('统一的大模型接口网关')
+                    )}
                  </h1>
+                  <p className="text-lg md:text-xl lg:text-2xl text-semi-color-text-1 mt-4 md:mt-6">
+                    {t('更好的价格，更好的稳定性，无需订阅')}
+                  </p>
                </div>
-                <p className="text-base md:text-lg lg:text-xl text-semi-color-text-0 leading-7 md:leading-8 lg:leading-9 max-w-2xl px-4">
-                  {t('新一代大模型网关与AI资产管理系统，一键接入主流大模型，轻松管理您的AI资产')}
-                </p>

                {/* 操作按钮 */}
-                <div className="mt-8 md:mt-10 lg:mt-12 flex flex-row gap-4 justify-center items-center">
+                <div className="flex flex-row gap-4 justify-center items-center">
                  <Link to="/console">
-                    <Button theme="solid" type="primary" size="large" className="!rounded-3xl px-8 py-2" icon={<IconPlay />}>
+                    <Button theme="solid" type="primary" size={isMobile() ? "default" : "large"} className="!rounded-3xl px-8 py-2" icon={<IconPlay />}>
                      {t('开始使用')}
                    </Button>
                  </Link>
                  {isDemoSiteMode && statusState?.status?.version ? (
                    <Button
-                      size="large"
+                      size={isMobile() ? "default" : "large"}
                      className="flex items-center !rounded-3xl px-6 py-2"
                      icon={<IconGithubLogo />}
                      onClick={() => window.open('https://github.com/QuantumNous/new-api', '_blank')}
@@ -117,7 +124,7 @@ const Home = () => {
                  ) : (
                    docsLink && (
                      <Button
-                        size="large"
+                        size={isMobile() ? "default" : "large"}
                        className="flex items-center !rounded-3xl px-6 py-2"
                        icon={<IconFile />}
                        onClick={() => window.open(docsLink, '_blank')}
--- a/web/src/pages/Setting/Dashboard/SettingsAPIInfo.js
+++ b/web/src/pages/Setting/Dashboard/SettingsAPIInfo.js
@@ -44,6 +44,9 @@ const SettingsAPIInfo = ({ options, refresh }) => {
    route: '',
    color: 'blue'
  });
+  const [currentPage, setCurrentPage] = useState(1);
+  const [pageSize, setPageSize] = useState(10);
+  const [selectedRowKeys, setSelectedRowKeys] = useState([]);

  const colorOptions = [
    { value: 'blue', label: 'blue' },
@@ -124,7 +127,7 @@ const SettingsAPIInfo = ({ options, refresh }) => {
      const newList = apiInfoList.filter(api => api.id !== deletingApi.id);
      setApiInfoList(newList);
      setHasChanges(true);
-      showSuccess('API信息已删除，请及时点击“保存配置”进行保存');
+      showSuccess('API信息已删除，请及时点击“保存设置”进行保存');
    }
    setShowDeleteModal(false);
    setDeletingApi(null);
@@ -158,7 +161,7 @@ const SettingsAPIInfo = ({ options, refresh }) => {
      setApiInfoList(newList);
      setHasChanges(true);
      setShowApiModal(false);
-      showSuccess(editingApi ? 'API信息已更新，请及时点击“保存配置”进行保存' : 'API信息已添加，请及时点击“保存配置”进行保存');
+      showSuccess(editingApi ? 'API信息已更新，请及时点击“保存设置”进行保存' : 'API信息已添加，请及时点击“保存设置”进行保存');
    } catch (error) {
      showError('操作失败: ' + error.message);
    } finally {
@@ -237,6 +240,7 @@ const SettingsAPIInfo = ({ options, refresh }) => {
    {
      title: t('操作'),
      fixed: 'right',
+      width: 150,
      render: (_, record) => (
        <Space>
          <Button
@@ -264,12 +268,25 @@ const SettingsAPIInfo = ({ options, refresh }) => {
    },
  ];

+  const handleBatchDelete = () => {
+    if (selectedRowKeys.length === 0) {
+      showError('请先选择要删除的API信息');
+      return;
+    }
+
+    const newList = apiInfoList.filter(api => !selectedRowKeys.includes(api.id));
+    setApiInfoList(newList);
+    setSelectedRowKeys([]);
+    setHasChanges(true);
+    showSuccess(`已删除 ${selectedRowKeys.length} 个API信息，请及时点击“保存设置”进行保存`);
+  };
+
  const renderHeader = () => (
    <div className="flex flex-col w-full">
      <div className="mb-2">
        <div className="flex items-center text-blue-500">
          <Settings size={16} className="mr-2" />
-          <Text>{t('API信息管理，可以配置多个API地址用于状态展示和负载均衡')}</Text>
+          <Text>{t('API信息管理，可以配置多个API地址用于状态展示和负载均衡（最多50个）')}</Text>
        </div>
      </div>

@@ -286,6 +303,16 @@ const SettingsAPIInfo = ({ options, refresh }) => {
          >
            {t('添加API')}
          </Button>
+          <Button
+            icon={<Trash2 size={14} />}
+            type='danger'
+            theme='light'
+            onClick={handleBatchDelete}
+            disabled={selectedRowKeys.length === 0}
+            className="!rounded-full w-full md:w-auto"
+          >
+            {t('批量删除')} {selectedRowKeys.length > 0 && `(${selectedRowKeys.length})`}
+          </Button>
          <Button
            icon={<Save size={14} />}
            onClick={submitApiInfo}
@@ -294,21 +321,63 @@ const SettingsAPIInfo = ({ options, refresh }) => {
            type='secondary'
            className="!rounded-full w-full md:w-auto"
          >
-            {t('保存配置')}
+            {t('保存设置')}
          </Button>
        </div>
      </div>
    </div>
  );

+  // 计算当前页显示的数据
+  const getCurrentPageData = () => {
+    const startIndex = (currentPage - 1) * pageSize;
+    const endIndex = startIndex + pageSize;
+    return apiInfoList.slice(startIndex, endIndex);
+  };
+
+  const rowSelection = {
+    selectedRowKeys,
+    onChange: (selectedRowKeys, selectedRows) => {
+      setSelectedRowKeys(selectedRowKeys);
+    },
+    onSelect: (record, selected, selectedRows) => {
+      console.log(`选择行: ${selected}`, record);
+    },
+    onSelectAll: (selected, selectedRows) => {
+      console.log(`全选: ${selected}`, selectedRows);
+    },
+    getCheckboxProps: (record) => ({
+      disabled: false,
+      name: record.id,
+    }),
+  };
+
  return (
    <>
      <Form.Section text={renderHeader()}>
        <Table
          columns={columns}
-          dataSource={apiInfoList}
+          dataSource={getCurrentPageData()}
+          rowSelection={rowSelection}
+          rowKey="id"
          scroll={{ x: 'max-content' }}
-          pagination={false}
+          pagination={{
+            currentPage: currentPage,
+            pageSize: pageSize,
+            total: apiInfoList.length,
+            showSizeChanger: true,
+            showQuickJumper: true,
+            showTotal: (total, range) => t(`共 ${total} 条记录，显示第 ${range[0]}-${range[1]} 条`),
+            pageSizeOptions: ['5', '10', '20', '50'],
+            onChange: (page, size) => {
+              setCurrentPage(page);
+              setPageSize(size);
+            },
+            onShowSizeChange: (current, size) => {
+              setCurrentPage(1);
+              setPageSize(size);
+            }
+          }}
          size='middle'
          loading={loading}
          empty={
--- a/web/src/pages/Setting/Dashboard/SettingsAnnouncements.js
+++ b/web/src/pages/Setting/Dashboard/SettingsAnnouncements.js
@@ -0,0 +1,485 @@
+import React, { useEffect, useState } from 'react';
+import {
+  Button,
+  Space,
+  Table,
+  Form,
+  Typography,
+  Empty,
+  Divider,
+  Modal,
+  Tag
+} from '@douyinfe/semi-ui';
+import {
+  IllustrationNoResult,
+  IllustrationNoResultDark
+} from '@douyinfe/semi-illustrations';
+import {
+  Plus,
+  Edit,
+  Trash2,
+  Save,
+  Bell
+} from 'lucide-react';
+import { API, showError, showSuccess, getRelativeTime, formatDateTimeString } from '../../../helpers';
+import { useTranslation } from 'react-i18next';
+
+const { Text } = Typography;
+
+const SettingsAnnouncements = ({ options, refresh }) => {
+  const { t } = useTranslation();
+
+  const [announcementsList, setAnnouncementsList] = useState([]);
+  const [showAnnouncementModal, setShowAnnouncementModal] = useState(false);
+  const [showDeleteModal, setShowDeleteModal] = useState(false);
+  const [deletingAnnouncement, setDeletingAnnouncement] = useState(null);
+  const [editingAnnouncement, setEditingAnnouncement] = useState(null);
+  const [modalLoading, setModalLoading] = useState(false);
+  const [loading, setLoading] = useState(false);
+  const [hasChanges, setHasChanges] = useState(false);
+  const [announcementForm, setAnnouncementForm] = useState({
+    content: '',
+    publishDate: new Date(),
+    type: 'default',
+    extra: ''
+  });
+  const [currentPage, setCurrentPage] = useState(1);
+  const [pageSize, setPageSize] = useState(10);
+  const [selectedRowKeys, setSelectedRowKeys] = useState([]);
+
+  const typeOptions = [
+    { value: 'default', label: t('默认') },
+    { value: 'ongoing', label: t('进行中') },
+    { value: 'success', label: t('成功') },
+    { value: 'warning', label: t('警告') },
+    { value: 'error', label: t('错误') }
+  ];
+
+  const getTypeColor = (type) => {
+    const colorMap = {
+      default: 'grey',
+      ongoing: 'blue',
+      success: 'green',
+      warning: 'orange',
+      error: 'red'
+    };
+    return colorMap[type] || 'grey';
+  };
+
+  const columns = [
+    {
+      title: t('内容'),
+      dataIndex: 'content',
+      key: 'content',
+      render: (text) => (
+        <div style={{
+          maxWidth: '300px',
+          wordBreak: 'break-word',
+          whiteSpace: 'pre-wrap'
+        }}>
+          {text}
+        </div>
+      )
+    },
+    {
+      title: t('发布时间'),
+      dataIndex: 'publishDate',
+      key: 'publishDate',
+      width: 180,
+      render: (publishDate) => (
+        <div>
+          <div style={{ fontWeight: 'bold' }}>
+            {getRelativeTime(publishDate)}
+          </div>
+          <div style={{
+            fontSize: '12px',
+            color: 'var(--semi-color-text-2)',
+            marginTop: '2px'
+          }}>
+            {publishDate ? formatDateTimeString(new Date(publishDate)) : '-'}
+          </div>
+        </div>
+      )
+    },
+    {
+      title: t('类型'),
+      dataIndex: 'type',
+      key: 'type',
+      width: 100,
+      render: (type) => (
+        <Tag color={getTypeColor(type)} shape='circle'>
+          {typeOptions.find(opt => opt.value === type)?.label || type}
+        </Tag>
+      )
+    },
+    {
+      title: t('说明'),
+      dataIndex: 'extra',
+      key: 'extra',
+      render: (text) => (
+        <div style={{
+          maxWidth: '200px',
+          wordBreak: 'break-word',
+          color: 'var(--semi-color-text-2)'
+        }}>
+          {text || '-'}
+        </div>
+      )
+    },
+    {
+      title: t('操作'),
+      key: 'action',
+      fixed: 'right',
+      width: 150,
+      render: (text, record) => (
+        <Space>
+          <Button
+            icon={<Edit size={14} />}
+            theme='light'
+            type='tertiary'
+            size='small'
+            className="!rounded-full"
+            onClick={() => handleEditAnnouncement(record)}
+          >
+            {t('编辑')}
+          </Button>
+          <Button
+            icon={<Trash2 size={14} />}
+            type='danger'
+            theme='light'
+            size='small'
+            className="!rounded-full"
+            onClick={() => handleDeleteAnnouncement(record)}
+          >
+            {t('删除')}
+          </Button>
+        </Space>
+      )
+    }
+  ];
+
+  const updateOption = async (key, value) => {
+    const res = await API.put('/api/option/', {
+      key,
+      value,
+    });
+    const { success, message } = res.data;
+    if (success) {
+      showSuccess('系统公告已更新');
+      if (refresh) refresh();
+    } else {
+      showError(message);
+    }
+  };
+
+  const submitAnnouncements = async () => {
+    try {
+      setLoading(true);
+      const announcementsJson = JSON.stringify(announcementsList);
+      await updateOption('Announcements', announcementsJson);
+      setHasChanges(false);
+    } catch (error) {
+      console.error('系统公告更新失败', error);
+      showError('系统公告更新失败');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleAddAnnouncement = () => {
+    setEditingAnnouncement(null);
+    setAnnouncementForm({
+      content: '',
+      publishDate: new Date(),
+      type: 'default',
+      extra: ''
+    });
+    setShowAnnouncementModal(true);
+  };
+
+  const handleEditAnnouncement = (announcement) => {
+    setEditingAnnouncement(announcement);
+    setAnnouncementForm({
+      content: announcement.content,
+      publishDate: announcement.publishDate ? new Date(announcement.publishDate) : new Date(),
+      type: announcement.type || 'default',
+      extra: announcement.extra || ''
+    });
+    setShowAnnouncementModal(true);
+  };
+
+  const handleDeleteAnnouncement = (announcement) => {
+    setDeletingAnnouncement(announcement);
+    setShowDeleteModal(true);
+  };
+
+  const confirmDeleteAnnouncement = () => {
+    if (deletingAnnouncement) {
+      const newList = announcementsList.filter(item => item.id !== deletingAnnouncement.id);
+      setAnnouncementsList(newList);
+      setHasChanges(true);
+      showSuccess('公告已删除，请及时点击“保存设置”进行保存');
+    }
+    setShowDeleteModal(false);
+    setDeletingAnnouncement(null);
+  };
+
+  const handleSaveAnnouncement = async () => {
+    if (!announcementForm.content || !announcementForm.publishDate) {
+      showError('请填写完整的公告信息');
+      return;
+    }
+
+    try {
+      setModalLoading(true);
+
+      // 将publishDate转换为ISO字符串保存
+      const formData = {
+        ...announcementForm,
+        publishDate: announcementForm.publishDate.toISOString()
+      };
+
+      let newList;
+      if (editingAnnouncement) {
+        newList = announcementsList.map(item =>
+          item.id === editingAnnouncement.id
+            ? { ...item, ...formData }
+            : item
+        );
+      } else {
+        const newId = Math.max(...announcementsList.map(item => item.id), 0) + 1;
+        const newAnnouncement = {
+          id: newId,
+          ...formData
+        };
+        newList = [...announcementsList, newAnnouncement];
+      }
+
+      setAnnouncementsList(newList);
+      setHasChanges(true);
+      setShowAnnouncementModal(false);
+      showSuccess(editingAnnouncement ? '公告已更新，请及时点击“保存设置”进行保存' : '公告已添加，请及时点击“保存设置”进行保存');
+    } catch (error) {
+      showError('操作失败: ' + error.message);
+    } finally {
+      setModalLoading(false);
+    }
+  };
+
+  const parseAnnouncements = (announcementsStr) => {
+    if (!announcementsStr) {
+      setAnnouncementsList([]);
+      return;
+    }
+
+    try {
+      const parsed = JSON.parse(announcementsStr);
+      const list = Array.isArray(parsed) ? parsed : [];
+      // 确保每个项目都有id
+      const listWithIds = list.map((item, index) => ({
+        ...item,
+        id: item.id || index + 1
+      }));
+      setAnnouncementsList(listWithIds);
+    } catch (error) {
+      console.error('解析系统公告失败:', error);
+      setAnnouncementsList([]);
+    }
+  };
+
+  useEffect(() => {
+    if (options.Announcements !== undefined) {
+      parseAnnouncements(options.Announcements);
+    }
+  }, [options.Announcements]);
+
+  const handleBatchDelete = () => {
+    if (selectedRowKeys.length === 0) {
+      showError('请先选择要删除的系统公告');
+      return;
+    }
+
+    const newList = announcementsList.filter(item => !selectedRowKeys.includes(item.id));
+    setAnnouncementsList(newList);
+    setSelectedRowKeys([]);
+    setHasChanges(true);
+    showSuccess(`已删除 ${selectedRowKeys.length} 个系统公告，请及时点击“保存设置”进行保存`);
+  };
+
+  const renderHeader = () => (
+    <div className="flex flex-col w-full">
+      <div className="mb-2">
+        <div className="flex items-center text-blue-500">
+          <Bell size={16} className="mr-2" />
+          <Text>{t('系统公告管理，可以发布系统通知和重要消息（最多100个，前端显示最新20条）')}</Text>
+        </div>
+      </div>
+
+      <Divider margin="12px" />
+
+      <div className="flex flex-col md:flex-row justify-between items-center gap-4 w-full">
+        <div className="flex gap-2 w-full md:w-auto order-2 md:order-1">
+          <Button
+            theme='light'
+            type='primary'
+            icon={<Plus size={14} />}
+            className="!rounded-full w-full md:w-auto"
+            onClick={handleAddAnnouncement}
+          >
+            {t('添加公告')}
+          </Button>
+          <Button
+            icon={<Trash2 size={14} />}
+            type='danger'
+            theme='light'
+            onClick={handleBatchDelete}
+            disabled={selectedRowKeys.length === 0}
+            className="!rounded-full w-full md:w-auto"
+          >
+            {t('批量删除')} {selectedRowKeys.length > 0 && `(${selectedRowKeys.length})`}
+          </Button>
+          <Button
+            icon={<Save size={14} />}
+            onClick={submitAnnouncements}
+            loading={loading}
+            disabled={!hasChanges}
+            type='secondary'
+            className="!rounded-full w-full md:w-auto"
+          >
+            {t('保存设置')}
+          </Button>
+        </div>
+      </div>
+    </div>
+  );
+
+  // 计算当前页显示的数据
+  const getCurrentPageData = () => {
+    const startIndex = (currentPage - 1) * pageSize;
+    const endIndex = startIndex + pageSize;
+    return announcementsList.slice(startIndex, endIndex);
+  };
+
+  const rowSelection = {
+    selectedRowKeys,
+    onChange: (selectedRowKeys, selectedRows) => {
+      setSelectedRowKeys(selectedRowKeys);
+    },
+    onSelect: (record, selected, selectedRows) => {
+      console.log(`选择行: ${selected}`, record);
+    },
+    onSelectAll: (selected, selectedRows) => {
+      console.log(`全选: ${selected}`, selectedRows);
+    },
+    getCheckboxProps: (record) => ({
+      disabled: false,
+      name: record.id,
+    }),
+  };
+
+  return (
+    <>
+      <Form.Section text={renderHeader()}>
+        <Table
+          columns={columns}
+          dataSource={getCurrentPageData()}
+          rowSelection={rowSelection}
+          rowKey="id"
+          scroll={{ x: 'max-content' }}
+          pagination={{
+            currentPage: currentPage,
+            pageSize: pageSize,
+            total: announcementsList.length,
+            showSizeChanger: true,
+            showQuickJumper: true,
+            showTotal: (total, range) => t(`共 ${total} 条记录，显示第 ${range[0]}-${range[1]} 条`),
+            pageSizeOptions: ['5', '10', '20', '50'],
+            onChange: (page, size) => {
+              setCurrentPage(page);
+              setPageSize(size);
+            },
+            onShowSizeChange: (current, size) => {
+              setCurrentPage(1);
+              setPageSize(size);
+            }
+          }}
+          size='middle'
+          loading={loading}
+          empty={
+            <Empty
+              image={<IllustrationNoResult style={{ width: 150, height: 150 }} />}
+              darkModeImage={<IllustrationNoResultDark style={{ width: 150, height: 150 }} />}
+              description={t('暂无系统公告')}
+              style={{ padding: 30 }}
+            />
+          }
+          className="rounded-xl overflow-hidden"
+        />
+      </Form.Section>
+
+      <Modal
+        title={editingAnnouncement ? t('编辑公告') : t('添加公告')}
+        visible={showAnnouncementModal}
+        onOk={handleSaveAnnouncement}
+        onCancel={() => setShowAnnouncementModal(false)}
+        okText={t('保存')}
+        cancelText={t('取消')}
+        className="rounded-xl"
+        confirmLoading={modalLoading}
+      >
+        <Form layout='vertical' initValues={announcementForm} key={editingAnnouncement ? editingAnnouncement.id : 'new'}>
+          <Form.TextArea
+            field='content'
+            label={t('公告内容')}
+            placeholder={t('请输入公告内容')}
+            maxCount={500}
+            rows={3}
+            rules={[{ required: true, message: t('请输入公告内容') }]}
+            onChange={(value) => setAnnouncementForm({ ...announcementForm, content: value })}
+          />
+          <Form.DatePicker
+            field='publishDate'
+            label={t('发布日期')}
+            type='dateTime'
+            rules={[{ required: true, message: t('请选择发布日期') }]}
+            onChange={(value) => setAnnouncementForm({ ...announcementForm, publishDate: value })}
+          />
+          <Form.Select
+            field='type'
+            label={t('公告类型')}
+            optionList={typeOptions}
+            onChange={(value) => setAnnouncementForm({ ...announcementForm, type: value })}
+          />
+          <Form.Input
+            field='extra'
+            label={t('说明信息')}
+            placeholder={t('可选，公告的补充说明')}
+            onChange={(value) => setAnnouncementForm({ ...announcementForm, extra: value })}
+          />
+        </Form>
+      </Modal>
+
+      <Modal
+        title={t('确认删除')}
+        visible={showDeleteModal}
+        onOk={confirmDeleteAnnouncement}
+        onCancel={() => {
+          setShowDeleteModal(false);
+          setDeletingAnnouncement(null);
+        }}
+        okText={t('确认删除')}
+        cancelText={t('取消')}
+        type="warning"
+        className="rounded-xl"
+        okButtonProps={{
+          type: 'danger',
+          theme: 'solid'
+        }}
+      >
+        <Text>{t('确定要删除此公告吗？')}</Text>
+      </Modal>
+    </>
+  );
+};
+
+export default SettingsAnnouncements; 
--- a/web/src/pages/Setting/Dashboard/SettingsFAQ.js
+++ b/web/src/pages/Setting/Dashboard/SettingsFAQ.js
@@ -0,0 +1,413 @@
+import React, { useEffect, useState } from 'react';
+import {
+  Button,
+  Space,
+  Table,
+  Form,
+  Typography,
+  Empty,
+  Divider,
+  Modal
+} from '@douyinfe/semi-ui';
+import {
+  IllustrationNoResult,
+  IllustrationNoResultDark
+} from '@douyinfe/semi-illustrations';
+import {
+  Plus,
+  Edit,
+  Trash2,
+  Save,
+  HelpCircle
+} from 'lucide-react';
+import { API, showError, showSuccess } from '../../../helpers';
+import { useTranslation } from 'react-i18next';
+
+const { Text } = Typography;
+
+const SettingsFAQ = ({ options, refresh }) => {
+  const { t } = useTranslation();
+
+  const [faqList, setFaqList] = useState([]);
+  const [showFaqModal, setShowFaqModal] = useState(false);
+  const [showDeleteModal, setShowDeleteModal] = useState(false);
+  const [deletingFaq, setDeletingFaq] = useState(null);
+  const [editingFaq, setEditingFaq] = useState(null);
+  const [modalLoading, setModalLoading] = useState(false);
+  const [loading, setLoading] = useState(false);
+  const [hasChanges, setHasChanges] = useState(false);
+  const [faqForm, setFaqForm] = useState({
+    title: '',
+    content: ''
+  });
+  const [currentPage, setCurrentPage] = useState(1);
+  const [pageSize, setPageSize] = useState(10);
+  const [selectedRowKeys, setSelectedRowKeys] = useState([]);
+
+  const columns = [
+    {
+      title: t('问题标题'),
+      dataIndex: 'title',
+      key: 'title',
+      render: (text) => (
+        <div style={{
+          maxWidth: '300px',
+          wordBreak: 'break-word',
+          fontWeight: 'bold'
+        }}>
+          {text}
+        </div>
+      )
+    },
+    {
+      title: t('回答内容'),
+      dataIndex: 'content',
+      key: 'content',
+      render: (text) => (
+        <div style={{
+          maxWidth: '400px',
+          wordBreak: 'break-word',
+          whiteSpace: 'pre-wrap',
+          color: 'var(--semi-color-text-1)'
+        }}>
+          {text}
+        </div>
+      )
+    },
+    {
+      title: t('操作'),
+      key: 'action',
+      fixed: 'right',
+      width: 150,
+      render: (text, record) => (
+        <Space>
+          <Button
+            icon={<Edit size={14} />}
+            theme='light'
+            type='tertiary'
+            size='small'
+            className="!rounded-full"
+            onClick={() => handleEditFaq(record)}
+          >
+            {t('编辑')}
+          </Button>
+          <Button
+            icon={<Trash2 size={14} />}
+            type='danger'
+            theme='light'
+            size='small'
+            className="!rounded-full"
+            onClick={() => handleDeleteFaq(record)}
+          >
+            {t('删除')}
+          </Button>
+        </Space>
+      )
+    }
+  ];
+
+  const updateOption = async (key, value) => {
+    const res = await API.put('/api/option/', {
+      key,
+      value,
+    });
+    const { success, message } = res.data;
+    if (success) {
+      showSuccess('常见问答已更新');
+      if (refresh) refresh();
+    } else {
+      showError(message);
+    }
+  };
+
+  const submitFAQ = async () => {
+    try {
+      setLoading(true);
+      const faqJson = JSON.stringify(faqList);
+      await updateOption('FAQ', faqJson);
+      setHasChanges(false);
+    } catch (error) {
+      console.error('常见问答更新失败', error);
+      showError('常见问答更新失败');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleAddFaq = () => {
+    setEditingFaq(null);
+    setFaqForm({
+      title: '',
+      content: ''
+    });
+    setShowFaqModal(true);
+  };
+
+  const handleEditFaq = (faq) => {
+    setEditingFaq(faq);
+    setFaqForm({
+      title: faq.title,
+      content: faq.content
+    });
+    setShowFaqModal(true);
+  };
+
+  const handleDeleteFaq = (faq) => {
+    setDeletingFaq(faq);
+    setShowDeleteModal(true);
+  };
+
+  const confirmDeleteFaq = () => {
+    if (deletingFaq) {
+      const newList = faqList.filter(item => item.id !== deletingFaq.id);
+      setFaqList(newList);
+      setHasChanges(true);
+      showSuccess('问答已删除，请及时点击“保存设置”进行保存');
+    }
+    setShowDeleteModal(false);
+    setDeletingFaq(null);
+  };
+
+  const handleSaveFaq = async () => {
+    if (!faqForm.title || !faqForm.content) {
+      showError('请填写完整的问答信息');
+      return;
+    }
+
+    try {
+      setModalLoading(true);
+
+      let newList;
+      if (editingFaq) {
+        newList = faqList.map(item =>
+          item.id === editingFaq.id
+            ? { ...item, ...faqForm }
+            : item
+        );
+      } else {
+        const newId = Math.max(...faqList.map(item => item.id), 0) + 1;
+        const newFaq = {
+          id: newId,
+          ...faqForm
+        };
+        newList = [...faqList, newFaq];
+      }
+
+      setFaqList(newList);
+      setHasChanges(true);
+      setShowFaqModal(false);
+      showSuccess(editingFaq ? '问答已更新，请及时点击“保存设置”进行保存' : '问答已添加，请及时点击“保存设置”进行保存');
+    } catch (error) {
+      showError('操作失败: ' + error.message);
+    } finally {
+      setModalLoading(false);
+    }
+  };
+
+  const parseFAQ = (faqStr) => {
+    if (!faqStr) {
+      setFaqList([]);
+      return;
+    }
+
+    try {
+      const parsed = JSON.parse(faqStr);
+      const list = Array.isArray(parsed) ? parsed : [];
+      // 确保每个项目都有id
+      const listWithIds = list.map((item, index) => ({
+        ...item,
+        id: item.id || index + 1
+      }));
+      setFaqList(listWithIds);
+    } catch (error) {
+      console.error('解析常见问答失败:', error);
+      setFaqList([]);
+    }
+  };
+
+  useEffect(() => {
+    if (options.FAQ !== undefined) {
+      parseFAQ(options.FAQ);
+    }
+  }, [options.FAQ]);
+
+  const handleBatchDelete = () => {
+    if (selectedRowKeys.length === 0) {
+      showError('请先选择要删除的常见问答');
+      return;
+    }
+
+    const newList = faqList.filter(item => !selectedRowKeys.includes(item.id));
+    setFaqList(newList);
+    setSelectedRowKeys([]);
+    setHasChanges(true);
+    showSuccess(`已删除 ${selectedRowKeys.length} 个常见问答，请及时点击“保存设置”进行保存`);
+  };
+
+  const renderHeader = () => (
+    <div className="flex flex-col w-full">
+      <div className="mb-2">
+        <div className="flex items-center text-blue-500">
+          <HelpCircle size={16} className="mr-2" />
+          <Text>{t('常见问答管理，为用户提供常见问题的答案（最多50个，前端显示最新20条）')}</Text>
+        </div>
+      </div>
+
+      <Divider margin="12px" />
+
+      <div className="flex flex-col md:flex-row justify-between items-center gap-4 w-full">
+        <div className="flex gap-2 w-full md:w-auto order-2 md:order-1">
+          <Button
+            theme='light'
+            type='primary'
+            icon={<Plus size={14} />}
+            className="!rounded-full w-full md:w-auto"
+            onClick={handleAddFaq}
+          >
+            {t('添加问答')}
+          </Button>
+          <Button
+            icon={<Trash2 size={14} />}
+            type='danger'
+            theme='light'
+            onClick={handleBatchDelete}
+            disabled={selectedRowKeys.length === 0}
+            className="!rounded-full w-full md:w-auto"
+          >
+            {t('批量删除')} {selectedRowKeys.length > 0 && `(${selectedRowKeys.length})`}
+          </Button>
+          <Button
+            icon={<Save size={14} />}
+            onClick={submitFAQ}
+            loading={loading}
+            disabled={!hasChanges}
+            type='secondary'
+            className="!rounded-full w-full md:w-auto"
+          >
+            {t('保存设置')}
+          </Button>
+        </div>
+      </div>
+    </div>
+  );
+
+  // 计算当前页显示的数据
+  const getCurrentPageData = () => {
+    const startIndex = (currentPage - 1) * pageSize;
+    const endIndex = startIndex + pageSize;
+    return faqList.slice(startIndex, endIndex);
+  };
+
+  const rowSelection = {
+    selectedRowKeys,
+    onChange: (selectedRowKeys, selectedRows) => {
+      setSelectedRowKeys(selectedRowKeys);
+    },
+    onSelect: (record, selected, selectedRows) => {
+      console.log(`选择行: ${selected}`, record);
+    },
+    onSelectAll: (selected, selectedRows) => {
+      console.log(`全选: ${selected}`, selectedRows);
+    },
+    getCheckboxProps: (record) => ({
+      disabled: false,
+      name: record.id,
+    }),
+  };
+
+  return (
+    <>
+      <Form.Section text={renderHeader()}>
+        <Table
+          columns={columns}
+          dataSource={getCurrentPageData()}
+          rowSelection={rowSelection}
+          rowKey="id"
+          scroll={{ x: 'max-content' }}
+          pagination={{
+            currentPage: currentPage,
+            pageSize: pageSize,
+            total: faqList.length,
+            showSizeChanger: true,
+            showQuickJumper: true,
+            showTotal: (total, range) => t(`共 ${total} 条记录，显示第 ${range[0]}-${range[1]} 条`),
+            pageSizeOptions: ['5', '10', '20', '50'],
+            onChange: (page, size) => {
+              setCurrentPage(page);
+              setPageSize(size);
+            },
+            onShowSizeChange: (current, size) => {
+              setCurrentPage(1);
+              setPageSize(size);
+            }
+          }}
+          size='middle'
+          loading={loading}
+          empty={
+            <Empty
+              image={<IllustrationNoResult style={{ width: 150, height: 150 }} />}
+              darkModeImage={<IllustrationNoResultDark style={{ width: 150, height: 150 }} />}
+              description={t('暂无常见问答')}
+              style={{ padding: 30 }}
+            />
+          }
+          className="rounded-xl overflow-hidden"
+        />
+      </Form.Section>
+
+      <Modal
+        title={editingFaq ? t('编辑问答') : t('添加问答')}
+        visible={showFaqModal}
+        onOk={handleSaveFaq}
+        onCancel={() => setShowFaqModal(false)}
+        okText={t('保存')}
+        cancelText={t('取消')}
+        className="rounded-xl"
+        confirmLoading={modalLoading}
+        width={800}
+      >
+        <Form layout='vertical' initValues={faqForm} key={editingFaq ? editingFaq.id : 'new'}>
+          <Form.Input
+            field='title'
+            label={t('问题标题')}
+            placeholder={t('请输入问题标题')}
+            maxLength={200}
+            rules={[{ required: true, message: t('请输入问题标题') }]}
+            onChange={(value) => setFaqForm({ ...faqForm, title: value })}
+          />
+          <Form.TextArea
+            field='content'
+            label={t('回答内容')}
+            placeholder={t('请输入回答内容')}
+            maxCount={1000}
+            rows={6}
+            rules={[{ required: true, message: t('请输入回答内容') }]}
+            onChange={(value) => setFaqForm({ ...faqForm, content: value })}
+          />
+        </Form>
+      </Modal>
+
+      <Modal
+        title={t('确认删除')}
+        visible={showDeleteModal}
+        onOk={confirmDeleteFaq}
+        onCancel={() => {
+          setShowDeleteModal(false);
+          setDeletingFaq(null);
+        }}
+        okText={t('确认删除')}
+        cancelText={t('取消')}
+        type="warning"
+        className="rounded-xl"
+        okButtonProps={{
+          type: 'danger',
+          theme: 'solid'
+        }}
+      >
+        <Text>{t('确定要删除此问答吗？')}</Text>
+      </Modal>
+    </>
+  );
+};
+
+export default SettingsFAQ; 
--- a/web/src/pages/Setting/Dashboard/SettingsUptimeKuma.js
+++ b/web/src/pages/Setting/Dashboard/SettingsUptimeKuma.js
@@ -0,0 +1,186 @@
+import React, { useEffect, useState, useRef, useMemo, useCallback } from 'react';
+import {
+  Form,
+  Button,
+  Typography,
+  Row,
+  Col,
+} from '@douyinfe/semi-ui';
+import {
+  Save,
+  Activity
+} from 'lucide-react';
+import { API, showError, showSuccess } from '../../../helpers';
+import { useTranslation } from 'react-i18next';
+
+const { Text } = Typography;
+
+const SettingsUptimeKuma = ({ options, refresh }) => {
+  const { t } = useTranslation();
+
+  const [loading, setLoading] = useState(false);
+  const formApiRef = useRef(null);
+
+  const initValues = useMemo(() => ({
+    uptimeKumaUrl: options?.UptimeKumaUrl || '',
+    uptimeKumaSlug: options?.UptimeKumaSlug || ''
+  }), [options?.UptimeKumaUrl, options?.UptimeKumaSlug]);
+
+  useEffect(() => {
+    if (formApiRef.current) {
+      formApiRef.current.setValues(initValues, { isOverride: true });
+    }
+  }, [initValues]);
+
+  const handleSave = async () => {
+    const api = formApiRef.current;
+    if (!api) {
+      showError(t('表单未初始化'));
+      return;
+    }
+
+    try {
+      setLoading(true);
+      const { uptimeKumaUrl, uptimeKumaSlug } = await api.validate();
+
+      const trimmedUrl = (uptimeKumaUrl || '').trim();
+      const trimmedSlug = (uptimeKumaSlug || '').trim();
+
+      if (trimmedUrl === options?.UptimeKumaUrl && trimmedSlug === options?.UptimeKumaSlug) {
+        showSuccess(t('无需保存，配置未变动'));
+        return;
+      }
+
+      const [urlRes, slugRes] = await Promise.all([
+        trimmedUrl === options?.UptimeKumaUrl ? Promise.resolve({ data: { success: true } }) : API.put('/api/option/', {
+          key: 'UptimeKumaUrl',
+          value: trimmedUrl
+        }),
+        trimmedSlug === options?.UptimeKumaSlug ? Promise.resolve({ data: { success: true } }) : API.put('/api/option/', {
+          key: 'UptimeKumaSlug',
+          value: trimmedSlug
+        })
+      ]);
+
+      if (!urlRes.data.success) throw new Error(urlRes.data.message || t('URL 保存失败'));
+      if (!slugRes.data.success) throw new Error(slugRes.data.message || t('Slug 保存失败'));
+
+      showSuccess(t('Uptime Kuma 设置保存成功'));
+      refresh?.();
+    } catch (err) {
+      console.error(err);
+      showError(err.message || t('保存失败，请重试'));
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const isValidUrl = useCallback((string) => {
+    try {
+      new URL(string);
+      return true;
+    } catch (_) {
+      return false;
+    }
+  }, []);
+
+  const renderHeader = () => (
+    <div className="flex flex-col w-full">
+      <div className="flex flex-col md:flex-row md:justify-between md:items-center gap-4 mb-2">
+        <div className="flex items-center text-blue-500">
+          <Activity size={16} className="mr-2" />
+          <Text>
+            {t('配置')}&nbsp;
+            <a
+              href="https://github.com/louislam/uptime-kuma"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-blue-600 hover:underline"
+            >
+              Uptime&nbsp;Kuma
+            </a>
+            &nbsp;{t('服务监控地址，用于展示服务状态信息')}
+          </Text>
+        </div>
+
+        <div className="flex gap-2">
+          <Button
+            icon={<Save size={14} />}
+            theme='solid'
+            type='primary'
+            onClick={handleSave}
+            loading={loading}
+            className="!rounded-full"
+          >
+            {t('保存设置')}
+          </Button>
+        </div>
+      </div>
+    </div>
+  );
+
+  return (
+    <Form.Section text={renderHeader()}>
+      <Form
+        layout="vertical"
+        autoScrollToError
+        initValues={initValues}
+        getFormApi={(api) => {
+          formApiRef.current = api;
+        }}
+      >
+        <Row gutter={[24, 24]}>
+          <Col xs={24} md={12}>
+            <Form.Input
+              showClear
+              field="uptimeKumaUrl"
+              label={{ text: t("Uptime Kuma 服务地址") }}
+              placeholder={t("请输入 Uptime Kuma 服务地址")}
+              style={{ fontFamily: 'monospace' }}
+              helpText={t("请输入 Uptime Kuma 服务的完整地址，例如：https://uptime.example.com")}
+              rules={[
+                {
+                  validator: (_, value) => {
+                    const url = (value || '').trim();
+
+                    if (url && !isValidUrl(url)) {
+                      return Promise.reject(t('请输入有效的 URL 地址'));
+                    }
+
+                    return Promise.resolve();
+                  }
+                }
+              ]}
+            />
+          </Col>
+
+          <Col xs={24} md={12}>
+            <Form.Input
+              showClear
+              field="uptimeKumaSlug"
+              label={{ text: t("状态页面 Slug") }}
+              placeholder={t("请输入状态页面 Slug")}
+              style={{ fontFamily: 'monospace' }}
+              helpText={t("请输入状态页面的 slug 标识符，例如：my-status")}
+              rules={[
+                {
+                  validator: (_, value) => {
+                    const slug = (value || '').trim();
+
+                    if (slug && !/^[a-zA-Z0-9_-]+$/.test(slug)) {
+                      return Promise.reject(t('Slug 只能包含字母、数字、下划线和连字符'));
+                    }
+
+                    return Promise.resolve();
+                  }
+                }
+              ]}
+            />
+          </Col>
+        </Row>
+      </Form>
+    </Form.Section>
+  );
+};
+
+export default SettingsUptimeKuma; 
--- a/web/src/pages/TopUp/index.js
+++ b/web/src/pages/TopUp/index.js
@@ -347,7 +347,7 @@ const TopUp = () => {
  };

  return (
-    <div className="mx-auto">
+    <div className="mx-auto relative min-h-screen lg:min-h-0">
      {/* 划转模态框 */}
      <Modal
        title={
@@ -485,7 +485,7 @@ const TopUp = () => {
          >
            <div className="space-y-4">
              {/* 账户余额信息 */}
-              <div className="grid grid-cols-2 gap-4 mb-2">
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-4 mb-2">
                <Card className="!rounded-2xl">
                  <Text type="tertiary" className="mb-1">
                    {t('当前余额')}
@@ -517,7 +517,7 @@ const TopUp = () => {
                  {/* 预设充值额度卡片网格 */}
                  <div>
                    <Text strong className="block mb-3">{t('选择充值额度')}</Text>
-                    <div className="grid grid-cols-2 sm:grid-cols-4 gap-3">
+                    <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-3">
                      {presetAmounts.map((preset, index) => (
                        <Card
                          key={index}
@@ -539,72 +539,74 @@ const TopUp = () => {
                      ))}
                    </div>
                  </div>
+                  {/* 桌面端显示的自定义金额和支付按钮 */}
+                  <div className="hidden md:block space-y-4">
+                    <Divider style={{ margin: '24px 0' }}>
+                      <Text className="text-sm font-medium">{t('或输入自定义金额')}</Text>
+                    </Divider>

-                  <Divider style={{ margin: '24px 0' }}>
-                    <Text className="text-sm font-medium">{t('或输入自定义金额')}</Text>
-                  </Divider>
-
-                  <div>
-                    <div className="flex justify-between mb-2">
-                      <Text strong>{t('充值数量')}</Text>
-                      {amountLoading ? (
-                        <Skeleton.Title style={{ width: '80px', height: '16px' }} />
-                      ) : (
-                        <Text type="tertiary">{t('实付金额：') + renderAmount()}</Text>
-                      )}
+                    <div>
+                      <div className="flex justify-between mb-2">
+                        <Text strong>{t('充值数量')}</Text>
+                        {amountLoading ? (
+                          <Skeleton.Title style={{ width: '80px', height: '16px' }} />
+                        ) : (
+                          <Text type="tertiary">{t('实付金额：') + renderAmount()}</Text>
+                        )}
+                      </div>
+                      <InputNumber
+                        disabled={!enableOnlineTopUp}
+                        placeholder={t('充值数量，最低 ') + renderQuotaWithAmount(minTopUp)}
+                        value={topUpCount}
+                        min={minTopUp}
+                        max={999999999}
+                        step={1}
+                        precision={0}
+                        onChange={async (value) => {
+                          if (value && value >= 1) {
+                            setTopUpCount(value);
+                            setSelectedPreset(null);
+                            await getAmount(value);
+                          }
+                        }}
+                        onBlur={(e) => {
+                          const value = parseInt(e.target.value);
+                          if (!value || value < 1) {
+                            setTopUpCount(1);
+                            getAmount(1);
+                          }
+                        }}
+                        size="large"
+                        className="w-full"
+                        formatter={(value) => value ? `${value}` : ''}
+                        parser={(value) => value ? parseInt(value.replace(/[^\d]/g, '')) : 0}
+                      />
                    </div>
-                    <InputNumber
-                      disabled={!enableOnlineTopUp}
-                      placeholder={t('充值数量，最低 ') + renderQuotaWithAmount(minTopUp)}
-                      value={topUpCount}
-                      min={minTopUp}
-                      max={999999999}
-                      step={1}
-                      precision={0}
-                      onChange={async (value) => {
-                        if (value && value >= 1) {
-                          setTopUpCount(value);
-                          setSelectedPreset(null);
-                          await getAmount(value);
-                        }
-                      }}
-                      onBlur={(e) => {
-                        const value = parseInt(e.target.value);
-                        if (!value || value < 1) {
-                          setTopUpCount(1);
-                          getAmount(1);
-                        }
-                      }}
-                      size="large"
-                      className="w-full"
-                      formatter={(value) => value ? `${value}` : ''}
-                      parser={(value) => value ? parseInt(value.replace(/[^\d]/g, '')) : 0}
-                    />
-                  </div>

-                  <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
-                    <Button
-                      type="primary"
-                      onClick={() => preTopUp('zfb')}
-                      size="large"
-                      disabled={!enableOnlineTopUp}
-                      loading={paymentLoading && payWay === 'zfb'}
-                      icon={<SiAlipay size={18} />}
-                      style={{ height: '44px' }}
-                    >
-                      <span className="ml-2">{t('支付宝')}</span>
-                    </Button>
-                    <Button
-                      type="primary"
-                      onClick={() => preTopUp('wx')}
-                      size="large"
-                      disabled={!enableOnlineTopUp}
-                      loading={paymentLoading && payWay === 'wx'}
-                      icon={<SiWechat size={18} />}
-                      style={{ height: '44px' }}
-                    >
-                      <span className="ml-2">{t('微信')}</span>
-                    </Button>
+                    <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
+                      <Button
+                        type="primary"
+                        onClick={() => preTopUp('zfb')}
+                        size="large"
+                        disabled={!enableOnlineTopUp}
+                        loading={paymentLoading && payWay === 'zfb'}
+                        icon={<SiAlipay size={18} />}
+                        style={{ height: '44px' }}
+                      >
+                        <span className="ml-2">{t('支付宝')}</span>
+                      </Button>
+                      <Button
+                        type="primary"
+                        onClick={() => preTopUp('wx')}
+                        size="large"
+                        disabled={!enableOnlineTopUp}
+                        loading={paymentLoading && payWay === 'wx'}
+                        icon={<SiWechat size={18} />}
+                        style={{ height: '44px' }}
+                      >
+                        <span className="ml-2">{t('微信')}</span>
+                      </Button>
+                    </div>
                  </div>
                </>
              )}
@@ -612,7 +614,7 @@ const TopUp = () => {
              {!enableOnlineTopUp && (
                <Banner
                  type="warning"
-                  description={t('管理员未开启在线充值功能，请联系管理员或使用兑换码充值。')}
+                  description={t('管理员未开启在线充值功能，请联系管理员开启或使用兑换码充值。')}
                  closeIcon={null}
                  className="!rounded-2xl"
                />
@@ -735,22 +737,21 @@ const TopUp = () => {

              <div className="space-y-4">
                <Title heading={6}>{t('邀请链接')}</Title>
-                <div className="relative">
-                  <Input
-                    value={affLink}
-                    readOnly
-                    size="large"
-                  />
-                  <Button
-                    type="primary"
-                    theme="light"
-                    onClick={handleAffLinkClick}
-                    className="absolute right-1 top-1 bottom-1"
-                    icon={<Copy size={14} />}
-                  >
-                    {t('复制')}
-                  </Button>
-                </div>
+                <Input
+                  value={affLink}
+                  readOnly
+                  size="large"
+                  suffix={
+                    <Button
+                      type="primary"
+                      theme="light"
+                      onClick={handleAffLinkClick}
+                      icon={<Copy size={14} />}
+                    >
+                      {t('复制')}
+                    </Button>
+                  }
+                />

                <div className="mt-4">
                  <Card className="!rounded-2xl">
@@ -781,6 +782,71 @@ const TopUp = () => {
          </Card>
        </div>
      </div>
+
+      {/* 移动端底部固定的自定义金额和支付区域 */}
+      {enableOnlineTopUp && (
+        <div className="md:hidden fixed bottom-0 left-0 right-0 p-4 shadow-lg z-50" style={{ background: 'var(--semi-color-bg-0)' }}>
+          <div className="space-y-4">
+            <div>
+              <div className="flex justify-between mb-2">
+                <Text strong>{t('充值数量')}</Text>
+                {amountLoading ? (
+                  <Skeleton.Title style={{ width: '80px', height: '16px' }} />
+                ) : (
+                  <Text type="tertiary">{t('实付金额：') + renderAmount()}</Text>
+                )}
+              </div>
+              <InputNumber
+                disabled={!enableOnlineTopUp}
+                placeholder={t('充值数量，最低 ') + renderQuotaWithAmount(minTopUp)}
+                value={topUpCount}
+                min={minTopUp}
+                max={999999999}
+                step={1}
+                precision={0}
+                onChange={async (value) => {
+                  if (value && value >= 1) {
+                    setTopUpCount(value);
+                    setSelectedPreset(null);
+                    await getAmount(value);
+                  }
+                }}
+                onBlur={(e) => {
+                  const value = parseInt(e.target.value);
+                  if (!value || value < 1) {
+                    setTopUpCount(1);
+                    getAmount(1);
+                  }
+                }}
+                className="w-full"
+                formatter={(value) => value ? `${value}` : ''}
+                parser={(value) => value ? parseInt(value.replace(/[^\d]/g, '')) : 0}
+              />
+            </div>
+
+            <div className="grid grid-cols-2 gap-4">
+              <Button
+                type="primary"
+                onClick={() => preTopUp('zfb')}
+                disabled={!enableOnlineTopUp}
+                loading={paymentLoading && payWay === 'zfb'}
+                icon={<SiAlipay size={18} />}
+              >
+                <span className="ml-2">{t('支付宝')}</span>
+              </Button>
+              <Button
+                type="primary"
+                onClick={() => preTopUp('wx')}
+                disabled={!enableOnlineTopUp}
+                loading={paymentLoading && payWay === 'wx'}
+                icon={<SiWechat size={18} />}
+              >
+                <span className="ml-2">{t('微信')}</span>
+              </Button>
+            </div>
+          </div>
+        </div>
+      )}
    </div>
  );
 };
Author	SHA1	Message	Date
$Apple\Apple$ Apple\Apple	3d6859b865	✨ feat(controller): gracefully handle missing Uptime Kuma configuration Previously, the uptime status endpoint returned HTTP 400 with “未配置 Uptime Kuma URL/Slug” when either option was not set, resulting in frontend error states. Changes: • Treat absence of `UptimeKumaUrl` or `UptimeKumaSlug` as a valid scenario. • Immediately respond with HTTP 200, `success: true`, and an empty `data` array. • Preserve existing behavior when both options are provided. This prevents unnecessary error notifications on the dashboard when Uptime Kuma integration is not configured and improves overall UX.	2025-06-11 03:41:05 +08:00
$Apple\Apple$ Apple\Apple	0389e76af5	💄style: Align ChannelsTable column selector modal style with LogsTable * Removed `size="middle"` and `centered` props from the column-selector `Modal` in `ChannelsTable.js` to match the visual style used in `LogsTable`. * Re-added `size="middle"` to the main `Table` component to preserve the original table sizing. * Ensures consistent UI/UX across both channel and log column settings modals.	2025-06-11 03:26:16 +08:00
$Apple\Apple$ Apple\Apple	a1163dd735	Merge remote-tracking branch 'origin/main' into alpha	2025-06-11 03:19:53 +08:00
同語	a9a284a595	Merge pull request #1199 from feitianbubu/revert-column-visiblity-settting-channel feat: add column visibility settings for channels	2025-06-11 03:19:20 +08:00
$Apple\Apple$ Apple\Apple	95bac28232	Merge remote-tracking branch 'origin/alpha' into alpha	2025-06-11 03:16:27 +08:00
同語	5bf5419633	Merge pull request #1200 from RedwindA/fix/playground-sse fix playground-sse	2025-06-11 03:15:51 +08:00
$Apple\Apple$ Apple\Apple	48817648c3	🥳 feat(detail): unify uptime status handling & enhance availability card UI Summary • Centralized uptime status definition via `uptimeStatusMap`, containing color / label / text for each status. • Generated `uptimeLegendData`, `getUptimeStatusColor`, `getUptimeStatusText` directly from the map, removing multiple switch-case blocks. UI Improvements 1. Added statuses 2 (High Latency) & 3 (Maintenance) with dedicated colors. 2. Relocated status legend to a styled footer wrapped in a borderless sub-Card; header now only shows title + refresh button. 3. Footer (and its negative margin) renders only when `uptimeData` is present, preventing empty legend display. 4. Applied rounded, blurred badge style and always-on shadow to legend container for clearer separation. Maintenance • Simplified code paths, reduced duplication, and improved readability without breaking existing functionality.	2025-06-11 03:12:34 +08:00
$Apple\Apple$ Apple\Apple	4baaf456a7	Merge remote-tracking branch 'origin/alpha' into alpha	2025-06-11 02:29:08 +08:00
$Apple\Apple$ Apple\Apple	52356a1b92	⏱️ feat: implement uptime monitoring Introduce application uptime monitoring to improve observability and reliability. • Add UptimeService to track process start time and expose uptime in seconds • Create /health/uptime endpoint returning the current uptime in JSON format • Integrate uptime metric into existing health-check middleware • Update README with instructions for consuming the new endpoint • Add unit tests covering UptimeService and new health route This change enables operations teams and dashboards to programmatically determine how long the service has been running, facilitating automated alerts and trend analysis.	2025-06-11 02:28:36 +08:00
RedwindA	bdb7c9cbd7	🔧 fix(useApiRequest): improve playground SSE error handling and stream completion tracking	2025-06-11 02:05:16 +08:00
skynono	a7b17eb1ba	feat: add column visibility settings for channels	2025-06-11 01:36:23 +08:00
CaIon	8ed68e4b12	Merge remote-tracking branch 'origin/alpha' into alpha	2025-06-11 00:18:26 +08:00
CaIon	f124404f07	🔧 fix(stream_scanner): improve resource management and error handling in StreamScannerHandler	2025-06-11 00:18:16 +08:00
$Apple\Apple$ Apple\Apple	3f89ee66e1	🔧 fix: Update payment callback return URL path from /log to /console/log - Modified returnUrl configuration in RequestEpay function - Changed payment success redirect path to match updated frontend routing - Updated controller/topup.go line 116 to use correct callback path	2025-06-10 20:41:43 +08:00
$Apple\Apple$ Apple\Apple	7c0302b5f8	Merge remote-tracking branch 'origin/alpha' into alpha	2025-06-10 20:10:35 +08:00
$Apple\Apple$ Apple\Apple	26b70d6a25	✨ feat: Add console announcements and FAQ management system - Add SettingsAnnouncements component with full CRUD operations for system announcements * Support multiple announcement types (default, ongoing, success, warning, error) * Include publish date, content, type classification and additional notes * Implement batch operations and pagination for better data management * Add real-time preview with relative time display and date formatting - Add SettingsFAQ component for comprehensive FAQ management * Support question-answer pairs with rich text content * Include full editing, deletion and creation capabilities * Implement batch delete operations and paginated display * Add validation for complete Q&A information - Integrate announcement and FAQ modules into DashboardSetting * Add unified configuration interface in admin console * Implement auto-refresh functionality for real-time updates * Add loading states and error handling for better UX - Enhance backend API support in controller and setting modules * Add validation functions for console settings * Include time and sorting utilities for announcement management * Extend API endpoints for announcement and FAQ data persistence - Improve frontend infrastructure * Add new translation keys for internationalization support * Update utility functions for date/time formatting * Enhance CSS styles for better component presentation * Add icons and visual improvements for announcements and FAQ sections This implementation provides administrators with comprehensive tools to manage system-wide announcements and user FAQ content through an intuitive console interface.	2025-06-10 20:10:07 +08:00
CaIon	2509f644bc	✨ feat(middleware): add HTTP statistics middleware	2025-06-10 19:29:32 +08:00
CaIon	896e1d978f	🔧 fix(token_counter): enhance token encoder caching and concurrency handling	2025-06-10 18:55:21 +08:00
CaIon	6c4f64c397	🔧 fix(token_counter): refactor token encoder initialization and retrieval logic	2025-06-10 18:51:26 +08:00
CaIon	d1f493bf17	🔧 fix(token_counter): update token encoder implementation and dependencies	2025-06-10 18:04:49 +08:00
$Apple\Apple$ Apple\Apple	56188c33b5	🎨 refactor(ui): replace IconSearch with semantic lucide icons - Replace IconSearch with Server icon for API info card title to better represent server/API related content - Add Server imports from lucide-react This change improves the semantic meaning of icons and provides better visual representation of their respective functionalities.	2025-06-10 12:43:14 +08:00
$Apple\Apple$ Apple\Apple	d9461a477d	🔧 refactor(console): enhance URL validation and restructure settings module - Refactor api_info.go to console.go for broader console settings support - Update URL regex pattern to accept both domain names and IP addresses - Add support for IPv4 addresses with optional port numbers - Improve validation to handle formats like http://192.168.1.1:8080 - Add ValidateConsoleSettings function for extensible settings validation - Maintain backward compatibility with existing ValidateApiInfo function - Add comprehensive comments explaining supported URL formats Fixes issue where IP-based URLs were incorrectly rejected as invalid format. Prepares infrastructure for additional console settings validation.	2025-06-10 12:20:26 +08:00
$Apple\Apple$ Apple\Apple	07b47fbf3a	🔧 fix(api): enhance URL validation to support IP addresses and ports - Update URL regex pattern to accept both domain names and IP addresses - Add support for IPv4 addresses with optional port numbers - Improve validation to handle formats like http://192.168.1.1:8080 - Add comprehensive comments explaining supported URL formats - Maintain backward compatibility with existing domain-based URLs Fixes issue where IP-based URLs were incorrectly rejected as invalid format.	2025-06-10 12:12:55 +08:00
CaIon	66d3206d7d	🔧 fix(channel-test): ensure proper state reset to prevent deadlocks	2025-06-10 03:54:18 +08:00
CaIon	136a46218b	🔧 fix(api_request): enhance ping keep-alive mechanism with error handling and timeout controls	2025-06-10 03:42:23 +08:00
$Apple\Apple$ Apple\Apple	3f67db1028	⚡ feat: implement GET request deduplication in API layer Add request deduplication mechanism to prevent duplicate GET requests to the same endpoint within the same timeframe, significantly reducing unnecessary network overhead. Changes: - Add `patchAPIInstance()` function to intercept and deduplicate GET requests - Implement in-flight request tracking using Map with URL+params as unique keys - Apply deduplication patch to both initial API instance and `updateAPI()` recreated instances - Add `disableDuplicate: true` config option to bypass deduplication when needed Benefits: - Eliminates redundant API calls caused by component re-renders or rapid user interactions - Reduces server load and improves application performance - Provides automatic protection against accidental duplicate requests - Maintains backward compatibility with existing code Technical Details: - Uses Promise sharing for identical concurrent requests - Automatically cleans up completed requests from tracking map - Preserves original axios functionality with minimal overhead - Zero breaking changes to existing API usage Addresses the issue observed in EditChannel.js where multiple calls were made to the same endpoints during component lifecycle.	2025-06-10 02:32:50 +08:00
$Apple\Apple$ Apple\Apple	936e593a4f	🎨 style(LogsTable): replace IconForward with Route icon for model redirection - Remove IconForward import from @douyinfe/semi-icons - Add Route icon import from lucide-react - Update model redirection indicator in LogsTable component The Route icon better represents the concept of model redirection compared to the generic forward arrow, providing clearer visual context for users when models are mapped to different upstream models.	2025-06-10 02:12:52 +08:00
$Apple\Apple$ Apple\Apple	9ff33405ec	🎨 style: change headerbar `px-3` to `px-2`	2025-06-10 01:53:12 +08:00
$Apple\Apple$ Apple\Apple	f25b084d40	🎨 style: change headerbar `px-4` to `px-3`	2025-06-10 01:51:49 +08:00
$Apple\Apple$ Apple\Apple	fe00434454	🎨 style: disable y-axis scrolling for semi-layout components - Hide scrollbars for .semi-layout, .semi-layout-content, and .semi-sider - Set scrollbar width and height to 0 for webkit browsers - Add cross-browser scrollbar hiding support (webkit, firefox, IE/Edge) - Change Content container overflow from 'auto' to 'hidden' on desktop - Remove redundant scrollbar styling (thumb, hover, track styles) This ensures that all semi-layout related components have no visible scrollbars and prevents vertical scrolling functionality entirely. Files modified: - web/src/index.css - web/src/components/layout/PageLayout.js	2025-06-10 01:42:38 +08:00
$Apple\Apple$ Apple\Apple	f2957ee558	🎨 feat(home): redesign homepage hero section with improved layout and multilingual support - Remove system name display from homepage title - Replace with unified gateway branding: "统一的大模型接口网关" - Add subtitle highlighting key benefits: price, stability, no subscription - Implement language-specific title rendering: - English: Two-line layout ("The Unified" / "LLMs API Gateway") - Chinese: Single-line layout for better readability - Increase title font sizes for better visual hierarchy - Adjust vertical padding for improved centering - Enhance overall visual appeal and user experience This update modernizes the homepage presentation and provides better localization support for different language preferences.	2025-06-10 01:01:03 +08:00
$Apple\Apple$ Apple\Apple	b605ff9b02	📱 feat(TopUp): enhance mobile UX with responsive layout and bottom fixed payment panel - Convert copy button to Input suffix for cleaner UI design - Add responsive grid layout for balance cards and preset amounts - Mobile (< md): single column layout for better readability - Desktop (>= md): multi-column layout for space efficiency - Implement bottom fixed payment panel on mobile devices - Fixed positioning for easy access to payment options - Includes custom amount input and payment method buttons - Auto-hide on desktop to maintain original layout - Improve mobile payment flow with sticky bottom controls - Add proper spacing to prevent content overlap with fixed elements - Maintain consistent functionality across all breakpoints This update significantly improves the mobile user experience by making payment controls easily accessible without scrolling, while preserving the desktop layout and functionality.	2025-06-10 00:40:47 +08:00