jekkinoopy/sechskies
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor totoga2與首頁時間軸

Browse Source
This commit is contained in:
jekkinoopy
2026-05-17 20:41:13 +08:00
parent d0897a4656
commit 0d1acca358
17 changed files with 51 additions and 475 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/style.css
+10 -50
View File
@@ -13,7 +13,7 @@
--card-bg: #1a1a1a;
--bg-alt: #fcfaf2;
--text-main: #333;
--text-muted: #888;
--text-muted: #4d4d4d;
--surface: #fffdf7;
--surface-soft: #fff9e8;
/* 導覽無法進入之提示後備（互動後各連結以 inline 變數覆寫，每次滑過／聚焦重抽） */
@@ -473,9 +473,7 @@ nav a {
height: 100dvh;
margin: 0;
padding:
max(0.85rem, env(safe-area-inset-top, 0px))
clamp(14px, 2vw + 10px, 32px)
max(1rem, env(safe-area-inset-bottom, 0px));
max(0.85rem, env(safe-area-inset-top, 0px)) clamp(14px, 2vw + 10px, 32px) max(1rem, env(safe-area-inset-bottom, 0px));
z-index: 10000;
overflow: hidden;
background-color: var(--black);
@@ -2622,7 +2620,7 @@ body.ebook-ssg2-page .ebook-main p {
line-height: 1.7;
}
body.ebook-ssg2-page .ebook-intro.section p + p {
body.ebook-ssg2-page .ebook-intro.section p+p {
margin-top: -0.5rem;
font-size: 0.88rem;
color: #777;
@@ -2641,7 +2639,7 @@ body.ebook-ssg2-page .ebook-intro-notes .ebook-intro-note {
line-height: 1.5;
}
body.ebook-ssg2-page .ebook-intro-notes .ebook-intro-note + .ebook-intro-note {
body.ebook-ssg2-page .ebook-intro-notes .ebook-intro-note+.ebook-intro-note {
margin-top: 0.35rem;
}
@@ -2683,7 +2681,7 @@ body.ebook-ssg2-page .flip-ebook-aspect iframe {
}
/* PDF.js + PageFlip：與 iframe 相同，填滿 padding-top 預留區，否則父層 height:0 會看不到內容 */
body.ebook-ssg2-page .flip-ebook-aspect > #my-flipbook {
body.ebook-ssg2-page .flip-ebook-aspect>#my-flipbook {
position: absolute;
left: 0;
top: 0;
@@ -2720,7 +2718,7 @@ body.ebook-ssg2-page .flip-ebook-aspect.flip-ebook-aspect--pageflip {
background: #0a0a0a;
}
body.ebook-ssg2-page .flip-ebook-aspect--pageflip > #my-flipbook {
body.ebook-ssg2-page .flip-ebook-aspect--pageflip>#my-flipbook {
position: static;
width: auto;
height: auto;
@@ -2765,7 +2763,7 @@ body.ebook-ssg2-page .ebook-back-link {
margin: 0 0 2.5rem;
}
/* extra/totoga2-copy-ebook：翻書區與上方 section 同欄寬、無額外外距；#my-flipbook 滿寬＋圓角裁切 */
/* totoga2/ebook.html：翻書區與上方 section 同欄寬、無額外外距；#my-flipbook 滿寬＋圓角裁切 */
body.ebook-ssg2-page.totoga2-ebook-copy-page .ebook-intro.section {
margin-bottom: 1.25rem;
}
@@ -2790,7 +2788,7 @@ body.ebook-ssg2-page.totoga2-ebook-copy-page .flip-ebook-aspect.flip-ebook-aspec
}
body.ebook-ssg2-page.totoga2-ebook-copy-page #book-container.flip-ebook-aspect--pageflip,
body.ebook-ssg2-page.totoga2-ebook-copy-page .flip-ebook-aspect--pageflip > #my-flipbook {
body.ebook-ssg2-page.totoga2-ebook-copy-page .flip-ebook-aspect--pageflip>#my-flipbook {
width: 100%;
max-width: 100%;
margin: 0;
@@ -2840,30 +2838,7 @@ body.totoga2-page.totoga2-video-copy-page .ebook-main .bilivideo-tabs__shell {
margin-right: auto;
}
body.totoga2-page.totoga2-video-copy-page .totoga2-copy-sibling-links {
text-align: center;
font-size: 0.9rem;
margin: 0.5rem auto 0.85rem;
color: #555;
}
body.totoga2-page.totoga2-video-copy-page .totoga2-copy-sibling-links a {
color: #4a3d12;
font-weight: 650;
text-decoration: underline;
text-underline-offset: 0.2em;
}
body.totoga2-page.totoga2-video-copy-page .totoga2-copy-sibling-links a:hover {
color: #221a06;
}
body.totoga2-page.totoga2-video-copy-page .totoga2-copy-sibling-links__sep {
margin: 0 0.4rem;
opacity: 0.55;
}
/* DOM 上 tablist 在 panels 前（見 totoga2-video.html）；order 讓畫面仍為「影片在上、分集在下」 */
/* DOM 上 tablist 在 panels 前（見 totoga2/video.html）；order 讓畫面仍為「影片在上、分集在下」 */
body.totoga2-page.totoga2-video-copy-page .bilivideo-tabs__shell nav.bilivideo-episode-nav {
order: 2;
display: flex;
@@ -3007,26 +2982,11 @@ body.totoga2-page .ebook-back-link {
gap: 12px;
}
/* extra/totoga2 copy.html — 複本改為三獨立頁後的總覽；主檔 fallen/totoga2.html；子頁共用 .totoga2-split-crossnav */
/* totoga2/* 子頁共用 .totoga2-split-crossnav */
body.totoga2-page .totoga2-split-crossnav {
margin-top: 0.75rem;
}
body.totoga2-page .totoga2-copy-hub-main {
max-width: 960px;
margin: 0 auto 2rem;
padding: 0 14px;
}
body.totoga2-page .totoga2-copy-hub-nav {
margin-bottom: 2rem;
}
body.totoga2-page .totoga2-copy-hub-anchor-hint {
text-align: center;
font-size: 0.95rem;
}
/* member/member.html — 黑白水晶交錯格（2×4）與懸賞令海報 */
body.member-crystal-page .member-crystal-main {
padding: 1.75rem 14px 3rem;