diff --git a/src/api/h5Http.ts b/src/api/h5Http.ts
index bf7e84a..2bf4c86 100644
--- a/src/api/h5Http.ts
+++ b/src/api/h5Http.ts
@@ -16,10 +16,17 @@ const baseURL = (import.meta.env.VITE_API_BASE_URL as string | undefined) ?? 'ht
 
 /** 生产环境后台 SPA 挂在 /admin/，须带 BASE_URL，否则会跳到 /h5/ 的 uni-app 与核销页冲突 */
 export function verifyLoginAbsoluteUrl(): string {
-  return buildVerifyLoginUrlWithPortal()
+  return buildUnifiedActivityVerifyLoginUrl()
 }
 
-/** 构建核销登录页完整 URL，优先附带短码 v=，其次兼容旧 portal= */
+/** 活动核销：全平台统一入口链接（不在 URL 上区分活动），活动由 6 位数字口令区分 */
+export function buildUnifiedActivityVerifyLoginUrl(): string {
+  const pathname = window.location.pathname || ''
+  const subPath = pathname.includes('/m/verify') ? 'm/verify/login' : 'h5/verify/login'
+  const base = import.meta.env.BASE_URL || '/'
+  const normalized = base.endsWith('/') ? base : `${base}/`
+  return `${window.location.origin}${normalized}${subPath}`
+}
 export function buildVerifyLoginUrlWithPortal(): string {
   const code = localStorage.getItem(VERIFY_PORTAL_CODE_KEY)
   const legacy = localStorage.getItem(VERIFY_PORTAL_LEGACY_TOKEN_KEY)
@@ -66,7 +73,7 @@ h5Http.interceptors.response.use(
       localStorage.removeItem(H5_TOKEN_KEY)
       const path = window.location.pathname || ''
       if (path.includes('/h5/verify') || path.includes('/m/verify')) {
-        window.location.replace(buildVerifyLoginUrlWithPortal())
+        window.location.replace(buildUnifiedActivityVerifyLoginUrl())
       }
     }
     return Promise.reject(error)
diff --git a/src/views/activities/ActivityList.vue b/src/views/activities/ActivityList.vue
index 90051bb..4debac2 100644
--- a/src/views/activities/ActivityList.vue
+++ b/src/views/activities/ActivityList.vue
@@ -1,18 +1,14 @@
 <script setup lang="ts">
-import { computed, nextTick, onMounted, reactive, ref } from 'vue'
+import { computed, nextTick, onMounted, reactive, ref, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import { Message } from '@arco-design/web-vue'
 import RichEditorField from '../../components/RichEditorField.vue'
-import { IconEye, IconEyeInvisible } from '@arco-design/web-vue/es/icon'
-import { buildVerifyPortalPublicUrl } from '../../api/h5Http'
+import { buildUnifiedActivityVerifyLoginUrl } from '../../api/h5Http'
 import { http } from '../../api/http'
 import { useModalDirtyGuard } from '../../composables/useModalDirtyGuard'
 import { useUnsavedChangesGuard } from '../../composables/useUnsavedChangesGuard'
 import { listTableRowIndex } from '../../utils/listTableRowIndex'
 
-/** 主列表列宽约 1174px，勿用全局 3220 撑宽列 */
-const ACTIVITY_LIST_SCROLL_X = 1820
-
 type Venue = {
   id: number
   name: string
@@ -31,6 +27,10 @@ type Activity = {
   venue_id: number
   /** 后台创建人；平台超管代录可为空，仅超管可改此类活动 */
   submitted_by?: number | null
+  /** 创建人信息 */
+  submitter?: { id: number; name: string } | null
+  /** 创建时间 */
+  created_at?: string
   title: string
   contact_name?: string | null
   summary?: string
@@ -56,6 +56,8 @@ type Activity = {
   /** 活动进度：未开始 / 进行中 / 已结束 */
   schedule_status?: 'not_started' | 'ongoing' | 'ended'
   venue?: { id: number; name: string }
+  /** 已通过审核的记录条数（来自 activity_audit_logs，用于删除按钮等） */
+  approve_audit_logs_count?: number
   audit_status?: 'approved' | 'pending' | 'rejected'
   audit_remark?: string | null
   reservation_type?: string
@@ -91,12 +93,43 @@ const filters = reactive({
 
 const auditActivityVisible = ref(false)
 const auditActivityRecord = ref<Activity | null>(null)
+const auditModalMode = ref<'audit' | 'view'>('view')
+const auditDetailLoading = ref(false)
+const auditBookingPreview = ref<BookingDayRow[]>([])
+const auditBookingAudienceLabel = ref('')
+const auditActivityLogs = ref<ActivityAuditLogRow[]>([])
+const auditApproveRemark = ref('')
+const auditRejectRemark = ref('')
+/** 审核说明弹窗 */
+const auditRemarkModalVisible = ref(false)
+const auditRemarkModalTitle = ref('')
+const auditRemarkModalPlaceholder = ref('')
+const auditCurrentRemark = ref('')
+const auditCurrentAction = ref<'approve' | 'approve_hot' | 'reject' | null>(null)
+/** 审核通过后同弹窗配置核销 */
+const auditVerifySetupPhase = ref(false)
+const auditInlineVerifyUrl = ref('')
+const auditInlineVerifyPin = ref('')
+
+watch(auditActivityVisible, (v) => {
+  if (!v) {
+    auditVerifySetupPhase.value = false
+  }
+})
 const btsVisible = ref(false)
 const btsActivityId = ref<number | null>(null)
 const btsModalTitle = ref('上传花絮')
 const btsImages = ref<Array<{ type: 'image'; url: string }>>([])
 const btsSaving = ref(false)
 
+type ActivityAuditLogRow = {
+  id: number
+  action: string
+  remark: string | null
+  created_at: string | null
+  admin_user: { id: number; name: string } | null
+}
+
 type BookingDayRow = {
   id?: number
   session_name: string
@@ -111,286 +144,38 @@ type BookingDayRow = {
   booked_count?: number
 }
 
-const bookingModalVisible = ref(false)
-const bookingSaving = ref(false)
-const bookingActivityRef = ref<Activity | null>(null)
-const bookingForm = reactive({
-  booking_audience: 'both' as 'individual' | 'group' | 'both',
-  min_people_per_order: 1,
-  max_people_per_order: 10,
-  days: [] as BookingDayRow[],
-})
-
-function defaultSessionTimesForActivity(act: Activity | null): { start: string; end: string; deadline: string } {
-  const d = act?.start_at
-    ? formatYmdInShanghai(String(act.start_at))
-    : new Intl.DateTimeFormat('en-CA', {
-        timeZone: 'Asia/Shanghai',
-        year: 'numeric',
-        month: '2-digit',
-        day: '2-digit',
-      }).format(new Date())
-  return {
-    start: `${d} 09:00:00`,
-    end: `${d} 11:00:00`,
-    deadline: `${d} 08:30:00`,
-  }
-}
-
-function addBookingDayRow() {
-  const act = bookingActivityRef.value
-  const { start, end, deadline } = defaultSessionTimesForActivity(act)
-  bookingForm.days.push({
-    session_name: `场次 ${bookingForm.days.length + 1}`,
-    session_start_at: start,
-    session_end_at: end,
-    booking_opens_at: '',
-    booking_deadline_at: deadline,
-    day_quota: 30,
-    quota_note: '',
-    booked_count: 0,
-  })
-}
-
-function removeBookingDayRow(index: number) {
-  const row = bookingForm.days[index]
-  if (row?.booked_count && row.booked_count > 0) {
-    Message.warning('该场次已有预约，无法删除')
-    return
-  }
-  bookingForm.days.splice(index, 1)
-}
-
-function normalizeBookingDayTime(raw: unknown): string {
-  const s = String(raw ?? '').trim().replace('T', ' ')
-  if (!s) return ''
-  return s.length >= 19 ? s.slice(0, 19) : s
-}
-
-async function openBookingModal(row: Activity) {
-  if (!assertCanEditActivityRow(row, '配置场次')) return
-  if (row.reservation_type !== 'online') {
-    Message.warning('仅「需要报名」方式可配置场次')
-    return
-  }
-  if (row.schedule_status === 'ended') {
-    Message.warning('活动已结束，无法配置场次')
-    return
-  }
-  bookingActivityRef.value = row
-  bookingSaving.value = false
-  try {
-    const { data } = await http.get(`/activities/${row.id}/booking-settings`)
-    bookingForm.booking_audience = (data?.booking_audience as 'individual' | 'group' | 'both') || 'both'
-    bookingForm.min_people_per_order = Math.max(1, Number(data?.min_people_per_order) || 1)
-    bookingForm.max_people_per_order = Math.max(
-      bookingForm.min_people_per_order,
-      Number(data?.max_people_per_order) || Math.max(10, bookingForm.min_people_per_order),
-    )
-    const days = Array.isArray(data?.days) ? data.days : []
-    bookingForm.days = days.map((d: Record<string, unknown>) => {
-      const nid = Number(d.id)
-      return {
-        id: Number.isFinite(nid) && nid > 0 ? nid : undefined,
-        session_name: String(d.session_name ?? ''),
-        session_start_at: normalizeBookingDayTime(d.session_start_at),
-        session_end_at: normalizeBookingDayTime(d.session_end_at),
-        booking_opens_at: normalizeBookingDayTime(d.booking_opens_at),
-        booking_deadline_at: normalizeBookingDayTime(d.booking_deadline_at),
-        day_quota: Math.max(0, Number(d.day_quota) || 0),
-        quota_note: String(d.quota_note ?? ''),
-        booked_count: Math.max(0, Number(d.booked_count) || 0),
-      }
-    })
-    if (bookingForm.days.length === 0) {
-      addBookingDayRow()
-    }
-    bookingModalVisible.value = true
-  } catch (e: any) {
-    Message.error(e?.response?.data?.message ?? '加载场次失败')
-  }
-}
-
-async function saveBookingSettings() {
-  const act = bookingActivityRef.value
-  if (!act) return
-  if (bookingForm.days.length === 0) {
-    Message.warning('请至少添加一个场次')
-    return
-  }
-  for (let i = 0; i < bookingForm.days.length; i++) {
-    const d = bookingForm.days[i]
-    if (!d.session_name.trim()) {
-      Message.warning(`第 ${i + 1} 行请填写场次名称`)
-      return
-    }
-    if (!d.session_start_at || !d.session_end_at || !d.booking_deadline_at) {
-      Message.warning(`第 ${i + 1} 行请填写场次开始、结束与预约截止时间`)
-      return
-    }
-    if (!d.day_quota || d.day_quota < 1) {
-      Message.warning(`第 ${i + 1} 行预约名额须≥1`)
-      return
-    }
-  }
-  if (
-    bookingForm.booking_audience !== 'individual'
-    && bookingForm.max_people_per_order < bookingForm.min_people_per_order
-  ) {
-    Message.warning('每单最多人数不能小于最少人数')
-    return
-  }
-  const payload: Record<string, unknown> = {
-    booking_audience: bookingForm.booking_audience,
-    days: bookingForm.days.map((d) => {
-      const row: Record<string, unknown> = {
-        session_name: d.session_name.trim(),
-        session_start_at: d.session_start_at,
-        session_end_at: d.session_end_at,
-        booking_deadline_at: d.booking_deadline_at,
-        day_quota: d.day_quota,
-        quota_note: (d.quota_note || '').trim() || null,
-      }
-      const opens = (d.booking_opens_at || '').trim()
-      row.booking_opens_at = opens || null
-      if (d.id && d.id > 0) {
-        row.id = d.id
-      }
-      return row
-    }),
-  }
-  if (bookingForm.booking_audience !== 'individual') {
-    payload.min_people_per_order = bookingForm.min_people_per_order
-    payload.max_people_per_order = bookingForm.max_people_per_order
-  }
-  bookingSaving.value = true
-  try {
-    await http.put(`/activities/${act.id}/booking-settings`, payload)
-    Message.success('场次已保存')
-    bookingModalVisible.value = false
-    await loadAll()
-  } catch (e: any) {
-    Message.error(e?.response?.data?.message ?? '保存失败')
-  } finally {
-    bookingSaving.value = false
-  }
-}
-
-type ActVerifyCredRow = {
-  id: number
-  venue_id: number
-  venue_name?: string
-  username: string
-  password_plain?: string | null
-  note?: string | null
-  created_at?: string
-}
-
-const actVerifyVisible = ref(false)
 const actVerifyLoading = ref(false)
 const actVerifyActivityId = ref<number | null>(null)
 const actVerifyActivityTitle = ref('')
 const actVerifyVenueName = ref('')
 const actVerifyUrl = ref('')
-const actVerifyCreds = ref<ActVerifyCredRow[]>([])
-const actVerifyCredForm = reactive({ username: '', password: '', note: '' })
-const actVerifyCredSaving = ref(false)
-const actPasswordReveal = ref<Record<number, boolean>>({})
-const ACT_VERIFY_PASSWORD_HINT = '至少 6 位，最长 72 位'
-
-function validateActivityVerifyPassword(pw: string): string | null {
-  if (pw.length < 6) return '密码至少 6 位'
-  if (pw.length > 72) return '密码最长 72 位'
-  return null
+const actVerifyPin = ref('')
+const editContextRowSnapshot = ref<Activity | null>(null)
+
+function copyAuditInlineVerifyUrl() {
+  void navigator.clipboard.writeText(auditInlineVerifyUrl.value)
+  Message.success('核销入口链接已复制')
 }
 
-async function loadActVerifyData(activityId: number) {
-  const { data } = await http.get<{ verify_portal_code: string; credentials: ActVerifyCredRow[] }>(
-    `/activities/${activityId}/verify-portal`,
-  )
-  actVerifyUrl.value = buildVerifyPortalPublicUrl(data.verify_portal_code)
-  actVerifyCreds.value = data.credentials || []
+function copyAuditInlineVerifyPin() {
+  void navigator.clipboard.writeText(auditInlineVerifyPin.value)
+  Message.success('核销密码已复制')
 }
 
-async function openActivityVerify(row: Activity) {
-  if (!assertCanOpenActivityVerify(row)) return
-  if (row.reservation_type !== 'online') {
-    Message.warning('仅「需要报名」的活动可配置专用核销')
-    return
-  }
-  if (row.schedule_status === 'ended') {
-    Message.warning('活动已结束，无需核销管理')
-    return
-  }
-  actVerifyActivityId.value = row.id
-  actVerifyActivityTitle.value = row.title || ''
-  actVerifyVenueName.value = row.venue?.name || ''
-  actPasswordReveal.value = {}
-  actVerifyVisible.value = true
-  actVerifyLoading.value = true
-  actVerifyCredForm.username = ''
-  actVerifyCredForm.password = ''
-  actVerifyCredForm.note = ''
-  try {
-    await loadActVerifyData(row.id)
-  } catch (e: any) {
-    Message.error(e?.response?.data?.message ?? '加载核销配置失败')
-    actVerifyVisible.value = false
-  } finally {
-    actVerifyLoading.value = false
-  }
+async function loadActVerifyData(activityId: number) {
+  const { data } = await http.get<{ verify_portal_pin?: string }>(`/activities/${activityId}/verify-portal`)
+  actVerifyUrl.value = buildUnifiedActivityVerifyLoginUrl()
+  actVerifyPin.value = String(data?.verify_portal_pin ?? '').trim()
 }
 
 function copyActVerifyUrl() {
   void navigator.clipboard.writeText(actVerifyUrl.value)
-  Message.success('核销链接已复制')
+  Message.success('核销入口链接已复制')
 }
 
-function toggleActPasswordReveal(id: number) {
-  actPasswordReveal.value = { ...actPasswordReveal.value, [id]: !actPasswordReveal.value[id] }
-}
-
-async function addActVerifyCredential() {
-  if (!canEditActivityVerifyCredentials()) return
-  if (!actVerifyActivityId.value) return
-  if (!actVerifyCredForm.username.trim() || !actVerifyCredForm.password) {
-    Message.warning('请填写用户名与密码')
-    return
-  }
-  const pwdErr = validateActivityVerifyPassword(actVerifyCredForm.password)
-  if (pwdErr) {
-    Message.warning(pwdErr)
-    return
-  }
-  actVerifyCredSaving.value = true
-  try {
-    await http.post(`/activities/${actVerifyActivityId.value}/verify-credentials`, {
-      username: actVerifyCredForm.username.trim(),
-      password: actVerifyCredForm.password,
-      note: actVerifyCredForm.note.trim() || undefined,
-    })
-    Message.success('已添加')
-    actVerifyCredForm.username = ''
-    actVerifyCredForm.password = ''
-    actVerifyCredForm.note = ''
-    await loadActVerifyData(actVerifyActivityId.value)
-  } catch (e: any) {
-    Message.error(e?.response?.data?.message ?? '添加失败')
-  } finally {
-    actVerifyCredSaving.value = false
-  }
-}
-
-async function removeActVerifyCredential(row: ActVerifyCredRow) {
-  if (!canEditActivityVerifyCredentials()) return
-  if (!actVerifyActivityId.value) return
-  try {
-    await http.delete(`/activities/${actVerifyActivityId.value}/verify-credentials/${row.id}`)
-    Message.success('已删除')
-    actVerifyCreds.value = actVerifyCreds.value.filter((c) => c.id !== row.id)
-  } catch (e: any) {
-    Message.error(e?.response?.data?.message ?? '删除失败')
-  }
+function copyActVerifyPin() {
+  void navigator.clipboard.writeText(actVerifyPin.value)
+  Message.success('核销密码已复制')
 }
 
 const isCreate = ref(true)
@@ -446,10 +231,47 @@ function formatActivityTableDateRange(record: Activity): string {
   return s || e || '-'
 }
 
+/** 新增/编辑弹窗场次步骤顶栏：带出当前表单活动日期与时间说明 */
+const activityBookingStepIntro = computed(() => {
+  const r: Activity = {
+    id: editId.value ?? 0,
+    venue_id: Number(form.venue_id) || 0,
+    title: form.title,
+    start_at: form.start_at || undefined,
+    end_at: form.end_at || undefined,
+    is_active: !!form.is_active,
+  }
+  const datePart = formatActivityTableDateRange(r)
+  const timePart = form.specific_time.trim() ? form.specific_time.trim() : '—'
+  return `本次活动日期 ${datePart}，具体时间 ${timePart}，请配置预约场次，保存时将一并提交活动信息与场次。`
+})
+
+/** 审核弹窗内「提交人」展示文案 */
+function auditSubmitterDisplayName(row: Activity | null): string {
+  if (!row) return '—'
+  const name = row.submitter?.name?.trim()
+  if (name) return name
+  if (row.submitted_by != null && row.submitted_by !== undefined) return '未知用户'
+  return '平台录入'
+}
+
+/** 场次设置预览标题：不出现 both 等英文码，仅中文标签 + 人数段 */
+function formatBookingAudienceBadge(audRaw: string, minP: number, maxP: number): string {
+  const aud = String(audRaw || '').trim()
+  const minOk = Number.isFinite(minP) ? Math.max(1, Math.floor(minP)) : 1
+  let maxOk = Number.isFinite(maxP) ? Math.max(minOk, Math.floor(maxP)) : minOk
+  if (maxOk < minOk) maxOk = minOk
+  const peopleSeg = `${minOk}–${maxOk} 人`
+  if (aud === 'individual') return '个人'
+  if (aud === 'group') return `团体（每单 ${peopleSeg}）`
+  if (aud === 'both') return `个人+团体（每单 ${peopleSeg}）`
+  return aud ? `${aud}（每单 ${peopleSeg}）` : `—`
+}
+
 const form = reactive({
   venue_id: undefined as number | undefined,
   /** 需要报名 online / 无需报名 none / 或自定义文案（仅展示，与 online 逻辑不同） */
-  reservation_type: 'online',
+  reservation_type: 'none',
   is_hot: false,
   /** 门票说明：免费/收费，提交至 offline_reservation_method */
   ticket_note: 'free' as 'free' | 'paid',
@@ -519,6 +341,185 @@ const formScheduleStatus = computed(() => {
   return computeScheduleStatusFromDates(form.start_at || '', form.end_at || '')
 })
 
+const bookingForm = reactive({
+  booking_audience: 'both' as 'individual' | 'group' | 'both',
+  min_people_per_order: 1,
+  max_people_per_order: 10,
+  days: [] as BookingDayRow[],
+})
+
+/** 新增/编辑活动弹窗：0 活动信息，1 场次（仅需要报名且未结束时） */
+const activityEditStep = ref(0)
+const activityModalBookingLoading = ref(false)
+
+const needsBookingStep = computed(() => String(form.reservation_type || '').trim() === 'online')
+const canConfigureBookingStep = computed(
+  () => needsBookingStep.value && formScheduleStatus.value !== 'ended',
+)
+
+const activityModalTitle = computed(() => {
+  const base = isCreate.value ? '新增活动' : '编辑活动'
+  if (activityEditStep.value === 1) return `${base} · 场次设置`
+  return base
+})
+
+function unifiedBookingContextActivity(): Activity | null {
+  if (!form.start_at && !form.end_at) return null
+  return {
+    id: editId.value ?? 0,
+    venue_id: Number(form.venue_id) || 0,
+    title: form.title,
+    start_at: form.start_at,
+    end_at: form.end_at,
+    reservation_type: form.reservation_type,
+    is_active: !!form.is_active,
+    schedule_status: form.display_schedule_status,
+  } as Activity
+}
+
+function defaultSessionTimesForActivity(act: Activity | null): { start: string; end: string; deadline: string } {
+  const d = act?.start_at
+    ? formatYmdInShanghai(String(act.start_at))
+    : new Intl.DateTimeFormat('en-CA', {
+        timeZone: 'Asia/Shanghai',
+        year: 'numeric',
+        month: '2-digit',
+        day: '2-digit',
+      }).format(new Date())
+  return {
+    start: `${d} 09:00:00`,
+    end: `${d} 11:00:00`,
+    deadline: `${d} 08:30:00`,
+  }
+}
+
+function addBookingDayRow() {
+  const act = unifiedBookingContextActivity()
+  const { start, end, deadline } = defaultSessionTimesForActivity(act)
+  bookingForm.days.push({
+    session_name: `场次 ${bookingForm.days.length + 1}`,
+    session_start_at: start,
+    session_end_at: end,
+    booking_opens_at: '',
+    booking_deadline_at: deadline,
+    day_quota: 30,
+    quota_note: '',
+    booked_count: 0,
+  })
+}
+
+function removeBookingDayRow(index: number) {
+  const row = bookingForm.days[index]
+  if (row?.booked_count && row.booked_count > 0) {
+    Message.warning('该场次已有预约，无法删除')
+    return
+  }
+  bookingForm.days.splice(index, 1)
+}
+
+function normalizeBookingDayTime(raw: unknown): string {
+  const s = String(raw ?? '').trim().replace('T', ' ')
+  if (!s) return ''
+  return s.length >= 19 ? s.slice(0, 19) : s
+}
+
+async function loadBookingForEditActivity(activityId: number) {
+  activityModalBookingLoading.value = true
+  try {
+    const { data } = await http.get(`/activities/${activityId}/booking-settings`)
+    bookingForm.booking_audience = (data?.booking_audience as 'individual' | 'group' | 'both') || 'both'
+    bookingForm.min_people_per_order = Math.max(1, Number(data?.min_people_per_order) || 1)
+    bookingForm.max_people_per_order = Math.max(
+      bookingForm.min_people_per_order,
+      Number(data?.max_people_per_order) || Math.max(10, bookingForm.min_people_per_order),
+    )
+    const days = Array.isArray(data?.days) ? data.days : []
+    bookingForm.days = days.map((d: Record<string, unknown>) => {
+      const nid = Number(d.id)
+      return {
+        id: Number.isFinite(nid) && nid > 0 ? nid : undefined,
+        session_name: String(d.session_name ?? ''),
+        session_start_at: normalizeBookingDayTime(d.session_start_at),
+        session_end_at: normalizeBookingDayTime(d.session_end_at),
+        booking_opens_at: normalizeBookingDayTime(d.booking_opens_at),
+        booking_deadline_at: normalizeBookingDayTime(d.booking_deadline_at),
+        day_quota: Math.max(0, Number(d.day_quota) || 0),
+        quota_note: String(d.quota_note ?? ''),
+        booked_count: Math.max(0, Number(d.booked_count) || 0),
+      }
+    })
+    if (bookingForm.days.length === 0) {
+      addBookingDayRow()
+    }
+  } catch (e: any) {
+    Message.error(e?.response?.data?.message ?? '加载场次失败')
+    throw e
+  } finally {
+    activityModalBookingLoading.value = false
+  }
+}
+
+function validateBookingFormInternal(): boolean {
+  if (bookingForm.days.length === 0) {
+    Message.warning('请至少添加一个场次')
+    return false
+  }
+  for (let i = 0; i < bookingForm.days.length; i++) {
+    const d = bookingForm.days[i]
+    if (!d.session_name.trim()) {
+      Message.warning(`第 ${i + 1} 行请填写场次名称`)
+      return false
+    }
+    if (!d.session_start_at || !d.session_end_at || !d.booking_deadline_at) {
+      Message.warning(`第 ${i + 1} 行请填写场次开始、结束与预约截止时间`)
+      return false
+    }
+    if (!d.day_quota || d.day_quota < 1) {
+      Message.warning(`第 ${i + 1} 行预约名额须≥1`)
+      return false
+    }
+  }
+  if (
+    bookingForm.booking_audience !== 'individual'
+    && bookingForm.max_people_per_order < bookingForm.min_people_per_order
+  ) {
+    Message.warning('每单最多人数必须大于等于每单最少人数')
+    return false
+  }
+  if (bookingForm.booking_audience !== 'individual' && bookingForm.max_people_per_order === 1) {
+    Message.warning('团体或个人+团体时，每单最多人数不可为 1，且须大于等于每单最少人数')
+    return false
+  }
+  return true
+}
+
+function buildBookingPayload(): Record<string, unknown> {
+  const payload: Record<string, unknown> = {
+    booking_audience: bookingForm.booking_audience,
+    days: bookingForm.days.map((d) => {
+      const row: Record<string, unknown> = {
+        session_name: d.session_name.trim(),
+        session_start_at: d.session_start_at,
+        session_end_at: d.session_end_at,
+        booking_deadline_at: d.booking_deadline_at,
+        day_quota: d.day_quota,
+        quota_note: (d.quota_note || '').trim() || null,
+      }
+      const opens = (d.booking_opens_at || '').trim()
+      row.booking_opens_at = opens || null
+      if (d.id && d.id > 0) {
+        row.id = d.id
+      }
+      return row
+    }),
+  }
+  if (bookingForm.booking_audience !== 'individual') {
+    payload.min_people_per_order = bookingForm.min_people_per_order
+    payload.max_people_per_order = bookingForm.max_people_per_order
+  }
+  return payload
+}
+
 function normalizeMediaUrl(rawUrl?: string, rawPath?: string) {
   const urlText = String(rawUrl || '').trim()
   if (urlText) {
@@ -616,12 +617,23 @@ function formSignature() {
   return JSON.stringify(form)
 }
 
+function editFlowSignature() {
+  return JSON.stringify({
+    form: formSignature(),
+    step: activityEditStep.value,
+    bookingAudience: bookingForm.booking_audience,
+    minP: bookingForm.min_people_per_order,
+    maxP: bookingForm.max_people_per_order,
+    days: bookingForm.days.map((d) => ({ ...d })),
+  })
+}
+
 function captureFormBaseline() {
-  formBaseline.value = formSignature()
+  formBaseline.value = editFlowSignature()
 }
 
 function hasUnsavedChanges() {
-  return visible.value && formSignature() !== formBaseline.value
+  return visible.value && editFlowSignature() !== formBaseline.value
 }
 
 const confirmDiscardChanges = useModalDirtyGuard(hasUnsavedChanges, '活动表单有未保存改动，确认关闭吗？')
@@ -634,15 +646,71 @@ function isSuperAdmin() {
   return currentUser.value?.full_admin_access === true
 }
 
-/** 非超管仅能维护本人提交的活动 */
+/** 活动列表横向滚动宽度（随可见列变化；勿用过大固定值撑宽表格） */
+const activityListScrollX = computed(() => {
+  let w =
+    50 +
+    220 +
+    200 +
+    130 +
+    100 +
+    80 +
+    88 +
+    230
+  if (!isVenueAdmin()) w += 180
+  if (isSuperAdmin()) w += 80 + 80 // 上架开关 + 热门开关
+  return w
+})
+
+/** 当前用户是否为该活动创建人（非超管语境下判断提交人） */
+function isActivityCreator(row: Activity): boolean {
+  const sid = row.submitted_by
+  return sid != null && Number(sid) === Number(currentUser.value?.id)
+}
+
+/** 删除：仅限从未出现过「审核通过」记录的待审核或已退回活动；已通过至少一次后不能再删 */
 function canEditActivityRow(row: Activity): boolean {
+  if ((row.approve_audit_logs_count ?? 0) > 0) return false
+  const st = row.audit_status
+  if (st !== 'pending' && st !== 'rejected') return false
   if (isSuperAdmin()) return true
-  const sid = row.submitted_by
-  if (sid == null) return false
-  return Number(sid) === Number(currentUser.value?.id)
+  return isActivityCreator(row)
+}
+
+/** 平台代录：无提交人，仅超管可改（与后端一致） */
+function isPlatformSubmittedActivity(row: Activity): boolean {
+  return row.submitted_by == null
+}
+
+/** 列表「编辑」：创建人或超管代录；待审核时仅创建人/超管（平台代录）可继续改；已结束不可编辑 */
+function canShowActivityEditButton(row: Activity): boolean {
+  if (row.schedule_status === 'ended') return false
+  if (row.audit_status === 'pending') {
+    return isActivityCreator(row) || (isSuperAdmin() && isPlatformSubmittedActivity(row))
+  }
+  if (isActivityCreator(row)) return true
+  if (isSuperAdmin() && isPlatformSubmittedActivity(row)) return true
+  return false
+}
+
+/** 列表操作列：已退回时创建人显示「编辑并提交」 */
+function activityListEditButtonLabel(row: Activity): string {
+  if (row.audit_status === 'rejected' && isActivityCreator(row)) return '编辑并提交'
+  return '编辑'
+}
+
+function assertCanOpenActivityEditor(row: Activity): boolean {
+  if (isActivityCreator(row)) return true
+  if (isSuperAdmin() && isPlatformSubmittedActivity(row)) return true
+  Message.warning(
+    isPlatformSubmittedActivity(row)
+      ? '该平台代录的活动仅超级管理员可编辑'
+      : '仅活动创建人可编辑',
+  )
+  return false
 }
 
-/** 场馆管理员可查看绑定场馆所举办活动的核销信息（只读），不要求本人创建 */
+/** 场馆管理员可查看绑定场馆所举办活动的核销信息等（只读），不要求本人创建 */
 function canViewActivityVerifyAsVenueAdmin(row: Activity): boolean {
   if (!isVenueAdmin()) return false
   const vid = row.venue_id
@@ -650,40 +718,51 @@ function canViewActivityVerifyAsVenueAdmin(row: Activity): boolean {
   return (currentUser.value?.venues ?? []).some((v) => Number(v.id) === Number(vid))
 }
 
-/** 打开核销管理：创建人/超管，或（场馆管理员且活动场馆已绑定） */
-function canOpenActivityVerify(row: Activity): boolean {
-  return canEditActivityRow(row) || canViewActivityVerifyAsVenueAdmin(row)
+/** 花絮：创建人/超管，或该活动绑定场馆的管理员 */
+function canManageBehindScenes(row: Activity): boolean {
+  return isSuperAdmin() || isActivityCreator(row) || canViewActivityVerifyAsVenueAdmin(row)
 }
 
-function assertCanOpenActivityVerify(row: Activity): boolean {
-  if (canOpenActivityVerify(row)) return true
+function assertCanManageBehindScenes(row: Activity): boolean {
+  if (canManageBehindScenes(row)) return true
   if (isVenueAdmin()) {
-    Message.warning('仅可查看已绑定场馆举办的活动核销信息')
+    Message.warning('仅可管理已绑定场馆举办的活动花絮')
   } else {
     Message.warning(
       row.submitted_by == null
-        ? '该平台代录的活动仅超级管理员可管理核销'
-        : '只能管理本人提交的活动核销',
+        ? '该平台代录的活动仅超级管理员可管理花絮'
+        : '只能管理本人提交的活动花絮',
     )
   }
   return false
 }
 
-function assertCanEditActivityRow(row: Activity, action: string): boolean {
+/** 可查看核销配置：超管、创建人、或绑定该活动场馆的管理员 */
+function canOpenActivityVerify(row: Activity): boolean {
+  if (isSuperAdmin()) return true
+  if (isActivityCreator(row)) return true
+  return canViewActivityVerifyAsVenueAdmin(row)
+}
+
+function assertCanEditActivityRow(row: Activity, _action: string): boolean {
   if (canEditActivityRow(row)) return true
+  if ((row.approve_audit_logs_count ?? 0) > 0) {
+    Message.warning('该活动曾审核通过，无法删除')
+    return false
+  }
+  const st = row.audit_status
+  if (st !== 'pending' && st !== 'rejected') {
+    Message.warning('只有待审核或已退回、且从未审核通过的活动可以删除')
+    return false
+  }
   Message.warning(
     row.submitted_by == null
-      ? `该平台代录的活动仅超级管理员可${action}`
-      : `只能${action}本人提交的活动`,
+      ? '该平台代录的活动仅超级管理员可删除'
+      : '仅活动创建人可删除该活动（待审核或首次退回）',
   )
   return false
 }
 
-/** 活动核销账号：场馆管理员仅可查看链接与密码，不可增删改 */
-function canEditActivityVerifyCredentials() {
-  return !isVenueAdmin()
-}
-
 function auditStatusLabel(s?: string | null) {
   if (s === 'pending') return '待审核'
   if (s === 'rejected') return '已退回'
@@ -744,52 +823,190 @@ function scheduleStatusColor(s?: 'not_started' | 'ongoing' | 'ended' | null) {
   return 'green'
 }
 
-function openAuditActivity(row: Activity) {
+function canViewActivityAuditDetail(row: Activity): boolean {
+  if (isSuperAdmin()) return true
+  return isActivityCreator(row) || canViewActivityVerifyAsVenueAdmin(row)
+}
+
+const auditModalDynamicTitle = computed(() => {
+  if (auditVerifySetupPhase.value) {
+    const t = actVerifyActivityTitle.value || auditActivityRecord.value?.title || ''
+    return t ? `审核通过 · 核销管理 · ${t}` : '审核通过 · 核销管理'
+  }
+  return auditModalMode.value === 'audit' ? '审核活动' : '查看活动与审核记录'
+})
+
+function auditLogActionLabel(action: string): string {
+  if (action === 'approve') return '通过'
+  if (action === 'reject') return '退回'
+  if (action === 'edit_submit') return '编辑并提交'
+  return action
+}
+
+async function openAuditActivity(row: Activity, mode: 'audit' | 'view') {
   auditActivityRecord.value = row
+  const effectiveMode =
+    mode === 'audit' && row.audit_status === 'pending' && isSuperAdmin() ? 'audit' : 'view'
+  auditModalMode.value = effectiveMode
+  auditApproveRemark.value = ''
+  auditRejectRemark.value = ''
+  auditVerifySetupPhase.value = false
+  auditInlineVerifyUrl.value = ''
+  auditInlineVerifyPin.value = ''
   auditActivityVisible.value = true
+  auditDetailLoading.value = true
+  auditBookingPreview.value = []
+  auditBookingAudienceLabel.value = ''
+  auditActivityLogs.value = []
+  try {
+    const logPromise = http.get(`/activities/${row.id}/activity-audit-logs`)
+    const bookingPromise =
+      row.reservation_type === 'online'
+        ? http.get(`/activities/${row.id}/booking-settings`)
+        : Promise.resolve(null)
+    const verifyPromise =
+      row.reservation_type === 'online' && row.audit_status === 'approved' && canOpenActivityVerify(row)
+        ? http.get(`/activities/${row.id}/verify-portal`)
+        : Promise.resolve(null)
+    const [logRes, bookingRes, verifyRes] = await Promise.all([logPromise, bookingPromise, verifyPromise])
+    const logData = logRes.data as { data?: ActivityAuditLogRow[] }
+    auditActivityLogs.value = logData.data ?? []
+    if (bookingRes) {
+      const data = bookingRes.data as any
+      const minP = Math.max(1, Number(data?.min_people_per_order) || 1)
+      const maxP = Math.max(minP, Number(data?.max_people_per_order) || minP)
+      const aud = String(data?.booking_audience ?? '')
+      auditBookingAudienceLabel.value = formatBookingAudienceBadge(aud, minP, maxP)
+      const days = Array.isArray(data?.days) ? data.days : []
+      auditBookingPreview.value = days.map((d: Record<string, unknown>) => {
+        const nid = Number(d.id)
+        return {
+          id: Number.isFinite(nid) && nid > 0 ? nid : undefined,
+          session_name: String(d.session_name ?? ''),
+          session_start_at: normalizeBookingDayTime(d.session_start_at),
+          session_end_at: normalizeBookingDayTime(d.session_end_at),
+          booking_opens_at: normalizeBookingDayTime(d.booking_opens_at),
+          booking_deadline_at: normalizeBookingDayTime(d.booking_deadline_at),
+          day_quota: Math.max(0, Number(d.day_quota) || 0),
+          quota_note: String(d.quota_note ?? ''),
+          booked_count: Math.max(0, Number(d.booked_count) || 0),
+        }
+      })
+    }
+    if (verifyRes) {
+      const vd = verifyRes.data as { verify_portal_pin?: string }
+      auditInlineVerifyUrl.value = buildUnifiedActivityVerifyLoginUrl()
+      auditInlineVerifyPin.value = String(vd?.verify_portal_pin ?? '').trim()
+    }
+  } catch (e: any) {
+    Message.error(e?.response?.data?.message ?? '加载审核详情失败')
+    auditActivityVisible.value = false
+  } finally {
+    auditDetailLoading.value = false
+  }
+}
+
+function finishAuditVerifySetup() {
+  auditVerifySetupPhase.value = false
+  auditActivityVisible.value = false
+  void loadAll()
+}
+
+/** 打开审核说明弹窗 */
+function openAuditRemarkModal(action: 'approve' | 'approve_hot' | 'reject') {
+  auditCurrentAction.value = action
+  auditCurrentRemark.value = ''
+  if (action === 'approve') {
+    auditRemarkModalTitle.value = '通过审核'
+    auditRemarkModalPlaceholder.value = '请输入审核说明（选填）'
+  } else if (action === 'approve_hot') {
+    auditRemarkModalTitle.value = '通过并设为热门活动'
+    auditRemarkModalPlaceholder.value = '请输入审核说明（选填）'
+  } else {
+    auditRemarkModalTitle.value = '退回活动'
+    auditRemarkModalPlaceholder.value = '请输入退回说明（选填）'
+  }
+  auditRemarkModalVisible.value = true
 }
 
-async function auditSubmitApprove(markHot: boolean) {
+/** 确认提交审核 */
+async function confirmAuditSubmit() {
+  const action = auditCurrentAction.value
+  if (!action) return
+  
   const row = auditActivityRecord.value
   if (!row?.id) return
-  const approvedId = row.id
-  const openVerifyAfter = isSuperAdmin() && row.reservation_type === 'online'
-  try {
-    await http.post(`/activities/${row.id}/audit/approve`, { mark_hot: markHot })
-    Message.success('审核已通过')
-    auditActivityVisible.value = false
-    await loadAll()
-    if (openVerifyAfter) {
-      const found = rows.value.find((r) => r.id === approvedId)
-      if (found) {
-        await nextTick()
-        openActivityVerify(found)
+  
+  auditRemarkModalVisible.value = false
+  
+  if (action === 'reject') {
+    try {
+      await http.post(`/activities/${row.id}/audit/reject`, {
+        remark: auditCurrentRemark.value.trim() || undefined,
+      })
+      Message.success('已退回')
+      auditActivityVisible.value = false
+      await loadAll()
+    } catch (error: any) {
+      Message.error(error?.response?.data?.message ?? '操作失败')
+    }
+  } else {
+    const markHot = action === 'approve_hot'
+    const approvedId = row.id
+    const openVerifyAfter = isSuperAdmin() && row.reservation_type === 'online'
+    try {
+      await http.post(`/activities/${row.id}/audit/approve`, {
+        mark_hot: markHot,
+        remark: auditCurrentRemark.value.trim() || undefined,
+      })
+      Message.success('审核已通过')
+      if (!openVerifyAfter) {
+        auditActivityVisible.value = false
+        await loadAll()
+        return
+      }
+      auditDetailLoading.value = true
+      try {
+        await loadAll()
+        const found = rows.value.find((r) => r.id === approvedId)
+        if (found) {
+          auditActivityRecord.value = found
+        }
+        auditVerifySetupPhase.value = true
+        actVerifyActivityId.value = approvedId
+        actVerifyActivityTitle.value = found?.title || row.title || ''
+        actVerifyVenueName.value = found?.venue?.name || row.venue?.name || ''
+        await loadActVerifyData(approvedId)
+      } catch (e: any) {
+        Message.error(e?.response?.data?.message ?? '加载核销配置失败')
+        auditVerifySetupPhase.value = false
+        auditActivityVisible.value = false
+      } finally {
+        auditDetailLoading.value = false
       }
+    } catch (error: any) {
+      Message.error(error?.response?.data?.message ?? '操作失败')
     }
-  } catch (error: any) {
-    Message.error(error?.response?.data?.message ?? '操作失败')
   }
 }
 
-async function auditSubmitReject() {
-  const row = auditActivityRecord.value
-  if (!row?.id) return
+async function onHotFlagChange(row: Activity, val: unknown) {
+  if (typeof val !== 'boolean') return
   try {
-    await http.post(`/activities/${row.id}/audit/reject`, {})
-    Message.success('已退回')
-    auditActivityVisible.value = false
-    await loadAll()
+    await http.post(`/activities/${row.id}/hot-flag`, { is_hot: val })
+    Message.success('已更新热门状态')
+    row.is_hot = val
   } catch (error: any) {
     Message.error(error?.response?.data?.message ?? '操作失败')
   }
 }
 
-async function onHotFlagChange(row: Activity, val: unknown) {
+async function onActiveFlagChange(row: Activity, val: unknown) {
   if (typeof val !== 'boolean') return
   try {
-    await http.post(`/activities/${row.id}/hot-flag`, { is_hot: val })
-    Message.success('已更新热门状态')
-    row.is_hot = val
+    await http.post(`/activities/${row.id}/toggle`)
+    Message.success(val ? '已上架' : '已下架')
+    row.is_active = val
   } catch (error: any) {
     Message.error(error?.response?.data?.message ?? '操作失败')
   }
@@ -802,7 +1019,7 @@ function activityHasBehindScenesImages(row: Activity): boolean {
 }
 
 function openBehindScenesModal(row: Activity) {
-  if (!assertCanEditActivityRow(row, '上传花絮')) return
+  if (!assertCanManageBehindScenes(row)) return
   btsActivityId.value = row.id
   btsModalTitle.value = activityHasBehindScenesImages(row) ? '查看花絮' : '上传花絮'
   const raw = Array.isArray(row.behind_scenes_media) ? row.behind_scenes_media : []
@@ -867,11 +1084,6 @@ function auditTicketNoteLabel(row: Activity): string {
   return m || '—'
 }
 
-function auditCoordCell(v: unknown): string {
-  const n = parseCoord(v)
-  return n != null ? n.toFixed(6) : '—'
-}
-
 function auditShowExternalUrl(row: Activity): boolean {
   const t = row.reservation_type || ''
   return t === 'other' || !!String(row.external_url || '').trim()
@@ -1122,7 +1334,7 @@ function openCreate() {
   editId.value = null
   Object.keys(formErrors).forEach((key) => { formErrors[key] = '' })
   form.venue_id = isVenueAdmin() ? currentUser.value?.venues?.[0]?.id : venues.value[0]?.id
-  form.reservation_type = 'online'
+  form.reservation_type = 'none'
   form.ticket_note = 'free'
   form.fee_note = ''
   form.location = ''
@@ -1146,15 +1358,27 @@ function openCreate() {
   form.sort = 0
   form.is_active = true
   form.display_schedule_status = undefined
+  activityEditStep.value = 0
+  bookingForm.booking_audience = 'both'
+  bookingForm.min_people_per_order = 1
+  bookingForm.max_people_per_order = 10
+  bookingForm.days = []
+  editContextRowSnapshot.value = null
   resetEditors()
   captureFormBaseline()
   visible.value = true
 }
 
 function openEdit(row: Activity) {
-  if (!assertCanEditActivityRow(row, '编辑')) return
+  if (!assertCanOpenActivityEditor(row)) return
   isCreate.value = false
   editId.value = row.id
+  activityEditStep.value = 0
+  bookingForm.booking_audience = 'both'
+  bookingForm.min_people_per_order = 1
+  bookingForm.max_people_per_order = 10
+  bookingForm.days = []
+  editContextRowSnapshot.value = row
   Object.keys(formErrors).forEach((key) => { formErrors[key] = '' })
   form.venue_id = row.venue_id
   form.reservation_type = String(row.reservation_type ?? 'online').trim() || 'online'
@@ -1306,6 +1530,13 @@ function validateForm(): boolean {
   if (!form.location.trim()) {
     formErrors.location = '请填写活动地点'
     isValid = false
+  } else {
+    const la = parseCoord(form.lat)
+    const ln = parseCoord(form.lng)
+    if (la === undefined || ln === undefined) {
+      formErrors.location = '请地图选点或使用本馆地址完善活动地点定位'
+      isValid = false
+    }
   }
   const rt = String(form.reservation_type || '').trim()
   if (!rt) {
@@ -1320,17 +1551,59 @@ function validateForm(): boolean {
     isValid = false
   }
 
-  return isValid
+  return isValid
+}
+
+async function onClickNextStep() {
+  if (!validateForm()) {
+    Message.warning('请填写所有必填项')
+    return
+  }
+  if (!canConfigureBookingStep.value) {
+    await submitUnifiedActivity()
+    return
+  }
+  try {
+    if (!isCreate.value && editId.value) {
+      await loadBookingForEditActivity(editId.value)
+    } else {
+      bookingForm.booking_audience = 'both'
+      bookingForm.min_people_per_order = 1
+      bookingForm.max_people_per_order = 10
+      bookingForm.days = []
+      addBookingDayRow()
+    }
+    activityEditStep.value = 1
+  } catch {
+    /* loadBookingForEditActivity 已提示 */
+  }
+}
+
+function onCancelUnifiedModal() {
+  if (confirmDiscardChanges()) {
+    visible.value = false
+    activityEditStep.value = 0
+    editContextRowSnapshot.value = null
+  }
 }
 
-async function submit() {
+async function submitUnifiedActivity() {
+  saving.value = true
   try {
     if (!validateForm()) {
       Message.warning('请填写所有必填项')
       return false
     }
+    const needBookingNow = needsBookingStep.value && canConfigureBookingStep.value
+    if (needBookingNow && activityEditStep.value !== 1) {
+      Message.warning('请先填写场次设置后再提交')
+      return false
+    }
+    if (needBookingNow && !validateBookingFormInternal()) {
+      return false
+    }
 
-    const payload = {
+    const payload: Record<string, unknown> = {
       venue_id: form.venue_id,
       reservation_type: String(form.reservation_type || '').trim(),
       location: form.location.trim(),
@@ -1357,24 +1630,40 @@ async function submit() {
       tags: form.tags,
       reservation_notice: null,
       open_time: null,
-      sort: isSuperAdmin() ? form.sort : undefined,
-      is_hot: isSuperAdmin() ? form.is_hot : undefined,
-      is_active: form.is_active,
     }
+    let returned: { id?: number; audit_status?: string } | null = null
+    let actId = editId.value
     if (isCreate.value) {
-      await http.post('/activities', payload)
-      Message.success('创建活动成功')
+      const { data } = await http.post<{ id: number; audit_status?: string }>('/activities', payload)
+      returned = data
+      actId = data?.id ?? null
+    } else {
+      const { data } = await http.put<{ id?: number; audit_status?: string }>(
+        `/activities/${editId.value}`,
+        payload,
+      )
+      returned = data ?? { audit_status: undefined }
+      actId = editId.value
+    }
+    if (needBookingNow && actId) {
+      await http.put(`/activities/${actId}/booking-settings`, buildBookingPayload())
+    }
+    if (!isSuperAdmin() && returned?.audit_status === 'pending') {
+      Message.success('信息已保存，请等待管理员审核')
     } else {
-      await http.put(`/activities/${editId.value}`, payload)
-      Message.success('更新活动成功')
+      Message.success(isCreate.value ? '创建活动成功' : '更新活动成功')
     }
     captureFormBaseline()
     visible.value = false
+    activityEditStep.value = 0
+    editContextRowSnapshot.value = null
     await loadAll()
     return true
   } catch (error: any) {
     Message.error(error?.response?.data?.message ?? '保存失败')
     return false
+  } finally {
+    saving.value = false
   }
 }
 
@@ -1395,17 +1684,6 @@ function onPageChange(p: number) {
   void loadAll()
 }
 
-async function toggleStatus(row: Activity) {
-  if (!assertCanEditActivityRow(row, '上下架')) return
-  try {
-    await http.post(`/activities/${row.id}/toggle`)
-    Message.success('状态已切换')
-    await loadAll()
-  } catch (error: any) {
-    Message.error(error?.response?.data?.message ?? '操作失败')
-  }
-}
-
 async function removeActivity(row: Activity) {
   if (!assertCanEditActivityRow(row, '删除')) return
   try {
@@ -1468,7 +1746,7 @@ async function removeActivity(row: Activity) {
 
     <a-table
       class="list-data-table"
-      :scroll="{ x: ACTIVITY_LIST_SCROLL_X }"
+      :scroll="{ x: activityListScrollX }"
       :data="rows"
       :loading="loading"
       row-key="id"
@@ -1489,10 +1767,10 @@ async function removeActivity(row: Activity) {
           :ellipsis="true"
           :tooltip="true"
         />
-        <a-table-column title="活动日期" :width="240" :min-width="200" :ellipsis="true" :tooltip="true">
+        <a-table-column title="活动日期" :width="200" :min-width="150" :ellipsis="true" :tooltip="true">
           <template #cell="{ record }">{{ formatActivityTableDateRange(record as Activity) }}</template>
         </a-table-column>
-        <a-table-column title="场馆" :width="180" :min-width="120" :ellipsis="true" :tooltip="true">
+        <a-table-column v-if="!isVenueAdmin()" title="场馆" :width="180" :min-width="120" :ellipsis="true" :tooltip="true">
           <template #cell="{ record }">{{ record.venue?.name || '-' }}</template>
         </a-table-column>
         <a-table-column title="报名方式" :width="130">
@@ -1508,9 +1786,13 @@ async function removeActivity(row: Activity) {
             </a-tag>
           </template>
         </a-table-column>
-        <a-table-column title="上架状态" :width="72">
+        <a-table-column v-if="isSuperAdmin()" title="上架" :width="80">
           <template #cell="{ record }">
-            <a-tag :color="record.is_active ? 'green' : 'gray'">{{ record.is_active ? '上架' : '下架' }}</a-tag>
+            <a-switch
+              :model-value="(record as Activity).is_active === true"
+              size="small"
+              @change="(v: unknown) => onActiveFlagChange(record as Activity, v)"
+            />
           </template>
         </a-table-column>
         <a-table-column title="审核状态" :width="88">
@@ -1530,42 +1812,25 @@ async function removeActivity(row: Activity) {
             />
           </template>
         </a-table-column>
-        <a-table-column title="操作" :width="460" :min-width="420" fixed="right" align="left">
+        <a-table-column title="操作" :width="230" :min-width="210" fixed="right" align="left">
           <template #cell="{ record }">
             <a-space wrap :size="4" justify="start">
-              <a-button v-if="canEditActivityRow(record as Activity)" type="text" @click="openEdit(record)">编辑</a-button>
+              <a-button v-if="canShowActivityEditButton(record as Activity)" type="text" @click="openEdit(record)">{{ activityListEditButtonLabel(record as Activity) }}</a-button>
               <a-button
-                v-if="
-                  canEditActivityRow(record as Activity)
-                  && (record as Activity).reservation_type === 'online'
-                  && (record as Activity).schedule_status !== 'ended'
-                "
+                v-if="isSuperAdmin() && record.audit_status === 'pending'"
                 type="text"
-                @click="openBookingModal(record as Activity)"
-              >场次设置</a-button>
+                @click="openAuditActivity(record as Activity, 'audit')"
+              >审核</a-button>
               <a-button
-                v-if="
-                  canOpenActivityVerify(record as Activity)
-                  && (record as Activity).reservation_type === 'online'
-                  && (record as Activity).schedule_status !== 'ended'
-                "
+                v-else-if="canViewActivityAuditDetail(record as Activity)"
                 type="text"
-                @click="openActivityVerify(record as Activity)"
-              >核销管理</a-button>
-              <template v-if="isSuperAdmin() && (record.audit_status === 'pending' || record.audit_status === 'rejected')">
-                <a-button type="text" @click="openAuditActivity(record)">审核</a-button>
-              </template>
+                @click="openAuditActivity(record as Activity, 'view')"
+              >查看</a-button>
               <a-button
-                v-if="canEditActivityRow(record as Activity) && record.schedule_status === 'ended'"
+                v-if="canManageBehindScenes(record as Activity) && record.schedule_status === 'ended'"
                 type="text"
                 @click="openBehindScenesModal(record as Activity)"
               >{{ activityHasBehindScenesImages(record as Activity) ? '查看花絮' : '上传花絮' }}</a-button>
-              <a-button
-                v-if="canEditActivityRow(record as Activity)"
-                type="text"
-                status="warning"
-                @click="toggleStatus(record)"
-              >{{ record.is_active ? '下架' : '上架' }}</a-button>
               <a-popconfirm v-if="canEditActivityRow(record as Activity)" content="确认删除该活动？" @ok="removeActivity(record)">
                 <a-button type="text" status="danger">删除</a-button>
               </a-popconfirm>
@@ -1576,228 +1841,47 @@ async function removeActivity(row: Activity) {
     </a-table>
   </a-card>
 
-  <a-modal
-    v-model:visible="bookingModalVisible"
-    :title="bookingActivityRef ? `场次设置 · ${bookingActivityRef.title}` : '场次设置'"
-    width="1180px"
-    :body-style="{ maxHeight: '78vh', overflow: 'auto' }"
-    :esc-to-close="true"
-    @cancel="bookingModalVisible = false"
-  >
-    <template #footer>
-      <a-button @click="bookingModalVisible = false">关闭</a-button>
-      <a-button type="primary" :loading="bookingSaving" @click="saveBookingSettings">保存场次</a-button>
-    </template>
-    <a-form layout="vertical">
-      <a-row :gutter="16">
-        <a-col :span="8">
-          <a-form-item label="预约对象">
-            <a-select v-model="bookingForm.booking_audience">
-              <a-option value="individual">个人</a-option>
-              <a-option value="group">团体</a-option>
-              <a-option value="both">个人+团体</a-option>
-            </a-select>
-          </a-form-item>
-        </a-col>
-        <a-col v-if="bookingForm.booking_audience !== 'individual'" :span="8">
-          <a-form-item label="每单最少人数">
-            <a-input-number v-model="bookingForm.min_people_per_order" :min="1" style="width: 100%" />
-          </a-form-item>
-        </a-col>
-        <a-col v-if="bookingForm.booking_audience !== 'individual'" :span="8">
-          <a-form-item label="每单最多人数">
-            <a-input-number v-model="bookingForm.max_people_per_order" :min="1" style="width: 100%" />
-          </a-form-item>
-        </a-col>
-      </a-row>
-    </a-form>
-    <div style="margin-bottom: 8px; color: var(--color-text-3); font-size: 12px">
-      场次须同一天内；预约截止须早于场次开始；预约开始可空（空=截止前任意时刻均可约，有值则仅在「开始～截止」内可约）。名额不可低于已约人数。「说明」填写后，H5 场次不展示名额人数而展示该说明。
-    </div>
-    <a-button long type="outline" style="margin-bottom: 12px" @click="addBookingDayRow">添加场次</a-button>
-    <a-table
-      :data="bookingForm.days"
-      :pagination="false"
-      :bordered="{ cell: true }"
-      size="small"
-      :scroll="{ x: 1380 }"
-    >
-      <template #columns>
-        <a-table-column title="场次名称" :width="112">
-          <template #cell="{ rowIndex }">
-            <a-input v-model="bookingForm.days[rowIndex].session_name" placeholder="名称" />
-          </template>
-        </a-table-column>
-        <a-table-column title="场次开始" :width="160">
-          <template #cell="{ rowIndex }">
-            <a-date-picker
-              v-model="bookingForm.days[rowIndex].session_start_at"
-              show-time
-              format="YYYY-MM-DD HH:mm"
-              value-format="YYYY-MM-DD HH:mm:ss"
-              style="width: 100%"
-            />
-          </template>
-        </a-table-column>
-        <a-table-column title="场次结束" :width="160">
-          <template #cell="{ rowIndex }">
-            <a-date-picker
-              v-model="bookingForm.days[rowIndex].session_end_at"
-              show-time
-              format="YYYY-MM-DD HH:mm"
-              value-format="YYYY-MM-DD HH:mm:ss"
-              style="width: 100%"
-            />
-          </template>
-        </a-table-column>
-        <a-table-column title="预约开始" :width="164">
-          <template #title>
-            <span>预约开始</span>
-            <span style="color: var(--color-text-3); font-weight: normal; font-size: 12px">（可空）</span>
-          </template>
-          <template #cell="{ rowIndex }">
-            <a-date-picker
-              v-model="bookingForm.days[rowIndex].booking_opens_at"
-              show-time
-              format="YYYY-MM-DD HH:mm"
-              value-format="YYYY-MM-DD HH:mm:ss"
-              allow-clear
-              style="width: 100%"
-            />
-          </template>
-        </a-table-column>
-        <a-table-column title="预约截止" :width="160">
-          <template #cell="{ rowIndex }">
-            <a-date-picker
-              v-model="bookingForm.days[rowIndex].booking_deadline_at"
-              show-time
-              format="YYYY-MM-DD HH:mm"
-              value-format="YYYY-MM-DD HH:mm:ss"
-              style="width: 100%"
-            />
-          </template>
-        </a-table-column>
-        <a-table-column title="名额" :width="80">
-          <template #cell="{ rowIndex }">
-            <a-input-number v-model="bookingForm.days[rowIndex].day_quota" :min="1" style="width: 100%" />
-          </template>
-        </a-table-column>
-        <a-table-column title="说明" :width="140">
-          <template #title>
-            <span>说明</span>
-            <span style="color: var(--color-text-3); font-weight: normal; font-size: 12px">（可选）</span>
-          </template>
-          <template #cell="{ rowIndex }">
-            <a-input
-              v-model="bookingForm.days[rowIndex].quota_note"
-              placeholder="有值则 H5 显示此说明替代名额数"
-              allow-clear
-            />
-          </template>
-        </a-table-column>
-        <a-table-column title="已约" :width="56">
-          <template #cell="{ rowIndex }">
-            {{ bookingForm.days[rowIndex].booked_count ?? 0 }}
-          </template>
-        </a-table-column>
-        <a-table-column title="" :width="68" fixed="right">
-          <template #cell="{ rowIndex }">
-            <a-button type="text" status="danger" @click="removeBookingDayRow(rowIndex)">删除</a-button>
-          </template>
-        </a-table-column>
-      </template>
-    </a-table>
-  </a-modal>
-
-  <a-modal
-    v-model:visible="actVerifyVisible"
-    :title="actVerifyActivityTitle ? `核销管理 · ${actVerifyActivityTitle}` : '核销管理'"
-    width="840px"
-    :footer="false"
-    :esc-to-close="true"
-  >
-    <a-spin :loading="actVerifyLoading" style="width: 100%">
-      <a-typography-paragraph type="secondary" style="margin-bottom: 12px">
-        <template v-if="canEditActivityVerifyCredentials()">
-          每个活动有<strong>独立核销登录链接</strong>（短码仅作用于本活动）。可为本活动所属场馆添加多组核销账号；<strong>场馆后台账号不可</strong>登录核销页。活动结束后按规则自动失效。
-        </template>
-        <template v-else>
-          您可查看本活动的<strong>核销登录链接</strong>与核销账号密码。<strong>场馆后台账号不可</strong>登录核销页。如需增删账号请联系平台管理员。
-        </template>
-      </a-typography-paragraph>
-      <div v-if="actVerifyVenueName" style="margin-bottom: 12px; color: var(--color-text-2); font-size: 13px">
-        举办场馆：{{ actVerifyVenueName }}
-      </div>
-      <a-form layout="vertical">
-        <a-form-item label="本活动专用核销链接">
-          <a-space>
-            <a-input :model-value="actVerifyUrl" readonly style="width: 500px" />
-            <a-button type="primary" @click="copyActVerifyUrl">复制链接</a-button>
-          </a-space>
-        </a-form-item>
-      </a-form>
-      <template v-if="canEditActivityVerifyCredentials()">
-        <a-divider orientation="left">添加核销账号</a-divider>
-        <a-space style="margin-bottom: 8px; flex-wrap: wrap; align-items: flex-start">
-          <a-input v-model="actVerifyCredForm.username" placeholder="用户名" style="width: 160px" allow-clear />
-          <a-input-password v-model="actVerifyCredForm.password" placeholder="密码" style="width: 180px" allow-clear />
-          <a-input v-model="actVerifyCredForm.note" placeholder="备注" style="width: 160px" allow-clear />
-          <a-button type="primary" :loading="actVerifyCredSaving" @click="addActVerifyCredential">添加</a-button>
-        </a-space>
-        <div style="margin-bottom: 12px; color: var(--color-text-3); font-size: 12px">密码要求：{{ ACT_VERIFY_PASSWORD_HINT }}</div>
-      </template>
-      <a-table :data="actVerifyCreds" :pagination="false" size="small" row-key="id">
-        <template #columns>
-          <a-table-column title="场馆" data-index="venue_name" />
-          <a-table-column title="用户名" data-index="username" />
-          <a-table-column title="密码" :width="168">
-            <template #cell="{ record }">
-              <a-space :size="4">
-                <span>{{
-                  actPasswordReveal[(record as ActVerifyCredRow).id]
-                    ? (record as ActVerifyCredRow).password_plain || '—'
-                    : '*****'
-                }}</span>
-                <a-button
-                  type="text"
-                  size="mini"
-                  @click="toggleActPasswordReveal((record as ActVerifyCredRow).id)"
-                >
-                  <IconEye v-if="!actPasswordReveal[(record as ActVerifyCredRow).id]" />
-                  <IconEyeInvisible v-else />
-                </a-button>
-              </a-space>
-            </template>
-          </a-table-column>
-          <a-table-column title="备注" data-index="note" />
-          <a-table-column title="创建时间" data-index="created_at" />
-          <a-table-column v-if="canEditActivityVerifyCredentials()" title="操作" :width="90">
-            <template #cell="{ record }">
-              <a-popconfirm content="确认删除？" @ok="removeActVerifyCredential(record as ActVerifyCredRow)">
-                <a-button type="text" size="mini" status="danger">删除</a-button>
-              </a-popconfirm>
-            </template>
-          </a-table-column>
-        </template>
-      </a-table>
-    </a-spin>
-  </a-modal>
-
   <a-modal
     v-model:visible="auditActivityVisible"
-    title="审核活动"
+    :title="auditModalDynamicTitle"
     width="72%"
     :body-style="auditModalBodyStyle"
   >
     <template #footer>
-      <a-space wrap>
-        <a-button type="primary" status="success" @click="auditSubmitApprove(false)">通过</a-button>
-        <a-button type="primary" @click="auditSubmitApprove(true)">通过且为热门活动</a-button>
-        <a-button status="danger" @click="auditSubmitReject">退回</a-button>
+      <a-button v-if="auditVerifySetupPhase" type="primary" @click="finishAuditVerifySetup">完成</a-button>
+      <a-space v-else-if="auditModalMode === 'audit'" wrap>
+        <a-button type="primary" status="success" @click="openAuditRemarkModal('approve')">通过</a-button>
+        <a-button type="primary" @click="openAuditRemarkModal('approve_hot')">通过且为热门活动</a-button>
+        <a-button status="danger" @click="openAuditRemarkModal('reject')">退回</a-button>
         <a-button @click="auditActivityVisible = false">取消</a-button>
       </a-space>
+      <a-button v-else @click="auditActivityVisible = false">关闭</a-button>
     </template>
-    <div v-if="auditActivityRecord" class="activity-audit-readonly">
+    <a-spin style="width: 100%" :loading="auditDetailLoading">
+      <div v-if="auditVerifySetupPhase && actVerifyActivityId" style="width: 100%">
+        <a-spin :loading="actVerifyLoading" style="width: 100%">
+          <a-typography-paragraph type="secondary" style="margin-bottom: 12px">
+            所有活动共用<strong>同一核销入口</strong>；每个活动有独立的 <strong>6 位数字密码</strong>，无需用户名，支持多人同时登录核销；<strong>场馆后台账号不可</strong>登录核销页。
+          </a-typography-paragraph>
+          <div v-if="actVerifyVenueName" style="margin-bottom: 12px; color: var(--color-text-2); font-size: 13px">
+            举办场馆：{{ actVerifyVenueName }}
+          </div>
+          <div class="activity-verify-inline-line">
+            <span class="activity-verify-inline-line__label">核销入口链接</span>
+            <a-input :model-value="actVerifyUrl" readonly class="activity-verify-inline-line__input activity-verify-inline-line__input--url" />
+            <a-button type="primary" @click="copyActVerifyUrl">复制链接</a-button>
+            <span class="activity-verify-inline-line__label">本活动核销密码</span>
+            <a-input
+              :model-value="actVerifyPin"
+              readonly
+              class="activity-verify-inline-line__input activity-verify-inline-line__input--pin"
+              style="font-variant-numeric: tabular-nums"
+            />
+            <a-button type="primary" @click="copyActVerifyPin">复制密码</a-button>
+          </div>
+        </a-spin>
+      </div>
+      <div v-else-if="auditActivityRecord" class="activity-audit-readonly">
       <div class="activity-audit-inline">
         <div class="activity-audit-inline-row">
           <span class="activity-audit-inline-label">活动名称</span>
@@ -1831,6 +1915,10 @@ async function removeActivity(row: Activity) {
           <span class="activity-audit-inline-label">门票说明</span>
           <div class="activity-audit-inline-value">{{ auditTicketNoteLabel(auditActivityRecord) }}</div>
         </div>
+        <div v-if="auditActivityRecord.offline_reservation_method === 'paid' && auditActivityRecord.ticket_fee_note" class="activity-audit-inline-row">
+          <span class="activity-audit-inline-label">收费说明</span>
+          <div class="activity-audit-inline-value">{{ auditActivityRecord.ticket_fee_note }}</div>
+        </div>
         <div v-if="auditShowExternalUrl(auditActivityRecord)" class="activity-audit-inline-row">
           <span class="activity-audit-inline-label">外链地址</span>
           <div class="activity-audit-inline-value activity-audit-break">{{ auditActivityRecord.external_url || '—' }}</div>
@@ -1847,56 +1935,17 @@ async function removeActivity(row: Activity) {
           </div>
         </div>
         <div class="activity-audit-inline-row">
-          <span class="activity-audit-inline-label">活动状态</span>
-          <div class="activity-audit-inline-value">
-            <a-tag v-if="auditActivityRecord.schedule_status" :color="scheduleStatusColor(auditActivityRecord.schedule_status)">
-              {{ scheduleStatusLabel(auditActivityRecord.schedule_status) }}
-            </a-tag>
-            <span v-else class="activity-audit-muted">—</span>
-          </div>
-        </div>
-        <div class="activity-audit-inline-row">
-          <span class="activity-audit-inline-label">上架状态</span>
-          <div class="activity-audit-inline-value">{{ auditActivityRecord.is_active ? '上架' : '下架' }}</div>
+          <span class="activity-audit-inline-label">活动地点</span>
+          <div class="activity-audit-inline-value">{{ auditActivityRecord.location?.trim() ? auditActivityRecord.location : (auditActivityRecord.address || '—') }}</div>
         </div>
         <div class="activity-audit-inline-row">
-          <span class="activity-audit-inline-label">排序</span>
-          <div class="activity-audit-inline-value">{{ String(auditActivityRecord.sort ?? 0) }}</div>
-        </div>
-        <div v-if="isSuperAdmin()" class="activity-audit-inline-row">
-          <span class="activity-audit-inline-label">热门活动</span>
-          <div class="activity-audit-inline-value">{{ auditActivityRecord.is_hot === true ? '是' : '否' }}</div>
+          <span class="activity-audit-inline-label">活动报到集合地点</span>
+          <div class="activity-audit-inline-value">{{ auditActivityRecord.check_in_meeting_point?.trim() ? auditActivityRecord.check_in_meeting_point : '—' }}</div>
         </div>
-      </div>
-
-      <div class="activity-audit-stack">
-        <div class="activity-audit-stack__label">活动地点</div>
-        <div class="activity-audit-stack__body">
-          <div class="activity-address-coord-row">
-            <div class="activity-address-coord-row__address activity-audit-static-text activity-audit-static-text--fill">
-              {{ auditActivityRecord.location?.trim() ? auditActivityRecord.location : (auditActivityRecord.address || '—') }}
-            </div>
-            <div class="activity-address-coord-row__lng activity-audit-static-coord">{{ auditCoordCell(auditActivityRecord.lng) }}</div>
-            <div class="activity-address-coord-row__lat activity-audit-static-coord">{{ auditCoordCell(auditActivityRecord.lat) }}</div>
-          </div>
-        </div>
-      </div>
-
-      <div class="activity-audit-stack">
-        <div class="activity-audit-stack__label">活动报到集合地点</div>
-        <div class="activity-audit-stack__body">
-          <div class="activity-audit-static-text activity-audit-static-text--fill">
-            {{ auditActivityRecord.check_in_meeting_point?.trim() ? auditActivityRecord.check_in_meeting_point : '—' }}
-          </div>
-        </div>
-      </div>
-
-      <div class="activity-audit-stack">
-        <div class="activity-audit-stack__label">活动图片</div>
-        <div class="activity-audit-stack__body">
-          <div class="activity-cover-carousel-wrap">
-            <div class="activity-cover-carousel-row__col">
-              <div class="activity-cover-carousel-row__sub">活动封面图</div>
+        <div class="activity-audit-inline-row activity-audit-inline-row--images">
+          <div class="activity-audit-image-col">
+            <span class="activity-audit-inline-label">活动封面图</span>
+            <div class="activity-audit-image-value">
               <template v-if="auditActivityRecord.cover_image">
                 <img
                   :src="auditActivityRecord.cover_image"
@@ -1905,10 +1954,12 @@ async function removeActivity(row: Activity) {
                   @click="openMediaPreview('image', auditActivityRecord.cover_image!)"
                 />
               </template>
-              <span v-else class="activity-audit-muted">—</span>
+              <span v-else>—</span>
             </div>
-            <div class="activity-cover-carousel-row__col">
-              <div class="activity-cover-carousel-row__sub">活动展示图片</div>
+          </div>
+          <div class="activity-audit-image-col">
+            <span class="activity-audit-inline-label">活动展示图片</span>
+            <div class="activity-audit-image-value">
               <div v-if="auditActivityRecord.gallery_media?.length" class="activity-gallery-grid">
                 <div
                   v-for="(item, idx) in auditActivityRecord.gallery_media"
@@ -1931,7 +1982,7 @@ async function removeActivity(row: Activity) {
                   />
                 </div>
               </div>
-              <span v-else class="activity-audit-muted">—</span>
+              <span v-else>—</span>
             </div>
           </div>
         </div>
@@ -1948,7 +1999,122 @@ async function removeActivity(row: Activity) {
           <span v-else class="activity-audit-muted">—</span>
         </div>
       </div>
+
+      <div v-if="auditActivityRecord.reservation_type === 'online'" class="activity-audit-stack">
+        <div class="activity-audit-stack__label">场次设置（{{ auditBookingAudienceLabel || '—' }}）</div>
+        <div class="activity-audit-stack__body">
+          <a-table
+            v-if="auditBookingPreview.length"
+            :data="auditBookingPreview"
+            :pagination="false"
+            size="small"
+            :bordered="{ cell: true }"
+          >
+            <template #columns>
+              <a-table-column title="场次名称" data-index="session_name" />
+              <a-table-column title="场次开始" data-index="session_start_at" />
+              <a-table-column title="场次结束" data-index="session_end_at" />
+              <a-table-column title="预约截止" data-index="booking_deadline_at" />
+              <a-table-column title="名额" data-index="day_quota" />
+              <a-table-column title="说明" :ellipsis="true" :tooltip="true">
+                <template #cell="{ record }">
+                  <span>{{ ((record as BookingDayRow).quota_note || '').trim() || '—' }}</span>
+                </template>
+              </a-table-column>
+              <a-table-column title="已约" data-index="booked_count" />
+            </template>
+          </a-table>
+          <span v-else class="activity-audit-muted">暂无场次</span>
+        </div>
+      </div>
+
+      <div
+        v-if="
+          auditActivityRecord.reservation_type === 'online'
+            && auditActivityRecord.audit_status === 'approved'
+            && (auditInlineVerifyUrl || auditInlineVerifyPin)
+        "
+        class="activity-audit-stack"
+      >
+        <div class="activity-audit-stack__label">核销信息</div>
+        <div class="activity-audit-stack__body">
+          <div class="activity-verify-inline-line activity-verify-inline-line--wrap">
+            <span class="activity-verify-inline-line__label">核销入口链接</span>
+            <a-input
+              :model-value="auditInlineVerifyUrl"
+              readonly
+              class="activity-verify-inline-line__input activity-verify-inline-line__input--url"
+              :disabled="!auditInlineVerifyUrl"
+            />
+            <a-button type="primary" :disabled="!auditInlineVerifyUrl" @click="copyAuditInlineVerifyUrl">复制链接</a-button>
+            <span class="activity-verify-inline-line__label">本活动核销密码</span>
+            <a-input
+              :model-value="auditInlineVerifyPin"
+              readonly
+              class="activity-verify-inline-line__input activity-verify-inline-line__input--pin"
+              style="font-variant-numeric: tabular-nums"
+              :disabled="!auditInlineVerifyPin"
+            />
+            <a-button type="primary" :disabled="!auditInlineVerifyPin" @click="copyAuditInlineVerifyPin">复制密码</a-button>
+          </div>
+        </div>
+      </div>
+
+      <div class="activity-audit-stack">
+        <div class="activity-audit-stack__label">审核记录</div>
+        <div class="activity-audit-stack__body">
+          <!-- 活动创建/编辑信息 -->
+          <div class="activity-audit-inline-row" style="margin-bottom: 12px;">
+            <span class="activity-audit-inline-label" style="flex: none; text-align: left; margin-right: 8px;">提交人</span>
+            <div class="activity-audit-inline-value">
+              <span>{{ auditSubmitterDisplayName(auditActivityRecord) }}</span>
+              <span v-if="auditActivityRecord.created_at" style="margin-left: 8px; color: var(--color-text-3);">
+                {{ String(auditActivityRecord.created_at).replace('T', ' ').slice(0, 19) }}
+              </span>
+            </div>
+          </div>
+          <a-timeline v-if="auditActivityLogs.length" mode="left">
+            <a-timeline-item v-for="log in auditActivityLogs" :key="log.id" :label="log.created_at ? String(log.created_at).replace('T', ' ').slice(0, 19) : '—'">
+              <div>
+                <template v-if="log.action === 'edit_submit'">
+                  <span class="activity-audit-static-text"
+                    >用户 {{ log.admin_user?.name || '—' }} 编辑并提交</span
+                  >
+                </template>
+                <template v-else>
+                  <a-tag :color="log.action === 'approve' ? 'green' : 'red'">{{ auditLogActionLabel(log.action) }}</a-tag>
+                  <span v-if="log.admin_user?.name" style="margin-left: 8px; color: var(--color-text-2)">{{ log.admin_user.name }}</span>
+                </template>
+              </div>
+              <div v-if="log.remark" class="activity-audit-static-text" style="margin-top: 6px">{{ log.remark }}</div>
+            </a-timeline-item>
+          </a-timeline>
+          <span v-else class="activity-audit-muted">暂无平台审核记录（不含本次待提交的说明）</span>
+        </div>
+      </div>
     </div>
+    </a-spin>
+  </a-modal>
+
+  <!-- 审核说明弹窗 -->
+  <a-modal
+    v-model:visible="auditRemarkModalVisible"
+    :title="auditRemarkModalTitle"
+    width="500px"
+    :on-before-ok="confirmAuditSubmit"
+  >
+    <a-form layout="vertical">
+      <a-form-item>
+        <a-textarea
+          v-model="auditCurrentRemark"
+          :placeholder="auditRemarkModalPlaceholder"
+          :max-length="2000"
+          allow-clear
+          show-word-limit
+          :auto-size="{ minRows: 3, maxRows: 6 }"
+        />
+      </a-form-item>
+    </a-form>
   </a-modal>
 
   <a-modal
@@ -1984,13 +2150,13 @@ async function removeActivity(row: Activity) {
 
   <a-modal
     v-model:visible="visible"
-    :title="isCreate ? '新增活动' : '编辑活动'"
+    :title="activityModalTitle"
     width="70%"
     :body-style="modalBodyStyle"
     :on-before-cancel="confirmDiscardChanges"
-    :confirm-loading="saving"
-    :on-before-ok="submit"
   >
+    <a-spin class="activity-edit-spin" style="width: 100%" :loading="activityModalBookingLoading">
+    <div v-show="activityEditStep === 0">
     <a-form :model="form" layout="vertical" class="admin-modal-form">
       <a-form-item label="活动名称" required :help="formErrors.title">
         <a-input v-model="form.title" />
@@ -1998,8 +2164,8 @@ async function removeActivity(row: Activity) {
           <span style="color: #f53f3f;">{{ formErrors.title }}</span>
         </template>
       </a-form-item>
-      <a-form-item label="举办场馆" required :help="formErrors.venue_id">
-        <a-select v-model="form.venue_id" allow-search :disabled="isVenueAdmin()">
+      <a-form-item v-if="!isVenueAdmin()" label="举办场馆" required :help="formErrors.venue_id">
+        <a-select v-model="form.venue_id" allow-search>
           <a-option v-for="v in venues" :key="v.id" :value="v.id">{{ v.name }}</a-option>
         </a-select>
         <template v-if="formErrors.venue_id" #help>
@@ -2035,7 +2201,7 @@ async function removeActivity(row: Activity) {
         </template>
       </a-form-item>
       <a-form-item label="具体时间">
-        <a-input v-model="form.specific_time" placeholder="如：每日 14:00–16:00；或 活动当日上午" allow-clear />
+        <a-input v-model="form.specific_time" placeholder="如9:00-10:00，13:00-14:00" allow-clear />
       </a-form-item>
       <a-form-item label="报名方式" required>
         <a-select
@@ -2052,7 +2218,7 @@ async function removeActivity(row: Activity) {
         </template>
       </a-form-item>
       <a-form-item label="门票说明" required :help="formErrors.ticket_note">
-        <a-select v-model="form.ticket_note">
+        <a-select v-model="form.ticket_note" style="width: 100%">
           <a-option value="free">免费</a-option>
           <a-option value="paid">收费</a-option>
         </a-select>
@@ -2060,15 +2226,8 @@ async function removeActivity(row: Activity) {
           <span style="color: #f53f3f;">{{ formErrors.ticket_note }}</span>
         </template>
       </a-form-item>
-      <a-form-item v-if="form.ticket_note === 'paid'" label="收费说明" class="admin-modal-form__full">
-        <a-textarea
-          v-model="form.fee_note"
-          placeholder="选填。门票为收费时填写，将在 H5 活动详情「门票说明」下方展示。"
-          :max-length="1000"
-          allow-clear
-          show-word-limit
-          :auto-size="{ minRows: 2, maxRows: 6 }"
-        />
+      <a-form-item v-if="form.ticket_note === 'paid'" label="收费说明">
+        <a-input v-model="form.fee_note" placeholder="请输入收费说明" style="width: 100%" :max-length="1000" allow-clear />
       </a-form-item>
       <a-form-item label="标签">
         <div class="activity-form-tags">
@@ -2091,66 +2250,33 @@ async function removeActivity(row: Activity) {
         </div>
       </a-form-item>
       <a-row class="admin-modal-form__full" :gutter="16">
-        <a-col :xs="24" :sm="8">
-          <a-form-item label="活动状态">
-            <a-tag v-if="formScheduleStatus" :color="scheduleStatusColor(formScheduleStatus)">{{ scheduleStatusLabel(formScheduleStatus) }}</a-tag>
-            <span v-else style="color: var(--color-text-3)">—</span>
-          </a-form-item>
-        </a-col>
-        <a-col :xs="24" :sm="8">
-          <a-form-item label="上架状态">
-            <a-switch v-model="form.is_active" />
-            <span style="margin-left: 8px; color: var(--color-text-3)">{{ form.is_active ? '上架' : '下架' }}</span>
+        <a-col :xs="24" :md="12">
+          <a-form-item label="活动地点" required :help="formErrors.location">
+            <div class="activity-address-coord-row activity-address-coord-row--hide-lnglat">
+              <a-input
+                v-model="form.location"
+                class="activity-address-coord-row__address"
+                placeholder="请输入活动地点"
+                allow-clear
+              />
+              <a-button type="primary" class="activity-address-coord-row__map" @click="openMapPicker">地图选点</a-button>
+              <a-button @click="useVenueAddress">使用本馆地址</a-button>
+            </div>
+            <template v-if="formErrors.location" #help>
+              <span style="color: #f53f3f;">{{ formErrors.location }}</span>
+            </template>
           </a-form-item>
         </a-col>
-        <a-col :xs="24" :sm="8">
-          <a-form-item label="排序">
-            <a-input-number v-model="form.sort" :min="0" :disabled="!isSuperAdmin()" style="width: 100%" />
+        <a-col :xs="24" :md="12">
+          <a-form-item label="活动报到集合地点">
+            <a-input
+              v-model="form.check_in_meeting_point"
+              placeholder="请输入活动报到集合地点"
+              allow-clear
+            />
           </a-form-item>
         </a-col>
       </a-row>
-      <a-form-item v-if="isSuperAdmin()" label="热门活动">
-        <a-switch v-model="form.is_hot" />
-      </a-form-item>
-      <a-form-item label="活动地点" required class="admin-modal-form__full" :help="formErrors.location">
-        <div class="activity-address-coord-row">
-          <a-input
-            v-model="form.location"
-            class="activity-address-coord-row__address"
-            placeholder="如：××区××路××号 或 线上平台"
-            allow-clear
-          />
-          <a-input-number
-            v-model="form.lng"
-            :precision="6"
-            placeholder="经度"
-            class="activity-address-coord-row__lng"
-            hide-button
-            disabled
-          />
-          <a-input-number
-            v-model="form.lat"
-            :precision="6"
-            placeholder="纬度"
-            class="activity-address-coord-row__lat"
-            hide-button
-            disabled
-          />
-          <a-button type="primary" class="activity-address-coord-row__map" @click="openMapPicker">地图选点</a-button>
-          <a-button @click="useVenueAddress">使用本馆地址</a-button>
-        </div>
-        <template #extra>可地图选点自动填写地址与经纬度，或一键带入当前所选场馆的地址与坐标（若已配置）。</template>
-        <template v-if="formErrors.location" #help>
-          <span style="color: #f53f3f;">{{ formErrors.location }}</span>
-        </template>
-      </a-form-item>
-      <a-form-item label="活动报到集合地点" class="admin-modal-form__full">
-        <a-input
-          v-model="form.check_in_meeting_point"
-          placeholder="可选，报到或集合的具体位置（如：××馆南门集合）"
-          allow-clear
-        />
-      </a-form-item>
       <a-form-item label="活动图片" class="admin-modal-form__full">
         <div class="activity-cover-carousel-wrap">
           <div class="activity-cover-carousel-row__col">
@@ -2218,6 +2344,160 @@ async function removeActivity(row: Activity) {
         />
       </a-form-item>
     </a-form>
+    </div>
+
+    <div v-show="activityEditStep === 1">
+      <a-typography-text v-if="canConfigureBookingStep" type="secondary" style="display: block; margin-bottom: 12px">
+        {{ activityBookingStepIntro }}
+      </a-typography-text>
+      <a-form layout="vertical">
+        <a-row :gutter="16">
+          <a-col :span="8">
+            <a-form-item label="预约对象">
+              <a-select v-model="bookingForm.booking_audience">
+                <a-option value="individual">个人</a-option>
+                <a-option value="group">团体</a-option>
+                <a-option value="both">个人+团体</a-option>
+              </a-select>
+            </a-form-item>
+          </a-col>
+          <a-col v-if="bookingForm.booking_audience !== 'individual'" :span="8">
+            <a-form-item label="每单最少人数">
+              <a-input-number v-model="bookingForm.min_people_per_order" :min="1" style="width: 100%" />
+            </a-form-item>
+          </a-col>
+          <a-col v-if="bookingForm.booking_audience !== 'individual'" :span="8">
+            <a-form-item label="每单最多人数">
+              <a-input-number
+                v-model="bookingForm.max_people_per_order"
+                :min="2"
+                style="width: 100%"
+              />
+            </a-form-item>
+          </a-col>
+        </a-row>
+      </a-form>
+      <div style="margin-bottom: 8px; color: var(--color-text-3); font-size: 12px">
+        每场次的开始时间与结束时间须为同一天内；预约截止时间须早于场次开始时间；预约开始时间可不填写（空=截止前任意时刻均可约，有值则仅在「开始～截止」内可约）。更改名额不可低于已约人数。如对人数限制有特殊要求，可填写「说明」项，例如：人数限制——4组亲子家庭；可将名额填入4，同时在说明中填入「4组亲子家庭」。
+      </div>
+      <a-button long type="outline" style="margin-bottom: 12px" @click="addBookingDayRow">添加场次</a-button>
+      <a-table
+        :data="bookingForm.days"
+        :pagination="false"
+        :bordered="{ cell: true }"
+        size="small"
+        :scroll="{ x: 1380 }"
+      >
+        <template #columns>
+          <a-table-column title="场次名称" :width="112">
+            <template #cell="{ rowIndex }">
+              <a-input v-model="bookingForm.days[rowIndex].session_name" placeholder="名称" />
+            </template>
+          </a-table-column>
+          <a-table-column title="场次开始" :width="160">
+            <template #cell="{ rowIndex }">
+              <a-date-picker
+                v-model="bookingForm.days[rowIndex].session_start_at"
+                show-time
+                format="YYYY-MM-DD HH:mm"
+                value-format="YYYY-MM-DD HH:mm:ss"
+                style="width: 100%"
+              />
+            </template>
+          </a-table-column>
+          <a-table-column title="场次结束" :width="160">
+            <template #cell="{ rowIndex }">
+              <a-date-picker
+                v-model="bookingForm.days[rowIndex].session_end_at"
+                show-time
+                format="YYYY-MM-DD HH:mm"
+                value-format="YYYY-MM-DD HH:mm:ss"
+                style="width: 100%"
+              />
+            </template>
+          </a-table-column>
+          <a-table-column title="预约开始" :width="164">
+            <template #title>
+              <span>预约开始</span>
+              <span style="color: var(--color-text-3); font-weight: normal; font-size: 12px">（可空）</span>
+            </template>
+            <template #cell="{ rowIndex }">
+              <a-date-picker
+                v-model="bookingForm.days[rowIndex].booking_opens_at"
+                show-time
+                format="YYYY-MM-DD HH:mm"
+                value-format="YYYY-MM-DD HH:mm:ss"
+                allow-clear
+                style="width: 100%"
+              />
+            </template>
+          </a-table-column>
+          <a-table-column title="预约截止" :width="160">
+            <template #cell="{ rowIndex }">
+              <a-date-picker
+                v-model="bookingForm.days[rowIndex].booking_deadline_at"
+                show-time
+                format="YYYY-MM-DD HH:mm"
+                value-format="YYYY-MM-DD HH:mm:ss"
+                style="width: 100%"
+              />
+            </template>
+          </a-table-column>
+          <a-table-column title="名额" :width="80">
+            <template #cell="{ rowIndex }">
+              <a-input-number v-model="bookingForm.days[rowIndex].day_quota" :min="1" style="width: 100%" />
+            </template>
+          </a-table-column>
+          <a-table-column title="说明" :width="140">
+            <template #title>
+              <span>说明</span>
+              <span style="color: var(--color-text-3); font-weight: normal; font-size: 12px">（可选）</span>
+            </template>
+            <template #cell="{ rowIndex }">
+              <a-input
+                v-model="bookingForm.days[rowIndex].quota_note"
+                placeholder="例：4组亲子家庭（可与名额数配合填写）"
+                allow-clear
+              />
+            </template>
+          </a-table-column>
+          <a-table-column title="已约" :width="56">
+            <template #cell="{ rowIndex }">
+              {{ bookingForm.days[rowIndex].booked_count ?? 0 }}
+            </template>
+          </a-table-column>
+          <a-table-column title="" :width="68" fixed="right">
+            <template #cell="{ rowIndex }">
+              <a-button type="text" status="danger" @click="removeBookingDayRow(rowIndex)">删除</a-button>
+            </template>
+          </a-table-column>
+        </template>
+      </a-table>
+    </div>
+    </a-spin>
+
+    <template #footer>
+      <a-button @click="onCancelUnifiedModal">取消</a-button>
+      <a-button v-if="activityEditStep === 1" @click="activityEditStep = 0">上一步</a-button>
+      <a-button
+        v-if="activityEditStep === 0 && canConfigureBookingStep"
+        type="primary"
+        :loading="saving"
+        @click="onClickNextStep"
+      >下一步：场次设置</a-button>
+      <a-button
+        v-if="activityEditStep === 0 && !canConfigureBookingStep"
+        type="primary"
+        :loading="saving"
+        @click="submitUnifiedActivity"
+      >提交</a-button>
+      <a-button
+        v-if="activityEditStep === 1"
+        type="primary"
+        :loading="saving"
+        @click="submitUnifiedActivity"
+      >提交</a-button>
+    </template>
   </a-modal>
 
   <a-modal v-model:visible="mediaPreviewVisible" title="媒体预览" width="72%" :footer="false">
@@ -2266,6 +2546,32 @@ async function removeActivity(row: Activity) {
 </template>
 
 <style scoped>
+.activity-verify-inline-line {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  gap: 8px;
+  flex: 1;
+  min-width: 0;
+}
+.activity-verify-inline-line--wrap {
+  flex-wrap: wrap;
+}
+.activity-verify-inline-line__label {
+  flex-shrink: 0;
+  font-size: 13px;
+  color: var(--color-text-2);
+}
+.activity-verify-inline-line__input--url {
+  flex: 1 1 200px;
+  min-width: 160px;
+  max-width: 420px;
+}
+.activity-verify-inline-line__input--pin {
+  width: 120px;
+  min-width: 100px;
+  flex-shrink: 0;
+}
 .activity-address-coord-row {
   display: flex;
   flex-wrap: wrap;
@@ -2278,6 +2584,11 @@ async function removeActivity(row: Activity) {
   min-width: 320px;
   max-width: 100%;
 }
+.activity-address-coord-row--hide-lnglat .activity-address-coord-row__address {
+  flex: 1 1 200px;
+  min-width: 0;
+  max-width: 100%;
+}
 .activity-address-coord-row__lng,
 .activity-address-coord-row__lat {
   width: 200px;
@@ -2397,6 +2708,31 @@ async function removeActivity(row: Activity) {
 .activity-audit-inline-row--tags {
   align-items: center;
 }
+.activity-audit-inline-row--images {
+  grid-column: 1 / -1;
+  display: flex;
+  gap: 16px;
+  flex-wrap: wrap;
+}
+.activity-audit-image-col {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.activity-audit-image-col .activity-audit-inline-label {
+  flex: none;
+  text-align: left;
+}
+.activity-audit-image-value {
+  min-height: 100px;
+  padding: 8px;
+  border: 1px solid var(--color-neutral-3);
+  border-radius: var(--border-radius-small);
+  background: var(--color-fill-2);
+  box-sizing: border-box;
+}
 .activity-audit-inline-label {
   flex: 0 0 74px;
   color: var(--color-text-3);
diff --git a/src/views/activities/Registrations.vue b/src/views/activities/Registrations.vue
index 9be33d6..77b24b2 100644
--- a/src/views/activities/Registrations.vue
+++ b/src/views/activities/Registrations.vue
@@ -8,7 +8,7 @@ import { reservationStatusLabel } from '../../utils/reservationStatus'
 import { listTableRowIndex } from '../../utils/listTableRowIndex'
 import * as XLSX from 'xlsx'
 
-const REGISTRATIONS_LIST_SCROLL_X = 2100
+const REGISTRATIONS_LIST_SCROLL_X = 1960
 
 type ActivityDayRef = {
   id: number
@@ -32,7 +32,6 @@ type Registration = {
   venue?: { id: number; name: string }
   activity?: { id: number; title: string }
   activity_day?: ActivityDayRef | null
-  is_blacklisted?: boolean
 }
 
 function formatActivitySessionTime(ad: ActivityDayRef | null | undefined): string {
@@ -59,7 +58,7 @@ function formatActivitySessionTime(ad: ActivityDayRef | null | undefined): strin
 }
 
 const loading = ref(false)
-const status = ref<'all' | 'pending' | 'verified' | 'cancelled' | 'expired'>('all')
+const status = ref<'all' | 'pending' | 'verified' | 'cancelled' | 'expired'>('pending')
 const keyword = ref('')
 const dateRange = ref<string[]>([])
 const exportScope = ref<'current' | 'all'>('current')
@@ -81,24 +80,78 @@ const exportFields = ref<string[]>([
 const EXPORT_FIELDS_KEY = 'szkp_export_fields_registrations_v2'
 const pagination = reactive({ current: 1, pageSize: 10, total: 0 })
 const rows = ref<Registration[]>([])
-const selectedKeys = ref<(number | string)[]>([])
-const blacklistVisible = ref(false)
-const blacklistReason = ref('')
-const blacklistMode = ref<'single' | 'batch'>('single')
-const currentRow = ref<Registration | null>(null)
+
+type CurrentUser = { role?: string; full_admin_access?: boolean }
+type VenueMini = { id: number; name: string }
+
+const currentUser = ref<CurrentUser | null>(null)
+const venuesList = ref<VenueMini[]>([])
+const filterVenueId = ref<number | undefined>(undefined)
+const filterActivityId = ref<number | undefined>(undefined)
+const activityOptions = ref<{ label: string; value: number }[]>([])
+
+function isSuperAdmin() {
+  return currentUser.value?.full_admin_access === true
+}
+
+async function loadMe() {
+  try {
+    const { data } = await http.get('/me')
+    currentUser.value = data
+  } catch {
+    currentUser.value = null
+  }
+}
+
+async function loadVenuesAndActivities() {
+  try {
+    const vRes = await http.get('/venues')
+    venuesList.value = Array.isArray(vRes.data) ? vRes.data : []
+  } catch {
+    venuesList.value = []
+  }
+  await loadActivityOptions()
+}
+
+async function loadActivityOptions() {
+  try {
+    const params: Record<string, unknown> = { page: 1, page_size: 500 }
+    if (isSuperAdmin() && filterVenueId.value != null && filterVenueId.value > 0) {
+      params.venue_id = filterVenueId.value
+    }
+    const { data } = await http.get('/activities', { params })
+    const list = data?.data ?? []
+    activityOptions.value = list.map((a: { id: number; title: string }) => ({
+      label: a.title,
+      value: a.id,
+    }))
+  } catch {
+    activityOptions.value = []
+  }
+}
+
+function buildListParams(): Record<string, unknown> {
+  const params: Record<string, unknown> = {
+    status: status.value,
+    keyword: keyword.value || undefined,
+    start_date: dateRange.value?.[0] || undefined,
+    end_date: dateRange.value?.[1] || undefined,
+    page: pagination.current,
+    page_size: pagination.pageSize,
+  }
+  if (isSuperAdmin() && filterVenueId.value != null && filterVenueId.value > 0) {
+    params.venue_id = filterVenueId.value
+  }
+  if (filterActivityId.value != null && filterActivityId.value > 0) {
+    params.activity_id = filterActivityId.value
+  }
+  return params
+}
 
 async function loadRows() {
   loading.value = true
   try {
-    const params = {
-      status: status.value,
-      keyword: keyword.value || undefined,
-      start_date: dateRange.value?.[0] || undefined,
-      end_date: dateRange.value?.[1] || undefined,
-      page: pagination.current,
-      page_size: pagination.pageSize,
-    }
-    const { data } = await http.get('/activity-registrations', { params })
+    const { data } = await http.get('/activity-registrations', { params: buildListParams() })
     rows.value = data.data
     pagination.total = data.total
   } catch (error: any) {
@@ -123,10 +176,7 @@ async function exportCsv() {
     if (exportScope.value === 'all') {
       const res = await http.get('/activity-registrations', {
         params: {
-          status: status.value,
-          keyword: keyword.value || undefined,
-          start_date: dateRange.value?.[0] || undefined,
-          end_date: dateRange.value?.[1] || undefined,
+          ...buildListParams(),
           page: 1,
           page_size: 5000,
         },
@@ -166,53 +216,14 @@ async function exportCsv() {
   }
 }
 
-function openQuickBlacklist(row: Registration) {
-  blacklistMode.value = 'single'
-  currentRow.value = row
-  blacklistReason.value = ''
-  blacklistVisible.value = true
-}
-
-function openBatchQuickBlacklist() {
-  if (!selectedKeys.value.length) {
-    Message.warning('请先选择要列入灰名单的报名记录')
-    return
-  }
-  blacklistMode.value = 'batch'
-  currentRow.value = null
-  blacklistReason.value = ''
-  blacklistVisible.value = true
-}
-
-async function submitQuickBlacklist() {
-  if (!blacklistReason.value.trim()) {
-    Message.warning('请填写灰名单原因')
-    return false
-  }
-  try {
-    if (blacklistMode.value === 'single' && currentRow.value) {
-      await http.post(`/activity-registrations/${currentRow.value.id}/quick-blacklist`, {
-        reason: blacklistReason.value.trim(),
-      })
-    } else {
-      await http.post('/activity-registrations/quick-blacklist/batch', {
-        reservation_ids: selectedKeys.value.map((id) => Number(id)),
-        reason: blacklistReason.value.trim(),
-      })
-      selectedKeys.value = []
-    }
-    localStorage.setItem('szkp_blacklist_refresh_hint', '1')
-    Message.success('已加入灰名单')
-    blacklistVisible.value = false
-    await loadRows()
-    return true
-  } catch (error: any) {
-    Message.error(error?.response?.data?.message ?? '操作失败')
-    return false
-  }
-}
+watch(filterVenueId, async () => {
+  filterActivityId.value = undefined
+  await loadActivityOptions()
+  pagination.current = 1
+  void loadRows()
+})
 
-onMounted(() => {
+onMounted(async () => {
   const cached = localStorage.getItem(EXPORT_FIELDS_KEY)
   if (cached) {
     try {
@@ -224,7 +235,9 @@ onMounted(() => {
       // ignore
     }
   }
-  loadRows()
+  await loadMe()
+  await loadVenuesAndActivities()
+  await loadRows()
 })
 
 watch(
@@ -239,10 +252,6 @@ function onPageChange(p: number) {
   pagination.current = p
   loadRows()
 }
-
-function onSelectionChange(keys: (number | string)[]) {
-  selectedKeys.value = keys
-}
 </script>
 
 <template>
@@ -256,11 +265,29 @@ function onSelectionChange(keys: (number | string)[]) {
           <a-radio value="cancelled">已取消</a-radio>
           <a-radio value="expired">已过期</a-radio>
         </a-radio-group>
+        <a-select
+          v-if="isSuperAdmin()"
+          v-model="filterVenueId"
+          allow-clear
+          placeholder="全部场馆"
+          style="width: 200px"
+        >
+          <a-option v-for="v in venuesList" :key="v.id" :value="v.id">{{ v.name }}</a-option>
+        </a-select>
+        <a-select
+          v-model="filterActivityId"
+          allow-clear
+          allow-search
+          placeholder="全部活动"
+          style="width: 260px"
+          @change="onSearch"
+        >
+          <a-option v-for="opt in activityOptions" :key="opt.value" :value="opt.value">{{ opt.label }}</a-option>
+        </a-select>
         <a-input v-model="keyword" placeholder="姓名/手机/token" allow-clear style="width: 220px" />
         <a-range-picker v-model="dateRange" style="width: 260px" />
         <a-button type="primary" @click="onSearch">查询</a-button>
         <a-button @click="loadRows">刷新</a-button>
-        <a-button status="warning" @click="openBatchQuickBlacklist">批量列入灰名单</a-button>
       </a-space>
       <div class="reg-export-bar">
         <a-select v-model="exportScope" class="reg-export-scope">
@@ -298,14 +325,12 @@ function onSelectionChange(keys: (number | string)[]) {
       :data="rows"
       :loading="loading"
       row-key="id"
-      :row-selection="{ type: 'checkbox', selectedRowKeys: selectedKeys, showCheckedAll: true }"
       :pagination="{
         current: pagination.current,
         pageSize: pagination.pageSize,
         total: pagination.total,
         showTotal: true,
       }"
-      @selection-change="onSelectionChange"
       @page-change="onPageChange"
     >
       <template #columns>
@@ -367,23 +392,8 @@ function onSelectionChange(keys: (number | string)[]) {
           fixed="right"
           align="left"
         />
-        <a-table-column title="操作" :width="140" fixed="right" align="center">
-          <template #cell="{ record }">
-            <a-button v-if="!record.is_blacklisted" type="text" status="warning" @click="openQuickBlacklist(record)">
-              一键列入灰名单
-            </a-button>
-          </template>
-        </a-table-column>
       </template>
     </a-table>
-
-    <a-modal v-model:visible="blacklistVisible" title="灰名单原因" :on-before-ok="submitQuickBlacklist">
-      <a-form layout="vertical" class="admin-modal-form">
-        <a-form-item label="原因" required class="admin-modal-form__full">
-          <a-textarea v-model="blacklistReason" placeholder="请输入原因" :max-length="255" show-word-limit />
-        </a-form-item>
-      </a-form>
-    </a-modal>
   </a-card>
 </template>
 
diff --git a/src/views/h5/VerifyLogin.vue b/src/views/h5/VerifyLogin.vue
index e63dac5..880a261 100644
--- a/src/views/h5/VerifyLogin.vue
+++ b/src/views/h5/VerifyLogin.vue
@@ -1,172 +1,76 @@
 <script setup lang="ts">
-import { onMounted, reactive, ref } from 'vue'
+import { onMounted, ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { Message } from '@arco-design/web-vue'
-import {
-  h5Http,
-  H5_TOKEN_KEY,
-  VERIFY_AUTH_MODE_KEY,
-  VERIFY_PORTAL_CODE_KEY,
-  VERIFY_PORTAL_LEGACY_TOKEN_KEY,
-} from '../../api/h5Http'
+import { h5Http, H5_TOKEN_KEY, VERIFY_AUTH_MODE_KEY, VERIFY_PORTAL_CODE_KEY, VERIFY_PORTAL_LEGACY_TOKEN_KEY } from '../../api/h5Http'
 
 const router = useRouter()
 const route = useRoute()
-const loading = ref(false)
-/** 短码 v= */
-const portalCode = ref('')
-/** 旧链接 portal= 长 UUID */
-const legacyPortalToken = ref('')
-/** 入口解析的活动/抢票标题（仅展示） */
-const portalEventTitle = ref('')
-const portalPreviewLoading = ref(false)
-const form = reactive({
-  username: '',
-  password: '',
-})
+const loadingPin = ref(false)
 
-function readQuery(name: string): string {
-  const q = route.query[name]
-  const raw = typeof q === 'string' ? q : Array.isArray(q) ? String(q[0] ?? '') : ''
-  return raw.trim()
-}
-
-async function loadPortalPreview() {
-  const v = portalCode.value
-  const p = legacyPortalToken.value
-  if (v.length >= 6) {
-    portalPreviewLoading.value = true
-    try {
-      const { data } = await h5Http.get<{ event_title?: string }>('/verify-portal/preview', {
-        params: { portal_code: v },
-      })
-      portalEventTitle.value = String(data?.event_title || '').trim() || '—'
-    } catch {
-      portalEventTitle.value = ''
-    } finally {
-      portalPreviewLoading.value = false
-    }
-    return
-  }
-  if (p.length >= 32) {
-    portalPreviewLoading.value = true
-    try {
-      const { data } = await h5Http.get<{ event_title?: string }>('/verify-portal/preview', {
-        params: { portal_token: p },
-      })
-      portalEventTitle.value = String(data?.event_title || '').trim() || '—'
-    } catch {
-      portalEventTitle.value = ''
-    } finally {
-      portalPreviewLoading.value = false
-    }
-    return
-  }
-  portalEventTitle.value = ''
-}
-
-onMounted(() => {
-  const v = readQuery('v').toLowerCase()
-  const p = readQuery('portal')
-  if (v.length >= 6) {
-    portalCode.value = v
-    legacyPortalToken.value = ''
-    localStorage.setItem(VERIFY_PORTAL_CODE_KEY, v)
-    localStorage.removeItem(VERIFY_PORTAL_LEGACY_TOKEN_KEY)
-  } else if (p.length >= 32) {
-    legacyPortalToken.value = p
-    portalCode.value = ''
-    localStorage.setItem(VERIFY_PORTAL_LEGACY_TOKEN_KEY, p)
-    localStorage.removeItem(VERIFY_PORTAL_CODE_KEY)
-  } else {
-    portalCode.value = localStorage.getItem(VERIFY_PORTAL_CODE_KEY) || ''
-    legacyPortalToken.value = localStorage.getItem(VERIFY_PORTAL_LEGACY_TOKEN_KEY) || ''
-  }
-  void loadPortalPreview()
-})
+/** 活动口令与抢票场馆口令均为 6 位数字（不同场景由后台发放的口令区分） */
+const sixPin = ref('')
 
 function verifyHomePath() {
   return route.path.startsWith('/m/') ? '/m/verify' : '/h5/verify/scan'
 }
 
-async function login() {
-  loading.value = true
-  try {
-    if (portalCode.value.length >= 6) {
-      const { data } = await h5Http.post('/verify-portal/login', {
-        portal_code: portalCode.value,
-        username: form.username.trim(),
-        password: form.password,
-      })
-      localStorage.setItem(H5_TOKEN_KEY, data.token)
-      localStorage.setItem(`${H5_TOKEN_KEY}_saved_at`, String(Date.now()))
-      localStorage.setItem(VERIFY_AUTH_MODE_KEY, 'portal')
-      Message.success('登录成功')
-      router.replace(verifyHomePath())
-      return
-    }
-    if (legacyPortalToken.value.length >= 32) {
-      const { data } = await h5Http.post('/verify-portal/login', {
-        portal_token: legacyPortalToken.value,
-        username: form.username.trim(),
-        password: form.password,
-      })
-      localStorage.setItem(H5_TOKEN_KEY, data.token)
-      localStorage.setItem(`${H5_TOKEN_KEY}_saved_at`, String(Date.now()))
-      localStorage.setItem(VERIFY_AUTH_MODE_KEY, 'portal')
-      Message.success('登录成功')
-      router.replace(verifyHomePath())
-      return
-    }
+function sanitizePinDigits() {
+  sixPin.value = sixPin.value.replace(/\D/g, '').slice(0, 6)
+}
 
-    const { data } = await h5Http.post('/auth/login', {
-      ...form,
-      client: 'h5_verify',
+async function loginSixPin() {
+  sanitizePinDigits()
+  if (!/^\d{6}$/.test(sixPin.value.trim())) {
+    Message.warning('请输入 6 位数字核销口令')
+    return
+  }
+  loadingPin.value = true
+  try {
+    const { data } = await h5Http.post('/verify-portal/login', {
+      password: sixPin.value.trim(),
     })
     localStorage.setItem(H5_TOKEN_KEY, data.token)
     localStorage.setItem(`${H5_TOKEN_KEY}_saved_at`, String(Date.now()))
-    localStorage.setItem(VERIFY_AUTH_MODE_KEY, 'admin')
-    localStorage.removeItem(VERIFY_PORTAL_CODE_KEY)
-    localStorage.removeItem(VERIFY_PORTAL_LEGACY_TOKEN_KEY)
+    localStorage.setItem(VERIFY_AUTH_MODE_KEY, 'portal')
     Message.success('登录成功')
     router.replace(verifyHomePath())
   } catch (error: any) {
     Message.error(error?.response?.data?.message ?? '登录失败')
   } finally {
-    loading.value = false
+    loadingPin.value = false
   }
 }
+
+onMounted(() => {
+  localStorage.removeItem(VERIFY_PORTAL_CODE_KEY)
+  localStorage.removeItem(VERIFY_PORTAL_LEGACY_TOKEN_KEY)
+})
 </script>
 
 <template>
   <div class="m-verify-page">
     <div class="m-verify-hero">
       <div class="m-verify-title">核销入口</div>
-      <div class="m-verify-sub">
-        <template v-if="portalCode.length >= 6 || legacyPortalToken.length >= 32">
-          {{ portalPreviewLoading ? '活动信息加载中…' : portalEventTitle || '—' }}
-        </template>
-        <template v-else>超级管理员核销登录</template>
-      </div>
     </div>
 
     <div class="m-verify-card">
-      <a-form :model="form" layout="vertical" @submit-success="login">
-        <a-form-item label="用户名">
-          <a-input v-model="form.username" placeholder="请输入账号" size="large" allow-clear />
-        </a-form-item>
-        <a-form-item label="密码">
-          <a-input-password v-model="form.password" placeholder="请输入密码" size="large" allow-clear />
-        </a-form-item>
-        <a-button type="primary" long size="large" :loading="loading" @click="login">登录</a-button>
-      </a-form>
-      <p v-if="portalCode.length >= 6 || legacyPortalToken.length >= 32" class="m-verify-tip">
-        活动专用核销登录（活动结束后账号失效）
-      </p>
-      <p v-else class="m-verify-tip">
-        仅<strong>超级管理员</strong>可使用后台账号登录本页。场馆工作人员请打开管理员提供的带 <strong>?v=短码</strong> 的专用链接。
-      </p>
-      <p class="m-verify-tip">登录状态将保持较长时间；若已失效会自动回到本页。</p>
+      <div class="m-verify-section-head">6 位数字核销口令</div>
+      <a-input
+        v-model="sixPin"
+        maxlength="6"
+        size="large"
+        placeholder="6 位数字口令"
+        class="m-verify-pin"
+        style="margin-bottom: 12px"
+        inputmode="numeric"
+        autocomplete="one-time-code"
+        @input="sanitizePinDigits"
+        @keyup.enter="loginSixPin"
+      />
+      <a-button type="primary" long size="large" :loading="loadingPin" @click="loginSixPin"> 进入核销页 </a-button>
+
+      <p class="m-verify-tip">登录状态将保持较长时间；失效后会自动退回本页。</p>
     </div>
   </div>
 </template>
@@ -189,11 +93,6 @@ async function login() {
   color: #1d2129;
   letter-spacing: 0.02em;
 }
-.m-verify-sub {
-  margin-top: 8px;
-  font-size: 14px;
-  color: #86909c;
-}
 .m-verify-card {
   max-width: 420px;
   margin: 0 auto;
@@ -208,4 +107,16 @@ async function login() {
   color: #86909c;
   line-height: 1.5;
 }
+.m-verify-section-head {
+  font-size: 15px;
+  font-weight: 600;
+  color: #4e5969;
+  margin-bottom: 14px;
+}
+.m-verify-pin :deep(input) {
+  font-size: 20px;
+  letter-spacing: 0.35em;
+  font-variant-numeric: tabular-nums;
+  text-indent: 0.05em;
+}
 </style>
diff --git a/src/views/system/Admins.vue b/src/views/system/Admins.vue
index 0b9bd37..42e93f9 100644
--- a/src/views/system/Admins.vue
+++ b/src/views/system/Admins.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, onMounted, reactive, ref } from 'vue'
+import { computed, onMounted, reactive, ref, watch } from 'vue'
 import { Message } from '@arco-design/web-vue'
 import { http } from '../../api/http'
 import { listTableRowIndex } from '../../utils/listTableRowIndex'
@@ -45,6 +45,17 @@ const form = reactive({
 }
 const modalBodyStyle = { maxHeight: '70vh', overflow: 'auto' }
 const listPagination = reactive({ current: 1, pageSize: 10 })
+const filterVenueId = ref<number | undefined>(undefined)
+
+const filteredUsers = computed(() => {
+  const vid = filterVenueId.value
+  if (vid == null || vid <= 0) return users.value
+  return users.value.filter((u) => u.venues.some((v) => v.id === vid))
+})
+
+watch(filterVenueId, () => {
+  listPagination.current = 1
+})
 
 const isEdit = computed(() => editingId.value !== null)
 
@@ -74,6 +85,7 @@ async function loadData() {
       name: r.name,
     }))
     listPagination.current = 1
+    filterVenueId.value = undefined
   } catch (error: any) {
     Message.error(error?.response?.data?.message ?? '加载失败')
   } finally {
@@ -161,16 +173,27 @@ onMounted(loadData)
       场馆管理员可绑定多个场馆；后续将用于限制“仅查看/编辑自己的场馆”及“仅核销自己场馆预约二维码”。
     </a-alert>
 
+    <a-space wrap :size="12" style="margin-bottom: 12px">
+      <a-select
+        v-model="filterVenueId"
+        allow-clear
+        placeholder="按绑定场馆筛选"
+        style="width: 240px"
+      >
+        <a-option v-for="v in venues" :key="v.id" :value="v.id">{{ v.name }}</a-option>
+      </a-select>
+    </a-space>
+
     <a-table
       class="list-data-table"
       :scroll="{ x: ADMINS_LIST_SCROLL_X }"
-      :data="users"
+      :data="filteredUsers"
       :loading="loading"
       row-key="id"
       :pagination="{
         current: listPagination.current,
         pageSize: listPagination.pageSize,
-        total: users.length,
+        total: filteredUsers.length,
         showTotal: true,
       }"
       @page-change="(p: number) => (listPagination.current = p)"
diff --git a/src/views/ticket-grab/TicketGrabList.vue b/src/views/ticket-grab/TicketGrabList.vue
index 2c73531..dcce02c 100644
--- a/src/views/ticket-grab/TicketGrabList.vue
+++ b/src/views/ticket-grab/TicketGrabList.vue
@@ -1,10 +1,9 @@
 <script setup lang="ts">
 import { computed, nextTick, onMounted, onUnmounted, reactive, ref } from 'vue'
 import { Message, Modal } from '@arco-design/web-vue'
-import { IconEye, IconEyeInvisible } from '@arco-design/web-vue/es/icon'
 import RichEditorField from '../../components/RichEditorField.vue'
 import { http } from '../../api/http'
-import { buildVerifyPortalPublicUrl } from '../../api/h5Http'
+import { buildUnifiedActivityVerifyLoginUrl } from '../../api/h5Http'
 import { listTableRowIndex } from '../../utils/listTableRowIndex'
 import { resolvePublicMediaUrl } from '../../utils/mediaUrl'
 
@@ -104,7 +103,6 @@ const venueDetailRow = computed(() => {
   return form.venues.find((r) => r._key === k) ?? null
 })
 
-const releaseVisible = ref(false)
 const releaseLoading = ref(false)
 const releaseSaving = ref(false)
 const releaseEventId = ref<number | null>(null)
@@ -126,39 +124,21 @@ const releasePayload = ref<{
 const releaseEdits = ref<Record<number, Record<string, number>>>({})
 const tagInput = ref('')
 
-type TgVerifyCredRow = {
-  id: number
+/** 详情弹窗（活动信息 + 放票 + 核销） */
+const tgDetailHubVisible = ref(false)
+const tgHubActiveKey = ref<'1' | '2' | '3'>('1')
+const tgHubTitle = ref('')
+const tgHubSummary = ref<Record<string, unknown> | null>(null)
+const tgHubSummaryLoading = ref(false)
+
+type TgVenueVerifyPinRow = {
   venue_id: number
   venue_name?: string
-  username: string
-  password_plain?: string | null
-  note?: string | null
-  created_at?: string
-}
-const tgVerifyVisible = ref(false)
-const tgVerifyLoading = ref(false)
-const tgVerifyEventId = ref<number | null>(null)
-const tgVerifyVenues = ref<{ id: number; name: string }[]>([])
-const tgVerifyUrl = ref('')
-const tgVerifyCreds = ref<TgVerifyCredRow[]>([])
-const tgVerifyCredForm = reactive({ venue_id: undefined as number | undefined, username: '', password: '', note: '' })
-const tgVerifyCredSaving = ref(false)
-/** 核销登录密码（与后端 Password 规则一致） */
-const TG_VERIFY_PASSWORD_RULE_HINT = '最少 8 位，须含大写、小写字母与特殊字符'
-
-function validateTgVerifyPasswordStrength(pw: string): string | null {
-  if (pw.length > 72) return '密码最长 72 位'
-  if (pw.length < 8) {
-    return '密码最少8位，且含大写、小写字母与特殊字符'
-  }
-  if (!/[a-z]/.test(pw)) return '密码须包含小写字母'
-  if (!/[A-Z]/.test(pw)) return '密码须包含大写字母'
-  if (!/[\p{S}\p{P}\p{Z}]/u.test(pw)) return '密码须包含特殊字符（标点、符号等）'
-  return null
+  verify_portal_pin?: string
 }
-
-/** 核销账号表格：是否明文显示密码（按行 id） */
-const tgPasswordReveal = ref<Record<number, boolean>>({})
+const tgVerifyUnifiedUrl = ref('')
+const tgVerifyVenuePins = ref<TgVenueVerifyPinRow[]>([])
+const tgVerifyNotice = ref('')
 
 const mapVisible = ref(false)
 const mapLoading = ref(false)
@@ -708,6 +688,43 @@ function scheduleLabel(s?: string) {
   return s ?? '-'
 }
 
+function scheduleTagColor(s?: string) {
+  if (s === 'not_started') return 'arcoblue'
+  if (s === 'ongoing') return 'green'
+  if (s === 'ended') return 'gray'
+  return undefined
+}
+
+function auditStatusLabel(s?: unknown) {
+  const v = String(s ?? '').trim()
+  if (v === 'pending') return '待审核'
+  if (v === 'approved') return '已通过'
+  if (v === 'rejected') return '已驳回'
+  return v || '—'
+}
+
+function auditTagColor(s?: unknown) {
+  const v = String(s ?? '').trim()
+  if (v === 'pending') return 'orangered'
+  if (v === 'approved') return 'green'
+  if (v === 'rejected') return 'red'
+  return undefined
+}
+
+function tgHubDateRange(start: unknown, end: unknown) {
+  const a = start != null ? String(start).slice(0, 10) : ''
+  const b = end != null ? String(end).slice(0, 10) : ''
+  const parts = [a, b].filter(Boolean)
+  return parts.length ? parts.join(' ～ ') : '—'
+}
+
+function tgHubAgeLimitLabel(s: Record<string, unknown> | null): string {
+  if (!s) return '—'
+  const a = s.age_limit_start ? String(s.age_limit_start).slice(0, 10) : ''
+  const b = s.age_limit_end ? String(s.age_limit_end).slice(0, 10) : ''
+  return a || b ? `${a || '—'} ～ ${b || '—'}` : '不限制'
+}
+
 function abbr(s: string, n: number) {
   if (!s) return '—'
   return s.length <= n ? s : `${s.slice(0, n)}…`
@@ -938,18 +955,25 @@ async function saveForm(): Promise<boolean> {
   saving.value = true
   try {
     if (editId.value) {
-      await http.put(`/ticket-grab-events/${editId.value}`, body)
+      const savedId = editId.value
+      await http.put(`/ticket-grab-events/${savedId}`, body)
       Message.success('已保存')
       visible.value = false
       await loadRows()
+      await nextTick()
+      const row =
+        rows.value.find((r) => r.id === savedId) ??
+        ({ id: savedId, title: form.title.trim(), is_active: form.is_active } as TgRow)
+      await openTicketGrabDetailHub(row, '2')
       return true
     }
     const { data: created } = await http.post<TgRow>('/ticket-grab-events', body)
     Message.success('已创建')
     visible.value = false
     await loadRows()
+    await nextTick()
     if (created?.id != null) {
-      await openRelease(created)
+      await openTicketGrabDetailHub(created as TgRow, '2')
     }
     return true
   } catch (e: any) {
@@ -985,14 +1009,12 @@ async function removeTicketGrab(row: TgRow) {
   }
 }
 
-async function openRelease(row: TgRow) {
-  releaseEventId.value = row.id
-  releaseVisible.value = true
+async function loadHubReleaseConfig(eventId: number): Promise<boolean> {
   releaseLoading.value = true
   releasePayload.value = null
   releaseEdits.value = {}
   try {
-    const { data } = await http.get(`/ticket-grab-events/${row.id}/release-config`)
+    const { data } = await http.get(`/ticket-grab-events/${eventId}/release-config`)
     releasePayload.value = data
     for (const b of data.venues ?? []) {
       const vid = b.venue_id
@@ -1001,97 +1023,116 @@ async function openRelease(row: TgRow) {
         releaseEdits.value[vid][d.release_date] = d.day_quota
       }
     }
+    return true
   } catch (e: any) {
     Message.error(e?.response?.data?.message ?? '加载放票配置失败')
-    releaseVisible.value = false
+    return false
   } finally {
     releaseLoading.value = false
   }
 }
 
-async function loadTgVerifyData(eventId: number) {
-  const { data } = await http.get<{ verify_portal_code: string; credentials: TgVerifyCredRow[] }>(
-    `/ticket-grab-events/${eventId}/verify-portal`,
-  )
-  tgVerifyUrl.value = buildVerifyPortalPublicUrl(data.verify_portal_code)
-  tgVerifyCreds.value = data.credentials || []
+function buildRowFallbackSummary(row: TgRow): Record<string, unknown> {
+  return {
+    title: row.title,
+    tags: row.tags ?? [],
+    start_at: row.start_at,
+    end_at: row.end_at,
+    booking_start_at: row.booking_start_at,
+    booking_end_at: row.booking_end_at,
+    is_active: row.is_active,
+    total_quota: row.total_quota,
+    registered_count: row.registered_count,
+    venues: row.venues ?? [],
+  }
 }
 
-async function openTicketGrabVerify(row: TgRow) {
-  tgVerifyEventId.value = row.id
-  tgVerifyVenues.value = row.venues?.length ? row.venues : []
-  tgPasswordReveal.value = {}
-  tgVerifyVisible.value = true
-  tgVerifyLoading.value = true
-  tgVerifyCredForm.venue_id = tgVerifyVenues.value[0]?.id
-  try {
-    await loadTgVerifyData(row.id)
-  } catch (e: any) {
-    Message.error(e?.response?.data?.message ?? '加载核销配置失败')
-    tgVerifyVisible.value = false
-  } finally {
-    tgVerifyLoading.value = false
+async function openTicketGrabDetailHub(row: TgRow, initialTab: '1' | '2' | '3' = '1') {
+  releaseEventId.value = row.id
+  tgHubTitle.value = (row.title && String(row.title).trim()) || `抢票 #${row.id}`
+  tgHubActiveKey.value = initialTab
+  tgDetailHubVisible.value = true
+  tgHubSummary.value = null
+  tgHubSummaryLoading.value = true
+  releasePayload.value = null
+  releaseEdits.value = {}
+  tgVerifyNotice.value = ''
+  tgVerifyUnifiedUrl.value = buildUnifiedActivityVerifyLoginUrl()
+  tgVerifyVenuePins.value = []
+
+  const detailP = http
+    .get(`/ticket-grab-events/${row.id}`)
+    .then((r) => r.data as Record<string, unknown>)
+    .catch(() => null)
+
+  const verifyP = http
+    .get(`/ticket-grab-events/${row.id}/verify-portal`)
+    .then((r) => r.data as { unified_verify_notice?: string; venues?: TgVenueVerifyPinRow[] })
+    .catch(() => null)
+
+  const [detail, _relOk, verifyData] = await Promise.all([
+    detailP,
+    loadHubReleaseConfig(row.id),
+    verifyP,
+  ])
+
+  if (detail) {
+    const d = { ...detail } as Record<string, unknown>
+    if (d.cover_image) {
+      d.cover_image = resolvePublicMediaUrl(String(d.cover_image))
+    }
+    if (Array.isArray(d.gallery_media)) {
+      d.gallery_media = (d.gallery_media as GalleryItem[]).map((x) => ({
+        ...x,
+        url: resolvePublicMediaUrl(String((x as { url?: string }).url || '')),
+      }))
+    }
+    tgHubSummary.value = d
+  } else {
+    tgHubSummary.value = buildRowFallbackSummary(row)
+  }
+
+  if (verifyData) {
+    tgVerifyNotice.value = String(verifyData.unified_verify_notice || '').trim()
+    tgVerifyVenuePins.value = Array.isArray(verifyData.venues) ? verifyData.venues : []
   }
+  tgVerifyUnifiedUrl.value = buildUnifiedActivityVerifyLoginUrl()
+
+  tgHubSummaryLoading.value = false
 }
 
-function copyTgVerifyUrl() {
-  void navigator.clipboard.writeText(tgVerifyUrl.value)
-  Message.success('核销链接已复制')
+function closeTicketGrabDetailHub() {
+  tgDetailHubVisible.value = false
+  releaseEventId.value = null
+  releasePayload.value = null
+  releaseEdits.value = {}
+  tgHubSummary.value = null
 }
 
-function toggleTgPasswordReveal(id: number) {
-  const cur = { ...tgPasswordReveal.value }
-  cur[id] = !cur[id]
-  tgPasswordReveal.value = cur
+function tgBookingAudienceLabel(v: unknown): string {
+  const s = String(v ?? 'all')
+  if (s === 'school_age') return '学龄内学生'
+
+  return '全部人员'
 }
 
-async function addTgVerifyCredential() {
-  if (!tgVerifyEventId.value || !tgVerifyCredForm.venue_id) {
-    Message.warning('请选择场馆并填写用户名与密码')
-    return
-  }
-  if (!tgVerifyCredForm.username.trim() || !tgVerifyCredForm.password) {
-    Message.warning('请填写用户名与密码')
-    return
-  }
-  const pwdErr = validateTgVerifyPasswordStrength(tgVerifyCredForm.password)
-  if (pwdErr) {
-    Message.warning(pwdErr)
-    return
-  }
-  tgVerifyCredSaving.value = true
-  try {
-    await http.post(`/ticket-grab-events/${tgVerifyEventId.value}/verify-credentials`, {
-      venue_id: tgVerifyCredForm.venue_id,
-      username: tgVerifyCredForm.username.trim(),
-      password: tgVerifyCredForm.password,
-      note: tgVerifyCredForm.note.trim() || undefined,
-    })
-    Message.success('已添加')
-    tgVerifyCredForm.username = ''
-    tgVerifyCredForm.password = ''
-    tgVerifyCredForm.note = ''
-    await loadTgVerifyData(tgVerifyEventId.value)
-  } catch (e: any) {
-    const errs = e?.response?.data?.errors as Record<string, string[]> | undefined
-    const pwErr = errs?.password
-    const msg =
-      Array.isArray(pwErr) && pwErr.length > 0 ? String(pwErr[0]) : e?.response?.data?.message ?? '添加失败'
-    Message.error(msg)
-  } finally {
-    tgVerifyCredSaving.value = false
-  }
+const tgHubPivots = computed(() => {
+  const s = tgHubSummary.value
+  if (!s) return []
+
+  const raw = s.event_venue_pivots ?? s.eventVenuePivots
+
+  return Array.isArray(raw) ? raw : []
+})
+
+function copyTgVerifyUrl() {
+  void navigator.clipboard.writeText(tgVerifyUnifiedUrl.value)
+  Message.success('核销链接已复制')
 }
 
-async function removeTgVerifyCredential(row: TgVerifyCredRow) {
-  if (!tgVerifyEventId.value) return
-  try {
-    await http.delete(`/ticket-grab-events/${tgVerifyEventId.value}/verify-credentials/${row.id}`)
-    Message.success('已删除')
-    tgVerifyCreds.value = tgVerifyCreds.value.filter((c) => c.id !== row.id)
-  } catch (e: any) {
-    Message.error(e?.response?.data?.message ?? '删除失败')
-  }
+function copyVenuePin(pin: string) {
+  void navigator.clipboard.writeText(String(pin || '').trim())
+  Message.success('口令已复制')
 }
 
 async function saveRelease() {
@@ -1112,7 +1153,9 @@ async function saveRelease() {
       venue_day_quotas: blocks,
     })
     Message.success('放票日配置已保存')
-    releaseVisible.value = false
+    if (releaseEventId.value != null) {
+      await loadHubReleaseConfig(releaseEventId.value)
+    }
   } catch (e: any) {
     const msg = e?.response?.data?.message
     if (e?.response?.data?.errors) {
@@ -1218,8 +1261,7 @@ onMounted(async () => {
             <template #cell="{ record }">
               <a-space :size="2" class="tg-list-actions" align="start">
                 <a-button type="text" size="small" @click="openEdit(record)">编辑</a-button>
-                <a-button type="text" size="small" @click="openRelease(record)">放票</a-button>
-                <a-button type="text" size="small" @click="openTicketGrabVerify(record)">核销管理</a-button>
+                <a-button type="text" size="small" @click="openTicketGrabDetailHub(record as TgRow, '1')">查看</a-button>
                 <a-button type="text" size="small" status="warning" @click="toggleRow(record)">{{
                   record.is_active ? '下架' : '上架'
                 }}</a-button>
@@ -1237,77 +1279,285 @@ onMounted(async () => {
       </a-table>
     </a-space>
 
-    <a-modal v-model:visible="tgVerifyVisible" title="核销管理" width="840px" :footer="false">
-      <a-spin :loading="tgVerifyLoading" style="width: 100%">
-        <a-typography-paragraph type="secondary" style="margin-bottom: 12px">
-          不同参与场馆可分别配置多组账号；场馆后台账号<strong>不可</strong>登录核销页。
-        </a-typography-paragraph>
-        <a-form layout="vertical">
-          <a-form-item label="独立核销链接">
-            <a-space>
-              <a-input :model-value="tgVerifyUrl" readonly style="width: 500px" />
-              <a-button type="primary" @click="copyTgVerifyUrl">复制链接</a-button>
-            </a-space>
-          </a-form-item>
-        </a-form>
-        <a-divider orientation="left">按场馆添加核销账号</a-divider>
-        <div class="tg-verify-cred-add">
-          <a-space style="margin-bottom: 8px; flex-wrap: wrap; align-items: flex-start">
-            <a-select
-              v-model="tgVerifyCredForm.venue_id"
-              placeholder="场馆"
-              allow-clear
-              style="width: 200px"
-              :options="tgVerifyVenues.map((v) => ({ label: v.name, value: v.id }))"
-            />
-            <a-input v-model="tgVerifyCredForm.username" placeholder="用户名" style="width: 140px" allow-clear />
-            <a-input-password v-model="tgVerifyCredForm.password" placeholder="密码" style="width: 180px" allow-clear />
-            <a-input v-model="tgVerifyCredForm.note" placeholder="备注" style="width: 140px" allow-clear />
-            <a-button type="primary" :loading="tgVerifyCredSaving" @click="addTgVerifyCredential">添加</a-button>
-          </a-space>
-          <div class="tg-verify-cred-add__hint">密码要求：{{ TG_VERIFY_PASSWORD_RULE_HINT }}</div>
-        </div>
-        <a-table :data="tgVerifyCreds" :pagination="false" size="small" row-key="id">
-          <template #columns>
-            <a-table-column title="场馆" data-index="venue_name" />
-            <a-table-column title="用户名" data-index="username" />
-            <a-table-column title="密码" :width="168">
-              <template #cell="{ record }">
-                <a-space :size="4">
-                  <span>{{
-                    tgPasswordReveal[(record as TgVerifyCredRow).id]
-                      ? (record as TgVerifyCredRow).password_plain || '—'
-                      : '*****'
-                  }}</span>
-                  <a-button
-                    type="text"
-                    size="mini"
-                    class="tg-pw-eye"
-                    @click="toggleTgPasswordReveal((record as TgVerifyCredRow).id)"
+    <a-modal
+      v-model:visible="tgDetailHubVisible"
+      :title="tgHubTitle"
+      width="960px"
+      :footer="false"
+      unmount-on-close
+      body-class="tg-detail-hub-modal-body"
+      @cancel="closeTicketGrabDetailHub"
+    >
+      <a-tabs v-model:active-key="tgHubActiveKey" type="rounded">
+        <a-tab-pane key="1" title="活动信息">
+          <div class="tg-detail-hub-pane">
+            <a-spin style="width: 100%" :loading="tgHubSummaryLoading">
+              <template v-if="tgHubSummary">
+                <div class="tg-hub-activity">
+                  <div class="tg-hub-activity__head">
+                    <div class="tg-hub-activity__title-row">
+                      <a-typography-title :heading="5" class="tg-hub-activity__name">
+                        {{ String(tgHubSummary.title ?? '—') }}
+                      </a-typography-title>
+                      <a-space wrap :size="8">
+                        <a-tag v-if="releaseEventId != null" size="small">#{{ releaseEventId }}</a-tag>
+                        <a-tag :color="tgHubSummary.is_active ? 'green' : 'gray'" size="small">
+                          {{ tgHubSummary.is_active ? '已上架' : '已下架' }}
+                        </a-tag>
+                        <a-tag
+                          v-if="tgHubSummary.schedule_status"
+                          :color="scheduleTagColor(String(tgHubSummary.schedule_status))"
+                          size="small"
+                        >
+                          {{ scheduleLabel(String(tgHubSummary.schedule_status)) }}
+                        </a-tag>
+                        <a-tag
+                          v-if="tgHubSummary.audit_status"
+                          :color="auditTagColor(tgHubSummary.audit_status)"
+                          size="small"
+                        >
+                          {{ auditStatusLabel(tgHubSummary.audit_status) }}
+                        </a-tag>
+                      </a-space>
+                    </div>
+                    <div
+                      v-if="Array.isArray(tgHubSummary.tags) && (tgHubSummary.tags as string[]).length"
+                      class="tg-hub-activity__tags"
+                    >
+                      <a-tag
+                        v-for="(tag, i) in tgHubSummary.tags as string[]"
+                        :key="`${tag}-${i}`"
+                        color="arcoblue"
+                        size="small"
+                      >
+                        {{ tag }}
+                      </a-tag>
+                    </div>
+                  </div>
+
+                  <a-divider class="tg-hub-divider" />
+
+                  <section class="tg-hub-section">
+                    <h6 class="tg-hub-section__title">时间与规则</h6>
+                    <a-descriptions :column="2" size="small" bordered class="tg-hub-desc">
+                      <a-descriptions-item label="活动日期">
+                        {{ tgHubDateRange(tgHubSummary.start_at, tgHubSummary.end_at) }}
+                      </a-descriptions-item>
+                      <a-descriptions-item label="预约日期">
+                        {{ tgHubDateRange(tgHubSummary.booking_start_at, tgHubSummary.booking_end_at) }}
+                      </a-descriptions-item>
+                      <a-descriptions-item label="每日放票时段" :span="2">
+                        {{ String(tgHubSummary.daily_release_start_time ?? '—') }} ～
+                        {{ String(tgHubSummary.daily_release_end_time ?? '—') }}
+                      </a-descriptions-item>
+                      <a-descriptions-item label="预约人群">
+                        {{ tgBookingAudienceLabel(tgHubSummary.booking_audience) }}
+                      </a-descriptions-item>
+                      <a-descriptions-item label="年龄限制">
+                        {{ tgHubAgeLimitLabel(tgHubSummary as Record<string, unknown>) }}
+                      </a-descriptions-item>
+                      <a-descriptions-item label="放票总数">{{ Number(tgHubSummary.total_quota ?? 0) }}</a-descriptions-item>
+                      <a-descriptions-item label="已预约">{{ Number(tgHubSummary.registered_count ?? 0) }}</a-descriptions-item>
+                    </a-descriptions>
+                  </section>
+
+                  <section
+                    v-if="
+                      tgHubSummary.cover_image ||
+                      (Array.isArray(tgHubSummary.gallery_media) && (tgHubSummary.gallery_media as GalleryItem[]).length)
+                    "
+                    class="tg-hub-section"
                   >
-                    <IconEye v-if="!tgPasswordReveal[(record as TgVerifyCredRow).id]" />
-                    <IconEyeInvisible v-else />
-                  </a-button>
-                </a-space>
+                    <h6 class="tg-hub-section__title">封面与轮播</h6>
+                    <div class="tg-hub-media">
+                      <div v-if="tgHubSummary.cover_image" class="tg-hub-media__cover">
+                        <div class="tg-hub-media__sub">封面</div>
+                        <img
+                          :src="String(tgHubSummary.cover_image)"
+                          alt=""
+                          class="tg-hub-media__cover-img"
+                          @click="openMediaPreview('image', String(tgHubSummary.cover_image))"
+                        />
+                      </div>
+                      <div
+                        v-if="Array.isArray(tgHubSummary.gallery_media) && (tgHubSummary.gallery_media as GalleryItem[]).length"
+                        class="tg-hub-media__gallery"
+                      >
+                        <div class="tg-hub-media__sub">轮播</div>
+                        <div class="tg-hub-gallery-scroll">
+                          <div
+                            v-for="(item, idx) in tgHubSummary.gallery_media as GalleryItem[]"
+                            :key="idx + item.url"
+                            class="tg-hub-gallery-thumb-wrap"
+                          >
+                            <img
+                              v-if="item.type === 'image'"
+                              :src="item.url"
+                              class="tg-hub-gallery-thumb"
+                              @click="openMediaPreview('image', item.url)"
+                            />
+                            <video
+                              v-else
+                              :src="item.url"
+                              controls
+                              class="tg-hub-gallery-thumb tg-hub-gallery-thumb--video"
+                              @click.stop="openMediaPreview('video', item.url)"
+                            />
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+
+                  <section v-if="tgHubPivots.length" class="tg-hub-section">
+                    <h6 class="tg-hub-section__title">参与场馆与配额</h6>
+                    <div class="tg-hub-table-wrap">
+                      <a-table
+                        :data="tgHubPivots"
+                        size="small"
+                        :pagination="false"
+                        row-key="venue_id"
+                        :bordered="{ cell: true }"
+                      >
+                        <template #columns>
+                          <a-table-column title="场馆" data-index="venue_id">
+                            <template #cell="{ record }">{{
+                              venueName((record as Record<string, unknown>).venue_id as number)
+                            }}</template>
+                          </a-table-column>
+                          <a-table-column title="放票数" :width="96">
+                            <template #cell="{ record }">{{
+                              ((record as Record<string, unknown>).venue_total_quota as number) ?? '—'
+                            }}</template>
+                          </a-table-column>
+                          <a-table-column title="开放时间" :ellipsis="true" :tooltip="true">
+                            <template #cell="{ record }">{{
+                              abbr(String((record as Record<string, unknown>).opening_hours ?? ''), 36)
+                            }}</template>
+                          </a-table-column>
+                          <a-table-column title="地址" :ellipsis="true" :tooltip="true">
+                            <template #cell="{ record }">{{
+                              abbr(String((record as Record<string, unknown>).address ?? ''), 40)
+                            }}</template>
+                          </a-table-column>
+                        </template>
+                      </a-table>
+                    </div>
+                  </section>
+
+                  <section v-if="String(tgHubSummary.reservation_notice || '').trim()" class="tg-hub-section">
+                    <h6 class="tg-hub-section__title">预约须知</h6>
+                    <div class="tg-hub-rich-box">
+                      <div class="tg-hub-rich" v-html="String(tgHubSummary.reservation_notice)" />
+                    </div>
+                  </section>
+
+                  <section v-if="String(tgHubSummary.detail_html || '').trim()" class="tg-hub-section">
+                    <h6 class="tg-hub-section__title">活动详情</h6>
+                    <div class="tg-hub-rich-box">
+                      <div class="tg-hub-rich" v-html="String(tgHubSummary.detail_html)" />
+                    </div>
+                  </section>
+                </div>
               </template>
-            </a-table-column>
-            <a-table-column title="备注" data-index="note" />
-            <a-table-column title="创建时间" data-index="created_at" />
-            <a-table-column title="操作" :width="90">
-              <template #cell="{ record }">
-                <a-popconfirm content="确认删除？" @ok="removeTgVerifyCredential(record as TgVerifyCredRow)">
-                  <a-button type="text" size="mini" status="danger">删除</a-button>
-                </a-popconfirm>
+            </a-spin>
+          </div>
+        </a-tab-pane>
+        <a-tab-pane key="2" title="放票设置">
+          <div class="tg-detail-hub-pane">
+            <a-spin v-if="releaseLoading" style="width: 100%; padding: 24px" />
+            <div v-else-if="releasePayload">
+              <a-typography-paragraph v-if="releasePayload.event" type="secondary" style="margin-top: 0">
+                预约日 {{ releasePayload.event.booking_start_at }} ～ {{ releasePayload.event.booking_end_at }}，每日
+                {{ releasePayload.event.daily_release_start_time }} 起开放，至
+                {{ releasePayload.event.daily_release_end_time }} 止。
+              </a-typography-paragraph>
+              <a-tabs v-if="releasePayload.venues?.length" default-active-key="0">
+                <a-tab-pane
+                  v-for="(b, idx) in releasePayload.venues"
+                  :key="String(idx)"
+                  :title="`${venueName(b.venue_id)} · 总配额 ${b.venue_total_quota}`"
+                >
+                  <a-table :data="b.release_days" :pagination="false" :scroll="{ y: 320 }">
+                    <template #columns>
+                      <a-table-column title="抢票日期" data-index="release_date" :width="120" />
+                      <a-table-column title="昨日余票" :width="88">
+                        <template #cell="{ record }">{{ record.carry_in }}</template>
+                      </a-table-column>
+                      <a-table-column title="基础放票" :width="120">
+                        <template #cell="{ record }">
+                          <a-input-number
+                            v-model="releaseEdits[b.venue_id][record.release_date]"
+                            :min="0"
+                            mode="button"
+                          />
+                        </template>
+                      </a-table-column>
+                      <a-table-column title="可预约总量" :width="120">
+                        <template #cell="{ record }">{{ record.total_day_pool }}</template>
+                      </a-table-column>
+                      <a-table-column title="已预约" :width="72">
+                        <template #cell="{ record }">{{ record.booked_count }}</template>
+                      </a-table-column>
+                      <a-table-column title="余量" :width="88">
+                        <template #cell="{ record }">{{ record.current_remaining }}</template>
+                      </a-table-column>
+                    </template>
+                  </a-table>
+                </a-tab-pane>
+              </a-tabs>
+              <a-alert v-if="!releasePayload.venues?.length" type="warning">暂无放票日数据，请先保存活动并含预约日期与场馆。</a-alert>
+            </div>
+          </div>
+        </a-tab-pane>
+        <a-tab-pane key="3" title="核销说明">
+          <div class="tg-detail-hub-pane">
+            <a-typography-paragraph v-if="tgVerifyNotice" type="secondary" style="margin-bottom: 12px">
+              {{ tgVerifyNotice }}
+            </a-typography-paragraph>
+            <a-form layout="vertical">
+              <a-form-item label="核销登录页（与活动核销相同）">
+                <a-space>
+                  <a-input :model-value="tgVerifyUnifiedUrl" readonly style="width: 460px" />
+                  <a-button type="primary" @click="copyTgVerifyUrl">复制链接</a-button>
+                </a-space>
+              </a-form-item>
+            </a-form>
+            <a-divider orientation="left">本场参与场馆 · 6 位抢票核销口令</a-divider>
+            <a-table :data="tgVerifyVenuePins" :pagination="false" size="small" row-key="venue_id">
+              <template #columns>
+                <a-table-column title="场馆" data-index="venue_name" />
+                <a-table-column title="6 位口令" data-index="verify_portal_pin" />
+                <a-table-column title="操作" :width="100">
+                  <template #cell="{ record }">
+                    <a-button type="text" size="mini" @click="copyVenuePin(String((record as TgVenueVerifyPinRow).verify_portal_pin || ''))"
+                      >复制口令</a-button
+                    >
+                  </template>
+                </a-table-column>
               </template>
-            </a-table-column>
-          </template>
-        </a-table>
-      </a-spin>
+            </a-table>
+          </div>
+        </a-tab-pane>
+      </a-tabs>
+      <div style="display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px">
+        <a-button @click="closeTicketGrabDetailHub">关闭</a-button>
+        <a-button
+          v-show="tgHubActiveKey === '2'"
+          type="primary"
+          :loading="releaseSaving"
+          :disabled="!releasePayload?.venues?.length"
+          @click="saveRelease"
+        >
+          保存放票配置
+        </a-button>
+      </div>
     </a-modal>
 
     <a-modal
       v-model:visible="visible"
       :title="editId ? '编辑抢票' : '新建抢票'"
+      ok-text="下一步：放票配置"
       width="70%"
       :body-style="modalBodyStyle"
       :ok-loading="saving"
@@ -1641,71 +1891,10 @@ onMounted(async () => {
         地址：{{ pickedPoint.address || '-' }}
       </a-alert>
     </a-modal>
-
-    <a-modal
-      v-model:visible="releaseVisible"
-      title="放票与每日配置"
-      :width="900"
-      :ok-loading="releaseSaving"
-      @ok="saveRelease"
-      @cancel="releaseVisible = false"
-    >
-      <a-spin v-if="releaseLoading" style="width: 100%; padding: 24px" />
-      <div v-else-if="releasePayload">
-        <a-typography-paragraph v-if="releasePayload.event" type="secondary" style="margin-top: 0">
-          预约日 {{ releasePayload.event.booking_start_at }} ～ {{ releasePayload.event.booking_end_at }}，每日
-          {{ releasePayload.event.daily_release_start_time }} 起开放，至
-          {{ releasePayload.event.daily_release_end_time }} 止。
-        </a-typography-paragraph>
-        <a-tabs v-if="releasePayload.venues?.length" default-active-key="0">
-          <a-tab-pane
-            v-for="(b, idx) in releasePayload.venues"
-            :key="String(idx)"
-            :title="`${venueName(b.venue_id)} · 总配额 ${b.venue_total_quota}`"
-          >
-            <a-table :data="b.release_days" :pagination="false" :scroll="{ y: 320 }">
-              <template #columns>
-                <a-table-column title="抢票日期" data-index="release_date" :width="120" />
-                <a-table-column title="昨日余票" :width="88">
-                  <template #cell="{ record }">{{ record.carry_in }}</template>
-                </a-table-column>
-                <a-table-column title="基础放票" :width="120">
-                  <template #cell="{ record }">
-                    <a-input-number
-                      v-model="releaseEdits[b.venue_id][record.release_date]"
-                      :min="0"
-                      mode="button"
-                    />
-                  </template>
-                </a-table-column>
-                <a-table-column title="可预约总量" :width="120">
-                  <template #cell="{ record }">{{ record.total_day_pool }}</template>
-                </a-table-column>
-                <a-table-column title="已预约" :width="72">
-                  <template #cell="{ record }">{{ record.booked_count }}</template>
-                </a-table-column>
-                <a-table-column title="余量" :width="88">
-                  <template #cell="{ record }">{{ record.current_remaining }}</template>
-                </a-table-column>
-              </template>
-            </a-table>
-          </a-tab-pane>
-        </a-tabs>
-        <a-alert v-if="!releasePayload.venues?.length" type="warning">暂无放票日数据，请先保存活动并含预约日期与场馆。</a-alert>
-      </div>
-    </a-modal>
   </a-card>
 </template>
 
 <style scoped>
-.tg-verify-cred-add {
-  margin-bottom: 12px;
-}
-.tg-verify-cred-add__hint {
-  font-size: 12px;
-  line-height: 1.5;
-  color: var(--color-text-3);
-}
 .tg-venue-block {
   width: 100%;
 }
@@ -1813,4 +2002,154 @@ onMounted(async () => {
 .activity-address-coord-row__map {
   flex-shrink: 0;
 }
+
+.tg-detail-hub-pane {
+  max-height: min(70vh, 680px);
+  overflow-y: auto;
+  padding-right: 2px;
+  box-sizing: border-box;
+}
+
+.tg-hub-activity__title-row {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  gap: 12px 16px;
+  justify-content: space-between;
+}
+
+.tg-hub-activity__name {
+  flex: 1 1 200px;
+  margin: 0 !important;
+}
+
+.tg-hub-activity__tags {
+  margin-top: 10px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+.tg-hub-divider {
+  margin: 14px 0 !important;
+}
+
+.tg-hub-section {
+  margin-bottom: 20px;
+}
+
+.tg-hub-section:last-child {
+  margin-bottom: 2px;
+}
+
+.tg-hub-section__title {
+  margin: 0 0 10px;
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--color-text-2);
+  letter-spacing: 0.02em;
+}
+
+.tg-hub-desc {
+  width: 100%;
+}
+
+.tg-hub-desc :deep(.arco-descriptions-item-label) {
+  width: 112px;
+  white-space: nowrap;
+}
+
+.tg-hub-media {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20px;
+  align-items: flex-start;
+}
+
+.tg-hub-media__sub {
+  font-size: 12px;
+  color: var(--color-text-3);
+  margin-bottom: 8px;
+}
+
+.tg-hub-media__cover-img {
+  width: 200px;
+  max-width: 100%;
+  height: 112px;
+  object-fit: cover;
+  border-radius: 6px;
+  border: 1px solid var(--color-border-2);
+  cursor: zoom-in;
+  display: block;
+}
+
+.tg-hub-media__gallery {
+  flex: 1 1 280px;
+  min-width: 0;
+}
+
+.tg-hub-gallery-scroll {
+  display: flex;
+  flex-wrap: nowrap;
+  gap: 10px;
+  overflow-x: auto;
+  padding-bottom: 6px;
+  max-width: 100%;
+}
+
+.tg-hub-gallery-thumb-wrap {
+  flex: 0 0 auto;
+}
+
+.tg-hub-gallery-thumb {
+  width: 128px;
+  height: 80px;
+  object-fit: cover;
+  border-radius: 6px;
+  border: 1px solid var(--color-border-2);
+  cursor: zoom-in;
+  display: block;
+}
+
+.tg-hub-gallery-thumb--video {
+  cursor: default;
+}
+
+.tg-hub-table-wrap {
+  border-radius: 6px;
+  overflow: hidden;
+  border: 1px solid var(--color-border-2);
+}
+
+.tg-hub-rich-box {
+  max-height: 280px;
+  overflow: auto;
+  padding: 12px 14px;
+  border-radius: 6px;
+  border: 1px solid var(--color-border-2);
+  background: var(--color-fill-1);
+}
+
+.tg-hub-rich {
+  font-size: 14px;
+  line-height: 1.65;
+  color: var(--color-text-1);
+}
+
+.tg-hub-rich :deep(img) {
+  max-width: 100%;
+  height: auto;
+}
+
+.tg-hub-rich :deep(p) {
+  margin: 0.5em 0;
+}
+
+.tg-hub-rich :deep(p:first-child) {
+  margin-top: 0;
+}
+
+.tg-hub-rich :deep(p:last-child) {
+  margin-bottom: 0;
+}
 </style>
diff --git a/src/views/ticket-grab/TicketGrabRegistrations.vue b/src/views/ticket-grab/TicketGrabRegistrations.vue
index e8c546f..5d2f1b2 100644
--- a/src/views/ticket-grab/TicketGrabRegistrations.vue
+++ b/src/views/ticket-grab/TicketGrabRegistrations.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, reactive, ref } from 'vue'
+import { onMounted, reactive, ref, watch } from 'vue'
 import { Message } from '@arco-design/web-vue'
 import { http } from '../../api/http'
 import { formatDateTimeZh, formatDateZh } from '../../utils/datetime'
@@ -28,7 +28,7 @@ type Row = {
 type TicketGrabEventOption = { id: number; title: string }
 
 const loading = ref(false)
-const status = ref<'all' | 'pending' | 'verified' | 'cancelled' | 'expired'>('all')
+const status = ref<'all' | 'pending' | 'verified' | 'cancelled' | 'expired'>('pending')
 const keyword = ref('')
 const ticketGrabEventId = ref<number | undefined>(undefined)
 const dateRange = ref<string[]>([])
@@ -36,6 +36,35 @@ const pagination = reactive({ current: 1, pageSize: 10, total: 0 })
 const rows = ref<Row[]>([])
 const ticketGrabEvents = ref<TicketGrabEventOption[]>([])
 
+type CurrentUser = { role?: string; full_admin_access?: boolean }
+type VenueMini = { id: number; name: string }
+
+const currentUser = ref<CurrentUser | null>(null)
+const venuesList = ref<VenueMini[]>([])
+const filterVenueId = ref<number | undefined>(undefined)
+
+function isSuperAdmin() {
+  return currentUser.value?.full_admin_access === true
+}
+
+async function loadMe() {
+  try {
+    const { data } = await http.get('/me')
+    currentUser.value = data as CurrentUser
+  } catch {
+    currentUser.value = null
+  }
+}
+
+async function loadVenues() {
+  try {
+    const { data } = await http.get('/venues')
+    venuesList.value = Array.isArray(data) ? (data as VenueMini[]) : []
+  } catch {
+    venuesList.value = []
+  }
+}
+
 async function loadTicketGrabEvents() {
   try {
     const { data } = await http.get<{ data: { id: number; title: string }[] }>('/ticket-grab-events/options', {
@@ -50,18 +79,20 @@ async function loadTicketGrabEvents() {
 async function loadRows() {
   loading.value = true
   try {
-    const { data } = await http.get('/activity-registrations', {
-      params: {
-        reservation_kind: 'ticket_grab',
-        ticket_grab_event_id: ticketGrabEventId.value || undefined,
-        status: status.value,
-        keyword: keyword.value || undefined,
-        start_date: dateRange.value?.[0] || undefined,
-        end_date: dateRange.value?.[1] || undefined,
-        page: pagination.current,
-        page_size: pagination.pageSize,
-      },
-    })
+    const params: Record<string, unknown> = {
+      reservation_kind: 'ticket_grab',
+      ticket_grab_event_id: ticketGrabEventId.value || undefined,
+      status: status.value,
+      keyword: keyword.value || undefined,
+      start_date: dateRange.value?.[0] || undefined,
+      end_date: dateRange.value?.[1] || undefined,
+      page: pagination.current,
+      page_size: pagination.pageSize,
+    }
+    if (isSuperAdmin() && filterVenueId.value != null && filterVenueId.value > 0) {
+      params.venue_id = filterVenueId.value
+    }
+    const { data } = await http.get('/activity-registrations', { params })
     rows.value = data.data
     pagination.total = data.total
   } catch (e: any) {
@@ -82,7 +113,14 @@ function onPageSizeChange(s: number) {
   void loadRows()
 }
 
+watch(filterVenueId, () => {
+  pagination.current = 1
+  void loadRows()
+})
+
 onMounted(async () => {
+  await loadMe()
+  await loadVenues()
   await loadTicketGrabEvents()
   await loadRows()
 })
@@ -92,6 +130,16 @@ onMounted(async () => {
   <a-card title="抢票管理 / 抢票报名" :bordered="false">
     <a-space direction="vertical" fill>
       <a-space wrap :size="12">
+        <a-select
+          v-if="isSuperAdmin()"
+          v-model="filterVenueId"
+          allow-clear
+          allow-search
+          placeholder="搜索或选择场馆"
+          style="width: 260px"
+        >
+          <a-option v-for="v in venuesList" :key="v.id" :value="v.id">{{ v.name }}</a-option>
+        </a-select>
         <a-select
           v-model="ticketGrabEventId"
           allow-clear