@import "./variables.css";

#app {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    /* color: #2c3e50;*/
    height: 100%;
    font-family: none;
    background-color: var(--primary-color);

}

.ant-btn-primary {
    background-image: linear-gradient(25deg, var(--gradient-color-1) 17.88%, var(--gradient-color-2) 98.36%);
    color: #fff !important;
    border: none;
}

.ant-btn-primary:hover {
    background-image: linear-gradient(25deg, var(--gradient-color-1) 17.88%, var(--gradient-color-2) 98.36%);
}

.ant-input {
    background-color: var(--primary-color) !important;
    color: var(--font-color) !important;
}

/* 滚动条样式 */
::-webkit-scrollbar {
    width: var(--scrollbar-width);
}

/* ::-webkit-scrollbar-track { */
/*   background: var(--scrollbar-track-bg); */
/* } */
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--gradient-color-1) 17.88%, var(--gradient-color-2) 98.36%); /* 滑块颜色 */
    border-radius: 4px;
    transition: background-color 0.3s;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, var(--gradient-color-3) 17.88%, var(--gradient-color-4) 98.36%); /* 滑块颜色 */
}

.text-title {
    font-size: var(--font-size-title);
    line-height: var(--line-height-title);
    font-weight: var(--font-weight-title);
}