diff --git a/backend/internal/model/listing.go b/backend/internal/model/listing.go
index 40cd26c..632ec92 100644
--- a/backend/internal/model/listing.go
+++ b/backend/internal/model/listing.go
@@ -30,6 +30,7 @@ func (GameAccount) TableName() string {
 
 type RentalListing struct {
 	ID            uint64     `gorm:"primaryKey" json:"id"`
+	ListingNo     string     `gorm:"column:listing_no;size:20;not null;uniqueIndex" json:"listing_no"`
 	AccountID     uint64     `gorm:"not null;index" json:"account_id"`
 	OwnerID       uint64     `gorm:"not null;index" json:"owner_id"`
 	Price         float64    `gorm:"type:decimal(12,2);not null;default:0" json:"price"`
diff --git a/backend/internal/modules/listing/dto.go b/backend/internal/modules/listing/dto.go
index 1e4d62a..d7a254c 100644
--- a/backend/internal/modules/listing/dto.go
+++ b/backend/internal/modules/listing/dto.go
@@ -10,6 +10,7 @@ import (
 
 type ListingDTO struct {
 	ID             uint64         `json:"id"`
+	ListingNo      string         `json:"listing_no"`
 	AccountID      uint64         `json:"account_id"`
 	OwnerID        uint64         `json:"owner_id"`
 	OwnerPhone     string         `json:"owner_phone,omitempty"`
@@ -187,6 +188,7 @@ type ExternalUploadMeta struct {
 type ExternalUploadResult struct {
 	Index        int    `json:"index"`
 	ListingID    uint64 `json:"listing_id,omitempty"`
+	ListingNo    string `json:"listing_no,omitempty"`
 	AccountID    uint64 `json:"account_id,omitempty"`
 	Status       string `json:"status,omitempty"`
 	ReviewStatus string `json:"review_status,omitempty"`
@@ -195,6 +197,7 @@ type ExternalUploadResult struct {
 
 type ExternalUploadResponse struct {
 	ListingID    uint64                 `json:"listing_id,omitempty"`
+	ListingNo    string                 `json:"listing_no,omitempty"`
 	AccountID    uint64                 `json:"account_id,omitempty"`
 	Status       string                 `json:"status,omitempty"`
 	ReviewStatus string                 `json:"review_status,omitempty"`
diff --git a/backend/internal/modules/listing/repository.go b/backend/internal/modules/listing/repository.go
index d726d25..1f0201d 100644
--- a/backend/internal/modules/listing/repository.go
+++ b/backend/internal/modules/listing/repository.go
@@ -50,6 +50,10 @@ func initialPublishState(reviewRequired bool) (string, string, *time.Time) {
 func (r *Repository) Create(ownerID uint64, req CreateRequest, reviewRequired bool) (*ListingDTO, error) {
 	var dto *ListingDTO
 	err := r.db.Transaction(func(tx *gorm.DB) error {
+		listingNo, err := r.nextListingNo(tx, time.Now())
+		if err != nil {
+			return err
+		}
 		screenshots, err := marshalScreenshots(req.ScreenshotURLS)
 		if err != nil {
 			return err
@@ -78,6 +82,7 @@ func (r *Repository) Create(ownerID uint64, req CreateRequest, reviewRequired bo
 		price := normalizedListingPrice(req)
 		depositAmount := roundMoney(req.DepositAmount)
 		listing := model.RentalListing{
+			ListingNo:     listingNo,
 			AccountID:     account.ID,
 			OwnerID:       ownerID,
 			Price:         price,
@@ -106,6 +111,10 @@ type externalUploadCreate struct {
 func (r *Repository) CreateFromExternalUpload(upload externalUploadCreate, req CreateRequest) (*ListingDTO, error) {
 	var dto *ListingDTO
 	err := r.db.Transaction(func(tx *gorm.DB) error {
+		listingNo, err := r.nextListingNo(tx, time.Now())
+		if err != nil {
+			return err
+		}
 		admin, err := r.findActiveUploadAdmin(tx, upload.UploaderName)
 		if err != nil {
 			return err
@@ -139,6 +148,7 @@ func (r *Repository) CreateFromExternalUpload(upload externalUploadCreate, req C
 			return err
 		}
 		listing := model.RentalListing{
+			ListingNo:     listingNo,
 			AccountID:     account.ID,
 			OwnerID:       owner.ID,
 			Price:         normalizedListingPrice(req),
@@ -1009,6 +1019,9 @@ func publicZoneCounts(items []ListingDTO) map[string]int64 {
 
 func publicSearchText(item ListingDTO) string {
 	parts := []string{
+		item.ListingNo,
+		strconv.FormatUint(item.ID, 10),
+		strconv.FormatUint(item.AccountID, 10),
 		item.Title,
 		item.Description,
 		item.RankLevel,
@@ -1303,6 +1316,39 @@ func (r *Repository) findForReviewUpdate(tx *gorm.DB, listingID uint64) (*model.
 	return &listing, &account, nil
 }
 
+func (r *Repository) nextListingNo(tx *gorm.DB, now time.Time) (string, error) {
+	bizDate := now.Format("20060102")
+	if tx.Dialector.Name() == "mysql" {
+		if err := tx.Exec(`
+			INSERT INTO listing_no_sequences (biz_date, next_seq)
+			VALUES (?, LAST_INSERT_ID(1))
+			ON DUPLICATE KEY UPDATE next_seq = LAST_INSERT_ID(next_seq + 1)
+		`, bizDate).Error; err != nil {
+			return "", err
+		}
+		var seq int
+		if err := tx.Raw("SELECT LAST_INSERT_ID()").Scan(&seq).Error; err != nil {
+			return "", err
+		}
+		return fmt.Sprintf("%s%04d", bizDate, seq), nil
+	}
+
+	var maxNo string
+	if err := tx.Table("rental_listings").
+		Select("COALESCE(MAX(listing_no), '')").
+		Where("listing_no LIKE ?", bizDate+"%").
+		Scan(&maxNo).Error; err != nil {
+		return "", err
+	}
+	seq := 1
+	if len(maxNo) > len(bizDate) {
+		if parsed, err := strconv.Atoi(maxNo[len(bizDate):]); err == nil {
+			seq = parsed + 1
+		}
+	}
+	return fmt.Sprintf("%s%04d", bizDate, seq), nil
+}
+
 type listingRow struct {
 	model.RentalListing
 	Title          string
@@ -1394,6 +1440,7 @@ func (row listingRow) toDTO() ListingDTO {
 	reviewStatus, reviewReason := normalizedReviewState(row.Status, row.ReviewStatus, row.ReviewReason)
 	return ListingDTO{
 		ID:             row.ID,
+		ListingNo:      row.ListingNo,
 		AccountID:      row.AccountID,
 		OwnerID:        row.OwnerID,
 		OwnerPhone:     row.OwnerPhone,
@@ -1427,6 +1474,7 @@ func toDTO(account model.GameAccount, listing model.RentalListing) *ListingDTO {
 	reviewStatus, reviewReason := normalizedReviewState(listing.Status, listing.ReviewStatus, listing.ReviewReason)
 	return &ListingDTO{
 		ID:             listing.ID,
+		ListingNo:      listing.ListingNo,
 		AccountID:      account.ID,
 		OwnerID:        listing.OwnerID,
 		Title:          account.Title,
diff --git a/backend/internal/modules/listing/service.go b/backend/internal/modules/listing/service.go
index dc2f639..79813e9 100644
--- a/backend/internal/modules/listing/service.go
+++ b/backend/internal/modules/listing/service.go
@@ -150,6 +150,7 @@ func (s *Service) ImportExternalUpload(req ExternalUploadRequest, meta ExternalU
 		result := ExternalUploadResult{
 			Index:        index,
 			ListingID:    dto.ID,
+			ListingNo:    dto.ListingNo,
 			AccountID:    dto.AccountID,
 			Status:       dto.Status,
 			ReviewStatus: dto.ReviewStatus,
@@ -157,6 +158,7 @@ func (s *Service) ImportExternalUpload(req ExternalUploadRequest, meta ExternalU
 		results = append(results, result)
 		if len(items) == 1 {
 			resp.ListingID = dto.ID
+			resp.ListingNo = dto.ListingNo
 			resp.AccountID = dto.AccountID
 			resp.Status = dto.Status
 			resp.ReviewStatus = dto.ReviewStatus
diff --git a/backend/migrations/000002_add_listing_no.sql b/backend/migrations/000002_add_listing_no.sql
new file mode 100644
index 0000000..cc982a9
--- /dev/null
+++ b/backend/migrations/000002_add_listing_no.sql
@@ -0,0 +1,33 @@
+-- 商品编号：用于前台展示、搜索和客服定位
+ALTER TABLE rental_listings
+  ADD COLUMN listing_no VARCHAR(20) NULL COMMENT '商品编号，格式yyyyMMddNNNN' AFTER id;
+
+UPDATE rental_listings AS l
+JOIN (
+  SELECT
+    id,
+    CONCAT(
+      DATE_FORMAT(created_at, '%Y%m%d'),
+      LPAD(ROW_NUMBER() OVER (PARTITION BY DATE(created_at) ORDER BY id), 4, '0')
+    ) AS generated_listing_no
+  FROM rental_listings
+) AS seq ON seq.id = l.id
+SET l.listing_no = seq.generated_listing_no
+WHERE l.listing_no IS NULL OR l.listing_no = '';
+
+ALTER TABLE rental_listings
+  MODIFY COLUMN listing_no VARCHAR(20) NOT NULL COMMENT '商品编号，格式yyyyMMddNNNN',
+  ADD UNIQUE KEY uk_rental_listings_listing_no (listing_no);
+
+CREATE TABLE IF NOT EXISTS listing_no_sequences (
+  biz_date CHAR(8) PRIMARY KEY COMMENT '业务日期yyyyMMdd',
+  next_seq INT NOT NULL DEFAULT 0 COMMENT '当日已分配最大序号',
+  created_at DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
+  updated_at DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci COMMENT='商品编号日序列表';
+
+INSERT INTO listing_no_sequences (biz_date, next_seq)
+SELECT DATE_FORMAT(created_at, '%Y%m%d') AS biz_date, COUNT(*) AS next_seq
+FROM rental_listings
+GROUP BY DATE_FORMAT(created_at, '%Y%m%d')
+ON DUPLICATE KEY UPDATE next_seq = GREATEST(next_seq, VALUES(next_seq));
diff --git a/frontend/src/features/listings/api/listings.ts b/frontend/src/features/listings/api/listings.ts
index 8d5758b..75f4474 100644
--- a/frontend/src/features/listings/api/listings.ts
+++ b/frontend/src/features/listings/api/listings.ts
@@ -4,6 +4,7 @@ import type { ListingReviewStatus, ListingStatus } from '@/shared/types/status'
 
 export interface Listing {
   id: number
+  listing_no: string
   account_id: number
   owner_id: number
   owner_phone?: string
diff --git a/frontend/src/features/listings/components/ListingCard.vue b/frontend/src/features/listings/components/ListingCard.vue
index a189ca9..3e3bd55 100644
--- a/frontend/src/features/listings/components/ListingCard.vue
+++ b/frontend/src/features/listings/components/ListingCard.vue
@@ -7,6 +7,7 @@ import {
   getCoinWan,
   getDailyLoss,
   getListingDisplayPrice,
+  formatListingCode,
   getListingResources,
   getListingTitle,
   getLoginMethod,
@@ -100,7 +101,10 @@ function formatStatNumber(value: number) {
     <div class="card-details">
       <div class="card-title-row">
         <h3>{{ getListingTitle(listing) }}</h3>
-        <span v-if="dailyLoss" class="daily-loss">日耗 {{ dailyLoss }}</span>
+        <div class="card-title-meta">
+          <span class="listing-no">编号 {{ formatListingCode(listing) }}</span>
+          <span v-if="dailyLoss" class="daily-loss">日耗 {{ dailyLoss }}</span>
+        </div>
       </div>
 
       <div class="info-panel">
@@ -252,6 +256,23 @@ function formatStatNumber(value: number) {
   white-space: nowrap;
 }
 
+.card-title-meta {
+  display: inline-flex;
+  flex: 0 0 auto;
+  align-items: center;
+  gap: 8px;
+}
+
+.listing-no {
+  padding: 4px 10px;
+  border: 1px solid #dbeafe;
+  border-radius: 6px;
+  background: #eff6ff;
+  font-size: 12px;
+  font-weight: 800;
+  color: #2563eb;
+}
+
 .daily-loss {
   flex: 0 0 auto;
   padding: 4px 10px;
diff --git a/frontend/src/features/listings/views/HomeView.vue b/frontend/src/features/listings/views/HomeView.vue
index 63586f9..52bd506 100644
--- a/frontend/src/features/listings/views/HomeView.vue
+++ b/frontend/src/features/listings/views/HomeView.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { computed, ref } from 'vue'
+import { computed, ref, watch } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
 import {
   defaultHomeAnnouncements,
   defaultHomeBanners,
@@ -24,6 +25,8 @@ const banners = ref<HomeBannerSlide[]>(defaultHomeBanners)
 const publishOptions = ref<ListingPublishOptions>(emptyListingPublishOptions)
 const sortBy = ref('recommended')
 const activeZone = ref('all')
+const route = useRoute()
+const router = useRouter()
 
 const {
   filters,
@@ -40,6 +43,8 @@ const {
   computed(() => listings.value)
 )
 
+filters.keyword = routeKeyword()
+
 const {
   loading,
   loadingMore,
@@ -50,6 +55,13 @@ const {
   zoneCount,
 } = useListingQuery(filters, sortBy, activeZone)
 
+watch(
+  () => route.query.keyword,
+  () => {
+    filters.keyword = routeKeyword()
+  }
+)
+
 const statCards = computed(() => [
   { label: '可租账号', value: `${totalListings.value}`, hint: '当前筛选结果' },
   {
@@ -127,6 +139,19 @@ function handleResetFilters() {
   resetFilters()
   activeZone.value = 'all'
   sortBy.value = 'recommended'
+  router.replace({
+    path: '/',
+    query: {
+      ...route.query,
+      keyword: undefined,
+    },
+  })
+}
+
+function routeKeyword() {
+  const keyword = route.query.keyword
+  if (Array.isArray(keyword)) return String(keyword[0] || '')
+  return typeof keyword === 'string' ? keyword : ''
 }
 
 loadHome()
diff --git a/frontend/src/features/listings/views/MobileHomeView.css b/frontend/src/features/listings/views/MobileHomeView.css
index b83642a..abca478 100644
--- a/frontend/src/features/listings/views/MobileHomeView.css
+++ b/frontend/src/features/listings/views/MobileHomeView.css
@@ -323,6 +323,18 @@
   white-space: nowrap;
 }
 
+.mobile-listing-no {
+  display: inline-flex;
+  width: fit-content;
+  margin-top: 6px;
+  padding: 3px 7px;
+  border-radius: 999px;
+  background: #eff6ff;
+  color: #2563eb;
+  font-size: 11px;
+  font-weight: 800;
+}
+
 .card-subtitle {
   margin: 6px 0 10px;
   color: #64748b;
diff --git a/frontend/src/features/listings/views/MobileHomeView.vue b/frontend/src/features/listings/views/MobileHomeView.vue
index bbf74f0..f21964d 100644
--- a/frontend/src/features/listings/views/MobileHomeView.vue
+++ b/frontend/src/features/listings/views/MobileHomeView.vue
@@ -26,6 +26,7 @@ import {
   getListingDisplayPrice,
   getListingSubtitle,
   getListingTitle,
+  formatListingCode,
   getLoginMethod,
   getServerRegion,
   hasAcceleratedSaleRatio,
@@ -377,7 +378,7 @@ function uniqueOptions(values: string[]) {
         <van-search
           v-model="searchValue"
           shape="round"
-          placeholder="搜区服 / 段位"
+          placeholder="搜编号 / 区服 / 段位"
           class="home-search"
         />
         <button
@@ -510,6 +511,7 @@ function uniqueOptions(values: string[]) {
               <div class="card-title-row">
                 <h2>{{ getListingTitle(item) }}</h2>
               </div>
+              <div class="mobile-listing-no">编号 {{ formatListingCode(item) }}</div>
               <p class="card-subtitle">{{ getListingSubtitle(item) }}</p>
               <div class="card-badges-row">
                 <span class="server-badge">{{ getServerRegion(item) }}</span>
diff --git a/frontend/src/layouts/AppLayout.vue b/frontend/src/layouts/AppLayout.vue
index 1f7edfd..ecaeb73 100644
--- a/frontend/src/layouts/AppLayout.vue
+++ b/frontend/src/layouts/AppLayout.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { computed, ref } from 'vue'
-import { useRouter } from 'vue-router'
+import { computed, ref, watch } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
 import { ElMessage } from 'element-plus'
 import {
   ArrowDown,
@@ -28,6 +28,7 @@ import { useSessionStore } from '@/stores/session'
 
 const session = useSessionStore()
 const router = useRouter()
+const route = useRoute()
 
 const navItems = [
   { label: '首页', to: '/', icon: House },
@@ -50,6 +51,7 @@ const sellerServiceItems = [
 
 const showUserDropdown = ref(false)
 const supportLoading = ref(false)
+const topSearchKeyword = ref('')
 
 const realnameBadge = computed(() => {
   switch (session.realnameStatus) {
@@ -64,6 +66,33 @@ const realnameBadge = computed(() => {
   }
 })
 
+watch(
+  () => [route.path, route.query.keyword],
+  () => {
+    if (route.path !== '/') return
+    topSearchKeyword.value = normalizeRouteKeyword(route.query.keyword)
+  },
+  { immediate: true }
+)
+
+function normalizeRouteKeyword(value: unknown) {
+  if (Array.isArray(value)) return String(value[0] || '')
+  return typeof value === 'string' ? value : ''
+}
+
+function handleTopSearchInput(event: Event) {
+  const value = (event.target as HTMLInputElement).value
+  topSearchKeyword.value = value
+  const keyword = value.trim()
+  router.replace({
+    path: '/',
+    query: {
+      ...route.query,
+      keyword: keyword || undefined,
+    },
+  })
+}
+
 function handleLogout() {
   session.logout()
   showUserDropdown.value = false
@@ -108,7 +137,11 @@ async function handleSupportClick() {
 
       <div class="pc-search">
         <el-icon><Search /></el-icon>
-        <input placeholder="搜索区服 / 段位 / 哈夫币数量 / 皮肤" />
+        <input
+          :value="topSearchKeyword"
+          placeholder="搜索编号 / 区服 / 段位 / 哈夫币数量 / 皮肤"
+          @input="handleTopSearchInput"
+        />
       </div>
 
       <div class="pc-user-actions">
diff --git a/frontend/src/shared/utils/listingDisplay.ts b/frontend/src/shared/utils/listingDisplay.ts
index 0686d22..d74ff75 100644
--- a/frontend/src/shared/utils/listingDisplay.ts
+++ b/frontend/src/shared/utils/listingDisplay.ts
@@ -23,6 +23,7 @@ export function getCoinM(item: Listing) {
 }
 
 export function formatListingCode(item: Listing) {
+  if (item.listing_no) return item.listing_no
   return `SP${String(item.id).padStart(6, '0')}`
 }
 
diff --git a/frontend/src/styles/home-filters.css b/frontend/src/styles/home-filters.css
index d1ba2f1..d47f751 100644
--- a/frontend/src/styles/home-filters.css
+++ b/frontend/src/styles/home-filters.css
@@ -9,6 +9,7 @@
 
 .filter-header {
   display: flex;
+  gap: 16px;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 20px;
diff --git a/frontend/src/utils/listingDisplay.ts b/frontend/src/utils/listingDisplay.ts
index 56f4a34..e7421a7 100644
--- a/frontend/src/utils/listingDisplay.ts
+++ b/frontend/src/utils/listingDisplay.ts
@@ -23,6 +23,7 @@ export function getCoinM(item: Listing) {
 }
 
 export function formatListingCode(item: Listing) {
+  if (item.listing_no) return item.listing_no
   return `SP${String(item.id).padStart(6, '0')}`
 }
 
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
index 8c2ffe4..7cce484 100644
--- a/frontend/tsconfig.json
+++ b/frontend/tsconfig.json
@@ -2,6 +2,7 @@
   "extends": "@vue/tsconfig/tsconfig.dom.json",
   "compilerOptions": {
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.tsbuildinfo",
+    "noEmit": true,
     "types": ["vite/client"],
     "paths": {
       "@/*": ["./src/*"]