注意：在您儲存之後您必須清除瀏覽器快取才可看到最新的變動。
?_=1來訪問最新頁面。
/* ================================ */
/* 樣式: .nav-dh - TOP導航盒子樣式 */
/* ================================ */
.nav-dh {
/* 設置盒子邊框的顏色為藍色，並定義邊框寬度為2px */
border: 2px solid blue;
/* 設置盒子的圓角為5px，使盒子角部更平滑 */
border-radius: 5px;
/* 設置背景顏色為淡藍色 (#87D9FF) */
background-color: #87D9FF;
/* 背景圖像的大小自動填充盒子，保持比例 */
background-size: cover;
/* 設置盒子的寬度為500px */
width: 500px;
/* 設置盒子的左右外邊距為自動，使其居中顯示 */
margin: auto;
/* 文本居中顯示 */
/* text-align: center; */
/* 設置盒子內容溢出隱藏，防止內容超出盒子外部 */
overflow: hidden;
/* 設置盒子為塊級元素，使其可以設置寬度和高度 */
display: block;
/* 設置字體為黑體（sans-serif風格的中文字體） */
/* font-family: "黑體"; */
/* 設置字體為粗體 */
/* font-weight: bold; */
}
/* ================================ */
/* 樣式: .nav-dh a:link, .nav-dh a:visited - 鏈接樣式（未訪問和已訪問狀態） */
/* ================================ */
.nav-dh a:link, .nav-dh a:visited {
/* 設置鏈接的背景色為深藍色 (#568FDE) */
background-color: #568FDE;
/* 設置鏈接文本顏色為白色 */
color: white;
/* 設置鏈接的內邊距為上下3px、左右6px，增加點擊區域 */
padding: 3px 6px;
/* 設置文本居中顯示 */
/* text-align: center; */
/* 去掉鏈接的默認下劃線 */
text-decoration: none;
/* 設置為內聯塊級元素，使其可以設置寬高並且可以並排顯示 */
display: inline-block;
}
/* ================================ */
/* 樣式: .nav-dh a:hover, .nav-dh a:active - 鏈接樣式（鼠標懸停和激活狀態） */
/* ================================ */
.nav-dh a:hover, .nav-dh a:active {
/* 鼠標懸停和點擊時背景色保持為深藍色 (#568FDE) */
background-color: #568FDE;
/* 設置動畫名稱為gradChan（漸變變化） */
animation-name: gradChan;
/* 設置動畫時長為0.5秒 */
animation-duration: 0.5s;
/* 設置動畫結束後保持動畫狀態（維持背景色變化） */
animation-fill-mode: forwards;
}
/* ================================ */
/* 樣式: .nav-dh-ct - 子元素的透明度樣式 */
/* ================================ */
.nav-dh-ct {
/* 設置子元素的透明度 */
opacity: 1;
}
/* ================================ */
/* 樣式: .nav-dh-ct > .reference a - 隱藏 .reference 元素中的鏈接 */
/* ================================ */
.nav-dh-ct > .reference a {
/* 隱藏 .reference 類中的所有鏈接 */
display: none;
}
/* ================================ */
/* 樣式: .nav-dh > .mw-selflink - 自動鏈接樣式（selflink） */
/* ================================ */
.nav-dh > .mw-selflink {
/* 設置背景色為中藍色 (#3366CC) */
background-color: #3366CC;
/* 設置文本顏色為白色 */
color: white;
/* 設置鏈接的內邊距為上下3px、左右6px */
padding: 3px 6px;
/* 設置文本居中顯示 */
text-align: center;
/* 去掉鏈接的默認下劃線 */
text-decoration: none;
/* 設置為內聯塊級元素，使其可以設置寬高並且可以並排顯示 */
display: inline-block;
}
/* ================================ */
/* 樣式: .nav-dh > .mw-selflink:hover - 鼠標懸停時自動鏈接的樣式 */
/* ================================ */
.nav-dh > .mw-selflink:hover {
/* 鼠標懸停時背景色保持為中藍色 (#3366CC) */
background-color: #3366CC;
/* 設置動畫名稱為gradChan-selfLink（自鏈接的漸變變化） */
animation-name: gradChan-selfLink;
/* 設置動畫時長為0.5秒 */
animation-duration: 0.5s;
/* 設置動畫結束後保持動畫狀態（維持背景色變化） */
animation-fill-mode: forwards;
}
/* ================================ */
/* 樣式: .nav-dh-ct > .reference - 設置引用部分的背景色 */
/* ================================ */
.nav-dh-ct > .reference {
/* 設置引用部分的背景色為原始淡藍色 (#87D9FF) */
background-color: #87D9FF;
}
/* ================================ */
/* 動畫: gradChan - 鏈接背景色的漸變變化動畫 */
/* ================================ */
@keyframes gradChan {
/* 動畫從原始深藍色 (#568FDE) 開始 */
from {background-color: #568FDE;}
/* 動畫結束時，背景色變為更暗的藍色 (#33579D) */
to {background-color: #33579D;}
}
/* ================================ */
/* 動畫: gradChan-selfLink - 自鏈接背景色的漸變變化動畫 */
/* ================================ */
@keyframes gradChan-selfLink {
/* 動畫從中藍色 (#3366CC) 開始 */
from {background-color: #3366CC;}
/* 動畫結束時，背景色變為更暗的藍色 (#33579D) */
to {background-color: #33579D;}
}