/* #ifdef H5 */
:root {
    color-scheme: light;
}

:root.u-theme-dark,
:root[data-u-theme-mode='dark'] {
    color-scheme: dark;
}
/* #endif */

page {
    color: $u-main-color;
    background-color: $u-bg-color;
    font-size: 28rpx;
}

page.u-theme-dark,
:root.u-theme-dark page,
:root[data-u-theme-mode='dark'] page {
    background-color: $u-bg-color;
    color: $u-main-color;
}

.u-config-provider {
    color: $u-main-color;
    background-color: var(--u-bg-white, #ffffff);
}

.u-config-provider.u-theme-dark {
    background-color: var(--u-bg-white, #0f1115);
    color: $u-main-color;
}

// picker-view遮罩层背景色
.u-picker-view-mask,
.uni-picker-view-mask {
    background-image:
        linear-gradient(180deg, rgba(var(--u-bg-white-rgb), 0.95), rgba(var(--u-bg-white-rgb), 0.6)),
        linear-gradient(0deg, rgba(var(--u-bg-white-rgb), 0.95), rgba(var(--u-bg-white-rgb), 0.6)) !important;
}

.u-picker-view-indicator {
    border: rgba(var(--u-bg-white-rgb), 0.6) !important;
}

// picker-view指示器边框色
.u-picker-view-indicator::before,
.uni-picker-view-indicator::before {
    border-top: 1px solid var(--u-border-color) !important;
}

.u-picker-view-indicator::after,
.uni-picker-view-indicator::after {
    border-bottom: 1px solid var(--u-border-color) !important;
}