feat 新增電子書頁面

This commit is contained in:
2026-05-13 14:16:38 +08:00
parent d994f841e5
commit b1f948f2d8
16 changed files with 243 additions and 359 deletions
+34 -7
View File
@@ -36,6 +36,7 @@ body.lyrics-page .lyrics-main-table {
width: 100%;
max-width: 1100px;
margin: 0 auto;
table-layout: fixed;
border-collapse: separate;
border-spacing: clamp(0.75rem, 2.5vw, 1.75rem);
background: transparent !important;
@@ -44,21 +45,41 @@ body.lyrics-page .lyrics-main-table {
}
body.lyrics-page .lyrics-main-table > tbody > tr > td {
padding: 0.35rem 0.5rem !important;
padding: 0 !important;
border: none !important;
border-bottom: none !important;
text-align: left !important;
color: inherit !important;
vertical-align: top !important;
background: transparent !important;
}
body.lyrics-page .main-left {
width: 48%;
max-width: 480px;
/* 兩欄等寬 + 同一套「卡片区」留白與邊框,左右才對稱 */
body.lyrics-page .main-left,
body.lyrics-page .lyrics-text-cell,
body.lyrics-page .lyrics-map-cell,
body.lyrics-page .lyrics-contact-cell {
width: 50%;
max-width: none;
box-sizing: border-box;
padding: clamp(0.85rem, 2vw, 1.15rem) clamp(0.9rem, 2.2vw, 1.25rem) !important;
border-radius: 14px;
border: 1px solid rgba(255, 255, 255, 0.08);
background: rgba(0, 0, 0, 0.22);
}
body.lyrics-page .main-left,
body.lyrics-page .lyrics-text-cell {
vertical-align: top;
}
body.lyrics-page .lyrics-map-cell {
vertical-align: top;
}
body.lyrics-page .lyrics-contact-cell {
vertical-align: middle;
}
body.lyrics-page .main-left iframe {
display: block;
width: 100%;
@@ -91,7 +112,14 @@ body.lyrics-page .lyrics-main-table p {
line-height: 1.55;
font-size: clamp(1rem, 2.2vw, 1.35rem);
margin: 0;
max-width: 52ch;
}
body.lyrics-page .lyrics-map-cell iframe {
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
}
body.lyrics-page .lyrics-contact-cell .contact {
margin-top: 0;
}
body.lyrics-page a {
@@ -108,7 +136,6 @@ body.lyrics-page .contact {
color: var(--lyrics-paper);
font-size: 0.95rem;
line-height: 1.65;
max-width: 42ch;
}
body.lyrics-page .contact h3 {