diff --git a/backend/cmd/server/server.go b/backend/cmd/server/server.go
index a034e96..3459992 100644
--- a/backend/cmd/server/server.go
+++ b/backend/cmd/server/server.go
@@ -179,6 +179,13 @@ func Run() {
 	// 歌词校验
 	validateSvc := service.NewValidateService(cfg.Worker.BaseURL)
 
+	// 公开用户主页（本地扩展资料表）
+	userProfileRepo := repository.NewUserProfileRepo(db)
+	userProfileSvc := service.NewUserProfileService(
+		userProfileRepo, subRepo, fileSvc, casdoorClient, cfg.Casdoor.Organization,
+	)
+	userSearchSvc := service.NewUserSearchService(casdoorClient, userProfileRepo, subRepo)
+
 	// 4.1 启动无歌词服务
 	appCtx, appCancel := context.WithCancel(context.Background())
 	defer appCancel()
@@ -241,7 +248,7 @@ func Run() {
 	// 5. 初始化 handler
 	syncH := handler.NewSyncHandler(syncSvc)
 	lyricsH := handler.NewLyricsHandler(lyricsSvc, notFoundSvc)
-	searchH := handler.NewSearchHandler(searchSvc)
+	searchH := handler.NewSearchHandler(searchSvc, userSearchSvc)
 	batchH := handler.NewBatchHandler(batchSvc)
 	statsH := handler.NewStatsHandler(statsSvc)
 	indexH := handler.NewIndexHandler(indexSvc)
@@ -265,6 +272,8 @@ func Run() {
 	adminH := handler.NewAdminHandler(reviewerRepo, reviewerCache, notifSvc)
 	notifH := handler.NewNotificationHandler(notifSvc)
 	userActivityH := handler.NewUserActivityHandler(userActivitySvc)
+	userProfileH := handler.NewUserProfileHandler(userProfileSvc)
+	userSearchH := handler.NewUserSearchHandler(userSearchSvc)
 	wsH := handler.NewWSHandler(hub, viewerSvc, reviewerCache, cfg.Casdoor.JWTSecret)
 
 	// 6. 启动 HTTP
@@ -294,6 +303,8 @@ func Run() {
 		Admin:        adminH,
 		Notification: notifH,
 		UserActivity: userActivityH,
+		UserProfile:  userProfileH,
+		UserSearch:   userSearchH,
 
 		ReviewerCache: reviewerCache,
 		AdminCache:    adminCache,
diff --git a/backend/internal/handler/search.go b/backend/internal/handler/search.go
index 691acfe..57c88b0 100644
--- a/backend/internal/handler/search.go
+++ b/backend/internal/handler/search.go
@@ -14,10 +14,12 @@ import (
 // SearchHandler 搜索 handler
 type SearchHandler struct {
 	svc *service.SearchService
+	// users 仅用于统计「用户」Tab 的命中数
+	users *service.UserSearchService
 }
 
-func NewSearchHandler(svc *service.SearchService) *SearchHandler {
-	return &SearchHandler{svc: svc}
+func NewSearchHandler(svc *service.SearchService, users *service.UserSearchService) *SearchHandler {
+	return &SearchHandler{svc: svc, users: users}
 }
 
 // Search GET /api/v1/search?q=&field=&limit=&offset=&all=
@@ -60,3 +62,46 @@ func (h *SearchHandler) Search(c *gin.Context) {
 
 	pkg.OK(c, result)
 }
+
+// Counts GET /api/v1/search/counts?q=
+// 返回搜索结果页各 Tab 的命中数。
+func (h *SearchHandler) Counts(c *gin.Context) {
+	q := strings.TrimSpace(c.Query("q"))
+	ctx, cancel := context.WithTimeout(c.Request.Context(), defaultTimeout)
+	defer cancel()
+
+	totals := map[string]int64{
+		"all": 0, "song": 0, "artist": 0, "album": 0,
+		"lyric": 0, "id": 0, "author": 0, "user": 0,
+	}
+	userMore := false
+
+	if q != "" {
+		t, err := h.svc.CountByFields(ctx, q)
+		if err != nil {
+			if errors.Is(err, service.ErrUpstreamUnavailable) {
+				writeUpstreamErr(c, err, "搜索服务暂不可用")
+				return
+			}
+			logrus.WithError(err).Error("search counts failed")
+			pkg.InternalError(c, "统计搜索数量失败")
+			return
+		}
+		for k, v := range t {
+			totals[k] = v
+		}
+
+		// 用户数来自 Casdoor
+		if n, more, err := h.users.Count(ctx, q, 20); err == nil {
+			totals["user"] = int64(n)
+			userMore = more
+		} else {
+			logrus.WithError(err).Warn("count users for search tabs failed")
+		}
+	}
+
+	pkg.OK(c, gin.H{
+		"totals":   totals,
+		"userMore": userMore,
+	})
+}
diff --git a/backend/internal/handler/upload.go b/backend/internal/handler/upload.go
index bdaab58..6b7a6cc 100644
--- a/backend/internal/handler/upload.go
+++ b/backend/internal/handler/upload.go
@@ -185,7 +185,11 @@ func (h *UploadHandler) UploadAudio(c *gin.Context) {
 
 // publicServePrefixes 是允许匿名访问的 MinIO 前缀白名单，
 // 防止通过该接口读取 bucket 内其他对象
-var publicServePrefixes = []string{service.MusicPrefix, service.CoverPrefix}
+var publicServePrefixes = []string{
+	service.MusicPrefix,
+	service.CoverPrefix,
+	service.ProfileBannerPrefix,
+}
 
 // isPublicServeKey 校验 key 是否落在公开前缀内且不含路径穿越
 func isPublicServeKey(key string) bool {
diff --git a/backend/internal/handler/user_activity.go b/backend/internal/handler/user_activity.go
index e67475a..937209f 100644
--- a/backend/internal/handler/user_activity.go
+++ b/backend/internal/handler/user_activity.go
@@ -3,6 +3,7 @@ package handler
 import (
 	"context"
 	"strconv"
+	"strings"
 
 	"github.com/amll-dev/amll-hub/backend/internal/pkg"
 	"github.com/amll-dev/amll-hub/backend/internal/service"
@@ -27,13 +28,9 @@ func (h *UserActivityHandler) Get(c *gin.Context) {
 		return
 	}
 
-	year := 0
-	if y := c.Query("year"); y != "" {
-		var err error
-		if year, err = strconv.Atoi(y); err != nil || year < 2000 || year > 9999 {
-			pkg.BadRequest(c, "无效的 year")
-			return
-		}
+	year, ok := parseActivityYear(c)
+	if !ok {
+		return
 	}
 
 	ctx, cancel := context.WithTimeout(c.Request.Context(), defaultTimeout)
@@ -46,3 +43,42 @@ func (h *UserActivityHandler) Get(c *gin.Context) {
 	}
 	pkg.OK(c, data)
 }
+
+// GetPublic GET /api/v1/users/:name/activity?year=2026
+// 访客视角：只统计已通过投稿，不含审核行为。
+func (h *UserActivityHandler) GetPublic(c *gin.Context) {
+	name := strings.TrimSpace(c.Param("name"))
+	if !validProfileName(name) {
+		pkg.BadRequest(c, "无效的用户名")
+		return
+	}
+
+	year, ok := parseActivityYear(c)
+	if !ok {
+		return
+	}
+
+	ctx, cancel := context.WithTimeout(c.Request.Context(), defaultTimeout)
+	defer cancel()
+
+	data, err := h.svc.GetPublicActivity(ctx, name, year)
+	if err != nil {
+		pkg.InternalError(c, "查询活动统计失败")
+		return
+	}
+	pkg.OK(c, data)
+}
+
+// parseActivityYear 解析 year 查询参数；非法时已写响应并返回 false
+func parseActivityYear(c *gin.Context) (int, bool) {
+	raw := c.Query("year")
+	if raw == "" {
+		return 0, true
+	}
+	year, err := strconv.Atoi(raw)
+	if err != nil || year < 2000 || year > 9999 {
+		pkg.BadRequest(c, "无效的 year")
+		return 0, false
+	}
+	return year, true
+}
diff --git a/backend/internal/handler/user_profile.go b/backend/internal/handler/user_profile.go
new file mode 100644
index 0000000..47c1d92
--- /dev/null
+++ b/backend/internal/handler/user_profile.go
@@ -0,0 +1,204 @@
+package handler
+
+import (
+	"context"
+	"errors"
+	"net/http"
+	"strconv"
+	"strings"
+
+	"github.com/amll-dev/amll-hub/backend/internal/middleware"
+	"github.com/amll-dev/amll-hub/backend/internal/pkg"
+	"github.com/amll-dev/amll-hub/backend/internal/service"
+	"github.com/gin-gonic/gin"
+	logrus "github.com/sirupsen/logrus"
+)
+
+// 公开主页投稿列表的默认每页条数与上限
+const (
+	publicSubmissionPageSize    = 20
+	publicSubmissionMaxPageSize = 50
+)
+
+// 允许的列表筛选值（白名单，其它值一律忽略）
+var (
+	publicSubmissionSorts     = map[string]bool{"newest": true, "oldest": true, "updated": true}
+	publicSubmissionLanguages = map[string]bool{"zh": true, "en": true, "ja": true, "ko": true, "others": true}
+	publicSubmissionStatuses  = map[string]bool{
+		"all": true, "processing": true,
+		"draft": true, "pending": true, "reviewing": true, "revised": true,
+		"need_revision": true, "missing_audio": true,
+		"approved": true, "rejected": true, "closed": true,
+	}
+)
+
+// UserProfileHandler 公开用户主页
+type UserProfileHandler struct {
+	svc *service.UserProfileService
+}
+
+// NewUserProfileHandler 创建 handler
+func NewUserProfileHandler(svc *service.UserProfileService) *UserProfileHandler {
+	return &UserProfileHandler{svc: svc}
+}
+
+// Get GET /api/v1/users/:name
+func (h *UserProfileHandler) Get(c *gin.Context) {
+	name, ok := profileNameParam(c)
+	if !ok {
+		return
+	}
+
+	ctx, cancel := context.WithTimeout(c.Request.Context(), defaultTimeout)
+	defer cancel()
+
+	profile, err := h.svc.GetPublicProfile(ctx, name, middleware.GetUserName(c))
+	if err != nil {
+		writeUserProfileErr(c, err)
+		return
+	}
+	pkg.OK(c, profile)
+}
+
+// ListSubmissions GET /api/v1/users/:name/submissions
+func (h *UserProfileHandler) ListSubmissions(c *gin.Context) {
+	name, ok := profileNameParam(c)
+	if !ok {
+		return
+	}
+
+	page, _ := strconv.Atoi(c.DefaultQuery("page", "1"))
+	if page < 1 {
+		page = 1
+	}
+	limit, _ := strconv.Atoi(c.DefaultQuery("limit", strconv.Itoa(publicSubmissionPageSize)))
+	if limit < 1 {
+		limit = publicSubmissionPageSize
+	}
+	if limit > publicSubmissionMaxPageSize {
+		limit = publicSubmissionMaxPageSize
+	}
+
+	q := service.PublicSubmissionQuery{Page: page, Limit: limit}
+	if v := c.Query("status"); publicSubmissionStatuses[v] {
+		q.Status = v
+	}
+	if v := c.Query("language"); publicSubmissionLanguages[v] {
+		q.Language = v
+	}
+	if v := c.Query("sort"); publicSubmissionSorts[v] {
+		q.Sort = v
+	}
+
+	ctx, cancel := context.WithTimeout(c.Request.Context(), defaultTimeout)
+	defer cancel()
+
+	// 只有本人（登录且用户名一致）才能看到非 approved 的投稿
+	isSelf := middleware.GetUserName(c) == name
+
+	list, err := h.svc.ListPublicSubmissions(ctx, name, isSelf, q)
+	if err != nil {
+		writeUserProfileErr(c, err)
+		return
+	}
+	pkg.OK(c, list)
+}
+
+// UpdateMe PUT /api/v1/users/me/profile
+func (h *UserProfileHandler) UpdateMe(c *gin.Context) {
+	username := middleware.GetUserName(c)
+	if username == "" {
+		pkg.Unauthorized(c)
+		return
+	}
+
+	var req service.UpdateMyProfileRequest
+	if err := c.ShouldBindJSON(&req); err != nil {
+		pkg.BadRequest(c, "请求体格式错误")
+		return
+	}
+
+	ctx, cancel := context.WithTimeout(c.Request.Context(), defaultTimeout)
+	defer cancel()
+
+	fields, err := h.svc.UpdateMyProfile(ctx, username, req)
+	if err != nil {
+		writeUserProfileErr(c, err)
+		return
+	}
+	pkg.OK(c, fields)
+}
+
+// UploadBanner POST /api/v1/users/me/banner
+func (h *UserProfileHandler) UploadBanner(c *gin.Context) {
+	username := middleware.GetUserName(c)
+	if username == "" {
+		pkg.Unauthorized(c)
+		return
+	}
+
+	fh, err := c.FormFile("file")
+	if err != nil {
+		pkg.BadRequest(c, "file 字段必填")
+		return
+	}
+	f, err := fh.Open()
+	if err != nil {
+		logrus.WithError(err).Warn("open profile banner failed")
+		pkg.BadRequest(c, "读取文件失败")
+		return
+	}
+	defer f.Close()
+
+	content, err := readLimited(f, service.MaxProfileBannerSize)
+	if err != nil {
+		pkg.BadRequest(c, err.Error())
+		return
+	}
+
+	ctx, cancel := context.WithTimeout(c.Request.Context(), longTimeout)
+	defer cancel()
+
+	key, err := h.svc.UploadBanner(ctx, username, content)
+	if err != nil {
+		writeUserProfileErr(c, err)
+		return
+	}
+	pkg.OK(c, gin.H{"bannerKey": key})
+}
+
+// profileNameParam 读取并校验 :name 路径参数；非法时已写响应并返回 false
+func profileNameParam(c *gin.Context) (string, bool) {
+	name := strings.TrimSpace(c.Param("name"))
+	if !validProfileName(name) {
+		pkg.BadRequest(c, "无效的用户名")
+		return "", false
+	}
+	return name, true
+}
+
+// validProfileName 用户名长度与非法字符校验（Casdoor username 是字符串主键）
+func validProfileName(name string) bool {
+	if name == "" || len(name) > 100 {
+		return false
+	}
+	if strings.ContainsAny(name, "/\\") || strings.Contains(name, "..") {
+		return false
+	}
+	return true
+}
+
+// writeUserProfileErr 统一映射主页相关错误
+func writeUserProfileErr(c *gin.Context, err error) {
+	switch {
+	case errors.Is(err, service.ErrUserNotFound):
+		pkg.Fail(c, http.StatusNotFound, http.StatusNotFound, "用户不存在")
+	case errors.Is(err, service.ErrInvalidInput):
+		pkg.BadRequest(c, "参数不合法")
+	case errors.Is(err, service.ErrUpstreamUnavailable):
+		pkg.Fail(c, http.StatusBadGateway, http.StatusBadGateway, "用户服务暂不可用")
+	default:
+		logrus.WithError(err).Error("user profile operation failed")
+		pkg.InternalError(c, "服务异常，请稍后重试")
+	}
+}
diff --git a/backend/internal/handler/user_search.go b/backend/internal/handler/user_search.go
new file mode 100644
index 0000000..c2e95d0
--- /dev/null
+++ b/backend/internal/handler/user_search.go
@@ -0,0 +1,36 @@
+package handler
+
+import (
+	"context"
+	"strings"
+
+	"github.com/amll-dev/amll-hub/backend/internal/pkg"
+	"github.com/amll-dev/amll-hub/backend/internal/service"
+	"github.com/gin-gonic/gin"
+)
+
+// UserSearchHandler 站点用户搜索
+type UserSearchHandler struct {
+	svc *service.UserSearchService
+}
+
+// NewUserSearchHandler 创建 handler
+func NewUserSearchHandler(svc *service.UserSearchService) *UserSearchHandler {
+	return &UserSearchHandler{svc: svc}
+}
+
+// Search GET /api/v1/users/search?q=&limit=
+func (h *UserSearchHandler) Search(c *gin.Context) {
+	q := strings.TrimSpace(c.Query("q"))
+	limit := pkg.Clamp(pkg.ParseInt(c.Query("limit"), 20), 1, 50)
+
+	ctx, cancel := context.WithTimeout(c.Request.Context(), defaultTimeout)
+	defer cancel()
+
+	result, err := h.svc.Search(ctx, q, limit)
+	if err != nil {
+		writeUpstreamErr(c, err, "用户服务暂不可用")
+		return
+	}
+	pkg.OK(c, result)
+}
diff --git a/backend/internal/infrastructure/casdoor.go b/backend/internal/infrastructure/casdoor.go
index edd4f09..8a39465 100644
--- a/backend/internal/infrastructure/casdoor.go
+++ b/backend/internal/infrastructure/casdoor.go
@@ -13,6 +13,7 @@ import (
 	"net/http/cookiejar"
 	"net/url"
 	"strings"
+	"sync"
 	"time"
 
 	"github.com/sirupsen/logrus"
@@ -25,8 +26,16 @@ import (
 type CasdoorClient struct {
 	cfg  config.CasdoorConfig
 	http *http.Client
+
+	// 用户搜索回退路径的全量列表缓存，避免「查无结果」时每次都重拉一页用户
+	userListMu    sync.Mutex
+	userListCache []CasdoorUser
+	userListAt    time.Time
 }
 
+// userListCacheTTL 回退用户列表的缓存时长
+const userListCacheTTL = 5 * time.Minute
+
 // NewCasdoorClient 创建 Casdoor 客户端
 func NewCasdoorClient(cfg config.CasdoorConfig) *CasdoorClient {
 	return &CasdoorClient{
@@ -230,6 +239,10 @@ func (c *CasdoorClient) doRequest(req *http.Request) (*casdoorResponse, error) {
 		return nil, fmt.Errorf("read casdoor response: %w", err)
 	}
 
+	if resp.StatusCode == http.StatusNotFound {
+		return nil, ErrCasdoorUserNotFound
+	}
+
 	var cr casdoorResponse
 	if err := json.Unmarshal(raw, &cr); err != nil {
 		return nil, fmt.Errorf("decode casdoor response: %w, body: %s", err, string(raw))
@@ -237,6 +250,26 @@ func (c *CasdoorClient) doRequest(req *http.Request) (*casdoorResponse, error) {
 	return &cr, nil
 }
 
+// ErrCasdoorUserNotFound Casdoor 侧明确表示用户不存在
+var ErrCasdoorUserNotFound = errors.New("casdoor user not found")
+
+// isCasdoorNotFound 判断 Casdoor 的错误消息是否在表达「用户不存在」
+func isCasdoorNotFound(err error) bool {
+	if err == nil {
+		return false
+	}
+	if errors.Is(err, ErrCasdoorUserNotFound) {
+		return true
+	}
+	msg := strings.ToLower(err.Error())
+	for _, kw := range []string{"does not exist", "not found", "not exist", "不存在"} {
+		if strings.Contains(msg, kw) {
+			return true
+		}
+	}
+	return false
+}
+
 // checkStatus 检查 Casdoor 响应状态，失败返回错误
 func checkStatus(cr *casdoorResponse) error {
 	if cr.Status != "ok" {
@@ -499,8 +532,128 @@ func phoneMatches(stored, target string) bool {
 
 // queryUsersByField 按字段查询用户列表
 func (c *CasdoorClient) queryUsersByField(ctx context.Context, field, value string) ([]CasdoorUser, error) {
-	path := fmt.Sprintf("/api/get-users?owner=%s&field=%s&value=%s&pageSize=100&p=1",
-		url.QueryEscape(c.cfg.Organization), url.QueryEscape(field), url.QueryEscape(value))
+	return c.queryUsersByFieldLimit(ctx, field, value, 100)
+}
+
+// queryUsersByFieldLimit 按字段查询用户列表，可指定返回条数
+func (c *CasdoorClient) queryUsersByFieldLimit(ctx context.Context, field, value string, limit int) ([]CasdoorUser, error) {
+	if limit <= 0 {
+		limit = 100
+	}
+	path := fmt.Sprintf("/api/get-users?owner=%s&field=%s&value=%s&pageSize=%d&p=1",
+		url.QueryEscape(c.cfg.Organization), url.QueryEscape(field), url.QueryEscape(value), limit)
+	cr, err := c.doWithBasicAuth(ctx, "GET", path, nil, "")
+	if err != nil {
+		return nil, err
+	}
+	if err := checkStatus(cr); err != nil {
+		return nil, err
+	}
+	var users []CasdoorUser
+	if err := json.Unmarshal(cr.Data, &users); err != nil {
+		return nil, fmt.Errorf("decode users: %w", err)
+	}
+	return users, nil
+}
+
+// localUserScanLimit 回退方案单次扫描的用户上限，避免拉全量账号
+const localUserScanLimit = 1000
+
+// SearchUsers 按用户名 / 昵称搜索用户，结果按 Name 去重
+func (c *CasdoorClient) SearchUsers(ctx context.Context, keyword string, limit int) ([]CasdoorUser, error) {
+	keyword = strings.TrimSpace(keyword)
+	if keyword == "" {
+		return nil, nil
+	}
+	if limit <= 0 {
+		limit = 20
+	}
+
+	seen := make(map[string]struct{}, limit)
+	out := make([]CasdoorUser, 0, limit)
+	for _, field := range []string{"name", "displayName"} {
+		users, err := c.queryUsersByFieldLimit(ctx, field, keyword, limit)
+		if err != nil {
+			// 某个字段不被接受时继续尝试下一个，两个字段都失败才上报
+			if isCasdoorNotFound(err) {
+				continue
+			}
+			return nil, err
+		}
+		for i := range users {
+			u := users[i]
+			if u.Name == "" {
+				continue
+			}
+			if _, ok := seen[u.Name]; ok {
+				continue
+			}
+			seen[u.Name] = struct{}{}
+			out = append(out, u)
+			if len(out) >= limit {
+				return out, nil
+			}
+		}
+	}
+	if len(out) > 0 {
+		return out, nil
+	}
+	return c.searchUsersLocally(ctx, keyword, limit)
+}
+
+// searchUsersLocally 拉一页用户后本地做包含匹配
+func (c *CasdoorClient) searchUsersLocally(ctx context.Context, keyword string, limit int) ([]CasdoorUser, error) {
+	users, err := c.cachedUsers(ctx)
+	if err != nil {
+		return nil, err
+	}
+	kw := strings.ToLower(keyword)
+	out := make([]CasdoorUser, 0, limit)
+	for i := range users {
+		u := users[i]
+		if u.Name == "" {
+			continue
+		}
+		if strings.Contains(strings.ToLower(u.Name), kw) ||
+			strings.Contains(strings.ToLower(u.DisplayName), kw) {
+			out = append(out, u)
+			if len(out) >= limit {
+				break
+			}
+		}
+	}
+	return out, nil
+}
+
+// cachedUsers 带 TTL 的用户列表缓存，回退路径专用
+func (c *CasdoorClient) cachedUsers(ctx context.Context) ([]CasdoorUser, error) {
+	c.userListMu.Lock()
+	if c.userListCache != nil && time.Since(c.userListAt) < userListCacheTTL {
+		cached := c.userListCache
+		c.userListMu.Unlock()
+		return cached, nil
+	}
+	c.userListMu.Unlock()
+
+	users, err := c.listUsers(ctx, localUserScanLimit)
+	if err != nil {
+		return nil, err
+	}
+
+	c.userListMu.Lock()
+	c.userListCache = users
+	c.userListAt = time.Now()
+	c.userListMu.Unlock()
+	return users, nil
+}
+
+// listUsers 拉取组织下的一页用户
+func (c *CasdoorClient) listUsers(ctx context.Context, pageSize int) ([]CasdoorUser, error) {
+	if pageSize <= 0 {
+		pageSize = 100
+	}
+	path := fmt.Sprintf("/api/get-users?owner=%s&pageSize=%d&p=1",
+		url.QueryEscape(c.cfg.Organization), pageSize)
 	cr, err := c.doWithBasicAuth(ctx, "GET", path, nil, "")
 	if err != nil {
 		return nil, err
@@ -640,15 +793,24 @@ func (c *CasdoorClient) SendVerificationCode(ctx context.Context, checkType, che
 func (c *CasdoorClient) GetUser(ctx context.Context, owner, name string) (*CasdoorUser, error) {
 	cr, err := c.doWithBasicAuth(ctx, "GET", fmt.Sprintf("/api/get-user?id=%s/%s", url.PathEscape(owner), url.PathEscape(name)), nil, "")
 	if err != nil {
+		if isCasdoorNotFound(err) {
+			return nil, ErrCasdoorUserNotFound
+		}
 		return nil, err
 	}
 	if err := checkStatus(cr); err != nil {
+		if isCasdoorNotFound(err) {
+			return nil, ErrCasdoorUserNotFound
+		}
 		return nil, err
 	}
 	var user CasdoorUser
 	if err := json.Unmarshal(cr.Data, &user); err != nil {
 		return nil, fmt.Errorf("decode user: %w", err)
 	}
+	if user.Name == "" {
+		return nil, ErrCasdoorUserNotFound
+	}
 	return &user, nil
 }
 
diff --git a/backend/internal/middleware/auth.go b/backend/internal/middleware/auth.go
index ba645dd..ab0f4ee 100644
--- a/backend/internal/middleware/auth.go
+++ b/backend/internal/middleware/auth.go
@@ -36,6 +36,18 @@ func Auth(jwtSecret string) gin.HandlerFunc {
 	}
 }
 
+// OptionalAuth 公开接口的可选认证
+func OptionalAuth(jwtSecret string) gin.HandlerFunc {
+	return func(c *gin.Context) {
+		if token := bearerToken(c.GetHeader("Authorization")); token != "" {
+			if claims, err := pkg.ParseJWT(token, jwtSecret); err == nil {
+				applyClaims(c, claims)
+			}
+		}
+		c.Next()
+	}
+}
+
 // bearerToken 从 Authorization 头解析出 Bearer token（格式非法返回空串）
 func bearerToken(authHeader string) string {
 	if authHeader == "" {
@@ -48,6 +60,14 @@ func bearerToken(authHeader string) string {
 	return parts[1]
 }
 
+// applyClaims 把解析好的 claims 写入 context，Auth / OptionalAuth 共用
+func applyClaims(c *gin.Context, claims *pkg.Claims) {
+	c.Set(UserIDKey, claims.Sub)
+	c.Set(UserNameKey, claims.Name)
+	c.Set(UserDisplayNameKey, claims.DisplayName)
+	c.Set(UserAvatarKey, claims.Avatar)
+}
+
 // setClaims 解析 JWT 并写入 context；失败时写响应并返回 false
 func setClaims(c *gin.Context, token, jwtSecret string) bool {
 	claims, err := pkg.ParseJWT(token, jwtSecret)
@@ -55,10 +75,7 @@ func setClaims(c *gin.Context, token, jwtSecret string) bool {
 		pkg.Fail(c, http.StatusUnauthorized, http.StatusUnauthorized, "invalid or expired token")
 		return false
 	}
-	c.Set(UserIDKey, claims.Sub)
-	c.Set(UserNameKey, claims.Name)
-	c.Set(UserDisplayNameKey, claims.DisplayName)
-	c.Set(UserAvatarKey, claims.Avatar)
+	applyClaims(c, claims)
 	return true
 }
 
diff --git a/backend/internal/model/user_profile.go b/backend/internal/model/user_profile.go
new file mode 100644
index 0000000..da20679
--- /dev/null
+++ b/backend/internal/model/user_profile.go
@@ -0,0 +1,28 @@
+package model
+
+import "time"
+
+// 性别取值（user_profiles.gender，与迁移里的 CHECK 约束一致）
+const (
+	GenderMale    = "male"
+	GenderFemale  = "female"
+	GenderOther   = "other"
+	GenderUnknown = "unknown"
+)
+
+// UserProfile 用户公开主页的本地扩展资料。
+//
+// 用户身份主键是 Casdoor 的 username（JWT claims.name），这里不做外键，
+// 只存 Casdoor 里没有的展示字段：签名 / 背景图 / 地区 / 生日 / 性别。
+type UserProfile struct {
+	Username  string     `gorm:"column:username;primaryKey;type:varchar(100)" json:"username"`
+	Bio       string     `gorm:"column:bio;type:varchar(200);not null;default:''" json:"bio"`
+	BannerKey string     `gorm:"column:banner_key;type:varchar(500);not null;default:''" json:"bannerKey"`
+	Birthday  *time.Time `gorm:"column:birthday;type:date" json:"birthday"`
+	Gender    string     `gorm:"column:gender;type:varchar(16);not null;default:'unknown'" json:"gender"`
+	CreatedAt time.Time  `gorm:"column:created_at" json:"createdAt"`
+	UpdatedAt time.Time  `gorm:"column:updated_at" json:"updatedAt"`
+}
+
+// TableName 表名
+func (UserProfile) TableName() string { return "user_profiles" }
diff --git a/backend/internal/repository/submission_repo.go b/backend/internal/repository/submission_repo.go
index a5b8a94..144400a 100644
--- a/backend/internal/repository/submission_repo.go
+++ b/backend/internal/repository/submission_repo.go
@@ -211,8 +211,10 @@ type ListQuery struct {
 	Status   string // all / pending / processing / rejected / approved / need_revision / missing_audio
 	Language string // others / ja / zh / en / ko
 	Search   string
-	Page     int
-	Limit    int
+	// Sort 排序：newest（默认）/ oldest / updated
+	Sort  string
+	Page  int
+	Limit int
 	// Submitter 仅 creator 模式有效，限定投稿人
 	Submitter string
 }
@@ -291,8 +293,16 @@ func (r *SubmissionRepo) List(ctx context.Context, q ListQuery) (*ListResult, er
 	}
 
 	var items []model.Submission
+	// Sort 只做白名单映射，绝不把外部传入的字符串拼进 Order
+	order := "created_at DESC"
+	switch q.Sort {
+	case "oldest":
+		order = "created_at ASC"
+	case "updated":
+		order = "updated_at DESC"
+	}
 	if err := db.
-		Order("created_at DESC").
+		Order(order).
 		Offset((q.Page - 1) * q.Limit).
 		Limit(q.Limit).
 		Find(&items).Error; err != nil {
@@ -302,6 +312,31 @@ func (r *SubmissionRepo) List(ctx context.Context, q ListQuery) (*ListResult, er
 	return &ListResult{Total: total, Items: items}, nil
 }
 
+// CountApprovedBySubmitters 批量统计一批用户的已通过投稿数，返回 submitter → count
+func (r *SubmissionRepo) CountApprovedBySubmitters(ctx context.Context, submitters []string) (map[string]int64, error) {
+	out := make(map[string]int64, len(submitters))
+	if len(submitters) == 0 {
+		return out, nil
+	}
+	type row struct {
+		Submitter string
+		Cnt       int64
+	}
+	var rows []row
+	if err := r.db.WithContext(ctx).Model(&model.Submission{}).
+		Select("submitter, COUNT(*) AS cnt").
+		Where("submitter IN ?", submitters).
+		Where("status = ?", model.StatusApproved).
+		Group("submitter").
+		Scan(&rows).Error; err != nil {
+		return nil, err
+	}
+	for _, item := range rows {
+		out[item.Submitter] = item.Cnt
+	}
+	return out, nil
+}
+
 // Stats 各状态计数
 type Stats struct {
 	Pending      int64 `json:"pending"`
diff --git a/backend/internal/repository/user_profile_repo.go b/backend/internal/repository/user_profile_repo.go
new file mode 100644
index 0000000..c68cd4c
--- /dev/null
+++ b/backend/internal/repository/user_profile_repo.go
@@ -0,0 +1,67 @@
+package repository
+
+import (
+	"context"
+
+	"github.com/amll-dev/amll-hub/backend/internal/model"
+	"gorm.io/gorm"
+	"gorm.io/gorm/clause"
+)
+
+// UserProfileRepo 用户主页扩展资料数据访问层
+type UserProfileRepo struct {
+	db *gorm.DB
+}
+
+func NewUserProfileRepo(db *gorm.DB) *UserProfileRepo {
+	return &UserProfileRepo{db: db}
+}
+
+// Get 查询用户主页资料，不存在时返回 gorm.ErrRecordNotFound
+func (r *UserProfileRepo) Get(ctx context.Context, username string) (*model.UserProfile, error) {
+	var p model.UserProfile
+	if err := r.db.WithContext(ctx).First(&p, "username = ?", username).Error; err != nil {
+		return nil, err
+	}
+	return &p, nil
+}
+
+// Upsert 写入展示字段。刻意不碰 banner_key——背景图只能走上传接口，
+// 避免普通表单保存时把已上传的图覆盖成空串。
+func (r *UserProfileRepo) Upsert(ctx context.Context, p *model.UserProfile) error {
+	return r.db.WithContext(ctx).Clauses(clause.OnConflict{
+		Columns: []clause.Column{{Name: "username"}},
+		DoUpdates: clause.AssignmentColumns([]string{
+			"bio", "birthday", "gender",
+		}),
+	}).Create(p).Error
+}
+
+// ListByUsernames 批量查询主页资料，返回 username → profile 的映射
+func (r *UserProfileRepo) ListByUsernames(ctx context.Context, usernames []string) (map[string]*model.UserProfile, error) {
+	out := make(map[string]*model.UserProfile, len(usernames))
+	if len(usernames) == 0 {
+		return out, nil
+	}
+	var rows []model.UserProfile
+	if err := r.db.WithContext(ctx).
+		Where("username IN ?", usernames).
+		Find(&rows).Error; err != nil {
+		return nil, err
+	}
+	for i := range rows {
+		out[rows[i].Username] = &rows[i]
+	}
+	return out, nil
+}
+
+// UpdateBanner 单独更新背景图 key。
+//
+// 用原生 upsert 而非 GORM Create：新建行时只提供 username+banner_key，
+// 其余字段交给表默认值，避免零值把 gender 写成空串（违反 CHECK 约束）。
+func (r *UserProfileRepo) UpdateBanner(ctx context.Context, username, bannerKey string) error {
+	return r.db.WithContext(ctx).Exec(`
+		INSERT INTO user_profiles (username, banner_key) VALUES (?, ?)
+		ON CONFLICT (username) DO UPDATE SET banner_key = EXCLUDED.banner_key
+	`, username, bannerKey).Error
+}
diff --git a/backend/internal/router/router.go b/backend/internal/router/router.go
index 6b8c6b0..e3c8f4d 100644
--- a/backend/internal/router/router.go
+++ b/backend/internal/router/router.go
@@ -40,6 +40,8 @@ type RouterDeps struct {
 	Admin        *handler.AdminHandler
 	Notification *handler.NotificationHandler
 	UserActivity *handler.UserActivityHandler
+	UserProfile  *handler.UserProfileHandler
+	UserSearch   *handler.UserSearchHandler
 
 	ReviewerCache *middleware.ReviewerCache
 	AdminCache    *middleware.AdminCache
@@ -73,6 +75,8 @@ func New(deps RouterDeps) *gin.Engine {
 	adminH := deps.Admin
 	notifH := deps.Notification
 	userActivityH := deps.UserActivity
+	userProfileH := deps.UserProfile
+	userSearchH := deps.UserSearch
 	reviewerCache := deps.ReviewerCache
 	adminCache := deps.AdminCache
 	jwtSecret := deps.JWTSecret
@@ -131,6 +135,8 @@ func New(deps RouterDeps) *gin.Engine {
 	{
 		// 搜索
 		api.GET("/search", searchH.Search)
+		// 搜索页 Tab 的命中数（歌曲各字段 + 用户）
+		api.GET("/search/counts", searchH.Counts)
 
 		// 同步触发/状态
 		api.POST("/sync", syncH.Trigger)
@@ -273,6 +279,12 @@ func New(deps RouterDeps) *gin.Engine {
 			// 个人中心活动统计
 			sub.GET("/users/me/activity", userActivityH.Get)
 
+			// 主页扩展资料
+			// 必须注册在公开组 /users/:name 之前：gin 的路由树里
+			// 参数段晚于静态段插入，否则启动时 panic。
+			sub.PUT("/users/me/profile", userProfileH.UpdateMe)
+			sub.POST("/users/me/banner", userProfileH.UploadBanner)
+
 			// GitHub 绑定解绑
 			sub.DELETE("/user/github/binding", authGithubH.Unbind)
 
@@ -349,6 +361,18 @@ func New(deps RouterDeps) *gin.Engine {
 		api.GET("/lyrics/view/:filename", lyricsH.ViewLyric)
 		// 歌词解析
 		api.POST("/lyrics/parse", lyricsH.ParseLyric)
+
+		// 公开用户主页（匿名可访问；带合法 token 时按本人视角返回更多数据）
+		// 这组路由必须在上面 /users/me/* 之后注册，理由见那里的注释
+		users := api.Group("/users")
+		users.Use(middleware.OptionalAuth(jwtSecret))
+		{
+			// 静态段必须先于 :name，否则 gin 构建路由树时 panic
+			users.GET("/search", userSearchH.Search)
+			users.GET("/:name", userProfileH.Get)
+			users.GET("/:name/submissions", userProfileH.ListSubmissions)
+			users.GET("/:name/activity", userActivityH.GetPublic)
+		}
 	}
 
 	return r
diff --git a/backend/internal/router/router_build_test.go b/backend/internal/router/router_build_test.go
new file mode 100644
index 0000000..fbb4d62
--- /dev/null
+++ b/backend/internal/router/router_build_test.go
@@ -0,0 +1,32 @@
+package router
+
+import "testing"
+
+// 路由树构建回归：gin 要求静态段先于参数段注册，
+// 顺序写错会在启动期 panic，这里把风险挡在测试里。
+func TestNew_RegistersUserProfileRoutes(t *testing.T) {
+	r := New(RouterDeps{})
+
+	want := map[string]bool{
+		"GET /api/v1/users/:name":             false,
+		"GET /api/v1/users/:name/submissions": false,
+		"GET /api/v1/users/:name/activity":    false,
+		"GET /api/v1/users/me/activity":       false,
+		"PUT /api/v1/users/me/profile":        false,
+		"POST /api/v1/users/me/banner":        false,
+		"GET /api/v1/users/search":            false,
+		"GET /api/v1/search":                  false,
+		"GET /api/v1/search/counts":           false,
+	}
+	for _, rt := range r.Routes() {
+		key := rt.Method + " " + rt.Path
+		if _, ok := want[key]; ok {
+			want[key] = true
+		}
+	}
+	for key, ok := range want {
+		if !ok {
+			t.Errorf("route not registered: %s", key)
+		}
+	}
+}
diff --git a/backend/internal/service/file_service.go b/backend/internal/service/file_service.go
index 62bd8c7..a533b57 100644
--- a/backend/internal/service/file_service.go
+++ b/backend/internal/service/file_service.go
@@ -21,8 +21,13 @@ const (
 	MusicPrefix          = "music/"
 	CoverPrefix          = "tg-image/"
 	RevisionLyricsPrefix = "tg-lyrics-review/"
+	// ProfileBannerPrefix 用户主页背景图，需在 handler 的匿名可读白名单里
+	ProfileBannerPrefix = "profile-banner/"
 )
 
+// MaxProfileBannerSize 主页背景图大小上限（前端压缩后远小于此值）
+const MaxProfileBannerSize = 5 << 20
+
 // FileService 投稿模块文件服务
 type FileService struct {
 	cfg    *config.Config
@@ -127,6 +132,47 @@ func (s *FileService) CoverURL(coverKey string) string {
 	return coverKey
 }
 
+// UploadProfileBanner 上传用户主页背景图，返回对象 key
+func (s *FileService) UploadProfileBanner(ctx context.Context, username string, content []byte, ext string) (string, error) {
+	if len(content) == 0 {
+		return "", ErrInvalidInput
+	}
+	if len(content) > MaxProfileBannerSize {
+		return "", fmt.Errorf("背景图大小超过 %d 字节", MaxProfileBannerSize)
+	}
+	ext = strings.ToLower(ext)
+	switch ext {
+	case ".jpg", ".jpeg", ".png", ".webp":
+	default:
+		return "", fmt.Errorf("不支持的背景图格式: %s", ext)
+	}
+	key := fmt.Sprintf("%s%s-%d%s", ProfileBannerPrefix, sanitizeObjectNameSegment(username), time.Now().UnixMilli(), ext)
+	if _, err := s.minio.PutObject(ctx, s.bucket, key, bytes.NewReader(content), int64(len(content)), minio.PutObjectOptions{
+		ContentType: imageContentType(ext),
+	}); err != nil {
+		return "", err
+	}
+	return key, nil
+}
+
+// sanitizeObjectNameSegment 把用户名收敛成安全的 key 片段，
+// 避免分隔符 / 路径穿越字符进入对象名。
+func sanitizeObjectNameSegment(name string) string {
+	out := make([]rune, 0, len(name))
+	for _, r := range name {
+		switch {
+		case r >= 'a' && r <= 'z', r >= 'A' && r <= 'Z', r >= '0' && r <= '9', r == '.', r == '_', r == '-':
+			out = append(out, r)
+		default:
+			out = append(out, '_')
+		}
+	}
+	if len(out) == 0 {
+		return "user"
+	}
+	return string(out)
+}
+
 // Exists 检查对象是否存在
 func (s *FileService) Exists(ctx context.Context, key string) (bool, error) {
 	if key == "" {
diff --git a/backend/internal/service/search_service.go b/backend/internal/service/search_service.go
index 34a224a..dfe9453 100644
--- a/backend/internal/service/search_service.go
+++ b/backend/internal/service/search_service.go
@@ -5,6 +5,7 @@ import (
 	"encoding/json"
 	"fmt"
 	"sort"
+	"sync"
 
 	"github.com/amll-dev/amll-hub/backend/internal/config"
 	"github.com/meilisearch/meilisearch-go"
@@ -345,3 +346,49 @@ func reorderHitsByGroup(hits []SearchHitResult) []SearchHitResult {
 	}
 	return result
 }
+
+// countFields 需要统计命中数的字段（与前端搜索结果页的 Tab 一一对应）
+var countFields = []string{"all", "song", "artist", "album", "lyric", "id", "author"}
+
+// CountByFields 并发统计各字段的命中数，供搜索页 Tab 的数字徽章使用。
+//
+// 每路查询只要 1 条命中：MeiliSearch 的 estimatedTotalHits 与 limit 无关，
+// 限到 1 可以避免多余文档传输。
+func (s *SearchService) CountByFields(ctx context.Context, query string) (map[string]int64, error) {
+	totals := make(map[string]int64, len(countFields))
+	if query == "" {
+		for _, f := range countFields {
+			totals[f] = 0
+		}
+		return totals, nil
+	}
+
+	var (
+		mu       sync.Mutex
+		wg       sync.WaitGroup
+		firstErr error
+	)
+	for _, field := range countFields {
+		field := field
+		wg.Add(1)
+		go func() {
+			defer wg.Done()
+			res, err := s.Search(ctx, SearchRequest{Query: query, Field: field, Limit: 1})
+			mu.Lock()
+			defer mu.Unlock()
+			if err != nil {
+				if firstErr == nil {
+					firstErr = err
+				}
+				return
+			}
+			totals[field] = res.TotalHits
+		}()
+	}
+	wg.Wait()
+
+	if firstErr != nil {
+		return nil, firstErr
+	}
+	return totals, nil
+}
diff --git a/backend/internal/service/user_activity_service.go b/backend/internal/service/user_activity_service.go
index 5950e67..10eb4d8 100644
--- a/backend/internal/service/user_activity_service.go
+++ b/backend/internal/service/user_activity_service.go
@@ -41,8 +41,18 @@ func NewUserActivityService(db *gorm.DB) *UserActivityService {
 	return &UserActivityService{db: db}
 }
 
-// activitySources 四类活动的统一查询：归属人字段 + 时间字段 + 表名
-const activitySources = `
+// activityScope 活动统计的可见范围
+type activityScope int
+
+const (
+	// activitySelf 本人视角：除草稿外的全部投稿 + 审核行为
+	activitySelf activityScope = iota
+	// activityPublic 访客视角：只统计已通过投稿，且不含审核行为
+	activityPublic
+)
+
+// activitySourcesSelf 四类活动的统一查询：归属人字段 + 时间字段 + 表名
+const activitySourcesSelf = `
 	SELECT created_at AS day, 'lyric' AS type FROM submissions
 		WHERE submitter = ? AND status <> 'draft'
 	UNION ALL
@@ -53,24 +63,74 @@ const activitySources = `
 	SELECT reviewed_at, 'review' FROM submission_review_history WHERE reviewer = ?
 `
 
+// activitySourcesPublic 访客视角：三张投稿表且仅 approved（审核不属于公开贡献）
+const activitySourcesPublic = `
+	SELECT created_at AS day, 'lyric' AS type FROM submissions
+		WHERE submitter = ? AND status = 'approved'
+	UNION ALL
+	SELECT created_at, 'daily' FROM daily_recommendations WHERE submitter = ? AND status = 'approved'
+	UNION ALL
+	SELECT created_at, 'search_ip' FROM search_ip_submissions WHERE submitter = ? AND status = 'approved'
+`
+
+// activitySources 按范围返回 UNION 查询体
+func activitySources(scope activityScope) string {
+	if scope == activityPublic {
+		return activitySourcesPublic
+	}
+	return activitySourcesSelf
+}
+
+// activitySourcesArgs 返回 UNION 查询体对应的用户名占位参数
+func activitySourcesArgs(scope activityScope, username string) []any {
+	args := []any{username, username, username}
+	if scope == activitySelf {
+		args = append(args, username)
+	}
+	return args
+}
+
+// earliestActivitySQL 各表最早时间查询体（供前端切换年份）
+func earliestActivitySQL(scope activityScope) string {
+	if scope == activityPublic {
+		return `
+			SELECT MIN(t) FROM (
+				SELECT MIN(created_at) AS t FROM submissions WHERE submitter = ? AND status = 'approved'
+				UNION ALL SELECT MIN(created_at) FROM daily_recommendations WHERE submitter = ? AND status = 'approved'
+				UNION ALL SELECT MIN(created_at) FROM search_ip_submissions WHERE submitter = ? AND status = 'approved'
+			)`
+	}
+	return `
+			SELECT MIN(t) FROM (
+				SELECT MIN(created_at) AS t FROM submissions WHERE submitter = ?
+				UNION ALL SELECT MIN(created_at) FROM daily_recommendations WHERE submitter = ?
+				UNION ALL SELECT MIN(created_at) FROM search_ip_submissions WHERE submitter = ?
+				UNION ALL SELECT MIN(reviewed_at) FROM submission_review_history WHERE reviewer = ?
+			)`
+}
+
 // GetActivity 聚合用户在指定年份的活动，按天分组。
 // year <= 0 表示当前年份。
 func (s *UserActivityService) GetActivity(ctx context.Context, username string, year int) (*UserActivity, error) {
+	return s.getActivity(ctx, username, year, activitySelf)
+}
+
+// GetPublicActivity 访客视角的活动统计：只统计已通过投稿，不含审核行为。
+func (s *UserActivityService) GetPublicActivity(ctx context.Context, username string, year int) (*UserActivity, error) {
+	return s.getActivity(ctx, username, year, activityPublic)
+}
+
+func (s *UserActivityService) getActivity(ctx context.Context, username string, year int, scope activityScope) (*UserActivity, error) {
 	if year <= 0 {
 		year = time.Now().Year()
 	}
 	start := time.Date(year, 1, 1, 0, 0, 0, 0, time.Local)
 	end := start.AddDate(1, 0, 0)
 
-	// 有记录的年份列表（供前端切换）：四表最早时间 → 当前年
+	// 有记录的年份列表（供前端切换）：各表最早时间 → 当前年
 	var earliest *time.Time
-	if err := s.db.WithContext(ctx).Raw(`
-		SELECT MIN(t) FROM (
-			SELECT MIN(created_at) AS t FROM submissions WHERE submitter = ?
-			UNION ALL SELECT MIN(created_at) FROM daily_recommendations WHERE submitter = ?
-			UNION ALL SELECT MIN(created_at) FROM search_ip_submissions WHERE submitter = ?
-			UNION ALL SELECT MIN(reviewed_at) FROM submission_review_history WHERE reviewer = ?
-		)`, username, username, username, username).
+	if err := s.db.WithContext(ctx).
+		Raw(earliestActivitySQL(scope), activitySourcesArgs(scope, username)...).
 		Scan(&earliest).Error; err != nil {
 		return nil, err
 	}
@@ -88,13 +148,14 @@ func (s *UserActivityService) GetActivity(ctx context.Context, username string,
 		Cnt  int       `gorm:"column:cnt"`
 	}
 	var rows []row
+	args := append(activitySourcesArgs(scope, username), start, end)
 	if err := s.db.WithContext(ctx).Raw(`
 		SELECT day::date AS day, type, COUNT(*) AS cnt FROM (
-			`+activitySources+`
+			`+activitySources(scope)+`
 		) t
 		WHERE day >= ? AND day < ?
 		GROUP BY 1, 2`,
-		username, username, username, username, start, end,
+		args...,
 	).Scan(&rows).Error; err != nil {
 		return nil, err
 	}
diff --git a/backend/internal/service/user_profile_service.go b/backend/internal/service/user_profile_service.go
new file mode 100644
index 0000000..e1f2671
--- /dev/null
+++ b/backend/internal/service/user_profile_service.go
@@ -0,0 +1,369 @@
+package service
+
+import (
+	"context"
+	"errors"
+	"fmt"
+	"strings"
+	"time"
+	"unicode/utf8"
+
+	"github.com/amll-dev/amll-hub/backend/internal/infrastructure"
+	"github.com/amll-dev/amll-hub/backend/internal/model"
+	"github.com/amll-dev/amll-hub/backend/internal/repository"
+	logrus "github.com/sirupsen/logrus"
+	"gorm.io/gorm"
+)
+
+// 主页资料字段上限（与迁移里的列长度一致）
+const (
+	MaxBioLen = 200
+)
+
+// PublicProfile 公开主页聚合资料。
+//
+// 刻意不包含 email / phone / isAdmin / isReviewer——公开展示不需要也不应暴露。
+type PublicProfile struct {
+	Name        string           `json:"name"`
+	DisplayName string           `json:"displayName"`
+	Avatar      string           `json:"avatar"`
+	CreatedTime string           `json:"createdTime,omitempty"`
+	Bio         string           `json:"bio"`
+	BannerKey   string           `json:"bannerKey"`
+	Birthday    *string          `json:"birthday"`
+	Gender      string           `json:"gender"`
+	IsSelf      bool             `json:"isSelf"`
+	Stats       map[string]int64 `json:"stats"`
+}
+
+// PublicSubmissionItem 公开主页的投稿列表项（裁剪过的 DTO，不含评审信息）
+type PublicSubmissionItem struct {
+	ID            int64      `json:"id"`
+	Title         string     `json:"title"`
+	Artist        string     `json:"artist"`
+	Album         string     `json:"album"`
+	Language      string     `json:"language"`
+	Languages     []string   `json:"languages"`
+	Status        string     `json:"status"`
+	CreatedAt     time.Time  `json:"createdAt"`
+	UpdatedAt     time.Time  `json:"updatedAt"`
+	FileUpdatedAt *time.Time `json:"fileUpdatedAt,omitempty"`
+}
+
+// PublicSubmissionList 公开投稿列表结果
+type PublicSubmissionList struct {
+	Total int64                  `json:"total"`
+	Items []PublicSubmissionItem `json:"items"`
+}
+
+// PublicSubmissionQuery 公开投稿列表查询参数
+type PublicSubmissionQuery struct {
+	Status   string
+	Language string
+	Sort     string
+	Page     int
+	Limit    int
+}
+
+// UpdateMyProfileRequest 更新本地主页资料
+type UpdateMyProfileRequest struct {
+	Bio      string  `json:"bio"`
+	Birthday *string `json:"birthday"`
+	Gender   string  `json:"gender"`
+}
+
+// MyProfileFields 本地主页资料（写入成功后的回执）
+type MyProfileFields struct {
+	Bio       string  `json:"bio"`
+	BannerKey string  `json:"bannerKey"`
+	Birthday  *string `json:"birthday"`
+	Gender    string  `json:"gender"`
+}
+
+// UserProfileService 公开用户主页业务逻辑
+type UserProfileService struct {
+	profiles *repository.UserProfileRepo
+	subs     *repository.SubmissionRepo
+	files    *FileService
+	casdoor  *infrastructure.CasdoorClient
+	org      string
+}
+
+// NewUserProfileService 创建服务
+func NewUserProfileService(
+	profiles *repository.UserProfileRepo,
+	subs *repository.SubmissionRepo,
+	files *FileService,
+	casdoor *infrastructure.CasdoorClient,
+	org string,
+) *UserProfileService {
+	return &UserProfileService{
+		profiles: profiles,
+		subs:     subs,
+		files:    files,
+		casdoor:  casdoor,
+		org:      org,
+	}
+}
+
+// GetPublicProfile 聚合主页资料。
+// viewer 为空表示匿名访客；viewer == name 表示本人，能看到全部状态的计数。
+func (s *UserProfileService) GetPublicProfile(ctx context.Context, name, viewer string) (*PublicProfile, error) {
+	u, err := s.casdoor.GetUser(ctx, s.org, name)
+	if err != nil {
+		if errors.Is(err, infrastructure.ErrCasdoorUserNotFound) {
+			return nil, ErrUserNotFound
+		}
+		return nil, fmt.Errorf("%w: %v", ErrUpstreamUnavailable, err)
+	}
+
+	p, err := s.profiles.Get(ctx, name)
+	if err != nil && !errors.Is(err, gorm.ErrRecordNotFound) {
+		return nil, err
+	}
+	if p == nil {
+		p = &model.UserProfile{Username: name}
+	}
+
+	isSelf := viewer != "" && viewer == name
+
+	stats, err := s.subs.Stats(ctx, name)
+	if err != nil {
+		return nil, err
+	}
+
+	return &PublicProfile{
+		Name:        name,
+		DisplayName: u.DisplayName,
+		Avatar:      u.Avatar,
+		CreatedTime: normalizeCreatedTime(u.CreatedTime),
+		Bio:         p.Bio,
+		BannerKey:   p.BannerKey,
+		Birthday:    formatBirthday(p.Birthday),
+		Gender:      normalizeGender(p.Gender),
+		IsSelf:      isSelf,
+		Stats:       statsMap(stats, isSelf),
+	}, nil
+}
+
+// ListPublicSubmissions 查询某用户的投稿列表。
+// 访客只能看到 approved：无论传入什么 status 都强制覆盖。
+func (s *UserProfileService) ListPublicSubmissions(
+	ctx context.Context, name string, isSelf bool, q PublicSubmissionQuery,
+) (*PublicSubmissionList, error) {
+	status := q.Status
+	if status == "" {
+		status = "all"
+	}
+	if !isSelf {
+		status = model.StatusApproved
+	}
+
+	res, err := s.subs.List(ctx, repository.ListQuery{
+		Mode:      "creator",
+		Submitter: name,
+		Status:    status,
+		Language:  q.Language,
+		Sort:      q.Sort,
+		Page:      q.Page,
+		Limit:     q.Limit,
+	})
+	if err != nil {
+		return nil, err
+	}
+
+	items := make([]PublicSubmissionItem, 0, len(res.Items))
+	for i := range res.Items {
+		items = append(items, toPublicSubmissionItem(&res.Items[i]))
+	}
+	return &PublicSubmissionList{Total: res.Total, Items: items}, nil
+}
+
+// UpdateMyProfile 写入本地主页资料（不进 Casdoor）
+func (s *UserProfileService) UpdateMyProfile(
+	ctx context.Context, username string, req UpdateMyProfileRequest,
+) (*MyProfileFields, error) {
+	bio := strings.TrimSpace(req.Bio)
+	if utf8.RuneCountInString(bio) > MaxBioLen {
+		return nil, ErrInvalidInput
+	}
+	gender := strings.TrimSpace(req.Gender)
+	if gender == "" {
+		gender = model.GenderUnknown
+	}
+	if !isValidGender(gender) {
+		return nil, ErrInvalidInput
+	}
+
+	birthday, err := parseBirthday(req.Birthday)
+	if err != nil {
+		return nil, err
+	}
+
+	p := &model.UserProfile{
+		Username: username,
+		Bio:      bio,
+		Birthday: birthday,
+		Gender:   gender,
+	}
+	if err := s.profiles.Upsert(ctx, p); err != nil {
+		return nil, err
+	}
+
+	bannerKey := ""
+	if existing, err := s.profiles.Get(ctx, username); err == nil {
+		bannerKey = existing.BannerKey
+	}
+
+	return &MyProfileFields{
+		Bio:       bio,
+		BannerKey: bannerKey,
+		Birthday:  formatBirthday(birthday),
+		Gender:    gender,
+	}, nil
+}
+
+// UploadBanner 上传主页背景图并写回 key，返回新的对象 key
+func (s *UserProfileService) UploadBanner(ctx context.Context, username string, content []byte) (string, error) {
+	if len(content) == 0 {
+		return "", ErrInvalidInput
+	}
+	ext := sniffImageExt(content)
+	if ext == "" || isSVG(content) {
+		return "", ErrInvalidInput
+	}
+	switch ext {
+	case ".jpg", ".jpeg", ".png", ".webp":
+	default:
+		return "", ErrInvalidInput
+	}
+
+	oldKey := ""
+	old, err := s.profiles.Get(ctx, username)
+	switch {
+	case err == nil:
+		oldKey = old.BannerKey
+	case errors.Is(err, gorm.ErrRecordNotFound):
+	default:
+		return "", err
+	}
+
+	key, err := s.files.UploadProfileBanner(ctx, username, content, ext)
+	if err != nil {
+		return "", err
+	}
+
+	if err := s.profiles.UpdateBanner(ctx, username, key); err != nil {
+		// 落库失败时删掉刚传的对象，避免产生孤儿
+		if delErr := s.files.Delete(ctx, key); delErr != nil {
+			logrus.WithError(delErr).Warn("cleanup profile banner after db failure failed")
+		}
+		return "", err
+	}
+
+	if oldKey != "" && oldKey != key {
+		if delErr := s.files.Delete(ctx, oldKey); delErr != nil {
+			logrus.WithError(delErr).Warn("delete previous profile banner failed")
+		}
+	}
+	return key, nil
+}
+
+// ---------- helpers ----------
+
+func toPublicSubmissionItem(s *model.Submission) PublicSubmissionItem {
+	return PublicSubmissionItem{
+		ID:            s.ID,
+		Title:         s.Title,
+		Artist:        s.Artist,
+		Album:         s.Album,
+		Language:      s.Language,
+		Languages:     s.Languages,
+		Status:        s.Status,
+		CreatedAt:     s.CreatedAt,
+		UpdatedAt:     s.UpdatedAt,
+		FileUpdatedAt: s.FileUpdatedAt,
+	}
+}
+
+// statsMap 把仓库层的固定结构体展开成 map。
+// 访客视角只暴露 approved，避免泄露待审 / 被拒的数量。
+func statsMap(st *repository.Stats, isSelf bool) map[string]int64 {
+	if !isSelf {
+		return map[string]int64{model.StatusApproved: st.Approved}
+	}
+	return map[string]int64{
+		model.StatusDraft:        st.Draft,
+		model.StatusPending:      st.Pending,
+		model.StatusReviewing:    st.Reviewing,
+		model.StatusRevised:      st.Revised,
+		model.StatusNeedRevision: st.NeedRevision,
+		model.StatusMissingAudio: st.MissingAudio,
+		model.StatusApproved:     st.Approved,
+		model.StatusRejected:     st.Rejected,
+		model.StatusClosed:       st.Closed,
+	}
+}
+
+func formatBirthday(t *time.Time) *string {
+	if t == nil || t.IsZero() {
+		return nil
+	}
+	v := t.Format("2006-01-02")
+	return &v
+}
+
+// parseBirthday 空值 → nil；否则解析 YYYY-MM-DD 并做合理性校验
+func parseBirthday(raw *string) (*time.Time, error) {
+	if raw == nil {
+		return nil, nil
+	}
+	v := strings.TrimSpace(*raw)
+	if v == "" {
+		return nil, nil
+	}
+	t, err := time.ParseInLocation("2006-01-02", v, time.Local)
+	if err != nil {
+		return nil, ErrInvalidInput
+	}
+	now := time.Now()
+	if t.After(now) || t.Year() < 1900 {
+		return nil, ErrInvalidInput
+	}
+	return &t, nil
+}
+
+func normalizeGender(g string) string {
+	if g == "" {
+		return model.GenderUnknown
+	}
+	return g
+}
+
+// normalizeCreatedTime 过滤 Casdoor 返回的「未设置」创建时间。
+//
+// Casdoor 对没有 createdTime 的用户会返回 Go 零值时间（0001-01-01T00:00:00Z），
+// 直接透传会让主页显示 "0001-01-01"，这里统一折算成空串由前端隐藏。
+func normalizeCreatedTime(raw string) string {
+	raw = strings.TrimSpace(raw)
+	if raw == "" {
+		return ""
+	}
+	t, err := time.Parse(time.RFC3339, raw)
+	if err != nil {
+		// 解析不了的格式原样返回，不因为一个展示字段丢掉数据
+		return raw
+	}
+	if t.Year() < 1900 {
+		return ""
+	}
+	return raw
+}
+
+func isValidGender(g string) bool {
+	switch g {
+	case model.GenderMale, model.GenderFemale, model.GenderOther, model.GenderUnknown:
+		return true
+	}
+	return false
+}
diff --git a/backend/internal/service/user_search_service.go b/backend/internal/service/user_search_service.go
new file mode 100644
index 0000000..4733e8c
--- /dev/null
+++ b/backend/internal/service/user_search_service.go
@@ -0,0 +1,139 @@
+package service
+
+import (
+	"context"
+	"errors"
+	"fmt"
+	"strings"
+
+	"github.com/amll-dev/amll-hub/backend/internal/infrastructure"
+	"github.com/amll-dev/amll-hub/backend/internal/repository"
+)
+
+// 用户搜索结果条数上限
+const (
+	userSearchDefaultLimit = 20
+	userSearchMaxLimit     = 50
+)
+
+// UserSearchItem 用户搜索结果项
+type UserSearchItem struct {
+	Name          string `json:"name"`
+	DisplayName   string `json:"displayName"`
+	Avatar        string `json:"avatar"`
+	Bio           string `json:"bio"`
+	ApprovedCount int64  `json:"approvedCount"`
+	CreatedTime   string `json:"createdTime,omitempty"`
+}
+
+// UserSearchResult 用户搜索结果
+type UserSearchResult struct {
+	Items []UserSearchItem `json:"items"`
+	// Total 本次返回的条数；Casdoor 不提供命中总数，是否还有更多看 HasMore
+	Total   int  `json:"total"`
+	Limit   int  `json:"limit"`
+	HasMore bool `json:"hasMore"`
+}
+
+// UserSearchService 按用户名 / 昵称搜索站点用户。
+//
+// 账号权威数据在 Casdoor（昵称、头像、注册时间），主页资料（签名）在 user_profiles，
+// 投稿数从 submissions 聚合，三者按 username 合并。
+type UserSearchService struct {
+	casdoor  *infrastructure.CasdoorClient
+	profiles *repository.UserProfileRepo
+	subs     *repository.SubmissionRepo
+}
+
+// NewUserSearchService 创建服务
+func NewUserSearchService(
+	casdoor *infrastructure.CasdoorClient,
+	profiles *repository.UserProfileRepo,
+	subs *repository.SubmissionRepo,
+) *UserSearchService {
+	return &UserSearchService{casdoor: casdoor, profiles: profiles, subs: subs}
+}
+
+// Search 搜索用户，返回已聚合签名与已通过投稿数的结果
+func (s *UserSearchService) Search(ctx context.Context, keyword string, limit int) (*UserSearchResult, error) {
+	keyword = strings.TrimSpace(keyword)
+	if keyword == "" {
+		return &UserSearchResult{Items: []UserSearchItem{}, Limit: limit}, nil
+	}
+	if limit <= 0 {
+		limit = userSearchDefaultLimit
+	}
+	if limit > userSearchMaxLimit {
+		limit = userSearchMaxLimit
+	}
+
+	// 多取一条用于判断是否还有更多
+	users, err := s.casdoor.SearchUsers(ctx, keyword, limit+1)
+	if err != nil {
+		return nil, fmt.Errorf("%w: %v", ErrUpstreamUnavailable, err)
+	}
+	hasMore := len(users) > limit
+	if hasMore {
+		users = users[:limit]
+	}
+
+	names := make([]string, 0, len(users))
+	for i := range users {
+		names = append(names, users[i].Name)
+	}
+
+	// 两个补充查询失败不应该让整个搜索失败，降级为空即可
+	profiles, err := s.profiles.ListByUsernames(ctx, names)
+	if err != nil {
+		profiles = nil
+	}
+	counts, err := s.subs.CountApprovedBySubmitters(ctx, names)
+	if err != nil {
+		counts = nil
+	}
+
+	items := make([]UserSearchItem, 0, len(users))
+	for i := range users {
+		u := users[i]
+		item := UserSearchItem{
+			Name:        u.Name,
+			DisplayName: u.DisplayName,
+			Avatar:      u.Avatar,
+			CreatedTime: u.CreatedTime,
+		}
+		if p, ok := profiles[u.Name]; ok && p != nil {
+			item.Bio = p.Bio
+		}
+		item.ApprovedCount = counts[u.Name]
+		items = append(items, item)
+	}
+
+	return &UserSearchResult{
+		Items:   items,
+		Total:   len(items),
+		Limit:   limit,
+		HasMore: hasMore,
+	}, nil
+}
+
+// Count 返回可枚举的匹配数（达到 cap 即认为「更多」，与前端 N+ 的展示约定一致）
+func (s *UserSearchService) Count(ctx context.Context, keyword string, cap int) (int, bool, error) {
+	keyword = strings.TrimSpace(keyword)
+	if keyword == "" {
+		return 0, false, nil
+	}
+	if cap <= 0 {
+		cap = userSearchDefaultLimit
+	}
+	users, err := s.casdoor.SearchUsers(ctx, keyword, cap+1)
+	if err != nil {
+		if errors.Is(err, infrastructure.ErrCasdoorUserNotFound) {
+			return 0, false, nil
+		}
+		return 0, false, err
+	}
+	if len(users) > cap {
+		return cap, true, nil
+	}
+	return len(users), false, nil
+}
diff --git a/backend/migrations/001_init.up.sql b/backend/migrations/001_init.up.sql
index 9714cd6..c08319a 100644
--- a/backend/migrations/001_init.up.sql
+++ b/backend/migrations/001_init.up.sql
@@ -246,6 +246,8 @@ CREATE INDEX idx_submissions_language        ON submissions(language);
 CREATE INDEX idx_submissions_languages       ON submissions USING GIN (languages);
 CREATE INDEX idx_submissions_created         ON submissions(created_at DESC);
 CREATE INDEX idx_submissions_status_created  ON submissions(status, created_at DESC);
+--  公开主页投稿列表：按用户 + 状态 + 时间倒序
+CREATE INDEX idx_submissions_submitter_status_created ON submissions(submitter, status, created_at DESC);
 CREATE INDEX idx_submissions_search ON submissions
     USING gin (to_tsvector('simple',
         coalesce(title,'') || ' ' ||
@@ -447,6 +449,35 @@ ALTER TABLE notifications
     ADD CONSTRAINT ck_notifications_type
     CHECK (type IN ('system', 'review', 'submission', 'comment'));
 
+--  用户公开主页扩展资料表
+--  项目没有 users 表，username 对应 Casdoor name / JWT claims.name，不建外键；
+--  只存 Casdoor 里没有的展示字段（签名 / 背景图 / 生日 / 性别）。
+CREATE TABLE user_profiles (
+    username   VARCHAR(100) PRIMARY KEY,
+    bio        VARCHAR(200) NOT NULL DEFAULT '',
+    banner_key VARCHAR(500) NOT NULL DEFAULT '',
+    birthday   DATE,
+    gender     VARCHAR(16)  NOT NULL DEFAULT 'unknown',
+    created_at TIMESTAMPTZ  NOT NULL DEFAULT NOW(),
+    updated_at TIMESTAMPTZ  NOT NULL DEFAULT NOW()
+);
+
+COMMENT ON TABLE  user_profiles            IS '用户公开主页扩展资料（Casdoor 之外的本地字段）';
+COMMENT ON COLUMN user_profiles.username   IS 'Casdoor username / JWT claims.name';
+COMMENT ON COLUMN user_profiles.banner_key IS 'MinIO 对象 key，前缀 profile-banner/；空串表示未设置';
+COMMENT ON COLUMN user_profiles.birthday   IS '生日，DATE 无时区；NULL 表示未填写';
+COMMENT ON COLUMN user_profiles.gender     IS 'male / female / other / unknown';
+
+-- gender 用 varchar + CHECK，不用 PG enum：后续加值只需改约束，回滚也更简单
+ALTER TABLE user_profiles
+    ADD CONSTRAINT ck_user_profiles_gender
+    CHECK (gender IN ('male', 'female', 'other', 'unknown'));
+
+CREATE TRIGGER trg_user_profiles_updated_at
+    BEFORE UPDATE ON user_profiles
+    FOR EACH ROW
+    EXECUTE FUNCTION update_updated_at_column();
+
 --  GitHub 绑定表：一个站点用户（JWT claims.name）最多绑定一个 GitHub 账号
 CREATE TABLE user_github_bindings (
     id            BIGSERIAL PRIMARY KEY,
diff --git a/frontend/src/atoms/profileForm.ts b/frontend/src/atoms/profileForm.ts
index 504fd1c..6116ae6 100644
--- a/frontend/src/atoms/profileForm.ts
+++ b/frontend/src/atoms/profileForm.ts
@@ -22,6 +22,10 @@ export const editMsgAtom = atom<FormMsg>(null);
 export const profileMsgAtom = atom<FormMsg>(null);
 /** 密码修改反馈消息 */
 export const pwdMsgAtom = atom<FormMsg>(null);
+/** 主页资料（签名/地区/生日/性别）保存反馈消息 */
+export const localProfileMsgAtom = atom<FormMsg>(null);
+/** 主页背景图上传反馈消息 */
+export const bannerMsgAtom = atom<FormMsg>(null);
 
 /** 复位个人中心表单状态（页面卸载时调用，保持与原 useState 卸载即重置一致的语义） */
 export function resetProfileForm() {
@@ -33,4 +37,6 @@ export function resetProfileForm() {
   store.set(editMsgAtom, null);
   store.set(profileMsgAtom, null);
   store.set(pwdMsgAtom, null);
+  store.set(localProfileMsgAtom, null);
+  store.set(bannerMsgAtom, null);
 }
diff --git a/frontend/src/atoms/search.ts b/frontend/src/atoms/search.ts
index e854921..0939d6b 100644
--- a/frontend/src/atoms/search.ts
+++ b/frontend/src/atoms/search.ts
@@ -1,10 +1,10 @@
 import { atom } from 'jotai';
-import type { SearchField } from '@/lib/types';
+import type { SearchTab } from '@/lib/types';
 
-/** 已提交的搜索请求（debounce 后 / 立即提交 / 翻页才更新），驱动 useQuery */
+/** 已提交的搜索请求（debounce 后 / 立即提交 / 翻页 / 切 Tab 才更新），驱动 useQuery */
 export interface CommittedSearch {
   q: string;
-  field: SearchField;
+  tab: SearchTab;
   page: number;
 }
 
@@ -12,8 +12,8 @@ export interface CommittedSearch {
 
 /** 输入框当前值（未提交） */
 export const searchQueryAtom = atom('');
-/** 搜索字段 */
-export const searchFieldAtom = atom<SearchField>('all');
+/** 当前搜索 Tab（歌曲各字段 + 用户） */
+export const searchTabAtom = atom<SearchTab>('all');
 /** 是否已进入搜索模式（控制页面切换；基于"是否已发起过搜索"而非 query 非空） */
 export const searchHasQueryAtom = atom(false);
 /** 当前页码（1-based） */
diff --git a/frontend/src/boot/SearchBoot.tsx b/frontend/src/boot/SearchBoot.tsx
index 0705895..fd35e6b 100644
--- a/frontend/src/boot/SearchBoot.tsx
+++ b/frontend/src/boot/SearchBoot.tsx
@@ -3,7 +3,7 @@ import { useAtom, useAtomValue } from 'jotai';
 import { useLocation, useNavigate } from 'react-router-dom';
 import {
   searchQueryAtom,
-  searchFieldAtom,
+  searchTabAtom,
   searchHasQueryAtom,
   searchPageAtom,
   searchCommittedAtom,
@@ -28,7 +28,7 @@ export function registerSearchInput(el: HTMLInputElement | null) {
  */
 export function SearchBoot() {
   const query = useAtomValue(searchQueryAtom);
-  const field = useAtomValue(searchFieldAtom);
+  const tab = useAtomValue(searchTabAtom);
   const hasQuery = useAtomValue(searchHasQueryAtom);
   const [, setHasQuery] = useAtom(searchHasQueryAtom);
   const [, setPage] = useAtom(searchPageAtom);
@@ -38,7 +38,7 @@ export function SearchBoot() {
 
   const hasQueryRef = useRef(false);
 
-  // query/field 变化重置到第 1 页；debounce 后提交搜索
+  // query/tab 变化重置到第 1 页；debounce 后提交搜索
   useEffect(() => {
     const trimmed = query.trim();
     if (!trimmed) {
@@ -62,10 +62,10 @@ export function SearchBoot() {
       window.scrollTo(0, 0);
       hasQueryRef.current = true;
       setHasQuery(true);
-      setCommitted({ q: trimmed, field, page: 1 });
+      setCommitted({ q: trimmed, tab, page: 1 });
     }, DEBOUNCE_MS);
     return () => clearTimeout(timer);
-  }, [query, field, setHasQuery, setPage, setCommitted]);
+  }, [query, tab, setHasQuery, setPage, setCommitted]);
 
   // 监听 query 变化：在非首页输入搜索词时，导航回首页展示结果
   const prevQuery = useRef('');
diff --git a/frontend/src/components/DatePicker.tsx b/frontend/src/components/DatePicker.tsx
index 5f3f36b..bc1f8b9 100644
--- a/frontend/src/components/DatePicker.tsx
+++ b/frontend/src/components/DatePicker.tsx
@@ -2,6 +2,7 @@ import { useEffect, useMemo, useRef, useState } from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
 import { CalendarDays, ChevronLeft, ChevronRight } from 'lucide-react';
 import { buttonTap } from '@/lib/motion';
+import { cn } from '@/lib/utils';
 
 const WEEKDAYS = ['日', '一', '二', '三', '四', '五', '六'];
 const MONTHS = [
@@ -44,10 +45,22 @@ export function DatePicker({
   value,
   onChange,
   placeholder = '选择日期',
+  max,
+  id,
+  className,
+  'aria-invalid': ariaInvalid,
+  'aria-describedby': ariaDescribedBy,
 }: {
   value: string;
   onChange: (dateKey: string) => void;
   placeholder?: string;
+  /** 可选上限（含当天），YYYY-MM-DD；超出范围的日子不可点 */
+  max?: string;
+  id?: string;
+  /** 触发器附加样式 */
+  className?: string;
+  'aria-invalid'?: boolean;
+  'aria-describedby'?: string;
 }) {
   const today = useMemo(() => new Date(), []);
   const todayKey = formatDateKey(today);
@@ -155,12 +168,18 @@ export function DatePicker({
       {/* 触发按钮 */}
       <button
         type="button"
+        id={id}
+        aria-invalid={ariaInvalid}
+        aria-describedby={ariaDescribedBy}
         onClick={() => setOpen((v) => !v)}
-        className={`flex h-11 w-full items-center justify-between rounded-md border bg-background px-4 text-sm outline-none transition-all duration-200 ${
+        className={cn(
+          'flex h-11 w-full items-center justify-between rounded-md border bg-background px-4 text-sm outline-none transition-all duration-200',
           open
             ? 'border-primary ring-2 ring-primary/20'
-            : 'border-input hover:border-primary/50 focus:border-primary'
-        }`}
+            : 'border-input hover:border-primary/50 focus:border-primary',
+          ariaInvalid && 'border-error',
+          className
+        )}
       >
         <span className={selectedDate ? 'text-foreground' : 'text-ink-3'}>{displayText}</span>
         <CalendarDays
@@ -250,6 +269,7 @@ export function DatePicker({
                 className="grid grid-cols-7 gap-1"
               >
                 {cells.map((cell, i) => {
+                  const disabled = !!max && cell.dateKey > max;
                   let cls =
                     'aspect-square flex items-center justify-center rounded-md text-xs cursor-pointer transition-colors';
                   if (cell.isOtherMonth) cls += ' text-ink-3 opacity-40';
@@ -257,15 +277,16 @@ export function DatePicker({
                   if (cell.isToday) cls += ' !bg-primary !text-primary-foreground font-semibold';
                   if (cell.isSelected && !cell.isToday)
                     cls += ' !bg-[#fef3c7] !text-[#92400e] font-semibold ring-1 ring-[#f59e0b]';
+                  if (disabled) cls += ' pointer-events-none opacity-25';
 
                   return (
                     <motion.div
                       key={i}
-                      whileHover={{ scale: 1.1 }}
-                      whileTap={{ scale: 0.9 }}
+                      whileHover={disabled ? undefined : { scale: 1.1 }}
+                      whileTap={disabled ? undefined : { scale: 0.9 }}
                       transition={{ duration: 0.12 }}
                       className={cls}
-                      onClick={() => handleSelect(cell)}
+                      onClick={disabled ? undefined : () => handleSelect(cell)}
                     >
                       {cell.date.getDate()}
                     </motion.div>
diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx
index a407faa..8e46aa7 100644
--- a/frontend/src/components/Header.tsx
+++ b/frontend/src/components/Header.tsx
@@ -22,7 +22,7 @@ export function Header() {
   const [scrolled, setScrolled] = useState(false);
   const [menuOpen, setMenuOpen] = useState(false);
   const { scrollY } = useScroll();
-  const { query, field, loading, setQuery, setField, submit, hasQuery } = useSearchContext();
+  const { query, loading, setQuery, submit, hasQuery } = useSearchContext();
   const { user, openLogin } = useAuth();
   const navItems = user?.isReviewer
     ? [...baseNavItems, { to: '/review', label: '审核中心', requireLogin: true }]
@@ -97,10 +97,8 @@ export function Header() {
               >
                 <SearchBar
                   query={query}
-                  field={field}
                   loading={loading}
                   onQueryChange={setQuery}
-                  onFieldChange={setField}
                   onSubmit={submit}
                   compact
                 />
diff --git a/frontend/src/components/Hero.tsx b/frontend/src/components/Hero.tsx
index c3bb645..bc5df48 100644
--- a/frontend/src/components/Hero.tsx
+++ b/frontend/src/components/Hero.tsx
@@ -16,15 +16,7 @@ function StatBadge({ value, label }: { value: string; label: string }) {
 
 export function Hero() {
   const { data: stats, loading, error } = useStats();
-  const {
-    query,
-    field,
-    loading: searching,
-    setQuery,
-    setField,
-    submit,
-    hasQuery,
-  } = useSearchContext();
+  const { query, loading: searching, setQuery, submit, hasQuery } = useSearchContext();
 
   // 搜索模式下 Hero 不渲染，避免 pt-[120px] pb-16 占据空间
   // 导致搜索结果和顶栏之间有大段距离
@@ -83,10 +75,8 @@ export function Hero() {
               >
                 <SearchBar
                   query={query}
-                  field={field}
                   loading={searching}
                   onQueryChange={setQuery}
-                  onFieldChange={setField}
                   onSubmit={submit}
                 />
               </motion.div>
diff --git a/frontend/src/components/RecommendCard.tsx b/frontend/src/components/RecommendCard.tsx
index 15afd47..45efd14 100644
--- a/frontend/src/components/RecommendCard.tsx
+++ b/frontend/src/components/RecommendCard.tsx
@@ -1,4 +1,5 @@
 import { useEffect, useMemo, useRef, useState } from 'react';
+import { Link } from 'react-router-dom';
 import { useMutation, useQuery } from '@tanstack/react-query';
 import { useAtomValue } from 'jotai';
 import { motion } from 'framer-motion';
@@ -391,7 +392,18 @@ export function RecommendCard({
                 dangerouslySetInnerHTML={{ __html: commentHtml }}
               />
               <div className="mt-2.5 text-right text-[13px] font-light text-ink-2">
-                --来自 @{username} 的评论
+                --来自{' '}
+                {recommendation.submitter ? (
+                  <Link
+                    to={`/user/${encodeURIComponent(recommendation.submitter)}`}
+                    className="text-inherit underline-offset-2 hover:text-primary hover:underline"
+                  >
+                    @{username}
+                  </Link>
+                ) : (
+                  <>@{username}</>
+                )}{' '}
+                的评论
               </div>
             </div>
           </div>
diff --git a/frontend/src/components/SearchBar.tsx b/frontend/src/components/SearchBar.tsx
index da44e99..6aaf057 100644
--- a/frontend/src/components/SearchBar.tsx
+++ b/frontend/src/components/SearchBar.tsx
@@ -1,112 +1,21 @@
 import { useEffect, useRef, useState } from 'react';
 import type { ChangeEvent, CompositionEvent, FormEvent, KeyboardEvent } from 'react';
-import { AnimatePresence, motion } from 'framer-motion';
-import { ChevronDown, Loader2, Search } from 'lucide-react';
-import type { SearchField } from '@/lib/types';
+import { motion } from 'framer-motion';
+import { Loader2, Search } from 'lucide-react';
 import { buttonTap } from '@/lib/motion';
 import { useSearchContext } from '@/hooks/useSearchContext';
 
-const fieldOptions: { value: SearchField; label: string }[] = [
-  { value: 'all', label: '全部' },
-  { value: 'song', label: '歌曲' },
-  { value: 'artist', label: '歌手' },
-  { value: 'album', label: '专辑' },
-  { value: 'lyric', label: '歌词' },
-  { value: 'id', label: '音乐ID' },
-];
-
 interface Props {
   query: string;
-  field: SearchField;
   loading: boolean;
   onQueryChange: (v: string) => void;
-  onFieldChange: (v: SearchField) => void;
   /** 提交搜索 */
   onSubmit: () => void;
   /** 紧凑模式 */
   compact?: boolean;
 }
 
-function FieldSelect({
-  value,
-  onChange,
-}: {
-  value: SearchField;
-  onChange: (v: SearchField) => void;
-}) {
-  const [open, setOpen] = useState(false);
-  const ref = useRef<HTMLDivElement>(null);
-  const current = fieldOptions.find((o) => o.value === value);
-
-  useEffect(() => {
-    if (!open) return;
-    const handler = (e: MouseEvent) => {
-      if (ref.current && !ref.current.contains(e.target as Node)) {
-        setOpen(false);
-      }
-    };
-    document.addEventListener('mousedown', handler);
-    return () => document.removeEventListener('mousedown', handler);
-  }, [open]);
-
-  return (
-    <div ref={ref} className="relative shrink-0">
-      <button
-        type="button"
-        onClick={() => setOpen((v) => !v)}
-        className={`inline-flex h-11 items-center gap-1 rounded-md border border-input bg-card pl-3 pr-7 text-sm font-medium text-foreground transition-colors hover:border-primary focus:border-primary focus:outline-none focus:ring-[3px] focus:ring-[var(--amll-primary-soft)]`}
-      >
-        {current?.label}
-        <ChevronDown
-          className={`pointer-events-none absolute right-2 top-1/2 h-4 w-4 -translate-y-1/2 text-ink-3 transition-transform ${
-            open ? 'rotate-180' : ''
-          }`}
-        />
-      </button>
-
-      <AnimatePresence>
-        {open && (
-          <motion.ul
-            initial={{ opacity: 0, y: -8, scale: 0.97 }}
-            animate={{ opacity: 1, y: 0, scale: 1 }}
-            exit={{ opacity: 0, y: -8, scale: 0.97 }}
-            transition={{ duration: 0.15, ease: [0.2, 0.8, 0.2, 1] }}
-            className="absolute left-0 top-[calc(100%+6px)] z-50 min-w-[120px] overflow-hidden rounded-md border border-line bg-popover p-1 shadow-lg"
-          >
-            {fieldOptions.map((o) => (
-              <li key={o.value}>
-                <button
-                  type="button"
-                  onClick={() => {
-                    onChange(o.value);
-                    setOpen(false);
-                  }}
-                  className={`block w-full rounded px-3 py-2 text-left text-sm transition-colors hover:bg-primary-tint hover:text-primary ${
-                    o.value === value
-                      ? 'bg-primary-tint font-medium text-primary'
-                      : 'text-foreground'
-                  }`}
-                >
-                  {o.label}
-                </button>
-              </li>
-            ))}
-          </motion.ul>
-        )}
-      </AnimatePresence>
-    </div>
-  );
-}
-
-export function SearchBar({
-  query,
-  field,
-  loading,
-  onQueryChange,
-  onFieldChange,
-  onSubmit,
-  compact = false,
-}: Props) {
+export function SearchBar({ query, loading, onQueryChange, onSubmit, compact = false }: Props) {
   const { registerInput, hasQuery } = useSearchContext();
 
   // 显示文本
@@ -158,8 +67,6 @@ export function SearchBar({
 
   return (
     <form onSubmit={handleSubmit} className="flex items-center gap-2 h-11">
-      <FieldSelect value={field} onChange={onFieldChange} />
-
       <div className="relative flex-1">
         <Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-ink-3" />
         <input
@@ -170,7 +77,7 @@ export function SearchBar({
           onCompositionStart={handleCompositionStart}
           onCompositionEnd={handleCompositionEnd}
           onKeyDown={handleKeyDown}
-          placeholder="搜索歌曲、歌手、专辑或歌词…"
+          placeholder="搜索歌曲、歌手、专辑、歌词或用户…"
           autoFocus={compact}
           className="w-full h-11 rounded-md border border-input bg-card pl-10 pr-4 text-sm text-foreground transition-colors placeholder:text-ink-3 focus:border-primary focus:outline-none focus:ring-[3px] focus:ring-[var(--amll-primary-soft)]"
         />
diff --git a/frontend/src/components/SearchResults.tsx b/frontend/src/components/SearchResults.tsx
index 3514215..65e0dab 100644
--- a/frontend/src/components/SearchResults.tsx
+++ b/frontend/src/components/SearchResults.tsx
@@ -23,6 +23,8 @@ import { downloadBlobFile } from '@/lib/download';
 import { listItem, staggerContainer } from '@/lib/motion';
 import { formatDate, formatNumber } from '@/lib/format';
 import { sanitizeHighlightHtml } from '@/lib/markup';
+import { SearchTabs } from '@/components/search/SearchTabs';
+import { RelatedUsers, UserSearchList } from '@/components/search/UserSearchList';
 import type { SearchHit, SearchIpMatchResult } from '@/lib/types';
 
 // 结果区顶部的锚点 id，分页切换时滚到此位置
@@ -202,7 +204,9 @@ function ResultActions({ hit }: { hit: SearchHit }) {
 }
 
 export function SearchResults() {
-  const { hits, loading, error, query, totalHits } = useSearchContext();
+  const { hits, loading, error, query, totalHits, tab, setTab, counts, userMore } =
+    useSearchContext();
+  const isUserTab = tab === 'user';
   const [ipMatch, setIpMatch] = useState<SearchIpMatchResult | null>(null);
 
   // 当 hits 变化时，收集所有 artists 去重并请求 IP 匹配
@@ -246,15 +250,21 @@ export function SearchResults() {
     >
       {/* 分页切换的滚动锚点：scroll-mt 预留顶栏高度，避免贴顶 */}
       <div id={RESULTS_ANCHOR_ID} className="scroll-mt-20" />
-      <div className="mb-6 flex items-center gap-2">
+
+      {/* 搜索范围 Tab */}
+      <SearchTabs value={tab} onChange={setTab} counts={counts} userMore={userMore} />
+
+      <div className="mb-6 mt-6 flex flex-wrap items-center gap-2">
         <h2 className="text-2xl font-bold tracking-tight">搜索结果</h2>
-        {loading && <Loader2 className="h-4 w-4 animate-spin text-ink-3" />}
+        {loading && !isUserTab && <Loader2 className="h-4 w-4 animate-spin text-ink-3" />}
         <p className="mt-1 text-sm text-ink-2">
-          “{query}” {loading ? '搜索中…' : `共 ${totalHits} 条`}
+          “{query}” {isUserTab ? '的用户匹配' : loading ? '搜索中…' : `共 ${totalHits} 条`}
         </p>
       </div>
 
-      {error ? (
+      {isUserTab ? (
+        <UserSearchList q={query} />
+      ) : error ? (
         <p className="py-12 text-center text-sm text-error">{error}</p>
       ) : showSkeleton ? (
         <div className="space-y-2">
@@ -440,7 +450,8 @@ export function SearchResults() {
         </ul>
       )}
 
-      <Pagination />
+      {!isUserTab && <Pagination />}
+      {tab === 'all' && <RelatedUsers q={query} />}
     </motion.section>
   );
 }
diff --git a/frontend/src/components/UserMenu.tsx b/frontend/src/components/UserMenu.tsx
index 464e130..d4e0dfe 100644
--- a/frontend/src/components/UserMenu.tsx
+++ b/frontend/src/components/UserMenu.tsx
@@ -25,6 +25,7 @@ import {
   ShieldCheck,
   Sun,
   User,
+  SquareUser,
 } from 'lucide-react';
 import { useAuth } from '@/hooks/useAuth';
 import { themeAtom, type ThemePreference } from '@/atoms/theme';
@@ -92,6 +93,18 @@ export function UserMenu() {
 
         {/* 菜单项 */}
         <div className="py-1">
+          <DropdownMenuItem asChild>
+            <Link
+              to={`/user/${encodeURIComponent(user.name)}`}
+              onClick={nav}
+              onMouseEnter={() => preloadRoute(`/user/${user.name}`)}
+              className="cursor-pointer"
+            >
+              <SquareUser className="h-4 w-4" />
+              我的主页
+            </Link>
+          </DropdownMenuItem>
+
           <DropdownMenuItem asChild>
             <Link
               to="/profile"
diff --git a/frontend/src/components/creator/LyricSubmitForm.tsx b/frontend/src/components/creator/LyricSubmitForm.tsx
index 0acfc07..3f9591d 100644
--- a/frontend/src/components/creator/LyricSubmitForm.tsx
+++ b/frontend/src/components/creator/LyricSubmitForm.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useMutation } from '@tanstack/react-query';
 import { AnimatePresence, motion } from 'framer-motion';
@@ -9,6 +9,7 @@ import {
   CloudUpload,
   FileText,
   Loader2,
+  Sparkles,
   Upload,
   X,
 } from 'lucide-react';
@@ -16,6 +17,8 @@ import { api } from '@/lib/api';
 import { buttonTap, fadeUp, staggerContainer } from '@/lib/motion';
 import { useFormDraft } from '@/hooks/useFormDraft';
 import { useUnrearrangedMode } from '@/hooks/useUnrearrangedMode';
+import { detectLanguages, type LangCode } from '@/lib/lang-detect';
+import { detectAutoTags } from '@/lib/auto-tags';
 import type { TtmlValidationResult } from '@/lib/types';
 import { AudioSourcePicker } from '@/components/creator/AudioSourcePicker';
 import { Checkbox } from '@/components/ui/checkbox';
@@ -24,7 +27,7 @@ import { UnrearrangedToggle } from '@/components/submission/UnrearrangedToggle';
 import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert';
 
 // 从 TTML 元数据自动推断语言代码（模块级常量，保持引用稳定）
-const LANG_MAP: Record<string, string> = {
+const LANG_MAP: Record<string, LangCode> = {
   zh: 'zh',
   cn: 'zh',
   chs: 'zh',
@@ -44,6 +47,23 @@ const LANG_MAP: Record<string, string> = {
   'ko-KR': 'ko',
 };
 
+// 语言选项：value 为后端枚举代码，label 为中文
+const LANG_OPTIONS: { value: LangCode; label: string }[] = [
+  { value: 'zh', label: '汉语' },
+  { value: 'en', label: '英语' },
+  { value: 'ja', label: '日语' },
+  { value: 'ko', label: '韩语' },
+  { value: 'others', label: '其他' },
+];
+
+const LANG_LABELS = Object.fromEntries(LANG_OPTIONS.map((l) => [l.value, l.label])) as Record<
+  string,
+  string
+>;
+
+// 语言总上限与后端 model.MaxLanguages 保持一致
+const MAX_LANGUAGES = 10;
+
 /** 歌词投稿表单 */
 export function LyricSubmitForm({ onSuccess }: { onSuccess?: () => void }) {
   const navigate = useNavigate();
@@ -60,6 +80,10 @@ export function LyricSubmitForm({ onSuccess }: { onSuccess?: () => void }) {
     languages: string[];
     otherLangs: string[];
     tags: string[];
+    /** 语言是自动识别填进去的，下次选文件仍可重新识别 */
+    langAuto?: boolean;
+    /** 草稿里的自动标签，换文件时用来顶掉上一份文件的自动标签 */
+    autoTags?: string[];
   }>('lyric-submit');
   const [notes, setNotes] = useState(draft?.notes ?? '');
   const [languages, setLanguages] = useState<string[]>(draft?.languages ?? []);
@@ -82,11 +106,55 @@ export function LyricSubmitForm({ onSuccess }: { onSuccess?: () => void }) {
   );
   const fileInputRef = useRef<HTMLInputElement>(null);
 
-  // 选择文件后立即校验
+  // 已自动识别的语言（仅用于提示文案）；用户手动调整后清空
+  const [autoLangs, setAutoLangs] = useState<string[]>([]);
+  // 已自动添加的标签：和手输标签同在一个列表里，这里只记来源，便于换文件时替换
+  const [autoTags, setAutoTags] = useState<string[]>(() => draft?.autoTags ?? []);
+  const autoTagsRef = useRef<string[]>(autoTags);
+  // 用户手动选过语言：草稿里带非自动填充的语言时也视作手选
+  const langTouchedRef = useRef(
+    (draft?.languages?.length ?? 0) > 0
+      ? draft?.langAuto !== true
+      : (draft?.otherLangs?.length ?? 0) > 0
+  );
+  // 识别来源优先级：2=文件元数据声明，1=正文推断；不覆盖更高优先级的已有结果
+  const autoPriorityRef = useRef(0);
+  // 连选文件时的异步竞态保护
+  const loadSeqRef = useRef(0);
+
+  const applyAutoLanguages = useCallback((codes: readonly LangCode[], priority: number) => {
+    if (langTouchedRef.current || priority < autoPriorityRef.current) return;
+    const next = codes.filter((code) => code in LANG_LABELS);
+    if (next.length === 0) return;
+    autoPriorityRef.current = priority;
+    setLanguages(next);
+    // 自动识别给不出自定义语言名，「其他」的输入留空由用户补
+    setOtherLangs([]);
+    setOtherLangInput('');
+    setAutoLangs(next);
+  }, []);
+
+  // 应用自动标签：追加到标签列表并去重，手输标签原样保留
+  const applyAutoTags = useCallback((next: string[]) => {
+    autoTagsRef.current = next;
+    setAutoTags(next);
+    setTags((current) => [...current, ...next.filter((tag) => !current.includes(tag))]);
+  }, []);
+
+  // 选择文件后立即校验；seq 用于丢弃连选文件时旧文件的迟到结果
   const validateMutation = useMutation({
-    mutationFn: async (f: File) => api.validateTtml(await f.text()),
-    onSuccess: (result) => setValidation(result),
-    onError: (err) => setValidateError(err instanceof Error ? err.message : '校验请求失败'),
+    mutationFn: async (params: { content: string; seq: number }) => ({
+      seq: params.seq,
+      result: await api.validateTtml(params.content),
+    }),
+    onSuccess: ({ seq, result }) => {
+      if (seq !== loadSeqRef.current) return;
+      setValidation(result);
+    },
+    onError: (err, vars) => {
+      if (vars.seq !== loadSeqRef.current) return;
+      setValidateError(err instanceof Error ? err.message : '校验请求失败');
+    },
   });
   const validating = validateMutation.isPending;
 
@@ -165,6 +233,8 @@ export function LyricSubmitForm({ onSuccess }: { onSuccess?: () => void }) {
   const submitting = submitMutation.isPending;
 
   const reset = () => {
+    // 让在途的本地解析 / 校验结果作废
+    loadSeqRef.current++;
     setFile(null);
     setValidation(null);
     setValidateError('');
@@ -173,9 +243,14 @@ export function LyricSubmitForm({ onSuccess }: { onSuccess?: () => void }) {
     setLanguages([]);
     setOtherLangs([]);
     setOtherLangInput('');
+    setAutoLangs([]);
+    langTouchedRef.current = false;
+    autoPriorityRef.current = 0;
     unrearranged.reset();
     setTags([]);
     setTagInput('');
+    setAutoTags([]);
+    autoTagsRef.current = [];
     setShowTtml(false);
     setAgreed(false);
     setAudioFiles([]);
@@ -188,8 +263,8 @@ export function LyricSubmitForm({ onSuccess }: { onSuccess?: () => void }) {
   useEffect(() => {
     const empty = !notes && languages.length === 0 && otherLangs.length === 0 && tags.length === 0;
     if (empty) return;
-    setDraft({ notes, languages, otherLangs, tags });
-  }, [notes, languages, otherLangs, tags, setDraft, clearDraft]);
+    setDraft({ notes, languages, otherLangs, tags, langAuto: autoLangs.length > 0, autoTags });
+  }, [notes, languages, otherLangs, tags, autoLangs, autoTags, setDraft]);
 
   const addTag = () => {
     const t = tagInput.trim();
@@ -203,16 +278,56 @@ export function LyricSubmitForm({ onSuccess }: { onSuccess?: () => void }) {
     setTags(tags.filter((x) => x !== t));
   };
 
-  const handleFile = (f: File) => {
-    if (!f.name.toLowerCase().endsWith('.ttml')) {
-      setValidateError('请选择 .ttml 格式的文件');
+  // 读文件 → 后端校验 + 本地解析推断语言/标签（两路互不阻塞）
+  const loadFile = async (f: File) => {
+    const seq = ++loadSeqRef.current;
+    // 换文件后重新走一遍识别优先级（旧文件的元数据语言不再压制新文件）
+    autoPriorityRef.current = 0;
+    // 上一份文件的自动识别结果不保留，避免识别失败时留下别的歌的语言
+    if (!langTouchedRef.current) {
+      setLanguages([]);
+      setOtherLangs([]);
+      setAutoLangs([]);
+    }
+    // 上一份文件带来的自动标签先摘掉，避免换了歌还留着上一首的标签
+    const previousAutoTags = autoTagsRef.current;
+    if (previousAutoTags.length > 0) {
+      setTags((current) => current.filter((tag) => !previousAutoTags.includes(tag)));
+    }
+    autoTagsRef.current = [];
+    setAutoTags([]);
+    let text: string;
+    try {
+      text = await f.text();
+    } catch {
+      setValidateError('文件读取失败，请重新选择');
       return;
     }
+    if (seq !== loadSeqRef.current) return;
+    // 读完后一次性置态，避免文件卡片先出现、校验态后到的闪烁
     setFile(f);
     setValidation(null);
     setValidateError('');
     setSubmitMsg(null);
-    validateMutation.mutate(f);
+    validateMutation.mutate({ content: text, seq });
+
+    // 语言 / 标签识别复用编辑器同款 wasm 解析；解析失败就只跳过自动填充
+    const { parseTTML } = await import('@/lib/ttml-processor');
+    const parsed = await parseTTML(text);
+    if (seq !== loadSeqRef.current || !parsed.success) return;
+    applyAutoLanguages(
+      detectLanguages(parsed.data.lines).map((hit) => hit.code),
+      1
+    );
+    applyAutoTags(detectAutoTags({ metadata: parsed.data.metadata, lines: parsed.data.lines }));
+  };
+
+  const handleFile = (f: File) => {
+    if (!f.name.toLowerCase().endsWith('.ttml')) {
+      setValidateError('请选择 .ttml 格式的文件');
+      return;
+    }
+    void loadFile(f);
   };
 
   const onDrop = (e: React.DragEvent) => {
@@ -222,28 +337,24 @@ export function LyricSubmitForm({ onSuccess }: { onSuccess?: () => void }) {
     if (f) handleFile(f);
   };
 
-  // 语言选项：value 为后端枚举代码，label 为中文
-  const LANG_OPTIONS: { value: string; label: string }[] = [
-    { value: 'zh', label: '汉语' },
-    { value: 'en', label: '英语' },
-    { value: 'ja', label: '日语' },
-    { value: 'ko', label: '韩语' },
-    { value: 'others', label: '其他' },
-  ];
+  // 文件元数据里显式声明了语言时以它为准，优先级高于正文推断
   useEffect(() => {
-    if (!validation?.valid) return;
-    const raw = validation.metadata?.language?.trim();
+    const raw = validation?.metadata?.language?.trim();
     if (!raw) return;
-    const matched = LANG_MAP[raw] || LANG_MAP[raw.toLowerCase()];
-    // 只在用户还没手动选过时自动填，不覆盖已有勾选
-    if (matched) setLanguages((prev) => (prev.length > 0 ? prev : [matched]));
-  }, [validation]);
+    const matched = LANG_MAP[raw] ?? LANG_MAP[raw.toLowerCase()];
+    if (matched) applyAutoLanguages([matched], 2);
+  }, [validation, applyAutoLanguages]);
 
-  // 语言总上限与后端 model.MaxLanguages 保持一致
-  const MAX_LANGUAGES = 10;
   const langCount = languages.length + otherLangs.length;
 
+  // 用户一动语言就锁定为手选，不再被自动识别覆盖
+  const markLangManual = () => {
+    langTouchedRef.current = true;
+    setAutoLangs([]);
+  };
+
   const toggleLang = (v: string) => {
+    markLangManual();
     setLanguages((prev) => {
       if (prev.includes(v)) {
         // 「其他」取消勾选时连带清掉已输入的自定义语言
@@ -258,6 +369,7 @@ export function LyricSubmitForm({ onSuccess }: { onSuccess?: () => void }) {
   const addOtherLang = () => {
     const t = otherLangInput.trim();
     if (!t) return;
+    markLangManual();
     if (otherLangs.includes(t)) {
       setOtherLangInput('');
       return;
@@ -267,7 +379,10 @@ export function LyricSubmitForm({ onSuccess }: { onSuccess?: () => void }) {
     setOtherLangInput('');
   };
 
-  const removeOtherLang = (t: string) => setOtherLangs(otherLangs.filter((x) => x !== t));
+  const removeOtherLang = (t: string) => {
+    markLangManual();
+    setOtherLangs(otherLangs.filter((x) => x !== t));
+  };
 
   // 表单主体是否展开：校验模式等 valid；未重排模式等元数据解析返回（不论 valid）
   const doSubmit = (status: 'pending' | 'draft') => {
@@ -592,6 +707,17 @@ export function LyricSubmitForm({ onSuccess }: { onSuccess?: () => void }) {
               )}
             </div>
           )}
+
+          {/* 自动识别提示：用户一手动调整就消失 */}
+          {autoLangs.length > 0 && (
+            <p className="mt-2 flex items-start gap-1.5 text-xs text-ink-3">
+              <Sparkles className="mt-0.5 h-3.5 w-3.5 shrink-0 text-primary" />
+              <span>
+                已根据歌词内容自动选择：{autoLangs.map((code) => LANG_LABELS[code]).join('、')}
+                {autoLangs.includes('others') && '，请在「其他」中补充具体语言名'}
+              </span>
+            </p>
+          )}
         </motion.div>
       )}
 
@@ -628,23 +754,34 @@ export function LyricSubmitForm({ onSuccess }: { onSuccess?: () => void }) {
           />
           {tags.length > 0 && (
             <div className="mt-2 flex flex-wrap gap-2">
-              {tags.map((t) => (
-                <span
-                  key={t}
-                  className="inline-flex items-center gap-1 rounded-full bg-primary-soft px-3 py-1 text-xs text-primary"
-                >
-                  {t}
-                  <button
-                    type="button"
-                    onClick={() => removeTag(t)}
-                    className="text-primary/60 hover:text-primary"
+              {tags.map((t) => {
+                const auto = autoTags.includes(t);
+                return (
+                  <span
+                    key={t}
+                    title={auto ? '根据歌词文件自动识别，可删除' : undefined}
+                    className="inline-flex items-center gap-1 rounded-full bg-primary-soft px-3 py-1 text-xs text-primary"
                   >
-                    <X className="h-3 w-3" />
-                  </button>
-                </span>
-              ))}
+                    {auto && <Sparkles className="h-3 w-3" aria-hidden />}
+                    {t}
+                    <button
+                      type="button"
+                      onClick={() => removeTag(t)}
+                      className="text-primary/60 hover:text-primary"
+                    >
+                      <X className="h-3 w-3" />
+                    </button>
+                  </span>
+                );
+              })}
             </div>
           )}
+          {autoTags.length > 0 && (
+            <p className="mt-2 flex items-start gap-1.5 text-xs text-ink-3">
+              <Sparkles className="mt-0.5 h-3.5 w-3.5 shrink-0 text-primary" />
+              带星标的标签由文件元数据与歌词特性自动识别，可手动删除
+            </p>
+          )}
         </motion.div>
       )}
 
diff --git a/frontend/src/components/profile/ContributionWall.tsx b/frontend/src/components/profile/ContributionWall.tsx
index ec1d606..858a801 100644
--- a/frontend/src/components/profile/ContributionWall.tsx
+++ b/frontend/src/components/profile/ContributionWall.tsx
@@ -102,18 +102,28 @@ function formatDate(d: Date): string {
 const TODAY_KEY = formatDate(new Date());
 
 export interface ContributionWallProps {
-  /** 当前登录用户名（用于 queryKey 隔离不同账号的缓存） */
+  /** 目标用户名（同时用于 queryKey 隔离不同账号的缓存） */
   username: string;
+  /**
+   * me：本人视角，走 /users/me/activity（含审核行为）
+   * user：访客视角，走 /users/:name/activity（只统计已通过投稿）
+   */
+  scope?: 'me' | 'user';
 }
 
 /** 个人中心活动绿墙 */
-export function ContributionWall({ username }: ContributionWallProps) {
+export function ContributionWall({ username, scope = 'me' }: ContributionWallProps) {
   const thisYear = new Date().getFullYear();
   const [year, setYear] = useState(thisYear);
+  const isPublic = scope === 'user';
 
   const { data, isPending } = useQuery({
-    queryKey: [...queryKeys.userActivity(year), username],
-    queryFn: () => api.getUserActivity(year),
+    queryKey: isPublic
+      ? queryKeys.userActivityOf(username, year)
+      : [...queryKeys.userActivity(year), username],
+    queryFn: isPublic
+      ? () => api.getUserActivityOf(username, year)
+      : () => api.getUserActivity(year),
     staleTime: 60_000,
   });
 
diff --git a/frontend/src/components/profile/HomepageProfileSection.tsx b/frontend/src/components/profile/HomepageProfileSection.tsx
new file mode 100644
index 0000000..525991e
--- /dev/null
+++ b/frontend/src/components/profile/HomepageProfileSection.tsx
@@ -0,0 +1,312 @@
+import { useEffect, useRef, useState } from 'react';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { useAtom } from 'jotai';
+import { useForm } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { IdCard, Image as ImageIcon, Loader2, Save, Upload } from 'lucide-react';
+import { z } from 'zod';
+import { bannerMsgAtom, localProfileMsgAtom } from '@/atoms/profileForm';
+import { useAuth } from '@/hooks/useAuth';
+import { api } from '@/lib/api';
+import { queryKeys } from '@/lib/query';
+import { cn } from '@/lib/utils';
+import { compressBanner } from '@/lib/image';
+import { buttonTap } from '@/lib/motion';
+import { Button } from '@/components/ui/button';
+import { DatePicker } from '@/components/DatePicker';
+import { Textarea } from '@/components/ui/textarea';
+import { Skeleton } from '@/components/ui/Skeleton';
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form';
+import { SectionCard } from '@/components/profile/SectionCard';
+import type { Gender, PublicUserProfile } from '@/lib/types';
+
+const GENDER_OPTIONS: { value: Gender; label: string }[] = [
+  { value: 'unknown', label: '保密' },
+  { value: 'male', label: '男' },
+  { value: 'female', label: '女' },
+  { value: 'other', label: '其他' },
+];
+
+const BIO_MAX = 200;
+
+const localProfileSchema = z.object({
+  bio: z.string().trim().max(BIO_MAX, `签名最多 ${BIO_MAX} 字`),
+  birthday: z
+    .string()
+    .regex(/^\d{4}-\d{2}-\d{2}$/, '日期格式应为 YYYY-MM-DD')
+    .or(z.literal('')),
+  gender: z.enum(['male', 'female', 'other', 'unknown']),
+});
+type LocalProfileValues = z.infer<typeof localProfileSchema>;
+
+/**
+ * 个人中心「主页资料 + 主页背景图」两块。
+ *
+ * 资料存在本站的 user_profiles 表，读取复用公开主页的聚合接口。
+ */
+export function HomepageProfileSection() {
+  const { user } = useAuth();
+  const username = user?.name ?? '';
+
+  const profileQuery = useQuery({
+    queryKey: queryKeys.userProfile(username),
+    queryFn: () => api.getUserProfile(username),
+    enabled: username !== '',
+    staleTime: 60_000,
+  });
+
+  if (profileQuery.isPending) {
+    return (
+      <div className="space-y-6">
+        <SectionCard icon={<IdCard />} title="主页资料">
+          <Skeleton className="h-44 w-full" />
+        </SectionCard>
+        <SectionCard icon={<ImageIcon />} title="主页背景图">
+          <Skeleton className="h-28 w-full" />
+        </SectionCard>
+      </div>
+    );
+  }
+
+  if (profileQuery.error || !profileQuery.data) {
+    return (
+      <SectionCard icon={<IdCard />} title="主页资料" description="这些字段展示在 /user/你的用户名">
+        <p className="text-sm text-error">
+          {profileQuery.error instanceof Error
+            ? profileQuery.error.message
+            : '加载失败，请稍后重试'}
+        </p>
+      </SectionCard>
+    );
+  }
+
+  // 数据就绪后才挂载表单，避免 useForm 的 defaultValues 拿到空值
+  return (
+    <div className="space-y-6">
+      <LocalProfileForm username={username} profile={profileQuery.data} />
+      <BannerSection username={username} profile={profileQuery.data} />
+    </div>
+  );
+}
+
+function LocalProfileForm({ username, profile }: { username: string; profile: PublicUserProfile }) {
+  const queryClient = useQueryClient();
+  const [msg, setMsg] = useAtom(localProfileMsgAtom);
+
+  const form = useForm<LocalProfileValues>({
+    resolver: zodResolver(localProfileSchema),
+    defaultValues: {
+      bio: profile.bio,
+      birthday: profile.birthday ?? '',
+      gender: profile.gender,
+    },
+  });
+
+  const mutation = useMutation({
+    mutationFn: (v: LocalProfileValues) =>
+      api.updateMyProfile({
+        bio: v.bio,
+        birthday: v.birthday === '' ? null : v.birthday,
+        gender: v.gender,
+      }),
+    onMutate: () => setMsg(null),
+    onSuccess: (fields) => {
+      queryClient.setQueryData<PublicUserProfile>(queryKeys.userProfile(username), (prev) =>
+        prev ? { ...prev, ...fields } : prev
+      );
+      setMsg({ ok: true, text: '主页资料已保存' });
+    },
+    onError: (err: Error) => setMsg({ ok: false, text: err.message || '保存失败' }),
+  });
+
+  // 用本地时区拼日期：toISOString 是 UTC，东八区早上 8 点前会算成昨天
+  const now = new Date();
+  const today = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}-${String(now.getDate()).padStart(2, '0')}`;
+
+  return (
+    <SectionCard icon={<IdCard />} title="主页资料" description="展示在个人主页 ">
+      <Form {...form}>
+        <form onSubmit={form.handleSubmit((v) => mutation.mutate(v))} className="space-y-4">
+          <FormField
+            control={form.control}
+            name="bio"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel className="text-sm font-medium text-ink-2">个性签名</FormLabel>
+                <FormControl>
+                  <Textarea
+                    rows={3}
+                    placeholder="一句话介绍自己"
+                    className="resize-none"
+                    maxLength={BIO_MAX}
+                    {...field}
+                  />
+                </FormControl>
+                <div className="flex items-center justify-between">
+                  <FormMessage />
+                  <span className="text-xs text-ink-3">
+                    {field.value.length}/{BIO_MAX}
+                  </span>
+                </div>
+              </FormItem>
+            )}
+          />
+
+          <div className="grid gap-4 sm:grid-cols-2">
+            <FormField
+              control={form.control}
+              name="birthday"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel className="text-sm font-medium text-ink-2">生日</FormLabel>
+                  <FormControl>
+                    <DatePicker value={field.value} onChange={field.onChange} max={today} />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name="gender"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel className="text-sm font-medium text-ink-2">性别</FormLabel>
+                  <div role="radiogroup" aria-label="性别" className="flex h-11 items-center gap-2">
+                    {GENDER_OPTIONS.map((o) => (
+                      <button
+                        key={o.value}
+                        type="button"
+                        role="radio"
+                        aria-checked={field.value === o.value}
+                        onClick={() => field.onChange(o.value)}
+                        className={cn(
+                          'h-9 rounded-md border px-3 text-sm transition-colors',
+                          field.value === o.value
+                            ? 'border-primary bg-primary-soft font-medium text-primary'
+                            : 'border-input bg-card text-ink-2 hover:border-primary/50 hover:text-foreground'
+                        )}
+                      >
+                        {o.label}
+                      </button>
+                    ))}
+                  </div>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          </div>
+
+          <div className="flex items-center gap-3 pt-1">
+            <Button type="submit" disabled={mutation.isPending} {...buttonTap}>
+              {mutation.isPending ? (
+                <Loader2 className="h-4 w-4 animate-spin" />
+              ) : (
+                <Save className="h-4 w-4" />
+              )}
+              {mutation.isPending ? '保存中…' : '保存'}
+            </Button>
+            {msg && (
+              <p className={`text-sm ${msg.ok ? 'text-success' : 'text-error'}`}>{msg.text}</p>
+            )}
+          </div>
+        </form>
+      </Form>
+    </SectionCard>
+  );
+}
+
+function BannerSection({ username, profile }: { username: string; profile: PublicUserProfile }) {
+  const queryClient = useQueryClient();
+  const [msg, setMsg] = useAtom(bannerMsgAtom);
+  const inputRef = useRef<HTMLInputElement | null>(null);
+  const [preview, setPreview] = useState<string | null>(null);
+
+  const mutation = useMutation({
+    mutationFn: async (file: File) => {
+      const compressed = await compressBanner(file);
+      return api.uploadBanner(compressed);
+    },
+    onMutate: () => setMsg(null),
+    onSuccess: (bannerKey) => {
+      queryClient.setQueryData<PublicUserProfile>(queryKeys.userProfile(username), (prev) =>
+        prev ? { ...prev, bannerKey } : prev
+      );
+      setMsg({ ok: true, text: '背景图已更新' });
+    },
+    onError: (err: Error) => setMsg({ ok: false, text: err.message || '上传失败' }),
+    onSettled: () => {
+      setPreview(null);
+      if (inputRef.current) inputRef.current.value = '';
+    },
+  });
+
+  // 本地预览的 objectURL 用完即回收
+  useEffect(() => {
+    if (!preview) return;
+    return () => URL.revokeObjectURL(preview);
+  }, [preview]);
+
+  const bannerUrl = preview ?? (profile.bannerKey ? api.uploadFileUrl(profile.bannerKey) : '');
+
+  return (
+    <SectionCard
+      icon={<ImageIcon />}
+      title="主页背景图"
+      description="建议横图（3:1），上传后自动居中裁切并压缩为 WebP"
+    >
+      <div className="relative aspect-[3/1] w-full overflow-hidden rounded-md border border-line bg-surface-2">
+        {bannerUrl ? (
+          <img src={bannerUrl} alt="" decoding="async" className="h-full w-full object-cover" />
+        ) : (
+          <div className="flex h-full w-full items-center justify-center text-xs text-ink-3">
+            还没有设置背景图
+          </div>
+        )}
+        {mutation.isPending && (
+          <div className="absolute inset-0 flex items-center justify-center bg-background/60">
+            <Loader2 className="h-5 w-5 animate-spin text-primary" />
+          </div>
+        )}
+      </div>
+
+      <div className="mt-3 flex flex-wrap items-center gap-3">
+        <input
+          ref={inputRef}
+          type="file"
+          accept="image/jpeg,image/png,image/webp"
+          className="hidden"
+          onChange={(e) => {
+            const file = e.target.files?.[0];
+            if (!file) return;
+            setPreview(URL.createObjectURL(file));
+            mutation.mutate(file);
+          }}
+        />
+        <Button
+          type="button"
+          variant="secondary"
+          {...buttonTap}
+          disabled={mutation.isPending}
+          onClick={() => inputRef.current?.click()}
+        >
+          {mutation.isPending ? (
+            <Loader2 className="h-4 w-4 animate-spin" />
+          ) : (
+            <Upload className="h-4 w-4" />
+          )}
+          {mutation.isPending ? '上传中…' : profile.bannerKey ? '更换背景图' : '上传背景图'}
+        </Button>
+        {msg && <p className={`text-sm ${msg.ok ? 'text-success' : 'text-error'}`}>{msg.text}</p>}
+      </div>
+    </SectionCard>
+  );
+}
diff --git a/frontend/src/components/search/SearchTabs.tsx b/frontend/src/components/search/SearchTabs.tsx
new file mode 100644
index 0000000..ae82109
--- /dev/null
+++ b/frontend/src/components/search/SearchTabs.tsx
@@ -0,0 +1,73 @@
+import { cn } from '@/lib/utils';
+import type { SearchTab } from '@/lib/types';
+
+const TABS: { value: SearchTab; label: string }[] = [
+  { value: 'all', label: '综合' },
+  { value: 'song', label: '歌曲' },
+  { value: 'artist', label: '歌手' },
+  { value: 'album', label: '专辑' },
+  { value: 'lyric', label: '歌词' },
+  { value: 'id', label: '音乐ID' },
+  { value: 'author', label: '歌词作者' },
+  { value: 'user', label: '用户' },
+];
+
+/** 命中数展示：超过 99 折叠成 99+，用户侧达到统计上限时补 + */
+function badgeText(count: number, more: boolean): string {
+  if (more) return `${count}+`;
+  if (count > 99) return '99+';
+  return String(count);
+}
+
+export interface SearchTabsProps {
+  value: SearchTab;
+  onChange: (tab: SearchTab) => void;
+  /** 各 Tab 的命中数；未加载完时不显示徽章 */
+  counts?: Partial<Record<SearchTab, number>>;
+  /** 用户匹配数是否已达统计上限 */
+  userMore?: boolean;
+}
+
+/** 搜索结果页顶部的 Tab 行（下划线激活态 + 命中数徽章） */
+export function SearchTabs({ value, onChange, counts, userMore = false }: SearchTabsProps) {
+  return (
+    <div
+      role="tablist"
+      aria-label="搜索范围"
+      className="flex items-center gap-6 overflow-x-auto border-b border-line [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"
+    >
+      {TABS.map((t) => {
+        const active = t.value === value;
+        const count = counts?.[t.value];
+        return (
+          <button
+            key={t.value}
+            type="button"
+            role="tab"
+            aria-selected={active}
+            onClick={() => onChange(t.value)}
+            className={cn(
+              'relative shrink-0 whitespace-nowrap pb-3 pt-1 text-sm font-medium transition-colors',
+              active ? 'text-primary' : 'text-ink-2 hover:text-foreground'
+            )}
+          >
+            {t.label}
+            {typeof count === 'number' && (
+              <span
+                className={cn(
+                  'ml-1.5 inline-flex min-w-[18px] items-center justify-center rounded-full px-1.5 py-0.5 text-[11px] font-normal leading-none',
+                  active ? 'bg-primary-tint text-primary' : 'bg-surface-2 text-ink-3'
+                )}
+              >
+                {badgeText(count, t.value === 'user' && userMore)}
+              </span>
+            )}
+            {active && (
+              <span className="absolute inset-x-0 bottom-0 h-0.5 rounded-full bg-primary" />
+            )}
+          </button>
+        );
+      })}
+    </div>
+  );
+}
diff --git a/frontend/src/components/search/UserSearchList.tsx b/frontend/src/components/search/UserSearchList.tsx
new file mode 100644
index 0000000..c0fca22
--- /dev/null
+++ b/frontend/src/components/search/UserSearchList.tsx
@@ -0,0 +1,126 @@
+import { Link } from 'react-router-dom';
+import { useQuery } from '@tanstack/react-query';
+import { UserX, Users } from 'lucide-react';
+import { api } from '@/lib/api';
+import { queryKeys } from '@/lib/query';
+import { cn } from '@/lib/utils';
+import { UserAvatar } from '@/components/submission/UserAvatar';
+import { EmptyState } from '@/components/ui/EmptyState';
+import { ListSkeleton } from '@/components/ui/Skeleton';
+import type { UserSearchItem } from '@/lib/types';
+
+// 用户搜索一次返回条数
+const USER_PAGE_SIZE = 20;
+const RELATED_LIMIT = 4;
+
+/** 单个用户结果 */
+function UserResultCard({ item, compact = false }: { item: UserSearchItem; compact?: boolean }) {
+  return (
+    <Link
+      to={`/user/${encodeURIComponent(item.name)}`}
+      className={cn(
+        'flex items-start gap-3 rounded-lg border border-line bg-card transition-colors hover:border-primary/40 hover:bg-surface-2',
+        compact ? 'p-3' : 'p-4'
+      )}
+    >
+      <UserAvatar
+        avatar={item.avatar}
+        name={item.displayName || item.name}
+        size={compact ? 36 : 44}
+      />
+      <div className="min-w-0 flex-1">
+        <div className="flex flex-wrap items-baseline gap-x-2 gap-y-0.5">
+          <span className="truncate font-semibold text-foreground">
+            {item.displayName || item.name}
+          </span>
+          <span className="truncate text-xs text-ink-3">@{item.name}</span>
+        </div>
+        {item.bio && (
+          <p className={cn('mt-1 text-sm text-ink-2', compact ? 'line-clamp-1' : 'line-clamp-2')}>
+            {item.bio}
+          </p>
+        )}
+        <p className="mt-1 text-xs text-ink-3">
+          已通过 <span className="font-medium text-ink-2">{item.approvedCount}</span> 篇歌词投稿
+        </p>
+      </div>
+    </Link>
+  );
+}
+
+/** 「用户」Tab 的结果列表 */
+export function UserSearchList({ q }: { q: string }) {
+  const { data, isPending, error } = useQuery({
+    queryKey: queryKeys.searchUsers(q, USER_PAGE_SIZE),
+    queryFn: () => api.searchUsers(q, { limit: USER_PAGE_SIZE }),
+    enabled: q !== '',
+    staleTime: 60_000,
+  });
+
+  if (isPending) return <ListSkeleton rows={5} />;
+
+  if (error) {
+    return (
+      <p className="py-12 text-center text-sm text-error">
+        {error instanceof Error ? error.message : '搜索用户失败'}
+      </p>
+    );
+  }
+
+  const items = data?.items ?? [];
+  if (items.length === 0) {
+    return (
+      <EmptyState
+        icon={UserX}
+        title="未找到匹配的用户"
+        description="换个用户名或昵称的片段再试试"
+      />
+    );
+  }
+
+  return (
+    <div className="space-y-3">
+      <ul className="grid gap-2 sm:grid-cols-2">
+        {items.map((item) => (
+          <li key={item.name}>
+            <UserResultCard item={item} />
+          </li>
+        ))}
+      </ul>
+      {data?.hasMore && (
+        <p className="text-center text-xs text-ink-3">
+          仅显示前 {USER_PAGE_SIZE} 位匹配用户，输入更精确的关键词可以缩小范围
+        </p>
+      )}
+    </div>
+  );
+}
+
+/** 「综合」Tab 底部的相关用户精选 */
+export function RelatedUsers({ q }: { q: string }) {
+  const { data } = useQuery({
+    queryKey: queryKeys.searchUsers(q, RELATED_LIMIT),
+    queryFn: () => api.searchUsers(q, { limit: RELATED_LIMIT }),
+    enabled: q !== '',
+    staleTime: 60_000,
+  });
+
+  const items = data?.items ?? [];
+  if (items.length === 0) return null;
+
+  return (
+    <section className="mt-10">
+      <h3 className="mb-3 flex items-center gap-2 text-base font-semibold text-foreground">
+        <Users className="h-4 w-4 text-ink-3" />
+        相关用户
+      </h3>
+      <ul className="grid gap-2 sm:grid-cols-2">
+        {items.map((item) => (
+          <li key={item.name}>
+            <UserResultCard item={item} compact />
+          </li>
+        ))}
+      </ul>
+    </section>
+  );
+}
diff --git a/frontend/src/components/submission/SubmissionRow.tsx b/frontend/src/components/submission/SubmissionRow.tsx
new file mode 100644
index 0000000..b8c1d2c
--- /dev/null
+++ b/frontend/src/components/submission/SubmissionRow.tsx
@@ -0,0 +1,77 @@
+import { Link } from 'react-router-dom';
+import { Badge } from '@/components/ui/badge';
+import { formatDateTime } from '@/lib/format';
+import { cn } from '@/lib/utils';
+import type { SubmissionStatus } from '@/lib/types';
+import { langListText, statusMeta } from './status';
+
+/** 列表行只需要这几个字段，够 SubmissionListItem / PublicSubmissionItem 共用 */
+export interface SubmissionRowItem {
+  id: number;
+  title: string;
+  language?: string;
+  languages?: string[];
+  status: SubmissionStatus | string;
+  createdAt: string;
+}
+
+export interface SubmissionRowProps {
+  item: SubmissionRowItem;
+  /** 传了才可点；公开主页的访客视角没有公开详情页，不要传 */
+  href?: string;
+  /** 是否显示状态徽章（访客视角全是 approved，可以关掉） */
+  showStatus?: boolean;
+  className?: string;
+}
+
+const rowClass =
+  'flex w-full items-center justify-between gap-3 rounded-md border border-line bg-background px-4 py-3 text-left transition-colors';
+const interactiveClass = 'hover:bg-surface-2';
+
+/** 投稿列表行 */
+export function SubmissionRow({ item, href, showStatus = true, className }: SubmissionRowProps) {
+  const meta = statusMeta[item.status] ?? {
+    label: item.status,
+    className: 'bg-surface-2 text-ink-2',
+  };
+
+  const content = (
+    <div className="min-w-0 flex-1">
+      <div className="flex items-center gap-2">
+        <span className="truncate font-medium text-foreground">{item.title || '未命名'}</span>
+        <span className="shrink-0 text-xs text-ink-3">#{item.id}</span>
+      </div>
+      <div className="mt-1 flex flex-wrap items-center gap-2 text-xs text-ink-3">
+        <span>{formatDateTime(item.createdAt)}</span>
+        {showStatus && (
+          <>
+            <span className="text-line">|</span>
+            <Badge
+              variant="outline"
+              className={cn(
+                'inline-flex shrink-0 items-center rounded-full border-transparent px-2 py-0.5 text-xs font-medium',
+                meta.className
+              )}
+            >
+              {meta.label}
+            </Badge>
+          </>
+        )}
+        <span className="text-line">|</span>
+        <span>语言：{langListText(item.languages, item.language)}</span>
+      </div>
+    </div>
+  );
+
+  return (
+    <li className={className}>
+      {href ? (
+        <Link to={href} target="_blank" rel="noreferrer" className={cn(rowClass, interactiveClass)}>
+          {content}
+        </Link>
+      ) : (
+        <div className={rowClass}>{content}</div>
+      )}
+    </li>
+  );
+}
diff --git a/frontend/src/components/submission/shared.ts b/frontend/src/components/submission/shared.ts
index 6a567b6..68fe87c 100644
--- a/frontend/src/components/submission/shared.ts
+++ b/frontend/src/components/submission/shared.ts
@@ -3,43 +3,11 @@ import DOMPurify from 'dompurify';
 import { Check, Eye, FileCheck, FileText, Music, Pencil, Upload, X } from 'lucide-react';
 import { escapeHtml } from '@/lib/markup';
 import type { SubmissionDetail } from '@/lib/types';
+import { statusMeta } from './status';
 
-// 状态
-export const statusMeta: Record<string, { label: string; className: string }> = {
-  draft: { label: '草稿', className: 'bg-surface-2 text-ink-2' },
-  pending: { label: '待审核', className: 'bg-amber-100 text-amber-700' },
-  reviewing: { label: '审核中', className: 'bg-blue-100 text-blue-700' },
-  need_revision: { label: '需修改', className: 'bg-orange-100 text-orange-700' },
-  missing_audio: { label: '缺音频', className: 'bg-orange-100 text-orange-700' },
-  revised: { label: '待投稿者确认', className: 'bg-purple-100 text-purple-700' },
-  approved: { label: '已通过', className: 'bg-green-100 text-green-700' },
-  rejected: { label: '未通过', className: 'bg-red-100 text-red-700' },
-  closed: { label: '已关闭', className: 'bg-surface-2 text-ink-3' },
-};
-
-// 语言代码
-const langLabel: Record<string, string> = {
-  zh: '汉语',
-  en: '英语',
-  ja: '日语',
-  ko: '韩语',
-  others: '其他',
-};
-
-export function langText(code?: string): string {
-  if (!code) return '—';
-  return langLabel[code] ?? code;
-}
-
-/**
- * 多选语言展示：优先用 languages 数组，老数据回落到单值 language。
- * 数组为空时同样回落，保证历史投稿显示不变。
- */
-export function langListText(languages?: string[], language?: string): string {
-  const list = languages?.filter(Boolean) ?? [];
-  if (list.length === 0) return langText(language);
-  return list.map((l) => langLabel[l] ?? l).join('、');
-}
+// 状态与语言的展示元数据在纯模块 status.ts 里（不带 marked/dompurify 依赖），
+// 这里 re-export 保持详情页等既有 import 不变。
+export { statusMeta, langText, langListText } from './status';
 
 /** 从投稿 metadata.platform_ids 提取各平台的全部 ID */
 export function extractPlatformIds(metadata?: Record<string, unknown>): {
diff --git a/frontend/src/components/submission/status.ts b/frontend/src/components/submission/status.ts
new file mode 100644
index 0000000..92fb6e1
--- /dev/null
+++ b/frontend/src/components/submission/status.ts
@@ -0,0 +1,36 @@
+/** 投稿状态的展示元数据 */
+export const statusMeta: Record<string, { label: string; className: string }> = {
+  draft: { label: '草稿', className: 'bg-surface-2 text-ink-2' },
+  pending: { label: '待审核', className: 'bg-amber-100 text-amber-700' },
+  reviewing: { label: '审核中', className: 'bg-blue-100 text-blue-700' },
+  need_revision: { label: '需修改', className: 'bg-orange-100 text-orange-700' },
+  missing_audio: { label: '缺音频', className: 'bg-orange-100 text-orange-700' },
+  revised: { label: '待投稿者确认', className: 'bg-purple-100 text-purple-700' },
+  approved: { label: '已通过', className: 'bg-green-100 text-green-700' },
+  rejected: { label: '未通过', className: 'bg-red-100 text-red-700' },
+  closed: { label: '已关闭', className: 'bg-surface-2 text-ink-3' },
+};
+
+/** 语言代码 → 中文名 */
+const langLabel: Record<string, string> = {
+  zh: '汉语',
+  en: '英语',
+  ja: '日语',
+  ko: '韩语',
+  others: '其他',
+};
+
+export function langText(code?: string): string {
+  if (!code) return '—';
+  return langLabel[code] ?? code;
+}
+
+/**
+ * 多选语言展示：优先用 languages 数组，老数据回落到单值 language。
+ * 数组为空时同样回落，保证历史投稿显示不变。
+ */
+export function langListText(languages?: string[], language?: string): string {
+  const list = languages?.filter(Boolean) ?? [];
+  if (list.length === 0) return langText(language);
+  return list.map((l) => langLabel[l] ?? l).join('、');
+}
diff --git a/frontend/src/components/user/ProfileInfoCard.tsx b/frontend/src/components/user/ProfileInfoCard.tsx
new file mode 100644
index 0000000..e6c77a5
--- /dev/null
+++ b/frontend/src/components/user/ProfileInfoCard.tsx
@@ -0,0 +1,89 @@
+import { Cake, CalendarDays, ShieldQuestion, UserRound } from 'lucide-react';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { formatDate } from '@/lib/format';
+import type { Gender, PublicUserProfile } from '@/lib/types';
+import { cn } from '@/lib/utils';
+
+const GENDER_LABEL: Record<Gender, string> = {
+  male: '男',
+  female: '女',
+  other: '其他',
+  unknown: '保密',
+};
+
+interface RowDef {
+  key: string;
+  icon: typeof UserRound;
+  label: string;
+  value: string;
+  /** 空值时对本人也隐藏（用户无法自行补全的字段，如加入时间） */
+  hideWhenEmpty?: boolean;
+}
+
+/** 右栏「个人资料」卡：公开字段 + 加入时间 */
+export function ProfileInfoCard({
+  profile,
+  className,
+}: {
+  profile: PublicUserProfile;
+  className?: string;
+}) {
+  const rows: RowDef[] = [
+    { key: 'name', icon: UserRound, label: '用户名', value: profile.name },
+    {
+      key: 'birthday',
+      icon: Cake,
+      label: '生日',
+      value: profile.birthday ? formatDate(profile.birthday) : '',
+    },
+    {
+      key: 'gender',
+      icon: ShieldQuestion,
+      label: '性别',
+      // 「保密」等于没填，按空值处理
+      value: profile.gender === 'unknown' ? '' : GENDER_LABEL[profile.gender],
+    },
+    {
+      key: 'joined',
+      icon: CalendarDays,
+      label: '加入时间',
+      value: profile.createdTime ? formatDate(profile.createdTime) : '',
+      hideWhenEmpty: true,
+    },
+  ];
+
+  return (
+    <Card className={cn('gap-0 p-5', className)}>
+      <CardHeader className="px-0">
+        <CardTitle className="text-base">个人资料</CardTitle>
+      </CardHeader>
+      <CardContent className="px-0 pt-3">
+        <dl className="divide-y divide-line">
+          {rows.map((row) => {
+            const empty = !row.value;
+            // 访客视角省略空字段；本人视角显示「未填写」提示去补
+            // （加入时间这类用户改不了的字段，本人视角也直接隐藏）
+            if (empty && (!profile.isSelf || row.hideWhenEmpty)) return null;
+            const Icon = row.icon;
+            return (
+              <div key={row.key} className="flex items-center justify-between gap-4 py-2.5">
+                <dt className="flex shrink-0 items-center gap-1.5 text-sm text-ink-3">
+                  <Icon className="h-3.5 w-3.5" />
+                  {row.label}
+                </dt>
+                <dd
+                  className={cn(
+                    'min-w-0 truncate text-sm',
+                    empty ? 'text-ink-3' : 'font-medium text-foreground'
+                  )}
+                >
+                  {empty ? '未填写' : row.value}
+                </dd>
+              </div>
+            );
+          })}
+        </dl>
+      </CardContent>
+    </Card>
+  );
+}
diff --git a/frontend/src/components/user/SubmissionDistributionCard.tsx b/frontend/src/components/user/SubmissionDistributionCard.tsx
new file mode 100644
index 0000000..e82baf8
--- /dev/null
+++ b/frontend/src/components/user/SubmissionDistributionCard.tsx
@@ -0,0 +1,90 @@
+import { BarChart3 } from 'lucide-react';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { statusMeta } from '@/components/submission/status';
+import { cn } from '@/lib/utils';
+import type { PublicUserProfile, SubmissionStatus } from '@/lib/types';
+
+/** 展示顺序 + 配色（颜色走 token，暗色主题自动适配） */
+const ORDER: { key: SubmissionStatus; bar: string }[] = [
+  { key: 'approved', bar: 'bg-success' },
+  { key: 'pending', bar: 'bg-warning' },
+  { key: 'reviewing', bar: 'bg-info' },
+  { key: 'revised', bar: 'bg-purple-500' },
+  { key: 'need_revision', bar: 'bg-orange-500' },
+  { key: 'missing_audio', bar: 'bg-orange-500' },
+  { key: 'rejected', bar: 'bg-error' },
+  { key: 'draft', bar: 'bg-ink-3/40' },
+  { key: 'closed', bar: 'bg-ink-3/40' },
+];
+
+/** 右栏「投稿分布」卡：本人看完整分布，访客只看已通过数 */
+export function SubmissionDistributionCard({
+  profile,
+  className,
+}: {
+  profile: PublicUserProfile;
+  className?: string;
+}) {
+  const stats = profile.stats ?? {};
+  const approved = stats.approved ?? 0;
+
+  if (!profile.isSelf) {
+    return (
+      <Card className={cn('gap-0 p-5', className)}>
+        <CardHeader className="px-0">
+          <CardTitle className="flex items-center gap-2 text-base">
+            <BarChart3 className="h-4 w-4 text-ink-3" />
+            投稿
+          </CardTitle>
+        </CardHeader>
+        <CardContent className="px-0 pt-3">
+          <p className="text-sm text-ink-2">
+            已通过 <span className="text-lg font-bold text-foreground">{approved}</span> 篇
+          </p>
+          {approved === 0 && <p className="mt-1 text-xs text-ink-3">该用户还没有通过审核的投稿</p>}
+        </CardContent>
+      </Card>
+    );
+  }
+
+  const rows = ORDER.map((o) => ({
+    ...o,
+    count: stats[o.key] ?? 0,
+    label: statusMeta[o.key]?.label ?? o.key,
+  })).filter((r) => r.count > 0);
+  const total = rows.reduce((n, r) => n + r.count, 0);
+
+  return (
+    <Card className={cn('gap-0 p-5', className)}>
+      <CardHeader className="px-0">
+        <CardTitle className="flex items-center gap-2 text-base">
+          <BarChart3 className="h-4 w-4 text-ink-3" />
+          投稿分布
+        </CardTitle>
+      </CardHeader>
+      <CardContent className="px-0 pt-3">
+        {rows.length === 0 ? (
+          <p className="text-sm text-ink-3">还没有投稿</p>
+        ) : (
+          <div className="space-y-2.5">
+            {rows.map((r) => (
+              <div key={r.key}>
+                <div className="flex items-center justify-between text-xs">
+                  <span className="text-ink-2">{r.label}</span>
+                  <span className="font-medium text-foreground">{r.count}</span>
+                </div>
+                <div className="mt-1 h-1.5 w-full overflow-hidden rounded-full bg-surface-2">
+                  <div
+                    className={cn('h-full rounded-full', r.bar)}
+                    style={{ width: `${total > 0 ? (r.count / total) * 100 : 0}%` }}
+                  />
+                </div>
+              </div>
+            ))}
+            <p className="pt-1 text-xs text-ink-3">共 {total} 篇</p>
+          </div>
+        )}
+      </CardContent>
+    </Card>
+  );
+}
diff --git a/frontend/src/hooks/useSearchContext.ts b/frontend/src/hooks/useSearchContext.ts
index eb6232b..b15b8b4 100644
--- a/frontend/src/hooks/useSearchContext.ts
+++ b/frontend/src/hooks/useSearchContext.ts
@@ -4,10 +4,10 @@ import { keepPreviousData, useQuery } from '@tanstack/react-query';
 import { useLocation, useNavigate } from 'react-router-dom';
 import { api } from '@/lib/api';
 import { queryKeys } from '@/lib/query';
-import type { SearchField, SearchHit } from '@/lib/types';
+import type { SearchHit, SearchTab } from '@/lib/types';
 import {
   searchQueryAtom,
-  searchFieldAtom,
+  searchTabAtom,
   searchHasQueryAtom,
   searchPageAtom,
   searchCommittedAtom,
@@ -20,8 +20,10 @@ const PAGE_SIZE = 20;
 export interface SearchContextValue {
   query: string;
   setQuery: (q: string) => void;
-  field: SearchField;
-  setField: (f: SearchField) => void;
+  /** 当前 Tab（歌曲各字段 + 用户） */
+  tab: SearchTab;
+  /** 切换 Tab：立即按当前关键词重新搜索并回到第 1 页 */
+  setTab: (t: SearchTab) => void;
   /** 立即触发搜索（按钮/回车用，跳过 debounce） */
   submit: () => void;
   hits: SearchHit[];
@@ -37,6 +39,10 @@ export interface SearchContextValue {
   pageSize: number;
   /** 命中总数（来自后端 totalHits） */
   totalHits: number;
+  /** 各 Tab 的命中数（用于 Tab 徽章） */
+  counts: Partial<Record<SearchTab, number>> | undefined;
+  /** 用户匹配数是否已达统计上限（渲染 N+） */
+  userMore: boolean;
   /** 共享 input ref — SearchBar 注册 input 元素，boot 在搜索退出后恢复焦点 */
   inputRef: { current: HTMLInputElement | null };
   /** 注册/注销 input 元素 */
@@ -46,12 +52,12 @@ export interface SearchContextValue {
 /**
  * 搜索状态（jotai atoms，全局可用，无需 Provider）。
  * debounce/导航/焦点恢复等全局副作用在 boot/SearchBoot（Layout 挂一次）。
- * 请求层由 TanStack Query 接管：按 {q, field, page} 缓存去重（多消费方共享
+ * 请求层由 TanStack Query 接管：按 {q, tab, page} 缓存去重（多消费方共享
  * 同一 queryKey 的查询状态），翻页期间保留上一页数据，竞态由 queryKey 隔离。
  */
 export function useSearchContext(): SearchContextValue {
   const [query, setQuery] = useAtom(searchQueryAtom);
-  const [field, setField] = useAtom(searchFieldAtom);
+  const [tab, setTabState] = useAtom(searchTabAtom);
   const hasQuery = useAtomValue(searchHasQueryAtom);
   const [page, setPageState] = useAtom(searchPageAtom);
   const committed = useAtomValue(searchCommittedAtom);
@@ -60,21 +66,32 @@ export function useSearchContext(): SearchContextValue {
   const navigate = useNavigate();
   const location = useLocation();
 
+  // 用户 Tab 走 Casdoor 用户搜索，不请求歌词索引
+  const isUserTab = committed?.tab === 'user';
+
   const searchQuery = useQuery({
-    queryKey: queryKeys.search(committed?.q ?? '', committed?.field ?? 'all', committed?.page ?? 1),
+    queryKey: queryKeys.search(committed?.q ?? '', committed?.tab ?? 'all', committed?.page ?? 1),
     queryFn: () => {
       const c = committed!;
       return api.search({
         q: c.q,
-        field: c.field,
+        field: c.tab === 'user' ? 'all' : c.tab,
         limit: PAGE_SIZE,
         offset: (c.page - 1) * PAGE_SIZE,
       });
     },
-    enabled: !!committed?.q,
+    enabled: !!committed?.q && !isUserTab,
     placeholderData: keepPreviousData,
   });
 
+  // Tab 徽章：按关键词缓存，切换 Tab 不重新请求
+  const countsQuery = useQuery({
+    queryKey: queryKeys.searchCounts(committed?.q ?? ''),
+    queryFn: () => api.searchCounts(committed!.q),
+    enabled: !!committed?.q,
+    staleTime: 60_000,
+  });
+
   // 立即触发（按钮/回车用）：跳过 debounce，回到第 1 页。
   // 滚动用瞬时模式，避免与 layoutId morph 动画竞争（见 SearchBoot 注释）
   const submit = useCallback(() => {
@@ -89,8 +106,19 @@ export function useSearchContext(): SearchContextValue {
       return;
     }
     setHasQuery(true);
-    setCommitted({ q: trimmed, field, page: 1 });
-  }, [query, field, location.pathname, navigate, setPageState, setHasQuery, setCommitted]);
+    setCommitted({ q: trimmed, tab, page: 1 });
+  }, [query, tab, location.pathname, navigate, setPageState, setHasQuery, setCommitted]);
+
+  // 切换 Tab：立即按新字段重查（不等 debounce），回到第 1 页
+  const setTab = useCallback(
+    (t: SearchTab) => {
+      setTabState(t);
+      if (!committed) return;
+      setPageState(1);
+      setCommitted({ ...committed, tab: t, page: 1 });
+    },
+    [committed, setTabState, setPageState, setCommitted]
+  );
 
   // 切换页码：请求目标页数据
   const setPage = useCallback(
@@ -105,8 +133,8 @@ export function useSearchContext(): SearchContextValue {
   return {
     query,
     setQuery,
-    field,
-    setField,
+    tab,
+    setTab,
     submit,
     hasQuery,
     page,
@@ -115,6 +143,8 @@ export function useSearchContext(): SearchContextValue {
     hits: searchQuery.data?.hits ?? [],
     totalHits: searchQuery.data?.totalHits ?? 0,
     loading: searchQuery.isFetching,
+    counts: countsQuery.data?.totals,
+    userMore: countsQuery.data?.userMore ?? false,
     error:
       searchQuery.error instanceof Error
         ? searchQuery.error.message
diff --git a/frontend/src/lib/__tests__/auto-tags.test.ts b/frontend/src/lib/__tests__/auto-tags.test.ts
new file mode 100644
index 0000000..6e7fa57
--- /dev/null
+++ b/frontend/src/lib/__tests__/auto-tags.test.ts
@@ -0,0 +1,109 @@
+import { describe, expect, it } from 'vitest';
+import { AutoTag, detectAutoTags } from '@/lib/auto-tags';
+import type { TTMLMetadata } from '@/lib/ttml-processor';
+
+const meta = (patch: Partial<TTMLMetadata> = {}): TTMLMetadata => ({ ...patch });
+const line = (patch: Partial<Parameters<typeof detectAutoTags>[0]['lines'][number]> = {}) => ({
+  text: 'x',
+  startTime: 0,
+  endTime: 1000,
+  ...patch,
+});
+
+describe('detectAutoTags', () => {
+  it('按 artists 识别厂牌标签', () => {
+    expect(
+      detectAutoTags({ metadata: meta({ artist: ['Mili (ミリー)', '塞壬唱片-MSR'] }), lines: [] })
+    ).toEqual([AutoTag.Msr]);
+    expect(detectAutoTags({ metadata: meta({ artist: ['铁痕电台-MSR'] }), lines: [] })).toEqual([
+      AutoTag.Msr,
+    ]);
+    expect(
+      detectAutoTags({ metadata: meta({ artist: ['HOYO MiX', 'hoyofair 2024'] }), lines: [] })
+    ).toEqual([AutoTag.HoyoMix, AutoTag.HoyoFair]);
+    expect(detectAutoTags({ metadata: meta({ artist: ['鸣潮先约电台'] }), lines: [] })).toEqual([
+      AutoTag.Wuthering,
+    ]);
+  });
+
+  it('artists 没有关键词时不打厂牌标签', () => {
+    expect(detectAutoTags({ metadata: meta({ artist: ['Glass Animals'] }), lines: [] })).toEqual(
+      []
+    );
+    // 关键词只认 artists，标题/专辑里出现不算
+    expect(
+      detectAutoTags({ metadata: meta({ title: ['HOYO-MiX 精选'], album: ['MSR'] }), lines: [] })
+    ).toEqual([]);
+  });
+
+  it('单个元数据字段超过 18 条才打地瓜藤', () => {
+    const albums = (n: number) => Array.from({ length: n }, (_, i) => `album-${i}`);
+    expect(detectAutoTags({ metadata: meta({ album: albums(18) }), lines: [] })).toEqual([]);
+    expect(detectAutoTags({ metadata: meta({ album: albums(19) }), lines: [] })).toEqual([
+      AutoTag.Melon,
+    ]);
+    // 平台 ID 与角色元数据同样计数
+    expect(
+      detectAutoTags({ metadata: meta({ platformIds: { ncmMusicId: albums(19) } }), lines: [] })
+    ).toEqual([AutoTag.Melon]);
+    expect(
+      detectAutoTags({ metadata: meta({ rawProperties: { vocals: albums(19) } }), lines: [] })
+    ).toEqual([AutoTag.Melon]);
+  });
+
+  it('译文语种 ≥2 打多语言翻译（简繁各算一种）', () => {
+    const two = [
+      line({
+        translations: [
+          { language: 'zh-Hans', text: '甲' },
+          { language: 'zh-Hant', text: '甲' },
+        ],
+      }),
+    ];
+    expect(detectAutoTags({ metadata: meta(), lines: two })).toEqual([AutoTag.MultiLang]);
+    expect(
+      detectAutoTags({
+        metadata: meta(),
+        lines: [line({ translations: [{ language: 'zh-CN', text: '甲' }] })],
+      })
+    ).toEqual([]);
+  });
+
+  it('译文或音译带逐字时间轴即打逐字标签', () => {
+    const wordTimed = [
+      line({
+        translations: [
+          {
+            language: 'zh-CN',
+            text: '甲',
+            words: [{ text: '甲', startTime: 0, endTime: 100 }],
+          },
+        ],
+      }),
+    ];
+    expect(detectAutoTags({ metadata: meta(), lines: wordTimed })).toEqual([AutoTag.WordTimed]);
+
+    const romanized = [
+      line({
+        romanizations: [{ text: 'a', words: [{ text: 'a', startTime: 0, endTime: 100 }] }],
+      }),
+    ];
+    expect(detectAutoTags({ metadata: meta(), lines: romanized })).toEqual([AutoTag.WordTimed]);
+  });
+
+  it('多标签按固定顺序返回且不重复', () => {
+    const tags = detectAutoTags({
+      metadata: meta({ artist: ['HOYO-MiX'], album: Array.from({ length: 20 }, () => 'a') }),
+      lines: [
+        line({
+          translations: [
+            { language: 'zh-Hans', text: '甲' },
+            { language: 'en', text: 'a' },
+          ],
+          romanizations: [{ text: 'a', words: [{ text: 'a', startTime: 0, endTime: 100 }] }],
+        }),
+      ],
+    });
+    expect(tags).toEqual([AutoTag.HoyoMix, AutoTag.Melon, AutoTag.MultiLang, AutoTag.WordTimed]);
+  });
+});
diff --git a/frontend/src/lib/__tests__/lang-detect.test.ts b/frontend/src/lib/__tests__/lang-detect.test.ts
new file mode 100644
index 0000000..ee949d2
--- /dev/null
+++ b/frontend/src/lib/__tests__/lang-detect.test.ts
@@ -0,0 +1,49 @@
+import { describe, expect, it } from 'vitest';
+import { detectLanguages } from '@/lib/lang-detect';
+
+/** 只关心语言代码，便于断言 */
+const codes = (texts: string[]) =>
+  detectLanguages(texts.map((text) => ({ text }))).map((hit) => hit.code);
+
+describe('detectLanguages', () => {
+  it('按文字脚本区分中日韩', () => {
+    expect(codes(['我很受伤，宝贝', '让我的感情坠入低谷'])).toEqual(['zh']);
+    expect(codes(['君のことが好きだ', '永遠に'])).toEqual(['ja']);
+    expect(codes(['사랑해', '너를 원해'])).toEqual(['ko']);
+  });
+
+  it('拉丁文本按英文虚词判定，非英语归到 others', () => {
+    expect(codes(["I'm hurtin' baby", 'I need your lovin', "'I need it now"])).toEqual(['en']);
+
+    expect(codes(["Je t'aime", 'Tu me manques'])).toEqual(['others']);
+    expect(codes(['Mi corazón es tuyo', 'Te quiero mucho'])).toEqual(['others']);
+    expect(codes(['Ich liebe dich', 'Du bist mein Herz'])).toEqual(['others']);
+  });
+
+  it('语气词堆叠的英文行不会被误判', () => {
+    expect(codes(['La la la', 'Oh oh oh', 'Na na na'])).toEqual(['en']);
+  });
+
+  it('混排歌词主语言在前，占比达标的次要语言一并返回', () => {
+    const hits = detectLanguages([
+      { text: '我很爱你' },
+      { text: '我在这里' },
+      { text: '我等你' },
+      { text: 'I love you so much' },
+    ]);
+    expect(hits.map((hit) => hit.code)).toEqual(['zh', 'en']);
+    expect(hits[0]?.share).toBeCloseTo(0.75);
+  });
+
+  it('背景人声计入统计，翻译不参与', () => {
+    const hits = detectLanguages([
+      { text: '我爱你', backgroundVocal: { text: 'I love you', startTime: 0, endTime: 1000 } },
+      { text: '你爱我', backgroundVocal: { text: 'and you love me', startTime: 0, endTime: 1000 } },
+    ]);
+    expect(hits.map((hit) => hit.code).sort()).toEqual(['en', 'zh']);
+  });
+
+  it('无有效歌词行时返回空', () => {
+    expect(codes(['', '♪', '123'])).toEqual([]);
+  });
+});
diff --git a/frontend/src/lib/api.ts b/frontend/src/lib/api.ts
index ca4a9e0..870c992 100644
--- a/frontend/src/lib/api.ts
+++ b/frontend/src/lib/api.ts
@@ -28,6 +28,7 @@ import type {
   SearchIpListResult,
   SearchIpSubmissionDetail,
   SearchResult,
+  SearchCounts,
   SearchIpData,
   SearchIpMatchResult,
   Stats,
@@ -35,7 +36,13 @@ import type {
   SubmissionDetail,
   SubmissionListResult,
   UserActivity,
+  UserSearchResult,
   TtmlValidationResult,
+  MyProfileFields,
+  PublicSubmissionList,
+  PublicUserProfile,
+  UpdateMyProfilePayload,
+  UserSubmissionSort,
 } from './types';
 import type {
   CaptchaConfig,
@@ -179,6 +186,18 @@ export const api = {
     return request<SearchResult>(`/api/v1/search${qs}`);
   },
 
+  /** 搜索结果页各 Tab 的命中数 GET /api/v1/search/counts */
+  searchCounts(q: string): Promise<SearchCounts> {
+    return request<SearchCounts>(`/api/v1/search/counts${buildQuery({ q })}`);
+  },
+
+  /** 按用户名/昵称搜索用户 GET /api/v1/users/search */
+  searchUsers(q: string, params: { limit?: number } = {}): Promise<UserSearchResult> {
+    return request<UserSearchResult>(
+      `/api/v1/users/search${buildQuery({ q, limit: params.limit })}`
+    );
+  },
+
   /** 下载歌词 */
   rawLyricDownloadURL(rawLyricFile: string): string {
     return `${API_BASE}/api/v1/lyrics/raw-lyrics/${encodeURIComponent(rawLyricFile)}`;
@@ -550,6 +569,72 @@ export const api = {
   getUserActivity(year: number): Promise<UserActivity> {
     return request<UserActivity>(`/api/v1/users/me/activity?year=${year}`);
   },
+
+  // ---------- 公开用户主页 ----------
+
+  /** 公开主页聚合资料 GET /api/v1/users/:name */
+  getUserProfile(name: string): Promise<PublicUserProfile> {
+    return request<PublicUserProfile>(`/api/v1/users/${encodeURIComponent(name)}`);
+  },
+
+  /** 公开投稿列表 GET /api/v1/users/:name/submissions（访客强制 approved） */
+  getUserSubmissions(
+    name: string,
+    params: {
+      status?: string;
+      language?: string;
+      sort?: UserSubmissionSort;
+      page?: number;
+      limit?: number;
+    } = {}
+  ): Promise<PublicSubmissionList> {
+    const qs = buildQuery({
+      status: params.status,
+      language: params.language,
+      sort: params.sort,
+      page: params.page,
+      limit: params.limit,
+    });
+    return request<PublicSubmissionList>(
+      `/api/v1/users/${encodeURIComponent(name)}/submissions${qs}`
+    );
+  },
+
+  /** 公开贡献墙 GET /api/v1/users/:name/activity?year=（仅 approved） */
+  getUserActivityOf(name: string, year: number): Promise<UserActivity> {
+    return request<UserActivity>(`/api/v1/users/${encodeURIComponent(name)}/activity?year=${year}`);
+  },
+
+  /** 更新本地主页资料 PUT /api/v1/users/me/profile */
+  updateMyProfile(payload: UpdateMyProfilePayload): Promise<MyProfileFields> {
+    return request<MyProfileFields>('/api/v1/users/me/profile', {
+      method: 'PUT',
+      body: JSON.stringify(payload),
+    });
+  },
+
+  /** 上传主页背景图 POST /api/v1/users/me/banner（multipart） */
+  async uploadBanner(file: File): Promise<string> {
+    const token = getToken();
+    const form = new FormData();
+    form.append('file', file);
+    const res = await fetch(`${API_BASE}/api/v1/users/me/banner`, {
+      method: 'POST',
+      headers: token ? { Authorization: `Bearer ${token}` } : undefined,
+      body: form,
+    });
+    const json = (await res.json()) as ApiResponse<{ bannerKey: string }>;
+    if (json.code !== 200 || !json.data) {
+      throw new Error(json.message || `上传失败：HTTP ${res.status}`);
+    }
+    return json.data.bannerKey;
+  },
+
+  /** MinIO 对象 key → 匿名可读的文件 URL */
+  uploadFileUrl(key: string): string {
+    if (!key) return '';
+    return `${API_BASE}/api/v1/uploads/file/${key}`;
+  },
   /**
    * TTML 校验 POST /api/v1/submissions/validate
    * body = 原始 TTML 文本 (text/plain), 经 Go 后端代理到 Worker
diff --git a/frontend/src/lib/auto-tags.ts b/frontend/src/lib/auto-tags.ts
new file mode 100644
index 0000000..75962c6
--- /dev/null
+++ b/frontend/src/lib/auto-tags.ts
@@ -0,0 +1,117 @@
+/** 投稿标签自动识别 */
+import type { LyricLine, TTMLMetadata } from '@/lib/ttml-processor';
+
+/** 自动标签文案（与投稿标签字段同一套字符串，重复提交会被去重） */
+export const AutoTag = {
+  HoyoMix: 'HOYO-MiX',
+  HoyoFair: 'HoYoFair',
+  Msr: 'MSR',
+  Wuthering: '鸣潮先约电台',
+  Melon: '地—瓜——藤——————————',
+  MultiLang: '多语言翻译',
+  WordTimed: '逐字翻译/音译',
+} as const;
+
+/** artists 命中的关键词（比较前已去空格与连接符，故不用写大小写/连字符变体） */
+const CREATOR_KEYWORDS: { keyword: string; tag: string }[] = [
+  { keyword: 'hoyomix', tag: AutoTag.HoyoMix },
+  { keyword: 'hoyofair', tag: AutoTag.HoyoFair },
+  { keyword: '塞壬唱片msr', tag: AutoTag.Msr },
+  { keyword: '铁痕电台msr', tag: AutoTag.Msr },
+  { keyword: '鸣潮先约电台', tag: AutoTag.Wuthering },
+];
+
+/** 单个元数据字段条目数超过该值即打「地瓜藤」（合并了过多版本/平台的投稿） */
+const META_ENTRY_LIMIT = 18;
+
+/** 打「地瓜藤」时需要统计的数组型元数据字段 */
+const META_LIST_FIELDS = [
+  'title',
+  'artist',
+  'album',
+  'isrc',
+  'songwriters',
+  'authorIds',
+  'authorNames',
+] as const;
+
+/** 「多语言翻译」所需的最少译文语种数 */
+const MULTI_LANG_MIN = 2;
+
+/** 归一化：小写并去掉空白与连接符，`HOYO-MiX` / `hoyo mix` 都能命中 */
+function normalize(value: string): string {
+  return value.toLowerCase().replace(/[\s\-_·・]/g, '');
+}
+
+/** artists 命中的厂牌标签 */
+function creatorTags(metadata: TTMLMetadata): string[] {
+  const haystack = (metadata.artist ?? []).map(normalize).join('\n');
+  if (!haystack) return [];
+  const tags: string[] = [];
+  for (const { keyword, tag } of CREATOR_KEYWORDS) {
+    if (!tags.includes(tag) && haystack.includes(keyword)) tags.push(tag);
+  }
+  return tags;
+}
+
+/** 单个元数据字段的最大条目数（平台 ID、rawProperties 也算） */
+function maxMetaEntries(metadata: TTMLMetadata): number {
+  let max = 0;
+  for (const field of META_LIST_FIELDS) {
+    max = Math.max(max, metadata[field]?.length ?? 0);
+  }
+  for (const values of Object.values(metadata.platformIds ?? {})) {
+    max = Math.max(max, values?.length ?? 0);
+  }
+  for (const values of Object.values(metadata.rawProperties ?? {})) {
+    max = Math.max(max, values?.length ?? 0);
+  }
+  return max;
+}
+
+/** 一段副歌词（翻译 / 音译）是否带逐字时间轴 */
+function hasWordTiming(items: LyricLine['translations']): boolean {
+  return (items ?? []).some((item) => (item.words?.length ?? 0) > 0);
+}
+
+/** 译文语种去重数量 + 是否出现逐字翻译 / 音译 */
+function lyricFeatures(lines: readonly LyricLine[]): {
+  languages: number;
+  wordTimed: boolean;
+} {
+  const languages = new Set<string>();
+  let wordTimed = false;
+
+  for (const line of lines) {
+    for (const items of [line.translations, line.backgroundVocal?.translations]) {
+      for (const item of items ?? []) {
+        if (item.language) languages.add(item.language);
+      }
+      if (hasWordTiming(items)) wordTimed = true;
+    }
+    // 音译走 romanizations，逐字时间轴同样算「逐字翻译/音译」
+    for (const items of [line.romanizations, line.backgroundVocal?.romanizations]) {
+      if (hasWordTiming(items)) wordTimed = true;
+    }
+  }
+
+  return { languages: languages.size, wordTimed };
+}
+
+export interface AutoTagInput {
+  metadata: TTMLMetadata;
+  lines: readonly LyricLine[];
+}
+
+/** 识别应自动添加的标签，顺序稳定；无命中返回空数组 */
+export function detectAutoTags({ metadata, lines }: AutoTagInput): string[] {
+  const tags = creatorTags(metadata);
+
+  if (maxMetaEntries(metadata) > META_ENTRY_LIMIT) tags.push(AutoTag.Melon);
+
+  const { languages, wordTimed } = lyricFeatures(lines);
+  if (languages >= MULTI_LANG_MIN) tags.push(AutoTag.MultiLang);
+  if (wordTimed) tags.push(AutoTag.WordTimed);
+
+  return tags;
+}
diff --git a/frontend/src/lib/image.ts b/frontend/src/lib/image.ts
index 68ea1d2..dbc01f4 100644
--- a/frontend/src/lib/image.ts
+++ b/frontend/src/lib/image.ts
@@ -113,3 +113,84 @@ export async function compressAvatar(
     return cropped;
   }
 }
+
+/** 主页背景图目标尺寸（3:1）与体积上限 */
+const BANNER_WIDTH = 1600;
+const BANNER_HEIGHT = 533;
+const BANNER_MAX_SIZE_MB = 0.6;
+
+export interface CompressBannerOptions {
+  /** 输出宽高（像素），默认 1600×533（3:1） */
+  width?: number;
+  height?: number;
+  /** 体积上限（MB），默认 0.6 */
+  maxSizeMB?: number;
+}
+
+/**
+ * 把任意图片按 3:1 居中裁切并压缩为 WebP，用于主页背景图。
+ *
+ * - SVG 直接抛错：同源 SVG 可执行脚本，前后端都不接受
+ * - 无法解码时原样返回，交由后端按魔数判定并拒绝
+ */
+export async function compressBanner(
+  file: File,
+  options: CompressBannerOptions = {}
+): Promise<File> {
+  const { width = BANNER_WIDTH, height = BANNER_HEIGHT, maxSizeMB = BANNER_MAX_SIZE_MB } = options;
+  if (file.type === 'image/svg+xml') throw new Error('不支持 SVG 格式');
+  if (!file.type.startsWith('image/')) return file;
+
+  let bitmap: ImageBitmap | HTMLImageElement;
+  try {
+    bitmap = await loadBitmap(file);
+  } catch {
+    return file;
+  }
+
+  const sw = 'naturalWidth' in bitmap ? bitmap.naturalWidth : bitmap.width;
+  const sh = 'naturalHeight' in bitmap ? bitmap.naturalHeight : bitmap.height;
+  if (!sw || !sh) return file;
+
+  // 按目标宽高比居中裁切：先按宽度铺满，超高则改按高度铺满
+  const targetRatio = width / height;
+  let cw = sw;
+  let ch = sw / targetRatio;
+  if (ch > sh) {
+    ch = sh;
+    cw = sh * targetRatio;
+  }
+
+  const canvas = document.createElement('canvas');
+  canvas.width = width;
+  canvas.height = height;
+  const ctx = canvas.getContext('2d');
+  if (!ctx) return file;
+  ctx.imageSmoothingQuality = 'high';
+  ctx.drawImage(bitmap, (sw - cw) / 2, (sh - ch) / 2, cw, ch, 0, 0, width, height);
+  if ('close' in bitmap) bitmap.close();
+
+  const blob = await canvasToBlob(canvas, 'image/png');
+  if (!blob) return file;
+  const cropped = new File([blob], replaceExt(file.name, '.png'), { type: 'image/png' });
+
+  try {
+    const compressed = await imageCompression(cropped, {
+      maxSizeMB,
+      maxWidthOrHeight: width,
+      useWebWorker: true,
+      fileType: 'image/webp',
+      initialQuality: 0.86,
+      preserveExif: false,
+    });
+    const ext = compressed.type === 'image/webp' ? '.webp' : '.jpg';
+    if (!/\.webp$/i.test(compressed.name)) {
+      return new File([compressed], replaceExt(file.name, ext), { type: compressed.type });
+    }
+    return compressed;
+  } catch (err) {
+    // 压缩失败不阻断上传：裁切后的 png 本身已在尺寸上限内
+    console.warn('[banner] 压缩失败，改用裁切后的原图上传', err);
+    return cropped;
+  }
+}
diff --git a/frontend/src/lib/lang-detect.ts b/frontend/src/lib/lang-detect.ts
new file mode 100644
index 0000000..ab6e4f9
--- /dev/null
+++ b/frontend/src/lib/lang-detect.ts
@@ -0,0 +1,207 @@
+/** 歌词语言推断 */
+import type { LyricLine } from '@/lib/ttml-processor';
+
+/** 后端投稿语言枚举 model.SubmissionLanguage */
+export type LangCode = 'zh' | 'en' | 'ja' | 'ko' | 'others';
+
+export interface LanguageHit {
+  code: LangCode;
+  /** 命中行数（含背景人声行） */
+  lines: number;
+  /** 占全部有效歌词行的比例，0~1 */
+  share: number;
+}
+
+/** 次要语言入选门槛：达到该占比才自动勾选 */
+const SECONDARY_MIN_SHARE = 0.15;
+
+/** 拉丁文本被判为「其他语言」所需的外文虚词最低占比 */
+const FOREIGN_MIN_RATIO = 0.25;
+
+/** 英文高频词（含缩写还原后的词干），用于识别英语 */
+const EN_WORDS = new Set(
+  (
+    'i you your yours me my mine we us our ours he him his she her hers it its ' +
+    'they them their theirs the an and or but so if because then than that this these those ' +
+    'there here to of in on at for with without from by about into over under through again ' +
+    'is am are was were be been being do does did done can could would should will shall may might must ' +
+    'have has had having got get gonna wanna gotta not never yeah oh ooh ah hey ' +
+    'what when where who whom whose why how all any some every each both more most much many ' +
+    'very too just only still even ever always sometimes tonight today ' +
+    'love heart baby need want know feel take make give say said tell come go going gone stay leave hold keep let put see look think right wrong good bad time'
+  ).split(' ')
+);
+
+/**
+ * 其它拉丁语系的高频虚词（NFD 去重音后的形式）。
+ * 与英语重合的词（on / son / do / as / die / will / war / was / hat / bin / come / per / la）
+ * 一律不收录，避免英语歌词被误判。
+ */
+const FOREIGN_WORDS = new Set(
+  // 法语
+  (
+    'je tu il elle nous vous ils elles le les des du de et est sont suis es sommes etes pas ' +
+    'que qui quoi dont pour dans sur sous avec sans mon ma mes ton ta tes sa ses notre votre leur leurs ' +
+    'ce cet cette ces mais ou tout tous toute tres etre avoir fait faire moi toi lui aussi comme quand ' +
+    'encore jamais toujours rien oui non ' +
+    // 西班牙语
+    'el los las una uno unos unas y soy eres somos esta estan estoy estas por para con sin mi mis tus su sus ' +
+    'nuestro nuestra pero cuando donde mas todo toda todos nada siempre nunca corazon amor quiero quieres ' +
+    'tengo tienes vas voy muy porque sobre entre hasta desde hay ser estar fue ' +
+    // 德语
+    'der das den dem des und ich du er sie wir ihr nicht kein keine ein eine einen einem einer ist sind ' +
+    'waren bist seid mit fur auf aus bei nach von zu dich mich mir dir uns euch mein meine dein deine ' +
+    'seine aber oder wenn wie wer wo sehr noch nur schon immer hab habe hast haben kann muss ' +
+    // 葡萄牙语
+    'nao voce eu ele ela nos eles elas um uma uns umas os da dos das com sem se meu minha seu sua ' +
+    'muito mais onde coracao quero sao foi ter tem tenho ' +
+    // 意大利语
+    'lo gli le che di del della dei non sono sei siamo siete io noi voi ma piu tutti amore dove anche ' +
+    'ancora mai niente cosa questo questa quello mia mio tua tuo stai sto'
+  ).split(' ')
+);
+
+/** 假名：平假名 / 片假名 / 半角片假名 */
+function isKana(cp: number): boolean {
+  return (
+    (cp >= 0x3040 && cp <= 0x30ff) ||
+    (cp >= 0x31f0 && cp <= 0x31ff) ||
+    (cp >= 0xff66 && cp <= 0xff9f)
+  );
+}
+
+/** 谚文：音节 / 字母 / 兼容字母 */
+function isHangul(cp: number): boolean {
+  return (
+    (cp >= 0xac00 && cp <= 0xd7a3) ||
+    (cp >= 0x1100 && cp <= 0x11ff) ||
+    (cp >= 0x3130 && cp <= 0x318f)
+  );
+}
+
+/** 汉字（含扩展区） */
+function isHan(cp: number): boolean {
+  return (
+    (cp >= 0x3400 && cp <= 0x4dbf) ||
+    (cp >= 0x4e00 && cp <= 0x9fff) ||
+    (cp >= 0xf900 && cp <= 0xfaff) ||
+    (cp >= 0x20000 && cp <= 0x2fa1f)
+  );
+}
+
+/** 拉丁字母（含带重音的扩展拉丁） */
+function isLatin(cp: number): boolean {
+  return (
+    (cp >= 0x41 && cp <= 0x5a) ||
+    (cp >= 0x61 && cp <= 0x7a) ||
+    (cp >= 0x00c0 && cp <= 0x024f) ||
+    (cp >= 0x1e00 && cp <= 0x1eff)
+  );
+}
+
+/** 其它有语种含义的文字（西里尔、希腊、阿拉伯、希伯来、泰、天城文等） */
+function isOtherScript(cp: number): boolean {
+  return (
+    (cp >= 0x0370 && cp <= 0x03ff) ||
+    (cp >= 0x0400 && cp <= 0x04ff) ||
+    (cp >= 0x0530 && cp <= 0x058f) ||
+    (cp >= 0x0590 && cp <= 0x05ff) ||
+    (cp >= 0x0600 && cp <= 0x06ff) ||
+    (cp >= 0x0900 && cp <= 0x097f) ||
+    (cp >= 0x0e00 && cp <= 0x0e7f)
+  );
+}
+
+/**
+ * 归一化词形：小写、去重音、还原缩写（i'm→i、don't→do），只留字母。
+ * 去重音后西语/葡语词才能命中 FOREIGN_WORDS 里的 ASCII 形式。
+ */
+function normalizeToken(raw: string): string {
+  return raw
+    .toLowerCase()
+    .normalize('NFD')
+    .replace(/[\u0300-\u036f]/g, '')
+    .replace(/’/g, "'")
+    .replace(/'s$|'re$|'ll$|'ve$|'d$|'m$/, '')
+    .replace(/n't$/, '')
+    .replace(/[^a-z]/g, '');
+}
+
+/** 拉丁字母文本：外文虚词占比达到门槛且不少于英文虚词时判为「其他」，否则算英语 */
+function classifyLatin(text: string): LangCode {
+  let en = 0;
+  let foreign = 0;
+  let total = 0;
+  for (const raw of text.split(/[^\p{L}']+/u)) {
+    const token = normalizeToken(raw);
+    if (!token) continue;
+    total++;
+    if (EN_WORDS.has(token)) en++;
+    else if (FOREIGN_WORDS.has(token)) foreign++;
+  }
+  if (total === 0) return 'en';
+  // 部分虚词（me / se 等）英语与罗曼语系共用，打平时按外文处理更保险
+  return foreign / total >= FOREIGN_MIN_RATIO && foreign >= en ? 'others' : 'en';
+}
+
+/** 单行语言判定；纯符号 / 纯数字（间奏标记等）返回 null 不参与统计 */
+function classifyLine(text: string): LangCode | null {
+  let kana = 0;
+  let hangul = 0;
+  let han = 0;
+  let latin = 0;
+  let other = 0;
+
+  for (const ch of text) {
+    const cp = ch.codePointAt(0) ?? 0;
+    if (isKana(cp)) kana++;
+    else if (isHangul(cp)) hangul++;
+    else if (isHan(cp)) han++;
+    else if (isLatin(cp)) latin++;
+    else if (isOtherScript(cp)) other++;
+  }
+
+  // 假名 / 谚文是排他信号，优先于汉字（日文、韩文都会夹汉字）
+  if (kana > 0) return 'ja';
+  if (hangul > 0) return 'ko';
+  if (han > 0) return 'zh';
+  if (latin > 0) return classifyLatin(text);
+  if (other > 0) return 'others';
+  return null;
+}
+
+/**
+ * 推断歌词语言，返回按占比降序排列的结果。
+ * 第一个是主语言，其余为占比达到 SECONDARY_MIN_SHARE 的次要语言。
+ */
+export function detectLanguages(
+  lines: ReadonlyArray<Pick<LyricLine, 'text' | 'backgroundVocal'>>
+): LanguageHit[] {
+  const counts = new Map<LangCode, number>();
+  let total = 0;
+
+  for (const line of lines) {
+    // 背景人声与原唱同语种，一并计入；翻译 / 音译是另一种语言，不参与判定
+    for (const text of [line.text, line.backgroundVocal?.text]) {
+      if (!text) continue;
+      const code = classifyLine(text);
+      if (!code) continue;
+      total++;
+      counts.set(code, (counts.get(code) ?? 0) + 1);
+    }
+  }
+
+  if (total === 0) return [];
+
+  const hits: LanguageHit[] = Array.from(counts, ([code, n]) => ({
+    code,
+    lines: n,
+    share: n / total,
+  }));
+  const primary = hits.reduce((a, b) => (b.lines > a.lines ? b : a));
+  const secondary = hits
+    .filter((hit) => hit !== primary && hit.share >= SECONDARY_MIN_SHARE)
+    .sort((a, b) => b.lines - a.lines);
+
+  return [primary, ...secondary];
+}
diff --git a/frontend/src/lib/query.ts b/frontend/src/lib/query.ts
index b5d25b6..b91c125 100644
--- a/frontend/src/lib/query.ts
+++ b/frontend/src/lib/query.ts
@@ -60,6 +60,10 @@ export const queryKeys = {
     ['not-found-ranking', params] as const,
   latestSongs: ['latest-songs'] as const,
   search: (q: string, field: string, page: number) => ['search', { q, field, page }] as const,
+  /** 搜索页各 Tab 的命中数（与分页/字段无关，按关键词缓存） */
+  searchCounts: (q: string) => ['search-counts', q] as const,
+  /** 用户搜索结果 */
+  searchUsers: (q: string, limit: number) => ['user-search', { q, limit }] as const,
 
   // 在线歌词搜索
   onlineSearch: (q: string, platform: string) => ['online-search', { q, platform }] as const,
@@ -97,6 +101,14 @@ export const queryKeys = {
   revisionTtml: (id: number) => ['submission', id, 'revision-ttml'] as const,
   userActivity: (year: number) => ['user-activity', year] as const,
 
+  // 公开用户主页（与本人的 ['user-activity', year] 区分开）
+  userProfile: (name: string) => ['user-profile', name] as const,
+  userSubmissions: (
+    name: string,
+    params: { status?: string; language?: string; sort?: string; limit?: number }
+  ) => ['user-submissions', name, params] as const,
+  userActivityOf: (name: string, year: number) => ['user-activity', name, year] as const,
+
   // 搜索IP投稿
   searchIpSubmissions: (scope: 'mine' | 'all', status?: string) =>
     ['search-ip-submissions', scope, status] as const,
diff --git a/frontend/src/lib/types.ts b/frontend/src/lib/types.ts
index 26209b4..d5458d6 100644
--- a/frontend/src/lib/types.ts
+++ b/frontend/src/lib/types.ts
@@ -57,6 +57,34 @@ export interface Stats {
 // 搜索字段 — 对应 backend SearchRequest.Field
 export type SearchField = 'all' | 'song' | 'artist' | 'album' | 'lyric' | 'id' | 'author';
 
+/** 搜索结果页的 Tab：歌曲各字段 + 用户 */
+export type SearchTab = SearchField | 'user';
+
+/** GET /api/v1/search/counts 返回：各 Tab 的命中数 */
+export interface SearchCounts {
+  totals: Partial<Record<SearchTab, number>>;
+  /** 用户匹配数是否已达统计上限（前端渲染 “N+”） */
+  userMore: boolean;
+}
+
+/** GET /api/v1/users/search 结果项 */
+export interface UserSearchItem {
+  name: string;
+  displayName: string;
+  avatar: string;
+  bio: string;
+  approvedCount: number;
+  createdTime?: string;
+}
+
+export interface UserSearchResult {
+  items: UserSearchItem[];
+  /** 本次返回的条数（Casdoor 不提供命中总数） */
+  total: number;
+  limit: number;
+  hasMore: boolean;
+}
+
 // GET /api/v1/search 命中 — 对应 backend SearchHitResult
 export interface SearchHit {
   id: string;
@@ -713,3 +741,62 @@ export interface GithubMigratedList {
   total: number;
   items: GithubMigratedPr[];
 }
+
+// ---------- 公开用户主页 ----------
+
+/** 性别（与后端 user_profiles.gender CHECK 约束一致） */
+export type Gender = 'male' | 'female' | 'other' | 'unknown';
+
+/** GET /api/v1/users/:name 返回的聚合资料 */
+export interface PublicUserProfile {
+  name: string;
+  displayName: string;
+  avatar: string;
+  /** Casdoor 注册时间（原样字符串，可能为空） */
+  createdTime?: string;
+  bio: string;
+  /** MinIO 对象 key；空串表示未设置 */
+  bannerKey: string;
+  /** YYYY-MM-DD；未填写为 null */
+  birthday: string | null;
+  gender: Gender;
+  /** 当前查看者是否为本人 */
+  isSelf: boolean;
+  /** 访客只有 approved；本人含全部状态 */
+  stats: Partial<Record<SubmissionStatus, number>>;
+}
+
+/** 公开主页的投稿列表项（后端裁剪过，不含评审信息） */
+export interface PublicSubmissionItem {
+  id: number;
+  title: string;
+  artist: string;
+  album: string;
+  language: string;
+  languages?: string[];
+  status: SubmissionStatus;
+  createdAt: string;
+  updatedAt: string;
+  fileUpdatedAt?: string;
+}
+
+export interface PublicSubmissionList {
+  total: number;
+  items: PublicSubmissionItem[];
+}
+
+export type UserSubmissionSort = 'newest' | 'oldest' | 'updated';
+
+/** PUT /api/v1/users/me/profile 的入参与回执 */
+export interface MyProfileFields {
+  bio: string;
+  bannerKey: string;
+  birthday: string | null;
+  gender: Gender;
+}
+
+export interface UpdateMyProfilePayload {
+  bio: string;
+  birthday: string | null;
+  gender: Gender;
+}
diff --git a/frontend/src/pages/CreatorCenter.tsx b/frontend/src/pages/CreatorCenter.tsx
index 57f4978..19eda4a 100644
--- a/frontend/src/pages/CreatorCenter.tsx
+++ b/frontend/src/pages/CreatorCenter.tsx
@@ -38,6 +38,7 @@ import { useSubmissionListSync } from '@/hooks/useSubmissionListSync';
 import { NavItem } from '@/components/NavItem';
 import { PageContainer } from '@/components/PageContainer';
 import { NotificationBellResponsive } from '@/components/notification/NotificationBellResponsive';
+import { langText, statusMeta } from '@/components/submission/status';
 import { buttonVariants } from '@/components/ui/button';
 import { CardDetailSkeleton, ListSkeleton } from '@/components/ui/Skeleton';
 import { LyricSubmitForm } from '@/components/creator/LyricSubmitForm';
@@ -82,31 +83,7 @@ const lyricsStatusTabs: { key: LyricsStatusTab; label: string }[] = [
   { key: 'rejected', label: '未通过' },
 ];
 
-// 状态
-const statusMeta: Record<string, { label: string; className: string }> = {
-  draft: { label: '草稿', className: 'bg-surface-2 text-ink-2' },
-  pending: { label: '待审核', className: 'bg-amber-100 text-amber-700' },
-  reviewing: { label: '审核中', className: 'bg-blue-100 text-blue-700' },
-  need_revision: { label: '需修改', className: 'bg-orange-100 text-orange-700' },
-  missing_audio: { label: '缺音频', className: 'bg-orange-100 text-orange-700' },
-  revised: { label: '待投稿者确认', className: 'bg-purple-100 text-purple-700' },
-  approved: { label: '已通过', className: 'bg-green-100 text-green-700' },
-  rejected: { label: '未通过', className: 'bg-red-100 text-red-700' },
-  closed: { label: '已关闭', className: 'bg-surface-2 text-ink-3' },
-};
-
-// 语言代码
-const langLabel: Record<string, string> = {
-  zh: '汉语',
-  en: '英语',
-  ja: '日语',
-  ko: '韩语',
-  others: '其他',
-};
-function langText(code?: string): string {
-  if (!code) return '—';
-  return langLabel[code] ?? code;
-}
+// 状态与语言的展示元数据统一在 status.ts（纯模块，不带 marked 依赖）
 
 /** 内容管理页面 */
 function ContentManagement({ initialTab = 'lyrics' }: { initialTab?: ContentMainTab }) {
diff --git a/frontend/src/pages/ReviewCenter.tsx b/frontend/src/pages/ReviewCenter.tsx
index a41539c..97b70df 100644
--- a/frontend/src/pages/ReviewCenter.tsx
+++ b/frontend/src/pages/ReviewCenter.tsx
@@ -37,32 +37,9 @@ import { UserAvatar } from '@/components/submission/UserAvatar';
 import { UserDisplayName } from '@/components/submission/UserDisplayName';
 import { Badge } from '@/components/ui/badge';
 import { Separator } from '@/components/ui/separator';
+import { langText, statusMeta } from '@/components/submission/status';
 
-// 状态 → 展示文案 + 颜色
-const statusMeta: Record<string, { label: string; className: string }> = {
-  draft: { label: '草稿', className: 'bg-surface-2 text-ink-2' },
-  pending: { label: '待审核', className: 'bg-amber-100 text-amber-700' },
-  reviewing: { label: '审核中', className: 'bg-blue-100 text-blue-700' },
-  revised: { label: '待投稿者确认', className: 'bg-purple-100 text-purple-700' },
-  need_revision: { label: '需修改', className: 'bg-orange-100 text-orange-700' },
-  missing_audio: { label: '缺音频', className: 'bg-orange-100 text-orange-700' },
-  approved: { label: '已通过', className: 'bg-green-100 text-green-700' },
-  rejected: { label: '未通过', className: 'bg-red-100 text-red-700' },
-  closed: { label: '已关闭', className: 'bg-surface-2 text-ink-3' },
-};
-
-// 语言代码 → 中文标签
-const langLabel: Record<string, string> = {
-  zh: '汉语',
-  en: '英语',
-  ja: '日语',
-  ko: '韩语',
-  others: '其他',
-};
-function langText(code?: string): string {
-  if (!code) return '—';
-  return langLabel[code] ?? code;
-}
+// 状态与语言的展示元数据统一在 status.ts（纯模块，不带 marked 依赖）
 
 const reviewTabs: { key: ReviewTab; label: string }[] = [
   { key: 'all', label: '全部' },
diff --git a/frontend/src/pages/SubmissionDetailPage.tsx b/frontend/src/pages/SubmissionDetailPage.tsx
index 7d12482..72ee3f0 100644
--- a/frontend/src/pages/SubmissionDetailPage.tsx
+++ b/frontend/src/pages/SubmissionDetailPage.tsx
@@ -489,17 +489,23 @@ function SubmissionDetailContent({
         </div>
         {/* meta 信息行 */}
         <div className="mt-2 flex flex-wrap items-center gap-2 text-sm text-ink-3">
-          <UserAvatar
-            avatar={detail.submitterInfo?.avatar}
-            name={detail.submitterInfo?.displayName || detail.submitter}
-            size={20}
-          />
-          <strong className="text-ink-2">
-            <UserDisplayName
-              displayName={detail.submitterInfo?.displayName}
-              username={detail.submitter}
+          {/* 只把头像 + 名字包进链接；submitterInfo 是投稿时的快照，链接一律用 submitter */}
+          <Link
+            to={`/user/${encodeURIComponent(detail.submitter)}`}
+            className="inline-flex min-w-0 items-center gap-2 rounded-md transition-colors hover:text-primary"
+          >
+            <UserAvatar
+              avatar={detail.submitterInfo?.avatar}
+              name={detail.submitterInfo?.displayName || detail.submitter}
+              size={20}
             />
-          </strong>
+            <strong className="text-ink-2">
+              <UserDisplayName
+                displayName={detail.submitterInfo?.displayName}
+                username={detail.submitter}
+              />
+            </strong>
+          </Link>
           <span>于 {formatDateTime(detail.createdAt)} 提交</span>
           {detail.fileUpdatedAt && <span>· 文件更新于 {formatDateTime(detail.fileUpdatedAt)}</span>}
         </div>
diff --git a/frontend/src/pages/profile/ProfileInfo.tsx b/frontend/src/pages/profile/ProfileInfo.tsx
index 8c03b08..bfaf217 100644
--- a/frontend/src/pages/profile/ProfileInfo.tsx
+++ b/frontend/src/pages/profile/ProfileInfo.tsx
@@ -22,6 +22,7 @@ import {
 } from '@/components/ui/form';
 import { SectionCard } from '@/components/profile/SectionCard';
 import { AvatarUploadDialog } from '@/components/profile/AvatarUploadDialog';
+import { HomepageProfileSection } from '@/components/profile/HomepageProfileSection';
 import { fieldClass, useResetProfileForm } from './shared';
 
 const profileSchema = z.object({
@@ -191,6 +192,9 @@ export function ProfileInfo() {
           </form>
         </Form>
       </SectionCard>
+
+      {/* 主页资料 + 主页背景图：展示在 /user/用户名，与 Casdoor 账号资料分离 */}
+      <HomepageProfileSection />
     </div>
   );
 }
diff --git a/frontend/src/pages/user/UserActivityTab.tsx b/frontend/src/pages/user/UserActivityTab.tsx
new file mode 100644
index 0000000..1b031cc
--- /dev/null
+++ b/frontend/src/pages/user/UserActivityTab.tsx
@@ -0,0 +1,16 @@
+import { CalendarRange } from 'lucide-react';
+import { SectionCard } from '@/components/profile/SectionCard';
+import { ContributionWall } from '@/components/profile/ContributionWall';
+
+/** 主页 Tab：贡献墙（本人含审核行为，访客只统计已通过投稿） */
+export function UserActivityTab({ name, isSelf }: { name: string; isSelf: boolean }) {
+  return (
+    <SectionCard
+      icon={<CalendarRange />}
+      title="活动记录"
+      description={isSelf ? '投稿与审核的每日活跃情况' : '该用户已通过投稿的每日活跃情况'}
+    >
+      <ContributionWall username={name} scope={isSelf ? 'me' : 'user'} />
+    </SectionCard>
+  );
+}
diff --git a/frontend/src/pages/user/UserHeader.tsx b/frontend/src/pages/user/UserHeader.tsx
new file mode 100644
index 0000000..4e39850
--- /dev/null
+++ b/frontend/src/pages/user/UserHeader.tsx
@@ -0,0 +1,90 @@
+import { Link } from 'react-router-dom';
+import { Cake, Pencil, UserRound } from 'lucide-react';
+import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
+import { Button } from '@/components/ui/button';
+import { formatDate } from '@/lib/format';
+import type { Gender, PublicUserProfile } from '@/lib/types';
+
+const GENDER_LABEL: Record<Gender, string> = {
+  male: '男',
+  female: '女',
+  other: '其他',
+  unknown: '保密',
+};
+
+/** 主页头部：头像叠在 banner 上 + 昵称 / 用户名 / 签名 / 元信息 */
+export function UserHeader({ profile }: { profile: PublicUserProfile }) {
+  const initial = (profile.displayName || profile.name || '?').charAt(0).toUpperCase();
+
+  const meta: { key: string; icon: typeof Cake; text: string }[] = [
+    {
+      key: 'birthday',
+      icon: Cake,
+      text: profile.birthday ? formatDate(profile.birthday) : '',
+    },
+    {
+      key: 'gender',
+      icon: UserRound,
+      text: profile.gender === 'unknown' ? '' : GENDER_LABEL[profile.gender],
+    },
+  ].filter((m) => m.text !== '');
+
+  return (
+    <div className="relative">
+      <div className="-mt-14 flex flex-wrap items-end justify-between gap-4 sm:-mt-16">
+        <div className="flex min-w-0 items-end gap-4">
+          <Avatar className="h-24 w-24 shrink-0 ring-4 ring-background sm:h-28 sm:w-28">
+            {profile.avatar && <AvatarImage src={profile.avatar} alt="" />}
+            <AvatarFallback className="text-3xl">{initial}</AvatarFallback>
+          </Avatar>
+          <div className="min-w-0 pb-1">
+            <h1 className="truncate text-2xl font-bold tracking-tight text-foreground">
+              {profile.displayName || profile.name}
+            </h1>
+            <p className="mt-0.5 truncate text-sm text-ink-3">@{profile.name}</p>
+          </div>
+        </div>
+
+        {profile.isSelf && (
+          <div className="pb-1">
+            <Button asChild variant="secondary" size="sm">
+              <Link to="/profile/info">
+                <Pencil className="mr-1.5 h-3.5 w-3.5" />
+                编辑资料
+              </Link>
+            </Button>
+          </div>
+        )}
+      </div>
+
+      {profile.bio ? (
+        <p className="mt-3 max-w-2xl whitespace-pre-line text-sm leading-relaxed text-ink-2">
+          {profile.bio}
+        </p>
+      ) : (
+        profile.isSelf && (
+          <p className="mt-3 text-sm text-ink-3">
+            还没有个性签名，
+            <Link to="/profile/info" className="text-primary hover:underline">
+              去写一句
+            </Link>
+          </p>
+        )
+      )}
+
+      {meta.length > 0 && (
+        <div className="mt-2 flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-ink-3">
+          {meta.map((m) => {
+            const Icon = m.icon;
+            return (
+              <span key={m.key} className="inline-flex items-center gap-1">
+                <Icon className="h-3.5 w-3.5" />
+                {m.text}
+              </span>
+            );
+          })}
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/frontend/src/pages/user/UserOverviewTab.tsx b/frontend/src/pages/user/UserOverviewTab.tsx
new file mode 100644
index 0000000..b92c345
--- /dev/null
+++ b/frontend/src/pages/user/UserOverviewTab.tsx
@@ -0,0 +1,130 @@
+import { useMemo } from 'react';
+import { useQuery } from '@tanstack/react-query';
+import { FileText, Music } from 'lucide-react';
+import { api } from '@/lib/api';
+import { queryKeys } from '@/lib/query';
+import { formatDateTime } from '@/lib/format';
+import { EmptyState } from '@/components/ui/EmptyState';
+import { ListSkeleton, Skeleton } from '@/components/ui/Skeleton';
+import { SubmissionRow } from '@/components/submission/SubmissionRow';
+import { statusMeta } from '@/components/submission/status';
+import { Badge } from '@/components/ui/badge';
+import type { PublicSubmissionItem } from '@/lib/types';
+
+/** 主页 Tab：精选一条 + 最近投稿 */
+export function UserOverviewTab({ name, isSelf }: { name: string; isSelf: boolean }) {
+  const listStatus = isSelf ? 'all' : 'approved';
+
+  const featuredQuery = useQuery({
+    queryKey: queryKeys.userSubmissions(name, { status: 'approved', limit: 1 }),
+    queryFn: () => api.getUserSubmissions(name, { status: 'approved', limit: 1 }),
+    staleTime: 60_000,
+  });
+
+  const recentQuery = useQuery({
+    queryKey: queryKeys.userSubmissions(name, { status: listStatus, limit: 6 }),
+    queryFn: () => api.getUserSubmissions(name, { status: listStatus, limit: 6 }),
+    staleTime: 60_000,
+  });
+
+  const featured = featuredQuery.data?.items?.[0];
+  const recent = useMemo(
+    () => (recentQuery.data?.items ?? []).filter((it) => it.id !== featured?.id),
+    [recentQuery.data, featured?.id]
+  );
+
+  if (recentQuery.isPending) {
+    return (
+      <div className="space-y-4">
+        <Skeleton className="h-32 w-full rounded-lg" />
+        <ListSkeleton rows={4} />
+      </div>
+    );
+  }
+
+  if (recentQuery.error) {
+    return (
+      <p className="rounded-lg border border-line bg-card px-4 py-8 text-center text-sm text-error">
+        {recentQuery.error instanceof Error ? recentQuery.error.message : '加载失败'}
+      </p>
+    );
+  }
+
+  const isEmpty = !featured && recent.length === 0;
+  if (isEmpty) {
+    return (
+      <EmptyState
+        icon={FileText}
+        title={isSelf ? '还没有投稿' : '暂无公开投稿'}
+        description={
+          isSelf
+            ? '去创作中心提交第一篇歌词，这里就会显示你的精选作品'
+            : '该用户还没有通过审核的投稿'
+        }
+      />
+    );
+  }
+
+  return (
+    <div className="space-y-5">
+      {featured && <FeaturedCard item={featured} isSelf={isSelf} />}
+
+      {recent.length > 0 && (
+        <section>
+          <h2 className="mb-3 text-base font-semibold text-foreground">
+            {isSelf ? '最近投稿' : '最近通过'}
+          </h2>
+          <ul className="space-y-2">
+            {recent.map((item) => (
+              <SubmissionRow
+                key={item.id}
+                item={item}
+                showStatus={isSelf}
+                href={isSelf ? `/creator/lyrics/detail?id=${item.id}` : undefined}
+              />
+            ))}
+          </ul>
+        </section>
+      )}
+    </div>
+  );
+}
+
+/** 精选卡：最新一篇已通过的投稿 */
+function FeaturedCard({ item, isSelf }: { item: PublicSubmissionItem; isSelf: boolean }) {
+  const meta = statusMeta[item.status] ?? {
+    label: item.status,
+    className: 'bg-surface-2 text-ink-2',
+  };
+
+  return (
+    <section className="overflow-hidden rounded-lg border border-line bg-gradient-to-br from-primary-soft via-card to-surface-2">
+      <div className="flex items-start gap-4 p-5">
+        <span className="flex h-11 w-11 shrink-0 items-center justify-center rounded-md bg-primary-soft text-primary">
+          <Music className="h-5 w-5" />
+        </span>
+        <div className="min-w-0 flex-1">
+          <div className="flex flex-wrap items-center gap-2">
+            <h2 className="truncate text-lg font-semibold text-foreground">
+              {item.title || '未命名'}
+            </h2>
+            {isSelf && (
+              <Badge
+                variant="outline"
+                className={`inline-flex items-center rounded-full border-transparent px-2 py-0.5 text-xs font-medium ${meta.className}`}
+              >
+                {meta.label}
+              </Badge>
+            )}
+          </div>
+          <p className="mt-1 truncate text-sm text-ink-2">
+            {[item.artist, item.album].filter(Boolean).join(' · ') || '—'}
+          </p>
+          <p className="mt-2 text-xs text-ink-3">
+            通过于 {formatDateTime(item.updatedAt || item.createdAt)}
+          </p>
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/frontend/src/pages/user/UserProfilePage.tsx b/frontend/src/pages/user/UserProfilePage.tsx
new file mode 100644
index 0000000..dacddab
--- /dev/null
+++ b/frontend/src/pages/user/UserProfilePage.tsx
@@ -0,0 +1,177 @@
+import { useState } from 'react';
+import { Link, useParams, useSearchParams } from 'react-router-dom';
+import { useQuery } from '@tanstack/react-query';
+import { Home } from 'lucide-react';
+import { api, ApiError } from '@/lib/api';
+import { queryKeys } from '@/lib/query';
+import { PageContainer } from '@/components/PageContainer';
+import { Tabs, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { Skeleton } from '@/components/ui/Skeleton';
+import { ProfileInfoCard } from '@/components/user/ProfileInfoCard';
+import { SubmissionDistributionCard } from '@/components/user/SubmissionDistributionCard';
+import { UserHeader } from './UserHeader';
+import { UserOverviewTab } from './UserOverviewTab';
+import { UserSubmissionsTab } from './UserSubmissionsTab';
+import { UserActivityTab } from './UserActivityTab';
+
+type UserTab = 'overview' | 'submissions' | 'activity';
+
+const TABS: { value: UserTab; label: string }[] = [
+  { value: 'overview', label: '主页' },
+  { value: 'submissions', label: '投稿' },
+  { value: 'activity', label: '贡献墙' },
+];
+
+/** 公开用户主页 /user/:name */
+export function UserProfilePage() {
+  const { name = '' } = useParams<{ name: string }>();
+  const [searchParams, setSearchParams] = useSearchParams();
+  const [bannerFailed, setBannerFailed] = useState(false);
+
+  const rawTab = searchParams.get('tab');
+  const tab: UserTab = TABS.some((t) => t.value === rawTab) ? (rawTab as UserTab) : 'overview';
+
+  const profileQuery = useQuery({
+    queryKey: queryKeys.userProfile(name),
+    queryFn: () => api.getUserProfile(name),
+    enabled: name !== '',
+    staleTime: 60_000,
+    retry: false,
+  });
+
+  if (profileQuery.isPending) {
+    return <UserProfileSkeleton />;
+  }
+
+  if (profileQuery.error) {
+    return (
+      <UserProfileError error={profileQuery.error} onRetry={() => void profileQuery.refetch()} />
+    );
+  }
+
+  const profile = profileQuery.data;
+  const showBanner = profile.bannerKey !== '' && !bannerFailed;
+
+  return (
+    <div className="pb-16">
+      {/* Banner：从 sticky 顶栏下方开始（Header 在文档流里，无需额外上边距） */}
+      <div className="relative aspect-[3/1] max-h-[320px] min-h-[140px] w-full overflow-hidden bg-surface-2">
+        {showBanner ? (
+          <img
+            src={api.uploadFileUrl(profile.bannerKey)}
+            alt=""
+            className="h-full w-full object-cover"
+            onError={() => setBannerFailed(true)}
+          />
+        ) : (
+          <div className="h-full w-full bg-gradient-to-br from-primary-tint via-surface-2 to-primary-soft dark:from-primary/15 dark:via-surface-2 dark:to-background" />
+        )}
+        {/* 底部渐变过渡，保证头像叠层与文字在亮/暗主题下都有对比 */}
+        <div className="absolute inset-0 bg-gradient-to-t from-background/85 via-background/15 to-transparent dark:from-background dark:via-background/50" />
+      </div>
+
+      <PageContainer width="lg" className="pb-16 pt-0">
+        <UserHeader profile={profile} />
+
+        <div className="mt-6 border-b border-line">
+          <Tabs
+            value={tab}
+            onValueChange={(v) =>
+              setSearchParams(v === 'overview' ? {} : { tab: v }, { replace: true })
+            }
+          >
+            <TabsList className="h-auto w-full gap-6 border-b-0 bg-transparent p-0">
+              {TABS.map((t) => (
+                <TabsTrigger key={t.value} value={t.value} className="px-0 pb-3 pt-2">
+                  {t.label}
+                </TabsTrigger>
+              ))}
+            </TabsList>
+          </Tabs>
+        </div>
+
+        <div className="mt-6 grid grid-cols-1 gap-6 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]">
+          <div className="min-w-0">
+            {tab === 'overview' && <UserOverviewTab name={name} isSelf={profile.isSelf} />}
+            {tab === 'submissions' && <UserSubmissionsTab name={name} isSelf={profile.isSelf} />}
+            {tab === 'activity' && <UserActivityTab name={name} isSelf={profile.isSelf} />}
+          </div>
+
+          <aside className="space-y-4 lg:sticky lg:top-20 lg:self-start">
+            <ProfileInfoCard profile={profile} />
+            <SubmissionDistributionCard profile={profile} />
+          </aside>
+        </div>
+      </PageContainer>
+    </div>
+  );
+}
+
+/** 整页骨架：banner + 圆头像 + 两行标题 + 双栏 */
+function UserProfileSkeleton() {
+  return (
+    <div className="pb-16">
+      <Skeleton className="h-[180px] w-full rounded-none sm:h-[240px]" />
+      <PageContainer width="lg" className="pb-16 pt-0">
+        <div className="-mt-14 flex items-end gap-4 sm:-mt-16">
+          <Skeleton className="h-24 w-24 shrink-0 rounded-full ring-4 ring-background sm:h-28 sm:w-28" />
+          <div className="pb-1">
+            <Skeleton className="h-6 w-40" />
+            <Skeleton className="mt-2 h-4 w-24" />
+          </div>
+        </div>
+        <Skeleton className="mt-4 h-4 w-full max-w-xl" />
+        <div className="mt-6 grid grid-cols-1 gap-6 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]">
+          <div className="space-y-3">
+            <Skeleton className="h-32 w-full rounded-lg" />
+            <Skeleton className="h-16 w-full rounded-md" />
+            <Skeleton className="h-16 w-full rounded-md" />
+          </div>
+          <div className="space-y-4">
+            <Skeleton className="h-48 w-full rounded-lg" />
+            <Skeleton className="h-32 w-full rounded-lg" />
+          </div>
+        </div>
+      </PageContainer>
+    </div>
+  );
+}
+
+/** 用户不存在 / 加载失败 */
+function UserProfileError({ error, onRetry }: { error: unknown; onRetry: () => void }) {
+  const notFound = error instanceof ApiError && error.code === 404;
+
+  return (
+    <div className="flex min-h-[60vh] flex-col items-center justify-center px-6 py-24 text-center">
+      <p className="text-6xl font-bold tracking-tight text-primary">{notFound ? '404' : '!'}</p>
+      <h1 className="mt-4 text-xl font-bold tracking-tight text-foreground">
+        {notFound ? '用户不存在' : '主页加载失败'}
+      </h1>
+      <p className="mt-3 text-sm text-ink-2">
+        {notFound
+          ? '该用户可能已注销，或用户名有误。'
+          : error instanceof Error
+            ? error.message
+            : '请稍后重试。'}
+      </p>
+      <div className="mt-8 flex items-center gap-3">
+        {!notFound && (
+          <button
+            type="button"
+            onClick={onRetry}
+            className="inline-flex h-11 items-center justify-center rounded-md border border-input bg-card px-6 text-sm font-semibold text-ink-2 transition-colors hover:border-primary hover:text-primary"
+          >
+            重试
+          </button>
+        )}
+        <Link
+          to="/"
+          className="inline-flex h-11 items-center justify-center gap-2 rounded-md bg-primary px-6 text-sm font-semibold text-primary-foreground transition-colors hover:bg-primary-hover"
+        >
+          <Home className="h-4 w-4" />
+          返回首页
+        </Link>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/src/pages/user/UserSubmissionsTab.tsx b/frontend/src/pages/user/UserSubmissionsTab.tsx
new file mode 100644
index 0000000..0b248d2
--- /dev/null
+++ b/frontend/src/pages/user/UserSubmissionsTab.tsx
@@ -0,0 +1,196 @@
+import { useMemo, useState } from 'react';
+import { keepPreviousData, useInfiniteQuery } from '@tanstack/react-query';
+import { FileText } from 'lucide-react';
+import { api } from '@/lib/api';
+import { queryKeys } from '@/lib/query';
+import { useSentinel } from '@/hooks/useSentinel';
+import { EmptyState } from '@/components/ui/EmptyState';
+import { ListSkeleton } from '@/components/ui/Skeleton';
+import { SubmissionRow } from '@/components/submission/SubmissionRow';
+import { cn } from '@/lib/utils';
+import type { PublicSubmissionList, UserSubmissionSort } from '@/lib/types';
+
+const PAGE_SIZE = 20;
+
+/** 本人可见的状态筛选（访客固定 approved，不展示这一行） */
+const STATUS_TABS: { value: string; label: string }[] = [
+  { value: 'all', label: '全部' },
+  { value: 'approved', label: '已通过' },
+  { value: 'pending', label: '待审核' },
+  { value: 'reviewing', label: '审核中' },
+  { value: 'revised', label: '待投稿者确认' },
+  { value: 'need_revision', label: '需修改' },
+  { value: 'missing_audio', label: '缺音频' },
+  { value: 'rejected', label: '未通过' },
+  { value: 'draft', label: '草稿' },
+  { value: 'closed', label: '已关闭' },
+];
+
+const LANG_OPTIONS: { value: string; label: string }[] = [
+  { value: '', label: '全部语言' },
+  { value: 'zh', label: '汉语' },
+  { value: 'en', label: '英语' },
+  { value: 'ja', label: '日语' },
+  { value: 'ko', label: '韩语' },
+  { value: 'others', label: '其他' },
+];
+
+const SORT_OPTIONS: { value: UserSubmissionSort; label: string }[] = [
+  { value: 'newest', label: '最新发布' },
+  { value: 'oldest', label: '最早发布' },
+  { value: 'updated', label: '最近更新' },
+];
+
+/** 主页 Tab：完整投稿列表 */
+export function UserSubmissionsTab({ name, isSelf }: { name: string; isSelf: boolean }) {
+  const [status, setStatus] = useState('all');
+  const [language, setLanguage] = useState('');
+  const [sort, setSort] = useState<UserSubmissionSort>('newest');
+
+  // 访客无论怎么点都只能看到 approved（后端也会强制覆盖）
+  const effectiveStatus = isSelf ? status : 'approved';
+
+  const listKey = queryKeys.userSubmissions(name, {
+    status: effectiveStatus,
+    language,
+    sort,
+    limit: PAGE_SIZE,
+  });
+
+  const listQuery = useInfiniteQuery({
+    queryKey: listKey,
+    queryFn: ({ pageParam }) =>
+      api.getUserSubmissions(name, {
+        status: effectiveStatus,
+        language: language || undefined,
+        sort,
+        page: pageParam,
+        limit: PAGE_SIZE,
+      }),
+    initialPageParam: 1,
+    getNextPageParam: (last: PublicSubmissionList, all) => {
+      const fetched = all.reduce((n, p) => n + (p.items?.length ?? 0), 0);
+      if (typeof last.total === 'number' && last.total > 0) {
+        return fetched < last.total ? all.length + 1 : undefined;
+      }
+      return (last.items?.length ?? 0) < PAGE_SIZE ? undefined : all.length + 1;
+    },
+    placeholderData: keepPreviousData,
+    staleTime: 30_000,
+  });
+
+  const items = useMemo(
+    () => listQuery.data?.pages.flatMap((p) => p.items ?? []) ?? [],
+    [listQuery.data]
+  );
+  const total = listQuery.data?.pages[0]?.total ?? 0;
+  const errorMsg =
+    listQuery.error instanceof Error ? listQuery.error.message : listQuery.error ? '加载失败' : '';
+
+  const loadMore = () => {
+    if (listQuery.hasNextPage && !listQuery.isFetchingNextPage) {
+      void listQuery.fetchNextPage();
+    }
+  };
+  const sentinelRef = useSentinel(loadMore, listQuery.hasNextPage === true && !errorMsg);
+
+  return (
+    <div className="space-y-4">
+      {isSelf && (
+        <ChipRow options={STATUS_TABS} value={status} onChange={(v) => setStatus(v || 'all')} />
+      )}
+
+      <div className="flex flex-wrap items-center justify-between gap-3">
+        <ChipRow options={LANG_OPTIONS} value={language} onChange={setLanguage} size="sm" />
+        <ChipRow
+          options={SORT_OPTIONS}
+          value={sort}
+          onChange={(v) => setSort((v || 'newest') as UserSubmissionSort)}
+          size="sm"
+        />
+      </div>
+
+      {!isSelf && <p className="text-xs text-ink-3">仅展示已通过审核的投稿</p>}
+
+      <div className="flex items-center justify-between text-xs text-ink-3">
+        <span>共 {total} 篇</span>
+      </div>
+
+      {listQuery.isPending ? (
+        <ListSkeleton rows={6} />
+      ) : errorMsg ? (
+        <p className="rounded-lg border border-line bg-card px-4 py-8 text-center text-sm text-error">
+          {errorMsg}
+        </p>
+      ) : items.length === 0 ? (
+        <EmptyState
+          icon={FileText}
+          title={isSelf ? '还没有投稿' : '暂无公开投稿'}
+          description={
+            isSelf ? '换个筛选条件试试，或去创作中心新建投稿' : '该用户还没有通过审核的投稿'
+          }
+        />
+      ) : (
+        <>
+          <ul className="space-y-2">
+            {items.map((item) => (
+              <SubmissionRow
+                key={item.id}
+                item={item}
+                showStatus={isSelf}
+                href={isSelf ? `/creator/lyrics/detail?id=${item.id}` : undefined}
+              />
+            ))}
+          </ul>
+
+          {(listQuery.hasNextPage || listQuery.isFetchingNextPage) && (
+            <div ref={sentinelRef} className="pt-2 text-center">
+              <button
+                type="button"
+                onClick={loadMore}
+                disabled={!listQuery.hasNextPage || listQuery.isFetchingNextPage}
+                className="inline-flex h-9 items-center justify-center rounded-md border border-input bg-card px-5 text-sm text-ink-2 transition-colors hover:border-primary hover:text-primary disabled:cursor-not-allowed disabled:opacity-50"
+              >
+                {listQuery.isFetchingNextPage ? '加载中…' : '加载更多'}
+              </button>
+            </div>
+          )}
+        </>
+      )}
+    </div>
+  );
+}
+
+/** 胶囊筛选条 */
+function ChipRow({
+  options,
+  value,
+  onChange,
+  size = 'md',
+}: {
+  options: { value: string; label: string }[];
+  value: string;
+  onChange: (v: string) => void;
+  size?: 'sm' | 'md';
+}) {
+  return (
+    <div className="flex flex-wrap gap-2">
+      {options.map((o) => (
+        <button
+          key={o.value || '__all__'}
+          type="button"
+          onClick={() => onChange(o.value)}
+          className={cn(
+            'rounded-full transition-colors',
+            size === 'sm' ? 'px-2.5 py-1 text-xs' : 'px-3 py-1 text-xs',
+            value === o.value
+              ? 'bg-primary text-primary-foreground'
+              : 'bg-surface-2 text-ink-2 hover:text-foreground'
+          )}
+        >
+          {o.label}
+        </button>
+      ))}
+    </div>
+  );
+}
diff --git a/frontend/src/router.tsx b/frontend/src/router.tsx
index 74a99f6..72cbb43 100644
--- a/frontend/src/router.tsx
+++ b/frontend/src/router.tsx
@@ -28,6 +28,7 @@ import {
   SubmissionDetailPage,
   Terms,
   Privacy,
+  UserProfilePage,
   ViewLyricPage,
 } from '@/routes';
 
@@ -80,6 +81,7 @@ export const router = createBrowserRouter([
           { path: 'migration', element: <ProfileMigration /> },
         ],
       },
+      { path: '/user/:name', element: <UserProfilePage /> },
       { path: '/bind-account', element: <BindAccount /> },
       { path: '/messages', element: <MessagesPage /> },
       { path: '/creator', element: <CreatorCenter /> },
diff --git a/frontend/src/routes.tsx b/frontend/src/routes.tsx
index 9d5f7e7..35472d5 100644
--- a/frontend/src/routes.tsx
+++ b/frontend/src/routes.tsx
@@ -29,6 +29,8 @@ const loadGithubCallback = () =>
   import('@/pages/GithubCallback').then((m) => ({ default: m.GithubCallback }));
 const loadMessagesPage = () =>
   import('@/pages/MessagesPage').then((m) => ({ default: m.MessagesPage }));
+const loadUserProfilePage = () =>
+  import('@/pages/user/UserProfilePage').then((m) => ({ default: m.UserProfilePage }));
 const loadCreatorCenter = () =>
   import('@/pages/CreatorCenter').then((m) => ({ default: m.CreatorCenter }));
 const loadReviewCenter = () =>
@@ -63,6 +65,7 @@ export const ProfileMigration = lazy(loadProfileMigration);
 export const BindAccount = lazy(loadBindAccount);
 export const GithubCallback = lazy(loadGithubCallback);
 export const MessagesPage = lazy(loadMessagesPage);
+export const UserProfilePage = lazy(loadUserProfilePage);
 export const CreatorCenter = lazy(loadCreatorCenter);
 export const ReviewCenter = lazy(loadReviewCenter);
 export const SubmissionDetailPage = lazy(loadSubmissionDetailPage);
@@ -92,6 +95,7 @@ export const pagePreloads: Record<string, () => Promise<unknown>> = {
   '/profile/migration': loadProfileMigration,
   '/bind-account': loadBindAccount,
   '/messages': loadMessagesPage,
+  '/user/:name': loadUserProfilePage,
   '/creator': loadCreatorCenter,
   '/creator/lyrics/detail': loadSubmissionDetailPage,
   '/review': loadReviewCenter,
@@ -106,5 +110,8 @@ export const pagePreloads: Record<string, () => Promise<unknown>> = {
 
 /** 预取路由 chunk（幂等，可安全重复调用） */
 export function preloadRoute(path: string): void {
-  pagePreloads[path]?.().catch(() => {});
+  // 动态路由（如 /user/alice）按模板回落到 '/user/:name'
+  const loader =
+    pagePreloads[path] ?? (path.startsWith('/user/') ? pagePreloads['/user/:name'] : undefined);
+  loader?.().catch(() => {});
 }