html,
body,
#app {
    height: 100%;
}

body {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}
:is(.dark .dark\:bg-black) {
    background-color: #0a0b21;
}
:root {
    --bg2: linear-gradient(136deg, #34354f10 0%, #20223c10 100%);
}

.dark {
    --bg2: linear-gradient(136deg, #34354f 0%, #20223c 100%);
}

@font-face {
    font-family: 'AlimamaShuHeiTi';
    src: url(https://nebuai.oss-cn-hangzhou.aliyuncs.com/fonts/alimamaShuHeiTi.ttf);
}

@font-face {
    font-family: 'MiSans';
    src: url(https://nebuai.oss-cn-hangzhou.aliyuncs.com/fonts/MiSans-Bold.ttf);
}

.alimamaShuHeiTi {
    font-family: 'AlimamaShuHeiTi' !important;
}
.miSans {
    font-family: 'MiSans' !important;
    font-weight: bold;
}

.text-color-1 {
    color: var(--text-color-1);
}
.text-color-2 {
    color: var(--text-color-2);
}
.text-color-3 {
    color: var(--text-color-3);
}
