/* 暗黑模式样式 */
body.dark-mode {
    background-color: #1a1a2e !important;
    color: #e0e0e0 !important;
}
body.dark-mode .navbar-default {
    background-color: #16213e !important;
    border-color: #0f3460 !important;
}
body.dark-mode .navbar-default .navbar-brand,
body.dark-mode .navbar-default .navbar-nav > li > a {
    color: #e0e0e0 !important;
}
body.dark-mode .navbar-default .navbar-nav > li > a:hover {
    color: #4fc3f7 !important;
}
body.dark-mode .panel {
    background-color: #16213e !important;
    border-color: #0f3460 !important;
}
body.dark-mode .panel-heading {
    background-color: #0f3460 !important;
    border-color: #0f3460 !important;
    color: #e0e0e0 !important;
}
body.dark-mode .panel-body {
    background-color: #1a1a2e !important;
    color: #e0e0e0 !important;
}
body.dark-mode .btn-default {
    background-color: #16213e !important;
    border-color: #0f3460 !important;
    color: #e0e0e0 !important;
}
body.dark-mode .btn-default:hover {
    background-color: #0f3460 !important;
    color: #4fc3f7 !important;
}
body.dark-mode .btn-primary {
    background-color: #0f3460 !important;
    border-color: #4fc3f7 !important;
}
body.dark-mode .btn-success {
    background-color: #1b5e20 !important;
}
body.dark-mode .form-control {
    background-color: #16213e !important;
    border-color: #0f3460 !important;
    color: #e0e0e0 !important;
}
body.dark-mode textarea,
body.dark-mode input[type="text"],
body.dark-mode select {
    background-color: #16213e !important;
    border-color: #0f3460 !important;
    color: #e0e0e0 !important;
}
body.dark-mode .breadcrumb {
    background-color: #16213e !important;
}
body.dark-mode .breadcrumb > li > a {
    color: #4fc3f7 !important;
}
body.dark-mode .table {
    color: #e0e0e0 !important;
}
body.dark-mode .table > thead > th {
    background-color: #0f3460 !important;
    border-color: #1a3a5c !important;
}
body.dark-mode .table td {
    border-color: #1a3a5c !important;
}
body.dark-mode .alert {
    border-color: #0f3460 !important;
}
body.dark-mode .alert-info {
    background-color: #16213e !important;
    color: #4fc3f7 !important;
}
body.dark-mode .modal-content {
    background-color: #1a1a2e !important;
    color: #e0e0e0 !important;
}
body.dark-mode .modal-header {
    border-color: #0f3460 !important;
}
body.dark-mode hr {
    border-color: #0f3460 !important;
}
body.dark-mode .footer,
body.dark-mode .footer a {
    color: #9e9e9e !important;
}
body.dark-mode .list-group-item {
    background-color: #16213e !important;
    border-color: #0f3460 !important;
    color: #e0e0e0 !important;
}
body.dark-mode .list-group-item:hover {
    background-color: #0f3460 !important;
}
body.dark-mode .dropdown-menu {
    background-color: #16213e !important;
}
body.dark-mode .dropdown-menu > li > a {
    color: #e0e0e0 !important;
}
body.dark-mode .well {
    background-color: #16213e !important;
    border-color: #0f3460 !important;
    color: #e0e0e0 !important;
}
body.dark-mode .nav-tabs > li > a {
    color: #e0e0e0 !important;
}
body.dark-mode .nav-tabs > li.active > a {
    background-color: #1a1a2e !important;
    border-color: #0f3460 !important;
    color: #4fc3f7 !important;
}
body.dark-mode .tab-content {
    color: #e0e0e0 !important;
}
body.dark-mode pre {
    background-color: #0d1117 !important;
    color: #e0e0e0 !important;
    border-color: #0f3460 !important;
}
body.dark-mode code {
    background-color: #0d1117 !important;
    color: #4fc3f7 !important;
}
body.dark-mode .panel-success > .panel-heading {
    background-color: #1b5e20 !important;
    border-color: #2e7d32 !important;
}
body.dark-mode .panel-info > .panel-heading {
    background-color: #0d47a1 !important;
    border-color: #1565c0 !important;
}
body.dark-mode .panel-warning > .panel-heading {
    background-color: #e65100 !important;
    border-color: #f57c00 !important;
}
body.dark-mode .panel-danger > .panel-heading {
    background-color: #b71c1c !important;
    border-color: #c62828 !important;
}
body.dark-mode canvas {
    background-color: #16213e !important;
}