.theme-toggle {
  display: inline-flex;
  align-items: center;
  margin-left: 30px;
  cursor: pointer;
  vertical-align: middle;
}

.theme-toggle .toggle-switch {
  position: relative;
  width: 48px;
  height: 24px;
  background-color: #e0e0e0;
  border-radius: 12px;
  transition: background-color 0.3s ease;
}

.theme-toggle .toggle-switch::before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  top: 2px;
  left: 2px;
  background-color: #fff;
  transition: transform 0.3s ease;
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
  z-index: 10;
}

.theme-toggle .toggle-switch .fa {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #666;
  z-index: 15;
  transition: opacity 0.3s ease;
  font-family: FontAwesome;
  line-height: 1;
}

.theme-toggle .toggle-switch .fa-sun-o {
  right: 8px;
  opacity: 1;
}

.theme-toggle .toggle-switch .fa-moon-o {
  left: 8px;
  opacity: 0;
}

body.dark-mode .theme-toggle .toggle-switch {
  background-color: #009688;
}

body.dark-mode .theme-toggle .toggle-switch::before {
  transform: translateX(24px);
}

body.dark-mode .theme-toggle .toggle-switch .fa {
  color: #fff;
}

body.dark-mode .theme-toggle .toggle-switch .fa-sun-o {
  opacity: 0;
}

body.dark-mode .theme-toggle .toggle-switch .fa-moon-o {
  opacity: 1;
}

body.dark-mode {
    background-color: #1a1a1a;
    color: #ffffff;
}

body.dark-mode a {
    color: #4dabf7;
}

body.dark-mode a:hover {
    color: #74c0fc;
}

body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, 
body.dark-mode h4, body.dark-mode h5, body.dark-mode h6 {
    color: #ffffff;
}

body.dark-mode p {
    color: #e0e0e0;
}

body.dark-mode span {
    color: #ffffff;
}

body.dark-mode label {
    color: #ffffff;
}

body.dark-mode li {
    color: #ffffff;
}

body.dark-mode ul {
    color: #ffffff;
}

body.dark-mode ol {
    color: #ffffff;
}

body.dark-mode dl {
    color: #ffffff;
}

body.dark-mode dt {
    color: #ffffff;
}

body.dark-mode dd {
    color: #ffffff;
}

body.dark-mode td {
    color: #ffffff;
}

body.dark-mode th {
    color: #ffffff;
}

body.dark-mode tr {
    color: #ffffff;
}

body.dark-mode b {
    color: #ffffff;
}

body.dark-mode strong {
    color: #ffffff;
}

body.dark-mode em {
    color: #ffffff;
}

body.dark-mode i {
    color: #ffffff;
}

body.dark-mode small {
    color: #e0e0e0;
}

body.dark-mode mark {
    background-color: #ffb800;
    color: #333;
}

body.dark-mode cite {
    color: #ffffff;
}

body.dark-mode code {
    color: #4dabf7;
}

body.dark-mode pre {
    color: #e0e0e0;
}

body.dark-mode blockquote {
    color: #e0e0e0;
}

body.dark-mode hr {
    border-color: #444;
}

body.dark-mode legend {
    color: #ffffff;
}

body.dark-mode caption {
    color: #ffffff;
}

body.dark-mode summary {
    color: #ffffff;
}

body.dark-mode abbr {
    color: #ffffff;
}

body.dark-mode address {
    color: #ffffff;
}

body.dark-mode article {
    color: #ffffff;
}

body.dark-mode aside {
    color: #ffffff;
}

body.dark-mode details {
    color: #ffffff;
}

body.dark-mode figcaption {
    color: #ffffff;
}

body.dark-mode figure {
    color: #ffffff;
}

body.dark-mode footer {
    color: #ffffff;
}

body.dark-mode header {
    color: #ffffff;
}

body.dark-mode main {
    color: #ffffff;
}

body.dark-mode nav {
    color: #ffffff;
}

body.dark-mode section {
    color: #ffffff;
}

body.dark-mode table {
    color: #ffffff;
}

body.dark-mode tbody {
    color: #ffffff;
}

body.dark-mode thead {
    color: #ffffff;
}

body.dark-mode tfoot {
    color: #ffffff;
}

body.dark-mode col {
    color: #ffffff;
}

body.dark-mode colgroup {
    color: #ffffff;
}

body.dark-mode optgroup {
    color: #ffffff;
}

body.dark-mode option {
    color: #ffffff;
    background-color: #333;
}

body.dark-mode select {
    color: #ffffff;
    background-color: #333;
    border-color: #555;
}

body.dark-mode datalist {
    color: #ffffff;
}

body.dark-mode fieldset {
    color: #ffffff;
    border-color: #444;
}

body.dark-mode meter {
    color: #ffffff;
}

body.dark-mode progress {
    color: #ffffff;
}

body.dark-mode output {
    color: #ffffff;
}

body.dark-mode param {
    color: #ffffff;
}

body.dark-mode source {
    color: #ffffff;
}

body.dark-mode track {
    color: #ffffff;
}

body.dark-mode area {
    color: #ffffff;
}

body.dark-mode map {
    color: #ffffff;
}

body.dark-mode canvas {
    color: #ffffff;
}

body.dark-mode embed {
    color: #ffffff;
}

body.dark-mode object {
    color: #ffffff;
}

body.dark-mode svg {
    color: #ffffff;
}

body.dark-mode audio {
    color: #ffffff;
}

body.dark-mode video {
    color: #ffffff;
}

body.dark-mode iframe {
    color: #ffffff;
}

body.dark-mode img {
    color: #ffffff;
}

body.dark-mode picture {
    color: #ffffff;
}

body.dark-mode portal {
    color: #ffffff;
}

body.dark-mode script {
    color: #ffffff;
}

body.dark-mode noscript {
    color: #ffffff;
}

body.dark-mode style {
    color: #ffffff;
}

body.dark-mode link {
    color: #ffffff;
}

body.dark-mode meta {
    color: #ffffff;
}

body.dark-mode title {
    color: #ffffff;
}

body.dark-mode base {
    color: #ffffff;
}

body.dark-mode head {
    color: #ffffff;
}

body.dark-mode html {
    color: #ffffff;
    background-color: #1a1a1a;
}

body.dark-mode * {
    color: #ffffff !important;
    border-color: #444 !important;
}

body.dark-mode *:before,
body.dark-mode *:after {
    color: #ffffff !important;
    border-color: #444 !important;
}

body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
    background-color: #333 !important;
    color: #ffffff !important;
    border-color: #555 !important;
}

body.dark-mode button {
    background-color: #444 !important;
    color: #ffffff !important;
    border-color: #555 !important;
}

body.dark-mode .layui-btn {
    background-color: #444 !important;
    color: #ffffff !important;
    border-color: #555 !important;
}

body.dark-mode .layui-btn-primary {
    background-color: #333 !important;
    color: #ffffff !important;
    border-color: #555 !important;
}

body.dark-mode .layui-btn-normal {
    background-color: #009688 !important;
    color: #ffffff !important;
    border-color: #009688 !important;
}

body.dark-mode .layui-btn-warm {
    background-color: #ffb800 !important;
    color: #333 !important;
    border-color: #ffb800 !important;
}

body.dark-mode .layui-btn-danger {
    background-color: #ff4d4f !important;
    color: #ffffff !important;
    border-color: #ff4d4f !important;
}

body.dark-mode .layui-btn-disabled {
    background-color: #555 !important;
    color: #999 !important;
    border-color: #555 !important;
}

body.dark-mode .layui-icon {
    color: #ffffff !important;
}

body.dark-mode .layui-icon:hover {
    color: #009688 !important;
}

body.dark-mode .layui-nav-item a {
    color: #ffffff !important;
}

body.dark-mode .layui-nav-item a:hover {
    color: #009688 !important;
}

body.dark-mode .layui-nav-child {
    background-color: #333 !important;
}

body.dark-mode .layui-nav-child a {
    color: #ffffff !important;
}

body.dark-mode .layui-nav-child a:hover {
    color: #009688 !important;
    background-color: #444 !important;
}

body.dark-mode .layui-nav-bar {
    background-color: #009688 !important;
}

body.dark-mode .layui-side {
    background-color: #2d2d2d !important;
}

body.dark-mode .layui-body {
    background-color: #1a1a1a !important;
}

body.dark-mode .layui-footer {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
}

body.dark-mode .layui-tab-title {
    background-color: #2d2d2d !important;
}

body.dark-mode .layui-tab-title li {
    background-color: #333 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-tab-title li.layui-this {
    background-color: #1a1a1a !important;
    color: #009688 !important;
}

