优化移动端体验

src/app/play/page.tsx

@@ -2990,35 +2990,7 @@ function PlayPageClient() {
                   </div>
                 )}
 
-                {/* 弹幕源切换按钮 - 当有弹幕加载完成且不在加载中时显示 */}
-                {!danmakuLoading && currentDanmakuSelection && (
-                  <div className='absolute top-0 right-0 m-4 z-[600]'>
-                    <button
-                      onClick={handleReselectDanmakuSource}
-                      className='flex items-center gap-2 bg-black/80 hover:bg-black/90 backdrop-blur-sm
-                               rounded-lg px-3 py-2 border border-green-500/30 hover:border-green-500/60
-                               transition-all duration-200 group'
-                      title='切换弹幕源'
-                    >
-                      <svg
-                        className='w-4 h-4 text-green-400 group-hover:text-green-300'
-                        fill='none'
-                        stroke='currentColor'
-                        viewBox='0 0 24 24'
-                      >
-                        <path
-                          strokeLinecap='round'
-                          strokeLinejoin='round'
-                          strokeWidth={2}
-                          d='M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4'
-                        />
-                      </svg>
-                      <span className='text-sm font-medium text-green-400 group-hover:text-green-300'>
-                        切换弹幕源
-                      </span>
-                    </button>
-                  </div>
-                )}
+                
               </div>
 
               {/* 第三方应用打开按钮 */}

src/components/DanmakuPanel.tsx

@@ -124,7 +124,7 @@ export default function DanmakuPanel({
   }, [videoTitle, searchKeyword]);
 
   return (
-    <div className='flex h-full flex-col'>
+    <div className='flex h-full flex-col overflow-hidden'>
       {/* 搜索区域 */}
       <div className='mb-4 flex-shrink-0'>
         <div className='flex gap-2'>
@@ -138,22 +138,30 @@ export default function DanmakuPanel({
               }
             }}
             placeholder='输入动漫名称搜索弹幕...'
-            className='flex-1 rounded-lg border border-gray-300 px-4 py-2 text-sm
+            className='flex-1 rounded-lg border border-gray-300 px-3 py-2 text-sm
                      transition-colors focus:border-green-500 focus:outline-none
                      focus:ring-2 focus:ring-green-500/20
-                     dark:border-gray-600 dark:bg-gray-800 dark:text-white'
+                     dark:border-gray-600 dark:bg-gray-800 dark:text-white
+                     sm:px-4'
             disabled={isSearching}
           />
           <button
             onClick={() => handleSearch(searchKeyword)}
             disabled={isSearching}
-            className='flex items-center gap-2 rounded-lg bg-green-500 px-4 py-2
+            className='flex items-center justify-center gap-2 rounded-lg bg-green-500 px-3 py-2
                      text-sm font-medium text-white transition-colors
                      hover:bg-green-600 disabled:cursor-not-allowed
-                     disabled:opacity-50 dark:bg-green-600 dark:hover:bg-green-700'
+                     disabled:opacity-50 dark:bg-green-600 dark:hover:bg-green-700
+                     sm:px-4 md:gap-2'
           >
-            <MagnifyingGlassIcon className='h-4 w-4' />
-            {isSearching ? '搜索中...' : '搜索'}
+            {isSearching ? (
+              <div className='h-4 w-4 animate-spin rounded-full border-2 border-white border-t-transparent' />
+            ) : (
+              <MagnifyingGlassIcon className='h-4 w-4' />
+            )}
+            <span className='hidden sm:inline'>
+              {isSearching ? '搜索中...' : '搜索'}
+            </span>
           </button>
         </div>
 
@@ -187,7 +195,7 @@ export default function DanmakuPanel({
       </div>
 
       {/* 内容区域 */}
-      <div className='flex-1 overflow-y-auto'>
+      <div className='flex-1 overflow-y-auto min-h-0'>
         {/* 显示剧集列表 */}
         {selectedAnime && (
           <div className='space-y-2'>
@@ -217,7 +225,7 @@ export default function DanmakuPanel({
 
             {/* 剧集网格 */}
             {!isLoadingEpisodes && episodes.length > 0 && (
-              <div className='grid grid-cols-5 gap-2'>
+              <div className='grid grid-cols-5 gap-2 pb-4'>
                 {episodes.map((episode) => {
                   const isSelected = isEpisodeSelected(episode.episodeId);
                   return (
@@ -250,7 +258,7 @@ export default function DanmakuPanel({
 
         {/* 显示搜索结果 */}
         {!selectedAnime && searchResults.length > 0 && (
-          <div className='space-y-2'>
+          <div className='space-y-2 pb-4'>
             {searchResults.map((anime) => (
               <div
                 key={anime.animeId}

src/components/EpisodeSelector.tsx

@@ -401,12 +401,14 @@ const EpisodeSelector: React.FC<EpisodeSelectorProps> = ({
 
       {/* 弹幕 Tab 内容 */}
       {activeTab === 'danmaku' && onDanmakuSelect && (
-        <DanmakuPanel
-          videoTitle={videoTitle || ''}
-          currentEpisodeIndex={value - 1}
-          onDanmakuSelect={onDanmakuSelect}
-          currentSelection={currentDanmakuSelection || null}
-        />
+        <div className='flex-1 min-h-0 overflow-hidden'>
+          <DanmakuPanel
+            videoTitle={videoTitle || ''}
+            currentEpisodeIndex={value - 1}
+            onDanmakuSelect={onDanmakuSelect}
+            currentSelection={currentDanmakuSelection || null}
+          />
+        </div>
       )}
 
       {/* 选集 Tab 内容 */}