
/* 整體版面:置中、簡約字體 */
.article-wrap {
max-width: 860px;
margin: 0 auto;
padding: 28px 20px 48px;
font-family: -apple-system, BlinkMacSystemFont, "Noto Sans TC", "PingFang TC",
"Microsoft JhengHei", system-ui, sans-serif;
line-height: 1.9;
color: #333333;
}
/* 首圖+摘要區塊(不包在 article-wrap 裡) */
.post-intro {
max-width: 860px;
margin: 0 auto 24px;
text-align: center;
}
.post-intro img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto 16px;
}
/* 文章大標題(24) */
.post-title {
font-size: 24px;
letter-spacing: 0.15em;
text-align: center;
color: #a04605;
margin: 0 0 24px;
}
/* 區塊小標題(22)-用
*/
.article-wrap h2 {
text-align: center;
font-size: 22px;
letter-spacing: 0.15em;
color: #a04605;
margin: 32px 0 18px;
}
/* 次級小標題(20)-用 (本篇可視需要使用) */
.article-wrap h3 {
font-size: 20px;
margin: 24px 0 12px;
color: #5a3a1f;
}
/* 一般內文段落(18)-用
.article-wrap h3 {
font-size: 20px;
margin: 24px 0 12px;
color: #5a3a1f;
}
/* 一般內文段落(18)-用
*/
.article-wrap p {
font-size: 18px;
margin: 0 0 1.6em;
}
/* 重點段落:用黑色圓點背景標記(class = kpoint) */
.article-wrap p.kpoint {
position: relative;
padding-left: 1.4em;
font-weight: 600;
/* 黑色小圓點,靠左側 */
background-image: radial-gradient(circle, #000000 0, #000000 45%, transparent 46%);
background-repeat: no-repeat;
background-position: 0.2em 0.9em;
background-size: 0.45em 0.45em;
}
/* 條列重點示範:黑色實心圓點(需要時可加 class="bullet-list") */
.article-wrap ul.bullet-list {
margin: 0 0 1.6em 1.6em;
padding: 0;
}
.article-wrap ul.bullet-list li {
font-size: 18px;
line-height: 1.9;
list-style-type: disc;
color: #000000;
margin: 0 0 0.4em;
}
/* 段落之間的細橫線:用
(可省略不用) */
.article-wrap p.separator {
border-top: 1px solid #e2ddd6;
margin: 40px 0;
}
/* 書籍色塊連結(了解更多書名用) */
.article-wrap p.book-link-wrap {
text-align: center;
margin: 32px 0 16px;
}
.article-wrap a.book-link-block {
display: inline-block;
padding: 10px 20px;
font-size: 18px;
border-radius: 999px;
background-color: #f3e7da;
color: #a04605;
text-decoration: none;
border: 1px solid rgba(160, 70, 5, 0.2);
}
.article-wrap a.book-link-block:hover {
background-color: #e6d7c5;
border-color: rgba(160, 70, 5, 0.5);
}
/* 文末「了解更多無極瑤池金母 靈修觀念」標題 */
.article-wrap p.channel-title {
text-align: center;
font-size: 18px;
letter-spacing: 0.2em;
margin: 40px 0 16px;
}
/* 文末頻道連結區塊(橫式+圖示) */
.article-wrap ul.channel-links {
list-style: none;
padding: 0;
margin: 0 0 8px;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px 18px;
}
.article-wrap ul.channel-links li {
margin: 0;
}
.article-wrap ul.channel-links a {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 16px;
color: #555555;
text-decoration: none;
border-bottom: none;
}
/* 圓形色塊圖示:咖啡色(YouTube)、灰色(Podcast) */
.article-wrap .channel-icon {
width: 22px;
height: 22px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: bold;
color: #ffffff;
}
.article-wrap .channel-icon.yt {
background-color: #a04605; /* 咖啡色 */
}
.article-wrap .channel-icon.pod {
background-color: #888888; /* 灰色 */
}
.article-wrap ul.channel-links a span.channel-text {
border-bottom: 1px solid rgba(160, 70, 5, 0.3);
padding-bottom: 1px;
}
.article-wrap ul.channel-links a:hover span.channel-text {
border-bottom-color: rgba(160, 70, 5, 0.8);
}
你通的靈是仙佛菩薩,高靈降臨?還是幻想——3個簡單又容易的自我印證方法