//深色模式
function isDarkMode() {
return window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
}
// 使用示例
if (isDarkMode()) {
// 用戶啟用了深色模式
alert('深色模式')
} else {
// 用戶沒有啟用深色模式
alert('正常模式');
}
@media (prefers-color-scheme: dark) {
body,html{background: #000;color:#fff;}
.wrap .light{color:#ff0;}
}

/* 默認樣式適用于所有設備 */ /* 媒體查詢：手機 */ @media only screen and (max-width: 767px) { /* 在寬度小于等于767px時應用的樣式 */ /* 可以根據手機的屏幕寬度來調整樣式 */ } /* 媒體查詢：iPad */ @media only screen and (min-width: 768px) and (max-width: 1024px) { /* 在寬度在768px到1024px之間時應用的樣式 */ /* 可以根據iPad的屏幕寬度來調整樣式 */ } /* 媒體查詢：PC */ @media only screen and (min-width: 1025px) { /* 在寬度大于1024px時應用的樣式 */ /* 可以根據PC的屏幕寬度來調整樣式 */ }