feat: P2阶段完成 - listings和auth模块迁移

## P2.1: 商品浏览模块（listings）✅

### 完整迁移（23个文件）
- API: listings.ts, listingOptions.ts, homeConfig.ts
- Views: 5个页面（HomeView, ListingsView, ListingDetailView + 移动端2个）
- Composables: 3个（useHomeFilters, useFilterOptions, useListingQuery）
- Components: 9个（ListingCard, 各种过滤器组件）
- Tests: 2个测试文件

**功能：**
- 首页浏览、商品列表、详情查看
- 高级筛选（服务器、等级、哈夫币、皮肤等）
- 排序和分区功能
- 横幅、公告、统计展示

**技术改进：**
- 更新所有导入路径到 @/shared/
- 建立清晰的模块导出

---

## P2.2: 用户认证模块（auth）✅

### 完整迁移（12个文件）
- API: auth.ts, realname.ts, notifications.ts
- Views: 8个页面（登录、注册、个人资料、实名认证、通知 + 移动端）
- 模块导出

**功能：**
- 用户注册、登录、Token管理
- 实名认证、风险检查
- 个人资料编辑、头像上传
- 消息/通知中心

**技术改进：**
- 统一 API 导入路径
- 类型安全增强

---

## 里程碑

🎉 **P2 阶段完成！**

**累计完成：** 6个模块
- ✅ P0: shared（基础设施）- 22个文件
- ✅ P1: wallet, chats, orders - 24个文件
- ✅ P2: listings, auth - 35个文件

**总计：** 81个文件已迁移

**剩余：** P3阶段（seller, disputes, admin）+ 清理工作

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

frontend/src/features/listings/components/HomeBanner.vue

@@ -0,0 +1,107 @@
+<script setup lang="ts">
+import { ElCarousel, ElCarouselItem } from 'element-plus'
+
+interface HomeBannerSlide {
+  title?: string
+  eyebrow?: string
+  pill?: string
+  badge?: string
+  tone?: string
+  image_url?: string
+}
+
+interface Props {
+  banners: HomeBannerSlide[]
+}
+
+defineProps<Props>()
+</script>
+
+<template>
+  <section class="hero-board">
+    <el-carousel height="240px" indicator-position="outside" :interval="3600">
+      <el-carousel-item v-for="slide in banners" :key="slide.title || slide.image_url">
+        <div
+          class="hero-slide"
+          :class="[`tone-${slide.tone}`, { 'has-image': slide.image_url }]"
+        >
+          <img
+            v-if="slide.image_url"
+            :src="slide.image_url"
+            :alt="slide.title || slide.eyebrow || '首页轮播'"
+          />
+          <div class="hero-copy">
+            <span v-if="slide.eyebrow">{{ slide.eyebrow }}</span>
+            <h1 v-if="slide.title">{{ slide.title }}</h1>
+            <p v-if="slide.pill">{{ slide.pill }}</p>
+          </div>
+          <em v-if="slide.badge">{{ slide.badge }}</em>
+        </div>
+      </el-carousel-item>
+    </el-carousel>
+  </section>
+</template>
+
+<style scoped>
+.hero-board {
+  min-width: 0;
+  border-radius: 16px;
+  overflow: hidden;
+}
+
+.hero-slide {
+  position: relative;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  padding: 40px;
+  background: #f8fafc;
+}
+
+.hero-slide.tone-orange {
+  background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
+}
+.hero-slide.tone-green {
+  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
+}
+
+.hero-slide img {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.hero-slide.has-image::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, transparent 60%);
+}
+
+.hero-copy {
+  position: relative;
+  z-index: 1;
+  max-width: 480px;
+}
+
+.hero-slide.has-image .hero-copy {
+  color: #ffffff;
+}
+
+.hero-copy h1 {
+  margin: 12px 0;
+  font-size: 32px;
+  line-height: 1.2;
+}
+
+.hero-copy p {
+  display: inline-block;
+  padding: 6px 12px;
+  border-radius: 999px;
+  background: rgba(255, 255, 255, 0.2);
+  backdrop-filter: blur(4px);
+  font-size: 14px;
+}
+</style>