style: 修改竖屏显示样式.

src/components/MedalItemDetail.svelte

@@ -4,14 +4,14 @@
   export let pics = [];
 </script>
 
-<div class="carousel w-full" style="height: calc(80vh - 4rem - 3rem - 0.5rem);">
+<div class="carousel w-full" style="max-height: calc(80vh - 4rem - 3rem - 0.5rem);">
   {#each pics as pic, index}
     <div id={pic + index} class="carousel-item w-full">
       <img src={pic} class="w-full object-contain" alt={pic} />
     </div>
   {/each}
 </div>
-<div class="flex justify-center w-full gap-2 overflow-x-auto max-[1024px]:justify-start" style="height: 4rem;">
+<div class="flex justify-center w-full gap-2 overflow-x-auto max-[1024px]:justify-start h-16">
   {#each pics as pic, index}
     <a href={'#' + pic + index} class="w-16 h-16 btn btn-xs flex flex-col">
       <div class="w-10 h-10 flex items-center">

src/components/MedalWrap.svelte

@@ -54,16 +54,14 @@
 
 <style>
   /* NOTE: 对 Modal 的究极魔改, 很不容易. */
-  .globalModal {
+  ._customModal {
     @apply modal-box;
-    height: 80vh;
     width: 70vw;
     max-width: 70vw;
   }
 
   @media (max-width: 1024px) {
-    .globalModal {
-      height: 80vh;
+    ._customModal {
       width: 96vw;
       max-width: 96vw;
     }