修复前端页面问题

frontend/src/pages/ProjectCreateEnhanced.tsx

@@ -302,16 +302,6 @@ export const ProjectCreateEnhanced = () => {
     return false // 阻止自动上传
   }
 
-  // 选择"从头创作"模式
-  const handleSelectCreateMode = () => {
-    setCreationMode('create')
-    setUploadedScript('')
-    // 重置子模式
-    setCreateSubMode(null)
-    setDirectTextInput('')
-    setInspirationFile(null)
-  }
-
   // 选择从头创作的子模式
   const handleSelectCreateSubMode = (mode: 'text' | 'file') => {
     setCreateSubMode(mode)
@@ -323,7 +313,7 @@ export const ProjectCreateEnhanced = () => {
     }
   }
 
-  // 清除创作方式选择
+  // 清除创作方式选择（取消所有选择）
   const handleClearCreationMode = () => {
     setCreationMode(null)
     setCreateSubMode(null)
@@ -934,19 +924,44 @@ export const ProjectCreateEnhanced = () => {
 
               {/* 创作方式选择 */}
               <Card title="选择创作方式" extra={<SettingOutlined />}>
-                <Space direction="vertical" size="middle" style={{ width: '100%' }}>
+                <Radio.Group
+                  value={creationMode}
+                  onChange={(e) => {
+                    const mode = e.target.value
+                    setCreationMode(mode)
+                    // 切换模式时清空相关状态
+                    if (mode === 'upload') {
+                      setCreateSubMode(null)
+                      setDirectTextInput('')
+                      setInspirationFile(null)
+                    } else if (mode === 'create') {
+                      setUploadedScript('')
+                    }
+                  }}
+                  style={{ width: '100%' }}
+                >
+                  <Space direction="vertical" style={{ width: '100%' }} size="middle">
                     {/* 上传剧本选项 */}
+                    <Radio value="upload">
                       <Card
                         size="small"
-                    title="上传剧本"
                         style={{
-                      cursor: 'pointer',
+                          width: '100%',
-                      border: creationMode === 'upload' ? '2px solid #1677ff' : undefined,
+                          border: creationMode === 'upload' ? '2px solid #1677ff' : '1px solid #d9d9d9',
                           backgroundColor: creationMode === 'upload' ? '#f0f5ff' : undefined
                         }}
-                    onClick={() => setCreationMode('upload')}
                       >
-                    <div onClick={(e) => e.stopPropagation()}>
+                        <Space direction="vertical" style={{ width: '100%' }}>
+                          <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
+                            <UploadOutlined style={{ fontSize: '20px', color: '#1677ff' }} />
+                            <span style={{ fontWeight: 500 }}>上传完整剧本</span>
+                          </div>
+                          <p style={{ margin: '8px 0', color: '#666' }}>
+                            上传已有剧本，AI 将分析提取人物、世界观和剧情大纲
+                          </p>
+
+                          {creationMode === 'upload' && (
+                            <>
                               <Upload.Dragger
                                 name="script"
                                 multiple={false}
@@ -972,19 +987,18 @@ export const ProjectCreateEnhanced = () => {
                                     size="small"
                                     onClick={(e) => {
                                       e.stopPropagation()
-                              handleClearCreationMode()
+                                      setUploadedScript('')
                                     }}
                                     style={{ marginLeft: '8px' }}
                                   >
-                            重新选择
+                                    重新上传
                                   </Button>
                                 </div>
                               )}
-                    </div>
 
                               {/* 剧本内容预览 */}
                               {uploadedScript && (
-                      <div style={{ marginTop: '16px' }}>
+                                <>
                                   <Divider style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
                                     <span>剧本预览</span>
                                     {uploadedScript.length > 500 && (
@@ -1031,35 +1045,30 @@ export const ProjectCreateEnhanced = () => {
                                       </Button>
                                     </div>
                                   )}
-                      </div>
+                                </>
                               )}
+                            </>
+                          )}
+                        </Space>
                       </Card>
+                    </Radio>
 
                     {/* 从头创作选项 */}
+                    <Radio value="create">
                       <Card
                         size="small"
-                    title={
-                      <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
-                        <span>从头创作</span>
-                        {creationMode !== 'create' && (
-                          <Button type="primary" size="small" onClick={handleSelectCreateMode}>
-                            选择此方式
-                          </Button>
-                        )}
-                        {creationMode === 'create' && (
-                          <Button size="small" onClick={handleClearCreationMode}>
-                            取消选择
-                          </Button>
-                        )}
-                      </div>
-                    }
                         style={{
-                      border: creationMode === 'create' ? '2px solid #1677ff' : undefined,
+                          width: '100%',
+                          border: creationMode === 'create' ? '2px solid #1677ff' : '1px solid #d9d9d9',
                           backgroundColor: creationMode === 'create' ? '#f0f5ff' : undefined
                         }}
                       >
-                    <Space direction="vertical" style={{ width: '100%' }} size="middle">
+                        <Space direction="vertical" style={{ width: '100%' }}>
-                      <p style={{ margin: 0, color: '#666' }}>
+                          <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
+                            <EditOutlined style={{ fontSize: '20px', color: '#1677ff' }} />
+                            <span style={{ fontWeight: 500 }}>从头创作</span>
+                          </div>
+                          <p style={{ margin: '8px 0', color: '#666' }}>
                             让 AI 根据你的创意完整生成人物设定和剧情大纲
                           </p>
 
@@ -1160,6 +1169,9 @@ export const ProjectCreateEnhanced = () => {
                           )}
                         </Space>
                       </Card>
+                    </Radio>
+                  </Space>
+                </Radio.Group>
 
                 {/* 已选择提示 */}
                 {creationMode && (
@@ -1193,7 +1205,6 @@ export const ProjectCreateEnhanced = () => {
                     }
                   />
                 )}
-                </Space>
               </Card>
 
               {/* 快捷操作：选择创作方式后显示 */}