隐藏外部链接显示，仅在点击【去试试】按钮时跳转

Author: CC11001100

src/components/ChallengeDetailPage/ChallengeActions.tsx

@@ -26,16 +26,34 @@ const ChallengeActions: React.FC<ChallengeActionsProps> = ({ challenge, isMobile
                 display: 'flex', 
                 justifyContent: 'center',
                 width: '100%',
-                marginTop: '8px'
+                marginTop: '8px',
+                flexDirection: 'column',
+                gap: '12px'
             }}>
+                {challenge.externalLink && (
+                    <Button 
+                        type="primary" 
+                        onClick={() => window.open(challenge.externalLink, '_blank')}
+                        size="middle"
+                        style={{ 
+                            width: '100%',
+                            maxWidth: '400px',
+                            alignSelf: 'center'
+                        }}
+                    >
+                        {t('challenge.detail.startChallenge')}
+                    </Button>
+                )}
+                
                 <Button 
-                    type="primary" 
+                    type="default" 
                     icon={<HomeOutlined />} 
                     onClick={() => navigate('/challenges')}
                     size="middle"
                     style={{ 
                         width: '100%',
-                        maxWidth: '400px'
+                        maxWidth: '400px',
+                        alignSelf: 'center'
                     }}
                 >
                     {t('challenge.actions.backToList')}

src/components/ChallengeDetailPage/ChallengeMetadata.tsx

@@ -72,25 +72,6 @@ const ChallengeMetadata: React.FC<ChallengeMetadataProps> = ({ challenge, isMobi
                         {formatDateTime(challenge.updateTime)}
                     </Text>
                 </Descriptions.Item>
-                
-                {challenge.externalLink && (
-                    <Descriptions.Item 
-                        label={t('challenge.detail.originalLink')}
-                        span={1}
-                    >
-                        <a 
-                            href={challenge.externalLink} 
-                            target="_blank" 
-                            rel="noopener noreferrer"
-                            style={{ 
-                                wordBreak: 'break-all',
-                                fontSize: '12px'
-                            }}
-                        >
-                            {challenge.externalLink}
-                        </a>
-                    </Descriptions.Item>
-                )}
             </Descriptions>
         );
     }
@@ -128,23 +109,6 @@ const ChallengeMetadata: React.FC<ChallengeMetadataProps> = ({ challenge, isMobi
                 <Text type="secondary">{t('challenge.detail.updated')}:</Text>
                 <Text style={{ marginLeft: '8px' }}>{formatDateTime(challenge.updateTime)}</Text>
             </div>
-            
-            {challenge.externalLink && (
-                <div style={{ width: '100%' }}>
-                    <Text type="secondary">{t('challenge.detail.originalLink')}:</Text>
-                    <a 
-                        href={challenge.externalLink} 
-                        target="_blank" 
-                        rel="noopener noreferrer"
-                        style={{ 
-                            marginLeft: '8px',
-                            wordBreak: 'break-all'
-                        }}
-                    >
-                        {challenge.externalLink}
-                    </a>
-                </div>
-            )}
         </div>
     );
 };