diff --git a/miniprogram/src/pages-extra/event-detail/index.jsx b/miniprogram/src/pages-extra/event-detail/index.jsx
index 38b8d4d..47a5ba6 100644
--- a/miniprogram/src/pages-extra/event-detail/index.jsx
+++ b/miniprogram/src/pages-extra/event-detail/index.jsx
@@ -234,7 +234,7 @@ export default function EventDetail() {
           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>
+          <Text className={`ed-tag mode${ev.mode === 'online' ? ' online' : ''}`}>{ev.mode === 'online' ? '线上' : '线下'}</Text>
           <Text className="ed-tag status" style={{ color: (STATUS_META[ev.status] || {}).color }}>
             {(STATUS_META[ev.status] || { text: ev.status }).text}
           </Text>
diff --git a/miniprogram/src/pages-extra/event-detail/index.scss b/miniprogram/src/pages-extra/event-detail/index.scss
index cf9c6b8..85ced71 100644
--- a/miniprogram/src/pages-extra/event-detail/index.scss
+++ b/miniprogram/src/pages-extra/event-detail/index.scss
@@ -17,14 +17,15 @@
   border-radius: 999px; padding: 6rpx 22rpx;
 }
 .ed-img-title { font-size: 44rpx; font-weight: 800; color: #23315c; line-height: 1.3; }
-.ed-hero-tags { position: absolute; top: 24rpx; left: 28rpx; display: flex; gap: 12rpx; }
+.ed-hero-tags { position: absolute; top: 20rpx; left: 20rpx; display: flex; gap: 8rpx; }
 .ed-tag {
-  font-size: 22rpx; font-weight: 700; color: #000; background: #a8c4ff;
-  border-radius: 999px; padding: 6rpx 20rpx;
+  font-size: 20rpx; font-weight: 700; color: #23315c; background: rgba(255,255,255,0.92);
+  border-radius: 999px; padding: 3rpx 14rpx;
 }
-.ed-tag.alt { background: #5b8cff; color: #23315c; }
-.ed-tag.mode { background: rgba(0, 0, 0, 0.45); color: #23315c; }
-.ed-tag.status { background: rgba(255, 255, 255, 0.9); color: #000; }
+.ed-tag.alt { background: #5b8cff; color: #fff; }
+.ed-tag.mode { background: rgba(20,28,54,0.78); color: #fff; }
+.ed-tag.mode.online { background: rgba(140,200,255,0.92); color: #0a1a3a; }
+.ed-tag.status { background: rgba(255,255,255,0.92); color: #23315c; }
 
 /* 正文 */
 .ed-body { padding: 30rpx 32rpx 8rpx; }