* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
}

html {
    --radius: 10px;
    --main--color: #b37e56;
    --main--color-1: #c2997a;
    --main--color-2: #d2b49d;
    --main--color-3: #e3d0c1;
    --main--color-4: #f3eae4;

    --err--color: #ef4444;
    --err--color-1: #fef2f2;

    --success--color: #10b981;
    --success--color-1: #ecfdf5;

    --border-color: #f0f0f0;
    --hover--color: #f7f8fa;
    --shadow: -4px 9px 25px -6px rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar {
    display: none;
}

.flex-c {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-c-b {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.text-overflow {
    overflow: hidden;
    /* 溢出隐藏 */
    text-overflow: ellipsis;
    /* 文本超出内容以...替代 */
    white-space: nowrap;
    /* 文本不换行 */
}

.text-overflow-2 {
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    box-orient: vertical;
    line-clamp: 2;
    /* 这里是超出几行省略 */
}