From 5f6f26df35120fb1589e2fb901057b327c6e6f11 Mon Sep 17 00:00:00 2001
From: lyf <2514544224@qq.com>
Date: Wed, 15 Jul 2026 18:07:28 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E8=AE=B2=E8=A7=A3=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E9=A1=B5=E6=AD=A3=E6=96=87=E4=B8=8E=E6=92=AD=E6=94=BE?=
 =?UTF-8?q?=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/exhibit/detail.vue               | 40 +++++++---------------
 tests/unit/ExhibitDetailAudioFirst.spec.ts |  2 +-
 2 files changed, 14 insertions(+), 28 deletions(-)

diff --git a/src/pages/exhibit/detail.vue b/src/pages/exhibit/detail.vue
index 834ba64..8b91876 100644
--- a/src/pages/exhibit/detail.vue
+++ b/src/pages/exhibit/detail.vue
@@ -58,10 +58,6 @@
           </view>
 
           <view class="content-section" :class="{ 'is-english': selectedAudioLanguage === 'en-US' }">
-            <view class="section-heading">
-              <text class="section-title">Transcript</text>
-              <text class="section-duration">{{ formatDetailAudioTime(detailAudioDurationSeconds) }}</text>
-            </view>
             <template v-if="currentDetailParagraphs.length">
               <text
                 v-for="(paragraph, paragraphIndex) in currentDetailParagraphs"
@@ -980,9 +976,11 @@ const handleBack = () => {
 }
 
 .detail-audio-play {
+  position: relative;
   width: 44px;
   height: 44px;
   min-width: 44px;
+  flex: 0 0 44px;
   padding: 0;
   display: flex;
   align-items: center;
@@ -993,6 +991,15 @@ const handleBack = () => {
   color: #141412;
 }
 
+.detail-audio-play svg {
+  display: block;
+  flex: none;
+}
+
+.detail-audio-play svg path {
+  transform: translateX(1px);
+}
+
 .detail-audio-play::after,
 .language-option::after {
   border: 0;
@@ -1060,34 +1067,13 @@ const handleBack = () => {
 }
 
 .content-section {
-  margin-top: 22px;
+  margin-top: 24px;
   padding-top: 0;
 }
 
-.section-heading {
-  display: flex;
-  align-items: baseline;
-  justify-content: space-between;
-  gap: 12px;
-}
-
-.section-title {
-  font-size: 18px;
-  line-height: 26px;
-  font-weight: 800;
-  color: #20241e;
-}
-
-.section-duration {
-  flex-shrink: 0;
-  font-size: 13px;
-  line-height: 20px;
-  color: #687064;
-}
-
 .section-text {
   display: block;
-  margin-top: 14px;
+  margin-top: 0;
   font-size: 16px;
   line-height: 26px;
   color: #31392e;
diff --git a/tests/unit/ExhibitDetailAudioFirst.spec.ts b/tests/unit/ExhibitDetailAudioFirst.spec.ts
index 24f6a92..b32ff70 100644
--- a/tests/unit/ExhibitDetailAudioFirst.spec.ts
+++ b/tests/unit/ExhibitDetailAudioFirst.spec.ts
@@ -142,7 +142,7 @@ describe('讲解详情音频优先布局', () => {
     expect(wrapper.get('.detail-audio-dock').classes()).toContain('is-playable')
     expect(wrapper.find('.language-switch').text()).toContain('English')
     expect(wrapper.get('.content-section').classes()).toContain('is-english')
-    expect(wrapper.get('.section-title').text()).toBe('Transcript')
+    expect(wrapper.find('.section-title').exists()).toBe(false)
     expect(wrapper.get('.section-text').text()).toContain('detailed English narration')
   })