diff --git a/totoga2/readable 260519.html b/totoga2/readable 260519.html index 74f08f7..8bf7e68 100644 --- a/totoga2/readable 260519.html +++ b/totoga2/readable 260519.html @@ -29,19 +29,14 @@ position: static; z-index: auto; background: var(--surface); - border: 2px solid rgba(255, 204, 0, 0.2); - border-left: 5px solid var(--primary); border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); overflow: visible; } - - /* 同列共用奶油底、外框與欄間距(內文 section 仍保留 padding,不重複底色) */ body.ebook-ssg2-page.totoga2-page #totoga2-reader .container { padding: 0.75rem; - /* gap: 0.75rem; */ } /* 同列共用奶油底、外框與欄間距(內文 section 仍保留 padding,不重複底色) */ @@ -49,19 +44,13 @@ body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container21):has(> .container22), body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container31):has(> .container32):has(> .container33), body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container41):has(> .container42):has(> .container43):has(> .container44) { - /* padding: 0.75rem; */ gap: 0.75rem; - /* background: var(--surface); - border: 1px solid rgba(255, 204, 0, 0.15); */ border-radius: 16px; - /* box-shadow: 0 14px 34px rgba(0, 0, 0, 0.15); */ overflow: hidden; } - body.ebook-ssg2-page.totoga2-page #totoga2-reader .container11 section.ebook-intro.section, - body.ebook-ssg2-page.totoga2-page #totoga2-reader [class^="container2"] section.ebook-intro.section, - body.ebook-ssg2-page.totoga2-page #totoga2-reader [class^="container3"] section.ebook-intro.section, - body.ebook-ssg2-page.totoga2-page #totoga2-reader [class^="container4"] section.ebook-intro.section { + /* 所有 container 內的 section 透明背景(已由 .containers 提供) */ + body.ebook-ssg2-page.totoga2-page #totoga2-reader [class^="container"] section.ebook-intro.section { background: transparent; border: none; box-shadow: none; @@ -161,31 +150,11 @@ /* 各欄內文字區:與一欄 section 同款邊距(不另縮 42rem 置中欄) */ body.ebook-ssg2-page.totoga2-page #totoga2-reader .container11 section.ebook-intro.section, - body.ebook-ssg2-page.totoga2-page #totoga2-reader .container21 section.ebook-intro.section, - body.ebook-ssg2-page.totoga2-page #totoga2-reader .container22 section.ebook-intro.section, - body.ebook-ssg2-page.totoga2-page #totoga2-reader .container31 section.ebook-intro.section, - body.ebook-ssg2-page.totoga2-page #totoga2-reader .container32 section.ebook-intro.section, - body.ebook-ssg2-page.totoga2-page #totoga2-reader .container33 section.ebook-intro.section, - body.ebook-ssg2-page.totoga2-page #totoga2-reader .container41 section.ebook-intro.section, - body.ebook-ssg2-page.totoga2-page #totoga2-reader .container42 section.ebook-intro.section, - body.ebook-ssg2-page.totoga2-page #totoga2-reader .container43 section.ebook-intro.section, - body.ebook-ssg2-page.totoga2-page #totoga2-reader .container44 section.ebook-intro.section { - width: 100%; - max-width: 100%; - clear: both; - box-sizing: border-box; - /* margin-bottom: 1.25rem; */ - } - body.ebook-ssg2-page.totoga2-page #totoga2-reader .container21 section.ebook-intro.section p.ebook-intro-lead, - body.ebook-ssg2-page.totoga2-page #totoga2-reader .container22 section.ebook-intro.section p.ebook-intro-lead, - body.ebook-ssg2-page.totoga2-page #totoga2-reader .container31 section.ebook-intro.section p.ebook-intro-lead, - body.ebook-ssg2-page.totoga2-page #totoga2-reader .container32 section.ebook-intro.section p.ebook-intro-lead, - body.ebook-ssg2-page.totoga2-page #totoga2-reader .container33 section.ebook-intro.section p.ebook-intro-lead, - body.ebook-ssg2-page.totoga2-page #totoga2-reader .container41 section.ebook-intro.section p.ebook-intro-lead, - body.ebook-ssg2-page.totoga2-page #totoga2-reader .container42 section.ebook-intro.section p.ebook-intro-lead, - body.ebook-ssg2-page.totoga2-page #totoga2-reader .container43 section.ebook-intro.section p.ebook-intro-lead, - body.ebook-ssg2-page.totoga2-page #totoga2-reader .container44 section.ebook-intro.section p.ebook-intro-lead { + /* 多欄內文段落:移除置中約束 */ + body.ebook-ssg2-page.totoga2-page #totoga2-reader [class^="container2"] section.ebook-intro.section p.ebook-intro-lead, + body.ebook-ssg2-page.totoga2-page #totoga2-reader [class^="container3"] section.ebook-intro.section p.ebook-intro-lead, + body.ebook-ssg2-page.totoga2-page #totoga2-reader [class^="container4"] section.ebook-intro.section p.ebook-intro-lead { max-width: none; margin-left: 0; margin-right: 0; @@ -193,15 +162,10 @@ } - body.ebook-ssg2-page.totoga2-page #totoga2-reader .container21 section.ebook-intro.section h3, - body.ebook-ssg2-page.totoga2-page #totoga2-reader .container22 section.ebook-intro.section h3, - body.ebook-ssg2-page.totoga2-page #totoga2-reader .container31 section.ebook-intro.section h3, - body.ebook-ssg2-page.totoga2-page #totoga2-reader .container32 section.ebook-intro.section h3, - body.ebook-ssg2-page.totoga2-page #totoga2-reader .container33 section.ebook-intro.section h3, - body.ebook-ssg2-page.totoga2-page #totoga2-reader .container41 section.ebook-intro.section h3, - body.ebook-ssg2-page.totoga2-page #totoga2-reader .container42 section.ebook-intro.section h3, - body.ebook-ssg2-page.totoga2-page #totoga2-reader .container43 section.ebook-intro.section h3, - body.ebook-ssg2-page.totoga2-page #totoga2-reader .container44 section.ebook-intro.section h3 { + /* 多欄內 h3:移除置中約束 */ + body.ebook-ssg2-page.totoga2-page #totoga2-reader [class^="container2"] section.ebook-intro.section h3, + body.ebook-ssg2-page.totoga2-page #totoga2-reader [class^="container3"] section.ebook-intro.section h3, + body.ebook-ssg2-page.totoga2-page #totoga2-reader [class^="container4"] section.ebook-intro.section h3 { max-width: none; margin-left: 0; margin-right: 0; @@ -409,6 +373,10 @@ z-index: 2; } + body.ebook-ssg2-page.totoga2-page .ebook-main #totoga2-reader .ebook-section { + margin-bottom: 0; + } + body.ebook-ssg2-page.totoga2-page .ebook-main #totoga2-reader .ebook-intro.section h3, body.ebook-ssg2-page.totoga2-page .ebook-main #totoga2-reader .ebook-section h3 { max-width: 100%; @@ -435,7 +403,7 @@ padding: 1.25rem; border-radius: 8px; margin-bottom: 1.5rem; - border-left: 5px solid var(--primary); + /* border-left: 5px solid var(--primary); */ } /* 只有在 .overlap-style 裡面的 31、32、33 才會套用重疊效果 */ diff --git a/totoga2/readable/11-3_160416_0_03.png b/totoga2/readable/11-3_160416_0_03.png index 707b568..4529a8f 100644 Binary files a/totoga2/readable/11-3_160416_0_03.png and b/totoga2/readable/11-3_160416_0_03.png differ