:root{--theme-color: #fff;--okr-input-bg: rgb(239, 236, 236);--okr-input-border: #ddd;--okr-del-icon-bg: #e6e4e4}.dark{--theme-color: #000;--el-menu-bg-color: #000;--el-menu-border-color: #8c8237;--el-menu-text-color: rgb(192, 183, 183);--el-menu-hover-bg-color: #3b4043;--el-menu-active-color: #5e8edf;--el-fill-color-light: #1c1f20;--el-fill-color-blank: #1c1f20;--el-text-color-regular: #e8e6e3;--okr-input-bg: rgb(34, 37, 38);--okr-input-border: #363b3d;--el-border-color-light: #363b3d;--okr-del-icon-bg: rgb(39, 42, 44);--el-text-color-primary: #c9c4bd;--el-bg-color:#181a1b;--el-dialog-box-shadow:0px 12px 32px 4px rgba(0, 0, 0, .04),0px 8px 20px rgba(0, 0, 0, .08);--el-border-color: #383d3f}*{margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}#app{width:100%;height:100%;background:var(--theme-color)}.f12{font-size:12px}a{text-decoration:none}ul{list-style:none}.tc{text-align:center}.tr{text-align:right}.tl{text-align:left}.mt20{margin-top:20px}.mt8{margin-top:8px}.mt16{margin-top:16px}.ml8{margin-left:8px}.ml12{margin-left:12px}.ml20{margin-left:20px}.inline-block{display:inline-block}.flex{display:flex}.wrap{flex-wrap:wrap}.self-center{align-self:center}.justify-center{justify-content:center}.self-end{align-self:flex-end}.relative{position:relative}.red{color:red}