布局修改

src/page-instrument/component/authorName/index.module.less

@@ -1,5 +1,5 @@
 .authorName{
-    height: 1.8rem;
+    height: 1.8rem; // 与smoothAnimationBox高度对应
 }
 .title{
     width: 280px;

src/page-instrument/view-detail/index.module.less

@@ -78,8 +78,8 @@
         overflow: hidden;
         :global{
             #musicAndSelection {
-                // 其他位置 这个高度留白是36，这里加了一点，让旋律线靠下一点
-                padding-top: 40px;
+                --musicAndSelectionTop: 40px;
+                padding-top: var(--musicAndSelectionTop);
             }
         }
     }

src/page-instrument/view-detail/smoothAnimation/index.less

@@ -8,7 +8,8 @@
 #musicAndSelection.singleLineMusicBox{
     .smoothAnimationBox{
         display: flex;
-        align-items: center;
+        align-items: flex-end;
+        height: 1.8rem; // 与authorName高度对应
         &.smoothAnimationBoxHide{
             opacity: 0;
             visibility: hidden;
@@ -37,7 +38,7 @@
         position: fixed;
         // position: absolute;
         left: 0;
-        top: 36px;
+        top: var(--musicAndSelectionTop);
         width: 100vw;
     }
 }