feat 新增電子書頁面

lyrics.html

@@ -36,7 +36,7 @@
                         <dd>K-Pop</dd>
                     </dl>
                 </td>
-                <td>
+                <td class="lyrics-text-cell">
                     <p>다신 볼 수 없을 것만 같던<br>
                         그대가 내 앞에 서 있네요<br>
                         지킬 수 있을지 모르며 약속했던<br>
@@ -91,16 +91,14 @@
                 </td>
             </tr>
             <tr>
-                <td colspan="2">
+                <td class="lyrics-map-cell">
                     <iframe
                         src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3163.2574996244366!2d126.9052587762962!3d37.54899662513289!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357c992bb3f6a887%3A0x6058954f87325221!2sYG%20Entertainment!5e0!3m2!1szh-TW!2stw!4v1776239000614!5m2!1szh-TW!2stw"
-                        width="100%" style="aspect-ratio: 16 / 9; max-width: 720px; border: 0; border-radius: 10px; display: block; margin: 1.5rem auto 0;"
+                        width="100%" style="aspect-ratio: 16 / 9; border: 0; border-radius: 10px; display: block; min-height: 200px;"
                         allowfullscreen loading="lazy"
                         referrerpolicy="no-referrer-when-downgrade"></iframe>
                 </td>
-            </tr>
-            <tr>
-                <td colspan="2">
+                <td class="lyrics-contact-cell">
                     <div class="contact">
                         <img src="https://ygfamily.com/home/assets/images/f_logo.svg" alt="YG Entertainment logo">
                         <h3>YG Entertainment</h3>