body.dark-mode .layui-tab-content {
    background-color: #1a1a1a !important;
}

body.dark-mode .layui-tab-item {
    background-color: #1a1a1a !important;
}

body.dark-mode .layui-card {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
}

body.dark-mode .layui-card-header {
    background-color: #333 !important;
    border-color: #444 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-card-body {
    color: #ffffff !important;
}

body.dark-mode .layui-form-label {
    color: #ffffff !important;
}

body.dark-mode .layui-input {
    background-color: #333 !important;
    border-color: #555 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-textarea {
    background-color: #333 !important;
    border-color: #555 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-table {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
}

body.dark-mode .layui-table th {
    background-color: #333 !important;
    color: #ffffff !important;
    border-color: #444 !important;
}

body.dark-mode .layui-table td {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
    border-color: #444 !important;
}

body.dark-mode .layui-table-hover {
    background-color: #3a3a3a !important;
}

body.dark-mode .layui-layer {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
}

body.dark-mode .layui-layer-title {
    background-color: #333 !important;
    color: #ffffff !important;
    border-color: #444 !important;
}

body.dark-mode .layui-layer-content {
    color: #ffffff !important;
}

body.dark-mode .layui-layer-btn a {
    background-color: #444 !important;
    color: #ffffff !important;
    border-color: #555 !important;
}

body.dark-mode .layui-layer-btn .layui-layer-btn0 {
    background-color: #009688 !important;
    color: #ffffff !important;
    border-color: #009688 !important;
}

body.dark-mode .layui-laydate {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
}

body.dark-mode .layui-laydate-header {
    background-color: #333 !important;
    border-color: #444 !important;
}

body.dark-mode .layui-laydate-header i,
body.dark-mode .layui-laydate-header span {
    color: #ffffff !important;
}

body.dark-mode .layui-laydate-content table th {
    background-color: #333 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-laydate-content table td {
    color: #ffffff !important;
}

body.dark-mode .layui-laydate-content td.layui-this {
    background-color: #009688 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-pagination {
    background-color: #333 !important;
}

body.dark-mode .layui-pagination a,
body.dark-mode .layui-pagination span {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
    border-color: #444 !important;
}

body.dark-mode .table-search-fieldset {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
    color: #ffffff !important;
}

body.dark-mode .table-search-fieldset legend {
    color: #ffffff !important;
    background-color: #2d2d2d !important;
    padding: 0 10px !important;
}

body.dark-mode .table-search-fieldset .layui-form-label {
    color: #ffffff !important;
}

body.dark-mode .table-search-fieldset .layui-input {
    background-color: #333 !important;
    border-color: #555 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-elem-field {
    border-color: #444 !important;
    background-color: #2d2d2d !important;
}

body.dark-mode .layui-elem-field legend {
    color: #ffffff !important;
    background-color: #2d2d2d !important;
    padding: 0 10px !important;
}

body.dark-mode .layui-field-title {
    border-color: #444 !important;
}

body.dark-mode .layui-field-title legend {
    color: #ffffff !important;
    background-color: #2d2d2d !important;
}

body.dark-mode .layui-form-item .layui-inline {
    background-color: transparent !important;
}

body.dark-mode .layui-form-item .layui-input-inline {
    background-color: transparent !important;
}

body.dark-mode .layui-form-item .layui-input-block {
    background-color: transparent !important;
}

body.dark-mode .layuimini-main {
    background-color: #1a1a1a !important;
}

body.dark-mode .layui-form-pane {
    background-color: transparent !important;
}

body.dark-mode .layui-form-pane .layui-form-item {
    background-color: transparent !important;
    border-color: #444 !important;
}

body.dark-mode .layui-form-item {
    background-color: transparent !important;
}

body.dark-mode .layui-form-label {
    color: #ffffff !important;
}

body.dark-mode .layui-form-item p {
    color: #ffffff !important;
}

body.dark-mode .layui-form-item span {
    color: #ffffff !important;
}

body.dark-mode fieldset {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
}

body.dark-mode legend {
    color: #ffffff !important;
    background-color: #2d2d2d !important;
}

body.dark-mode input[type="text"],
body.dark-mode input[type="password"],
body.dark-mode input[type="tel"],
body.dark-mode input[type="date"] {
    background-color: #333 !important;
    border-color: #555 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-input:focus {
    background-color: #333 !important;
    border-color: #009688 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 2px rgba(0, 150, 136, 0.2) !important;
}

body.dark-mode .layui-form-item .layui-input-inline {
    background-color: transparent !important;
}

body.dark-mode .layui-form-item .layui-input-block {
    background-color: transparent !important;
}

body.dark-mode .layui-form-item .layui-inline {
    background-color: transparent !important;
}

body.dark-mode .layui-form-item > div {
    background-color: transparent !important;
}

body.dark-mode .layui-form-item > div > div {
    background-color: transparent !important;
}

body.dark-mode .layui-form-item > div > label {
    color: #ffffff !important;
}

body.dark-mode .layui-form-item.layui-form-text {
    background-color: transparent !important;
}

body.dark-mode .layui-form-pane .layui-form-item {
    background-color: transparent !important;
    border-bottom: 1px solid #444 !important;
}

body.dark-mode .layui-form-pane .layui-form-item:last-child {
    border-bottom: none !important;
}

body.dark-mode .layui-form-pane .layui-form-item.layui-form-label {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
}

body.dark-mode .layui-form-item.layui-form-label {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
}

body.dark-mode .layui-form-label {
    background-color: transparent !important;
    color: #ffffff !important;
}

body.dark-mode .layui-form-item .layui-form-label {
    background-color: transparent !important;
    color: #ffffff !important;
}

body.dark-mode .layui-form-item .layui-form-label > span {
    color: #ffffff !important;
}

body.dark-mode .layui-input::-webkit-input-placeholder {
    color: #999 !important;
}

body.dark-mode .layui-input::-moz-placeholder {
    color: #999 !important;
}

body.dark-mode .layui-input:-ms-input-placeholder {
    color: #999 !important;
}

body.dark-mode .layui-textarea::-webkit-input-placeholder {
    color: #999 !important;
}

body.dark-mode .layui-textarea::-moz-placeholder {
    color: #999 !important;
}

body.dark-mode .layui-textarea:-ms-input-placeholder {
    color: #999 !important;
}

body.dark-mode .layui-pagination .layui-laypage-curr .layui-laypage-em {
    background-color: #009688 !important;
}

body.dark-mode .layui-pagination .layui-laypage-curr span {
    color: #ffffff !important;
}

body.dark-mode .layui-tree li a {
    color: #ffffff !important;
}

body.dark-mode .layui-tree li a:hover {
    background-color: #444 !important;
}

body.dark-mode .layui-tree li a cite {
    color: #ffffff !important;
}

body.dark-mode .layui-tree li a i {
    color: #ffffff !important;
}

body.dark-mode .layui-progress {
    background-color: #444 !important;
}

body.dark-mode .layui-progress-bar {
    background-color: #009688 !important;
}

body.dark-mode .layui-progress-text {
    color: #ffffff !important;
}

body.dark-mode .layui-rate .layui-rate-icon {
    color: #555 !important;
}

body.dark-mode .layui-rate .layui-rate-icon-fill {
    color: #ffb800 !important;
}

body.dark-mode .layui-carousel {
    background-color: #2d2d2d !important;
}

body.dark-mode .layui-carousel-ind li {
    background-color: rgba(255,255,255,0.3) !important;
}

body.dark-mode .layui-carousel-ind li.layui-this {
    background-color: rgba(255,255,255,0.8) !important;
}

body.dark-mode .layui-carousel-arrow {
    background-color: rgba(0,0,0,0.6) !important;
    color: #ffffff !important;
}

body.dark-mode .layui-collapse {
    border-color: #444 !important;
}

body.dark-mode .layui-colla-content {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
}

body.dark-mode .layui-colla-title {
    background-color: #333 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-timeline-axis {
    background-color: #009688 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-timeline-content {
    color: #ffffff !important;
}

body.dark-mode .layui-badge {
    background-color: #009688 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-tag {
    background-color: #555 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-upload-drag {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-edit-iframe {
    background-color: #2d2d2d !important;
}

body.dark-mode .layui-code-view {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
}

body.dark-mode .layui-layedit-tool {
    background-color: #333 !important;
    border-color: #444 !important;
}

body.dark-mode .layui-layedit-tool span {
    color: #ffffff !important;
}

body.dark-mode .layui-iconpicker-body {
    background-color: #2d2d2d !important;
}

