/* 主體樣式 - 設定全域變數和基本字體 */
:root { --primary-color: #333; --secondary-color: #666; --accent-color: #e04444; --light-gray: #f8f9fa; --border-color: #e5e5e5; }
body { font-family: "Noto Sans TC", sans-serif; line-height: 1.8; color: var(--primary-color); background-color: white; }

/* Header 樣式 - 固定導航列設計 */
.site-header { background: white; border-bottom: 1px solid var(--border-color); padding: 1rem 0; position: sticky; top: 0; z-index: 100; backdrop-filter: blur(10px); }
.plogo img { height: 45px; }
.site-title { font-size: 1.2rem; font-weight: 600; color: var(--primary-color); text-decoration: none; margin-left: 1rem; }
.site-title:hover { color: var(--accent-color); text-decoration: none; }

/* 文章容器 - 主要內容區域設定 */
.article-container { max-width: 800px; margin: 0 auto; padding: 3rem 1rem; }

/* 文章標題 - 標題和副標題樣式 */
.article-title { font-size: 2.5rem; font-weight: 700; color: var(--primary-color); margin-bottom: 1rem; line-height: 1.3; }
.article-subtitle { font-size: 1.2rem; color: var(--secondary-color); margin-bottom: 3rem; font-weight: 300; }

/* 文章內容 - 基本內文樣式 */
.article-content { font-size: 1.1rem; line-height: 1.8; }
.article-content h2 { font-size: 1.8rem; font-weight: 600; margin: 3rem 0 1.5rem 0; color: var(--primary-color); border-left: 4px solid var(--accent-color); padding-left: 1rem; }
.article-content h3 { font-size: 1.4rem; font-weight: 500; margin: 2rem 0 1rem 0; color: var(--primary-color); }
.article-content h4 { font-size: 1.2rem; font-weight: 500; margin: 1.5rem 0 1rem 0; color: var(--accent-color); }
.article-content p { margin-bottom: 1.5rem; text-align: justify; }

/* 內容區塊 - 不同類型的強調區塊 */
.article-content .concept-block { background: var(--light-gray); padding: 1.5rem; border-radius: 8px; margin: 2rem 0; border-left: 4px solid var(--accent-color); }
.article-content .example-block { background: #f8f9fc; padding: 1.5rem; border-radius: 8px; margin: 2rem 0; border: 1px solid #e3e6f0; }
.article-content .risk-block { background: #fff5f5; padding: 1.5rem; border-radius: 8px; margin: 2rem 0; border-left: 4px solid #f56565; }
.article-content .solution-block { background: #f0fff4; padding: 1.5rem; border-radius: 8px; margin: 2rem 0; border-left: 4px solid #48bb78; }

/* 文字強調 - 重點文字樣式 */
.red { color: var(--accent-color); font-weight: 600; }
.highlight { background: linear-gradient(120deg, #fff9e6 0%, #fff9e6 100%); padding: 0.2rem 0.4rem; border-radius: 4px; }

/* 章節編號 - 圓形數字標籤 */
.section-number { display: inline-block; background: var(--accent-color); color: white; width: 2rem; height: 2rem; border-radius: 50%; text-align: center; line-height: 2rem; font-weight: 600; margin-right: 0.5rem; font-size: 0.9rem; }

/* 比較表格 - 對比內容專用表格 */
.comparison-table { background: white; border: 1px solid var(--border-color); border-radius: 8px; overflow: hidden; margin: 2rem 0; }
.comparison-table th { background: var(--light-gray); padding: 1rem; font-weight: 600; }
.comparison-table td { padding: 1rem; border-bottom: 1px solid var(--border-color); }

/* 響應式設計 - 手機版適配 */
@media (max-width: 768px) { .article-title { font-size: 2rem; } .article-container { padding: 2rem 1rem; } .article-content { font-size: 1rem; } }

/* 滾動條樣式 - 自訂滾動條外觀 */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: var(--secondary-color); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--primary-color); }

/* Footer Info Styling */
.footer-info p {
    display: inline; /* Keep text on one line */
    margin-right: 10px; /* Add some spacing between elements */
}
.footer-info ul {
    display: inline; /* Keep list items on one line */
    padding: 0;
    margin: 0;
    list-style: none; /* Remove bullet points */
}
.footer-info li {
    display: inline; /* Keep list items on one line */
    margin-right: 10px; /* Add spacing between list items */
}

/* Article Stats Styling */
.article-stats {
    font-size: 0.9rem;
    color: #888;
    margin-top: 5px;
}
.article-stats span {
    margin-right: 15px;
}
.article-stats i {
    margin-right: 5px;
}
/* 強制修改頁尾底色 */
.bg-dark2 {background-color:#101828 }