feat: 集成音频播放组件和视频播放器

style/tailwind.css

@@ -212,15 +212,15 @@
       max-width: 96rem;
     }
   }
+  .m-640 {
+    margin: calc(var(--spacing) * 640);
+  }
   .mt-2\! {
     margin-top: calc(var(--spacing) * 2) !important;
   }
   .mt-\[20rpx\]\! {
     margin-top: 20rpx !important;
   }
-  .mb-2\! {
-    margin-bottom: calc(var(--spacing) * 2) !important;
-  }
   .mb-2\.5\! {
     margin-bottom: calc(var(--spacing) * 2.5) !important;
   }
@@ -257,6 +257,9 @@
   .table {
     display: table;
   }
+  .h-100 {
+    height: calc(var(--spacing) * 100);
+  }
   .w-\[50\%\] {
     width: 50%;
   }
@@ -269,6 +272,9 @@
   .flex-shrink {
     flex-shrink: 1;
   }
+  .flex-grow {
+    flex-grow: 1;
+  }
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
@@ -359,6 +365,13 @@
     --tw-ordinal: ordinal;
     font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
   }
+  .underline {
+    text-decoration-line: underline;
+  }
+  .shadow {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-\[0_4rpx_12rpx_rgba\(0\,0\,0\,0\.05\)\] {
     --tw-shadow: 0 4rpx 12rpx var(--tw-shadow-color, rgba(0,0,0,0.05));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);