fix: 教学资源区域增加间距，避免动画被遮挡

Made-with: Cursor

reading-platform-frontend/src/views/teacher/lessons/components/KidsMode.vue

@@ -1511,6 +1511,7 @@ onUnmounted(() => {
 
 .resources-section {
   margin-bottom: 16px;
+  padding: 4px 0; /* 为动画留出上下呼吸空间，避免被父级裁剪 */
 
   .section-label {
     display: flex;
@@ -1518,7 +1519,7 @@ onUnmounted(() => {
     gap: 8px;
     font-size: 18px;
     color: #8D6E63;
-    margin-bottom: 12px;
+    margin-bottom: 16px;
     text-transform: uppercase;
     letter-spacing: 1px;
     font-weight: 700;
@@ -1530,9 +1531,9 @@ onUnmounted(() => {
 
   .resources-track {
     display: flex;
-    gap: 12px;
+    gap: 16px;
     overflow-x: auto;
-    padding-bottom: 8px;
+    padding: 16px 12px; /* 增加内边距，为 scale/shadow 动画留出空间 */
     flex-wrap: wrap;
 
     &::-webkit-scrollbar {