/* 全局样式 */ * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Avenir', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: all 0.3s ease; } /* 亮色主题 */ body { background-color: #f5f7fa; color: #2c3e50; } /* 暗色主题 */ body.dark-theme { background-color: #1a1a1a; color: #ffffff; } /* Element Plus 暗色主题适配 */ .dark-theme .el-card { background-color: #2d2d2d !important; border-color: #404040 !important; color: #ffffff !important; } .dark-theme .el-input__inner { background-color: #404040 !important; border-color: #555555 !important; color: #ffffff !important; } .dark-theme .el-input__inner::placeholder { color: #bdc3c7 !important; } .dark-theme .el-button { background-color: #404040 !important; border-color: #555555 !important; color: #ffffff !important; } .dark-theme .el-button:hover { background-color: #555555 !important; } .dark-theme .el-button--primary { background-color: #409eff !important; border-color: #409eff !important; } .dark-theme .el-button--primary:hover { background-color: #66b1ff !important; } .dark-theme .el-button--success { background-color: #67c23a !important; border-color: #67c23a !important; } .dark-theme .el-button--success:hover { background-color: #85ce61 !important; } .dark-theme .el-switch__core { background-color: #555555 !important; } .dark-theme .el-descriptions { background-color: #2d2d2d !important; color: #ffffff !important; } .dark-theme .el-descriptions__label { color: #bdc3c7 !important; } .dark-theme .el-descriptions__content { color: #ffffff !important; } .dark-theme .el-dialog { background-color: #2d2d2d !important; color: #ffffff !important; } .dark-theme .el-dialog__title { color: #ffffff !important; } .dark-theme .el-dialog__body { color: #ffffff !important; } .dark-theme .el-message { background-color: #2d2d2d !important; color: #ffffff !important; } .dark-theme .el-message--success { background-color: #67c23a !important; color: #ffffff !important; } .dark-theme .el-message--error { background-color: #f56c6c !important; color: #ffffff !important; } .dark-theme .el-message--warning { background-color: #e6a23c !important; color: #ffffff !important; } .dark-theme .el-message--info { background-color: #909399 !important; color: #ffffff !important; } /* 链接颜色 */ .dark-theme a { color: #4a9eff !important; } .dark-theme a:hover { color: #66b1ff !important; } /* 滚动条样式 */ .dark-theme ::-webkit-scrollbar { width: 8px; height: 8px; } .dark-theme ::-webkit-scrollbar-track { background: #2d2d2d; } .dark-theme ::-webkit-scrollbar-thumb { background: #555555; border-radius: 4px; } .dark-theme ::-webkit-scrollbar-thumb:hover { background: #666666; } /* 选择文本样式 */ .dark-theme ::selection { background-color: #409eff; color: #ffffff; } .dark-theme ::-moz-selection { background-color: #409eff; color: #ffffff; }