:root{--primary-color:#409eff;--success-color:#67c23a;--warning-color:#e6a23c;--danger-color:#f56c6c;--info-color:#909399;--text-primary:#303133;--text-regular:#606266;--text-secondary:#909399;--text-placeholder:#c0c4cc;--border-color:#dcdfe6;--border-color-light:#e4e7ed;--border-color-lighter:#ebeef5;--bg-color:#fff;--bg-color-page:#f2f3f5;--bg-color-overlay:#fff;--sidebar-width:210px;--sidebar-collapsed-width:64px;--sidebar-bg-color:#304156;--sidebar-text-color:#bfcbd9;--sidebar-active-text-color:#409eff;--header-height:50px;--header-bg-color:#fff;--transition-duration:.3s}html.dark{--text-primary:#e5eaf3;--text-regular:#cfd3dc;--text-secondary:#a3a6ad;--text-placeholder:#8d9095;--border-color:#4c4d4f;--border-color-light:#414243;--border-color-lighter:#363637;--bg-color:#141414;--bg-color-page:#0a0a0a;--bg-color-overlay:#1d1d1d;--sidebar-bg-color:#1d1d1d;--header-bg-color:#1d1d1d}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;color:var(--text-primary);background-color:var(--bg-color-page);font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}a{color:var(--primary-color);text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.text-center{text-align:center}.text-right{text-align:right}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mt-10{margin-top:10px}.mt-20{margin-top:20px}