fix

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

@@ -193,7 +193,7 @@
 
     .boxFinger {
         flex: 1;
-        padding-top: 76px;
+        padding-top: 50px;
         overflow: hidden;
     }
 
@@ -525,7 +525,7 @@
     display: flex;
     justify-content: space-evenly;
     align-items: center;
-    padding: 0 10px 14px 10px;
+    padding: 0 10px 8px 10px;
 }
 
 .loading {

src/page-instrument/view-figner/index.tsx

@@ -407,7 +407,7 @@ export default defineComponent({
 					</div>
 					<div class={styles.fingerContent}>
 						<div class={styles.wrapFinger}>
-							<div id="fingeringContainer" class={styles.boxFinger}>
+							<div id="fingeringContainer" class={styles.boxFinger} style={{paddingTop: ['piccolo', 'hulusi-flute'].includes(data.subject) ? '2rem' : '1.33333rem'}}>
 								<div
 									style={{
 										transform: `translate3d(${data.transform.x}px,${data.transform.y}px,0px) scale(${data.transform.scale})`,