system-copyright-react/src/index.css

:root {
    --color-border: rgba(206, 206, 206, 0.4);
    --color-box-shadow: rgba(206, 206, 206, 0.4);
    --color-red: #ff5722;
    --color-primary: rgba(252, 189, 0, 1);
    --color-green: rgba(129, 179, 55, 1);
    --color-blue: rgba(64, 149, 229, 1);
    --color-purple: #a233c6;
    --color-dark: rgba(68, 72, 88, 1);
    --color-light: #fafafa;
    --color-hover: #eeeeee;
    --color-text-disabled: rgba(68, 72, 88, 0.5);
    --color-text-header-left: #FFBF6B;
    --color-text-header-right: #101010;
    --color-note: rgba(68, 72, 88, 0.5);
    --color-disabled: #D9D9D9;
    --font-size-head: 14px;
    /* --width-workspace: 1280px; */
    --width-workspace: 100vw;
    --height-head: 60px;
    --height-foot: 30px;
}

html, body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    background-color: #EEEEEE;
    /* 禁止滚动条占位  隐藏浏览器默认的滚动条样式 */
    scrollbar-width: none; 
}

a {
    color: var(--color-blue);
    text-decoration-line: none;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.text-btn {
    cursor: pointer;
}

.btn {
    border: none;
    border-radius: 3px;
    padding: 10px;
    cursor: pointer;
}

.btn:active {
    opacity: 0.95;
}

.btn-red {
    background-color: var(--color-red);
    color: var(--color-light);
}

.btn-orange {
    background-color: var(--color-primary);
    color: var(--color-light);
}

.btn-green {
    background-color: var(--color-green);
    color: var(--color-light);
}

.btn-blue {
    background-color: var(--color-blue);
    color: var(--color-light);
}

.btn-purple {
    background-color: var(--color-purple);
    color: var(--color-light);
}

.btn-dark {
    background-color: var(--color-dark);
    color: var(--color-light);
}

.btn-light {
    background-color: var(--color-light);
    color: var(--color-dark);
}