body.dark-mode .layui-iconpicker-body .layui-iconpicker-item {
    border-color: #444 !important;
    color: #ffffff !important;
    background-color: #2d2d2d !important;
}

body.dark-mode .layui-iconpicker-body .layui-iconpicker-item:hover {
    background-color: #444 !important;
}

body.dark-mode .layui-iconpicker-body .layui-iconpicker-item.selected {
    background-color: #009688 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-iconpicker-page {
    background-color: #333 !important;
    border-color: #444 !important;
}

body.dark-mode .layui-iconpicker-body .layui-iconpicker-item i {
    color: #ffffff !important;
}

body.dark-mode .layui-iconpicker-body .layui-iconpicker-item .fa {
    color: #ffffff !important;
}

body.dark-mode .layui-iconpicker-body .layui-iconpicker-item .layui-icon {
    color: #ffffff !important;
}

body.dark-mode .layui-iconpicker-item i {
    color: #ffffff !important;
}

body.dark-mode .layui-iconpicker-item .fa {
    color: #ffffff !important;
}

body.dark-mode .layui-iconpicker-item .layui-icon {
    color: #ffffff !important;
}

body.dark-mode .layui-iconpicker {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
}

body.dark-mode .layui-iconpicker .layui-iconpicker-item {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
}

body.dark-mode .layui-iconpicker .layui-iconpicker-icon {
    background-color: transparent !important;
}

body.dark-mode .layui-iconpicker-icon i {
    color: #ffffff !important;
}

body.dark-mode .layui-iconpicker-icon-item {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
}

body.dark-mode .layui-iconpicker-icon-item i {
    color: #ffffff !important;
}

body.dark-mode .layui-iconpicker-icon-item:hover {
    background-color: #444 !important;
}

body.dark-mode .layui-iconpicker-icon-item .fa {
    color: #ffffff !important;
}

body.dark-mode .layui-iconpicker-list {
    background-color: #2d2d2d !important;
}

body.dark-mode .layui-iconpicker-list-box {
    background-color: #2d2d2d !important;
}

body.dark-mode .layui-iconpicker-icon-limit {
    background-color: #2d2d2d !important;
}

body.dark-mode .layui-iconpicker-search input {
    background-color: #333 !important;
    border-color: #555 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-iconpicker-search i {
    color: #ffffff !important;
}

body.dark-mode .layui-iconpicker-page {
    background-color: #333 !important;
    border-color: #444 !important;
}

body.dark-mode .layui-iconpicker-page span {
    color: #ffffff !important;
}

body.dark-mode .layui-iconpicker-page a {
    color: #ffffff !important;
}

body.dark-mode .layui-iconpicker-page .layui-iconpicker-page-prev,
body.dark-mode .layui-iconpicker-page .layui-iconpicker-page-next {
    color: #ffffff !important;
}

body.dark-mode .layui-iconpicker-page .layui-iconpicker-page-prev:hover,
body.dark-mode .layui-iconpicker-page .layui-iconpicker-page-next:hover {
    background-color: #444 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-iconpicker-tips {
    color: #999 !important;
}

body.dark-mode .layuimini-tab-roll-right {
    color: #ffffff !important;
}

body.dark-mode .layuimini-tab-roll-right:hover {
    color: #009688 !important;
}

body.dark-mode .layuimini-tab-roll-left {
    color: #ffffff !important;
}

body.dark-mode .layuimini-tab-roll-left:hover {
    color: #009688 !important;
}

body.dark-mode .layuimini-tab-close {
    color: #999 !important;
}

body.dark-mode .layuimini-tab-close:hover {
    color: #ffffff !important;
    background-color: #ff4d4f !important;
}

body.dark-mode .layui-colorpicker {
    border-color: #444 !important;
}

body.dark-mode .layui-colorpicker-trigger-span {
    background-color: #333 !important;
    border-color: #444 !important;
}

body.dark-mode .layui-slider {
    background-color: #444 !important;
}

body.dark-mode .layui-slider-wrap {
    background-color: #009688 !important;
}

body.dark-mode .layui-slider-tips {
    background-color: #333 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-slider-bar {
    background-color: #009688 !important;
}

body.dark-mode .layui-transfer-box {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
}

body.dark-mode .layui-transfer-header {
    background-color: #333 !important;
    border-color: #444 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-transfer-search .layui-input {
    background-color: #333 !important;
    border-color: #444 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-transfer-data li {
    color: #ffffff !important;
}

body.dark-mode .layui-step {
    border-color: #444 !important;
}

body.dark-mode .layui-step-title {
    color: #ffffff !important;
}

body.dark-mode .layui-step-content {
    color: #e0e0e0 !important;
}

body.dark-mode .layui-step-item {
    border-color: #444 !important;
}

body.dark-mode .layui-step-item.layui-step-active {
    border-color: #009688 !important;
}

body.dark-mode .layui-step-item.layui-step-active .layui-step-title {
    color: #009688 !important;
}

body.dark-mode .layui-step-item.layui-step-finish {
    border-color: #009688 !important;
}

body.dark-mode .layui-step-item.layui-step-finish .layui-step-title {
    color: #009688 !important;
}

body.dark-mode .layui-step-number {
    background-color: #333 !important;
    color: #ffffff !important;
    border-color: #555 !important;
}

body.dark-mode .layui-step-item.layui-step-active .layui-step-number {
    background-color: #009688 !important;
    border-color: #009688 !important;
}

body.dark-mode .layui-step-item.layui-step-finish .layui-step-number {
    background-color: #009688 !important;
    border-color: #009688 !important;
}

body.dark-mode .layui-cascader {
    background-color: #333 !important;
    border-color: #555 !important;
}

body.dark-mode .layui-cascader-input {
    color: #ffffff !important;
}

body.dark-mode .layui-cascader-menu {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
}

body.dark-mode .layui-cascader-menu li {
    color: #ffffff !important;
}

body.dark-mode .layui-cascader-menu li:hover {
    background-color: #444 !important;
}

body.dark-mode .layui-cascader-menu li.layui-this {
    background-color: #009688 !important;
}

body.dark-mode .layui-form-select dl {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
}

body.dark-mode .layui-form-select dl dt {
    color: #ffffff !important;
}

body.dark-mode .layui-form-select dl dd {
    color: #ffffff !important;
}

body.dark-mode .layui-form-select dl dd:hover {
    background-color: #444 !important;
}

body.dark-mode .layui-form-select dl dd.layui-this {
    background-color: #009688 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-form-checkbox[lay-skin=primary] span {
    color: #ffffff !important;
}

body.dark-mode .layui-form-checkbox[lay-skin=primary] i {
    border-color: #555 !important;
    background-color: #333 !important;
}

body.dark-mode .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #009688 !important;
}

body.dark-mode .layui-form-checkbox[lay-skin=primary].layui-form-checked i {
    background-color: #009688 !important;
    border-color: #009688 !important;
}

body.dark-mode .layui-form-radio > i {
    color: #555 !important;
}

body.dark-mode .layui-form-radioed > i {
    color: #009688 !important;
}

body.dark-mode .layui-form-switch {
    background-color: #555 !important;
}

body.dark-mode .layui-form-switch em {
    color: #ffffff !important;
}

body.dark-mode .layui-form-onswitch {
    background-color: #009688 !important;
    border-color: #009688 !important;
}

body.dark-mode .layui-elem-quote {
    background-color: #333 !important;
    border-color: #444 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-elem-field {
    border-color: #444 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-quote-nm {
    background-color: #333 !important;
    border-color: #444 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-text {
    color: #e0e0e0 !important;
}

body.dark-mode blockquote {
    background-color: #333 !important;
    border-color: #444 !important;
    color: #ffffff !important;
}

