body {
font-family: ‘Noto Sans TC’, sans-serif;
margin: 0;
background: #f5f5f5;
color: #333;
line-height: 1.6;
}

/* 導覽列樣式 */
.navbar {
display: flex;
justify-content: space-between;
align-items: center;
background: #4b8e4b;
color: #fff;
padding: 1em;
position: relative;
}

.nav-logo {
font-size: 1.2em;
font-weight: bold;
}

.nav-links {
list-style: none;
display: flex;
gap: 1.5em;
margin: 0;
}

.nav-links li a {
color: white;
text-decoration: none;
font-weight: 500;
}

.nav-toggle {
display: none;
font-size: 1.5em;
cursor: pointer;
}

/* 響應式選單 */
@media (max-width: 768px) {
.nav-links {
display: none;
flex-direction: column;
background: #4b8e4b;
position: absolute;
top: 60px;
right: 0;
width: 100%;
text-align: right;
padding: 1em;
}

.nav-links.show {
display: flex;
}

.nav-toggle {
display: block;
}
}

/* 頁面內容樣式 */
header.custom-header {
background: #a8d5ba;
padding: 2em 1em;
text-align: center;
color: #fff;
}

header.custom-header h1 {
margin: 0;
font-size: 2.2em;
}

header.custom-header p {
font-size: 1.1em;
margin-top: 0.5em;
}

.section {
padding: 2em 1.5em;
background: #fff;
margin: 1em auto;
max-width: 800px;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.section h2 {
color: #4b8e4b;
font-size: 1.6em;
}

footer.custom-footer {
text-align: center;
padding: 1em;
background: #d6e9c6;
color: #4b4b4b;
font-size: 0.9em;
}

• 節氣意義
• 民俗活動
• 文化象徵

清明節介紹

祭祖與踏青的節日

節氣意義

清明節是春季的重要節氣之一，標誌著氣候轉暖、萬物生長的開始。

民俗活動

• 掃墓祭祖：表達對祖先的追思與敬意。
• 踏青出遊：親近自然，欣賞春天美景。
• 植樹造林：象徵新生與希望。

文化象徵

清明節融合了孝道與自然哲學，反映中國傳統文化的「慎終追遠」精神。

const toggle = document.getElementById(‘navToggle’);
const links = document.getElementById(‘navLinks’);

toggle.addEventListener(‘click’, () => {
links.classList.toggle(‘show’);
});