优化讲解详情页正文与播放图标

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;

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')
   })