page {
    --tabbar-normal-color: #515151;
    --tabbar-select-color: #FE9944;
    --mine-page-upbox-color: #FFDBB4;
    --mine-page-upbox-color-light: #FFEDD2;
    --mine-page-downbox-color: #FFF0DE;
    --mine-page-downbox-color-light: #FEEBD0;
    --primary-color: #FFA900;
    --primary-color-active: #ffaa008e;
    --primary-color-light: #FFFAF1;
    --bg-top-color: #F0F0F0;
    --bg-bottom-color: #FFFFFF;
    --text-color: #333333;
    --text-brown-color: #42210B;
    --bg-brown-color: #42210B;
    --btn-cyan-color: #39C7C1;
    --btn-cyan-active: #39c7c08f;
    --btn-primary-color: #FFE5BC;
    --btn-primary-color-active: #FFE5BC79;
    --btn-green-color: #4EAF79;
    --btn-green-color-active: #4EAF7979;
    --red-color: #FF0000;
    --red-color-light: #FF000079;
    --white-color: #FFFFFF;
    --black-color: #000000;
    --blue-color: #3270FF;
    --gray-color: #9c9c9c;
    --gray-bg-color: #efefef79;
    --green-color: #4EAF79;
    --green-color-light: #4EAF7979;
    --gray-color-light: #eeeeee;
    --divider-color: #F0F0F0;
    background: linear-gradient(to bottom, var(--bg-top-color), var(--bg-bottom-color));
    background-size: 100% 100vh;
    background-repeat: no-repeat;
}