/* 主题切换平滑过渡 */

/* 基础过渡设置 */
html {
    transition: background-color 0.5s ease, color 0.5s ease;
}

/* 平滑的颜色过渡 */
html[data-theme="dark"],
html[data-theme="light"] {
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* 防止过渡期间的布局抖动 */
body {
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* 所有元素的颜色过渡 */
* {
    transition: background-color 0.3s ease,
                border-color 0.3s ease,
                color 0.3s ease,
                box-shadow 0.3s ease;
}

/* 排除不需要过渡的元素 */
img, video, iframe, canvas, svg {
    transition: none;
}