diff --git a/frontend/components/review/shared/AudioSection.tsx b/frontend/components/review/shared/AudioSection.tsx
deleted file mode 100644
index 97a3ef1..0000000
--- a/frontend/components/review/shared/AudioSection.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import AudioPlayer from '@/components/AudioPlayer'
-
-interface AudioSectionProps {
-  word: string
-  pronunciation?: string
-  className?: string
-  showPronunciation?: boolean
-}
-
-export const AudioSection: React.FC<AudioSectionProps> = ({
-  word,
-  pronunciation,
-  className = '',
-  showPronunciation = true
-}) => {
-  return (
-    <div className={`flex items-center justify-center gap-4 ${className}`}>
-      {/* 音頻播放器 */}
-      <AudioPlayer text={word} />
-
-      {/* 發音符號 */}
-      {showPronunciation && pronunciation && (
-        <span className="text-gray-600 font-mono text-sm">
-          {pronunciation}
-        </span>
-      )}
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/frontend/components/review/shared/CardHeader.tsx b/frontend/components/review/shared/CardHeader.tsx
deleted file mode 100644
index 087051a..0000000
--- a/frontend/components/review/shared/CardHeader.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import { ReviewCardData } from '@/types/review'
-import { SynonymsDisplay } from './SynonymsDisplay'
-import { DifficultyBadge } from './DifficultyBadge'
-
-interface CardHeaderProps {
-  cardData: ReviewCardData
-  showTranslation?: boolean
-  className?: string
-}
-
-export const CardHeader: React.FC<CardHeaderProps> = ({
-  cardData,
-  showTranslation = true,
-  className = ''
-}) => {
-  return (
-    <div className={`text-center space-y-4 ${className}`}>
-      {/* 單字標題 */}
-      <div className="space-y-2">
-        <h2 className="text-3xl md:text-4xl font-bold text-gray-900">
-          {cardData.word}
-        </h2>
-
-        {/* 發音 */}
-        {cardData.pronunciation && (
-          <p className="text-lg text-gray-600 font-mono">
-            {cardData.pronunciation}
-          </p>
-        )}
-
-        {/* 翻譯 */}
-        {showTranslation && (
-          <p className="text-xl text-blue-600 font-medium">
-            {cardData.translation}
-          </p>
-        )}
-      </div>
-
-      {/* 難度等級和同義詞 */}
-      <div className="flex items-center justify-center gap-4 flex-wrap">
-        <DifficultyBadge level={cardData.difficultyLevel} />
-        <SynonymsDisplay synonyms={cardData.synonyms} />
-      </div>
-
-      {/* 定義 */}
-      <div className="max-w-2xl mx-auto">
-        <p className="text-gray-700 leading-relaxed">
-          {cardData.definition}
-        </p>
-      </div>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/frontend/components/review/shared/ConfidenceButtons.tsx b/frontend/components/review/shared/ConfidenceButtons.tsx
deleted file mode 100644
index 929e8be..0000000
--- a/frontend/components/review/shared/ConfidenceButtons.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import { ConfidenceLevel } from '@/types/review'
-
-interface ConfidenceButtonsProps {
-  selectedLevel?: ConfidenceLevel | undefined
-  onSelect: (level: ConfidenceLevel) => void
-  disabled?: boolean
-  className?: string
-}
-
-export const ConfidenceButtons: React.FC<ConfidenceButtonsProps> = ({
-  selectedLevel,
-  onSelect,
-  disabled = false,
-  className = ''
-}) => {
-  const confidenceLevels: { level: ConfidenceLevel; label: string; color: string }[] = [
-    { level: 1, label: '完全不會', color: 'bg-red-500 hover:bg-red-600' },
-    { level: 2, label: '不太會', color: 'bg-orange-500 hover:bg-orange-600' },
-    { level: 3, label: '一般', color: 'bg-yellow-500 hover:bg-yellow-600' },
-    { level: 4, label: '還算會', color: 'bg-blue-500 hover:bg-blue-600' },
-    { level: 5, label: '非常熟悉', color: 'bg-green-500 hover:bg-green-600' }
-  ]
-
-  return (
-    <div className={`space-y-4 ${className}`}>
-      <h3 className="text-lg font-medium text-gray-900 text-center">
-        對這個單字的熟悉程度如何？
-      </h3>
-
-      <div className="grid grid-cols-1 sm:grid-cols-5 gap-3">
-        {confidenceLevels.map(({ level, label, color }) => (
-          <button
-            key={level}
-            onClick={() => onSelect(level)}
-            disabled={disabled}
-            className={`
-              px-4 py-3 rounded-lg text-white font-medium text-sm
-              transition-all duration-200 transform
-              ${selectedLevel === level
-                ? `${color} ring-2 ring-offset-2 ring-gray-400 scale-105`
-                : `${color} hover:scale-105`
-              }
-              ${disabled ? 'opacity-50 cursor-not-allowed' : 'hover:shadow-lg active:scale-95'}
-            `}
-          >
-            <div className="text-center">
-              <div className="text-lg font-bold">{level}</div>
-              <div className="text-xs">{label}</div>
-            </div>
-          </button>
-        ))}
-      </div>
-
-      {selectedLevel && (
-        <p className="text-center text-sm text-gray-600">
-          已選擇: {confidenceLevels.find(c => c.level === selectedLevel)?.label}
-        </p>
-      )}
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/frontend/components/review/shared/DifficultyBadge.tsx b/frontend/components/review/shared/DifficultyBadge.tsx
deleted file mode 100644
index 08fd056..0000000
--- a/frontend/components/review/shared/DifficultyBadge.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-interface DifficultyBadgeProps {
-  level: string
-  className?: string
-}
-
-export const DifficultyBadge: React.FC<DifficultyBadgeProps> = ({
-  level,
-  className = ''
-}) => {
-  const getBadgeStyle = (level: string) => {
-    switch (level?.toUpperCase()) {
-      case 'A1':
-        return 'bg-green-100 text-green-800 border-green-200'
-      case 'A2':
-        return 'bg-blue-100 text-blue-800 border-blue-200'
-      case 'B1':
-        return 'bg-yellow-100 text-yellow-800 border-yellow-200'
-      case 'B2':
-        return 'bg-orange-100 text-orange-800 border-orange-200'
-      case 'C1':
-        return 'bg-red-100 text-red-800 border-red-200'
-      case 'C2':
-        return 'bg-purple-100 text-purple-800 border-purple-200'
-      default:
-        return 'bg-gray-100 text-gray-800 border-gray-200'
-    }
-  }
-
-  return (
-    <span
-      className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border ${getBadgeStyle(level)} ${className}`}
-    >
-      {level?.toUpperCase() || 'N/A'}
-    </span>
-  )
-}
\ No newline at end of file
diff --git a/frontend/components/review/shared/SynonymsDisplay.tsx b/frontend/components/review/shared/SynonymsDisplay.tsx
deleted file mode 100644
index cbd340f..0000000
--- a/frontend/components/review/shared/SynonymsDisplay.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-interface SynonymsDisplayProps {
-  synonyms: string[]
-  className?: string
-  showLabel?: boolean
-}
-
-export const SynonymsDisplay: React.FC<SynonymsDisplayProps> = ({
-  synonyms,
-  className = '',
-  showLabel = true
-}) => {
-  if (!synonyms || synonyms.length === 0) {
-    return null
-  }
-
-  return (
-    <div className={`inline-flex items-center gap-2 ${className}`}>
-      {showLabel && (
-        <span className="text-sm font-medium text-gray-500">同義詞:</span>
-      )}
-      <div className="flex flex-wrap gap-1">
-        {synonyms.map((synonym, index) => (
-          <span
-            key={index}
-            className="px-2 py-1 bg-blue-100 text-blue-700 text-sm rounded-full font-medium"
-          >
-            {synonym}
-          </span>
-        ))}
-      </div>
-    </div>
-  )
-}
\ No newline at end of file