: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); }