From f4a1a1927ce7a972cb54c08c98287bf59041bd3b Mon Sep 17 00:00:00 2001
From: zzlgreat <zzlgreat@gmail.com>
Date: Tue, 3 Feb 2026 16:17:12 +0800
Subject: [PATCH] update pay promo

---
 .../EventDetailPanel/EventHeaderInfo.js       |  2 +-
 .../DynamicNews/EventDetailScrollPanel.js     | 20 ---------
 .../DynamicNews/layouts/VerticalModeLayout.js | 44 ++-----------------
 .../DetailModal/RelatedEventsModal.js         |  4 +-
 .../RelatedEvents/RelatedEventsModal.tsx      |  4 +-
 5 files changed, 10 insertions(+), 64 deletions(-)

diff --git a/src/components/EventDetailPanel/EventHeaderInfo.js b/src/components/EventDetailPanel/EventHeaderInfo.js
index d3f9528c..c9676e22 100644
--- a/src/components/EventDetailPanel/EventHeaderInfo.js
+++ b/src/components/EventDetailPanel/EventHeaderInfo.js
@@ -92,7 +92,7 @@ const EventHeaderInfo = ({ event, importance, isFollowing, followerCount, onTogg
           <ShareButton
             title={event.title}
             desc={event.description?.slice(0, 100) || ''}
-            link={`${window.location.origin}/community?event=${event.id}`}
+            link={`${window.location.origin}/event-detail?id=${btoa(`ev-${event.id}`)}`}
             imgUrl={`${window.location.origin}/logo192.png`}
             variant="icon"
             size="sm"
diff --git a/src/views/Community/components/DynamicNews/EventDetailScrollPanel.js b/src/views/Community/components/DynamicNews/EventDetailScrollPanel.js
index 45db4c37..e815a252 100644
--- a/src/views/Community/components/DynamicNews/EventDetailScrollPanel.js
+++ b/src/views/Community/components/DynamicNews/EventDetailScrollPanel.js
@@ -33,26 +33,6 @@ const EventDetailScrollPanel = ({
       pl={2}
       position="relative"
       data-detail-panel-container="true"
-      sx={{
-        height: '100%',
-        overflowY: 'auto',
-        overflowX: 'hidden',
-        overscrollBehavior: 'contain',
-        '&::-webkit-scrollbar': {
-          width: '3px',
-        },
-        '&::-webkit-scrollbar-track': {
-          background: scrollbarTrackBg,
-          borderRadius: '10px',
-        },
-        '&::-webkit-scrollbar-thumb': {
-          background: scrollbarThumbBg,
-          borderRadius: '10px',
-        },
-        '&::-webkit-scrollbar-thumb:hover': {
-          background: scrollbarThumbHoverBg,
-        },
-      }}
     >
       {selectedEvent ? (
         <DynamicNewsDetailPanel event={selectedEvent} showHeader={shouldShowHeader} />
diff --git a/src/views/Community/components/DynamicNews/layouts/VerticalModeLayout.js b/src/views/Community/components/DynamicNews/layouts/VerticalModeLayout.js
index fd175db4..4ccecd34 100644
--- a/src/views/Community/components/DynamicNews/layouts/VerticalModeLayout.js
+++ b/src/views/Community/components/DynamicNews/layouts/VerticalModeLayout.js
@@ -81,35 +81,15 @@ const VerticalModeLayout = React.memo(({
       gap={gap}
       position="relative"
       transition="all 0.3s ease-in-out"
-      h={{ base: 'auto', lg: 'calc(100vh - 280px)' }}
       minH={{ base: '500px', lg: '600px' }}
-      overflow="hidden"
+      alignItems="flex-start"
     >
-      {/* 左侧：事件列表 - 独立滚动 */}
+      {/* 左侧：事件列表 */}
       <Box
         flex={isMobile ? '1' : leftFlex}
         minWidth={0}
         w={isMobile ? '100%' : 'auto'}
-        overflowX="hidden"
-        overflowY="auto"
-        h="100%"
         data-event-list-container="true"
-        css={{
-          overscrollBehavior: 'contain',
-          '&::-webkit-scrollbar': {
-            width: '6px',
-          },
-          '&::-webkit-scrollbar-track': {
-            background: '#f1f1f1',
-          },
-          '&::-webkit-scrollbar-thumb': {
-            background: '#888',
-            borderRadius: '3px',
-          },
-          '&::-webkit-scrollbar-thumb:hover': {
-            background: '#555',
-          },
-        }}
       >
         {/* 事件列表 */}
         {events && events.length > 0 ? (
@@ -162,30 +142,12 @@ const VerticalModeLayout = React.memo(({
         )}
       </Box>
 
-      {/* 右侧：事件详情 - 独立滚动 - 移动端隐藏 */}
+      {/* 右侧：事件详情 - 移动端隐藏 */}
       {!isMobile && (
         <Box
           flex={rightFlex}
           minHeight={0}
           position="relative"
-          overflow="auto"
-          h="100%"
-          css={{
-            overscrollBehavior: 'contain',
-            '&::-webkit-scrollbar': {
-              width: '6px',
-            },
-            '&::-webkit-scrollbar-track': {
-              background: 'transparent',
-            },
-            '&::-webkit-scrollbar-thumb': {
-              background: 'rgba(136, 136, 136, 0.5)',
-              borderRadius: '3px',
-            },
-            '&::-webkit-scrollbar-thumb:hover': {
-              background: 'rgba(136, 136, 136, 0.8)',
-            },
-          }}
         >
           {/* 详情面板 */}
           <EventDetailScrollPanel
diff --git a/src/views/Community/components/HeroPanel/components/DetailModal/RelatedEventsModal.js b/src/views/Community/components/HeroPanel/components/DetailModal/RelatedEventsModal.js
index 553e8e32..56c0e1fe 100644
--- a/src/views/Community/components/HeroPanel/components/DetailModal/RelatedEventsModal.js
+++ b/src/views/Community/components/HeroPanel/components/DetailModal/RelatedEventsModal.js
@@ -101,7 +101,9 @@ const RelatedEventsModal = ({
                     transition: "all 0.2s",
                   }}
                   onClick={() => {
-                    window.open(`/community?event_id=${event.event_id}`, "_blank");
+                    // 事件 ID 需要转换为 Base64 编码格式：ev-{id} -> Base64
+                    const encodedId = btoa(`ev-${event.event_id}`);
+                    window.open(`/event-detail?id=${encodedId}`, "_blank");
                   }}
                   onMouseEnter={(e) => {
                     e.currentTarget.style.background = "rgba(40,40,70,0.9)";
diff --git a/src/views/LimitAnalyse/components/UnifiedSectorCard/components/RelatedEvents/RelatedEventsModal.tsx b/src/views/LimitAnalyse/components/UnifiedSectorCard/components/RelatedEvents/RelatedEventsModal.tsx
index f0dcf017..ae5d9902 100644
--- a/src/views/LimitAnalyse/components/UnifiedSectorCard/components/RelatedEvents/RelatedEventsModal.tsx
+++ b/src/views/LimitAnalyse/components/UnifiedSectorCard/components/RelatedEvents/RelatedEventsModal.tsx
@@ -54,7 +54,9 @@ const RelatedEventsModal: React.FC<RelatedEventsModalProps> = memo(
     const handleEventClick = useCallback(
       (event: RelatedEvent) => {
         onClose();
-        navigate(`/community?event_id=${event.event_id}`);
+        // 事件 ID 需要转换为 Base64 编码格式：ev-{id} -> Base64
+        const encodedId = btoa(`ev-${event.event_id}`);
+        navigate(`/event-detail?id=${encodedId}`);
       },
       [navigate, onClose]
     );