body.dark-mode pre {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

body.dark-mode code {
    color: #4dabf7 !important;
    background-color: #333 !important;
}

body.dark-mode .layuimini-container {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
    color: #ffffff !important;
}

body.dark-mode .layuimini-main {
    background-color: transparent !important;
}

body.dark-mode .table-search-fieldset {
    background-color: #333 !important;
    border-color: #444 !important;
    color: #ffffff !important;
}

body.dark-mode .layuimini-qiuck-module a i {
    background-color: #333 !important;
    color: #ffffff !important;
}

body.dark-mode .layuimini-qiuck-module a cite {
    color: #ffffff !important;
}

body.dark-mode .layuimini-notice:hover {
    background-color: #333 !important;
}

body.dark-mode .panel {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
}

body.dark-mode .panel-title {
    color: #ffffff !important;
}

body.dark-mode .panel-content {
    color: #ffffff !important;
}

body.dark-mode .layui-bg-number {
    background-color: #333 !important;
}

body.dark-mode .layui-text {
    color: #e0e0e0;
}

body.dark-mode .layui-form-select dl dd.layui-select-tips {
    color: #999;
}

body.dark-mode .layui-input {
    color: #ffffff;
    background-color: #333;
    border-color: #555;
}

body.dark-mode .layui-textarea {
    color: #ffffff;
    background-color: #333;
    border-color: #555;
}

body.dark-mode .layui-form-select dl {
    background-color: #2d2d2d;
    border-color: #444;
}

body.dark-mode .layui-form-select dl dt {
    color: #ffffff;
}

body.dark-mode .layui-form-select dl dd {
    color: #e0e0e0;
}

body.dark-mode .layui-form-select dl dd:hover {
    background-color: #444;
}

body.dark-mode .layui-form-select dl dd.layui-this {
    background-color: #009688;
    color: #ffffff;
}

body.dark-mode .layui-form-checkbox span {
    color: #e0e0e0;
}

body.dark-mode .layui-form-radio > i {
    color: #e0e0e0;
}

body.dark-mode .layui-form-switch {
    background-color: #555;
}

body.dark-mode .layui-form-switch em {
    color: #ffffff;
}

body.dark-mode .layui-laydate {
    background-color: #2d2d2d;
    border-color: #444;
}

body.dark-mode .layui-laydate-header {
    background-color: #333;
    border-bottom-color: #444;
}

body.dark-mode .layui-laydate-header i {
    color: #ffffff;
}

body.dark-mode .layui-laydate-header span {
    color: #ffffff;
}

body.dark-mode .layui-laydate-content table th {
    color: #ffffff;
    background-color: #333;
}

body.dark-mode .layui-laydate-content table td {
    color: #e0e0e0;
}

body.dark-mode .layui-laydate-content table td:hover {
    background-color: #444;
}

body.dark-mode .layui-laydate-prev-y, 
body.dark-mode .layui-laydate-next-y,
body.dark-mode .layui-laydate-prev-m, 
body.dark-mode .layui-laydate-next-m {
    color: #ffffff;
}

body.dark-mode .layui-laydate-list li {
    color: #e0e0e0;
}

body.dark-mode .layui-laydate-list li:hover {
    background-color: #444;
}

body.dark-mode .layui-laydate-list li.layui-this {
    background-color: #009688;
}

body.dark-mode .layui-laydate-footer span {
    color: #ffffff;
}

body.dark-mode .layui-laydate-footer span:hover {
    color: #009688;
}

body.dark-mode .layui-pagination {
    background-color: #2d2d2d;
}

body.dark-mode .layui-pagination .layui-laypage-count,
body.dark-mode .layui-pagination .layui-laypage-limits,
body.dark-mode .layui-pagination .layui-laypage-skip {
    color: #e0e0e0;
}

body.dark-mode .layui-pagination a, 
body.dark-mode .layui-pagination span {
    color: #e0e0e0;
    background-color: #333;
    border-color: #444;
}

body.dark-mode .layui-pagination .layui-laypage-curr .layui-laypage-em {
    background-color: #009688;
}

body.dark-mode .layui-pagination .layui-laypage-curr span {
    color: #ffffff;
}

body.dark-mode .layui-pagination .layui-laypage-a {
    color: #e0e0e0;
}

body.dark-mode .layui-pagination .layui-laypage-a:hover {
    background-color: #444;
}

body.dark-mode .layui-tree-switch {
    color: #ffffff;
}

body.dark-mode .layui-tree-txt {
    color: #e0e0e0;
}

body.dark-mode .layui-timeline-axis {
    color: #ffffff;
}

body.dark-mode .layui-timeline-content {
    color: #e0e0e0;
}

body.dark-mode .layui-timeline-title {
    color: #ffffff;
}

body.dark-mode .layui-transfer-box {
    background-color: #2d2d2d;
    border-color: #444;
}

body.dark-mode .layui-transfer-header {
    background-color: #333;
    border-bottom-color: #444;
    color: #ffffff;
}

body.dark-mode .layui-transfer-search .layui-input {
    background-color: #333;
    border-color: #444;
    color: #ffffff;
}

body.dark-mode .layui-transfer-data li {
    color: #e0e0e0;
}

body.dark-mode .layui-colorpicker {
    border-color: #444;
}

body.dark-mode .layui-colorpicker-trigger-span {
    border-color: #444;
    background-color: #333;
}

body.dark-mode .layui-slider {
    background-color: #444;
}

body.dark-mode .layui-slider-wrap {
    background-color: #009688;
}

body.dark-mode .layui-slider-tips {
    background-color: #333;
    color: #ffffff;
}

body.dark-mode .layui-slider-bar {
    background-color: #009688;
}

body.dark-mode .layui-table-sort {
    color: #ffffff;
}

body.dark-mode .layui-upload-drag {
    background-color: #2d2d2d;
    border-color: #444;
    color: #e0e0e0;
}

body.dark-mode .layui-upload-drag:hover {
    border-color: #009688;
}

body.dark-mode .layui-upload-file {
    border-color: #444;
}

body.dark-mode blockquote {
    background-color: #333;
    border-left-color: #009688;
    color: #e0e0e0;
}

body.dark-mode .layui-elem-quote {
    background-color: #333;
    border-left-color: #009688;
    color: #e0e0e0;
}

body.dark-mode fieldset {
    border-color: #444;
    color: #e0e0e0;
}

body.dark-mode .layui-field-title legend {
    color: #ffffff;
}

body.dark-mode .layui-form-field legend {
    color: #ffffff;
}

body.dark-mode .layui-layedit-tool {
    background-color: #333;
    border-bottom-color: #444;
}

body.dark-mode .layui-layedit-tool .layedit-tool-mid {
    border-color: #555;
}

body.dark-mode .layui-layedit-tool span {
    color: #e0e0e0;
}

body.dark-mode .layui-edit-iframe {
    background-color: #2d2d2d;
}

body.dark-mode .layui-code-view {
    background-color: #2d2d2d;
    border-color: #444;
    color: #e0e0e0;
}

body.dark-mode .layui-code-h3 {
    background-color: #333;
    border-bottom-color: #444;
    color: #ffffff;
}

body.dark-mode .layui-collapse {
    border-color: #444;
}

body.dark-mode .layui-colla-content {
    background-color: #2d2d2d;
    border-color: #444;
    color: #e0e0e0;
}

body.dark-mode .layui-colla-item {
    border-color: #444;
}

body.dark-mode .layui-colla-title {
    background-color: #333;
    color: #ffffff;
}

body.dark-mode .layui-colla-icon {
    color: #ffffff;
}

body.dark-mode .layui-timeline-item:before {
    background-color: #444;
}

body.dark-mode .layui-timeline-axis {
    background-color: #009688;
    color: #ffffff;
}

body.dark-mode .layui-badge {
    background-color: #009688;
    color: #ffffff;
}

body.dark-mode .layui-badge-rim {
    background-color: transparent;
    border-color: #555;
    color: #e0e0e0;
}

body.dark-mode .layui-tag {
    background-color: #555;
    color: #e0e0e0;
}

body.dark-mode .layui-tag .layui-tag-close {
    color: #e0e0e0;
}

body.dark-mode .layui-tips {
    background-color: #333;
    color: #ffffff;
}

body.dark-mode .layui-tips i.layui-layer-TipsG {
    border-right-color: #333;
}

body.dark-mode .layui-anim {
    background-color: #2d2d2d;
}

body.dark-mode pre {
    color: #e0e0e0;
    background-color: #2d2d2d;
}

body.dark-mode code {
    color: #4dabf7;
    background-color: #333;
}

body.dark-mode .layui-quote-nm {
    background-color: #333;
    border-color: #444;
    color: #e0e0e0;
}

body.dark-mode .layui-text-header h1,
body.dark-mode .layui-text-header h2,
body.dark-mode .layui-text-header h3 {
    color: #ffffff;
}

body.dark-mode .layui-word-aux {
    color: #999 !important;
}

body.dark-mode .layui-laypage-count {
    color: #e0e0e0;
}

body.dark-mode .layui-laypage-limits select {
    background-color: #333;
    border-color: #444;
    color: #ffffff;
}

body.dark-mode .layui-laypage-skip {
    color: #e0e0e0;
}

body.dark-mode .layui-laypage-skip input {
    background-color: #333;
    border-color: #444;
    color: #ffffff;
}

body.dark-mode .layui-laypage button {
    background-color: #009688;
    color: #ffffff;
}

body.dark-mode .layui-carousel {
    background-color: #2d2d2d;
}

body.dark-mode .layui-carousel-arrow {
    background-color: rgba(0,0,0,0.5);
    color: #ffffff;
}

body.dark-mode .layui-carousel-ind ul {
    background-color: rgba(0,0,0,0.3);
}

body.dark-mode .layui-carousel-ind li {
    background-color: rgba(255,255,255,0.5);
}

body.dark-mode .layui-carousel-ind li.layui-this {
    background-color: #ffffff;
}

body.dark-mode .layui-fixbar {
    background-color: #2d2d2d;
}

body.dark-mode .layui-fixbar li {
    background-color: #333;
    color: #ffffff;
}

body.dark-mode .layui-fixbar li:hover {
    background-color: #009688;
}

body.dark-mode .layui-nav .layui-nav-bar {
    background-color: #009688;
}

body.dark-mode .layui-table-page {
    background-color: #333;
    border-color: #444;
}

body.dark-mode .layui-table-page select {
    background-color: #2d2d2d;
    border-color: #444;
    color: #ffffff;
}

body.dark-mode .layui-table-page input {
    background-color: #2d2d2d;
    border-color: #444;
    color: #ffffff;
}

body.dark-mode .layui-laypage-total,
body.dark-mode .layui-laypage-count {
    color: #e0e0e0;
}

body.dark-mode .layui-laypage button {
    background-color: #009688;
    color: #ffffff;
    border-color: #009688;
}

body.dark-mode .layui-laypage button:hover {
    background-color: #007a6a;
}

body.dark-mode .layui-table-tool {
    background-color: #333;
}

body.dark-mode .layui-table-tool-temp {
    background-color: #2d2d2d;
    border-color: #444;
}

body.dark-mode .layui-table-tool-self {
    background-color: #333;
}

body.dark-mode .layui-table-tool-panel {
    background-color: #2d2d2d;
    border-color: #444;
}

body.dark-mode .layui-table-tool-panel li {
    color: #e0e0e0;
}

body.dark-mode .layui-table-tool-panel li:hover {
    background-color: #444;
}

body.dark-mode .layui-table-edit {
    background-color: #333;
    border-color: #444;
    color: #ffffff;
}

body.dark-mode .layui-table-grid-down {
    color: #ffffff;
}

body.dark-mode .layui-table-sort:hover {
    background-color: #444;
}

body.dark-mode .layui-table-hover {
    background-color: #3a3a3a !important;
}

body.dark-mode .layui-table tbody tr:hover, 
body.dark-mode .layui-table thead tr:hover,
body.dark-mode .layui-table-hover {
    background-color: #3a3a3a !important;
}

body.dark-mode .layui-table-fixed {
    background-color: #2d2d2d;
}

body.dark-mode .layui-table-body {
    background-color: #2d2d2d;
}

body.dark-mode .layui-table-header {
    background-color: #333;
}

body.dark-mode .layui-table-mend {
    background-color: #333;
}

body.dark-mode .layui-table-patch {
    background-color: #333;
}

body.dark-mode .layui-table tr {
    border-color: #444;
}

body.dark-mode .layui-table-view select[lay-ignore] {
    background-color: #333;
    border-color: #444;
    color: #ffffff;
}

body.dark-mode .layui-table-view input[lay-ignore] {
    background-color: #333;
    border-color: #444;
    color: #ffffff;
}

body.dark-mode .layui-table-view textarea[lay-ignore] {
    background-color: #333;
    border-color: #444;
    color: #ffffff;
}

body.dark-mode .layui-form-item .layui-form-checkbox[lay-skin=primary] span {
    color: #e0e0e0;
}

body.dark-mode .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #009688;
}

