diff --git a/packages/app/src/pages.json b/packages/app/src/pages.json
index bc1de1f..b00b98e 100644
--- a/packages/app/src/pages.json
+++ b/packages/app/src/pages.json
@@ -99,6 +99,24 @@
         "navigationStyle": "custom"
       }
     },
+    {
+      "path": "pages/admin/member-detail",
+      "style": {
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/admin/member-edit",
+      "style": {
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/admin/member-arrange",
+      "style": {
+        "navigationStyle": "custom"
+      }
+    },
     {
       "path": "pages/admin/orders",
       "style": {
diff --git a/packages/app/src/pages/admin/bookings.vue b/packages/app/src/pages/admin/bookings.vue
index eba0f06..f2afcea 100644
--- a/packages/app/src/pages/admin/bookings.vue
+++ b/packages/app/src/pages/admin/bookings.vue
@@ -146,6 +146,7 @@
 
 <script setup lang="ts">
 import { ref, computed, onMounted } from 'vue'
+import { onShow } from '@dcloudio/uni-app'
 import type { BookingWithUser, BookingStatusHistory } from '@mp-pilates/shared'
 import { BookingStatus } from '@mp-pilates/shared'
 import { useBookingStore } from '../../stores/booking'
@@ -165,6 +166,7 @@ const bookingStore = useBookingStore()
 const navBarHeight = ref('64px')
 const refreshing = ref(false)
 const loading = ref(false)
+const hasLoadedOnce = ref(false)
 
 // ─── Filter state ─────────────────────────────────────────────────────────
 type FilterValue = string | null
@@ -215,9 +217,9 @@ function formatTimelineText(h: BookingStatusHistory): string {
 }
 
 // ─── Data loading ─────────────────────────────────────────────────────────
-async function loadBookings(append = false) {
+async function loadBookings(append = false, opts: { silent?: boolean } = {}) {
   if (loading.value) return
-  loading.value = true
+  if (!opts.silent) loading.value = true
 
   try {
     const page = append ? currentPage.value + 1 : 1
@@ -234,8 +236,9 @@ async function loadBookings(append = false) {
     totalCount.value = result.total
     hasMore.value = bookings.value.length < result.total
 
-    // Fetch history for each booking
-    if (!append) {
+    // Fetch history for each booking. Skip in silent mode — history is only
+    // shown as a small inline preview, and the detail page has the full one.
+    if (!append && !opts.silent) {
       await Promise.all(
         bookings.value.map((b) => fetchHistory(b.id)),
       )
@@ -247,9 +250,9 @@ async function loadBookings(append = false) {
     }
   } catch (err) {
     console.error('Load bookings failed:', err)
-    uni.showToast({ title: '加载失败', icon: 'none' })
+    if (!opts.silent) uni.showToast({ title: '加载失败', icon: 'none' })
   } finally {
-    loading.value = false
+    if (!opts.silent) loading.value = false
   }
 }
 
@@ -391,6 +394,24 @@ onMounted(() => {
   navBarHeight.value = `${getSystemLayout().navBarHeight}px`
   loadBookings(false)
   loadAllForStats()
+  hasLoadedOnce.value = true
+})
+
+// After returning from booking detail (where status may have changed),
+// re-sync the list with the server. Local row actions still call onRefresh
+// directly — this onShow is the safety net for the navigate-back path.
+// Uses silent mode so the list stays visible (no skeleton flash).
+onShow(() => {
+  if (!hasLoadedOnce.value) return
+  // Skip while a refresh is already in flight to avoid overlap.
+  if (refreshing.value || loading.value) return
+  Promise.all([
+    loadBookings(false, { silent: true }),
+    loadAllForStats(),
+  ]).catch(() => {
+    // Errors are non-fatal here — list keeps showing stale data until
+    // the next explicit refresh.
+  })
 })
 </script>
 
diff --git a/packages/app/src/pages/admin/member-arrange.vue b/packages/app/src/pages/admin/member-arrange.vue
new file mode 100644
index 0000000..48d544a
--- /dev/null
+++ b/packages/app/src/pages/admin/member-arrange.vue
@@ -0,0 +1,694 @@
+<template>
+  <view class="page" :style="{ paddingTop: navBarHeight }">
+    <CustomNavBar title="安排课程" show-back />
+
+    <view v-if="detail" class="who-bar">
+      <view class="who-avatar">
+        <image v-if="detail.user.avatarUrl" class="avatar-img" :src="detail.user.avatarUrl" mode="aspectFill" />
+        <view v-else class="avatar-fallback">
+          <text class="avatar-letter">{{ (detail.user.nickname || '?').slice(0, 1) }}</text>
+        </view>
+      </view>
+      <view class="who-copy">
+        <text class="who-kicker">为学员安排</text>
+        <text class="who-name">{{ detail.user.nickname || '未知用户' }}</text>
+      </view>
+    </view>
+
+    <view v-if="usableMemberships.length" class="card-switch">
+      <scroll-view scroll-x class="card-scroll" :show-scrollbar="false">
+        <view class="card-track">
+          <view
+            v-for="card in usableMemberships"
+            :key="card.id"
+            class="card-pill"
+            :class="{ 'card-pill--on': selectedMembershipId === card.id }"
+            @tap="selectedMembershipId = card.id"
+          >
+            <text class="card-pill-name">{{ card.cardType.name }}</text>
+            <text class="card-pill-meta">
+              {{ card.remainingTimes == null ? '月卡不扣次' : `剩 ${card.remainingTimes} 次` }}
+            </text>
+          </view>
+        </view>
+      </scroll-view>
+    </view>
+
+    <view v-else class="ban-banner">
+      <text class="ban-text">该会员没有可扣课的有效卡，请先开卡</text>
+    </view>
+
+    <DateSelector v-model="selectedDate" variant="booking" @select="onDateSelect" />
+    <TimePeriodFilter v-model="selectedPeriod" variant="booking" />
+
+    <view v-if="slotsLoading" class="slot-skeleton">
+      <view v-for="i in 4" :key="i" class="slot-skel" />
+    </view>
+
+    <view v-else-if="filteredSlots.length === 0" class="empty-slots">
+      <text class="empty-title">这天还没有可安排的课表</text>
+      <text class="empty-sub">可以去排课管理发布，或在下方加开一个时段</text>
+      <view class="ghost-link" @tap="goSchedule">
+        <text class="ghost-link-text">前往排课管理</text>
+      </view>
+    </view>
+
+    <view v-else class="slot-list">
+      <view
+        v-for="slot in filteredSlots"
+        :key="slot.startTime + slot.endTime + (slot.id || 'draft')"
+        class="slot-row"
+        :class="{ 'slot-row--disabled': !canPickSlot(slot) }"
+        @tap="onPickSlot(slot)"
+      >
+        <view class="slot-time-col">
+          <text class="slot-time">{{ slot.startTime.slice(0, 5) }}</text>
+          <text class="slot-end">{{ slot.endTime.slice(0, 5) }}</text>
+        </view>
+        <view class="slot-body">
+          <text class="slot-title">{{ slotLabel(slot) }}</text>
+          <text class="slot-cap">{{ slot.bookedCount }}/{{ slot.capacity }} 人</text>
+        </view>
+        <text class="slot-action">{{ slotActionLabel(slot) }}</text>
+      </view>
+    </view>
+
+    <view class="custom-block">
+      <text class="custom-title">加开此时段</text>
+      <view class="custom-row">
+        <picker mode="time" :value="customStart" @change="onCustomStartChange">
+          <view class="custom-picker">
+            <text class="custom-picker-text">{{ customStart }} – {{ customEnd }}</text>
+            <text class="custom-picker-arrow">选择开始时间</text>
+          </view>
+        </picker>
+        <view
+          class="custom-btn"
+          :class="{ 'custom-btn--disabled': !canArrange }"
+          @tap="onCustomArrange"
+        >
+          <text class="custom-btn-text">加开并安排</text>
+        </view>
+      </view>
+    </view>
+
+    <view v-if="confirmVisible && pendingSlot" class="mask" @tap="confirmVisible = false">
+      <view class="sheet" @tap.stop>
+        <text class="sheet-kicker">立即确认</text>
+        <text class="sheet-title">安排给 {{ detail?.user.nickname || '该会员' }}</text>
+        <view class="sheet-lines">
+          <view class="sheet-line">
+            <text class="sheet-label">时间</text>
+            <text class="sheet-value">{{ pendingSlot.date }} {{ pendingSlot.startTime.slice(0, 5) }}–{{ pendingSlot.endTime.slice(0, 5) }}</text>
+          </view>
+          <view class="sheet-line">
+            <text class="sheet-label">扣卡</text>
+            <text class="sheet-value">{{ selectedMembership?.cardType.name }}</text>
+          </view>
+        </view>
+        <text class="sheet-note">{{ deductHint }}</text>
+        <view class="sheet-actions">
+          <view class="sheet-cancel" @tap="confirmVisible = false">
+            <text class="sheet-cancel-text">取消</text>
+          </view>
+          <view class="sheet-ok" :class="{ 'sheet-ok--disabled': arranging }" @tap="confirmArrange">
+            <text class="sheet-ok-text">{{ arranging ? '安排中...' : '确认安排' }}</text>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { computed, onMounted, ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import type {
+  AdminMemberDetail,
+  ScheduleSlotPreview,
+} from '@mp-pilates/shared'
+import { MembershipStatus, TIME_PERIODS, TimeSlotStatus, TimeSlotSource } from '@mp-pilates/shared'
+import CustomNavBar from '../../components/CustomNavBar.vue'
+import DateSelector from '../../components/DateSelector.vue'
+import TimePeriodFilter from '../../components/TimePeriodFilter.vue'
+import { getSystemLayout } from '../../utils/system'
+import { formatDate, isSlotPast } from '../../utils/format'
+import { getErrorMessage } from '../../utils/auth'
+import { useAdminStore } from '../../stores/admin'
+
+type PeriodKey = keyof typeof TIME_PERIODS | null
+
+const adminStore = useAdminStore()
+const navBarHeight = ref('64px')
+const userId = ref('')
+const detail = ref<AdminMemberDetail | null>(null)
+const selectedMembershipId = ref('')
+const selectedDate = ref(formatDate(new Date()))
+const selectedPeriod = ref<PeriodKey>(null)
+const slots = ref<ScheduleSlotPreview[]>([])
+const slotsLoading = ref(false)
+const customStart = ref('10:00')
+const confirmVisible = ref(false)
+const pendingSlot = ref<ScheduleSlotPreview | null>(null)
+const arranging = ref(false)
+
+const usableMemberships = computed(() =>
+  (detail.value?.memberships ?? []).filter((item) =>
+    item.status === MembershipStatus.ACTIVE
+    && (item.remainingTimes === null || item.remainingTimes > 0)
+    && new Date(item.expireDate) > new Date(),
+  ),
+)
+
+const selectedMembership = computed(
+  () => usableMemberships.value.find((item) => item.id === selectedMembershipId.value) ?? null,
+)
+
+const canArrange = computed(() => Boolean(selectedMembership.value))
+
+const isDurationCard = computed(() => selectedMembership.value?.remainingTimes == null)
+
+const deductHint = computed(() => {
+  if (isDurationCard.value) {
+    return '将立即确认该课，月卡不扣次，会员无需再确认。'
+  }
+  return '将立即确认该课并扣除 1 次，会员无需再确认。'
+})
+
+const filteredSlots = computed(() => {
+  if (!selectedPeriod.value) return slots.value
+  const period = TIME_PERIODS[selectedPeriod.value]
+  return slots.value.filter((slot) => slot.startTime >= period.start && slot.startTime < period.end)
+})
+
+const customEnd = computed(() => addHour(customStart.value))
+
+function addHour(time: string): string {
+  const [hours, minutes] = time.split(':').map(Number)
+  const total = hours * 60 + (minutes || 0) + 60
+  const nextHours = Math.floor(total / 60) % 24
+  const nextMinutes = total % 60
+  return `${String(nextHours).padStart(2, '0')}:${String(nextMinutes).padStart(2, '0')}`
+}
+
+function canPickSlot(slot: ScheduleSlotPreview): boolean {
+  if (!canArrange.value) return false
+  if (isSlotPast(slot.date, slot.startTime)) return false
+  if (slot.status === TimeSlotStatus.CLOSED) return false
+  if (slot.isPublished && (slot.status === TimeSlotStatus.FULL || slot.bookedCount >= slot.capacity)) {
+    return false
+  }
+  return true
+}
+
+function slotLabel(slot: ScheduleSlotPreview): string {
+  if (!slot.isPublished || !slot.id) return '未发布时段'
+  if (slot.status === TimeSlotStatus.CLOSED) return '已关闭'
+  if (slot.status === TimeSlotStatus.FULL || slot.bookedCount >= slot.capacity) return '已满员'
+  if (isSlotPast(slot.date, slot.startTime)) return '已过点'
+  return '可安排'
+}
+
+function slotActionLabel(slot: ScheduleSlotPreview): string {
+  if (!slot.isPublished || !slot.id) return '加开'
+  if (!canPickSlot(slot)) return '—'
+  return '安排'
+}
+
+async function loadSlots(date: string) {
+  slotsLoading.value = true
+  try {
+    slots.value = await adminStore.previewScheduleByDate(date)
+  } catch (err: unknown) {
+    slots.value = []
+    uni.showToast({ title: getErrorMessage(err, '课表加载失败'), icon: 'none' })
+  } finally {
+    slotsLoading.value = false
+  }
+}
+
+async function loadPage() {
+  detail.value = await adminStore.fetchMemberDetail(userId.value)
+  const first = usableMemberships.value[0]
+  selectedMembershipId.value = first?.id ?? ''
+  await loadSlots(selectedDate.value)
+}
+
+function onDateSelect(date: string) {
+  selectedDate.value = date
+  loadSlots(date)
+}
+
+function onCustomStartChange(e: { detail: { value: string } }) {
+  customStart.value = e.detail.value
+}
+
+function goSchedule() {
+  uni.navigateTo({ url: '/pages/admin/schedule' })
+}
+
+function onPickSlot(slot: ScheduleSlotPreview) {
+  if (!canPickSlot(slot)) return
+  pendingSlot.value = slot
+  confirmVisible.value = true
+}
+
+function onCustomArrange() {
+  if (!canArrange.value) {
+    uni.showToast({ title: '请先开通有效会员卡', icon: 'none' })
+    return
+  }
+  if (customEnd.value <= customStart.value) {
+    uni.showToast({ title: '结束时间必须晚于开始时间', icon: 'none' })
+    return
+  }
+  if (isSlotPast(selectedDate.value, customStart.value)) {
+    uni.showToast({ title: '不能安排已经过去的时间', icon: 'none' })
+    return
+  }
+  pendingSlot.value = {
+    id: null,
+    date: selectedDate.value,
+    startTime: customStart.value,
+    endTime: customEnd.value,
+    capacity: 1,
+    bookedCount: 0,
+    status: TimeSlotStatus.OPEN,
+    source: TimeSlotSource.MANUAL,
+    templateId: null,
+    isPublished: false,
+  }
+  confirmVisible.value = true
+}
+
+async function confirmArrange() {
+  const slot = pendingSlot.value
+  const membership = selectedMembership.value
+  if (!slot || !membership || arranging.value) return
+  arranging.value = true
+  try {
+    let timeSlotId = slot.id
+    await adminStore.arrangeMemberBooking({
+      userId: userId.value,
+      membershipId: membership.id,
+      ...(timeSlotId ? { timeSlotId } : {}),
+      date: slot.date,
+      startTime: slot.startTime.slice(0, 5),
+      endTime: slot.endTime.slice(0, 5),
+      capacity: slot.capacity || 1,
+    })
+    confirmVisible.value = false
+    uni.showToast({ title: '已安排并确认', icon: 'success' })
+    setTimeout(() => uni.navigateBack(), 500)
+  } catch (err: unknown) {
+    uni.showToast({ title: getErrorMessage(err, '安排失败'), icon: 'none' })
+  } finally {
+    arranging.value = false
+  }
+}
+
+onLoad((query) => {
+  userId.value = String(query?.userId || '')
+})
+
+onMounted(async () => {
+  navBarHeight.value = `${getSystemLayout().navBarHeight}px`
+  try {
+    await loadPage()
+  } catch (err: unknown) {
+    uni.showToast({ title: getErrorMessage(err, '加载失败'), icon: 'none' })
+  }
+})
+</script>
+
+<style lang="scss" scoped>
+.page {
+  min-height: 100vh;
+  background: $bg-page;
+  padding-bottom: 80rpx;
+}
+
+.who-bar {
+  margin: 16rpx 24rpx 0;
+  padding: 20rpx;
+  border-radius: 20rpx;
+  background: linear-gradient(135deg, #3c3228, #5a4a3a);
+  display: flex;
+  align-items: center;
+  gap: 18rpx;
+}
+
+.who-avatar {
+  width: 72rpx;
+  height: 72rpx;
+  border-radius: 18rpx;
+  overflow: hidden;
+  flex-shrink: 0;
+}
+
+.avatar-img { width: 100%; height: 100%; }
+
+.avatar-fallback {
+  width: 100%;
+  height: 100%;
+  background: $accent-color;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.avatar-letter {
+  color: #fff8f0;
+  font-weight: 700;
+}
+
+.who-copy {
+  display: flex;
+  flex-direction: column;
+  gap: 4rpx;
+}
+
+.who-kicker {
+  font-size: 18rpx;
+  letter-spacing: 3rpx;
+  color: rgba(255, 248, 240, 0.55);
+}
+
+.who-name {
+  font-size: 32rpx;
+  font-weight: 700;
+  color: #fff8f0;
+}
+
+.card-switch {
+  padding: 16rpx 0 4rpx;
+}
+
+.card-scroll { white-space: nowrap; }
+
+.card-track {
+  display: inline-flex;
+  gap: 12rpx;
+  padding: 0 24rpx;
+}
+
+.card-pill {
+  padding: 14rpx 22rpx;
+  border-radius: 16rpx;
+  background: #fff;
+  border: 2rpx solid rgba(180, 160, 130, 0.18);
+  display: flex;
+  flex-direction: column;
+  gap: 4rpx;
+}
+
+.card-pill--on {
+  border-color: $brand-color;
+  background: #3c3228;
+}
+
+.card-pill-name {
+  font-size: 24rpx;
+  font-weight: 700;
+  color: $text-primary;
+}
+
+.card-pill--on .card-pill-name,
+.card-pill--on .card-pill-meta {
+  color: #fff8f0;
+}
+
+.card-pill-meta {
+  font-size: 20rpx;
+  color: $text-hint;
+}
+
+.ban-banner {
+  margin: 16rpx 24rpx;
+  padding: 20rpx;
+  border-radius: 16rpx;
+  background: rgba($error-color, 0.1);
+}
+
+.ban-text {
+  font-size: 24rpx;
+  color: $error-color;
+}
+
+.slot-skeleton { padding: 16rpx 24rpx; }
+
+.slot-skel {
+  height: 112rpx;
+  border-radius: 18rpx;
+  margin-bottom: 12rpx;
+  background: linear-gradient(90deg, #efe8df 25%, #f7f2ea 50%, #efe8df 75%);
+  background-size: 400% 100%;
+  animation: shimmer 1.4s infinite;
+}
+
+.empty-slots {
+  padding: 48rpx 32rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 10rpx;
+}
+
+.empty-title {
+  font-size: 28rpx;
+  font-weight: 700;
+  color: $text-primary;
+}
+
+.empty-sub {
+  font-size: 24rpx;
+  color: $text-hint;
+  text-align: center;
+}
+
+.ghost-link {
+  margin-top: 8rpx;
+  padding: 10rpx 24rpx;
+  border-radius: 999rpx;
+  border: 1rpx solid $brand-color;
+}
+
+.ghost-link-text {
+  font-size: 22rpx;
+  color: $brand-color;
+}
+
+.slot-list {
+  padding: 16rpx 24rpx 8rpx;
+}
+
+.slot-row {
+  display: flex;
+  align-items: center;
+  gap: 20rpx;
+  background: #fff;
+  border-radius: 18rpx;
+  padding: 22rpx 20rpx;
+  margin-bottom: 12rpx;
+  border: 1rpx solid rgba(180, 160, 130, 0.12);
+}
+
+.slot-row--disabled {
+  opacity: 0.45;
+}
+
+.slot-time-col {
+  width: 120rpx;
+  display: flex;
+  flex-direction: column;
+}
+
+.slot-time {
+  font-size: 34rpx;
+  font-weight: 800;
+  color: $text-primary;
+  font-family: 'DIN Alternate', 'Helvetica Neue', sans-serif;
+}
+
+.slot-end {
+  font-size: 22rpx;
+  color: $text-hint;
+}
+
+.slot-body {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 4rpx;
+}
+
+.slot-title {
+  font-size: 26rpx;
+  font-weight: 600;
+  color: $text-primary;
+}
+
+.slot-cap {
+  font-size: 22rpx;
+  color: $text-hint;
+}
+
+.slot-action {
+  font-size: 24rpx;
+  font-weight: 700;
+  color: $accent-color;
+}
+
+.custom-block {
+  margin: 12rpx 24rpx 40rpx;
+  padding: 24rpx;
+  background: #fff;
+  border-radius: 20rpx;
+  border: 1rpx dashed rgba(180, 160, 130, 0.28);
+}
+
+.custom-title {
+  display: block;
+  font-size: 22rpx;
+  letter-spacing: 3rpx;
+  color: $text-hint;
+  margin-bottom: 16rpx;
+}
+
+.custom-row {
+  display: flex;
+  align-items: center;
+  gap: 16rpx;
+}
+
+.custom-picker {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 4rpx;
+}
+
+.custom-picker-text {
+  font-size: 30rpx;
+  font-weight: 700;
+  color: $text-primary;
+  font-family: 'DIN Alternate', 'Helvetica Neue', sans-serif;
+}
+
+.custom-picker-arrow {
+  font-size: 20rpx;
+  color: $text-hint;
+}
+
+.custom-btn {
+  padding: 16rpx 22rpx;
+  border-radius: 14rpx;
+  background: $brand-color;
+}
+
+.custom-btn--disabled { opacity: 0.4; }
+
+.custom-btn-text {
+  font-size: 24rpx;
+  font-weight: 700;
+  color: #fff8f0;
+}
+
+.mask {
+  position: fixed;
+  inset: 0;
+  background: rgba(44, 36, 28, 0.45);
+  display: flex;
+  align-items: flex-end;
+  z-index: 20;
+}
+
+.sheet {
+  width: 100%;
+  background: #fff8f0;
+  border-radius: 28rpx 28rpx 0 0;
+  padding: 32rpx 32rpx calc(32rpx + env(safe-area-inset-bottom));
+}
+
+.sheet-kicker {
+  font-size: 20rpx;
+  letter-spacing: 4rpx;
+  color: $text-hint;
+}
+
+.sheet-title {
+  display: block;
+  margin-top: 8rpx;
+  font-size: 36rpx;
+  font-weight: 700;
+  color: $text-primary;
+  font-family: 'Songti SC', Georgia, serif;
+}
+
+.sheet-lines {
+  margin: 28rpx 0 16rpx;
+}
+
+.sheet-line {
+  display: flex;
+  justify-content: space-between;
+  padding: 14rpx 0;
+  border-bottom: 1rpx solid rgba(180, 160, 130, 0.14);
+}
+
+.sheet-label {
+  font-size: 24rpx;
+  color: $text-hint;
+}
+
+.sheet-value {
+  font-size: 26rpx;
+  color: $text-primary;
+}
+
+.sheet-note {
+  display: block;
+  font-size: 24rpx;
+  color: $text-secondary;
+  line-height: 1.5;
+}
+
+.sheet-actions {
+  display: flex;
+  gap: 16rpx;
+  margin-top: 28rpx;
+}
+
+.sheet-cancel,
+.sheet-ok {
+  flex: 1;
+  height: 84rpx;
+  border-radius: 16rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.sheet-cancel {
+  background: #fff;
+  border: 2rpx solid $brand-color;
+}
+
+.sheet-ok {
+  background: $brand-color;
+}
+
+.sheet-ok--disabled { opacity: 0.5; }
+
+.sheet-cancel-text {
+  font-size: 28rpx;
+  font-weight: 700;
+  color: $brand-color;
+}
+
+.sheet-ok-text {
+  font-size: 28rpx;
+  font-weight: 700;
+  color: #fff8f0;
+}
+</style>
diff --git a/packages/app/src/pages/admin/member-detail.vue b/packages/app/src/pages/admin/member-detail.vue
new file mode 100644
index 0000000..9543ab5
--- /dev/null
+++ b/packages/app/src/pages/admin/member-detail.vue
@@ -0,0 +1,680 @@
+<template>
+  <view class="page" :style="{ paddingTop: navBarHeight }">
+    <CustomNavBar title="会员档案" show-back />
+
+    <view v-if="loading && !detail" class="skeleton-wrap">
+      <view class="skeleton-hero" />
+      <view class="skeleton-block" />
+      <view class="skeleton-block" />
+    </view>
+
+    <template v-else-if="detail">
+      <view class="hero">
+        <view class="hero-grain" />
+        <view class="hero-inner">
+          <view class="hero-avatar">
+            <image v-if="detail.user.avatarUrl" class="avatar-img" :src="detail.user.avatarUrl" mode="aspectFill" />
+            <view v-else class="avatar-fallback">
+              <text class="avatar-letter">{{ (detail.user.nickname || '?').slice(0, 1) }}</text>
+            </view>
+          </view>
+          <view class="hero-copy">
+            <text class="hero-kicker">STUDIO LEDGER</text>
+            <text class="hero-name">{{ detail.user.nickname || '未知用户' }}</text>
+            <text class="hero-phone">{{ detail.user.phone || '未绑定手机' }}</text>
+            <text class="hero-openid" @tap="copyOpenid">{{ detail.user.openid }}</text>
+          </view>
+        </view>
+        <view class="time-pair">
+          <view class="time-cell">
+            <text class="time-label">注册时间</text>
+            <text class="time-value">{{ formatDateTimeFull(detail.user.createdAt) }}</text>
+          </view>
+          <view class="time-rule" />
+          <view class="time-cell">
+            <text class="time-label">最近登录</text>
+            <text class="time-value">{{ detail.user.lastLoginAt ? formatDateTimeFull(detail.user.lastLoginAt) : '暂无登录记录' }}</text>
+          </view>
+        </view>
+      </view>
+
+      <view class="section">
+        <text class="section-label">上课情况</text>
+        <view class="stats-strip">
+          <view class="stat">
+            <text class="stat-num">{{ detail.stats.totalBookings }}</text>
+            <text class="stat-name">累计预约</text>
+          </view>
+          <view class="stat">
+            <text class="stat-num">{{ detail.stats.completedBookings }}</text>
+            <text class="stat-name">已完成</text>
+          </view>
+          <view class="stat">
+            <text class="stat-num">{{ detail.stats.cancelledBookings }}</text>
+            <text class="stat-name">已取消</text>
+          </view>
+        </view>
+        <text class="noshow-hint">未到 {{ detail.stats.noShowBookings }} 次</text>
+      </view>
+
+      <view class="section">
+        <text class="section-label">会员卡</text>
+        <view v-if="detail.memberships.length" class="card-list">
+          <view
+            v-for="card in detail.memberships"
+            :key="card.id"
+            class="mship"
+          >
+            <view class="mship-strip" :class="getCardGradientClass(card.cardType.type)" />
+            <view class="mship-head">
+              <view class="mship-titles">
+                <text class="mship-name">{{ card.cardType.name }}</text>
+                <text class="mship-type">{{ getCardTypeLabel(card.cardType.type) }}</text>
+              </view>
+              <view class="mship-status" :class="'mship-status--' + card.status.toLowerCase()">
+                <text class="mship-status-text">{{ membershipStatusLabel(card.status) }}</text>
+              </view>
+            </view>
+            <view v-if="card.remainingTimes !== null" class="mship-times">
+              <text class="mship-times-num">{{ card.remainingTimes }}</text>
+              <text class="mship-times-unit">次剩余</text>
+            </view>
+            <view v-if="card.remainingTimes !== null && getMembershipTotalTimes(card)" class="progress">
+              <view class="progress-bar">
+                <view class="progress-fill" :style="{ width: getMembershipProgressWidth(card) }" />
+              </view>
+              <text class="progress-text">
+                已用 {{ getMembershipUsedTimes(card) }} / {{ getMembershipTotalTimes(card) }}
+              </text>
+            </view>
+            <view class="mship-dates">
+              <text>{{ formatDate(card.startDate) }} 起</text>
+              <text>{{ formatDate(card.expireDate) }} 止</text>
+            </view>
+          </view>
+        </view>
+        <view v-else class="empty-card">
+          <text class="empty-card-title">尚未开卡</text>
+          <text class="empty-card-sub">开通体验卡、次卡或月卡后即可安排课程</text>
+          <view class="empty-card-btn" @tap="goEdit">
+            <text class="empty-card-btn-text">去开卡</text>
+          </view>
+        </view>
+      </view>
+
+      <view class="section section--last">
+        <text class="section-label">即将上课</text>
+        <view v-if="detail.upcomingBookings.length" class="upcoming-list">
+          <view v-for="item in detail.upcomingBookings" :key="item.id" class="upcoming-row">
+            <view class="upcoming-time">
+              <text class="upcoming-date">{{ item.date.slice(5) }}</text>
+              <text class="upcoming-hour">{{ item.startTime.slice(0, 5) }}–{{ item.endTime.slice(0, 5) }}</text>
+            </view>
+            <view class="upcoming-meta">
+              <text class="upcoming-card">{{ item.cardName }}</text>
+              <text class="upcoming-status">{{ bookingStatusLabel(item.status) }}</text>
+            </view>
+          </view>
+        </view>
+        <view v-else class="upcoming-empty">
+          <text class="upcoming-empty-text">近期没有待上的课</text>
+        </view>
+      </view>
+    </template>
+
+    <view class="dock">
+      <view class="dock-btn dock-btn--ghost" @tap="goEdit">
+        <text class="dock-btn-text">编辑资料</text>
+      </view>
+      <view
+        class="dock-btn dock-btn--solid"
+        :class="{ 'dock-btn--disabled': !canArrange }"
+        @tap="goArrange"
+      >
+        <text class="dock-btn-text dock-btn-text--solid">安排课程</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { ref, computed, onMounted } from 'vue'
+import { onLoad, onShow } from '@dcloudio/uni-app'
+import type { AdminMemberDetail, MembershipWithCardType } from '@mp-pilates/shared'
+import { MembershipStatus, BookingStatus } from '@mp-pilates/shared'
+import CustomNavBar from '../../components/CustomNavBar.vue'
+import { getSystemLayout } from '../../utils/system'
+import {
+  formatDateTimeFull,
+  getCardTypeLabel,
+  getCardGradientClass,
+  getMembershipProgressWidth,
+  getMembershipUsedTimes,
+  getMembershipTotalTimes,
+} from '../../utils/format'
+import { BOOKING_STATUS_LABELS } from '../../utils/booking-helpers'
+import { getErrorMessage } from '../../utils/auth'
+import { useAdminStore } from '../../stores/admin'
+
+const adminStore = useAdminStore()
+const navBarHeight = ref('64px')
+const userId = ref('')
+const loading = ref(false)
+const detail = ref<AdminMemberDetail | null>(null)
+
+const canArrange = computed(() => (detail.value?.memberships ?? []).some(isArrangableMembership))
+
+function isArrangableMembership(membership: MembershipWithCardType): boolean {
+  if (membership.status !== MembershipStatus.ACTIVE) return false
+  if (membership.remainingTimes !== null && membership.remainingTimes <= 0) return false
+  return new Date(membership.expireDate) > new Date()
+}
+
+function membershipStatusLabel(status: string): string {
+  const map: Record<string, string> = {
+    ACTIVE: '有效',
+    EXPIRED: '已过期',
+    USED_UP: '已用完',
+  }
+  return map[status] || status
+}
+
+function bookingStatusLabel(status: BookingStatus): string {
+  return BOOKING_STATUS_LABELS[status] || status
+}
+
+function formatDate(dateStr: string): string {
+  return dateStr.slice(0, 10)
+}
+
+function copyOpenid() {
+  const openid = detail.value?.user.openid
+  if (!openid) return
+  uni.setClipboardData({
+    data: openid,
+    success: () => uni.showToast({ title: '已复制 OpenID', icon: 'success' }),
+  })
+}
+
+async function loadDetail() {
+  if (!userId.value) return
+  loading.value = true
+  try {
+    detail.value = await adminStore.fetchMemberDetail(userId.value)
+  } catch (err: unknown) {
+    uni.showToast({ title: getErrorMessage(err, '加载失败'), icon: 'none' })
+  } finally {
+    loading.value = false
+  }
+}
+
+function goEdit() {
+  if (!userId.value) return
+  uni.navigateTo({ url: `/pages/admin/member-edit?userId=${userId.value}` })
+}
+
+function goArrange() {
+  if (!canArrange.value) {
+    uni.showToast({ title: '请先开通有效会员卡', icon: 'none' })
+    return
+  }
+  uni.navigateTo({ url: `/pages/admin/member-arrange?userId=${userId.value}` })
+}
+
+onLoad((query) => {
+  userId.value = String(query?.userId || '')
+})
+
+onMounted(() => {
+  navBarHeight.value = `${getSystemLayout().navBarHeight}px`
+})
+
+onShow(() => {
+  if (userId.value) {
+    loadDetail()
+  }
+})
+</script>
+
+<style lang="scss" scoped>
+.page {
+  min-height: 100vh;
+  background: $bg-page;
+  padding-bottom: 180rpx;
+}
+
+.skeleton-wrap {
+  padding: 24rpx;
+}
+
+.skeleton-hero,
+.skeleton-block {
+  border-radius: 24rpx;
+  background: linear-gradient(90deg, #efe8df 25%, #f7f2ea 50%, #efe8df 75%);
+  background-size: 400% 100%;
+  animation: shimmer 1.4s infinite;
+}
+
+.skeleton-hero { height: 360rpx; margin-bottom: 24rpx; }
+.skeleton-block { height: 180rpx; margin-bottom: 20rpx; }
+
+.hero {
+  margin: 20rpx 24rpx 8rpx;
+  border-radius: 28rpx;
+  overflow: hidden;
+  background: linear-gradient(160deg, #2c241c 0%, #4a4035 58%, #6b5a48 100%);
+  position: relative;
+  box-shadow: 0 18rpx 40rpx rgba(44, 36, 28, 0.22);
+}
+
+.hero-grain {
+  position: absolute;
+  inset: 0;
+  background-image:
+    radial-gradient(circle at 18% 20%, rgba(169, 191, 204, 0.18), transparent 36%),
+    radial-gradient(circle at 90% 80%, rgba(232, 168, 124, 0.16), transparent 32%);
+}
+
+.hero-inner {
+  position: relative;
+  display: flex;
+  gap: 24rpx;
+  padding: 36rpx 32rpx 20rpx;
+}
+
+.hero-avatar {
+  width: 128rpx;
+  height: 128rpx;
+  border-radius: 28rpx;
+  overflow: hidden;
+  border: 3rpx solid rgba(255, 248, 240, 0.35);
+  flex-shrink: 0;
+}
+
+.avatar-img { width: 100%; height: 100%; }
+
+.avatar-fallback {
+  width: 100%;
+  height: 100%;
+  background: #7ba5be;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.avatar-letter {
+  font-size: 48rpx;
+  font-weight: 700;
+  color: #fff8f0;
+}
+
+.hero-copy {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 6rpx;
+}
+
+.hero-kicker {
+  font-size: 18rpx;
+  letter-spacing: 4rpx;
+  color: rgba(200, 216, 228, 0.72);
+}
+
+.hero-name {
+  font-size: 40rpx;
+  font-weight: 700;
+  color: #fff8f0;
+  font-family: 'Songti SC', 'Noto Serif SC', Georgia, serif;
+}
+
+.hero-phone,
+.hero-openid {
+  font-size: 22rpx;
+  color: rgba(255, 248, 240, 0.68);
+}
+
+.hero-openid {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.time-pair {
+  position: relative;
+  margin: 8rpx 20rpx 20rpx;
+  background: rgba(255, 248, 240, 0.08);
+  border: 1rpx solid rgba(255, 248, 240, 0.1);
+  border-radius: 18rpx;
+  display: flex;
+  padding: 18rpx 8rpx;
+}
+
+.time-cell {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 6rpx;
+}
+
+.time-rule {
+  width: 1rpx;
+  background: rgba(255, 248, 240, 0.16);
+}
+
+.time-label {
+  font-size: 20rpx;
+  color: rgba(255, 248, 240, 0.5);
+  letter-spacing: 2rpx;
+}
+
+.time-value {
+  font-size: 22rpx;
+  color: #fff8f0;
+  font-family: 'DIN Alternate', 'Helvetica Neue', sans-serif;
+}
+
+.section {
+  padding: 28rpx 24rpx 0;
+}
+
+.section--last {
+  padding-bottom: 24rpx;
+}
+
+.section-label {
+  display: block;
+  font-size: 22rpx;
+  letter-spacing: 4rpx;
+  color: $text-hint;
+  margin-bottom: 16rpx;
+}
+
+.stats-strip {
+  background: $bg-card;
+  border-radius: 20rpx;
+  display: flex;
+  padding: 28rpx 12rpx;
+  border: 1rpx solid rgba(180, 160, 130, 0.12);
+}
+
+.stat {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8rpx;
+}
+
+.stat-num {
+  font-size: 40rpx;
+  font-weight: 800;
+  color: $text-primary;
+  font-family: 'DIN Alternate', 'Helvetica Neue', sans-serif;
+}
+
+.stat-name {
+  font-size: 22rpx;
+  color: $text-hint;
+}
+
+.noshow-hint {
+  display: block;
+  margin-top: 12rpx;
+  font-size: 22rpx;
+  color: $text-hint;
+}
+
+.card-list {
+  display: flex;
+  flex-direction: column;
+  gap: 16rpx;
+}
+
+.mship {
+  background: $bg-card;
+  border-radius: 20rpx;
+  overflow: hidden;
+  border: 1rpx solid rgba(180, 160, 130, 0.12);
+}
+
+.mship-strip {
+  height: 8rpx;
+}
+
+.gradient--times { background: linear-gradient(90deg, #7ba5be, #a9bfcc); }
+.gradient--duration { background: linear-gradient(90deg, #7A9E7E, #b7cbb8); }
+.gradient--trial { background: linear-gradient(90deg, #C47A7A, #e8b4b4); }
+
+.mship-head {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  padding: 24rpx 24rpx 8rpx;
+}
+
+.mship-titles {
+  display: flex;
+  flex-direction: column;
+  gap: 6rpx;
+}
+
+.mship-name {
+  font-size: 30rpx;
+  font-weight: 700;
+  color: $text-primary;
+}
+
+.mship-type {
+  font-size: 22rpx;
+  color: $text-hint;
+}
+
+.mship-status {
+  padding: 4rpx 12rpx;
+  border-radius: 8rpx;
+  background: rgba($success-color, 0.14);
+
+  &--expired,
+  &--used_up { background: rgba($text-hint, 0.14); }
+}
+
+.mship-status-text {
+  font-size: 20rpx;
+  color: $text-secondary;
+}
+
+.mship-times {
+  padding: 4rpx 24rpx 0;
+  display: flex;
+  align-items: baseline;
+  gap: 8rpx;
+}
+
+.mship-times-num {
+  font-size: 48rpx;
+  font-weight: 800;
+  color: $text-primary;
+  font-family: 'DIN Alternate', 'Helvetica Neue', sans-serif;
+}
+
+.mship-times-unit {
+  font-size: 22rpx;
+  color: $text-hint;
+}
+
+.progress {
+  padding: 12rpx 24rpx 0;
+}
+
+.progress-bar {
+  height: 8rpx;
+  border-radius: 8rpx;
+  background: rgba(180, 160, 130, 0.16);
+  overflow: hidden;
+}
+
+.progress-fill {
+  height: 100%;
+  border-radius: 8rpx;
+  background: $accent-color;
+}
+
+.progress-text {
+  display: block;
+  margin-top: 8rpx;
+  font-size: 20rpx;
+  color: $text-hint;
+}
+
+.mship-dates {
+  padding: 16rpx 24rpx 24rpx;
+  display: flex;
+  justify-content: space-between;
+  font-size: 22rpx;
+  color: $text-secondary;
+}
+
+.empty-card {
+  background: $bg-card;
+  border-radius: 20rpx;
+  padding: 48rpx 32rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12rpx;
+  border: 1rpx dashed rgba(180, 160, 130, 0.28);
+}
+
+.empty-card-title {
+  font-size: 30rpx;
+  font-weight: 700;
+  color: $text-primary;
+}
+
+.empty-card-sub {
+  font-size: 24rpx;
+  color: $text-hint;
+}
+
+.empty-card-btn {
+  margin-top: 12rpx;
+  padding: 12rpx 32rpx;
+  border-radius: 999rpx;
+  background: $brand-color;
+}
+
+.empty-card-btn-text {
+  font-size: 24rpx;
+  color: $primary-dark;
+  font-weight: 600;
+}
+
+.upcoming-list {
+  background: $bg-card;
+  border-radius: 20rpx;
+  overflow: hidden;
+  border: 1rpx solid rgba(180, 160, 130, 0.12);
+}
+
+.upcoming-row {
+  display: flex;
+  justify-content: space-between;
+  padding: 24rpx;
+  border-bottom: 1rpx solid rgba(180, 160, 130, 0.1);
+
+  &:last-child { border-bottom: none; }
+}
+
+.upcoming-time {
+  display: flex;
+  flex-direction: column;
+  gap: 6rpx;
+}
+
+.upcoming-date {
+  font-size: 26rpx;
+  font-weight: 700;
+  color: $text-primary;
+}
+
+.upcoming-hour {
+  font-size: 24rpx;
+  color: $accent-color;
+  font-family: 'DIN Alternate', 'Helvetica Neue', sans-serif;
+}
+
+.upcoming-meta {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 6rpx;
+}
+
+.upcoming-card {
+  font-size: 24rpx;
+  color: $text-secondary;
+}
+
+.upcoming-status {
+  font-size: 20rpx;
+  color: $text-hint;
+}
+
+.upcoming-empty {
+  padding: 32rpx;
+  background: $bg-card;
+  border-radius: 20rpx;
+}
+
+.upcoming-empty-text {
+  font-size: 24rpx;
+  color: $text-hint;
+}
+
+.dock {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  gap: 16rpx;
+  padding: 16rpx 24rpx calc(16rpx + env(safe-area-inset-bottom));
+  background: rgba(250, 248, 245, 0.94);
+  border-top: 1rpx solid rgba(180, 160, 130, 0.14);
+}
+
+.dock-btn {
+  flex: 1;
+  height: 88rpx;
+  border-radius: 18rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.dock-btn--ghost {
+  background: #fff;
+  border: 2rpx solid $brand-color;
+}
+
+.dock-btn--solid {
+  background: $brand-color;
+}
+
+.dock-btn--disabled {
+  opacity: 0.38;
+}
+
+.dock-btn-text {
+  font-size: 28rpx;
+  font-weight: 700;
+  color: $brand-color;
+}
+
+.dock-btn-text--solid {
+  color: #fff8f0;
+}
+</style>
diff --git a/packages/app/src/pages/admin/member-edit.vue b/packages/app/src/pages/admin/member-edit.vue
new file mode 100644
index 0000000..15e8fa4
--- /dev/null
+++ b/packages/app/src/pages/admin/member-edit.vue
@@ -0,0 +1,400 @@
+<template>
+  <view class="page" :style="{ paddingTop: navBarHeight }">
+    <CustomNavBar title="编辑资料" show-back />
+
+    <view v-if="pageLoading" class="loading-wrap">
+      <text class="loading-text">加载中...</text>
+    </view>
+
+    <view v-else class="form">
+      <view class="block">
+        <text class="block-title">基本信息</text>
+        <view class="field">
+          <text class="field-label">昵称</text>
+          <input class="field-input" v-model="profileForm.nickname" maxlength="32" placeholder="会员昵称" />
+        </view>
+        <view class="field">
+          <text class="field-label">手机号</text>
+          <input class="field-input" v-model="profileForm.phone" maxlength="20" type="number" placeholder="未绑定可手动填写" />
+        </view>
+      </view>
+
+      <view class="block">
+        <text class="block-title">{{ editingMembership ? '会员卡' : '开通会员卡' }}</text>
+
+        <view v-if="existingMemberships.length > 1" class="field">
+          <text class="field-label">选择卡片</text>
+          <picker
+            class="field-picker"
+            mode="selector"
+            :value="membershipIndex"
+            :range="membershipPickerLabels"
+            @change="onMembershipPick"
+          >
+            <view class="picker-inner">
+              <text class="picker-text">{{ membershipPickerLabels[membershipIndex] }}</text>
+              <text class="picker-arrow">▾</text>
+            </view>
+          </picker>
+        </view>
+
+        <view class="field">
+          <text class="field-label">卡类型</text>
+          <picker
+            class="field-picker"
+            mode="selector"
+            :value="editForm.cardTypeIndex"
+            :range="cardTypes"
+            range-key="name"
+            @change="onCardTypeChange"
+          >
+            <view class="picker-inner">
+              <text class="picker-text">{{ cardTypes[editForm.cardTypeIndex]?.name || '请选择' }}</text>
+              <text class="picker-arrow">▾</text>
+            </view>
+          </picker>
+        </view>
+
+        <view v-if="isTimeBasedCard" class="field">
+          <text class="field-label">剩余次数</text>
+          <input class="field-input" type="number" v-model="editForm.remainingTimes" placeholder="请输入剩余次数" />
+        </view>
+
+        <view class="field">
+          <text class="field-label">开始日期</text>
+          <picker class="field-picker" mode="date" :value="editForm.startDate" @change="onStartDateChange">
+            <view class="picker-inner">
+              <text class="picker-text">{{ editForm.startDate || '请选择' }}</text>
+              <text class="picker-arrow">▾</text>
+            </view>
+          </picker>
+        </view>
+
+        <view class="field">
+          <text class="field-label">到期日期</text>
+          <picker class="field-picker" mode="date" :value="editForm.expireDate" @change="onExpireDateChange">
+            <view class="picker-inner">
+              <text class="picker-text">{{ editForm.expireDate || '请选择' }}</text>
+              <text class="picker-arrow">▾</text>
+            </view>
+          </picker>
+        </view>
+
+        <view v-if="editingMembership" class="danger-link" @tap="onClearMembership">
+          <text class="danger-link-text">解除该会员卡</text>
+        </view>
+      </view>
+
+      <view
+        class="save-btn"
+        :class="{ 'save-btn--disabled': submitting }"
+        @tap="onSave"
+      >
+        <text class="save-btn-text">{{ submitting ? '保存中...' : '保存' }}</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { computed, onMounted, ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import type { AdminMemberDetail, CardType, MembershipWithCardType } from '@mp-pilates/shared'
+import CustomNavBar from '../../components/CustomNavBar.vue'
+import { getSystemLayout } from '../../utils/system'
+import { formatDateLocal } from '../../utils/format'
+import { getErrorMessage } from '../../utils/auth'
+import { useAdminStore } from '../../stores/admin'
+
+const adminStore = useAdminStore()
+const navBarHeight = ref('64px')
+const userId = ref('')
+const pageLoading = ref(true)
+const submitting = ref(false)
+const detail = ref<AdminMemberDetail | null>(null)
+const cardTypes = ref<CardType[]>([])
+const membershipIndex = ref(0)
+
+const profileForm = ref({
+  nickname: '',
+  phone: '',
+})
+
+const editForm = ref({
+  membershipId: '' as string | '',
+  cardTypeIndex: 0,
+  cardTypeId: '',
+  remainingTimes: null as number | null,
+  startDate: '',
+  expireDate: '',
+  manuallyEditedExpire: false,
+})
+
+const existingMemberships = computed(() => detail.value?.memberships ?? [])
+const editingMembership = computed(() => existingMemberships.value[membershipIndex.value] ?? null)
+
+const membershipPickerLabels = computed(() =>
+  existingMemberships.value.map((item) => `${item.cardType.name} · ${item.status}`),
+)
+
+const isTimeBasedCard = computed(() => {
+  const card = cardTypes.value[editForm.value.cardTypeIndex]
+  return card && (card.type === 'TIMES' || card.type === 'TRIAL')
+})
+
+function calculateExpireDate(startDate: string, durationDays: number): string {
+  const d = new Date(startDate)
+  d.setDate(d.getDate() + durationDays)
+  return formatDateLocal(d)
+}
+
+function applyMembership(membership: MembershipWithCardType | null) {
+  const types = cardTypes.value
+  if (membership) {
+    const idx = types.findIndex((item) => item.id === membership.cardTypeId)
+    editForm.value = {
+      membershipId: membership.id,
+      cardTypeIndex: idx >= 0 ? idx : 0,
+      cardTypeId: membership.cardTypeId,
+      remainingTimes: membership.remainingTimes,
+      startDate: membership.startDate.slice(0, 10),
+      expireDate: membership.expireDate.slice(0, 10),
+      manuallyEditedExpire: false,
+    }
+    return
+  }
+
+  editForm.value = {
+    membershipId: '',
+    cardTypeIndex: 0,
+    cardTypeId: types[0]?.id || '',
+    remainingTimes: types[0]?.totalTimes ?? null,
+    startDate: formatDateLocal(new Date()),
+    expireDate: calculateExpireDate(formatDateLocal(new Date()), types[0]?.durationDays ?? 30),
+    manuallyEditedExpire: false,
+  }
+}
+
+function onMembershipPick(e: { detail: { value: number } }) {
+  membershipIndex.value = Number(e.detail.value)
+  applyMembership(existingMemberships.value[membershipIndex.value] ?? null)
+}
+
+function onCardTypeChange(e: { detail: { value: number } }) {
+  const idx = Number(e.detail.value)
+  const cardType = cardTypes.value[idx]
+  editForm.value.cardTypeIndex = idx
+  editForm.value.cardTypeId = cardType.id
+  if (cardType.totalTimes != null) {
+    editForm.value.remainingTimes = cardType.totalTimes
+  }
+  if (!editForm.value.manuallyEditedExpire) {
+    editForm.value.startDate = formatDateLocal(new Date())
+    editForm.value.expireDate = calculateExpireDate(formatDateLocal(new Date()), cardType.durationDays)
+  }
+}
+
+function onStartDateChange(e: { detail: { value: string } }) {
+  editForm.value.startDate = e.detail.value
+  if (!editForm.value.manuallyEditedExpire) {
+    const cardType = cardTypes.value[editForm.value.cardTypeIndex]
+    if (cardType) {
+      editForm.value.expireDate = calculateExpireDate(e.detail.value, cardType.durationDays)
+    }
+  }
+}
+
+function onExpireDateChange(e: { detail: { value: string } }) {
+  editForm.value.expireDate = e.detail.value
+  editForm.value.manuallyEditedExpire = true
+}
+
+async function loadPage() {
+  pageLoading.value = true
+  try {
+    const [member, types] = await Promise.all([
+      adminStore.fetchMemberDetail(userId.value),
+      cardTypes.value.length ? Promise.resolve(cardTypes.value) : adminStore.fetchCardTypes(),
+    ])
+    detail.value = member
+    cardTypes.value = [...types]
+    profileForm.value = {
+      nickname: member.user.nickname || '',
+      phone: member.user.phone || '',
+    }
+    membershipIndex.value = 0
+    applyMembership(member.memberships[0] ?? null)
+  } catch (err: unknown) {
+    uni.showToast({ title: getErrorMessage(err, '加载失败'), icon: 'none' })
+  } finally {
+    pageLoading.value = false
+  }
+}
+
+async function onSave() {
+  if (submitting.value || !userId.value) return
+  if (!editForm.value.cardTypeId) {
+    uni.showToast({ title: '请选择卡类型', icon: 'none' })
+    return
+  }
+  submitting.value = true
+  try {
+    await adminStore.updateMemberProfile(userId.value, {
+      nickname: profileForm.value.nickname.trim(),
+      phone: profileForm.value.phone.trim(),
+    })
+    await adminStore.updateUserMembership(userId.value, {
+      ...(editForm.value.membershipId ? { membershipId: editForm.value.membershipId } : {}),
+      cardTypeId: editForm.value.cardTypeId,
+      remainingTimes: isTimeBasedCard.value ? Number(editForm.value.remainingTimes) || 0 : null,
+      startDate: editForm.value.startDate,
+      expireDate: editForm.value.expireDate,
+    })
+    uni.showToast({ title: '保存成功', icon: 'success' })
+    setTimeout(() => uni.navigateBack(), 400)
+  } catch (err: unknown) {
+    uni.showToast({ title: getErrorMessage(err, '保存失败'), icon: 'none' })
+  } finally {
+    submitting.value = false
+  }
+}
+
+function onClearMembership() {
+  if (!userId.value) return
+  uni.showModal({
+    title: '确认解除',
+    content: '确定要解除当前这张会员卡吗？其他卡不受影响。',
+    confirmColor: '#C47A7A',
+    success: async (res) => {
+      if (!res.confirm) return
+      const membershipId = editForm.value.membershipId
+      if (!membershipId) {
+        uni.showToast({ title: '没有可解除的会员卡', icon: 'none' })
+        return
+      }
+      try {
+        await adminStore.deleteUserMembership(userId.value, membershipId)
+        uni.showToast({ title: '已解除', icon: 'success' })
+        setTimeout(() => uni.navigateBack(), 400)
+      } catch (err: unknown) {
+        uni.showToast({ title: getErrorMessage(err, '操作失败'), icon: 'none' })
+      }
+    },
+  })
+}
+
+onLoad((query) => {
+  userId.value = String(query?.userId || '')
+})
+
+onMounted(() => {
+  navBarHeight.value = `${getSystemLayout().navBarHeight}px`
+  loadPage()
+})
+</script>
+
+<style lang="scss" scoped>
+.page {
+  min-height: 100vh;
+  background: $bg-page;
+  padding-bottom: 80rpx;
+}
+
+.loading-wrap {
+  padding: 80rpx 0;
+  text-align: center;
+}
+
+.loading-text {
+  font-size: 26rpx;
+  color: $text-hint;
+}
+
+.form {
+  padding: 24rpx;
+}
+
+.block {
+  background: $bg-card;
+  border-radius: 20rpx;
+  padding: 8rpx 24rpx 16rpx;
+  margin-bottom: 20rpx;
+  border: 1rpx solid rgba(180, 160, 130, 0.12);
+}
+
+.block-title {
+  display: block;
+  padding: 20rpx 0 8rpx;
+  font-size: 22rpx;
+  letter-spacing: 3rpx;
+  color: $text-hint;
+}
+
+.field {
+  padding: 20rpx 0;
+  border-bottom: 1rpx solid rgba(180, 160, 130, 0.1);
+
+  &:last-of-type { border-bottom: none; }
+}
+
+.field-label {
+  display: block;
+  font-size: 24rpx;
+  color: $text-hint;
+  margin-bottom: 12rpx;
+}
+
+.field-input {
+  height: 64rpx;
+  font-size: 30rpx;
+  color: $text-primary;
+}
+
+.field-picker {
+  display: block;
+}
+
+.picker-inner {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 64rpx;
+}
+
+.picker-text {
+  font-size: 30rpx;
+  color: $text-primary;
+}
+
+.picker-arrow {
+  font-size: 24rpx;
+  color: $text-hint;
+}
+
+.danger-link {
+  padding: 20rpx 0 8rpx;
+}
+
+.danger-link-text {
+  font-size: 24rpx;
+  color: $error-color;
+}
+
+.save-btn {
+  margin-top: 12rpx;
+  height: 88rpx;
+  border-radius: 18rpx;
+  background: $brand-color;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.save-btn--disabled { opacity: 0.5; }
+
+.save-btn-text {
+  font-size: 30rpx;
+  font-weight: 700;
+  color: #fff8f0;
+}
+</style>
diff --git a/packages/app/src/pages/admin/members.vue b/packages/app/src/pages/admin/members.vue
index 8bc0fd7..021cba5 100644
--- a/packages/app/src/pages/admin/members.vue
+++ b/packages/app/src/pages/admin/members.vue
@@ -2,12 +2,11 @@
   <view class="page" :style="{ paddingTop: navBarHeight }">
     <CustomNavBar title="会员管理" show-back />
 
-    <!-- Search bar -->
     <view class="filter-bar">
       <input
         class="search-input"
         v-model="searchQuery"
-        placeholder="搜索昵称或 OpenID"
+        placeholder="搜索昵称 / 手机 / OpenID"
         placeholder-style="color:#bbb"
         @confirm="onSearch"
         confirm-type="search"
@@ -33,20 +32,17 @@
       </view>
     </view>
 
-    <!-- Stats row -->
     <view class="stats-row">
       <view class="stat-item">
         <text class="stat-value">{{ total }}</text>
-        <text class="stat-label">总会员</text>
+        <text class="stat-label">位会员</text>
       </view>
     </view>
 
-    <!-- Loading skeleton -->
     <view v-if="loading && !members.length" class="skeleton-list">
       <view v-for="i in 5" :key="i" class="skeleton-item" />
     </view>
 
-    <!-- Empty -->
     <view v-else-if="!loading && !members.length" class="empty-state">
       <view class="empty-icon-wrap">
         <view class="empty-icon-person" />
@@ -54,7 +50,6 @@
       <text class="empty-text">{{ searchQuery ? '未找到匹配的会员' : '暂无会员数据' }}</text>
     </view>
 
-    <!-- Member list -->
     <view v-else class="member-list">
       <view
         v-for="m in members"
@@ -69,8 +64,20 @@
           </view>
         </view>
         <view class="member-info">
-          <text class="member-name">{{ m.nickname || '未知用户' }}</text>
-          <text class="member-openid">{{ m.openid }}</text>
+          <view class="member-name-row">
+            <text class="member-name">{{ m.nickname || '未知用户' }}</text>
+            <view
+              v-if="m.activeCard"
+              class="card-chip"
+              :class="'card-chip--' + m.activeCard.type.toLowerCase()"
+            >
+              <text class="card-chip-text">{{ getCardTypeLabel(m.activeCard.type) }}</text>
+            </view>
+            <view v-else class="card-chip card-chip--none">
+              <text class="card-chip-text">无卡</text>
+            </view>
+          </view>
+          <text class="member-sub">{{ m.phone || m.openid }}</text>
         </view>
         <view class="member-stats">
           <text class="member-stat-value">{{ m.totalBookings }}</text>
@@ -80,286 +87,34 @@
       </view>
     </view>
 
-    <!-- Bottom status -->
     <view v-if="members.length" class="list-footer">
       <text class="list-footer-text">
         {{ loading ? '加载中...' : hasMore ? '上拉加载更多' : '— 已加载全部 —' }}
       </text>
     </view>
-
-    <!-- Detail/Edit modal -->
-    <view v-if="showDetail && detailMember" class="modal-mask" @tap="closeModal">
-      <view class="modal" @tap.stop>
-        <!-- Drag indicator + close -->
-        <view class="modal-handle">
-          <view class="modal-handle-bar" />
-          <view class="modal-close-btn" @tap="closeModal">
-            <text class="modal-close-icon">×</text>
-          </view>
-        </view>
-
-        <!-- Tab bar -->
-        <view class="tab-bar">
-          <view
-            class="tab-item"
-            :class="{ 'tab-item--active': activeTab === 'detail' }"
-            @tap="switchTab('detail')"
-          >
-            <text class="tab-label" :class="{ 'tab-label--active': activeTab === 'detail' }">详情</text>
-          </view>
-          <view
-            class="tab-item"
-            :class="{ 'tab-item--active': activeTab === 'edit' }"
-            @tap="switchTab('edit')"
-          >
-            <text class="tab-label" :class="{ 'tab-label--active': activeTab === 'edit' }">编辑</text>
-          </view>
-        </view>
-
-        <!-- Scrollable content -->
-        <scroll-view scroll-y class="modal-scroll">
-
-          <!-- ═══ Detail Tab ═══ -->
-          <view v-if="activeTab === 'detail'" class="tab-content">
-            <!-- User info — horizontal -->
-            <view class="user-card">
-              <view class="user-avatar">
-                <image v-if="detailMember.avatarUrl" class="avatar-img" :src="detailMember.avatarUrl" mode="aspectFill" />
-                <view v-else class="avatar-placeholder avatar-placeholder--lg">
-                  <text class="avatar-text avatar-text--lg">{{ (detailMember.nickname || '?').slice(0, 1) }}</text>
-                </view>
-              </view>
-              <view class="user-info">
-                <text class="user-name">{{ detailMember.nickname || '未知用户' }}</text>
-                <text class="user-openid" @tap="copyOpenid(detailMember.openid)">
-                  {{ detailMember.openid }}
-                </text>
-                <text class="user-phone">{{ detailMember.phone || '未绑定手机' }}</text>
-              </view>
-            </view>
-
-            <!-- Stats grid -->
-            <view class="stats-grid">
-              <view class="stats-cell">
-                <text class="stats-cell-value">{{ detailMember.totalBookings }}</text>
-                <text class="stats-cell-label">总预约</text>
-              </view>
-              <view class="stats-cell">
-                <text class="stats-cell-value">{{ detailMember.completedBookings }}</text>
-                <text class="stats-cell-label">已完成</text>
-              </view>
-              <view class="stats-cell">
-                <text class="stats-cell-value">{{ detailMember.cancelledBookings }}</text>
-                <text class="stats-cell-label">已取消</text>
-              </view>
-            </view>
-
-            <!-- Membership card -->
-            <view v-if="detailMembership" class="mship-card">
-              <view class="mship-strip" :class="getCardGradientClass(detailMembership.cardType?.type)" />
-              <view class="mship-header" :class="getCardGradientClass(detailMembership.cardType?.type)">
-                <view class="mship-header-left">
-                  <text class="mship-name">{{ detailMembership.cardType?.name || '未知卡类型' }}</text>
-                  <view class="mship-type-badge">
-                    <text class="mship-type-badge-text">{{ getCardTypeLabel(detailMembership.cardType?.type) }}</text>
-                  </view>
-                </view>
-                <view class="mship-status-badge" :class="'mship-status--' + detailMembership.status.toLowerCase()">
-                  <text class="mship-status-text">{{ statusLabel(detailMembership.status) }}</text>
-                </view>
-              </view>
-              <view class="mship-body">
-                <!-- Times highlight -->
-                <view v-if="detailMembership.remainingTimes !== null" class="mship-highlight-row">
-                  <text class="mship-highlight-label">剩余课时</text>
-                  <view class="mship-highlight-value-wrap">
-                    <text class="mship-highlight-number">{{ detailMembership.remainingTimes }}</text>
-                    <text class="mship-highlight-unit"> 次</text>
-                  </view>
-                </view>
-                <!-- Progress bar -->
-                <view v-if="detailMembership.remainingTimes !== null && getMembershipTotalTimes(detailMembership)" class="mship-progress-wrap">
-                  <view class="mship-progress-bar">
-                    <view class="mship-progress-fill" :style="{ width: getMembershipProgressWidth(detailMembership) }" />
-                  </view>
-                  <text class="mship-progress-label">
-                    已使用 {{ getMembershipUsedTimes(detailMembership) }} / {{ getMembershipTotalTimes(detailMembership) }} 次
-                  </text>
-                </view>
-                <!-- Date info -->
-                <view class="mship-info-row">
-                  <text class="mship-info-label">开始日期</text>
-                  <text class="mship-info-value">{{ formatDate(detailMembership.startDate) }}</text>
-                </view>
-                <view class="mship-info-row">
-                  <text class="mship-info-label">到期日期</text>
-                  <text class="mship-info-value">{{ formatDate(detailMembership.expireDate) }}</text>
-                </view>
-              </view>
-              <!-- Danger action -->
-              <view class="mship-footer">
-                <text class="mship-remove-link" @tap="onClearMembership">解除会员卡</text>
-              </view>
-            </view>
-
-            <!-- No membership -->
-            <view v-else class="no-mship">
-              <text class="no-mship-icon">💳</text>
-              <text class="no-mship-title">暂无会员卡</text>
-              <text class="no-mship-sub">为该用户开通会员卡</text>
-              <view class="no-mship-btn" @tap="goEdit">
-                <text class="no-mship-btn-text">去开卡</text>
-              </view>
-            </view>
-          </view>
-
-          <!-- ═══ Edit Tab ═══ -->
-          <view v-if="activeTab === 'edit'" class="tab-content">
-            <!-- Loading -->
-            <view v-if="editLoading" class="edit-loading">
-              <text class="edit-loading-text">加载中...</text>
-            </view>
-
-            <!-- Form -->
-            <view v-else-if="formReady" class="edit-form">
-              <!-- Section header -->
-              <view class="section-header">
-                <view class="section-dot" />
-                <text class="section-title">{{ detailMembership ? '编辑会员卡' : '开通会员卡' }}</text>
-              </view>
-
-              <!-- Card type -->
-              <view class="form-item">
-                <text class="form-label">卡类型</text>
-                <picker
-                  class="form-picker"
-                  mode="selector"
-                  :value="editForm.cardTypeIndex"
-                  :range="editCardTypes"
-                  range-key="name"
-                  @change="onCardTypeChangeForEdit"
-                >
-                  <view class="form-picker-inner">
-                    <text class="form-picker-text">{{ editCardTypes[editForm.cardTypeIndex]?.name || '请选择' }}</text>
-                    <text class="form-picker-arrow">▾</text>
-                  </view>
-                </picker>
-              </view>
-
-              <!-- Remaining times -->
-              <view v-if="isTimeBasedCard" class="form-item">
-                <text class="form-label">剩余次数</text>
-                <input
-                  class="form-input"
-                  type="number"
-                  v-model="editForm.remainingTimes"
-                  placeholder="请输入剩余次数"
-                />
-              </view>
-
-              <!-- Start date -->
-              <view class="form-item">
-                <text class="form-label">开始日期</text>
-                <picker
-                  class="form-picker"
-                  mode="date"
-                  :value="editForm.startDate"
-                  @change="onStartDateChange"
-                >
-                  <view class="form-picker-inner">
-                    <text class="form-picker-text">{{ editForm.startDate || '请选择' }}</text>
-                    <text class="form-picker-arrow">▾</text>
-                  </view>
-                </picker>
-              </view>
-
-              <!-- Expire date -->
-              <view class="form-item">
-                <text class="form-label">到期日期</text>
-                <picker
-                  class="form-picker"
-                  mode="date"
-                  :value="editForm.expireDate"
-                  @change="onExpireDateChange"
-                >
-                  <view class="form-picker-inner">
-                    <text class="form-picker-text">{{ editForm.expireDate || '请选择' }}</text>
-                    <text class="form-picker-arrow">▾</text>
-                  </view>
-                </picker>
-              </view>
-
-              <!-- Submit button -->
-              <view class="edit-submit">
-                <view
-                  class="submit-btn"
-                  :class="{ 'submit-btn--disabled': editSubmitting }"
-                  @tap="onSaveMembership"
-                >
-                  <text class="submit-btn-text">{{ editSubmitting ? '保存中...' : '保存' }}</text>
-                </view>
-              </view>
-            </view>
-          </view>
-
-        </scroll-view>
-      </view>
-    </view>
   </view>
 </template>
 
 <script setup lang="ts">
-import { ref, computed, onMounted, onUnmounted } from 'vue'
-import { onReachBottom } from '@dcloudio/uni-app'
+import { ref, onMounted, onUnmounted } from 'vue'
+import { onReachBottom, onShow } from '@dcloudio/uni-app'
 import CustomNavBar from '../../components/CustomNavBar.vue'
 import { getSystemLayout } from '../../utils/system'
-import { getCardTypeLabel, getCardGradientClass, getMembershipProgressWidth, getMembershipUsedTimes, getMembershipTotalTimes } from '../../utils/format'
+import { getCardTypeLabel } from '../../utils/format'
 import { useAdminStore } from '../../stores/admin'
-import type { MemberSummary, UserMembership } from '../../stores/admin'
-import type { CardType } from '@mp-pilates/shared'
-import { CardTypeCategory } from '@mp-pilates/shared'
+import type { MemberSummary } from '../../stores/admin'
 
 const adminStore = useAdminStore()
 
 const navBarHeight = ref('64px')
-onMounted(() => {
-  navBarHeight.value = `${getSystemLayout().navBarHeight}px`
-})
-
 const members = ref<MemberSummary[]>([])
 const loading = ref(false)
 const searchQuery = ref('')
 const page = ref(1)
 const total = ref(0)
 const hasMore = ref(false)
-const showDetail = ref(false)
-const detailMember = ref<MemberSummary | null>(null)
-
-const activeTab = ref<'detail' | 'edit'>('detail')
-type DetailMembership = NonNullable<UserMembership['membership']>
-
-const detailMembership = ref<DetailMembership | null>(null)
-const editLoading = ref(false)
-const editSubmitting = ref(false)
-const editCardTypes = ref<CardType[]>([])
-const formReady = ref(false)
-
-const editForm = ref({
-  cardTypeIndex: 0,
-  cardTypeId: '',
-  remainingTimes: null as number | null,
-  startDate: '',
-  expireDate: '',
-  manuallyEditedExpire: false,
-})
-
-const isTimeBasedCard = computed(() => {
-  const card = editCardTypes.value[editForm.value.cardTypeIndex]
-  return card && (card.type === 'TIMES' || card.type === 'TRIAL')
-})
 
 const LIMIT = 20
-
 const cardTypeOptions = [
   { label: '全部', value: '' },
   { label: '体验卡', value: 'TRIAL' },
@@ -371,7 +126,7 @@ const cardTypeIndex = ref(0)
 let cardTypeDebounceTimer: ReturnType<typeof setTimeout> | null = null
 
 function onCardTypeChange(e: { detail: { value: number } }) {
-  cardTypeIndex.value = e.detail.value
+  cardTypeIndex.value = Number(e.detail.value)
   if (cardTypeDebounceTimer) clearTimeout(cardTypeDebounceTimer)
   cardTypeDebounceTimer = setTimeout(() => {
     loadMembers(true)
@@ -413,6 +168,30 @@ async function loadMembers(reset = false) {
   }
 }
 
+async function refreshVisibleMembers() {
+  if (loading.value) return
+  loading.value = true
+  try {
+    const search = searchQuery.value.trim()
+    const cardType = cardTypeOptions[cardTypeIndex.value].value
+    const limit = Math.max(members.value.length, LIMIT)
+    const result = await adminStore.fetchMembers({
+      page: 1,
+      limit,
+      ...(search ? { search } : {}),
+      ...(cardType ? { cardType } : {}),
+    })
+    members.value = [...result.items]
+    total.value = result.total
+    page.value = Math.max(1, Math.ceil(members.value.length / LIMIT) || 1)
+    hasMore.value = members.value.length < result.total
+  } catch {
+    uni.showToast({ title: '加载失败', icon: 'none' })
+  } finally {
+    loading.value = false
+  }
+}
+
 function onSearch() {
   loadMembers(true)
 }
@@ -422,7 +201,6 @@ function onClear() {
   loadMembers(true)
 }
 
-// Scroll to bottom → load next page
 onReachBottom(() => {
   if (!hasMore.value || loading.value) return
   page.value++
@@ -430,196 +208,23 @@ onReachBottom(() => {
 })
 
 function openDetail(m: MemberSummary) {
-  detailMember.value = m
-  showDetail.value = true
-  detailMembership.value = null
-  activeTab.value = 'detail'
-  editLoading.value = false
-  formReady.value = false
-  loadDetailMembership(m.userId)
+  uni.navigateTo({ url: `/pages/admin/member-detail?userId=${m.userId}` })
 }
 
-function copyOpenid(openid: string) {
-  uni.setClipboardData({
-    data: openid,
-    success: () => uni.showToast({ title: '已复制 OpenID', icon: 'success' }),
+let hasLoaded = false
+
+onMounted(() => {
+  navBarHeight.value = `${getSystemLayout().navBarHeight}px`
+  loadMembers(true).then(() => {
+    hasLoaded = true
   })
-}
+})
 
-function formatDate(dateStr: string): string {
-  if (!dateStr) return '-'
-  return dateStr.slice(0, 10)
-}
-
-function statusLabel(status: string): string {
-  const map: Record<string, string> = {
-    ACTIVE: '有效',
-    EXPIRED: '已过期',
-    USED_UP: '已用完',
+onShow(() => {
+  if (hasLoaded) {
+    refreshVisibleMembers()
   }
-  return map[status] || status
-}
-
-async function loadDetailMembership(userId: string) {
-  try {
-    const result = await adminStore.getUserMembership(userId)
-    detailMembership.value = result.membership
-  } catch {
-  }
-}
-
-async function switchTab(tab: 'detail' | 'edit') {
-  activeTab.value = tab
-  if (tab === 'edit') {
-    // Reset form state and show loading immediately
-    formReady.value = false
-    editLoading.value = true
-
-    // Load card types and membership in parallel
-    const loadCardTypes = editCardTypes.value.length
-      ? Promise.resolve()
-      : adminStore.fetchCardTypes().then(() => {
-          editCardTypes.value = adminStore.cardTypes
-        })
-
-    const loadMembership = detailMembership.value
-      ? Promise.resolve()
-      : loadDetailMembership(detailMember.value!.userId)
-
-    await Promise.all([loadCardTypes, loadMembership])
-
-    initEditForm()
-    editLoading.value = false
-    formReady.value = true
-  }
-}
-
-function initEditForm() {
-  const m = detailMembership.value
-  const types = editCardTypes.value
-  if (m) {
-    const idx = types.findIndex((t: any) => t.id === m.cardTypeId)
-    editForm.value = {
-      cardTypeIndex: idx >= 0 ? idx : 0,
-      cardTypeId: m.cardTypeId,
-      remainingTimes: m.remainingTimes,
-      startDate: m.startDate.slice(0, 10),
-      expireDate: m.expireDate.slice(0, 10),
-      manuallyEditedExpire: false,
-    }
-  } else {
-    editForm.value = {
-      cardTypeIndex: 0,
-      cardTypeId: types[0]?.id || '',
-      remainingTimes: types[0]?.totalTimes ?? null,
-      startDate: formatDate2(new Date()),
-      expireDate: calculateExpireDate(formatDate2(new Date()), types[0]?.durationDays ?? 30),
-      manuallyEditedExpire: false,
-    }
-  }
-}
-
-function formatDate2(date: Date): string {
-  const y = date.getFullYear()
-  const m = String(date.getMonth() + 1).padStart(2, '0')
-  const d = String(date.getDate()).padStart(2, '0')
-  return `${y}-${m}-${d}`
-}
-
-function calculateExpireDate(startDate: string, durationDays: number): string {
-  const d = new Date(startDate)
-  d.setDate(d.getDate() + durationDays)
-  return formatDate2(d)
-}
-
-function onCardTypeChangeForEdit(e: { detail: { value: number } }) {
-  const idx = e.detail.value
-  const cardType = editCardTypes.value[idx]
-  editForm.value.cardTypeIndex = idx
-  editForm.value.cardTypeId = cardType.id
-  if (cardType.totalTimes != null) {
-    editForm.value.remainingTimes = cardType.totalTimes
-  }
-  if (!editForm.value.manuallyEditedExpire) {
-    editForm.value.startDate = formatDate2(new Date())
-    editForm.value.expireDate = calculateExpireDate(formatDate2(new Date()), cardType.durationDays)
-  }
-}
-
-function onStartDateChange(e: { detail: { value: string } }) {
-  editForm.value.startDate = e.detail.value
-  if (!editForm.value.manuallyEditedExpire) {
-    const cardType = editCardTypes.value[editForm.value.cardTypeIndex]
-    if (cardType) {
-      editForm.value.expireDate = calculateExpireDate(e.detail.value, cardType.durationDays)
-    }
-  }
-}
-
-function onExpireDateChange(e: { detail: { value: string } }) {
-  editForm.value.expireDate = e.detail.value
-  editForm.value.manuallyEditedExpire = true
-}
-
-function goEdit() {
-  switchTab('edit')
-}
-
-async function onSaveMembership() {
-  if (editSubmitting.value) return
-  const userId = detailMember.value?.userId
-  if (!userId) return
-  editSubmitting.value = true
-  try {
-    const remainingTimes = isTimeBasedCard.value
-      ? Number(editForm.value.remainingTimes) || 0
-      : null
-    await adminStore.updateUserMembership(userId, {
-      cardTypeId: editForm.value.cardTypeId,
-      remainingTimes,
-      startDate: editForm.value.startDate,
-      expireDate: editForm.value.expireDate,
-    })
-    uni.showToast({ title: '保存成功', icon: 'success' })
-    activeTab.value = 'detail'
-    await loadDetailMembership(userId)
-    loadMembers(false)
-  } catch {
-    uni.showToast({ title: '保存失败', icon: 'none' })
-  } finally {
-    editSubmitting.value = false
-  }
-}
-
-async function onClearMembership() {
-  const userId = detailMember.value?.userId
-  if (!userId) return
-  uni.showModal({
-    title: '确认解除',
-    content: '确定要解除该用户的会员卡吗？',
-    confirmColor: '#e64329',
-    success: async (res) => {
-      if (!res.confirm) return
-      try {
-        await adminStore.deleteUserMembership(userId)
-        uni.showToast({ title: '已解除', icon: 'success' })
-        showDetail.value = false
-        loadMembers(false)
-      } catch {
-        uni.showToast({ title: '操作失败', icon: 'none' })
-      }
-    },
-  })
-}
-
-function closeModal() {
-  showDetail.value = false
-  activeTab.value = 'detail'
-  detailMembership.value = null
-  formReady.value = false
-}
-
-onMounted(() => loadMembers(true))
+})
 </script>
 
 <style lang="scss" scoped>
@@ -629,7 +234,6 @@ onMounted(() => loadMembers(true))
   padding-bottom: 40rpx;
 }
 
-/* ── Filter bar ──────────────────────────── */
 .filter-bar {
   display: flex;
   align-items: center;
@@ -674,7 +278,6 @@ onMounted(() => loadMembers(true))
 
 .search-btn-text { font-size: 26rpx; font-weight: 600; color: $accent-color; }
 
-/* ── Type picker ──────────────────────────── */
 .type-picker {
   flex-shrink: 0;
   background: $bg-page;
@@ -705,7 +308,6 @@ onMounted(() => loadMembers(true))
   color: $text-hint;
 }
 
-/* ── Stats row ───────────────────────────── */
 .stats-row {
   display: flex;
   padding: 24rpx 28rpx 16rpx;
@@ -715,7 +317,6 @@ onMounted(() => loadMembers(true))
 .stat-value { font-size: 36rpx; font-weight: 800; color: $accent-color; }
 .stat-label { font-size: 24rpx; color: $text-hint; }
 
-/* ── Skeleton ────────────────────────────── */
 .skeleton-list { padding: 0 24rpx; }
 
 .skeleton-item {
@@ -727,7 +328,6 @@ onMounted(() => loadMembers(true))
   animation: shimmer 1.4s infinite;
 }
 
-/* ── Empty ───────────────────────────────── */
 .empty-state {
   display: flex;
   flex-direction: column;
@@ -777,7 +377,6 @@ onMounted(() => loadMembers(true))
 
 .empty-text { font-size: 28rpx; color: $text-hint; }
 
-/* ── Member list ─────────────────────────── */
 .member-list { padding: 0 24rpx; padding-top: 8rpx; }
 
 .member-row {
@@ -811,558 +410,95 @@ onMounted(() => loadMembers(true))
   justify-content: center;
 }
 
-.avatar-placeholder--lg {
-  width: 120rpx;
-  height: 120rpx;
-}
-
 .avatar-text {
-  font-size: 32rpx;
+  font-size: 28rpx;
   font-weight: 700;
-  color: $accent-color;
+  color: $primary-dark;
 }
 
-.avatar-text--lg { font-size: 48rpx; }
-
 .member-info {
   flex: 1;
+  min-width: 0;
   display: flex;
   flex-direction: column;
-  gap: 6rpx;
+  gap: 8rpx;
+}
+
+.member-name-row {
+  display: flex;
+  align-items: center;
+  gap: 12rpx;
   min-width: 0;
 }
 
 .member-name {
-  font-size: 28rpx;
-  font-weight: 600;
-  color: $brand-color;
-}
-
-.member-openid {
-  font-size: 20rpx;
-  color: $text-hint;
+  font-size: 30rpx;
+  font-weight: 700;
+  color: $text-primary;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  font-family: Menlo, Monaco, Consolas, monospace;
+  max-width: 280rpx;
 }
 
-.member-stats { display: flex; flex-direction: column; align-items: flex-end; gap: 4rpx; flex-shrink: 0; }
-.member-stat-value { font-size: 32rpx; font-weight: 700; color: $accent-color; }
-.member-stat-label { font-size: 20rpx; color: $text-hint; }
+.card-chip {
+  flex-shrink: 0;
+  padding: 2rpx 12rpx;
+  border-radius: 8rpx;
+  background: rgba($accent-color, 0.16);
 
-.member-arrow { font-size: 36rpx; color: $text-hint; transform: scaleX(0.6); }
-
-/* ── List footer ─────────────────────────── */
-.list-footer {
-  text-align: center;
-  padding: 28rpx 0 16rpx;
+  &--trial { background: rgba(#C47A7A, 0.14); }
+  &--times { background: rgba($accent-color, 0.16); }
+  &--duration { background: rgba(#7A9E7E, 0.16); }
+  &--none { background: rgba($text-hint, 0.12); }
 }
 
-.list-footer-text { font-size: 24rpx; color: $text-hint; }
-
-/* ── Modal shell ─────────────────────────── */
-.modal-mask {
-  position: fixed;
-  inset: 0;
-  background: rgba(0, 0, 0, 0.5);
-  display: flex;
-  align-items: flex-end;
-  z-index: 100;
-}
-
-.modal {
-  width: 100%;
-  max-height: 80vh;
-  background: $bg-card;
-  border-radius: $radius-lg $radius-lg 0 0;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-
-.modal-handle {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 20rpx 32rpx 8rpx;
-  position: relative;
-}
-
-.modal-handle-bar {
-  width: 64rpx;
-  height: 6rpx;
-  border-radius: 3rpx;
-  background: $border-color;
-}
-
-.modal-close-btn {
-  position: absolute;
-  right: 24rpx;
-  top: 14rpx;
-  width: 48rpx;
-  height: 48rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: $bg-page;
-  border-radius: 50%;
-}
-
-.modal-close-icon {
-  font-size: 32rpx;
+.card-chip-text {
+  font-size: 20rpx;
   color: $text-secondary;
-  line-height: 1;
-}
-
-/* ── Tab bar ─────────────────────────────── */
-.tab-bar {
-  display: flex;
-  margin: 16rpx 32rpx 0;
-  background: $bg-page;
-  border-radius: $radius-md;
-  padding: 6rpx;
-}
-
-.tab-item {
-  flex: 1;
-  height: 68rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 12rpx;
-  transition: background 0.2s;
-}
-
-.tab-item--active {
-  background: $bg-card;
-  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.06);
-}
-
-.tab-label {
-  font-size: 26rpx;
-  color: $text-hint;
-  font-weight: 500;
-}
-
-.tab-label--active {
-  color: $brand-color;
-  font-weight: 700;
-}
-
-/* ── Scrollable content ──────────────────── */
-.modal-scroll {
-  flex: 1;
-  overflow: hidden;
-}
-
-.tab-content {
-  padding: 24rpx 32rpx calc(32rpx + env(safe-area-inset-bottom));
-}
-
-/* ── User card (horizontal) ──────────────── */
-.user-card {
-  display: flex;
-  align-items: center;
-  gap: 24rpx;
-  margin-bottom: 24rpx;
-}
-
-.user-avatar {
-  width: 100rpx;
-  height: 100rpx;
-  border-radius: 50%;
-  overflow: hidden;
-  flex-shrink: 0;
-}
-
-.user-info {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  gap: 6rpx;
-  min-width: 0;
-}
-
-.user-name {
-  font-size: 32rpx;
-  font-weight: 700;
-  color: $brand-color;
-}
-
-.user-openid {
-  font-size: 20rpx;
-  color: $accent-color;
-  font-family: Menlo, Monaco, Consolas, monospace;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.user-phone {
-  font-size: 24rpx;
-  color: $text-hint;
-}
-
-/* ── Stats grid ──────────────────────────── */
-.stats-grid {
-  display: flex;
-  background: $bg-page;
-  border-radius: $radius-md;
-  padding: 24rpx 0;
-  margin-bottom: 24rpx;
-}
-
-.stats-cell {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 6rpx;
-  position: relative;
-
-  & + & {
-    border-left: 1rpx solid $border-color;
-  }
-}
-
-.stats-cell-value {
-  font-size: 40rpx;
-  font-weight: 800;
-  color: $accent-color;
-  line-height: 1.1;
-}
-
-.stats-cell-label {
-  font-size: 22rpx;
-  color: $text-hint;
-}
-
-/* ── Membership card (gradient) ──────────── */
-.mship-card {
-  background: $bg-card;
-  border-radius: 20rpx;
-  overflow: hidden;
-  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.07);
-  margin-bottom: 24rpx;
-}
-
-.mship-strip {
-  height: 6rpx;
-}
-
-.mship-header {
-  padding: 22rpx 28rpx;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.gradient--times {
-  &.mship-strip,
-  &.mship-header { background: linear-gradient(90deg, #1a1a2e, #2d2d5e); }
-}
-
-.gradient--duration {
-  &.mship-strip,
-  &.mship-header { background: linear-gradient(90deg, #6c3483, #9b59b6); }
-}
-
-.gradient--trial {
-  &.mship-strip,
-  &.mship-header { background: linear-gradient(90deg, #5a7a8a, $primary-dark); }
-}
-
-.mship-header-left {
-  display: flex;
-  flex-direction: column;
-  gap: 8rpx;
-}
-
-.mship-name {
-  font-size: 30rpx;
-  font-weight: 700;
-  color: #fff;
-}
-
-.mship-type-badge {
-  align-self: flex-start;
-  padding: 4rpx 14rpx;
-  border-radius: 12rpx;
-  background: rgba(255, 255, 255, 0.15);
-  border: 1rpx solid rgba(255, 255, 255, 0.25);
-}
-
-.mship-type-badge-text {
-  font-size: 20rpx;
-  color: rgba(255, 255, 255, 0.85);
-  font-weight: 500;
-}
-
-.mship-status-badge {
-  padding: 8rpx 20rpx;
-  border-radius: 20rpx;
-  border: 1rpx solid rgba(255, 255, 255, 0.35);
-  flex-shrink: 0;
-}
-
-.mship-status--active  { background: rgba(76, 175, 80, 0.3); }
-.mship-status--expired { background: rgba(0, 0, 0, 0.2); }
-.mship-status--used_up { background: rgba(0, 0, 0, 0.2); }
-
-.mship-status-text {
-  font-size: 22rpx;
-  color: #fff;
-  font-weight: 600;
-}
-
-.mship-body {
-  padding: 20rpx 28rpx 24rpx;
-  display: flex;
-  flex-direction: column;
-  gap: 10rpx;
-}
-
-.mship-highlight-row {
-  display: flex;
-  align-items: baseline;
-  justify-content: space-between;
-  margin-bottom: 4rpx;
-}
-
-.mship-highlight-label {
-  font-size: 26rpx;
-  color: $text-hint;
-}
-
-.mship-highlight-value-wrap {
-  display: flex;
-  align-items: baseline;
-}
-
-.mship-highlight-number {
-  font-size: 44rpx;
-  font-weight: 800;
-  color: $accent-color;
-  line-height: 1;
-}
-
-.mship-highlight-unit {
-  font-size: 22rpx;
-  color: $accent-color;
-  font-weight: 500;
-}
-
-.mship-progress-wrap {
-  display: flex;
-  flex-direction: column;
-  gap: 8rpx;
-  margin-bottom: 6rpx;
-}
-
-.mship-progress-bar {
-  height: 8rpx;
-  background: #f0f0f0;
-  border-radius: 4rpx;
-  overflow: hidden;
-}
-
-.mship-progress-fill {
-  height: 100%;
-  background: linear-gradient(90deg, $accent-color, $primary-color);
-  border-radius: 4rpx;
-  transition: width 0.4s ease;
-}
-
-.mship-progress-label {
-  font-size: 22rpx;
-  color: $text-hint;
-  text-align: right;
-}
-
-.mship-info-row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.mship-info-label {
-  font-size: 26rpx;
-  color: $text-hint;
-}
-
-.mship-info-value {
-  font-size: 26rpx;
-  color: $text-primary;
-  font-weight: 500;
-}
-
-.mship-footer {
-  padding: 16rpx 28rpx 20rpx;
-  display: flex;
-  justify-content: flex-end;
-}
-
-.mship-remove-link {
-  font-size: 24rpx;
-  color: $error-color;
-}
-
-/* ── No membership ───────────────────────── */
-.no-mship {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 16rpx;
-  padding: 48rpx 0 24rpx;
-}
-
-.no-mship-icon {
-  font-size: 80rpx;
-}
-
-.no-mship-title {
-  font-size: 30rpx;
-  font-weight: 600;
-  color: $text-primary;
-}
-
-.no-mship-sub {
-  font-size: 26rpx;
-  color: $text-hint;
-}
-
-.no-mship-btn {
-  margin-top: 12rpx;
-  padding: 20rpx 56rpx;
-  border-radius: 44rpx;
-  background: $accent-color;
-  box-shadow: 0 4rpx 16rpx rgba(123, 165, 190, 0.35);
-}
-
-.no-mship-btn-text {
-  font-size: 28rpx;
-  font-weight: 600;
-  color: #fff;
-}
-
-/* ── Edit loading ────────────────────────── */
-.edit-loading {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 400rpx;
-}
-
-.edit-loading-text {
-  font-size: 28rpx;
-  color: $text-hint;
-}
-
-/* ── Section header ──────────────────────── */
-.section-header {
-  display: flex;
-  align-items: center;
-  gap: 12rpx;
-  margin-bottom: 24rpx;
-}
-
-.section-dot {
-  width: 6rpx;
-  height: 28rpx;
-  border-radius: 3rpx;
-  background: $accent-color;
-  flex-shrink: 0;
-}
-
-.section-title {
-  font-size: 30rpx;
-  font-weight: 700;
-  color: $brand-color;
-}
-
-/* ── Edit form ───────────────────────────── */
-.edit-form {
-  display: flex;
-  flex-direction: column;
-  gap: 24rpx;
-}
-
-.form-item {
-  display: flex;
-  flex-direction: column;
-  gap: 8rpx;
-}
-
-.form-label {
-  font-size: 26rpx;
-  color: $text-secondary;
-  font-weight: 500;
-}
-
-.form-input {
-  height: 80rpx;
-  background: $bg-page;
-  border-radius: $radius-md;
-  padding: 0 24rpx;
-  font-size: 28rpx;
-  color: $text-primary;
-}
-
-.form-picker {
-  height: 80rpx;
-  background: $bg-page;
-  border-radius: $radius-md;
-  display: flex;
-  align-items: center;
-}
-
-.form-picker-inner {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 24rpx;
-}
-
-.form-picker-text {
-  font-size: 28rpx;
-  color: $text-primary;
-}
-
-.form-picker-arrow {
-  font-size: 20rpx;
-  color: $text-hint;
-}
-
-/* ── Submit button ───────────────────────── */
-.edit-submit {
-  margin-top: 16rpx;
-}
-
-.submit-btn {
-  width: 100%;
-  height: 88rpx;
-  border-radius: 44rpx;
-  background: linear-gradient(90deg, #1a1a2e, #2d2d5e);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-shadow: 0 4rpx 16rpx rgba(26, 26, 46, 0.3);
-
-  &:active {
-    opacity: 0.85;
-  }
-}
-
-.submit-btn--disabled {
-  opacity: 0.5;
-}
-
-.submit-btn-text {
-  font-size: 28rpx;
-  font-weight: 600;
-  color: $primary-dark;
   letter-spacing: 1rpx;
 }
+
+.member-sub {
+  font-size: 22rpx;
+  color: $text-hint;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.member-stats {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  flex-shrink: 0;
+}
+
+.member-stat-value {
+  font-size: 32rpx;
+  font-weight: 800;
+  color: $text-primary;
+  font-family: 'DIN Alternate', 'Helvetica Neue', sans-serif;
+}
+
+.member-stat-label {
+  font-size: 20rpx;
+  color: $text-hint;
+}
+
+.member-arrow {
+  font-size: 32rpx;
+  color: $text-hint;
+  flex-shrink: 0;
+}
+
+.list-footer {
+  padding: 16rpx 0 40rpx;
+  text-align: center;
+}
+
+.list-footer-text {
+  font-size: 22rpx;
+  color: $text-hint;
+}
 </style>
diff --git a/packages/app/src/pages/profile/bookings.vue b/packages/app/src/pages/profile/bookings.vue
index 41ad7df..40e6469 100644
--- a/packages/app/src/pages/profile/bookings.vue
+++ b/packages/app/src/pages/profile/bookings.vue
@@ -163,6 +163,7 @@
 
 <script setup lang="ts">
 import { ref, computed, onMounted } from 'vue'
+import { onShow } from '@dcloudio/uni-app'
 import type { BookingWithDetails } from '@mp-pilates/shared'
 import { BookingStatus } from '@mp-pilates/shared'
 import { useBookingStore } from '../../stores/booking'
@@ -295,6 +296,8 @@ function formatDateDisplay(dateStr: string): string {
 }
 
 // ─── Actions ──────────────────────────────────────────────
+const hasLoadedOnce = ref(false)
+
 function selectTab(key: TabKey) {
   activeTab.value = key
 }
@@ -351,7 +354,19 @@ onMounted(() => {
   const windowInfo = uni.getWindowInfo()
   const statusBarH = windowInfo.statusBarHeight ?? 20
   navBarHeight.value = `${statusBarH + Math.round(88 * windowInfo.windowWidth / 750)}px`
-  bookingStore.fetchMyBookings()
+  bookingStore.fetchMyBookings().then(() => {
+    hasLoadedOnce.value = true
+  })
+})
+
+// After returning from booking detail (where status may have changed),
+// silently re-sync without flipping loading state — keeps the list visible
+// and avoids the skeleton flash. Store action `replaceBooking` already
+// keeps `myBookings` in sync for the common case; this is the safety net
+// for any state we didn't locally patch (e.g. server-side cascading fields).
+onShow(() => {
+  if (!hasLoadedOnce.value) return
+  bookingStore.fetchMyBookings(undefined, { silent: true })
 })
 </script>
 
diff --git a/packages/app/src/stores/admin.ts b/packages/app/src/stores/admin.ts
index 14312a9..a05f086 100644
--- a/packages/app/src/stores/admin.ts
+++ b/packages/app/src/stores/admin.ts
@@ -18,6 +18,12 @@ import type {
   UpdateFlashSaleDto,
   CreateStudioUploadCredentialDto,
   StudioUploadCredential,
+  AdminMemberSummary,
+  AdminMemberDetail,
+  UpdateAdminMemberProfileDto,
+  AdminArrangeBookingDto,
+  MembershipWithCardType,
+  BookingWithDetails,
 } from '@mp-pilates/shared'
 
 interface LegacyPaginatedData<T> {
@@ -53,16 +59,7 @@ export interface AdminStats {
   totalBookings: number
 }
 
-export interface MemberSummary {
-  userId: string
-  openid: string
-  nickname: string
-  phone: string | null
-  avatarUrl: string | null
-  totalBookings: number
-  completedBookings: number
-  cancelledBookings: number
-}
+export type MemberSummary = AdminMemberSummary
 
 export interface UserMembership {
   userId: string
@@ -176,20 +173,38 @@ export const useAdminStore = defineStore('admin', () => {
     return get<UserMembership>(`/admin/members/${userId}/membership`)
   }
 
+  async function fetchMemberDetail(userId: string): Promise<AdminMemberDetail> {
+    return get<AdminMemberDetail>(`/admin/members/${userId}`)
+  }
+
+  async function updateMemberProfile(
+    userId: string,
+    dto: UpdateAdminMemberProfileDto,
+  ): Promise<AdminMemberDetail> {
+    return put<AdminMemberDetail>(`/admin/members/${userId}`, dto as unknown as Record<string, unknown>)
+  }
+
+  async function arrangeMemberBooking(dto: AdminArrangeBookingDto): Promise<BookingWithDetails> {
+    return post<BookingWithDetails>('/admin/bookings', dto as unknown as Record<string, unknown>)
+  }
+
   async function updateUserMembership(
     userId: string,
     dto: {
+      membershipId?: string
       cardTypeId: string
       remainingTimes?: number | null
       startDate: string
       expireDate: string
     },
-  ): Promise<any> {
-    return put<any>(`/admin/members/${userId}/membership`, dto)
+  ): Promise<MembershipWithCardType> {
+    return put<MembershipWithCardType>(`/admin/members/${userId}/membership`, dto)
   }
 
-  async function deleteUserMembership(userId: string): Promise<void> {
-    return del<void>(`/admin/members/${userId}/membership`)
+  async function deleteUserMembership(userId: string, membershipId: string): Promise<void> {
+    return del<void>(
+      `/admin/members/${userId}/membership?membershipId=${encodeURIComponent(membershipId)}`,
+    )
   }
 
   // ── Time slots ───────────────────────────────────────────────────
@@ -216,7 +231,7 @@ export const useAdminStore = defineStore('admin', () => {
   async function fetchSchedulePreview(date: string): Promise<ScheduleSlotPreview[]> {
     scheduleLoading.value = true
     try {
-      const data = await get<ScheduleSlotPreview[]>('/admin/schedule/preview', { date })
+      const data = await previewScheduleByDate(date)
       schedulePreview.value = data
       return data
     } finally {
@@ -224,6 +239,10 @@ export const useAdminStore = defineStore('admin', () => {
     }
   }
 
+  async function previewScheduleByDate(date: string): Promise<ScheduleSlotPreview[]> {
+    return get<ScheduleSlotPreview[]>('/admin/schedule/preview', { date })
+  }
+
   async function publishDaySlots(dto: PublishDaySlotsDto): Promise<void> {
     await post('/admin/schedule/publish', dto as unknown as Record<string, unknown>)
     await fetchSchedulePreview(dto.date)
@@ -275,6 +294,9 @@ export const useAdminStore = defineStore('admin', () => {
     fetchAdminBookings,
     // Members
     fetchMembers,
+    fetchMemberDetail,
+    updateMemberProfile,
+    arrangeMemberBooking,
     getUserMembership,
     updateUserMembership,
     deleteUserMembership,
@@ -285,6 +307,7 @@ export const useAdminStore = defineStore('admin', () => {
     generateSlots,
     // Schedule
     fetchSchedulePreview,
+    previewScheduleByDate,
     publishDaySlots,
     // Stats
     fetchDashboardStats,
diff --git a/packages/app/src/stores/booking.ts b/packages/app/src/stores/booking.ts
index c017684..dccf79e 100644
--- a/packages/app/src/stores/booking.ts
+++ b/packages/app/src/stores/booking.ts
@@ -44,13 +44,27 @@ export const useBookingStore = defineStore('booking', () => {
     return result
   }
 
+  /**
+   * Replace a booking in `myBookings` by id. Preserves immutability: always
+   * returns a new array reference so Vue's computed/watchers pick up the change.
+   * If the booking isn't in the list (e.g. paginated out), leaves state untouched.
+   */
+  function replaceBooking(updated: BookingWithDetails) {
+    const idx = myBookings.value.findIndex((b) => b.id === updated.id)
+    if (idx === -1) return
+    const next = myBookings.value.slice()
+    next[idx] = updated
+    myBookings.value = next
+  }
+
   async function cancelBooking(bookingId: string) {
     const result = await put<BookingWithDetails>(`/booking/${bookingId}/cancel`)
+    replaceBooking(result)
     return result
   }
 
-  async function fetchMyBookings(status?: string) {
-    loadingBookings.value = true
+  async function fetchMyBookings(status?: string, opts: { silent?: boolean } = {}) {
+    if (!opts.silent) loadingBookings.value = true
     try {
       const params: Record<string, unknown> = status ? { status } : {}
       const paginated = await get<ServerPaginatedResult<BookingWithDetails>>('/booking/my', params)
@@ -59,7 +73,7 @@ export const useBookingStore = defineStore('booking', () => {
       console.error('Fetch bookings failed:', err)
       myBookings.value = []
     } finally {
-      loadingBookings.value = false
+      if (!opts.silent) loadingBookings.value = false
     }
   }
 
@@ -106,6 +120,7 @@ export const useBookingStore = defineStore('booking', () => {
     const result = await put<BookingWithDetails>(`/booking/${bookingId}/confirm`, {
       remark,
     })
+    replaceBooking(result)
     return result
   }
 
@@ -113,6 +128,7 @@ export const useBookingStore = defineStore('booking', () => {
     const result = await put<BookingWithDetails>(`/booking/${bookingId}/complete`, {
       remark,
     })
+    replaceBooking(result)
     return result
   }
 
@@ -120,6 +136,7 @@ export const useBookingStore = defineStore('booking', () => {
     const result = await put<BookingWithDetails>(`/booking/${bookingId}/noshow`, {
       remark,
     })
+    replaceBooking(result)
     return result
   }
 
@@ -159,5 +176,6 @@ export const useBookingStore = defineStore('booking', () => {
     fetchBookingHistory,
     fetchSlotById,
     fetchBookingById,
+    replaceBooking,
   }
 })
diff --git a/packages/app/src/utils/format.ts b/packages/app/src/utils/format.ts
index 51236ae..7f623d4 100644
--- a/packages/app/src/utils/format.ts
+++ b/packages/app/src/utils/format.ts
@@ -143,6 +143,18 @@ export function getStockPercent(soldCount: number, totalStock: number): string {
   return `${Math.min(100, getStockRatio(soldCount, totalStock) * 100)}%`
 }
 
+/** 格式化日期时间为 YYYY-MM-DD HH:mm */
+export function formatDateTimeFull(dateStr: string): string {
+  const d = new Date(dateStr)
+  if (Number.isNaN(d.getTime())) return '-'
+  const year = d.getFullYear()
+  const month = String(d.getMonth() + 1).padStart(2, '0')
+  const day = String(d.getDate()).padStart(2, '0')
+  const hour = String(d.getHours()).padStart(2, '0')
+  const min = String(d.getMinutes()).padStart(2, '0')
+  return `${year}-${month}-${day} ${hour}:${min}`
+}
+
 /** 格式化日期时间为 MM-DD HH:mm:ss */
 export function formatDateTime(dateStr: string): string {
   const d = new Date(dateStr)
diff --git a/packages/server/prisma/migrations/20260907070000_add_user_last_login_at/migration.sql b/packages/server/prisma/migrations/20260907070000_add_user_last_login_at/migration.sql
new file mode 100644
index 0000000..dd08e02
--- /dev/null
+++ b/packages/server/prisma/migrations/20260907070000_add_user_last_login_at/migration.sql
@@ -0,0 +1,2 @@
+-- AlterTable
+ALTER TABLE `users` ADD COLUMN `last_login_at` DATETIME(3) NULL;
diff --git a/packages/server/prisma/schema.prisma b/packages/server/prisma/schema.prisma
index 7d2bd7a..b5caef2 100644
--- a/packages/server/prisma/schema.prisma
+++ b/packages/server/prisma/schema.prisma
@@ -80,6 +80,7 @@ model User {
   avatarUrl                        String?  @map("avatar_url")
   role                             UserRole @default(MEMBER)
   adminBookingSubscriptionCount    Int      @default(0) @map("admin_booking_subscription_count")
+  lastLoginAt                      DateTime? @map("last_login_at")
   createdAt                        DateTime @default(now()) @map("created_at")
   updatedAt                        DateTime @updatedAt @map("updated_at")
 
diff --git a/packages/server/src/auth/__tests__/auth.service.spec.ts b/packages/server/src/auth/__tests__/auth.service.spec.ts
index 6694211..8ab1d4d 100644
--- a/packages/server/src/auth/__tests__/auth.service.spec.ts
+++ b/packages/server/src/auth/__tests__/auth.service.spec.ts
@@ -25,6 +25,7 @@ const mockUser = {
   avatarUrl: null,
   role: UserRole.MEMBER,
   adminBookingSubscriptionCount: 0,
+  lastLoginAt: new Date('2024-01-01T00:00:00Z'),
   createdAt: new Date(),
   updatedAt: new Date(),
 }
@@ -109,7 +110,12 @@ describe('AuthService', () => {
         where: { openid: OPENID },
       })
       expect(mockPrismaService.user.create).toHaveBeenCalledWith({
-        data: { openid: OPENID, nickname: TEST_NICKNAME, adminBookingSubscriptionCount: 0 },
+        data: {
+          openid: OPENID,
+          nickname: TEST_NICKNAME,
+          adminBookingSubscriptionCount: 0,
+          lastLoginAt: expect.any(Date),
+        },
       })
       expect(result.user).toEqual(expect.objectContaining({
         id: mockUser.id,
@@ -148,12 +154,19 @@ describe('AuthService', () => {
       await authService.login(loginCode)
 
       expect(mockPrismaService.user.create).toHaveBeenCalledWith({
-        data: { openid: OPENID, unionid, nickname: TEST_NICKNAME, adminBookingSubscriptionCount: 0 },
+        data: {
+          openid: OPENID,
+          unionid,
+          nickname: TEST_NICKNAME,
+          adminBookingSubscriptionCount: 0,
+          lastLoginAt: expect.any(Date),
+        },
       })
     })
 
     it('returns existing user when openid already exists', async () => {
       mockPrismaService.user.findUnique.mockResolvedValue(mockUser)
+      mockPrismaService.user.update.mockResolvedValue(mockUser)
 
       const result = await authService.login(loginCode)
 
@@ -161,6 +174,10 @@ describe('AuthService', () => {
         where: { openid: OPENID },
       })
       expect(mockPrismaService.user.create).not.toHaveBeenCalled()
+      expect(mockPrismaService.user.update).toHaveBeenCalledWith({
+        where: { id: USER_ID },
+        data: { lastLoginAt: expect.any(Date) },
+      })
       expect(result.user).toEqual(expect.objectContaining({
         id: mockUser.id,
         nickname: mockUser.nickname,
@@ -171,6 +188,7 @@ describe('AuthService', () => {
 
     it('returns a valid JWT token', async () => {
       mockPrismaService.user.findUnique.mockResolvedValue(mockUser)
+      mockPrismaService.user.update.mockResolvedValue(mockUser)
 
       const result = await authService.login(loginCode)
 
@@ -183,6 +201,7 @@ describe('AuthService', () => {
 
     it('returns both token and user in result', async () => {
       mockPrismaService.user.findUnique.mockResolvedValue(mockUser)
+      mockPrismaService.user.update.mockResolvedValue(mockUser)
 
       const result = await authService.login(loginCode)
 
@@ -203,6 +222,7 @@ describe('AuthService', () => {
 
     it('includes active membership count and invite eligibility in login response', async () => {
       mockPrismaService.user.findUnique.mockResolvedValue(mockUser)
+      mockPrismaService.user.update.mockResolvedValue(mockUser)
       mockPrismaService.membership.count.mockResolvedValue(2)
 
       const result = await authService.login(loginCode)
@@ -232,6 +252,7 @@ describe('AuthService', () => {
         sessionKey: SESSION_KEY,
       })
       mockPrismaService.user.findUnique.mockResolvedValue(mockUser)
+      mockPrismaService.user.update.mockResolvedValue(mockUser)
       mockJwtService.sign.mockReturnValue(JWT_TOKEN)
       await authService.login('login_code')
     })
diff --git a/packages/server/src/auth/auth.service.ts b/packages/server/src/auth/auth.service.ts
index 3aa10c0..bbaa622 100644
--- a/packages/server/src/auth/auth.service.ts
+++ b/packages/server/src/auth/auth.service.ts
@@ -126,30 +126,26 @@ export class AuthService {
     })
 
     const isNewUser = existingUser === null
+    const now = new Date()
 
-    const user =
-      existingUser ??
-      (await this.prisma.user.create({
-        data: {
-          openid,
-          ...(unionid !== undefined && { unionid }),
-          nickname: nickname || generateDefaultNickname(this.randomFn),
-          ...(avatarUrl && { avatarUrl }),
-          adminBookingSubscriptionCount: 0,
-        },
-      }))
-
-    // Update avatar for existing users if new avatar is provided
-    if (existingUser && avatarUrl) {
-      const updated = await this.prisma.user.update({
-        where: { id: existingUser.id },
-        data: { avatarUrl, ...(nickname && { nickname }) },
-      })
-      sessionKeyStore.set(updated.id, sessionKey)
-      const payload: JwtPayload = { sub: updated.id, role: updated.role as UserRole }
-      const token = this.jwtService.sign(payload)
-      return { token, user: await this.mapLoginUser(updated), isNewUser: false }
-    }
+    const user = isNewUser
+      ? await this.prisma.user.create({
+          data: {
+            openid,
+            ...(unionid !== undefined && { unionid }),
+            nickname: nickname || generateDefaultNickname(this.randomFn),
+            ...(avatarUrl && { avatarUrl }),
+            adminBookingSubscriptionCount: 0,
+            lastLoginAt: now,
+          },
+        })
+      : await this.prisma.user.update({
+          where: { id: existingUser.id },
+          data: {
+            lastLoginAt: now,
+            ...(avatarUrl && { avatarUrl, ...(nickname && { nickname }) }),
+          },
+        })
 
     sessionKeyStore.set(user.id, sessionKey)
 
diff --git a/packages/server/src/booking/__tests__/booking.service.spec.ts b/packages/server/src/booking/__tests__/booking.service.spec.ts
index e6a392c..59d98e5 100644
--- a/packages/server/src/booking/__tests__/booking.service.spec.ts
+++ b/packages/server/src/booking/__tests__/booking.service.spec.ts
@@ -129,6 +129,8 @@ function buildTxMock(overrides: Record<string, unknown> = {}) {
     timeSlot: {
       findUnique: jest.fn(),
       update: jest.fn(),
+      create: jest.fn(),
+      updateMany: jest.fn(),
     },
     booking: {
       findUnique: jest.fn(),
@@ -140,6 +142,9 @@ function buildTxMock(overrides: Record<string, unknown> = {}) {
       findUnique: jest.fn(),
       update: jest.fn(),
     },
+    user: {
+      findUnique: jest.fn(),
+    },
     bookingStatusHistory: {
       create: jest.fn(),
     },
@@ -1001,4 +1006,412 @@ describe('BookingService', () => {
       )
     })
   })
+
+  describe('adminArrangeBooking', () => {
+    const MOCK_ADMIN_ID = 'admin-001'
+    const dto = {
+      userId: MOCK_USER_ID,
+      timeSlotId: MOCK_SLOT_ID,
+      membershipId: MOCK_MEMBERSHIP_ID,
+    }
+
+    const mockTrialCardType = {
+      ...mockTimesCardType,
+      id: 'ct-trial-001',
+      name: '体验卡',
+      type: CardTypeCategory.TRIAL,
+      totalTimes: 1,
+    }
+
+    const mockTrialMembership = {
+      ...mockActiveMembership,
+      id: 'mem-trial-001',
+      cardTypeId: mockTrialCardType.id,
+      remainingTimes: 1,
+      cardType: mockTrialCardType,
+    }
+
+    function stubArrangeSuccess(
+      tx: ReturnType<typeof buildTxMock>,
+      options?: {
+        membership?: typeof mockActiveMembership | typeof mockDurationMembership | typeof mockTrialMembership
+        slot?: typeof mockOpenSlot
+        existing?: typeof mockConfirmedBooking | null
+      },
+    ) {
+      const membership = options?.membership ?? mockActiveMembership
+      const slot = options?.slot ?? mockOpenSlot
+      const existing = options?.existing ?? null
+      const arranged = {
+        ...mockConfirmedBooking,
+        membershipId: membership.id,
+        status: BookingStatus.CONFIRMED,
+        confirmedAt: new Date(),
+        operatorId: MOCK_ADMIN_ID,
+      }
+
+      tx.user.findUnique.mockResolvedValue({ id: MOCK_USER_ID })
+      tx.timeSlot.findUnique
+        .mockResolvedValueOnce(slot)
+        .mockResolvedValueOnce({ ...slot, bookedCount: slot.bookedCount + 1 })
+      tx.booking.findUnique.mockResolvedValue(existing)
+      tx.membership.findUnique.mockResolvedValue(membership)
+      tx.booking.create.mockResolvedValue(arranged)
+      tx.booking.update.mockResolvedValue(arranged)
+      tx.timeSlot.updateMany.mockResolvedValue({ count: 1 })
+      tx.timeSlot.update.mockResolvedValue({ ...slot, bookedCount: slot.bookedCount + 1 })
+      tx.membership.update.mockResolvedValue({
+        ...membership,
+        remainingTimes: membership.remainingTimes == null ? null : membership.remainingTimes - 1,
+      })
+
+      ;(prisma.$transaction as jest.Mock).mockImplementation((fn) => fn(tx))
+      ;(prisma.booking.findUnique as jest.Mock).mockResolvedValue({
+        ...arranged,
+        timeSlot: slot,
+        membership,
+      })
+      ;(prisma.user.findUnique as jest.Mock).mockResolvedValue({ openid: 'openid-001' })
+      studioService.getInfo.mockResolvedValue({
+        ...mockStudioConfig,
+        name: 'FocusCore Pilates',
+      })
+      subscriptionMessageService.sendBookingConfirmedMessage.mockResolvedValue(true)
+
+      return arranged
+    }
+
+    it('creates a confirmed times-card booking and deducts one session', async () => {
+      const tx = buildTxMock()
+      stubArrangeSuccess(tx)
+
+      const result = await service.adminArrangeBooking(MOCK_ADMIN_ID, dto)
+
+      expect(tx.booking.create).toHaveBeenCalledWith(
+        expect.objectContaining({
+          data: expect.objectContaining({
+            userId: MOCK_USER_ID,
+            timeSlotId: MOCK_SLOT_ID,
+            membershipId: MOCK_MEMBERSHIP_ID,
+            status: BookingStatus.CONFIRMED,
+            operatorId: MOCK_ADMIN_ID,
+          }),
+        }),
+      )
+      expect(tx.membership.update).toHaveBeenCalledWith(
+        expect.objectContaining({
+          data: expect.objectContaining({ remainingTimes: 4, status: MembershipStatus.ACTIVE }),
+        }),
+      )
+      expect(tx.timeSlot.updateMany).toHaveBeenCalledWith(
+        expect.objectContaining({
+          where: expect.objectContaining({
+            id: MOCK_SLOT_ID,
+            status: TimeSlotStatus.OPEN,
+            bookedCount: { lt: mockOpenSlot.capacity },
+          }),
+          data: { bookedCount: { increment: 1 } },
+        }),
+      )
+      expect(tx.bookingStatusHistory.create).toHaveBeenCalledWith(
+        expect.objectContaining({
+          data: expect.objectContaining({
+            toStatus: BookingStatus.CONFIRMED,
+            remark: '老师代为安排',
+            operatorId: MOCK_ADMIN_ID,
+          }),
+        }),
+      )
+      expect(subscriptionMessageService.sendBookingConfirmedMessage).toHaveBeenCalled()
+      expect(subscriptionMessageService.sendAdminBookingCreatedMessage).not.toHaveBeenCalled()
+      expect(result.status).toBe(BookingStatus.CONFIRMED)
+    })
+
+    it('does not deduct remaining times for duration cards', async () => {
+      const tx = buildTxMock()
+      stubArrangeSuccess(tx, { membership: mockDurationMembership })
+
+      await service.adminArrangeBooking(MOCK_ADMIN_ID, {
+        ...dto,
+        membershipId: mockDurationMembership.id,
+      })
+
+      expect(tx.membership.update).not.toHaveBeenCalled()
+      expect(tx.booking.create).toHaveBeenCalled()
+    })
+
+    it('deducts a trial card session', async () => {
+      const tx = buildTxMock()
+      stubArrangeSuccess(tx, { membership: mockTrialMembership })
+
+      await service.adminArrangeBooking(MOCK_ADMIN_ID, {
+        ...dto,
+        membershipId: mockTrialMembership.id,
+      })
+
+      expect(tx.membership.update).toHaveBeenCalledWith(
+        expect.objectContaining({
+          data: expect.objectContaining({
+            remainingTimes: 0,
+            status: MembershipStatus.USED_UP,
+          }),
+        }),
+      )
+    })
+
+    it('rejects when the times card has no remaining sessions', async () => {
+      const tx = buildTxMock()
+      tx.timeSlot.findUnique.mockResolvedValue(mockOpenSlot)
+      tx.user.findUnique.mockResolvedValue({ id: MOCK_USER_ID })
+      tx.booking.findUnique.mockResolvedValue(null)
+      tx.membership.findUnique.mockResolvedValue(mockMembershipNoTimes)
+      ;(prisma.$transaction as jest.Mock).mockImplementation((fn) => fn(tx))
+
+      await expect(service.adminArrangeBooking(MOCK_ADMIN_ID, dto)).rejects.toThrow(
+        BadRequestException,
+      )
+      expect(tx.booking.create).not.toHaveBeenCalled()
+    })
+
+    it('rejects when a duration card has expired', async () => {
+      const tx = buildTxMock()
+      tx.timeSlot.findUnique.mockResolvedValue(mockOpenSlot)
+      tx.user.findUnique.mockResolvedValue({ id: MOCK_USER_ID })
+      tx.booking.findUnique.mockResolvedValue(null)
+      tx.membership.findUnique.mockResolvedValue({
+        ...mockDurationMembership,
+        expireDate: new Date('2020-01-01'),
+      })
+      ;(prisma.$transaction as jest.Mock).mockImplementation((fn) => fn(tx))
+
+      await expect(
+        service.adminArrangeBooking(MOCK_ADMIN_ID, {
+          ...dto,
+          membershipId: mockDurationMembership.id,
+        }),
+      ).rejects.toThrow(BadRequestException)
+    })
+
+    it('rejects when the time slot is full', async () => {
+      const tx = buildTxMock()
+      tx.timeSlot.findUnique.mockResolvedValue(mockFullSlot)
+      ;(prisma.$transaction as jest.Mock).mockImplementation((fn) => fn(tx))
+
+      await expect(service.adminArrangeBooking(MOCK_ADMIN_ID, dto)).rejects.toThrow(
+        BadRequestException,
+      )
+      expect(tx.membership.findUnique).not.toHaveBeenCalled()
+    })
+
+    it('rejects duplicate active bookings for the same slot', async () => {
+      const tx = buildTxMock()
+      tx.timeSlot.findUnique.mockResolvedValue(mockOpenSlot)
+      tx.user.findUnique.mockResolvedValue({ id: MOCK_USER_ID })
+      tx.booking.findUnique.mockResolvedValue({
+        ...mockConfirmedBooking,
+        status: BookingStatus.CONFIRMED,
+      })
+      ;(prisma.$transaction as jest.Mock).mockImplementation((fn) => fn(tx))
+
+      await expect(service.adminArrangeBooking(MOCK_ADMIN_ID, dto)).rejects.toThrow(
+        ConflictException,
+      )
+    })
+
+    it('rejects arranging a past time slot', async () => {
+      const tx = buildTxMock()
+      tx.timeSlot.findUnique.mockResolvedValue({
+        ...mockOpenSlot,
+        date: new Date('2020-01-01T00:00:00Z'),
+        startTime: '09:00',
+      })
+      ;(prisma.$transaction as jest.Mock).mockImplementation((fn) => fn(tx))
+
+      await expect(service.adminArrangeBooking(MOCK_ADMIN_ID, dto)).rejects.toThrow(
+        BadRequestException,
+      )
+    })
+
+    it('revives a cancelled booking instead of creating a new row', async () => {
+      const tx = buildTxMock()
+      const cancelled = {
+        ...mockConfirmedBooking,
+        status: BookingStatus.CANCELLED,
+      }
+      stubArrangeSuccess(tx, { existing: cancelled })
+
+      await service.adminArrangeBooking(MOCK_ADMIN_ID, dto)
+
+      expect(tx.booking.create).not.toHaveBeenCalled()
+      expect(tx.booking.update).toHaveBeenCalledWith(
+        expect.objectContaining({
+          where: { id: cancelled.id },
+          data: expect.objectContaining({
+            status: BookingStatus.CONFIRMED,
+            operatorId: MOCK_ADMIN_ID,
+          }),
+        }),
+      )
+      expect(tx.timeSlot.updateMany).toHaveBeenCalled()
+      expect(tx.membership.update).toHaveBeenCalledWith(
+        expect.objectContaining({
+          data: expect.objectContaining({ remainingTimes: 4 }),
+        }),
+      )
+    })
+
+    it('rejects when the member does not exist', async () => {
+      const tx = buildTxMock()
+      tx.timeSlot.findUnique.mockResolvedValue(mockOpenSlot)
+      tx.user.findUnique.mockResolvedValue(null)
+      ;(prisma.$transaction as jest.Mock).mockImplementation((fn) => fn(tx))
+
+      await expect(service.adminArrangeBooking(MOCK_ADMIN_ID, dto)).rejects.toThrow(
+        NotFoundException,
+      )
+    })
+
+    it('rejects when the membership belongs to another member', async () => {
+      const tx = buildTxMock()
+      tx.timeSlot.findUnique.mockResolvedValue(mockOpenSlot)
+      tx.user.findUnique.mockResolvedValue({ id: MOCK_USER_ID })
+      tx.booking.findUnique.mockResolvedValue(null)
+      tx.membership.findUnique.mockResolvedValue({
+        ...mockActiveMembership,
+        userId: 'other-user',
+      })
+      ;(prisma.$transaction as jest.Mock).mockImplementation((fn) => fn(tx))
+
+      await expect(service.adminArrangeBooking(MOCK_ADMIN_ID, dto)).rejects.toThrow(
+        ForbiddenException,
+      )
+    })
+
+    it('rejects an expired times card even if remaining sessions exist', async () => {
+      const tx = buildTxMock()
+      tx.timeSlot.findUnique.mockResolvedValue(mockOpenSlot)
+      tx.user.findUnique.mockResolvedValue({ id: MOCK_USER_ID })
+      tx.booking.findUnique.mockResolvedValue(null)
+      tx.membership.findUnique.mockResolvedValue({
+        ...mockActiveMembership,
+        expireDate: new Date('2020-01-01'),
+      })
+      ;(prisma.$transaction as jest.Mock).mockImplementation((fn) => fn(tx))
+
+      await expect(service.adminArrangeBooking(MOCK_ADMIN_ID, dto)).rejects.toThrow(
+        BadRequestException,
+      )
+      expect(tx.timeSlot.updateMany).not.toHaveBeenCalled()
+    })
+
+    it('rejects when occupancy update races and the slot is already full', async () => {
+      const tx = buildTxMock()
+      tx.timeSlot.findUnique.mockResolvedValue(mockOpenSlot)
+      tx.user.findUnique.mockResolvedValue({ id: MOCK_USER_ID })
+      tx.booking.findUnique.mockResolvedValue(null)
+      tx.membership.findUnique.mockResolvedValue(mockActiveMembership)
+      tx.timeSlot.updateMany.mockResolvedValue({ count: 0 })
+      ;(prisma.$transaction as jest.Mock).mockImplementation((fn) => fn(tx))
+
+      await expect(service.adminArrangeBooking(MOCK_ADMIN_ID, dto)).rejects.toThrow(
+        BadRequestException,
+      )
+      expect(tx.booking.create).not.toHaveBeenCalled()
+    })
+
+    it('reuses an existing slot when arranging by date and time', async () => {
+      const tx = buildTxMock()
+      stubArrangeSuccess(tx)
+
+      await service.adminArrangeBooking(MOCK_ADMIN_ID, {
+        userId: MOCK_USER_ID,
+        membershipId: MOCK_MEMBERSHIP_ID,
+        date: '2099-12-31',
+        startTime: '09:00',
+        endTime: '10:00',
+      })
+
+      expect(tx.timeSlot.findUnique).toHaveBeenCalledWith(
+        expect.objectContaining({
+          where: {
+            date_startTime_endTime: {
+              date: new Date('2099-12-31T00:00:00.000Z'),
+              startTime: '09:00',
+              endTime: '10:00',
+            },
+          },
+        }),
+      )
+      expect(tx.timeSlot.create).not.toHaveBeenCalled()
+      expect(tx.booking.create).toHaveBeenCalled()
+    })
+
+    it('creates a manual slot when arranging a missing date and time', async () => {
+      const tx = buildTxMock()
+      const createdSlot = { ...mockOpenSlot, id: 'slot-manual-001', source: 'MANUAL' }
+      tx.timeSlot.findUnique
+        .mockResolvedValueOnce(null)
+        .mockResolvedValueOnce({ ...createdSlot, bookedCount: 1 })
+      tx.timeSlot.create.mockResolvedValue(createdSlot)
+      tx.user.findUnique.mockResolvedValue({ id: MOCK_USER_ID })
+      tx.booking.findUnique.mockResolvedValue(null)
+      tx.membership.findUnique.mockResolvedValue(mockActiveMembership)
+      tx.timeSlot.updateMany.mockResolvedValue({ count: 1 })
+      tx.booking.create.mockResolvedValue({
+        ...mockConfirmedBooking,
+        timeSlotId: createdSlot.id,
+        status: BookingStatus.CONFIRMED,
+      })
+      tx.membership.update.mockResolvedValue({ ...mockActiveMembership, remainingTimes: 4 })
+      ;(prisma.$transaction as jest.Mock).mockImplementation((fn) => fn(tx))
+      ;(prisma.booking.findUnique as jest.Mock).mockResolvedValue({
+        ...mockConfirmedBooking,
+        timeSlotId: createdSlot.id,
+        status: BookingStatus.CONFIRMED,
+        timeSlot: createdSlot,
+        membership: mockActiveMembership,
+      })
+      ;(prisma.user.findUnique as jest.Mock).mockResolvedValue({ openid: 'openid-001' })
+      studioService.getInfo.mockResolvedValue({
+        ...mockStudioConfig,
+        name: 'FocusCore Pilates',
+      })
+      subscriptionMessageService.sendBookingConfirmedMessage.mockResolvedValue(true)
+
+      await service.adminArrangeBooking(MOCK_ADMIN_ID, {
+        userId: MOCK_USER_ID,
+        membershipId: MOCK_MEMBERSHIP_ID,
+        date: '2099-12-31',
+        startTime: '09:00',
+        endTime: '10:00',
+      })
+
+      expect(tx.timeSlot.create).toHaveBeenCalledWith(
+        expect.objectContaining({
+          data: expect.objectContaining({
+            startTime: '09:00',
+            endTime: '10:00',
+            source: 'MANUAL',
+          }),
+        }),
+      )
+    })
+
+    it('rejects custom slots whose end time is not after start time', async () => {
+      const tx = buildTxMock()
+      ;(prisma.$transaction as jest.Mock).mockImplementation((fn) => fn(tx))
+
+      await expect(
+        service.adminArrangeBooking(MOCK_ADMIN_ID, {
+          userId: MOCK_USER_ID,
+          membershipId: MOCK_MEMBERSHIP_ID,
+          date: '2099-12-31',
+          startTime: '23:00',
+          endTime: '00:00',
+        }),
+      ).rejects.toThrow(BadRequestException)
+      expect(tx.timeSlot.findUnique).not.toHaveBeenCalled()
+      expect(tx.timeSlot.create).not.toHaveBeenCalled()
+    })
+  })
 })
diff --git a/packages/server/src/booking/booking.controller.ts b/packages/server/src/booking/booking.controller.ts
index 909c7c7..55e6c9c 100644
--- a/packages/server/src/booking/booking.controller.ts
+++ b/packages/server/src/booking/booking.controller.ts
@@ -16,6 +16,7 @@ import { Roles } from '../auth/roles.decorator'
 import { CurrentUser } from '../common/decorators/current-user.decorator'
 import { BookingService } from './booking.service'
 import { CreateBookingDto } from './dto/create-booking.dto'
+import { AdminArrangeBookingDto } from './dto/admin-arrange-booking.dto'
 
 @Controller()
 export class BookingController {
@@ -92,6 +93,16 @@ export class BookingController {
     )
   }
 
+  @Post('admin/bookings')
+  @UseGuards(JwtAuthGuard, RolesGuard)
+  @Roles(UserRole.ADMIN)
+  async arrangeBooking(
+    @CurrentUser('sub') operatorId: string,
+    @Body() dto: AdminArrangeBookingDto,
+  ) {
+    return this.bookingService.adminArrangeBooking(operatorId, dto)
+  }
+
   @Get('admin/teaching-schedule')
   @UseGuards(JwtAuthGuard, RolesGuard)
   @Roles(UserRole.ADMIN)
diff --git a/packages/server/src/booking/booking.service.ts b/packages/server/src/booking/booking.service.ts
index 48d7567..15c0313 100644
--- a/packages/server/src/booking/booking.service.ts
+++ b/packages/server/src/booking/booking.service.ts
@@ -5,11 +5,13 @@ import {
   Injectable,
   NotFoundException,
 } from '@nestjs/common'
-import { Booking, Membership, TimeSlot, BookingStatusHistory } from '@prisma/client'
+import { Booking, Membership, Prisma, TimeSlot, BookingStatusHistory } from '@prisma/client'
 import {
   BookingStatus,
   CardTypeCategory,
+  DEFAULT_SLOT_CAPACITY,
   MembershipStatus,
+  TimeSlotSource,
   TimeSlotStatus,
   type TeachingScheduleSlot,
 } from '@mp-pilates/shared'
@@ -18,6 +20,7 @@ import { MembershipService } from '../membership/membership.service'
 import { StudioService } from '../studio/studio.service'
 import { SubscriptionMessageService } from '../user/subscription-message.service'
 import { CreateBookingDto } from './dto/create-booking.dto'
+import { AdminArrangeBookingDto } from './dto/admin-arrange-booking.dto'
 import { InviteService } from '../invite/invite.service'
 
 // ─── Types ─────────────────────────────────────────────────────────────────
@@ -48,6 +51,23 @@ function buildSlotStartMs(slotDate: Date, startTime: string): number {
   return d.getTime()
 }
 
+function normalizeClock(time: string): string {
+  return time.slice(0, 5)
+}
+
+function clockToMinutes(time: string): number {
+  const [hours, minutes] = normalizeClock(time).split(':').map(Number)
+  return hours * 60 + minutes
+}
+
+function parseSlotDate(date: string): Date {
+  const parsed = new Date(`${date}T00:00:00.000Z`)
+  if (Number.isNaN(parsed.getTime())) {
+    throw new BadRequestException('Invalid date')
+  }
+  return parsed
+}
+
 // ─── Service ───────────────────────────────────────────────────────────────
 
 @Injectable()
@@ -273,6 +293,195 @@ export class BookingService {
     return confirmedBooking
   }
 
+  async adminArrangeBooking(
+    operatorId: string,
+    dto: AdminArrangeBookingDto,
+  ): Promise<BookingWithRelations> {
+    const booking = await this.prisma.$transaction(async (tx) => {
+      const timeSlot = await this.resolveArrangeSlot(tx, dto)
+      if (timeSlot.status !== TimeSlotStatus.OPEN) {
+        throw new BadRequestException(
+          `TimeSlot is not available (status: ${timeSlot.status})`,
+        )
+      }
+      if (Date.now() >= buildSlotStartMs(timeSlot.date, timeSlot.startTime)) {
+        throw new BadRequestException('Cannot arrange a past time slot')
+      }
+
+      const user = await tx.user.findUnique({
+        where: { id: dto.userId },
+        select: { id: true },
+      })
+      if (!user) {
+        throw new NotFoundException(`User ${dto.userId} not found`)
+      }
+
+      const existing = await tx.booking.findUnique({
+        where: {
+          userId_timeSlotId: {
+            userId: dto.userId,
+            timeSlotId: timeSlot.id,
+          },
+        },
+      })
+      if (existing && existing.status !== BookingStatus.CANCELLED) {
+        throw new ConflictException('Member already has a booking for this time slot')
+      }
+
+      const membership = await tx.membership.findUnique({
+        where: { id: dto.membershipId },
+        include: { cardType: true },
+      })
+      if (!membership) {
+        throw new NotFoundException(`Membership ${dto.membershipId} not found`)
+      }
+      if (membership.userId !== dto.userId) {
+        throw new ForbiddenException('This membership does not belong to the member')
+      }
+      if (membership.status !== MembershipStatus.ACTIVE) {
+        throw new BadRequestException(
+          `Membership is not active (status: ${membership.status})`,
+        )
+      }
+      if (membership.expireDate <= new Date()) {
+        throw new BadRequestException('Membership has expired')
+      }
+
+      const cardType = membership.cardType
+      const isTimeBased =
+        cardType.type === CardTypeCategory.TIMES ||
+        cardType.type === CardTypeCategory.TRIAL
+
+      if (isTimeBased && (membership.remainingTimes ?? 0) <= 0) {
+        throw new BadRequestException('No remaining times on this membership')
+      }
+
+      const occupied = await tx.timeSlot.updateMany({
+        where: {
+          id: timeSlot.id,
+          status: TimeSlotStatus.OPEN,
+          bookedCount: { lt: timeSlot.capacity },
+        },
+        data: {
+          bookedCount: { increment: 1 },
+        },
+      })
+      if (occupied.count !== 1) {
+        throw new BadRequestException('Time slot is full')
+      }
+
+      const occupiedSlot = await tx.timeSlot.findUnique({ where: { id: timeSlot.id } })
+      if (occupiedSlot && occupiedSlot.bookedCount >= occupiedSlot.capacity) {
+        await tx.timeSlot.update({
+          where: { id: timeSlot.id },
+          data: { status: TimeSlotStatus.FULL },
+        })
+      }
+
+      const now = new Date()
+      const arranged = existing
+        ? await tx.booking.update({
+            where: { id: existing.id },
+            data: {
+              membershipId: dto.membershipId,
+              status: BookingStatus.CONFIRMED,
+              cancelledAt: null,
+              confirmedAt: now,
+              completedAt: null,
+              operatorId,
+            },
+          })
+        : await tx.booking.create({
+            data: {
+              userId: dto.userId,
+              timeSlotId: timeSlot.id,
+              membershipId: dto.membershipId,
+              status: BookingStatus.CONFIRMED,
+              confirmedAt: now,
+              operatorId,
+            },
+          })
+
+      if (isTimeBased) {
+        const newRemainingTimes = (membership.remainingTimes ?? 0) - 1
+        await tx.membership.update({
+          where: { id: membership.id },
+          data: {
+            remainingTimes: newRemainingTimes,
+            status: newRemainingTimes <= 0 ? MembershipStatus.USED_UP : MembershipStatus.ACTIVE,
+          },
+        })
+      }
+
+      await tx.bookingStatusHistory.create({
+        data: {
+          bookingId: arranged.id,
+          fromStatus: existing?.status === BookingStatus.CANCELLED
+            ? BookingStatus.CANCELLED
+            : null,
+          toStatus: BookingStatus.CONFIRMED,
+          operatorId,
+          remark: '老师代为安排',
+        },
+      })
+
+      return arranged
+    })
+
+    const arrangedBooking = await this.fetchBookingWithRelations(booking.id)
+    await this.trySendBookingConfirmedSubscriptionMessage(arrangedBooking)
+    return arrangedBooking
+  }
+
+  private async resolveArrangeSlot(
+    tx: Prisma.TransactionClient,
+    dto: AdminArrangeBookingDto,
+  ): Promise<TimeSlot> {
+    if (dto.timeSlotId) {
+      const slot = await tx.timeSlot.findUnique({
+        where: { id: dto.timeSlotId },
+      })
+      if (!slot) {
+        throw new NotFoundException(`TimeSlot ${dto.timeSlotId} not found`)
+      }
+      return slot
+    }
+
+    if (!dto.date || !dto.startTime || !dto.endTime) {
+      throw new BadRequestException('timeSlotId or date+startTime+endTime is required')
+    }
+
+    const startTime = normalizeClock(dto.startTime)
+    const endTime = normalizeClock(dto.endTime)
+    if (clockToMinutes(endTime) <= clockToMinutes(startTime)) {
+      throw new BadRequestException('End time must be after start time')
+    }
+
+    const date = parseSlotDate(dto.date)
+    const existing = await tx.timeSlot.findUnique({
+      where: {
+        date_startTime_endTime: {
+          date,
+          startTime,
+          endTime,
+        },
+      },
+    })
+    if (existing) {
+      return existing
+    }
+
+    return tx.timeSlot.create({
+      data: {
+        date,
+        startTime,
+        endTime,
+        capacity: dto.capacity ?? DEFAULT_SLOT_CAPACITY,
+        source: TimeSlotSource.MANUAL,
+      },
+    })
+  }
+
   // ─── Complete / NoShow Booking (Admin) ──────────────────────────────────
 
   async completeBooking(
diff --git a/packages/server/src/booking/dto/admin-arrange-booking.dto.ts b/packages/server/src/booking/dto/admin-arrange-booking.dto.ts
new file mode 100644
index 0000000..9153ae9
--- /dev/null
+++ b/packages/server/src/booking/dto/admin-arrange-booking.dto.ts
@@ -0,0 +1,40 @@
+import { Type } from 'class-transformer'
+import {
+  IsDateString,
+  IsInt,
+  IsOptional,
+  IsUUID,
+  Matches,
+  Min,
+  ValidateIf,
+} from 'class-validator'
+
+export class AdminArrangeBookingDto {
+  @IsUUID()
+  userId!: string
+
+  @IsUUID()
+  membershipId!: string
+
+  @IsOptional()
+  @IsUUID()
+  timeSlotId?: string
+
+  @ValidateIf((dto: AdminArrangeBookingDto) => !dto.timeSlotId)
+  @IsDateString()
+  date?: string
+
+  @ValidateIf((dto: AdminArrangeBookingDto) => !dto.timeSlotId)
+  @Matches(/^\d{2}:\d{2}(:\d{2})?$/)
+  startTime?: string
+
+  @ValidateIf((dto: AdminArrangeBookingDto) => !dto.timeSlotId)
+  @Matches(/^\d{2}:\d{2}(:\d{2})?$/)
+  endTime?: string
+
+  @IsOptional()
+  @Type(() => Number)
+  @IsInt()
+  @Min(1)
+  capacity?: number
+}
diff --git a/packages/server/src/user/__tests__/user.service.spec.ts b/packages/server/src/user/__tests__/user.service.spec.ts
index ee4981f..f113134 100644
--- a/packages/server/src/user/__tests__/user.service.spec.ts
+++ b/packages/server/src/user/__tests__/user.service.spec.ts
@@ -1,11 +1,12 @@
 import { Test, TestingModule } from '@nestjs/testing'
-import { NotFoundException } from '@nestjs/common'
+import { BadRequestException, NotFoundException } from '@nestjs/common'
 import { UserService } from '../user.service'
 import { PrismaService } from '../../prisma/prisma.service'
 import {
   MembershipStatus,
   BookingStatus,
   UserRole,
+  CardTypeCategory,
   SubscriptionMessageScene,
 } from '@mp-pilates/shared'
 import { ConfigService } from '@nestjs/config'
@@ -23,6 +24,7 @@ const makeUser = (overrides: Record<string, unknown> = {}) => ({
   avatarUrl: 'https://example.com/avatar.png',
   role: UserRole.MEMBER,
   adminBookingSubscriptionCount: 0,
+  lastLoginAt: new Date('2024-06-01T08:00:00Z'),
   createdAt: new Date('2024-01-01T00:00:00Z'),
   updatedAt: new Date('2024-01-01T00:00:00Z'),
   _count: { memberships: 2 },
@@ -53,6 +55,8 @@ const makeBooking = (
 const mockPrisma = {
   user: {
     findUnique: jest.fn(),
+    findMany: jest.fn(),
+    count: jest.fn(),
     update: jest.fn(),
   },
   subscriptionMessageConsent: {
@@ -61,6 +65,13 @@ const mockPrisma = {
   },
   booking: {
     findMany: jest.fn(),
+    groupBy: jest.fn(),
+  },
+  membership: {
+    findFirst: jest.fn(),
+    update: jest.fn(),
+    create: jest.fn(),
+    updateMany: jest.fn(),
   },
 }
 
@@ -120,6 +131,7 @@ describe('UserService', () => {
         avatarUrl: 'https://example.com/avatar.png',
         role: UserRole.MEMBER,
         activeMembershipCount: 3,
+        inviteShareEligible: true,
         adminBookingSubscriptionCount: 0,
         subscriptionMessageTemplates: {
           templates: [
@@ -423,4 +435,153 @@ describe('UserService', () => {
       )
     })
   })
+
+  describe('getMemberDetail', () => {
+    const cardType = {
+      id: 'ct-1',
+      name: '10次卡',
+      type: CardTypeCategory.TIMES,
+      totalTimes: 10,
+      durationDays: 180,
+      price: 150000,
+      originalPrice: null,
+      description: null,
+      coverUrl: null,
+      isActive: true,
+      sortOrder: 0,
+      createdAt: new Date('2024-01-01T00:00:00Z'),
+      updatedAt: new Date('2024-01-01T00:00:00Z'),
+    }
+
+    const membership = {
+      id: 'mem-1',
+      userId: 'user-1',
+      cardTypeId: 'ct-1',
+      remainingTimes: 6,
+      totalTimes: 10,
+      startDate: new Date('2024-01-01T00:00:00Z'),
+      expireDate: new Date('2099-01-01T00:00:00Z'),
+      status: MembershipStatus.ACTIVE,
+      createdAt: new Date('2024-01-01T00:00:00Z'),
+      updatedAt: new Date('2024-01-01T00:00:00Z'),
+      cardType,
+    }
+
+    it('returns profile, memberships, stats and upcoming bookings', async () => {
+      mockPrisma.user.findUnique.mockResolvedValue({
+        ...makeUser(),
+        memberships: [membership],
+      })
+      mockPrisma.booking.groupBy.mockResolvedValue([
+        { userId: 'user-1', status: BookingStatus.COMPLETED, _count: { id: 3 } },
+        { userId: 'user-1', status: BookingStatus.CANCELLED, _count: { id: 1 } },
+        { userId: 'user-1', status: BookingStatus.NO_SHOW, _count: { id: 1 } },
+      ])
+      mockPrisma.booking.findMany.mockResolvedValue([
+        {
+          id: 'booking-up-1',
+          status: BookingStatus.CONFIRMED,
+          timeSlot: {
+            date: new Date('2099-12-31T00:00:00Z'),
+            startTime: '09:00',
+            endTime: '10:00',
+          },
+          membership: { cardType: { name: '10次卡' } },
+        },
+      ])
+
+      const result = await service.getMemberDetail('user-1')
+
+      expect(result.user.userId).toBe('user-1')
+      expect(result.user.lastLoginAt).toBe('2024-06-01T08:00:00.000Z')
+      expect(result.memberships).toHaveLength(1)
+      expect(result.memberships[0].cardType.name).toBe('10次卡')
+      expect(result.stats).toEqual({
+        totalBookings: 5,
+        completedBookings: 3,
+        cancelledBookings: 1,
+        noShowBookings: 1,
+      })
+      expect(result.upcomingBookings).toEqual([
+        {
+          id: 'booking-up-1',
+          status: BookingStatus.CONFIRMED,
+          date: '2099-12-31',
+          startTime: '09:00',
+          endTime: '10:00',
+          cardName: '10次卡',
+        },
+      ])
+    })
+
+    it('throws NotFoundException when member does not exist', async () => {
+      mockPrisma.user.findUnique.mockResolvedValue(null)
+
+      await expect(service.getMemberDetail('missing')).rejects.toThrow(NotFoundException)
+    })
+  })
+
+  describe('updateMemberProfile', () => {
+    it('updates nickname and phone then returns the dossier', async () => {
+      mockPrisma.user.findUnique
+        .mockResolvedValueOnce(makeUser())
+        .mockResolvedValueOnce({ ...makeUser({ nickname: 'Bob', phone: '13900000000' }), memberships: [] })
+      mockPrisma.user.update.mockResolvedValue(makeUser({ nickname: 'Bob', phone: '13900000000' }))
+      mockPrisma.booking.groupBy.mockResolvedValue([])
+      mockPrisma.booking.findMany.mockResolvedValue([])
+
+      const result = await service.updateMemberProfile('user-1', {
+        nickname: 'Bob',
+        phone: '13900000000',
+      })
+
+      expect(mockPrisma.user.update).toHaveBeenCalledWith({
+        where: { id: 'user-1' },
+        data: { nickname: 'Bob', phone: '13900000000' },
+      })
+      expect(result.user.nickname).toBe('Bob')
+      expect(result.user.phone).toBe('13900000000')
+    })
+  })
+
+  describe('deleteUserMembership', () => {
+    it('expires only the selected membership', async () => {
+      mockPrisma.membership.findFirst.mockResolvedValue({
+        id: 'mem-1',
+        userId: 'user-1',
+        status: MembershipStatus.ACTIVE,
+      })
+      mockPrisma.membership.update.mockResolvedValue({
+        id: 'mem-1',
+        status: MembershipStatus.EXPIRED,
+      })
+
+      await service.deleteUserMembership('user-1', 'mem-1')
+
+      expect(mockPrisma.membership.findFirst).toHaveBeenCalledWith({
+        where: { id: 'mem-1', userId: 'user-1' },
+      })
+      expect(mockPrisma.membership.update).toHaveBeenCalledWith({
+        where: { id: 'mem-1' },
+        data: { status: MembershipStatus.EXPIRED },
+      })
+      expect(mockPrisma.membership.updateMany).not.toHaveBeenCalled()
+    })
+
+    it('rejects when the membership is missing or belongs to another user', async () => {
+      mockPrisma.membership.findFirst.mockResolvedValue(null)
+
+      await expect(service.deleteUserMembership('user-1', 'mem-other')).rejects.toThrow(
+        NotFoundException,
+      )
+      expect(mockPrisma.membership.update).not.toHaveBeenCalled()
+    })
+
+    it('rejects a missing membershipId', async () => {
+      await expect(service.deleteUserMembership('user-1', '')).rejects.toThrow(
+        BadRequestException,
+      )
+      expect(mockPrisma.membership.findFirst).not.toHaveBeenCalled()
+    })
+  })
 })
diff --git a/packages/server/src/user/dto/update-admin-member-profile.dto.ts b/packages/server/src/user/dto/update-admin-member-profile.dto.ts
new file mode 100644
index 0000000..81465e3
--- /dev/null
+++ b/packages/server/src/user/dto/update-admin-member-profile.dto.ts
@@ -0,0 +1,14 @@
+import { IsOptional, IsString, MaxLength, ValidateIf } from 'class-validator'
+
+export class UpdateAdminMemberProfileDto {
+  @IsOptional()
+  @IsString()
+  @MaxLength(32)
+  readonly nickname?: string
+
+  @IsOptional()
+  @ValidateIf((_, value: unknown) => value !== null)
+  @IsString()
+  @MaxLength(20)
+  readonly phone?: string | null
+}
diff --git a/packages/server/src/user/dto/update-user-membership.dto.ts b/packages/server/src/user/dto/update-user-membership.dto.ts
index f760302..c2d0413 100644
--- a/packages/server/src/user/dto/update-user-membership.dto.ts
+++ b/packages/server/src/user/dto/update-user-membership.dto.ts
@@ -2,6 +2,10 @@ import { IsDateString, IsInt, IsOptional, IsUUID, Min } from 'class-validator'
 import { Type } from 'class-transformer'
 
 export class UpdateUserMembershipDto {
+  @IsOptional()
+  @IsUUID()
+  membershipId?: string
+
   @IsUUID()
   cardTypeId!: string
 
diff --git a/packages/server/src/user/user.controller.ts b/packages/server/src/user/user.controller.ts
index 40a18a0..3f61fca 100644
--- a/packages/server/src/user/user.controller.ts
+++ b/packages/server/src/user/user.controller.ts
@@ -8,6 +8,7 @@ import {
   Query,
   Post,
   UseGuards,
+  BadRequestException,
 } from '@nestjs/common'
 import { UserRole, CardTypeCategory } from '@mp-pilates/shared'
 import { JwtAuthGuard } from '../auth/jwt-auth.guard'
@@ -17,6 +18,7 @@ import { CurrentUser } from '../common/decorators/current-user.decorator'
 import { UserService } from './user.service'
 import { UpdateProfileDto } from './dto/update-profile.dto'
 import { UpdateUserMembershipDto } from './dto/update-user-membership.dto'
+import { UpdateAdminMemberProfileDto } from './dto/update-admin-member-profile.dto'
 import { ReportSubscriptionMessageRequestDto } from './dto/report-subscription-message.dto'
 
 const VALID_CARD_TYPES = new Set<string>(Object.values(CardTypeCategory))
@@ -105,7 +107,30 @@ export class UserController {
   @Delete('admin/members/:userId/membership')
   @UseGuards(RolesGuard)
   @Roles(UserRole.ADMIN)
-  deleteUserMembership(@Param('userId') userId: string) {
-    return this.userService.deleteUserMembership(userId)
+  deleteUserMembership(
+    @Param('userId') userId: string,
+    @Query('membershipId') membershipId?: string,
+  ) {
+    if (!membershipId) {
+      throw new BadRequestException('membershipId is required')
+    }
+    return this.userService.deleteUserMembership(userId, membershipId)
+  }
+
+  @Get('admin/members/:userId')
+  @UseGuards(RolesGuard)
+  @Roles(UserRole.ADMIN)
+  getMemberDetail(@Param('userId') userId: string) {
+    return this.userService.getMemberDetail(userId)
+  }
+
+  @Put('admin/members/:userId')
+  @UseGuards(RolesGuard)
+  @Roles(UserRole.ADMIN)
+  updateMemberProfile(
+    @Param('userId') userId: string,
+    @Body() dto: UpdateAdminMemberProfileDto,
+  ) {
+    return this.userService.updateMemberProfile(userId, dto)
   }
 }
diff --git a/packages/server/src/user/user.service.ts b/packages/server/src/user/user.service.ts
index 311602b..4459e46 100644
--- a/packages/server/src/user/user.service.ts
+++ b/packages/server/src/user/user.service.ts
@@ -1,4 +1,4 @@
-import { Injectable, NotFoundException } from '@nestjs/common'
+import { Injectable, NotFoundException, BadRequestException } from '@nestjs/common'
 import {
   MembershipStatus,
   BookingStatus,
@@ -15,6 +15,10 @@ import type {
   SubscriptionMessageRequestResult,
   SubscriptionMessageTemplate,
   SubscriptionMessageTemplateConfig,
+  AdminMemberSummary,
+  AdminMemberDetail,
+  MembershipWithCardType,
+  UpdateAdminMemberProfileDto,
 } from '@mp-pilates/shared'
 import { ConfigService } from '@nestjs/config'
 import { PrismaService } from '../prisma/prisma.service'
@@ -23,6 +27,63 @@ import { UpdateUserMembershipDto } from './dto/update-user-membership.dto'
 const VALID_CARD_TYPES = new Set<string>(Object.values(CardTypeCategory))
 const ADMIN_BOOKING_SUBSCRIPTION_INCREMENT = 1
 
+function serializeMembership(membership: {
+  id: string
+  userId: string
+  cardTypeId: string
+  remainingTimes: number | null
+  totalTimes: number | null
+  startDate: Date
+  expireDate: Date
+  status: string
+  createdAt: Date
+  updatedAt: Date
+  cardType: {
+    id: string
+    name: string
+    type: string
+    totalTimes: number | null
+    durationDays: number
+    price: number | { toString(): string }
+    originalPrice: number | { toString(): string } | null
+    description: string | null
+    coverUrl: string | null
+    isActive: boolean
+    sortOrder: number
+    createdAt: Date
+    updatedAt: Date
+  }
+}): MembershipWithCardType {
+  const { cardType, ...rest } = membership
+  return {
+    id: rest.id,
+    userId: rest.userId,
+    cardTypeId: rest.cardTypeId,
+    remainingTimes: rest.remainingTimes,
+    totalTimes: rest.totalTimes,
+    startDate: rest.startDate.toISOString(),
+    expireDate: rest.expireDate.toISOString(),
+    status: rest.status as MembershipStatus,
+    createdAt: rest.createdAt.toISOString(),
+    updatedAt: rest.updatedAt.toISOString(),
+    cardType: {
+      id: cardType.id,
+      name: cardType.name,
+      type: cardType.type as CardTypeCategory,
+      totalTimes: cardType.totalTimes,
+      durationDays: cardType.durationDays,
+      price: Number(cardType.price),
+      originalPrice: cardType.originalPrice == null ? null : Number(cardType.originalPrice),
+      description: cardType.description,
+      coverUrl: cardType.coverUrl,
+      isActive: cardType.isActive,
+      sortOrder: cardType.sortOrder,
+      createdAt: cardType.createdAt.toISOString(),
+      updatedAt: cardType.updatedAt.toISOString(),
+    },
+  }
+}
+
 type SubscriptionMessageConsentDelegate = PrismaService['subscriptionMessageConsent']
 type SubscriptionMessageConsentRecord = Awaited<ReturnType<SubscriptionMessageConsentDelegate['findMany']>>[number]
 
@@ -298,16 +359,7 @@ export class UserService {
     limit: number,
     search?: string,
     cardType?: string,
-  ): Promise<PaginatedData<{
-    userId: string
-    openid: string
-    nickname: string
-    phone: string | null
-    avatarUrl: string | null
-    totalBookings: number
-    completedBookings: number
-    cancelledBookings: number
-  }>> {
+  ): Promise<PaginatedData<AdminMemberSummary>> {
     const where: {
       OR?: Array<{ [key: string]: unknown }>
       memberships?: {
@@ -348,6 +400,14 @@ export class UserService {
           nickname: true,
           phone: true,
           avatarUrl: true,
+          createdAt: true,
+          lastLoginAt: true,
+          memberships: {
+            where: { status: MembershipStatus.ACTIVE },
+            include: { cardType: { select: { name: true, type: true } } },
+            orderBy: { expireDate: 'desc' },
+            take: 1,
+          },
           _count: {
             select: {
               bookings: true,
@@ -383,12 +443,18 @@ export class UserService {
 
     const items = users.map((u) => {
       const s = statsMap.get(u.id) ?? { total: 0, completed: 0, cancelled: 0 }
+      const active = u.memberships[0]
       return {
         userId: u.id,
         openid: u.openid,
         nickname: u.nickname,
         phone: u.phone,
         avatarUrl: u.avatarUrl,
+        createdAt: u.createdAt.toISOString(),
+        lastLoginAt: u.lastLoginAt?.toISOString() ?? null,
+        activeCard: active
+          ? { name: active.cardType.name, type: active.cardType.type as CardTypeCategory }
+          : null,
         totalBookings: s.total,
         completedBookings: s.completed,
         cancelledBookings: s.cancelled,
@@ -398,6 +464,109 @@ export class UserService {
     return { items, total, page, limit }
   }
 
+  async getMemberDetail(userId: string): Promise<AdminMemberDetail> {
+    const user = await this.prisma.user.findUnique({
+      where: { id: userId },
+      include: {
+        memberships: {
+          include: { cardType: true },
+          orderBy: [{ createdAt: 'desc' }],
+        },
+      },
+    })
+
+    if (!user) {
+      throw new NotFoundException('User not found')
+    }
+
+    const today = new Date()
+    today.setUTCHours(0, 0, 0, 0)
+
+    const [bookingStats, upcoming] = await Promise.all([
+      this.prisma.booking.groupBy({
+        by: ['status'],
+        where: { userId },
+        _count: { id: true },
+      }),
+      this.prisma.booking.findMany({
+        where: {
+          userId,
+          status: {
+            in: [BookingStatus.PENDING_CONFIRMATION, BookingStatus.CONFIRMED],
+          },
+          timeSlot: { date: { gte: today } },
+        },
+        include: {
+          timeSlot: true,
+          membership: { include: { cardType: { select: { name: true } } } },
+        },
+        orderBy: [
+          { timeSlot: { date: 'asc' } },
+          { timeSlot: { startTime: 'asc' } },
+        ],
+      }),
+    ])
+
+    const stats = { total: 0, completed: 0, cancelled: 0, noShow: 0 }
+    for (const row of bookingStats) {
+      stats.total += row._count.id
+      if (row.status === BookingStatus.COMPLETED) stats.completed += row._count.id
+      if (row.status === BookingStatus.CANCELLED) stats.cancelled += row._count.id
+      if (row.status === BookingStatus.NO_SHOW) stats.noShow += row._count.id
+    }
+
+    return {
+      user: {
+        userId: user.id,
+        openid: user.openid,
+        nickname: user.nickname,
+        phone: user.phone,
+        avatarUrl: user.avatarUrl,
+        createdAt: user.createdAt.toISOString(),
+        lastLoginAt: user.lastLoginAt?.toISOString() ?? null,
+      },
+      memberships: user.memberships.map((membership) => serializeMembership(membership)),
+      stats: {
+        totalBookings: stats.total,
+        completedBookings: stats.completed,
+        cancelledBookings: stats.cancelled,
+        noShowBookings: stats.noShow,
+      },
+      upcomingBookings: upcoming.map((booking) => ({
+        id: booking.id,
+        status: booking.status as BookingStatus,
+        date: booking.timeSlot.date.toISOString().slice(0, 10),
+        startTime: booking.timeSlot.startTime,
+        endTime: booking.timeSlot.endTime,
+        cardName: booking.membership.cardType.name,
+      })),
+    }
+  }
+
+  async updateMemberProfile(
+    userId: string,
+    dto: UpdateAdminMemberProfileDto,
+  ): Promise<AdminMemberDetail> {
+    const existing = await this.prisma.user.findUnique({ where: { id: userId } })
+    if (!existing) {
+      throw new NotFoundException('User not found')
+    }
+
+    const phone = dto.phone === undefined
+      ? undefined
+      : (dto.phone?.trim() ? dto.phone.trim() : null)
+
+    await this.prisma.user.update({
+      where: { id: userId },
+      data: {
+        ...(dto.nickname !== undefined && { nickname: dto.nickname.trim() }),
+        ...(phone !== undefined && { phone }),
+      },
+    })
+
+    return this.getMemberDetail(userId)
+  }
+
   // ─── Membership management ────────────────────────────────────────────────
 
   async getUserMembership(userId: string) {
@@ -429,7 +598,15 @@ export class UserService {
       status,
     }
 
-    const existing = await this.prisma.membership.findFirst({ where: { userId } })
+    const existing = dto.membershipId
+      ? await this.prisma.membership.findFirst({
+          where: { id: dto.membershipId, userId },
+        })
+      : await this.prisma.membership.findFirst({ where: { userId } })
+
+    if (dto.membershipId && !existing) {
+      throw new NotFoundException('Membership not found')
+    }
 
     if (existing) {
       return this.prisma.membership.update({
@@ -445,9 +622,20 @@ export class UserService {
     })
   }
 
-  async deleteUserMembership(userId: string): Promise<void> {
-    await this.prisma.membership.updateMany({
-      where: { userId },
+  async deleteUserMembership(userId: string, membershipId: string): Promise<void> {
+    if (!membershipId) {
+      throw new BadRequestException('membershipId is required')
+    }
+
+    const existing = await this.prisma.membership.findFirst({
+      where: { id: membershipId, userId },
+    })
+    if (!existing) {
+      throw new NotFoundException('Membership not found')
+    }
+
+    await this.prisma.membership.update({
+      where: { id: existing.id },
       data: { status: MembershipStatus.EXPIRED },
     })
   }
diff --git a/packages/shared/src/index.ts b/packages/shared/src/index.ts
index dffa5af..992861e 100644
--- a/packages/shared/src/index.ts
+++ b/packages/shared/src/index.ts
@@ -57,6 +57,12 @@ export type {
   UserProfileResponse,
   UpdateProfileDto,
   UserStatsResponse,
+  AdminMemberActiveCardSummary,
+  AdminMemberSummary,
+  AdminMemberUpcomingBooking,
+  AdminMemberBookingStats,
+  AdminMemberDetail,
+  UpdateAdminMemberProfileDto,
   CardType,
   CreateCardTypeDto,
   UpdateCardTypeDto,
@@ -77,6 +83,7 @@ export type {
   TeachingScheduleSlot,
   BookingStatusHistory,
   CreateBookingDto,
+  AdminArrangeBookingDto,
   Order,
   OrderWithDetails,
   CreateOrderDto,
diff --git a/packages/shared/src/types/booking.ts b/packages/shared/src/types/booking.ts
index b3935e4..d3ba9bb 100644
--- a/packages/shared/src/types/booking.ts
+++ b/packages/shared/src/types/booking.ts
@@ -69,3 +69,13 @@ export interface CreateBookingDto {
   readonly timeSlotId: string
   readonly membershipId: string
 }
+
+export interface AdminArrangeBookingDto {
+  readonly userId: string
+  readonly membershipId: string
+  readonly timeSlotId?: string
+  readonly date?: string
+  readonly startTime?: string
+  readonly endTime?: string
+  readonly capacity?: number
+}
diff --git a/packages/shared/src/types/index.ts b/packages/shared/src/types/index.ts
index 095841e..8de15ea 100644
--- a/packages/shared/src/types/index.ts
+++ b/packages/shared/src/types/index.ts
@@ -1,4 +1,15 @@
-export type { User, UserProfileResponse, UpdateProfileDto, UserStatsResponse } from './user'
+export type {
+  User,
+  UserProfileResponse,
+  UpdateProfileDto,
+  UserStatsResponse,
+  AdminMemberActiveCardSummary,
+  AdminMemberSummary,
+  AdminMemberUpcomingBooking,
+  AdminMemberBookingStats,
+  AdminMemberDetail,
+  UpdateAdminMemberProfileDto,
+} from './user'
 export type {
   SubscriptionMessageRequestResult,
   SubscriptionMessageRequestItem,
@@ -19,6 +30,7 @@ export type {
   TeachingScheduleSlot,
   BookingStatusHistory,
   CreateBookingDto,
+  AdminArrangeBookingDto,
 } from './booking'
 export type { Order, OrderWithDetails, CreateOrderDto, PaymentParams, CreateOrderResponse } from './order'
 export type {
diff --git a/packages/shared/src/types/user.ts b/packages/shared/src/types/user.ts
index 260c9b1..f3f49ed 100644
--- a/packages/shared/src/types/user.ts
+++ b/packages/shared/src/types/user.ts
@@ -1,4 +1,5 @@
-import { UserRole } from '../enums'
+import { BookingStatus, CardTypeCategory, UserRole } from '../enums'
+import type { MembershipWithCardType } from './membership'
 import type { SubscriptionMessageTemplateConfig } from './subscription'
 
 export interface User {
@@ -9,6 +10,7 @@ export interface User {
   readonly nickname: string
   readonly avatarUrl: string | null
   readonly role: UserRole
+  readonly lastLoginAt: string | null
   readonly createdAt: string
   readonly updatedAt: string
 }
@@ -38,3 +40,58 @@ export interface UserStatsResponse {
   readonly monthDays: number
   readonly monthHours: number
 }
+
+export interface AdminMemberActiveCardSummary {
+  readonly name: string
+  readonly type: CardTypeCategory
+}
+
+export interface AdminMemberSummary {
+  readonly userId: string
+  readonly openid: string
+  readonly nickname: string
+  readonly phone: string | null
+  readonly avatarUrl: string | null
+  readonly createdAt: string
+  readonly lastLoginAt: string | null
+  readonly activeCard: AdminMemberActiveCardSummary | null
+  readonly totalBookings: number
+  readonly completedBookings: number
+  readonly cancelledBookings: number
+}
+
+export interface AdminMemberUpcomingBooking {
+  readonly id: string
+  readonly status: BookingStatus
+  readonly date: string
+  readonly startTime: string
+  readonly endTime: string
+  readonly cardName: string
+}
+
+export interface AdminMemberBookingStats {
+  readonly totalBookings: number
+  readonly completedBookings: number
+  readonly cancelledBookings: number
+  readonly noShowBookings: number
+}
+
+export interface AdminMemberDetail {
+  readonly user: {
+    readonly userId: string
+    readonly openid: string
+    readonly nickname: string
+    readonly phone: string | null
+    readonly avatarUrl: string | null
+    readonly createdAt: string
+    readonly lastLoginAt: string | null
+  }
+  readonly memberships: readonly MembershipWithCardType[]
+  readonly stats: AdminMemberBookingStats
+  readonly upcomingBookings: readonly AdminMemberUpcomingBooking[]
+}
+
+export interface UpdateAdminMemberProfileDto {
+  readonly nickname?: string
+  readonly phone?: string | null
+}