diff --git a/miniprogram/src/app.config.js b/miniprogram/src/app.config.js
index 67137bf..4a00ab4 100644
--- a/miniprogram/src/app.config.js
+++ b/miniprogram/src/app.config.js
@@ -22,7 +22,24 @@ export default {
     'pages/my-park/index',
     'pages/my-cert/index',
     'pages/compute/index',
-    'pages/pay/index'
+    'pages/pay/index',
+    'pages/ops-dashboard/index',
+    'pages/ops-parks/index',
+    'pages/ops-content/index',
+    'pages/ops-tasks/index',
+    'pages/ops-users/index',
+    'pages/ops-companies/index',
+    'pages/park-companies/index',
+    'pages/park-transfers/index',
+    'pages/ent-company/index',
+    'pages/ent-members/index',
+    'pages/event-edit/index',
+    'pages/my-events/index',
+    'pages/pay-qr/index',
+    'pages/park-screens/index',
+    'pages/park-tasks/index',
+    'pages/park-screen-ctl/index',
+    'pages/park-users/index'
   ],
   window: {
     backgroundTextStyle: 'light',
diff --git a/miniprogram/src/app.scss b/miniprogram/src/app.scss
index 79723de..451d053 100644
--- a/miniprogram/src/app.scss
+++ b/miniprogram/src/app.scss
@@ -417,21 +417,12 @@ page { -ms-overflow-style: none; scrollbar-width: none; }
 }
 .page-navbar-col { display: flex; flex-direction: column; }
 .page-navbar-no { font-family: 'BubbledotICG', monospace; color: #a3abc9; font-size: 26rpx; letter-spacing: 2rpx; line-height: 1.15; }
+/* 类别标签行：返回按钮在类别标签左侧，与标签文字同大小同颜色（沉浸式导航下唯一返回入口） */
+.page-navbar-norow { display: flex; align-items: center; gap: 10rpx; line-height: 1.15; }
+.page-navbar-back-hit { display: flex; align-items: center; padding: 8rpx; margin: -8rpx 0 -8rpx -8rpx; } /* 扩大点击热区，视觉不变 */
+.page-navbar-back-ic { width: 26rpx; height: 26rpx; background: #a3abc9; }
+.page-navbar-back-hit.pressed { opacity: 0.65; }
 .page-navbar-titlerow { display: flex; align-items: center; gap: 16rpx; line-height: 1.15; }
-/* 标题区返回按钮：玻璃圆形 + 线性箭头（沉浸式导航下唯一返回入口） */
-.page-navbar-back {
-  width: 56rpx; height: 56rpx; border-radius: 50%;
-  display: flex; align-items: center; justify-content: center;
-  background: rgba(255, 255, 255, 0.55);
-  backdrop-filter: blur(20rpx) saturate(160%);
-  -webkit-backdrop-filter: blur(20rpx) saturate(160%);
-  border: 1px solid rgba(99, 132, 255, 0.22);
-  color: #5a6aa3;
-  box-shadow: 0 4rpx 14rpx rgba(59, 79, 125, 0.10);
-  flex-shrink: 0;
-}
-.page-navbar-back .ic { width: 30rpx; height: 30rpx; }
-.page-navbar-back.pressed { opacity: 0.65; }
 .page-navbar-title {
   font-size: 40rpx; font-weight: 800; letter-spacing: -0.5rpx; line-height: 1.15;
   background: linear-gradient(120deg, #8fc3ff 0%, #a8a0ff 45%, #e0a0ff 80%, #7fe0ff 100%);
diff --git a/miniprogram/src/assets/huodong-square.png b/miniprogram/src/assets/huodong-square.png
new file mode 100644
index 0000000..0f2cbd7
Binary files /dev/null and b/miniprogram/src/assets/huodong-square.png differ
diff --git a/miniprogram/src/assets/huodong-wide.png b/miniprogram/src/assets/huodong-wide.png
new file mode 100644
index 0000000..7221630
Binary files /dev/null and b/miniprogram/src/assets/huodong-wide.png differ
diff --git a/miniprogram/src/components/TopInset.jsx b/miniprogram/src/components/TopInset.jsx
index 4bdda3b..d2c7328 100644
--- a/miniprogram/src/components/TopInset.jsx
+++ b/miniprogram/src/components/TopInset.jsx
@@ -54,13 +54,17 @@ export function PageHeader({ no, title, en, sub, back }) {
     <>
       <View className="page-navbar" style={{ paddingTop: `${topPad}px` }}>
         <View className="page-navbar-col">
-          {no ? <Text className="page-navbar-no">{no}</Text> : null}
+          {no || back ? (
+            <View className="page-navbar-norow">
+              {back ? (
+                <View className="page-navbar-back-hit" hoverClass="pressed" onClick={goBack}>
+                  <Text className="page-navbar-back-ic ic ic-arrow-left" aria-hidden />
+                </View>
+              ) : null}
+              {no ? <Text className="page-navbar-no">{no}</Text> : null}
+            </View>
+          ) : null}
           <View className="page-navbar-titlerow">
-            {back ? (
-              <View className="page-navbar-back" hoverClass="pressed" onClick={goBack}>
-                <Text className="ic ic-arrow-left" aria-hidden />
-              </View>
-            ) : null}
             <Text className="page-navbar-title">{title}</Text>
             {sub ? <Text className="page-navbar-sub">{sub}</Text> : null}
           </View>
diff --git a/miniprogram/src/pages/booking/index.jsx b/miniprogram/src/pages/booking/index.jsx
index 4291c2c..c59c3cf 100644
--- a/miniprogram/src/pages/booking/index.jsx
+++ b/miniprogram/src/pages/booking/index.jsx
@@ -1,21 +1,28 @@
 import { View, Text, Button, Image } from '@tarojs/components';
 import Taro from '@tarojs/taro';
 import { useState, useEffect } from 'react';
-import { getBookableEvents, fmtEvt } from '@/utils/booking';
+import { getBookableEvents, fmtEvt, priceText } from '@/utils/booking';
 import { cachedRequest } from '@/utils/api';
 import { useTabIndex } from '@/utils/tab';
 import Skeleton from '@/components/skeleton';
 import CountdownBox from '@/components/CountdownBox';
 import './index.scss';
 import { PageHeader } from '@/components/TopInset';
+import coverWide from '@/assets/huodong-wide.png';
 
+/* 类型筛选（活动体系：全部 + 六大类型；线下/线上按 mode） */
 const FILTERS = [
   { key: 'all', label: '全部' },
-  { key: 'free', label: '公益课' },
-  { key: 'salon', label: '沙龙' },
+  { key: '峰会', label: '峰会' },
+  { key: '竞赛', label: '竞赛' },
+  { key: '沙龙', label: '沙龙' },
+  { key: '培训', label: '培训' },
+  { key: '展会', label: '展会' },
+  { key: '投融资', label: '投融资' },
   { key: 'offline', label: '线下' },
   { key: 'online', label: '线上' }
 ];
+const MODE_TEXT = { online: '线上', offline: '线下', both: '线上/线下' };
 
 /* 标签配色：按 type/mode */
 const tagCls = (e) => (e.type === 'salon' ? ' alt' : '');
@@ -56,30 +63,26 @@ export default function Booking() {
   const nextTime = next && (next.startAt || next.start_at);
   const nextTitle = next && next.title;
 
-  /* 筛选 */
+  /* 筛选：类型（category）优先，线下/线上按模式 */
   const filtered = events.filter((e) => {
-    if (filter === 'free') return e.type === 'free';
-    if (filter === 'salon') return e.type === 'salon';
     if (filter === 'offline') return e.mode !== 'online';
     if (filter === 'online') return e.mode === 'online';
-    return true;
+    if (filter === 'all') return true;
+    return (e.category || '') === filter;
   });
 
   /* 单张海报卡片（双列） */
   const renderCard = (e) => (
     <View className="cell" key={e.id} onClick={() => goDetail(e.id)}>
       <View className="cell-poster">
-        {e.image ? (
-          <Image className="cell-img" src={e.image} mode="aspectFill" />
-        ) : (
-          <View className={`cell-img ph${e.type === 'salon' ? ' salon' : ''}`}>
-            <Text className="cell-ph-tag">{e.type === 'salon' ? '沙龙' : '公益课'}</Text>
-            <Text className="cell-ph-t">{e.title}</Text>
-          </View>
-        )}
+        <Image className="cell-img" src={e.image || coverWide} mode="aspectFill"
+          onError={() => {}} />
         <View className="cell-tags">
-          <Text className={`ev-tag${tagCls(e)}`}>{e.type === 'salon' ? '沙龙' : '公益课'}</Text>
-          <Text className={`ev-tag mode${modeCls(e)}`}>{e.mode === 'online' ? '线上' : '线下'}</Text>
+          {e.category
+            ? <Text className={`ev-tag${tagCls(e)}`}>{e.category}</Text>
+            : <Text className={`ev-tag${tagCls(e)}`}>{e.type === 'salon' ? '沙龙' : '公益课'}</Text>}
+          <Text className={`ev-tag mode${modeCls(e)}`}>{MODE_TEXT[e.mode] || '线下'}</Text>
+          {e.region && e.region !== '其他' ? <Text className="ev-tag">{e.region}</Text> : null}
         </View>
       </View>
       <View className="cell-body">
@@ -91,7 +94,7 @@ export default function Booking() {
           <Text className="cell-cap">名额 {e.enrolled || 0} / {e.capacity}</Text>
         )}
         <View className="cell-foot">
-          <Text className="cell-price">免费</Text>
+          <Text className={`cell-price${parseInt(e.priceFen || 0, 10) > 0 ? ' paid' : ''}`}>{priceText(e.priceFen)}</Text>
           <Text className={`cell-status${statusCls(e.status)}`}>{STATUS_TEXT[e.status] || '报名中'}</Text>
         </View>
       </View>
diff --git a/miniprogram/src/pages/booking/index.scss b/miniprogram/src/pages/booking/index.scss
index ba4a957..03d8c47 100644
--- a/miniprogram/src/pages/booking/index.scss
+++ b/miniprogram/src/pages/booking/index.scss
@@ -16,8 +16,12 @@
 /* 筛选 tab（吸顶：实心背景，滚动时下方卡片不透过，无顶部间隙） */
 .ev-tabs {
   display: flex;
+  flex-wrap: nowrap;           /* 单行横滑，绝不换行 */
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
   gap: 16rpx;
-  padding: 16rpx 8rpx;
+  padding: 16rpx 16rpx;
   margin-top: 0;
   position: sticky;
   top: 0;                      /* 运行时由内联 style 覆盖为标题区实测高度 */
@@ -39,6 +43,8 @@
 }
 .ev-tab {
   font-size: 26rpx; color: #8a94c0; padding: 10rpx 30rpx;
+  white-space: nowrap;         /* 文字绝不允许换行显示 */
+  flex-shrink: 0;              /* 超出一行时横向滚动而非压缩换行 */
   border-radius: 999px; border: 1rpx solid rgba(99,132,255,0.14);
   background: rgba(255,255,255,0.72); backdrop-filter: blur(8px);
 }
@@ -100,6 +106,7 @@
 .cell-cap { display: block; font-size: 21rpx; color: #a8c4ff; margin-top: 6rpx; line-height: 1.5; }
 .cell-foot { display: flex; align-items: center; justify-content: space-between; margin-top: 12rpx; }
 .cell-price { display: inline-block; font-size: 24rpx; font-weight: 700; color: #3fb68b; }
+.cell-price.paid { color: #e8830c; }
 .cell-status { font-size: 20rpx; padding: 4rpx 16rpx; border-radius: 999px; color: #3fb68b; background: rgba(63,182,139,0.14); border: 1rpx solid rgba(63,182,139,0.4); }
 .cell-status.full { color: #f5c451; background: rgba(245,196,81,0.12); border-color: rgba(245,196,81,0.4); }
 .cell-status.done { color: #9aa4c6; background: rgba(154,164,198,0.12); border-color: rgba(154,164,198,0.3); }
diff --git a/miniprogram/src/pages/content-detail/index.jsx b/miniprogram/src/pages/content-detail/index.jsx
index 4d341dc..860cb6f 100644
--- a/miniprogram/src/pages/content-detail/index.jsx
+++ b/miniprogram/src/pages/content-detail/index.jsx
@@ -4,6 +4,7 @@ import { useState, useEffect } from 'react';
 import { getContent, getComments, addComment, toggleLike, reportShare } from '@/utils/content';
 import { isAuthed } from '@/utils/auth';
 import './index.scss';
+import coverWide from '@/assets/huodong-wide.png';
 
 const rw = (s) => (s || '').replace('T', ' ').replace('Z', '').slice(0, 16);
 
@@ -133,8 +134,8 @@ const pubBadge = badgeOf(item);
       {!isSmall && (item.video
         ? <Video className="cd-video" src={item.video} poster={item.video_cover || item.cover || ''} controls />
         : img
-          ? <Image className="cd-cover" src={img} mode="aspectFill" />
-          : null)}
+          ? <Image className="cd-cover" src={img || coverWide} mode="aspectFill" onError={() => {}} />
+          : <Image className="cd-cover" src={coverWide} mode="aspectFill" />)}
 
       {/* 标题 + 元信息 */}
       <Text className="cd-title">{item.title}</Text>
diff --git a/miniprogram/src/pages/content/index.jsx b/miniprogram/src/pages/content/index.jsx
index 35dd6b1..fbd70ac 100644
--- a/miniprogram/src/pages/content/index.jsx
+++ b/miniprogram/src/pages/content/index.jsx
@@ -4,6 +4,8 @@ import { useState, useEffect } from 'react';
 import { listContent, CONTENT_CATS } from '@/utils/content';
 import { useTabIndex } from '@/utils/tab';
 import Skeleton from '@/components/skeleton';
+import coverWide from '@/assets/huodong-wide.png';
+import coverSquare from '@/assets/huodong-square.png';
 import './index.scss';
 import { PageHeader } from '@/components/TopInset';
 
@@ -39,11 +41,7 @@ function CardRow({ it, go }) {
   const img = it.cover_small || it.cover || (it.video ? it.video_cover : '');
   return (
     <View className={`ct-row ct-row--in`} onClick={() => go(it.id)}>
-      {img
-        ? <Image className="ct-thumb" src={img} mode="aspectFill" />
-        : <View className="ct-thumb" style={{ background: `linear-gradient(135deg, ${m.from}, ${m.to})` }}>
-            <Text className="ct-thumb-char">{m.label[0]}</Text>
-          </View>}
+      <Image className="ct-thumb" src={img || coverSquare} mode="aspectFill" onError={() => {}} />
       <View className="ct-row-bd">
         <Text className="ct-tag" style={{ color: m.from }}>{m.label}</Text>
         <Text className="ct-row-title">{it.title}</Text>
@@ -64,8 +62,8 @@ function CardBig({ it, go }) {
   const img = it.cover || (it.video ? it.video_cover : '');
   return (
     <View className="ct-card">
-      <View className="ct-cover" style={img ? undefined : { background: `linear-gradient(135deg, ${m.from}, ${m.to})` }} onClick={() => go(it.id)}>
-        {img ? <Image className="ct-cover-img" src={img} mode="aspectFill" /> : <Text className="ct-thumb-char">{m.label[0]}</Text>}
+      <View className="ct-cover" onClick={() => go(it.id)}>
+        <Image className="ct-cover-img" src={img || coverWide} mode="aspectFill" onError={() => {}} />
         {it.video && <View className="ct-play"><View className="ic ic-play" /></View>}
       </View>
       <View className="ct-card-bd">
diff --git a/miniprogram/src/pages/event-detail/index.jsx b/miniprogram/src/pages/event-detail/index.jsx
index f570846..6820e7d 100644
--- a/miniprogram/src/pages/event-detail/index.jsx
+++ b/miniprogram/src/pages/event-detail/index.jsx
@@ -1,9 +1,22 @@
-import { View, Text, Input, Picker, Button, Image } from '@tarojs/components';
+import { View, Text, Input, Picker, Button, Image, RichText } from '@tarojs/components';
 import Taro from '@tarojs/taro';
 import { useState, useEffect } from 'react';
 import { useRouter } from '@tarojs/taro';
-import { getEventDetail, submitBooking, getMyBookingForEvent, fmtEvt } from '@/utils/booking';
+import { getEventDetail, submitBooking, getMyBookingForEvent, fmtEvt, payBooking, bookingPayStatus, requestWxPay, priceText } from '@/utils/booking';
+
+/* rich-text 子树不吃外部 CSS：传入前对 HTML 内联约束，杜绝图片/表格横向溢出 */
+const sanitizeRichHtml = (html) => String(html || '')
+  .replace(/<img([^>]*)>/gi, (m, attrs) => {
+    const clean = attrs.replace(/\swidth\s*=\s*"[^"]*"/i, '').replace(/\sheight\s*=\s*"[^"]*"/i, '').replace(/\sstyle\s*=\s*"[^"]*"/i, '');
+    return `<img${clean} style="max-width:100%;width:auto;height:auto;display:block;border-radius:12rpx;">`;
+  })
+  .replace(/<table([^>]*)>/gi, '<table$1 style="max-width:100%;table-layout:fixed;">')
+  .replace(/<video([^>]*)>/gi, (m, attrs) => {
+    const clean = attrs.replace(/\swidth\s*=\s*"[^"]*"/i, '').replace(/\sheight\s*=\s*"[^"]*"/i, '');
+    return `<video${clean} style="max-width:100%;height:auto;">`;
+  });
 import { isAuthed, getUser, wxLogin, wxPhoneBind, phoneLogin, bindPhone, sendCode } from '@/utils/auth';
+import coverWide from '@/assets/huodong-wide.png';
 import Skeleton from '@/components/skeleton';
 import './index.scss';
 
@@ -21,6 +34,14 @@ const AUDIT_META = {
   approved: { text: '已通过', color: '#3fb68b' },
   rejected: { text: '未通过', color: '#f07575' }
 };
+/* 我的报名展示状态：付费未支付 = 未支付（勿与审核中混淆）；已取消 */
+const myBookPhase = (mb) => {
+  if (!mb) return null;
+  const status = mb.status || '';
+  if (status === 'cancelled') return { text: '已取消', color: '#9aa4c6' };
+  if ((mb.payStatus || mb.pay_status || '') === 'unpaid' && mb.auditStatus !== 'approved') return { text: '未支付', color: '#e8830c' };
+  return AUDIT_META[mb.auditStatus] || null;
+};
 
 export default function EventDetail() {
   const router = useRouter();
@@ -33,6 +54,8 @@ export default function EventDetail() {
   const [question, setQuestion] = useState(''); // 每场活动的选填问题
   const [busy, setBusy] = useState(false);
   const [done, setDone] = useState(null);
+  const [paid, setPaid] = useState(false);      // 付费活动：支付完成
+  const [payErr, setPayErr] = useState('');     // 待支付提示（取消支付等）
 
   /* 登录态 & 我的报名状态：登录/绑号后需重渲染，故用 state 而非渲染期一次性读取 */
   const [myBook, setMyBook] = useState(null); // {booked, auditStatus, checkinAt}
@@ -116,18 +139,63 @@ export default function EventDetail() {
 
   const submit = async () => {
     setErr('');
+    setPayErr('');
     setBusy(true);
     try {
       // 姓名/状态/主题/来源 已在个人中心设置好，报名仅带 eventId + 本场选填问题
       const payload = { question, eventId: ev.id, eventTitle: ev.title, eventStart: ev.startAt };
       const r = await submitBooking(payload);
-      setDone(r);
+      if (r && r.payRequired) {
+        // 付费活动：报名单已建（待支付），继续走 JSAPI 支付
+        await payFor(r.id, r.priceFen);
+      } else {
+        setDone(r);
+      }
       // 刷新我的报名状态
       getMyBookingForEvent(ev.id).then((d) => setMyBook(d || null)).catch(() => {});
     } catch (e) { setErr((e && e.message) || '报名失败，请稍后重试'); }
     finally { setBusy(false); }
   };
 
+  /* 付费活动支付：下单 → requestPayment → 轮询到账；取消支付则停留在待支付态可重试 */
+  const payFor = async (bookingId, priceFen) => {
+    const r = await payBooking(bookingId);
+    if (r && r.paid) { setPaid(true); setDone({ id: bookingId }); return; }
+    try {
+      await requestWxPay(r.payParams);
+    } catch (e) {
+      const m = (e && e.errMsg) || '';
+      setPayErr(m.indexOf('cancel') >= 0 ? '已取消支付，报名暂未确认，可稍后继续支付' : '支付失败，请稍后重试');
+      return;
+    }
+    // 支付成功：轮询后端到账（回调/对账兜底）后进入成功页
+    await new Promise((resolve) => {
+      let tries = 0;
+      const timer = setInterval(async () => {
+        tries += 1;
+        if (tries > 40) { clearInterval(timer); resolve(); return; }
+        try {
+          const st = await bookingPayStatus(bookingId);
+          if (st.paid) { clearInterval(timer); resolve(); }
+        } catch { /* 忽略瞬时错误 */ }
+      }, 1500);
+    });
+    setPaid(true);
+    setDone({ id: bookingId });
+  };
+
+  /* 已报名但未支付：继续支付（复用未过期订单） */
+  const continuePay = async () => {
+    if (!myBook || !myBook.id) return;
+    setBusy(true);
+    setPayErr('');
+    try {
+      await payFor(myBook.id, ev.priceFen);
+      getMyBookingForEvent(ev.id).then((d) => setMyBook(d || null)).catch(() => {});
+    } catch (e) { setPayErr((e && e.message) || '发起支付失败'); }
+    finally { setBusy(false); }
+  };
+
   if (loading) return (
     <View className="ed page-in">
       <Skeleton.Box h={300} />
@@ -141,12 +209,15 @@ export default function EventDetail() {
     return (
       <View className="ed page-in">
         <View className="ok-icon" />
-        <Text className="ok-title">报名成功</Text>
+        <Text className="ok-title">{paid ? '报名成功' : '报名成功'}</Text>
+        {paid && ev.priceFen > 0 && <Text className="ok-desc">已支付 {priceText(ev.priceFen)}</Text>}
         <Text className="ok-desc">场次：{ev.title}</Text>
         <Text className="ok-desc">时间：{fmtEvt(ev.startAt)}</Text>
         <Text className="ok-desc">{ev.mode === 'online' ? `线上 · ${ev.location}` : `线下 · ${ev.location}`}</Text>
         <Text className="ok-desc">预约编号：{done.id}</Text>
-        <Text className="ok-desc">已用账号报名成功，活动前我们会短信提醒。</Text>
+        <Text className="ok-desc">
+          {ev.auditMode === 'manual' ? '报名已提交，工作人员审核后会与你确认。' : '已用账号报名成功，活动前我们会短信提醒。'}
+        </Text>
         <Button className="btn-ghost" onClick={() => Taro.switchTab({ url: '/pages/booking/index' })}>返回活动</Button>
       </View>
     );
@@ -156,14 +227,8 @@ export default function EventDetail() {
     <View className="ed">
       {/* 宣传图 / 头图 */}
       <View className="ed-hero">
-        {ev.image ? (
-          <Image className="ed-img" src={ev.image} mode="aspectFill" />
-        ) : (
-          <View className="ed-img placeholder">
-            <Text className="ed-img-tag">{ev.type === 'salon' ? '沙龙' : '公益课'} · {ev.mode === 'online' ? '线上' : '线下'}</Text>
-            <Text className="ed-img-title">{ev.title}</Text>
-          </View>
-        )}
+        <Image className="ed-img" src={ev.image || coverWide} mode="aspectFill"
+          onError={(e) => { try { e.currentTarget.src = coverWide; } catch { /* ignore */ } }} />
         <View className="ed-hero-tags">
           <Text className={`ed-tag${ev.type === 'salon' ? ' alt' : ''}`}>{ev.type === 'salon' ? '沙龙' : '公益课'}</Text>
           <Text className="ed-tag mode">{ev.mode === 'online' ? '线上' : '线下'}</Text>
@@ -179,6 +244,7 @@ export default function EventDetail() {
 
         <View className="ed-info">
           <View className="ed-line"><Text className="ed-k">时间</Text><Text className="ed-v">{fmtEvt(ev.startAt)}</Text></View>
+          <View className="ed-line"><Text className="ed-k">费用</Text><Text className="ed-v ed-price">{priceText(ev.priceFen)}</Text></View>
           <View className="ed-line"><Text className="ed-k">{ev.mode === 'online' ? '入口' : '地点'}</Text><Text className="ed-v">{ev.location}</Text></View>
           {ev.host && <View className="ed-line"><Text className="ed-k">主办</Text><Text className="ed-v">{ev.host}</Text></View>}
           {ev.showCapacity && ev.capacity > 0 && (
@@ -186,26 +252,62 @@ export default function EventDetail() {
           )}
         </View>
 
-        {ev.desc && <View className="ed-desc"><Text className="ed-k">内容简介</Text><Text className="ed-desc-text">{ev.desc}</Text></View>}
+        {ev.notice && (
+          <View className="ed-notice">
+            <Text className="ed-notice-k">注意事项</Text>
+            <Text className="ed-notice-body">{ev.notice}</Text>
+          </View>
+        )}
+        {(ev.body || ev.desc) && (
+          <View className="ed-desc">
+            <Text className="ed-k">活动介绍</Text>
+            {ev.body
+              ? <RichText className="ed-rich" nodes={sanitizeRichHtml(ev.body)} />
+              : <Text className="ed-desc-text">{ev.desc}</Text>}
+          </View>
+        )}
       </View>
 
+      {/* 外链报名：隐藏站内报名，跳转外部 */}
+      {ev.signupMode === 'external' && ev.externalUrl && (
+        <View className="ed-form">
+          <Button
+            className="btn-primary ed-submit"
+            onClick={() => Taro.setClipboardData({
+              data: ev.externalUrl,
+              success: () => Taro.showToast({ title: '报名链接已复制，请在浏览器打开', icon: 'none' })
+            })}
+          >复制报名链接，前往外部报名</Button>
+        </View>
+      )}
+
       {/* 报名区 */}
+      {ev.signupMode !== 'external' && (
       <View className="ed-form">
         {myBook && myBook.booked ? (
           /* 已报名：显示我的报名状态 */
           <View>
             <Text className="ed-form-title">我的报名</Text>
             <View className="mybook-card">
-              <Text className="mybook-status" style={{ color: (AUDIT_META[myBook.auditStatus] || { color: '#fff' }).color }}>
-                {(AUDIT_META[myBook.auditStatus] || { text: myBook.auditStatus }).text}
-              </Text>
+              <View className="mybook-row">
+                <Text className="mybook-status" style={{ color: (myBookPhase(myBook) || { color: '#fff' }).color }}>
+                  {(myBookPhase(myBook) || { text: myBook.auditStatus }).text}
+                </Text>
+                {myBook.payStatus === 'unpaid' && <Text className="mybook-pay unpaid">待支付 {priceText(ev.priceFen)}</Text>}
+                {myBook.payStatus === 'paid' && <Text className="mybook-pay paid">已支付</Text>}
+              </View>
               <Text className="mybook-tip">
                 {myBook.auditStatus === 'approved'
                   ? (myBook.checkinAt ? '已签到，感谢参与！' : '报名已通过，请按场次时间到场 / 进入直播。')
-                  : myBook.auditStatus === 'pending'
-                    ? '报名已提交，工作人员审核后会与你确认。'
-                    : '报名未通过，如有疑问请联系我们。'}
+                  : myBook.auditStatus === 'pending' && myBook.payStatus === 'unpaid'
+                    ? '报名已提交，完成支付后进入确认流程。'
+                    : myBook.auditStatus === 'pending'
+                      ? '报名已提交，工作人员审核后会与你确认。'
+                      : '报名未通过，如有疑问请联系我们。'}
               </Text>
+              {myBook.payStatus === 'unpaid' && (
+                <Button className="btn-main mybook-paybtn" loading={busy} onClick={continuePay}>继续支付 {priceText(ev.priceFen)}</Button>
+              )}
             </View>
             <Button className="btn-ghost" onClick={() => Taro.switchTab({ url: '/pages/booking/index' })}>查看我的报名 →</Button>
           </View>
@@ -278,12 +380,13 @@ export default function EventDetail() {
               <Button className="btn-main submit" loading={busy} disabled={ev.status !== 'open'} onClick={submit}>
                 {ev.status !== 'open'
                   ? (STATUS_META[ev.status] || { text: '暂不可报名' }).text
-                  : (busy ? '提交中…' : '提交报名')}
+                  : (busy ? '提交中…' : ev.priceFen > 0 ? `报名并支付 ${priceText(ev.priceFen)}` : '提交报名')}
               </Button>
             )}
           </View>
         )}
       </View>
+      )}
     </View>
   );
 }
diff --git a/miniprogram/src/pages/event-detail/index.scss b/miniprogram/src/pages/event-detail/index.scss
index 614cc86..cf9c6b8 100644
--- a/miniprogram/src/pages/event-detail/index.scss
+++ b/miniprogram/src/pages/event-detail/index.scss
@@ -90,3 +90,54 @@
   display: block; font-size: 22rpx; color: #f5c451; margin-bottom: 8rpx; line-height: 1.5;
 }
 .ed-form .btn-ghost { margin-top: 8rpx; }
+
+/* 付费活动 */
+.ed-price { color: #e8830c; font-weight: 700; }
+.mybook-row { display: flex; align-items: center; gap: 16rpx; }
+.mybook-pay { font-size: 22rpx; padding: 4rpx 16rpx; border-radius: 999px; }
+.mybook-pay.unpaid { color: #f07575; background: rgba(240, 117, 117, 0.12); }
+.mybook-pay.paid { color: #3fb68b; background: rgba(63, 182, 139, 0.12); }
+.mybook-paybtn { margin-top: 14rpx; }
+
+/* 富文本活动介绍：严格约束在容器内，杜绝横向溢出 */
+.ed-rich {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  overflow: hidden;
+  word-break: break-word;
+  overflow-wrap: anywhere;
+  font-size: 26rpx;
+  color: #4a5580;
+  line-height: 1.8;
+}
+/* rich-text 内部节点穿透：小程序 rich-text 不支持伪类，但节点样式可由外层约束 */
+.ed-rich img,
+.ed-rich image,
+.ed-rich table,
+.ed-rich video {
+  max-width: 100% !important;
+  width: auto !important;
+  height: auto !important;
+  display: block;
+  border-radius: 12rpx;
+}
+.ed-rich table {
+  display: block;
+  overflow-x: auto;
+}
+.ed-rich pre {
+  white-space: pre-wrap;
+  overflow-x: auto;
+}
+
+/* 注意事项（与时间/地点/人数一并展示） */
+.ed-notice {
+  margin-top: 20rpx;
+  padding: 18rpx 22rpx;
+  border-radius: 16rpx;
+  background: rgba(232, 131, 12, 0.08);
+  border: 1rpx solid rgba(232, 131, 12, 0.25);
+}
+.ed-notice-k { display: block; font-size: 24rpx; font-weight: 700; color: #d9740c; margin-bottom: 8rpx; }
+.ed-notice-body { font-size: 24rpx; color: #4a5580; line-height: 1.7; }
diff --git a/miniprogram/src/pages/event-edit/index.config.js b/miniprogram/src/pages/event-edit/index.config.js
new file mode 100644
index 0000000..a4049ce
--- /dev/null
+++ b/miniprogram/src/pages/event-edit/index.config.js
@@ -0,0 +1 @@
+export default { navigationStyle: 'custom' };
diff --git a/miniprogram/src/pages/event-edit/index.jsx b/miniprogram/src/pages/event-edit/index.jsx
new file mode 100644
index 0000000..cd7b001
--- /dev/null
+++ b/miniprogram/src/pages/event-edit/index.jsx
@@ -0,0 +1,230 @@
+import { View, Text, Input, Textarea, Button, Image } from '@tarojs/components';
+import Taro from '@tarojs/taro';
+import { useState } from 'react';
+import { getMyTenant } from '@/utils/admin';
+import { createEvent, updateEvent, EVENT_CATEGORIES, EVENT_REGIONS } from '@/utils/booking';
+import { PageHeader } from '@/components/TopInset';
+import { API_BASE } from '@/utils/api';
+import './index.scss';
+
+const MODES = [
+  { key: 'offline', label: '线下' },
+  { key: 'online', label: '线上' },
+  { key: 'both', label: '线上/线下' }
+];
+
+/** 发布/编辑活动（所有登录账号）：封面+全量字段，提交后进入审核。 */
+export default function EventEdit() {
+  const [editId, setEditId] = useState('');
+  const [title, setTitle] = useState('');
+  const [subtitle, setSubtitle] = useState('');
+  const [category, setCategory] = useState('');
+  const [region, setRegion] = useState('昆明');
+  const [mode, setMode] = useState('offline');
+  const [capacity, setCapacity] = useState('');
+  const [location, setLocation] = useState('');
+  const [checkinAt, setCheckinAt] = useState('');
+  const [startAt, setStartAt] = useState('');
+  const [endAt, setEndAt] = useState('');
+  const [priceYuan, setPriceYuan] = useState('0');
+  const [host, setHost] = useState('');
+  const [signupMode, setSignupMode] = useState('mini');
+  const [externalUrl, setExternalUrl] = useState('');
+  const [scope, setScope] = useState('public');
+  const [targetTenantId, setTargetTenantId] = useState('');
+  const [tenants, setTenants] = useState([]);
+  const [desc, setDesc] = useState('');
+  const [notice, setNotice] = useState('');
+  const [cover, setCover] = useState('');
+  const [saving, setSaving] = useState(false);
+  const [err, setErr] = useState('');
+
+  // 编辑态（从我的活动跳入 ?id=）
+  useState(() => {
+    const id = Taro.getCurrentInstance()?.router?.params?.id || '';
+    if (!id) return;
+    setEditId(id);
+    import('@/utils/booking').then(({ getEventDetail }) => {
+      getEventDetail(id).then((r) => {
+        const e = (r && r.event) || {};
+        setTitle(e.title || ''); setSubtitle(e.subtitle || '');
+        setCategory(e.category || ''); setRegion(e.region || '昆明'); setMode(e.mode || 'offline');
+        setCapacity(e.capacity > 0 ? String(e.capacity) : '');
+        setLocation(e.location || ''); setHost(e.host || '');
+        setCheckinAt((e.checkinAt || '').slice(0, 16)); setStartAt((e.startAt || '').slice(0, 16)); setEndAt((e.endAt || '').slice(0, 16));
+        setPriceYuan(String((e.priceFen || 0) / 100));
+        setSignupMode(e.signupMode || 'mini'); setExternalUrl(e.externalUrl || '');
+        setScope(e.scope || 'public'); setTargetTenantId(e.targetTenantId || '');
+        setDesc(e.desc || ''); setCover(e.image || ''); setNotice(e.notice || '');
+      }).catch((e) => setErr(e.message || '加载失败'));
+    });
+  }, []);
+
+  useState(() => { getMyTenant().then((t) => setTenants(t ? [t] : [])).catch(() => {}); }, []);
+
+  const pickCover = () => {
+    Taro.chooseImage({ count: 1 }).then((r) => {
+      const filePath = r.tempFilePaths[0];
+      const token = Taro.getStorageSync('pine_token') || '';
+      Taro.uploadFile({
+        url: `${API_BASE}/api/upload`,
+        filePath, name: 'file',
+        formData: { dir: 'event' },
+        header: { Authorization: `Bearer ${token}` }
+      }).then((up) => {
+        try {
+          const d = JSON.parse(up.data || '{}');
+          setCover(d.url || d.path || '');
+        } catch { setErr('封面上传失败'); }
+      }).catch(() => setErr('封面上传失败'));
+    }).catch(() => {});
+  };
+
+  const buildBody = () => ({
+    title: title.trim(),
+    subtitle, category, region, mode,
+    image: cover,
+    capacity: capacity === '' ? 0 : Math.max(0, Number(capacity) || 0),
+    showCapacity: capacity !== '',
+    location: location.trim(),
+    checkinAt, startAt, endAt,
+    priceYuan: Number(priceYuan) || 0,
+    host: host.trim(),
+    signupMode, externalUrl: externalUrl.trim(),
+    scope, targetTenantId,
+    desc, notice
+  });
+
+  const submit = async (submitMode) => {
+    setErr('');
+    if (!title.trim() || !startAt || !endAt) { setErr('请填写活动名称、开始/结束时间'); return; }
+    if (!category) { setErr('请选择活动类型'); return; }
+    if (signupMode === 'external' && !externalUrl.trim()) { setErr('外链报名须填写报名链接'); return; }
+    if (scope === 'park' && !targetTenantId) { setErr('本园区活动须选择目标园区'); return; }
+    setSaving(true);
+    try {
+      if (editId) await updateEvent(editId, { ...buildBody(), submit: submitMode });
+      else await createEvent({ ...buildBody(), submit: submitMode });
+      Taro.showToast({ title: submitMode === 'pending' ? '已提交审核' : '已存草稿', icon: 'success' });
+      setTimeout(() => Taro.redirectTo({ url: '/pages/my-events/index' }), 800);
+    } catch (e) { setErr((e && e.message) || '提交失败'); }
+    finally { setSaving(false); }
+  };
+
+  return (
+    <View className="page-in">
+      <PageHeader no="EV" title={editId ? '编辑活动' : '发布活动'} en="EVENT" back />
+      <View className="adm-wrap">
+        <View className="card adm-form">
+          <View className="adm-field">
+            <Text className="adm-label">活动封面（3.35:1）</Text>
+            {cover ? <Image className="adm-cover" src={cover} mode="aspectFill" onClick={pickCover} /> : (
+              <Button className="btn-ghost adm-actbtn" onClick={pickCover}>+ 上传封面</Button>
+            )}
+          </View>
+          <View className="adm-field">
+            <Text className="adm-label">活动名称 *</Text>
+            <Input className="input" placeholder="活动主题" value={title} onInput={(e) => setTitle(e.detail.value)} />
+          </View>
+          <View className="adm-field">
+            <Text className="adm-label">副标题</Text>
+            <Input className="input" placeholder="一句话亮点（选填）" value={subtitle} onInput={(e) => setSubtitle(e.detail.value)} />
+          </View>
+          <View className="adm-field">
+            <Text className="adm-label">类型 *</Text>
+            <View className="adm-search" style="flex-wrap:wrap">
+              {EVENT_CATEGORIES.map((c) => (
+                <Button key={c} className="btn-ghost adm-actbtn" style={category === c ? 'font-weight:700' : ''} onClick={() => setCategory(c)}>
+                  {category === c ? `● ${c}` : c}
+                </Button>
+              ))}
+            </View>
+          </View>
+          <View className="adm-field">
+            <Text className="adm-label">区域</Text>
+            <View className="adm-search" style="flex-wrap:wrap">
+              {EVENT_REGIONS.map((r) => (
+                <Button key={r} className="btn-ghost adm-actbtn" style={region === r ? 'font-weight:700' : ''} onClick={() => setRegion(r)}>
+                  {region === r ? `● ${r}` : r}
+                </Button>
+              ))}
+            </View>
+          </View>
+          <View className="adm-field">
+            <Text className="adm-label">模式</Text>
+            <View className="adm-search">
+              {MODES.map((m) => (
+                <Button key={m.key} className="btn-ghost adm-actbtn" style={mode === m.key ? 'font-weight:700' : ''} onClick={() => setMode(m.key)}>
+                  {mode === m.key ? `● ${m.label}` : m.label}
+                </Button>
+              ))}
+            </View>
+          </View>
+          <View className="adm-field">
+            <Text className="adm-label">名额（留空 = 不限）</Text>
+            <Input className="input" type="number" placeholder="不限" value={capacity} onInput={(e) => setCapacity(e.detail.value)} />
+          </View>
+          <View className="adm-field">
+            <Text className="adm-label">地点</Text>
+            <Input className="input" placeholder={mode === 'online' ? '线上活动可留空' : '活动地点'} value={location} onInput={(e) => setLocation(e.detail.value)} />
+          </View>
+          <View className="adm-field">
+            <Text className="adm-label">签到时间</Text>
+            <Input className="input" placeholder="如 2026-09-01T13:30" value={checkinAt} onInput={(e) => setCheckinAt(e.detail.value)} />
+          </View>
+          <View className="adm-field">
+            <Text className="adm-label">开始时间 *</Text>
+            <Input className="input" placeholder="如 2026-09-01T14:00" value={startAt} onInput={(e) => setStartAt(e.detail.value)} />
+          </View>
+          <View className="adm-field">
+            <Text className="adm-label">结束时间 *</Text>
+            <Input className="input" placeholder="如 2026-09-01T16:00" value={endAt} onInput={(e) => setEndAt(e.detail.value)} />
+          </View>
+          <View className="adm-field">
+            <Text className="adm-label">活动价格（元，0 为免费）</Text>
+            <Input className="input" type="digit" value={priceYuan} onInput={(e) => setPriceYuan(e.detail.value)} />
+          </View>
+          <View className="adm-field">
+            <Text className="adm-label">主办方</Text>
+            <Input className="input" placeholder="主办方名称" value={host} onInput={(e) => setHost(e.detail.value)} />
+          </View>
+          <View className="adm-field">
+            <Text className="adm-label">报名方式</Text>
+            <View className="adm-search">
+              <Button className="btn-ghost adm-actbtn" style={signupMode === 'mini' ? 'font-weight:700' : ''} onClick={() => setSignupMode('mini')}>● 小程序报名</Button>
+              <Button className="btn-ghost adm-actbtn" style={signupMode === 'external' ? 'font-weight:700' : ''} onClick={() => setSignupMode('external')}>外链报名</Button>
+            </View>
+            {signupMode === 'external' && (
+              <Input className="input" placeholder="报名链接 URL *" value={externalUrl} onInput={(e) => setExternalUrl(e.detail.value)} />
+            )}
+          </View>
+          <View className="adm-field">
+            <Text className="adm-label">活动范围</Text>
+            <View className="adm-search">
+              <Button className="btn-ghost adm-actbtn" style={scope === 'public' ? 'font-weight:700' : ''} onClick={() => setScope('public')}>● 公开（运营端审核）</Button>
+              <Button className="btn-ghost adm-actbtn" style={scope === 'park' ? 'font-weight:700' : ''} onClick={() => setScope('park')}>本园区（园区审核）</Button>
+            </View>
+            {scope === 'park' && tenants.map((t) => (
+              <Button key={t.id} className="btn-ghost adm-actbtn" onClick={() => setTargetTenantId(t.id)}>
+                {targetTenantId === t.id ? '● ' : ''}{t.name}
+              </Button>
+            ))}
+          </View>
+          <View className="adm-field">
+            <Text className="adm-label">活动注意事项</Text>
+            <Textarea className="input op-textarea" placeholder="如：请提前 15 分钟签到；线下参加请携带身份证…" value={notice} onInput={(e) => setNotice(e.detail.value)} />
+          </View>
+          <View className="adm-field">
+            <Text className="adm-label">活动介绍</Text>
+            <Textarea className="input op-textarea" placeholder="活动介绍（支持多行文字）" value={desc} onInput={(e) => setDesc(e.detail.value)} />
+          </View>
+          {err ? <Text className="adm-note" style="color:#e05252">{err}</Text> : null}
+          <View className="adm-search">
+            <Button className="btn-ghost adm-actbtn" disabled={saving} onClick={() => submit('draft')}>存草稿</Button>
+            <Button className="btn-primary adm-actbtn" disabled={saving} onClick={() => submit('pending')}>提交审核</Button>
+          </View>
+        </View>
+      </View>
+    </View>
+  );
+}
diff --git a/miniprogram/src/pages/event-edit/index.scss b/miniprogram/src/pages/event-edit/index.scss
new file mode 100644
index 0000000..de4c6f2
--- /dev/null
+++ b/miniprogram/src/pages/event-edit/index.scss
@@ -0,0 +1,2 @@
+@import "../../app.scss";
+@import "../../styles/admin-pages.scss";
diff --git a/miniprogram/src/pages/my-bookings/index.config.js b/miniprogram/src/pages/my-bookings/index.config.js
index 154648a..a4049ce 100644
--- a/miniprogram/src/pages/my-bookings/index.config.js
+++ b/miniprogram/src/pages/my-bookings/index.config.js
@@ -1 +1 @@
-export default { navigationBarTitleText: '我的报名' };
+export default { navigationStyle: 'custom' };
diff --git a/miniprogram/src/pages/my-bookings/index.jsx b/miniprogram/src/pages/my-bookings/index.jsx
index 3fbf0b9..0419587 100644
--- a/miniprogram/src/pages/my-bookings/index.jsx
+++ b/miniprogram/src/pages/my-bookings/index.jsx
@@ -1,46 +1,76 @@
 import { View, Text, Button } from '@tarojs/components';
 import Taro from '@tarojs/taro';
-import { useState, useEffect } from 'react';
+import { useState } from 'react';
 import { isAuthed } from '@/utils/auth';
-import { getMyBookings, checkIn, parseIso } from '@/utils/booking';
+import { getMyBookings, checkIn, payBooking, requestWxPay, bookingPayStatus, priceText, cancelBooking, deleteBooking, appealBooking } from '@/utils/booking';
+import { PageHeader } from '@/components/TopInset';
+import Skeleton from '@/components/skeleton';
 import './index.scss';
 
+/* 报名标签：按 auditStatus + event_status 推断 待参加 / 审核中 / 已结束 / 未通过 */
 const PHASE_META = {
   pending: { text: '审核中', cls: 'pending' },
+  unpaid: { text: '未支付', cls: 'pending' },
+  no_show: { text: '爽约', cls: 'rejected' },
+  appealing: { text: '申诉中', cls: 'pending' },
+  cancelled: { text: '已取消', cls: 'done' },
   rejected: { text: '未通过', cls: 'rejected' },
   done: { text: '已结束', cls: 'done' },
   upcoming: { text: '待参加', cls: 'upcoming' }
 };
 const phaseOf = (b) => {
+  // 后端已派生 displayStatus（生命周期单一事实），本地仅兜底旧数据
+  const ds = b.displayStatus;
+  if (ds && PHASE_META[ds]) return PHASE_META[ds];
   const audit = b.auditStatus !== undefined ? b.auditStatus : b.audit_status;
   const evStatus = b.event_status !== undefined ? b.event_status : b.eventStatus;
+  const pay = b.payStatus || b.pay_status || '';
+  const status = b.status || '';
+  if (status === 'cancelled') return PHASE_META.cancelled;
+  if (pay === 'unpaid' && audit !== 'rejected') return PHASE_META.unpaid;
   if (audit === 'pending') return PHASE_META.pending;
   if (audit === 'rejected') return PHASE_META.rejected;
   if (evStatus === 'done') return PHASE_META.done;
   return PHASE_META.upcoming;
 };
+/* 报名状态筛选（对齐活动页 全部/公益/... 的筛选形式） */
+const PHASE_FILTERS = [
+  { key: 'all', label: '全部' },
+  { key: 'upcoming', label: '待参加' },
+  { key: 'unpaid', label: '未支付' },
+  { key: 'pending', label: '审核中' },
+  { key: 'no_show', label: '爽约' },
+  { key: 'rejected', label: '未通过' },
+  { key: 'cancelled', label: '已取消' },
+  { key: 'done', label: '已结束' }
+];
+
 const fmtTime = (iso) => {
   if (!iso) return '';
   const d = new Date(iso);
-  if (Number.isNaN(+d)) return iso;
   const p = (n) => String(n).padStart(2, '0');
-  return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}`;
+  const week = ['日', '一', '二', '三', '四', '五', '六'][d.getDay()];
+  return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())} 周${week}`;
 };
 
+/** 我的报名（独立页）：报名记录 + 状态筛选 + 活动签到。 */
 export default function MyBookings() {
   const [bookings, setBookings] = useState([]);
+  const [phase, setPhase] = useState('all'); // 报名状态筛选
   const [loaded, setLoaded] = useState(false);
   const [err, setErr] = useState('');
   const [busyId, setBusyId] = useState('');
+  const [payingId, setPayingId] = useState('');
 
   const load = async () => {
     try {
       const d = await getMyBookings();
       setBookings((d && d.list) || []);
+      setErr('');
     } catch (e) { setErr((e && e.message) || '加载失败'); }
     finally { setLoaded(true); }
   };
-  useEffect(() => { load(); }, []);
+  Taro.useDidShow(() => { if (isAuthed()) load(); else setLoaded(true); });
 
   const onCheckin = async (id) => {
     setBusyId(id); setErr('');
@@ -52,41 +82,183 @@ export default function MyBookings() {
     } catch (e) { Taro.showToast({ title: (e && e.message) || '签到失败', icon: 'none' }); }
     finally { setBusyId(''); }
   };
-  const goActivities = () => Taro.switchTab({ url: '/pages/booking/index' });
+
+  /* 删除报名（未支付/待审核） */
+  const [deletingId, setDeletingId] = useState('');
+  const onDeleteBooking = (b) => {
+    Taro.showModal({
+      title: '删除报名',
+      content: `确认删除「${b.eventTitle || '该场次'}」的报名吗？删除后名额立即释放。`,
+      success: async (r) => {
+        if (!r.confirm) return;
+        setDeletingId(b.id);
+        try {
+          await deleteBooking(b.id);
+          Taro.showToast({ title: '已删除报名', icon: 'success' });
+          load();
+        } catch (e) { Taro.showToast({ title: (e && e.message) || '删除失败', icon: 'none' }); }
+        finally { setDeletingId(''); }
+      }
+    });
+  };
+
+  /* 爽约申诉 */
+  const onAppeal = (b) => {
+    Taro.showModal({
+      title: '爽约申诉',
+      editable: true,
+      placeholderText: '请填写申诉理由（如：到场但签到失败）',
+      success: async (r) => {
+        if (!r.confirm) return;
+        try {
+          await appealBooking(b.id, (r.content || '').trim() || '到场但未成功签到');
+          Taro.showToast({ title: '申诉已提交', icon: 'success' });
+          load();
+        } catch (e) { Taro.showToast({ title: (e && e.message) || '申诉失败', icon: 'none' }); }
+      }
+    });
+  };
+
+  /* 取消报名：已支付不可取消；未支付/免费可取消 */
+  const [cancellingId, setCancellingId] = useState('');
+  const onCancelBooking = (b) => {
+    Taro.showModal({
+      title: '取消报名',
+      content: `确认取消「${b.eventTitle || '该场次'}」的报名吗？${(b.payStatus || b.pay_status) === 'paid' ? '已支付订单不支持取消。' : ''}`,
+      success: async (r) => {
+        if (!r.confirm) return;
+        setCancellingId(b.id);
+        try {
+          await cancelBooking(b.id);
+          Taro.showToast({ title: '已取消报名', icon: 'success' });
+          load();
+        } catch (e) { Taro.showToast({ title: (e && e.message) || '取消失败', icon: 'none' }); }
+        finally { setCancellingId(''); }
+      }
+    });
+  };
+
+  /* 付费活动继续支付：下单 → requestPayment → 轮询到账 → 刷新 */
+  const onContinuePay = async (b) => {
+    setPayingId(b.id); setErr('');
+    try {
+      const r = await payBooking(b.id);
+      if (!(r && r.paid)) {
+        try {
+          await requestWxPay(r.payParams);
+        } catch (e) {
+          const m = (e && e.errMsg) || '';
+          Taro.showToast({ title: m.indexOf('cancel') >= 0 ? '已取消支付' : '支付失败，请重试', icon: 'none' });
+          return;
+        }
+      }
+      await new Promise((resolve) => {
+        let tries = 0;
+        const timer = setInterval(async () => {
+          tries += 1;
+          if (tries > 40) { clearInterval(timer); resolve(); return; }
+          try {
+            const st = await bookingPayStatus(b.id);
+            if (st.paid) { clearInterval(timer); resolve(); }
+          } catch { /* 忽略瞬时错误 */ }
+        }, 1500);
+      });
+      Taro.showToast({ title: '支付成功', icon: 'success' });
+      load();
+    } catch (e) { Taro.showToast({ title: (e && e.message) || '发起支付失败', icon: 'none' }); }
+    finally { setPayingId(''); }
+  };
 
   return (
     <View className="page-in">
-      <View className="mk-head">
-        <Text className="mk-title">我的报名</Text>
-        <Text className="mk-sub">你参加过的公益课 / 活动报名与审核状态。</Text>
-      </View>
+      <PageHeader no="BK" title="我的报名" en="BOOKINGS" back />
+
       {!isAuthed() && <View className="card"><Text className="muted">请先登录（我的 → 登录绑定）。</Text></View>}
-      {err && <Text className="mk-err">{err}</Text>}
-      {!loaded ? <Text className="muted">加载中…</Text>
-        : bookings.length === 0 ? (
-          <View className="card mk-empty">
-            <Text className="muted">还没有报名记录。</Text>
-            <Text className="link" onClick={goActivities}>去看活动 →</Text>
+
+      {isAuthed() && (
+        <View className="bk-wrap">
+          <View className="phase-filters">
+            {PHASE_FILTERS.map((f) => (
+              <Text key={f.key} className={`phase-tab${phase === f.key ? ' on' : ''}`} onClick={() => setPhase(f.key)}>{f.label}</Text>
+            ))}
           </View>
-        ) : bookings.map((b) => {
-            const p = phaseOf(b);
-            const ended = b.event_status === 'done';
-            const ready = b.can_checkin;
-            return (
-              <View className="mk-card" key={b.id}>
-                <View className="mk-row">
-                  <Text className="mk-name">{b.eventTitle || b.want || '报名'}</Text>
-                  <Text className={`mk-phase ${p.cls}`}>{p.text}</Text>
-                </View>
-                {b.eventStart ? <Text className="mk-meta">场次 {fmtTime(b.eventStart)}</Text> : null}
-                <Text className="mk-meta">报名于 {fmtTime(b.createdAt)}</Text>
-                {b.checkinAt ? <Text className="mk-checked">已于 {fmtTime(b.checkinAt)} 签到</Text>
-                  : ended ? <Text className="mk-checked done">本场已结束</Text>
-                  : ready ? <Button className="btn-main mk-checkin" loading={busyId === b.id} onClick={() => onCheckin(b.id)}>活动签到</Button>
-                  : <Text className="mk-checked">未到签到时间，活动开始后即可签到</Text>}
+          {(() => {
+            const shown = phase === 'all' ? bookings : bookings.filter((b) => phaseOf(b).cls === phase);
+            if (!loaded) return <View className="card empty"><Skeleton.Rows n={3} gap={14} /></View>;
+            if (shown.length === 0) return (
+              <View className="card empty">
+                <Text className="muted">{bookings.length === 0 ? '还没有报名记录。' : '该状态下暂无报名。'}</Text>
+                <Text className="link" onClick={() => Taro.switchTab({ url: '/pages/booking/index' })}>去看活动 →</Text>
               </View>
             );
-          })}
+            return (
+              <View className="bk-list">
+                {shown.map((b) => {
+                  const p = phaseOf(b);
+                  const ended = b.event_status === 'done';
+                  const ready = b.can_checkin;
+                  return (
+                    <View className="bk-card card" key={b.id}>
+                      <View className="bk-head">
+                        <Text className="bk-want">{b.eventTitle || b.want || '报名'}</Text>
+                        <Text className={`bk-phase ${p.cls}`}>{p.text}</Text>
+                      </View>
+                      {b.eventStart && <Text className="bk-time">场次时间：{fmtTime(b.eventStart)}</Text>}
+                      <Text className="bk-time">报名时间：{fmtTime(b.createdAt)}</Text>
+                      <Text className="bk-extra">编号 {b.id} · {b.name || '—'}</Text>
+                      {(() => {
+                        const ds = b.displayStatus || phaseOf(b).cls;
+                        const unpaid = (b.payStatus || b.pay_status) === 'unpaid';
+                        const isPendingAudit = ds === 'pending';
+                        const isNoShow = ds === 'no_show' || ds === 'appealing';
+                        const appealStatus = b.appealStatus || b.appeal_status || '';
+                        return (
+                          <>
+                            {unpaid && b.status !== 'cancelled' && (
+                              <Button className="btn-main bk-checkin" loading={payingId === b.id} onClick={() => onContinuePay(b)}>
+                                继续支付{b.priceFen ? ` ${priceText(b.priceFen)}` : ''}
+                              </Button>
+                            )}
+                            {(unpaid || isPendingAudit) && (
+                              <Button className="btn-ghost bk-checkin bk-cancel" loading={deletingId === b.id} onClick={() => onDeleteBooking(b)}>
+                                删除报名
+                              </Button>
+                            )}
+                            {ds === 'upcoming' && (
+                              <Button className="btn-ghost bk-checkin bk-cancel" loading={cancellingId === b.id} onClick={() => onCancelBooking(b)}>
+                                取消报名
+                              </Button>
+                            )}
+                            {isNoShow && appealStatus !== 'pending' && (
+                              <Button className="btn-ghost bk-checkin bk-cancel" onClick={() => onAppeal(b)}>
+                                申诉
+                              </Button>
+                            )}
+                            {ds === 'appealing' && <Text className="bk-checked done">申诉审核中，请耐心等待</Text>}
+                            {ds === 'no_show' && <Text className="bk-checked done">本场未签到且已结束，被标记为爽约</Text>}
+                          </>
+                        );
+                      })()}
+                      {b.checkinAt ? (
+                        <Text className="bk-checked">已于 {fmtTime(b.checkinAt)} 签到</Text>
+                      ) : ended ? (
+                        <Text className="bk-checked done">本场已结束</Text>
+                      ) : b.payStatus === 'unpaid' ? (
+                        <Text className="bk-checked done">待支付，完成支付后报名生效</Text>
+                      ) : ready ? (
+                        <Button className="btn-main bk-checkin" loading={busyId === b.id} onClick={() => onCheckin(b.id)}>活动签到</Button>
+                      ) : (
+                        <Text className="bk-checked">未到签到时间，活动开始后即可签到</Text>
+                      )}
+                    </View>
+                  );
+                })}
+              </View>
+            );
+          })()}
+          {err && <Text className="bk-err">{err}</Text>}
+        </View>
+      )}
     </View>
   );
 }
diff --git a/miniprogram/src/pages/my-bookings/index.scss b/miniprogram/src/pages/my-bookings/index.scss
index d3ebe78..7350681 100644
--- a/miniprogram/src/pages/my-bookings/index.scss
+++ b/miniprogram/src/pages/my-bookings/index.scss
@@ -1,17 +1,91 @@
-.mk-head { padding: 18px 20px 6px; }
-.mk-title { font-size: 24px; font-weight: 700; color: #0d2f4e; display: block; }
-.mk-sub { font-size: 13px; color: #8a8a93; margin-top: 4px; display: block; }
-.mk-err { color: #e0544c; font-size: 13px; padding: 0 20px; }
-.mk-card { background: #fff; border-radius: 18px; padding: 16px 18px; margin: 10px 20px; box-shadow: 0 6px 18px -8px rgba(13,47,78,.12); }
-.mk-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
-.mk-name { font-size: 16px; font-weight: 600; color: #12233b; flex: 1; }
-.mk-phase { flex: 0 0 auto; font-size: 12px; padding: 2px 12px; border-radius: 999px; }
-.mk-phase.upcoming { color: #1f8ce0; background: #eaf6ff; }
-.mk-phase.pending { color: #e6a400; background: #fff6e2; }
-.mk-phase.rejected { color: #98a0ab; background: #f2f2f6; }
-.mk-phase.done { color: #98a0ab; background: #f2f2f6; }
-.mk-meta { display: block; font-size: 12px; color: #98a0ab; margin-top: 6px; }
-.mk-checked { display: block; margin-top: 10px; font-size: 13px; color: #00a06e; }
-.mk-checked.done { color: #98a0ab; }
-.mk-checkin { margin-top: 12px; }
-.mk-empty { text-align: center; padding: 40px 20px; }
+/* 我的报名独立页：沿用全局 Soft UI 毛玻璃卡片（.card），样式从个人中心「我的报名」区迁出 */
+@import '../../app.scss';
+
+.bk-wrap {
+  padding: 0 24rpx 40rpx;
+}
+
+/* 报名状态筛选（对齐活动页的 全部/公益/... 形式） */
+.phase-filters {
+  display: flex;
+  gap: 14rpx;
+  overflow-x: auto;
+  padding: 8rpx 0 18rpx;
+  margin-bottom: 6rpx;
+}
+.phase-tab {
+  flex-shrink: 0;
+  font-size: 24rpx;
+  color: #9aa4c6;
+  padding: 8rpx 26rpx;
+  border-radius: 999px;
+  border: 1rpx solid rgba(99, 132, 255, 0.14);
+}
+.phase-tab.on {
+  color: #ffffff;
+  background: linear-gradient(135deg, #6b8bff, #8f7bff);
+  font-weight: 600;
+  border-color: transparent;
+  box-shadow: 0 8rpx 22rpx rgba(98, 132, 255, 0.28);
+}
+
+.bk-list {
+  display: flex;
+  flex-direction: column;
+  gap: 20rpx;
+}
+.bk-card {
+  padding: 26rpx 28rpx;
+  display: flex;
+  flex-direction: column;
+  gap: 8rpx;
+}
+.bk-head {
+  display: flex;
+  align-items: center;
+  gap: 16rpx;
+}
+.bk-head .bk-want { flex: 1; min-width: 0; }
+.bk-want {
+  font-size: 30rpx;
+  font-weight: 700;
+  color: #23315c;
+}
+.bk-time {
+  font-size: 24rpx;
+  color: #8a8a93;
+}
+.bk-extra {
+  font-size: 22rpx;
+  color: #9aa4c6;
+}
+.bk-phase {
+  flex-shrink: 0;
+  font-size: 20rpx;
+  padding: 4rpx 16rpx;
+  border-radius: 999px;
+}
+.bk-phase.upcoming { color: #3fb68b; background: rgba(63, 182, 139, 0.12); border: 1rpx solid rgba(63, 182, 139, 0.3); }
+.bk-phase.pending { color: #f5c451; background: rgba(245, 196, 81, 0.12); border: 1rpx solid rgba(245, 196, 81, 0.3); }
+.bk-phase.done { color: #9aa4c6; background: rgba(255, 255, 255, 0.06); border: 1rpx solid rgba(99, 132, 255, 0.14); }
+.bk-phase.rejected { color: #f07575; background: rgba(240, 117, 117, 0.12); border: 1rpx solid rgba(240, 117, 117, 0.3); }
+.bk-checkin {
+  margin-top: 10rpx;
+  font-size: 26rpx;
+  height: 72rpx;
+  line-height: 72rpx;
+}
+.bk-checked {
+  font-size: 24rpx;
+  color: #3fb68b;
+}
+.bk-checked.done { color: #9aa4c6; }
+.bk-err {
+  display: block;
+  margin: 20rpx 8rpx;
+  font-size: 24rpx;
+  color: #e5484d;
+}
+
+/* 取消报名按钮（次要动作） */
+.bk-cancel { margin-left: 12rpx; }
diff --git a/miniprogram/src/pages/my-events/index.config.js b/miniprogram/src/pages/my-events/index.config.js
new file mode 100644
index 0000000..a4049ce
--- /dev/null
+++ b/miniprogram/src/pages/my-events/index.config.js
@@ -0,0 +1 @@
+export default { navigationStyle: 'custom' };
diff --git a/miniprogram/src/pages/my-events/index.jsx b/miniprogram/src/pages/my-events/index.jsx
new file mode 100644
index 0000000..92f092a
--- /dev/null
+++ b/miniprogram/src/pages/my-events/index.jsx
@@ -0,0 +1,72 @@
+import { View, Text, Button } from '@tarojs/components';
+import Taro from '@tarojs/taro';
+import { useState } from 'react';
+import { myEvents, priceText, fmtEvt } from '@/utils/booking';
+import { PageHeader } from '@/components/TopInset';
+import './index.scss';
+
+const REVIEW = {
+  draft: { t: '草稿', cls: 'off' },
+  pending: { t: '待审核', cls: 'warn' },
+  approved: { t: '已通过', cls: 'on' },
+  rejected: { t: '已驳回', cls: 'off' }
+};
+
+/** 我的活动：发布者视角列表（含审核状态），可编辑重新提交。 */
+export default function MyEvents() {
+  const [items, setItems] = useState([]);
+  const [loaded, setLoaded] = useState(false);
+  const [err, setErr] = useState('');
+
+  const load = async () => {
+    try {
+      const d = await myEvents();
+      setItems(d || []);
+      setErr('');
+    } catch (e) { setErr((e && e.message) || '加载失败'); }
+    finally { setLoaded(true); }
+  };
+  Taro.useDidShow(() => load());
+
+  const openEdit = (e) => Taro.navigateTo({ url: `/pages/event-edit/index?id=${e.id}` });
+
+  return (
+    <View className="page-in">
+      <PageHeader no="MY" title="我的活动" en="MY EVENTS" back />
+      <View className="adm-wrap">
+        <Button className="btn-ghost adm-new" onClick={() => Taro.navigateTo({ url: '/pages/event-edit/index' })}>+ 发布新活动</Button>
+        {err ? <View className="card"><Text className="adm-note">{err}</Text></View> : null}
+        {!loaded ? (
+          <View className="card adm-empty"><Text className="adm-note">加载中…</Text></View>
+        ) : items.length === 0 ? (
+          <View className="card adm-empty"><Text className="adm-note">还没有发布过活动</Text></View>
+        ) : (
+          <View className="adm-list">
+            {items.map((e) => {
+              const rv = REVIEW[e.reviewStatus || 'approved'] || REVIEW.approved;
+              return (
+                <View key={e.id} className="card adm-item">
+                  <View className="adm-head">
+                    <Text className="adm-name">{e.title}</Text>
+                    <Text className={`adm-badge ${rv.cls}`}>{rv.t}</Text>
+                  </View>
+                  <View className="adm-meta-row">
+                    <Text className="adm-meta">{e.category || '未分类'} · {e.region || '其他'} · {e.mode === 'online' ? '线上' : e.mode === 'both' ? '线上/线下' : '线下'}</Text>
+                  </View>
+                  <View className="adm-meta-row">
+                    <Text className="adm-meta">{fmtEvt(e.startAt)}</Text>
+                    <Text className="adm-meta">{priceText(e.priceFen)}</Text>
+                  </View>
+                  {e.reviewStatus === 'rejected' && e.reviewComment ? <Text className="adm-note">驳回原因：{e.reviewComment}</Text> : null}
+                  <View className="adm-acts">
+                    <Button className="btn-ghost adm-actbtn" onClick={() => openEdit(e)}>编辑</Button>
+                  </View>
+                </View>
+              );
+            })}
+          </View>
+        )}
+      </View>
+    </View>
+  );
+}
diff --git a/miniprogram/src/pages/my-events/index.scss b/miniprogram/src/pages/my-events/index.scss
new file mode 100644
index 0000000..de4c6f2
--- /dev/null
+++ b/miniprogram/src/pages/my-events/index.scss
@@ -0,0 +1,2 @@
+@import "../../app.scss";
+@import "../../styles/admin-pages.scss";
diff --git a/miniprogram/src/pages/pay-qr/index.config.js b/miniprogram/src/pages/pay-qr/index.config.js
new file mode 100644
index 0000000..a4049ce
--- /dev/null
+++ b/miniprogram/src/pages/pay-qr/index.config.js
@@ -0,0 +1 @@
+export default { navigationStyle: 'custom' };
diff --git a/miniprogram/src/pages/pay-qr/index.jsx b/miniprogram/src/pages/pay-qr/index.jsx
new file mode 100644
index 0000000..c1fde24
--- /dev/null
+++ b/miniprogram/src/pages/pay-qr/index.jsx
@@ -0,0 +1,117 @@
+import { View, Text, Button } from '@tarojs/components';
+import Taro from '@tarojs/taro';
+import { useState, useEffect } from 'react';
+import { request } from '@/utils/api';
+import { payBooking, bookingPayStatus, requestWxPay, priceText, fmtEvt } from '@/utils/booking';
+import { isAuthed, wxLogin, phoneLogin, sendCode } from '@/utils/auth';
+import './index.scss';
+
+/**
+ * Web 扫码支付页：微信扫「支付小程序码」直达本页（scene=报名单 id）。
+ * 展示报名摘要 → 微信支付（JSAPI）→ 成功后回「我的报名」。
+ * 规则：未登录须先登录（与扫码登录页同规），支付归属以登录账号校验。
+ */
+export default function PayQr() {
+  const [scene, setScene] = useState('');
+  const [booking, setBooking] = useState(null);
+  const [paid, setPaid] = useState(false);
+  const [authed, setAuthed] = useState(isAuthed());
+  const [busy, setBusy] = useState(false);
+  const [msg, setMsg] = useState('');
+  const [err, setErr] = useState('');
+
+  useEffect(() => {
+    try {
+      const inst = Taro.getCurrentInstance();
+      const router = (inst && inst.router) || {};
+      const params = (router && (router.params || router.query)) || {};
+      const s = String(params.scene || router.scene || '');
+      if (s) { setScene(s); load(s); }
+    } catch { /* 取参异常忽略 */ }
+  }, []);
+
+  const load = async (sid) => {
+    try {
+      const r = await request('GET', `/api/bookings/pay-qr/${sid}`, {}, true);
+      if (r && r.paid) { setPaid(true); return; }
+      setBooking((r && r.booking) || null);
+    } catch (e) { setErr((e && e.message) || '支付单不存在或已过期'); }
+  };
+
+  const wxLoginNow = async () => {
+    setBusy(true); setErr('');
+    try {
+      const { code } = await Taro.login();
+      await wxLogin({ code });
+      setAuthed(true);
+      if (scene) load(scene);
+    } catch (e) { setErr((e && e.message) || '微信登录失败'); }
+    finally { setBusy(false); }
+  };
+
+  const payNow = async () => {
+    if (!booking) return;
+    setBusy(true); setMsg(''); setErr('');
+    try {
+      const r = await payBooking(booking.id);
+      const payParams = r && (r.payParams || r.pay_params);
+      if (!payParams) throw new Error('支付下单失败，请稍后重试');
+      await requestWxPay(payParams);
+      // 支付后轮询确认（回调异步，稍等再查）
+      for (let i = 0; i < 6; i++) {
+        await new Promise((res) => setTimeout(res, 1500));
+        const st = await bookingPayStatus(booking.id).catch(() => null);
+        if (st && st.paid) break;
+      }
+      setPaid(true);
+    } catch (e) {
+      setErr((e && e.message) || '支付未完成');
+      setMsg('支付未完成时，可稍后在「我的报名」中继续支付');
+    } finally { setBusy(false); }
+  };
+
+  if (paid) {
+    return (
+      <View className="page-in pq-page">
+        <View className="card pq-done">
+          <Text className="pq-done-title">支付成功</Text>
+          <Text className="pq-done-sub">报名已确认，感谢参与！</Text>
+          <Button className="btn-primary pq-btn" onClick={() => Taro.redirectTo({ url: '/pages/my-bookings/index' })}>查看我的报名</Button>
+        </View>
+      </View>
+    );
+  }
+
+  return (
+    <View className="page-in pq-page">
+      <View className="card pq-card">
+        <Text className="pq-title">扫码支付</Text>
+        {!scene ? (
+          <Text className="pq-sub">未识别到支付单，请从 Web 端重新获取二维码。</Text>
+        ) : !booking ? (
+          <Text className="pq-sub">{err || '加载中…'}</Text>
+        ) : (
+          <>
+            <View className="pq-row"><Text className="pq-k">场次</Text><Text className="pq-v">{booking.eventTitle}</Text></View>
+            {booking.eventStart && <View className="pq-row"><Text className="pq-k">时间</Text><Text className="pq-v">{fmtEvt(booking.eventStart)}</Text></View>}
+            <View className="pq-row"><Text className="pq-k">报名人</Text><Text className="pq-v">{booking.name}</Text></View>
+            <View className="pq-row"><Text className="pq-k">金额</Text><Text className="pq-v pq-price">{priceText(booking.priceFen)}</Text></View>
+
+            {!authed ? (
+              <>
+                <Text className="pq-tip">支付前请先登录（与报名账号一致）：</Text>
+                <Button className="btn-primary pq-btn" loading={busy} onClick={wxLoginNow}>微信一键登录</Button>
+              </>
+            ) : (
+              <>
+                <Button className="btn-primary pq-btn" loading={busy} onClick={payNow}>微信支付 {priceText(booking.priceFen)}</Button>
+                {msg && <Text className="pq-tip">{msg}</Text>}
+              </>
+            )}
+            {err && <Text className="pq-tip pq-err">{err}</Text>}
+          </>
+        )}
+      </View>
+    </View>
+  );
+}
diff --git a/miniprogram/src/pages/pay-qr/index.scss b/miniprogram/src/pages/pay-qr/index.scss
new file mode 100644
index 0000000..543111d
--- /dev/null
+++ b/miniprogram/src/pages/pay-qr/index.scss
@@ -0,0 +1,15 @@
+@import "../../app.scss";
+.pq-page { padding: 24rpx; }
+.pq-card { display: flex; flex-direction: column; gap: 18rpx; padding: 36rpx 32rpx; }
+.pq-title { font-size: 34rpx; font-weight: 700; color: #23315c; }
+.pq-sub { font-size: 26rpx; color: #8a94c0; line-height: 1.6; }
+.pq-row { display: flex; gap: 20rpx; }
+.pq-k { width: 120rpx; flex-shrink: 0; font-size: 26rpx; color: #8a94c0; }
+.pq-v { flex: 1; font-size: 26rpx; color: #23315c; }
+.pq-price { font-weight: 700; color: #e8830c; }
+.pq-btn { margin-top: 10rpx; }
+.pq-tip { font-size: 22rpx; color: #9aa4c6; line-height: 1.6; }
+.pq-err { color: #e05252; }
+.pq-done { display: flex; flex-direction: column; gap: 16rpx; align-items: center; padding: 60rpx 32rpx; }
+.pq-done-title { font-size: 36rpx; font-weight: 700; color: #3fb68b; }
+.pq-done-sub { font-size: 26rpx; color: #4a5580; }
diff --git a/miniprogram/src/utils/booking.js b/miniprogram/src/utils/booking.js
index c3bce38..eaabe6b 100644
--- a/miniprogram/src/utils/booking.js
+++ b/miniprogram/src/utils/booking.js
@@ -1,3 +1,4 @@
+import Taro from '@tarojs/taro';
 import { request, cachedRequest } from './api';
 
 /* 报名字段契约（与 web 端 data/booking.js 保持一致，见 小程序同步约束.md） */
@@ -70,3 +71,77 @@ export function fmtEvt(iso) {
 export async function getMyBookingForEvent(eventId) {
   return request('GET', `/api/bookings/by-event/${eventId}`, {}, true);
 }
+
+/* ---------------- 付费活动报名支付（课程/沙龙定价，JSAPI） ---------------- */
+
+/** 发起/继续支付：返回 { orderNo, payParams, amountFen }；已支付返回 { paid: true } */
+export async function payBooking(bookingId) {
+  return request('POST', `/api/bookings/${bookingId}/pay`, {}, true);
+}
+
+/** 查支付状态（后端会先对账）：{ paid, payStatus, bookingStatus, auditStatus } */
+export async function bookingPayStatus(bookingId) {
+  return request('POST', `/api/bookings/${bookingId}/pay-status`, {}, true);
+}
+
+/** 拉起微信支付（参数来自 payBooking 的 payParams），返回 Promise */
+export function requestWxPay(pp) {
+  return new Promise((resolve, reject) => {
+    Taro.requestPayment({
+      timeStamp: pp.timeStamp,
+      nonceStr: pp.nonceStr,
+      package: pp.package,
+      signType: pp.signType || 'RSA',
+      paySign: pp.paySign,
+      success: resolve,
+      fail: reject
+    });
+  });
+}
+
+/** 轮询支付状态直至 paid 或超时（约 40 次 × 1.5s；回调/对账兜底自动到账） */
+export function pollPayStatus(bookingId, onPaid) {
+  let tries = 0;
+  const timer = setInterval(async () => {
+    tries += 1;
+    if (tries > 40) { clearInterval(timer); return; }
+    try {
+      const st = await bookingPayStatus(bookingId);
+      if (st.paid) {
+        clearInterval(timer);
+        if (onPaid) onPaid(st);
+      }
+    } catch { /* 瞬时错误忽略，下一轮重试 */ }
+  }, 1500);
+  return timer;
+}
+
+/** 价格展示：分 → 「¥9.90」；0/空 → 「免费」 */
+export function priceText(priceFen) {
+  const fen = parseInt(priceFen || 0, 10);
+  return fen > 0 ? `¥${(fen / 100).toFixed(2)}` : '免费';
+}
+
+/* ================= 活动发布（所有登录账号均可发布，需审核） ================= */
+
+/** 我的活动（发布者视角，含审核状态） */
+export const myEvents = () => request('GET', '/api/events/mine', {}, true);
+
+/** 创建活动（body.submit: draft 存草稿 | pending 提交审核） */
+export const createEvent = (body) => request('POST', '/api/events', body, true);
+
+/** 更新活动（仅发布者或运营方；已过审编辑后重新进入审核） */
+export const updateEvent = (id, body) => request('PUT', `/api/events/${id}`, body, true);
+
+/** 活动类型/区域常量（与后端 EVENT_CATEGORIES/EVENT_REGIONS 对齐） */
+export const EVENT_CATEGORIES = ['峰会', '竞赛', '沙龙', '培训', '展会', '投融资'];
+export const EVENT_REGIONS = ['昆明', '曲靖', '大理', '丽江', '版纳', '楚雄', '红河', '其他'];
+
+/** 取消报名（仅报名人）：已支付不可取消；未支付/免费可取消 */
+export const cancelBooking = (bid) => request('POST', `/api/bookings/${bid}/cancel`, {}, true);
+
+/** 删除报名（未支付/待审核）：物理删除，名额即刻释放 */
+export const deleteBooking = (bid) => request('POST', `/api/bookings/${bid}/delete`, {}, true);
+
+/** 爽约申诉（活动结束未签到） */
+export const appealBooking = (bid, reason) => request('POST', `/api/bookings/${bid}/appeal`, { reason }, true);