body.dark-mode .layui-form-radioed > i {
    color: #009688;
}

body.dark-mode .layui-form-switch:checked {
    background-color: #009688;
    border-color: #009688;
}

body.dark-mode .layui-form-onswitch {
    background-color: #009688;
    border-color: #009688;
}

body.dark-mode .layui-form-select dl {
    top: 42px;
}

body.dark-mode .layui-select-group {
    color: #ffffff;
}

body.dark-mode .layui-form-select dl dd.layui-select-tips {
    color: #999;
}

body.dark-mode .layui-util-fixer {
    background-color: #333;
}

body.dark-mode .layui-flow-more {
    color: #e0e0e0;
}

body.dark-mode .layui-flow-more a {
    color: #4dabf7;
}

body.dark-mode .layui-transfer-active {
    border-color: #444;
    background-color: #2d2d2d;
}

body.dark-mode .layui-transfer-title {
    background-color: #333;
    border-bottom-color: #444;
    color: #ffffff;
}

body.dark-mode .layui-transfer-box-certified {
    background-color: #2d2d2d;
    border-color: #444;
}

body.dark-mode .layui-form-required {
    color: #ff6b6b;
}

body.dark-mode .layui-tips i.layui-layer-TipsB {
    border-top-color: #333;
}

body.dark-mode .layui-iconpicker-body {
    background-color: #2d2d2d;
}

body.dark-mode .layui-iconpicker-body .layui-iconpicker-item {
    border-color: #444;
    color: #e0e0e0;
}

body.dark-mode .layui-iconpicker-body .layui-iconpicker-item:hover {
    background-color: #444;
}

body.dark-mode .layui-iconpicker-body .layui-iconpicker-item.selected {
    background-color: #009688;
    color: #ffffff;
}

body.dark-mode .layui-iconpicker-body .layui-iconpicker-search {
    background-color: #333;
    border-color: #444;
}

body.dark-mode .layui-iconpicker-body .layui-iconpicker-search input {
    color: #ffffff;
}

body.dark-mode .layui-iconpicker-body .layui-iconpicker-search i {
    color: #e0e0e0;
}

body.dark-mode .layui-iconpicker-page {
    background-color: #333;
    border-top-color: #444;
    color: #e0e0e0;
}

body.dark-mode .layui-iconpicker-page span {
    color: #e0e0e0;
}

body.dark-mode .layui-iconpicker-page .layui-iconpicker-page-prev,
body.dark-mode .layui-iconpicker-page .layui-iconpicker-page-next {
    color: #ffffff;
}

body.dark-mode .layui-iconpicker-page .layui-iconpicker-page-prev:hover,
body.dark-mode .layui-iconpicker-page .layui-iconpicker-page-next:hover {
    color: #009688;
}

body.dark-mode .layui-table[lay-skin=line] td,
body.dark-mode .layui-table[lay-skin=line] th {
    border-color: #444;
}

body.dark-mode .layui-table[lay-skin=row] td,
body.dark-mode .layui-table[lay-skin=row] th {
    border-color: #444;
}

body.dark-mode .layui-table[lay-skin=grid] td,
body.dark-mode .layui-table[lay-skin=grid] th {
    border-color: #444;
}

body.dark-mode .layui-table-toolbar .layui-table-tool-self {
    background-color: #333;
}

