CSS夜間模式樣式是指通過CSS樣式表設置，在網頁中實現切換白天和黑夜視覺效果的技術。該技術被廣泛應用于電子書、新聞、社交網絡、個人網頁等平臺。夜間模式不僅可以緩解用戶的眼疲勞，還可以降低屏幕亮度對眼睛的刺激，幫助用戶更好地閱讀。

/* CSS夜間模式樣式示例 */
/* 全局設置 */
body {
background-color: #222;
color: #eee;
transition: background-color 1s, color 1s;
}
/* 超鏈接樣式 */
a {
color: #ff6a00;
text-decoration: underline;
}
/* 遮罩層 */
.mask {
position: fixed;
top: 0;
left: 0;
z-index: 100;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.8);
}
/* 切換按鈕 */
.switch-btn {
position: fixed;
right: 20px;
bottom: 20px;
z-index: 101;
background-color: #fff;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
}
/* 夜間模式 */
body.dark-mode {
background-color: #111;
color: #fff;
}

以上是CSS夜間模式樣式示例，其中全局設置將頁面背景色和文字顏色設置為黑色和白色，超鏈接樣式設置為橙色和下劃線。遮罩層和切換按鈕可以在頁面中實現夜間模式的切換。夜間模式的樣式可以通過在body元素上添加.dark-mode類來實現。用戶點擊切換按鈕時，JavaScript代碼可以很方便地完成這一操作。