37 lines
1.2 KiB
CSS
37 lines
1.2 KiB
CSS
/* ============================================================
|
||
* 后台 MD3 全局微调：与前台（public/css/style.css）一致的氛围细节
|
||
* 前台 token 变量未注入后台页面，这里按明暗各写一份。
|
||
* ============================================================ */
|
||
|
||
/* 内容区入场动效（对应前台 contentFadeIn） */
|
||
main {
|
||
animation: md3ContentFadeIn 0.28s ease;
|
||
}
|
||
|
||
@keyframes md3ContentFadeIn {
|
||
from { opacity: 0; transform: translateY(10px); }
|
||
to { opacity: 1; transform: none; }
|
||
}
|
||
|
||
/* 明暗切换过渡 */
|
||
body {
|
||
transition: background-color 0.3s ease, color 0.3s ease;
|
||
}
|
||
|
||
/* 滚动条（对应前台细滚动条） */
|
||
::-webkit-scrollbar { width: 6px; height: 6px; }
|
||
::-webkit-scrollbar-track { background: transparent; }
|
||
::-webkit-scrollbar-thumb { background: #cac4d0; border-radius: 3px; }
|
||
::-webkit-scrollbar-thumb:hover { background: #79747e; }
|
||
|
||
[data-theme="dark"] ::-webkit-scrollbar-thumb { background: #49454f; }
|
||
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: #938f99; }
|
||
|
||
/* 减弱动效偏好 */
|
||
@media (prefers-reduced-motion: reduce) {
|
||
*, *::before, *::after {
|
||
animation-duration: 0.01ms !important;
|
||
transition-duration: 0.01ms !important;
|
||
}
|
||
}
|