body.dark-mode .layui-form-select dl {
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

body.dark-mode .layui-layer-page .layui-layer-content {
    background-color: #2d2d2d;
}

body.dark-mode .layui-layer-dialog .layui-layer-content {
    background-color: #2d2d2d;
    color: #e0e0e0;
}

body.dark-mode .layui-layer-setwin .layui-layer-close1 {
    color: #ffffff;
}

body.dark-mode .layui-layer-setwin .layui-layer-close1:hover {
    color: #ff6b6b;
}

body.dark-mode .layui-layer-btn a {
    background-color: #444;
    color: #ffffff;
    border-color: #444;
}

body.dark-mode .layui-layer-btn .layui-layer-btn0 {
    background-color: #009688;
    border-color: #009688;
}

body.dark-mode .layui-layer-btn a:hover {
    background-color: #555;
}

body.dark-mode .layui-layer-btn .layui-layer-btn0:hover {
    background-color: #007a6a;
}

body.dark-mode .layui-layer-btn1 {
    background-color: #444;
    border-color: #444;
}

body.dark-mode .layui-layer-footer {
    background-color: #2d2d2d;
    border-top-color: #444;
    color: #e0e0e0;
}

body.dark-mode .layui-layer-shade {
    background-color: rgba(0,0,0,0.5);
}

body.dark-mode .layui-layer-msg {
    background-color: #2d2d2d;
    color: #e0e0e0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

body.dark-mode .layui-layer-msg .layui-layer-content {
    background-color: #2d2d2d;
    color: #e0e0e0;
}

body.dark-mode .layui-layer-hurricane {
    background-color: rgba(0, 77, 77, 0.8);
}

body.dark-mode .layui-form-select dl dd.layui-select-tips {
    color: #999;
}

body.dark-mode .layui-table-grid-down:hover {
    color: #009688;
}

body.dark-mode .layui-timeline-content h3 {
    color: #ffffff;
}

body.dark-mode .layui-timeline-content h4 {
    color: #ffffff;
}

body.dark-mode .layui-timeline-content h5 {
    color: #ffffff;
}

body.dark-mode .layui-timeline-content h6 {
    color: #ffffff;
}

body.dark-mode .layui-timeline-content p {
    color: #e0e0e0;
}

body.dark-mode .layui-timeline-content ul {
    color: #e0e0e0;
}

body.dark-mode .layui-timeline-content ol {
    color: #e0e0e0;
}

body.dark-mode .layui-timeline-content li {
    color: #e0e0e0;
}

body.dark-mode .layui-timeline-content strong {
    color: #ffffff;
}

body.dark-mode .layui-timeline-content em {
    color: #e0e0e0;
}

body.dark-mode .layui-timeline-content i.layui-icon {
     color: #ffffff;
}

body.dark-mode .layui-btn-group .layui-btn-primary {
    background-color: #333 !important;
    border-color: #555 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-btn-group .layui-btn-primary:hover {
    background-color: #444 !important;
    border-color: #666 !important;
}

body.dark-mode .layui-table .layui-btn {
    background-color: #444 !important;
    border-color: #555 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-table .layui-btn:hover {
    background-color: #555 !important;
}

body.dark-mode .layui-table .layui-btn-normal {
    background-color: #009688 !important;
    border-color: #009688 !important;
}

body.dark-mode .layui-table .layui-btn-danger {
    background-color: #ff4d4f !important;
    border-color: #ff4d4f !important;
}

body.dark-mode .layui-table-cell {
    color: #ffffff !important;
}

body.dark-mode .layui-table-hover {
    background-color: #3a3a3a !important;
}

body.dark-mode .layui-form-item .layui-form-label {
    color: #ffffff !important;
}

body.dark-mode .layui-form-item .layui-form-text {
    color: #ffffff !important;
}

body.dark-mode .layui-form-item .layui-input-inline {
    color: #ffffff !important;
}

body.dark-mode .layui-form-item .layui-input-block {
    color: #ffffff !important;
}

body.dark-mode .layui-form-item .layui-form-select .layui-select-title {
    background-color: #333 !important;
    border-color: #555 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-form-item .layui-form-select .layui-select-title input {
    color: #ffffff !important;
}

body.dark-mode .layui-form-item .layui-form-select .layui-select-title i {
    color: #ffffff !important;
}

body.dark-mode .layui-form-item .layui-form-checkbox {
    color: #ffffff !important;
}

body.dark-mode .layui-form-item .layui-form-checkbox[lay-skin=primary] i {
    border-color: #555 !important;
    background-color: #333 !important;
}

body.dark-mode .layui-form-item .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #009688 !important;
}

body.dark-mode .layui-form-item .layui-form-checkbox[lay-skin=primary].layui-form-checked i {
    background-color: #009688 !important;
    border-color: #009688 !important;
}

body.dark-mode .layui-form-item .layui-form-radio {
    color: #ffffff !important;
}

body.dark-mode .layui-form-item .layui-form-radio i {
    color: #555 !important;
}

body.dark-mode .layui-form-item .layui-form-radioed i {
    color: #009688 !important;
}

body.dark-mode .layui-form-item .layui-form-switch {
    background-color: #555 !important;
}

body.dark-mode .layui-form-item .layui-form-switch em {
    color: #ffffff !important;
}

body.dark-mode .layui-form-item .layui-form-onswitch {
    background-color: #009688 !important;
    border-color: #009688 !important;
}

body.dark-mode .layui-input:focus,
body.dark-mode .layui-textarea:focus {
    border-color: #009688 !important;
}

body.dark-mode .layui-select:focus {
    border-color: #009688 !important;
}

body.dark-mode .layui-form-select dl dd.layui-select-tips {
    color: #999 !important;
}

body.dark-mode .layui-form-select dl dd.layui-select-other {
    color: #999 !important;
}

body.dark-mode .layui-laydate-content td.layui-this {
    background-color: #009688 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-laydate-content td.layui-disabled {
    color: #666 !important;
}

body.dark-mode .layui-laydate-content td.layui-date-next-month,
body.dark-mode .layui-laydate-content td.layui-date-prev-month {
    color: #666 !important;
}

body.dark-mode .layui-pagination .layui-laypage-btn {
    background-color: #333 !important;
    border-color: #555 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-pagination .layui-laypage-btn:hover {
    background-color: #444 !important;
}

body.dark-mode .layui-carousel-ind li {
    background-color: rgba(255,255,255,0.3) !important;
}

body.dark-mode .layui-carousel-ind li.layui-this {
    background-color: rgba(255,255,255,0.8) !important;
}

body.dark-mode .layui-carousel-arrow {
    background-color: rgba(0,0,0,0.6) !important;
    color: #ffffff !important;
}

body.dark-mode .layui-carousel-arrow:hover {
    background-color: rgba(0,0,0,0.8) !important;
}

body.dark-mode .layui-tree li a {
    color: #ffffff !important;
}

body.dark-mode .layui-tree li a:hover {
    background-color: #444 !important;
}

body.dark-mode .layui-tree li a cite {
    color: #ffffff !important;
}

body.dark-mode .layui-tree li a i {
    color: #ffffff !important;
}

body.dark-mode .layui-tree li.layui-tree-spread .layui-tree-switch {
    background-color: #444 !important;
}

body.dark-mode .layui-tree li.layui-tree-spread .layui-tree-icon {
    color: #ffffff !important;
}

body.dark-mode .layui-progress {
    background-color: #444 !important;
}

body.dark-mode .layui-progress-bar {
    background-color: #009688 !important;
}

body.dark-mode .layui-progress-text {
    color: #ffffff !important;
}

body.dark-mode .layui-rate .layui-rate-icon {
    color: #555 !important;
}

body.dark-mode .layui-rate .layui-rate-icon-fill {
    color: #ffb800 !important;
}

body.dark-mode .layui-cascader {
    background-color: #333 !important;
    border-color: #555 !important;
}

body.dark-mode .layui-cascader-input {
    color: #ffffff !important;
}

body.dark-mode .layui-cascader-menu {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
}

body.dark-mode .layui-cascader-menu li {
    color: #ffffff !important;
}

body.dark-mode .layui-cascader-menu li:hover {
    background-color: #444 !important;
}

body.dark-mode .layui-cascader-menu li.layui-this {
    background-color: #009688 !important;
}

body.dark-mode .layui-cascader-menu li.layui-disabled {
    color: #666 !important;
}

body.dark-mode .layui-cascader-menu li.layui-disabled:hover {
    background-color: transparent !important;
}

body.dark-mode .layui-step {
    border-color: #444 !important;
}

body.dark-mode .layui-step-title {
    color: #ffffff !important;
}

body.dark-mode .layui-step-content {
    color: #e0e0e0 !important;
}

body.dark-mode .layui-step-item {
    border-color: #444 !important;
}

body.dark-mode .layui-step-item.layui-step-active {
    border-color: #009688 !important;
}

body.dark-mode .layui-step-item.layui-step-active .layui-step-title {
    color: #009688 !important;
}

body.dark-mode .layui-step-item.layui-step-finish {
    border-color: #009688 !important;
}

body.dark-mode .layui-step-item.layui-step-finish .layui-step-title {
    color: #009688 !important;
}

body.dark-mode .layui-step-number {
    background-color: #333 !important;
    color: #ffffff !important;
    border-color: #555 !important;
}

body.dark-mode .layui-step-item.layui-step-active .layui-step-number {
    background-color: #009688 !important;
    border-color: #009688 !important;
}

body.dark-mode .layui-step-item.layui-step-finish .layui-step-number {
    background-color: #009688 !important;
    border-color: #009688 !important;
}

body.dark-mode .layui-upload-list {
    border-color: #444 !important;
}

body.dark-mode .layui-upload-list li {
    background-color: #333 !important;
}

body.dark-mode .layui-upload-list li:hover {
    background-color: #444 !important;
}

body.dark-mode .layui-upload-list li .layui-upload-delete {
    color: #ff4d4f !important;
}

body.dark-mode .layui-upload-list li .layui-upload-delete:hover {
    color: #ff7875 !important;
}

body.dark-mode .layui-upload-list li img {
    border-color: #555 !important;
}

body.dark-mode .layui-upload-file {
    background-color: #333 !important;
    border-color: #555 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-upload-file:hover {
    background-color: #444 !important;
}

body.dark-mode .layui-upload-btn {
    background-color: #009688 !important;
    border-color: #009688 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-upload-btn:hover {
    background-color: #007a6a !important;
}

body.dark-mode .layui-flow-more {
    background-color: #333 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-flow-more a {
    color: #4dabf7 !important;
}

body.dark-mode .layui-util-fixer {
    background-color: #333 !important;
}

body.dark-mode .layui-util-fixer li {
    color: #ffffff !important;
}

body.dark-mode .layui-util-fixer li:hover {
    background-color: #444 !important;
}

body.dark-mode .layui-tips {
    background-color: #333 !important;
    color: #ffffff !important;
    border-color: #444 !important;
}

body.dark-mode .layui-tips i.layui-layer-TipsG {
    border-color: #333 !important;
}

body.dark-mode .layui-tips i.layui-layer-TipsB {
    border-color: #333 !important;
}

body.dark-mode .layui-tips i.layui-layer-TipsT {
    border-color: #333 !important;
}

body.dark-mode .layui-tips i.layui-layer-TipsL {
    border-color: #333 !important;
}

body.dark-mode .layui-shade {
    background-color: rgba(0,0,0,0.7) !important;
}

body.dark-mode .layui-layer {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
}

body.dark-mode .layui-layer-title {
    background-color: #333 !important;
    color: #ffffff !important;
    border-color: #444 !important;
}

body.dark-mode .layui-layer-content {
    color: #ffffff !important;
}

body.dark-mode .layui-layer-btn {
    background-color: #333 !important;
    border-color: #444 !important;
}

body.dark-mode .layui-layer-btn a {
    background-color: #444 !important;
    border-color: #555 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-layer-btn .layui-layer-btn0 {
    background-color: #009688 !important;
    border-color: #009688 !important;
}

body.dark-mode .layui-layer-btn .layui-layer-btn1 {
    background-color: #444 !important;
    border-color: #555 !important;
}

body.dark-mode .layui-layer-close {
    color: #ffffff !important;
}

body.dark-mode .layui-layer-close:hover {
    color: #ff4d4f !important;
}

body.dark-mode .layui-layer-setwin {
    background-color: #333 !important;
}

body.dark-mode .layui-layer-loading {
    background-color: rgba(45,45,45,0.9) !important;
    color: #ffffff !important;
}

body.dark-mode .layui-layer-msg {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
}

body.dark-mode .layui-layer-hint {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
}

body.dark-mode .layui-layer-tab {
    background-color: #2d2d2d !important;
}

body.dark-mode .layui-layer-tab .layui-layer-tab-title {
    background-color: #333 !important;
    border-color: #444 !important;
}

body.dark-mode .layui-layer-tab .layui-layer-tab-title li {
    color: #ffffff !important;
}

body.dark-mode .layui-layer-tab .layui-layer-tab-title li.layui-this {
    background-color: #2d2d2d !important;
    color: #009688 !important;
    border-color: #444 !important;
}

body.dark-mode .layui-layer-tab .layui-layer-tab-content {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
}

body.dark-mode .layui-layer-photos {
    background-color: rgba(0,0,0,0.9) !important;
}

body.dark-mode .layui-layer-photos .layui-layer-photosimg {
    border-color: #444 !important;
}

body.dark-mode .layui-layer-photos .layui-layer-photosclose {
    color: #ffffff !important;
}

body.dark-mode .layui-layer-prompt {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
}

body.dark-mode .layui-layer-prompt .layui-layer-input {
    background-color: #333 !important;
    border-color: #555 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-layer-prompt .layui-layer-btn {
    background-color: #333 !important;
    border-color: #444 !important;
}

body.dark-mode .layui-layer-iframe {
    background-color: #2d2d2d !important;
}

body.dark-mode .layui-laypage input {
    background-color: #333 !important;
    border-color: #555 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-laypage select {
    background-color: #333 !important;
    border-color: #555 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-laypage button {
    background-color: #009688 !important;
    border-color: #009688 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-laypage button:hover {
    background-color: #007a6a !important;
}

body.dark-mode .layui-laypage .layui-laypage-skip {
    color: #ffffff !important;
}

body.dark-mode .layui-laypage .layui-laypage-count {
    color: #ffffff !important;
}

body.dark-mode .layui-laypage .layui-laypage-limits {
    color: #ffffff !important;
}

body.dark-mode .layui-laypage .layui-laypage-total {
    color: #ffffff !important;
}

body.dark-mode .layui-laypage .layui-laypage-refresh {
    color: #ffffff !important;
}

body.dark-mode .layui-laypage .layui-laypage-refresh:hover {
    color: #009688 !important;
}

body.dark-mode .layui-table-view {
    border-color: #444 !important;
}

body.dark-mode .layui-table-view .layui-table {
    background-color: #2d2d2d !important;
}

body.dark-mode .layui-table-view .layui-table-header {
    background-color: #333 !important;
}

body.dark-mode .layui-table-view .layui-table-body {
    background-color: #2d2d2d !important;
}

body.dark-mode .layui-table-view .layui-table-footer {
    background-color: #333 !important;
}

body.dark-mode .layui-table-view .layui-table-tool {
    background-color: #333 !important;
}

body.dark-mode .layui-table-view .layui-table-tool-temp {
    background-color: #2d2d2d !important;
}

body.dark-mode .layui-table-view .layui-table-tool-self {
    background-color: #333 !important;
}

body.dark-mode .layui-table-view .layui-table-tool-panel {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
}

body.dark-mode .layui-table-view .layui-table-tool-panel li {
    color: #ffffff !important;
}

body.dark-mode .layui-table-view .layui-table-tool-panel li:hover {
    background-color: #444 !important;
}

body.dark-mode .layui-table-view .layui-table-edit {
    background-color: #333 !important;
    border-color: #555 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-table-view .layui-table-grid-down {
    color: #ffffff !important;
}

body.dark-mode .layui-table-view .layui-table-sort {
    color: #ffffff !important;
}

body.dark-mode .layui-table-view .layui-table-sort:hover {
    background-color: #444 !important;
}

body.dark-mode .layui-table-view .layui-table-check {
    color: #ffffff !important;
}

body.dark-mode .layui-table-view .layui-table-fixed {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
}

body.dark-mode .layui-table-view .layui-table-fixed-r {
    border-color: #444 !important;
}

body.dark-mode .layui-table-view .layui-table-mend {
    background-color: #333 !important;
}

body.dark-mode .layui-table-view .layui-table-patch {
    background-color: #333 !important;
}

body.dark-mode .layui-table-view .layui-table-row-even {
    background-color: #2d2d2d !important;
}

body.dark-mode .layui-table-view .layui-table-row-odd {
    background-color: #333 !important;
}

body.dark-mode .layui-table-view .layui-table-col-special {
    background-color: #333 !important;
}

body.dark-mode .layui-table-view .layui-table-col-special td {
    background-color: #333 !important;
}

body.dark-mode .layui-table-view .layui-table-col-special td:hover {
    background-color: #444 !important;
}

body.dark-mode .layui-table-view .layui-table-cell {
    color: #ffffff !important;
}

body.dark-mode .layui-table-view .layui-table-link {
    color: #4dabf7 !important;
}

body.dark-mode .layui-table-view .layui-table-link:hover {
    color: #74c0fc !important;
}

body.dark-mode .layui-table-view .layui-table-number {
    color: #ffffff !important;
}

body.dark-mode .layui-table-view .layui-table-text {
    color: #ffffff !important;
}

body.dark-mode .layui-table-view .layui-table-edit-focus {
    border-color: #009688 !important;
}

body.dark-mode .layui-table-view .layui-table-checkall {
    color: #ffffff !important;
}

body.dark-mode .layui-table-view .layui-table-checkall:hover {
    color: #009688 !important;
}

body.dark-mode .layui-form-item .layui-form-textarea {
    background-color: #333 !important;
    border-color: #555 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-form-item .layui-form-textarea:focus {
    border-color: #009688 !important;
}

body.dark-mode .layui-form-item .layui-form-verify {
    color: #ff4d4f !important;
}

body.dark-mode .layui-form-item .layui-form-hint {
    color: #999 !important;
}

body.dark-mode .layui-form-item .layui-form-error {
    color: #ff4d4f !important;
}

body.dark-mode .layui-form-item .layui-form-success {
    color: #009688 !important;
}

body.dark-mode .layui-form-item .layui-form-warning {
    color: #ffb800 !important;
}

body.dark-mode .layui-form-item .layui-form-disabled {
    background-color: #444 !important;
    border-color: #555 !important;
    color: #999 !important;
}

body.dark-mode .layui-form-item .layui-form-disabled * {
    color: #999 !important;
}

body.dark-mode .layui-form-item .layui-form-readonly {
    background-color: #333 !important;
    border-color: #555 !important;
    color: #ffffff !important;
}

body.dark-mode .layui-form-item .layui-form-hidden {
    display: none !important;
}

body.dark-mode .layui-form-item .layui-form-inline {
    color: #ffffff !important;
}

body.dark-mode .layui-form-item .layui-form-group {
    color: #ffffff !important;
}

body.dark-mode .layui-form-item .layui-form-col {
    color: #ffffff !important;
}

body.dark-mode .layui-form-item .layui-form-space {
    color: #ffffff !important;
}

body.dark-mode .layui-form-item .layui-form-divider {
    background-color: #444 !important;
}

body.dark-mode .layui-form-item .layui-form-row {
    color: #ffffff !important;
}

body.dark-mode .layui-form-item .layui-form-label-top {
    color: #ffffff !important;
}

body.dark-mode .layui-form-item .layui-form-label-block {
    color: #ffffff !important;
}

body.dark-mode .layui-form-item .layui-form-label-align {
    color: #ffffff !important;
}

body.dark-mode .layui-form-item .layui-form-label-required {
    color: #ff4d4f !important;
}

body.dark-mode .layui-form-item .layui-form-label-optional {
    color: #999 !important;
}

body.dark-mode .layui-form-item .layui-form-label-help {
    color: #999 !important;
}

body.dark-mode .layui-form-item .layui-form-label-tips {
    color: #999 !important;
}

body.dark-mode .layui-form-item .layui-form-label-error {
    color: #ff4d4f !important;
}

body.dark-mode .layui-form-item .layui-form-label-success {
    color: #009688 !important;
}

body.dark-mode .layui-form-item .layui-form-label-warning {
    color: #ffb800 !important;
}

body.dark-mode.layui-layout-body {
    background-color: #1a1a1a !important;
}

body.dark-mode .layui-layout-admin {
    background-color: #1a1a1a !important;
}

body.dark-mode .layui-layout-admin .layui-header,
body.dark-mode .layui-header.header {
    background-color: #2d2d2d !important;
    border-bottom-color: #444 !important;
}

body.dark-mode .layui-logo,
body.dark-mode .layuimini-logo {
    background-color: #2d2d2d !important;
}

body.dark-mode .layuimini-header-content {
    background-color: #2d2d2d !important;
}

body.dark-mode .layui-nav {
    background-color: transparent !important;
}

body.dark-mode .layui-layout-admin .layui-header .layui-nav .layui-nav-item a,
body.dark-mode .layui-nav .layui-nav-item > a {
    color: #e0e0e0 !important;
}

body.dark-mode .layui-nav .layui-nav-item > a:hover {
    color: #009688 !important;
}

body.dark-mode .layui-nav .layui-nav-child {
    background-color: #333 !important;
    border-color: #444 !important;
}

body.dark-mode .layui-nav .layui-nav-child dd a {
    color: #e0e0e0 !important;
}

body.dark-mode .layui-nav .layui-nav-child dd a:hover {
    color: #009688 !important;
    background-color: #444 !important;
}

body.dark-mode .layui-side.layui-bg-black,
body.dark-mode .layui-side.layui-bg-black > .layuimini-menu-left > ul {
    background-color: #2d2d2d !important;
}

body.dark-mode .layui-side {
    background-color: #2d2d2d !important;
}

body.dark-mode .layuimini-menu-left .layui-nav .layui-nav-item a,
body.dark-mode .layuimini-menu-left-zoom.layui-nav .layui-nav-item a {
    color: #e0e0e0 !important;
}

body.dark-mode .layuimini-menu-left .layui-nav .layui-nav-item a:hover,
body.dark-mode .layuimini-menu-left .layui-nav .layui-this a {
    color: #ffffff !important;
}

body.dark-mode .layui-body {
    background-color: #1a1a1a !important;
    border-color: #444 !important;
}

body.dark-mode .layuimini-tab {
    background-color: #2d2d2d !important;
}

body.dark-mode .layui-tab {
    border-color: #444 !important;
}

body.dark-mode .layui-tab-title {
    background-color: #2d2d2d !important;
    border-bottom-color: #444 !important;
}

body.dark-mode .layui-tab-title li {
    background-color: #333 !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

body.dark-mode .layui-tab-title li.layui-this {
    background-color: #1a1a1a !important;
    color: #009688 !important;
    border-bottom-color: #1a1a1a !important;
}

body.dark-mode .layui-tab-content {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

body.dark-mode .layui-tab-item {
    background-color: #1a1a1a !important;
}

body.dark-mode .layui-tab-item iframe {
    background-color: #1a1a1a !important;
}

body.dark-mode .layui-layout-admin .layuimini-logo h1 {
    color: #e0e0e0 !important;
}

body.dark-mode .layui-layout-admin .layui-header .layuimini-tool i {
    color: #e0e0e0 !important;
}

body.dark-mode .layui-header .layui-nav .layui-nav-more {
    border-top-color: rgba(224, 224, 224, 0.7) !important;
}

body.dark-mode .layui-header .layui-nav .layui-nav-mored,
body.dark-mode .layui-header .layui-nav-itemed > a .layui-nav-more {
    border-color: transparent transparent rgba(224, 224, 224, 0.7) !important;
}

body.dark-mode .layuimini-menu-left .layui-nav .layui-nav-more,
body.dark-mode .layuimini-menu-left-zoom.layui-nav .layui-nav-more {
    border-top-color: #e0e0e0 !important;
}

body.dark-mode .layuimini-menu-left .layui-nav .layui-nav-mored,
body.dark-mode .layuimini-menu-left .layui-nav-itemed > a .layui-nav-more {
    border-color: transparent transparent #e0e0e0 !important;
}

body.dark-mode .layui-card {
    background-color: #2d2d2d !important;
    border: 1px solid #444 !important;
    color: #e0e0e0 !important;
    box-shadow: none !important;
}

body.dark-mode .layui-card-header {
    background-color: #333 !important;
    border-bottom: 1px solid #444 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .layui-form-label {
    color: #e0e0e0 !important;
}

body.dark-mode .layui-form-item .layui-input,
body.dark-mode .layui-form-item .layui-textarea {
    background-color: #333 !important;
    border-color: #555 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .layui-table {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
    border: 1px solid #444 !important;
}

body.dark-mode .layui-table th {
    background-color: #333 !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

body.dark-mode .layui-table td {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

body.dark-mode .layui-btn {
    background-color: #444 !important;
    border-color: #555 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .layui-btn-primary {
    background-color: #333 !important;
    border-color: #555 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .layui-layer {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
}

body.dark-mode .layui-layer-title {
    background-color: #333 !important;
    color: #e0e0e0 !important;
    border-bottom-color: #444 !important;
}

body.dark-mode .layui-bg-white,
body.dark-mode .layui-bg-gray,
body.dark-mode .layui-bg-black {
    background-color: #2d2d2d !important;
}

body.dark-mode .layuimini-container {
    background-color: #2d2d2d !important;
    border: 1px solid #444 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .layuimini-main {
    background-color: transparent !important;
}

body.dark-mode .layuimini-container .table-search-fieldset {
    border-color: #444 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .layuimini-qiuck-module a i {
    background-color: #333 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .layuimini-qiuck-module a cite {
    color: #e0e0e0 !important;
}

body.dark-mode .layuimini-notice:hover {
    background-color: #333 !important;
}

body.dark-mode .panel {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
}

body.dark-mode .layui-bg-number {
    background-color: #333 !important;
}

body.dark-mode .layui-nav-item .theme-toggle {
    margin-left: 0;
    display: inline-flex;
    align-items: center;
    height: 100%;
}

body.dark-mode .layui-nav-item .theme-toggle .toggle-switch {
    margin-top: 0;
    margin-bottom: 0;
}

@media (max-width: 768px) {
  .theme-toggle {
    margin-left: 5px !important;
    flex-shrink: 0;
  }
  .theme-toggle .toggle-switch {
    width: 40px;
    height: 20px;
  }
  .theme-toggle .toggle-switch::before {
    width: 16px;
    height: 16px;
  }
  .theme-toggle .toggle-switch .fa {
    font-size: 12px;
    font-family: FontAwesome;
    line-height: 1;
  }
  .theme-toggle .toggle-switch .fa-sun-o {
    right: 6px;
    opacity: 1;
  }
  .theme-toggle .toggle-switch .fa-moon-o {
    left: 6px;
    opacity: 0;
  }
  body.dark-mode .theme-toggle .toggle-switch::before {
    transform: translateX(20px);
  }
}