html {
  overflow-x:hidden
}
h1,
h2,
h3 {
  font-size:14px
}
::-webkit-input-placeholder {
  color:#999
}
pre {
  margin:11px 0
}
code {
  font-family:Courier New
}
pre>code {
  display:block;
  line-height:1.6;
  padding:16px;
  font-size:14px
}
pre textarea {
  display:none
}

.spc-login-container{width: 320px; margin: 21px auto 0;}
.spc-login-other .layui-icon{position: relative; display: inline-block; margin: 0 2px; top: 2px; font-size: 26px;}

.spc-content,
.spc-menu {
  min-height:calc(100vh - 210px)
}
.spc-menu {
  box-shadow:none;
  border-left:none
}
.spc-content {
  padding:32px
}
.spc-container {
  padding-top:60px;
  min-height:calc(100vh - 210px)
}
.spc-header {
  position:fixed;
  left:0;
  right:0;
  width:100%;
  height:60px;
  background-color:#2f363c;
  box-shadow:0 1px 3px rgb(0 0 0 / 5%)
}
.spc-header:after {
  position:absolute;
  left:0;
  right:0;
  width:100%;
  height:1px;
  background-color:#eee;
  content:''
}
.spc-logo {
  position:absolute;
  width:141px;
  height:60px;
  line-height:60px;
  text-align:center
}
.spc-logo img {
  width:141px
}
.spc-header-assist {
  position:absolute;
  left:240px;
  top:50%;
  height:32px;
  margin-top:-16px
}
.spc-header-assist>* {
  display:inline-block;
  vertical-align:middle
}
.spc-search {
  position:relative;
  width:150px
}
.spc-search .layui-input {
  height:32px;
  padding-left:32px;
  padding-right:10px;
  background-color:#fafafa;
  background-color:rgba(255,255,255,.05);
  border:none 0;
  box-shadow:none
}
.spc-search .layui-input::-webkit-focus {
  color:#ccc
}
.spc-search .layui-input::-webkit-input-placeholder {
  color:#ccc
}
.spc-search .layui-form-select .layui-edge {
  display:none;
  border-top-color:#999
}
.spc-search .layui-form-select dl {
  top:36px
}
.spc-search>.layui-icon {
  position:absolute;
  left:10px;
  top:9px;
  font-size:14px;
  color:#999
}
.spc-notice {
  position:relative;
  height:32px;
  width:160px;
  line-height:32px;
  margin-left:16px
}
.spc-notice a.nt:after {
  content:'AD';
  position:absolute;
  right:-7px;
  top:-3px;
  padding:0 5px;
  line-height:20px;
  border-radius:0 3px 0 3px;
  background-color:rgba(255,255,255,.7);
  transform:scale(.6);
  word-wrap:break-word
}
.spc-notice a {
  position:relative;
  display:inline-block
}
.spc-notice a img {
  max-width:100%;
  max-height:100%;
  border-radius:3px
}
.spc-notice a cite {
  display:inline-block;
  padding:0 15px 0 15px;
  border-radius:2px;
  transition:all .5s
}
.spc-notice a cite:hover {
  background-color:rgba(255,255,255,.25);
  color:rgba(255,255,255,.9)
}
.spc-notice .layui-carousel,
.spc-notice .layui-carousel>[carousel-item]>* {
  background:0 0
}
.spc-notice .layui-carousel>[carousel-item]:before {
  display:none
}
.spc-header-menu {
  position:absolute;
  right:16px;
  top:0
}
.spc-header-menu>*,
.spc-header-tool>div {
  display:inline-block;
  vertical-align:middle
}
.spc-header-menu .layui-nav {
  padding:0
}
.spc-header-menu .layui-nav .layui-nav-item {
  margin-left:16px
}
.spc-header-menu .layui-nav .layui-nav-item[mobile] {
  display:none
}
.spc-header-menu .layui-nav .layui-nav-item a {
  padding:0 16px
}
.spc-header-menu .layui-nav .layui-nav-item a span {
  font-size:12px
}
.spc-header-menu .layui-nav .layui-nav-more {
  right:-3px
}
.spc-header .layui-container {
  height:100%
}
.spc-header .layui-nav .layui-badge,
.spc-header .layui-nav .layui-badge-dot {
  right:0
}
.spc-header-more {
  display:none;
  line-height:60px;
  padding:0 16px;
  cursor:pointer
}
.layui-nav-tree.layui-bg-gray a,
.layui-nav.layui-bg-gray .layui-nav-item a {
  color:#373737\9
}
.spc-header-tool {
  margin-left:16px
}
.spc-header-tool>div {
  margin-left:16px
}
.spc-header-tool .layui-icon {
  font-size:21px
}
.spc-header-theme {
  position:relative;
  top:1px;
  min-width:44px
}
.spc-header-theme .layui-icon {
  font-size:16px
}
.spc-header-theme .layui-form-switch {
  top:-1px;
  margin:0;
  height:22px;
  line-height:20px;
  box-sizing:border-box
}
.spc-header-theme .layui-form-switch>div {
  margin-left:16px
}
.spc-header-theme .layui-form-onswitch>div {
  margin-left:0;
  margin-right:16px
}
.spc-header-theme .layui-form-switch>i {
  top:3px;
  width:14px;
  height:14px
}
.spc-header-theme .layui-form-onswitch>i {
  margin-left:-18px
}
.spc-footer {
  padding:30px 15px;
  line-height:30px;
  text-align:center;
  color:#777
}
.spc-footer a {
  padding:0 5px;
  color:#777
}
.spc-footer a:hover {
  color:#1e9fff;
  text-decoration:underline
}
.spc-footer-fixed {
  position:fixed;
  left:0;
  bottom:0;
  width:100%;
  box-shadow:0 -1px 3px rgb(0 0 0 / 5%)
}
.spc-footer-fixed:after {
  position:absolute;
  top:0;
  left:0;
  right:0;
  width:100%;
  height:1px;
  background-color:#eee;
  content:''
}
.spc-footer-fixed .spc-footer {
  height:60px;
  padding:15px 0;
  overflow:hidden;
  box-sizing:border-box;
  white-space:nowrap
}
.spc-footer-fixed .spc-footer>* {
  display:inline-block;
  vertical-align:middle;
  padding:0 15px
}
.spc-index-main {
  position:relative;
  text-align:center
}
.spc-index-main h1 {
  padding-top:58px;
  font-weight:500;
  font-size:68px;
  color:#16baaa
}
.spc-index-main h2 {
  padding:16px 0;
  line-height:52px;
  font-size:32px;
  font-weight:500;
  color:#16baaa
}
.spc-index-stared {
  padding:16px 0
}
.spc-index-attach {
  padding:16px 0;
  line-height:24px
}
.spc-index-attach span {
  padding:0 8px
}
.spc-index-attach span a {
  color:#888;
  transition:all .3s
}
.spc-index-attach span a:hover {
  color:#16b777;
  text-decoration:underline
}
.spc-index-attach span em {
  color:#16b777;
  font-style:normal
}
.spc-index-idea {
  margin-top:40px;
  padding:0 16px
}
.spc-index-idea>div>div {
  padding:24px;
  line-height:24px;
  border:1px solid #eee
}
.spc-index-idea .layui-field-title {
  border:none
}
.spc-index-idea .layui-field-title legend {
  margin:0 24px 24px 0;
  padding:0 16px;
  text-align:center;
  font-size:16px;
  font-weight:500
}
.spc-index-idea>div p {
  color:#999
}
.spc-space-16 {
  border:none!important;
  margin:8px 0
}
.spc-move-elem {
  display:none;
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  cursor:col-resize;
  opacity:0;
  z-index:2147483647
}
body .layui-layer-notice .layui-layer-content {
  padding:16px;
  line-height:24px
}
body .layui-layer-notice .layui-layer-title {
  font-weight:700
}
body .layui-layer-notice .layui-layer-btn .layui-layer-btn0 {
  background-color:#16baaa
}
[lay-tips] {
  cursor:pointer
}
.layui-icon-tips[lay-tips] {
  font-size:20px
}
.spc-menu {
  position:fixed;
  top:60px;
  bottom:0;
  width:240px;
  z-index:777;
  min-height:0;
  border-top:none;
  overflow:hidden;
  background-color:#fff
}
.spc-menu:hover {
  overflow-y:auto;
  overflow-x:hidden
}
.spc-menu .layui-menu-body-title .layui-font-gray {
  padding-left:6px
}
.spc-menu .layui-menu-body-title .layui-badge-dot {
  left:6px
}
.spc-menu .layui-menu {
  padding-bottom:16px
}
.spc-content {
  position:relative;
  margin:0 226px 0 240px;
  line-height:1.8;
  box-sizing:border-box
}
.spc-anchor {
  margin-bottom:16px
}
.spc-anchor.layui-code-preview {
  margin-bottom:0
}
.spc-anchor,
[lay-toc] {
  padding-top:76px!important;
  margin-top:-76px!important
}
.spc-anchor:not(h1),
[lay-toc]:not(h1) {
  padding-top:86px!important
}
a[lay-toc] {
  display:inline-block
}
.layui-table .spc-anchor {
  pointer-events:none
}
.layui-table .spc-anchor>* {
  pointer-events:auto
}
.spc-detail {
  padding-bottom:16px
}
.spc-text {
  color:#3a3a3a
}
.spc-text h1,
.spc-text h2 {
  font-weight:700
}
.spc-text h1 {
  margin-top:0;
  margin-bottom:16px;
  padding-bottom:11px;
  border-bottom:1px solid #eee;
  font-size:24px;
  font-weight:700
}
.spc-text h2,
.spc-text h3,
.spc-text h4.spc-anchor {
  margin:16px 0
}
.spc-text h2 {
  font-size:21px
}
.spc-text h3 {
  font-size:18px
}
.spc-text h4 {
  font-size:16px
}
.spc-text h2 span {
  position:relative;
  top:-2px;
  left:3px;
  font-weight:400
}
.spc-text p {
  margin:16px 0
}
.spc-text .layui-elem-quote p {
  margin:0
}
.spc-text code:not(.layui-code,
.layui-code-wrap) {
  margin:0 3px;
  padding:3px 6px;
  background-color:#f7f7f9;
  border-radius:2px;
  transition:all .3s
}
.spc-text sup {
  position:relative;
  left:5px;
  margin-right:10px;
  padding:1px 3px;
  border-radius:3px;
  background-color:#ff5722;
  color:#fff;
  font-weight:700;
  font-size:12px
}
.spc-bold,
.spc-text .spc-bold {
  font-weight:700
}
.layui-code-preview+.spc-anchor,
.layui-code-preview+h2[lay-toc],
.layui-code-preview+h3[lay-toc],
.spc-text ul+[lay-toc]:not(h1) {
  padding-top:102px!important
}
.layui-code-preview+ul {
  margin-top:16px
}
.layui-code-preview ul.layui-rate,
.layui-code-preview ul.layui-tab-title,
.layui-code-preview ul.layui-transfer-data {
  padding-left:0
}
.layui-code-preview .laydate-time-list ol li {
  margin:0
}
.spc-text-tools {
  position:absolute;
  right:32px;
  top:42px
}
.spc-text-tools a {
  padding-left:8px;
  color:#777;
  text-decoration:underline;
  transition:all .3s
}
.spc-text-tools a:hover {
  color:#000
}
.spc-text-tools .layui-icon {
  font-size:18px
}
.spc-index-showcase {
  position:relative;
  width:100%;
  margin-top:16px
}
.spc-index-showcase>div {
  position:relative;
  display:inline-block;
  vertical-align:middle;
  margin:0 8px;
  box-sizing:border-box;
  box-sizing:border-box
}
.spc-index-showcase>div>.spc-sponsor-link {
  display:block;
  transition:all .3s
}
.spc-index-showcase>div .spc-sponsor-link:hover {
  opacity:.8
}
.spc-index-showcase>div .spc-sponsor-link img {
  max-width:100%
}
.spc-index-showcase>div .spc-sponsor-link>* {
  position:relative;
  display:inline-block;
  vertical-align:middle
}
.spc-docs-showcase>div {
  position:relative;
  margin-top:5px
}
.spc-docs-showcase>div:first-child {
  margin-top:0
}
.spc-demo-editor {
  height:260px;
  padding:16px;
  border:none;
  border-radius:3px;
  background-color:#3f3f3f;
  color:#f8f8f2;
  font-family:Courier New
}
.spc-side {
  position:absolute;
  right:-210px;
  top:32px;
  bottom:0;
  width:210px
}
.spc-side-fixed {
  position:fixed;
  z-index:776;
  width:210px
}
.spc-dir {
  position:relative
}
.spc-dir:before {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  border-left:1px solid #eee;
  content:''
}
.spc-dir-ul {
  position:relative;
  max-height:calc(100vh - 210px);
  padding-left:1px;
  box-sizing:border-box;
  overflow:hidden;
  transition:all .3s
}
.spc-dir-ul:hover {
  overflow:auto
}
.spc-dir-ul li {
  position:relative;
  padding-left:16px;
  line-height:28px;
  color:rgba(0,0,0,.35)
}
.spc-dir-ul li[level="2"] {
  padding-left:32px
}
.spc-dir-ul li[level="3"] {
  padding-left:48px
}
.spc-dir-ul li a {
  display:block
}
.spc-dir-ul li a:hover,
.spc-dir-ul li.layui-this a {
  color:#5fb878
}
.spc-dir-ul li.layui-this:before {
  content:'';
  position:absolute;
  left:-1px;
  top:0;
  bottom:0;
  border-left:1px solid #5fb878
}
.spc-dir-ul li .layui-badge-dot {
  top:-2px;
  left:3px
}
.spc-sponsor {
  position:relative;
  width:210px;
  padding-top:16px
}
.spc-sponsor .spc-sponsor-wrapper {
  width:216px
}
.spc-sponsor-wrapper>div {
  position:relative;
  display:inline-block;
  vertical-align:middle;
  width:103.5px;
  height:50px;
  margin-top:5px;
  margin-right:3px;
  background-color:#f7f7f7;
  text-align:center;
  border-radius:3px;
  transition:all .3s;
  box-sizing:border-box
}
.spc-sponsor-wrapper>div>.spc-sponsor-link {
  display:block;
  line-height:50px;
  border-radius:3px
}
.spc-sponsor-wrapper>div>.spc-sponsor-link>img {
  max-width:100%;
  max-height:100%;
  border-radius:3px
}
.spc-sponsor:before {
  position:relative;
  display:block;
  padding-bottom:15px
}
.spc-sponsor-label {
  position:absolute;
  right:0;
  bottom:0;
  line-height:16px;
  border-radius:11px 0 3px;
  background-color:rgba(0,0,0,.16);
  color:#fff;
  pointer-events:none
}
.spc-sponsor-label cite {
  display:block;
  padding-left:3px;
  transform:scale(.7);
  font-size:12px;
  font-style:normal
}
.spc-sponsor-full {
  position:fixed;
  bottom:0;
  padding-bottom:3px;
  background-color:#fff
}
.spc-sponsor-show {
  position:absolute;
  left:50%;
  top:-8px;
  width:24px;
  height:24px;
  line-height:24px;
  margin-left:-12px;
  text-align:center;
  border-radius:50%;
  cursor:pointer;
  color:#000;
  transition:all .3s
}
.spc-sponsor-show:hover {
  background-color:#eee
}
.spc-docs-color {
  padding:0!important
}
.spc-docs-color>div {
  margin:0!important;
  list-style-type:none
}
.spc-docs-color>div div {
  padding:20px 10px;
  color:#fff;
  text-align:center;
  border-radius:3px;
  line-height:1.6;
  font-size:14px
}
.spc-docs-color>div p {
  margin:0
}
.spc-docs-necolor>div div {
  border-radius:0;
  color:#000
}
.spc-docs-bgcolor>div {
  padding:20px 10px
}
.spc-docs-icon {
  margin-bottom:16px;
  font-size:0
}
.spc-docs-icon>div {
  display:inline-block;
  vertical-align:middle;
  width:16.5%;
  height:105px;
  line-height:25px;
  padding:20px 0;
  margin-right:-1px;
  margin-bottom:-1px;
  border:1px solid #e2e2e2;
  font-size:14px;
  text-align:center;
  color:#777;
  cursor:pointer;
  transition:all .3s;
  -webkit-transition:all .3s
}
.spc-docs-icon>div .layui-icon {
  display:inline-block;
  font-size:36px
}
.spc-docs-icon>div .docs-icon-code,
.spc-docs-icon>div .docs-icon-name {
  color:#c2c2c2
}
.spc-docs-icon>div .docs-icon-fontclass {
  height:40px;
  line-height:20px;
  padding:0 5px;
  font-size:13px;
  color:#333
}
.spc-docs-icon>div:hover {
  background-color:#f2f2f2;
  color:#000
}
.spc-docs-anim>div {
  height:auto
}
.grid-demo {
  padding:10px;
  line-height:50px;
  text-align:center;
  background-color:#79c48c;
  color:#fff
}
.grid-demo-bg1 {
  background-color:#63ba79
}
.grid-demo-bg2 {
  background-color:#49a761
}
.grid-demo-bg3 {
  background-color:#38814a
}
.spc-error {
  padding:96px 0 32px;
  text-align:center
}
.spc-error>h1 {
  line-height:210px;
  font-size:160px;
  font-weight:300
}
.spc-error>p {
  font-size:24px
}
.layui-fixbar li[lay-type=dir] {
  display:none
}
.spc-bg-light {
  background-color:#fff!important
}
.spc-play * {
  box-sizing:border-box
}
.spc-play-code,
.spc-play-view {
  position:fixed;
  top:60px;
  bottom:60px;
  width:50%;
  height:auto!important
}
.spc-play-code {
  left:0
}
.spc-play-editor,
.spc-play-preview,
.spc-play-preview>iframe {
  position:absolute;
  top:40px;
  left:0;
  right:0;
  bottom:0;
  z-index:8
}
.spc-play-editor {
  right:8px
}
.spc-play-editor .spc-play-init textarea {
  display:none
}
.spc-play-init .layui-icon {
  position:absolute;
  left:50%;
  top:50%;
  margin:-16px 0 0 -16px;
  font-size:32px;
  color:#999
}
.spc-play-preview>iframe {
  top:0;
  right:0;
  width:100%;
  height:100%;
  border:none
}
.spc-play-header {
  position:relative;
  z-index:9;
  height:40px;
  line-height:40px;
  padding:0 16px;
  border-bottom:1px solid #eee
}
.spc-play-split {
  position:absolute;
  top:0;
  right:0;
  z-index:10;
  width:8px;
  height:100%;
  border:1px solid #eee;
  border-top-width:0;
  border-bottom-width:0;
  background-color:#fafafa
}
.spc-play-split:hover {
  cursor:col-resize
}
.spc-play-view {
  right:0
}
@media screen and (max-width:1399.98px) {
  .layui-container {
    width:auto!important
  }
}
@media screen and (max-width:991.98px) {
  .spc-container {
    width:100%!important;
    overflow:hidden
  }
  .spc-notice {
    display:none
  }
  .spc-search {
    width:32px
  }
  .spc-search .layui-input {
    padding:0
  }
  .spc-search>.layui-icon {
    display:none
  }
  .spc-search .layui-select-group {
    min-width:100px
  }
  .spc-header-menu .layui-nav .layui-nav-item {
    margin:0
  }
  .spc-menu {
    top:0;
    left:-240px;
    transition:all .3s;
    z-index:1003;
    overflow-y:auto;
    overflow-x:hidden
  }
  .spc-menu-bar {
    display:block!important;
    position:fixed;
    z-index:999;
    top:50%;
    left:0;
    width:52px;
    height:52px;
    line-height:52px;
    margin-top:-26px;
    border-radius:3px;
    text-align:center;
    color:#fff;
    cursor:pointer;
    box-shadow:1px 1px 16px rgba(0,0,0,.16)
  }
  .spc-menu-bar .layui-icon {
    font-size:21px
  }
  .spc-menu-show .spc-menu {
    display:block;
    left:0
  }
  .spc-shade-show .spc-shade {
    content:'';
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:rgba(0,0,0,.7);
    z-index:1001
  }
  .spc-content {
    margin:0;
    padding:16px
  }
  .spc-text-tools {
    display:none
  }
  .spc-text>div {
    overflow-x:auto
  }
  .spc-side {
    position:fixed;
    top:0;
    right:-240px;
    padding-top:32px;
    z-index:1000000;
    background-color:#fff;
    transition:all .3s
  }
  .spc-side-show .spc-side {
    right:0
  }
  .spc-side-show .spc-side:before {
    content:'目录';
    position:absolute;
    top:0;
    padding:0 16px;
    height:32px;
    line-height:32px;
    color:#ccc
  }
  .spc-dir-ul {
    overflow:auto
  }
  .layui-fixbar li[lay-type=dir] {
    display:block
  }
}
@media screen and (max-width:767.98px) {
  .spc-logo {
    left:50%;
    margin-left:-120px
  }
  .spc-header-menu .layui-nav,
  .spc-header-tool {
    position:fixed;
    top:61px;
    right:-100%;
    width:100%;
    text-align:center;
    transition:all .3s
  }
  .spc-header-menu .layui-nav {
    z-index:1003;
    height:60px;
    border-radius:0;
    box-shadow:0 1px 3px rgb(0 0 0 / 5%)
  }
  .spc-header-tool {
    top:121px;
    line-height:60px
  }
  .spc-header-more {
    display:block
  }
  .spc-header-theme .layui-form-switch {
    top:-4px
  }
  .spc-nav-show .layui-header {
    z-index:1003
  }
  .spc-nav-show .spc-header-menu .layui-nav,
  .spc-nav-show .spc-header-tool {
    display:block;
    right:0
  }
  .spc-index-main h1 {
    font-size:52px
  }
  .spc-index-main h2 {
    font-size:24px;
    line-height:38px
  }
  .spc-content {
    padding:16px 0
  }
  .spc-docs-icon>div {
    width:33%
  }
  .spc-play {
    position:fixed;
    top:60px;
    bottom:60px;
    left:0;
    width:100%
  }
  .spc-play-code,
  .spc-play-view {
    position:absolute;
    top:0;
    bottom:auto;
    width:100%!important;
    height:50%!important
  }
  .spc-play-view {
    top:auto;
    bottom:0
  }
  .spc-play-editor {
    right:8px
  }
  .spc-play-split {
    width:100%;
    height:8px;
    top:auto;
    bottom:0;
    border-top-width:1px;
    border-bottom-width:1px
  }
  .spc-play-split:hover {
    cursor:unset
  }
  .spc-footer {
    background:#fafafa
  }
  .spc-footer p {
    padding-bottom:16px
  }
  .spc-footer a {
    display:block
  }
  .spc-footer-fixed .spc-footer {
    overflow:auto
  }
  .spc-footer-fixed .spc-footer a {
    display:unset
  }
}
:root.dark {
  --color-white:#FFFFFF;
  --color-black:#000000;
  --lay-color-white:#FAFAFA;
  --lay-color-black:#333333;
  --lay-color-red-1:#FFF1E8;
  --lay-color-red-2:#FFD7C0;
  --lay-color-red-3:#FFBB99;
  --lay-color-red-4:#FF9C71;
  --lay-color-red-5:#FF7A4A;
  --lay-color-red-6:#FF5722;
  --lay-color-red-7:#D23B15;
  --lay-color-red-8:#A6250B;
  --lay-color-red-9:#791404;
  --lay-color-red-10:#4D0800;
  --lay-color-blue-1:#E8F9FF;
  --lay-color-blue-2:#C0ECFF;
  --lay-color-blue-3:#97DCFF;
  --lay-color-blue-4:#6FCAFF;
  --lay-color-blue-5:#46B5FF;
  --lay-color-blue-6:#1E9FFF;
  --lay-color-blue-7:#1379D2;
  --lay-color-blue-8:#0A58A6;
  --lay-color-blue-9:#043A79;
  --lay-color-blue-10:#00214D;
  --lay-color-lightblue-1:#E8FDFF;
  --lay-color-lightblue-2:#C1F4FB;
  --lay-color-lightblue-3:#9CEAF7;
  --lay-color-lightblue-4:#77DDF4;
  --lay-color-lightblue-5:#53CEF0;
  --lay-color-lightblue-6:#31BDEC;
  --lay-color-lightblue-7:#1F95C4;
  --lay-color-lightblue-8:#10709C;
  --lay-color-lightblue-9:#064E74;
  --lay-color-lightblue-10:#002F4D;
  --lay-color-layuigreen-1:#E8FFF9;
  --lay-color-layuigreen-2:#B5F1E3;
  --lay-color-layuigreen-3:#87E3D1;
  --lay-color-layuigreen-4:#5DD6C1;
  --lay-color-layuigreen-5:#37C8B5;
  --lay-color-layuigreen-6:#16BAAA;
  --lay-color-layuigreen-7:#0E9F95;
  --lay-color-layuigreen-8:#08837F;
  --lay-color-layuigreen-9:#036868;
  --lay-color-layuigreen-10:#004A4D;
  --lay-color-green-1:#E8FFF2;
  --lay-color-green-2:#B5F1D1;
  --lay-color-green-3:#86E2B4;
  --lay-color-green-4:#5CD49C;
  --lay-color-green-5:#37C588;
  --lay-color-green-6:#16B777;
  --lay-color-green-7:#0E9C68;
  --lay-color-green-8:#088259;
  --lay-color-green-9:#036749;
  --lay-color-green-10:#004D38;
  --lay-color-orange-1:#FFFCE8;
  --lay-color-orange-2:#FFF5BA;
  --lay-color-orange-3:#FFEA8B;
  --lay-color-orange-4:#FFDC5D;
  --lay-color-orange-5:#FFCB2E;
  --lay-color-orange-6:#FFB800;
  --lay-color-orange-7:#D29000;
  --lay-color-orange-8:#A66C00;
  --lay-color-orange-9:#794B00;
  --lay-color-orange-10:#4D2D00;
  --lay-color-cyan-1:#E8F6FF;
  --lay-color-cyan-2:#B9CEDD;
  --lay-color-cyan-3:#8FA7BB;
  --lay-color-cyan-4:#6A829A;
  --lay-color-cyan-5:#4A5F78;
  --lay-color-cyan-6:#2F4056;
  --lay-color-cyan-7:#223654;
  --lay-color-cyan-8:#162C51;
  --lay-color-cyan-9:#0B214F;
  --lay-color-cyan-10:#00174D;
  --lay-color-purple-1:#FDE8FF;
  --lay-color-purple-2:#EDBEF4;
  --lay-color-purple-3:#DC97E8;
  --lay-color-purple-4:#C972DD;
  --lay-color-purple-5:#B651D1;
  --lay-color-purple-6:#A233C6;
  --lay-color-purple-7:#8120A8;
  --lay-color-purple-8:#631289;
  --lay-color-purple-9:#48076B;
  --lay-color-purple-10:#2F004D;
  --lay-color-black-1:#E8F8FF;
  --lay-color-black-2:#BFD0D8;
  --lay-color-black-3:#98A8B1;
  --lay-color-black-4:#73818A;
  --lay-color-black-5:#505B63;
  --lay-color-black-6:#2F363C;
  --lay-color-black-7:#23303C;
  --lay-color-black-8:#18293C;
  --lay-color-black-9:#0C213C;
  --lay-color-black-10:#00183C;
  --lay-color-gray-1:#FAFAFA;
  --lay-color-gray-2:#F6F6F6;
  --lay-color-gray-3:#EEEEEE;
  --lay-color-gray-4:#E2E2E2;
  --lay-color-gray-5:#DDDDDD;
  --lay-color-gray-6:#D2D2D2;
  --lay-color-gray-7:#CCCCCC;
  --lay-color-gray-8:#C2C2C2;
  --lay-color-gray-9:#AAAAAA;
  --lay-color-gray-10:#939393;
  --lay-color-gray-11:#858585;
  --lay-color-gray-12:#7b7b7b;
  --lay-color-gray-13:#686868;
  --lay-color-primary:var(--lay-color-layuigreen-6);
  --lay-color-primary-hover:var(--lay-color-layuigreen-5);
  --lay-color-primary-active:var(--lay-color-layuigreen-7);
  --lay-color-primary-disabled:var(--lay-color-layuigreen-3);
  --lay-color-primary-light:var(--lay-color-layuigreen-4);
  --lay-color-secondary:var(--lay-color-green-6);
  --lay-color-secondary-hover:var(--lay-color-green-5);
  --lay-color-secondary-active:var(--lay-color-green-7);
  --lay-color-secondary-disabled:var(--lay-color-green-3);
  --lay-color-secondary-light:var(--lay-color-green-4);
  --lay-color-info:var(--lay-color-lightblue-6);
  --lay-color-info-hover:var(--lay-color-lightblue-5);
  --lay-color-info-active:var(--lay-color-lightblue-7);
  --lay-color-info-disabled:var(--lay-color-lightblue-3);
  --lay-color-info-light:var(--lay-color-lightblue-4);
  --lay-color-normal:var(--lay-color-blue-6);
  --lay-color-normal-hover:var(--lay-color-blue-5);
  --lay-color-normal-active:var(--lay-color-blue-7);
  --lay-color-normal-disabled:var(--lay-color-blue-3);
  --lay-color-normal-light:var(--lay-color-blue-4);
  --lay-color-warning:var(--lay-color-orange-6);
  --lay-color-warning-hover:var(--lay-color-orange-5);
  --lay-color-warning-active:var(--lay-color-orange-7);
  --lay-color-warning-disabled:var(--lay-color-orange-3);
  --lay-color-warning-light:var(--lay-color-orange-4);
  --lay-color-success:var(--lay-color-green-6);
  --lay-color-success-hover:var(--lay-color-green-5);
  --lay-color-success-active:var(--lay-color-green-7);
  --lay-color-success-disabled:var(--lay-color-green-3);
  --lay-color-success-light:var(--lay-color-green-4);
  --lay-color-danger:var(--lay-color-red-6);
  --lay-color-danger-hover:var(--lay-color-red-5);
  --lay-color-danger-active:var(--lay-color-red-7);
  --lay-color-danger-disabled:var(--lay-color-red-3);
  --lay-color-danger-light:var(--lay-color-red-4);
  --lay-color-bg-1:#17171A;
  --lay-color-bg-2:#232324;
  --lay-color-bg-3:#2a2a2b;
  --lay-color-bg-4:#313132;
  --lay-color-bg-5:#373739;
  --lay-color-bg-white:#f6f6f6;
  --lay-color-text-1:rgba(255, 255, 255, 0.9);
  --lay-color-text-2:rgba(255, 255, 255, 0.7);
  --lay-color-text-3:rgba(255, 255, 255, 0.5);
  --lay-color-text-4:rgba(255, 255, 255, 0.3);
  --lay-color-border-1:#2e2e30;
  --lay-color-border-2:#484849;
  --lay-color-border-3:#5f5f60;
  --lay-color-border-4:#929293;
  --lay-color-fill-1:rgba(255, 255, 255, 0.04);
  --lay-color-fill-2:rgba(255, 255, 255, 0.08);
  --lay-color-fill-3:rgba(255, 255, 255, 0.12);
  --lay-color-fill-4:rgba(255, 255, 255, 0.16);
  --lay-color-hover:var(--lay-color-fill-3);
  --lay-color-active:var(--lay-color-fill-3);
  --lay-shadow-1:0 4px 6px rgba(0, 0, 0, 0.06),0 1px 10px rgba(0, 0, 0, 0.08),0 2px 4px rgba(0, 0, 0, 0.12);
  --lay-shadow-2:0 8px 10px rgba(0, 0, 0, 0.12),0 3px 14px rgba(0, 0, 0, 0.1),0 5px 5px rgba(0, 0, 0, 0.16);
  --lay-shadow-3:0 16px 24px rgba(0, 0, 0, 0.14),0 6px 30px rgba(0, 0, 0, 0.12),0 8px 10px rgba(0, 0, 0, 0.2)
}
.dark blockquote,
.dark body,
.dark button,
.dark dd,
.dark div,
.dark dl,
.dark dt,
.dark form,
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6,
.dark input,
.dark li,
.dark ol,
.dark p,
.dark pre,
.dark td,
.dark textarea,
.dark th,
.dark ul {
  -webkit-tap-highlight-color:rgba(0,0,0,0)
}
.dark body {
  color:var(--lay-color-text-2);
  background-color:var(--lay-color-bg-1);
  color-scheme:dark
}
.dark hr {
  border-bottom:1px solid var(--lay-color-border-2)!important
}
.dark a {
  color:var(--lay-color-text-1)
}
.dark a:hover {
  color:var(--lay-color-text-3)
}
.dark .layui-edge {
  border-color:transparent
}
.dark .layui-edge-top {
  border-bottom-color:var(--lay-color-border-4)
}
.dark .layui-edge-right {
  border-left-color:var(--lay-color-border-4)
}
.dark .layui-edge-bottom {
  border-top-color:var(--lay-color-border-4)
}
.dark .layui-edge-left {
  border-right-color:var(--lay-color-border-4)
}
.dark .layui-disabled,
.dark .layui-disabled:hover {
  color:var(--lay-color-text-4)!important
}
.dark .layui-icon {
  -moz-osx-font-smoothing:grayscale
}
.dark .layui-layout-admin .layui-header {
  background-color:var(--lay-color-bg-2)
}
.dark .layui-layout-admin .layui-footer {
  box-shadow:-1px 0 4px rgba(0,0,0,.12);
  background-color:var(--lay-color-bg-2)
}
.dark .layui-layout-admin .layui-logo {
  color:var(--lay-color-primary);
  box-shadow:0 1px 2px 0 rgba(0,0,0,.15)
}
.dark .layui-elem-quote {
  border-left:5px solid var(--lay-color-secondary);
  background-color:var(--lay-color-fill-1)
}
.dark .layui-quote-nm {
  border-color:var(--lay-color-fill-1)
}
.dark .layui-progress {
  background-color:var(--lay-color-bg-3)
}
.dark .layui-progress-bar {
  background-color:var(--lay-color-secondary)
}
.dark .layui-progress-text {
  color:var(--lay-color-text-2)
}
.dark .layui-progress-big .layui-progress-text {
  color:var(--lay-color-text-1)
}
.dark .layui-colla-title {
  color:var(--lay-color-text-1);
  background-color:var(--lay-color-bg-2)
}
.dark .layui-colla-content {
  color:var(--lay-color-text-2)
}
.dark .layui-card {
  background-color:var(--lay-color-bg-2);
  box-shadow:var(--lay-shadow-1)
}
.dark .layui-card-header {
  border-bottom:1px solid var(--lay-color-border-2);
  color:var(--lay-color-text-1)
}
.dark .layui-panel {
  box-shadow:var(--lay-shadow-1);
  background-color:var(--lay-color-bg-2);
  color:var(--lay-color-text-1)
}
.dark .layui-menu-body-panel {
  box-shadow:var(--lay-shadow-2)
}
.dark .layui-panel-window {
  border-top:5px solid var(--lay-color-border-2);
  background-color:var(--lay-color-bg-2)
}
.dark .layui-bg-red {
  background-color:var(--lay-color-red-6)!important;
  color:var(--lay-color-white)!important
}
.dark .layui-bg-orange {
  background-color:var(--lay-color-orange-6)!important;
  color:var(--lay-color-white)!important
}
.dark .layui-bg-green {
  background-color:var(--lay-color-layuigreen-6)!important;
  color:var(--lay-color-white)!important
}
.dark .layui-bg-cyan {
  background-color:var(--lay-color-cyan-6)!important;
  color:var(--lay-color-white)!important
}
.dark .layui-bg-blue {
  background-color:var(--lay-color-blue-6)!important;
  color:var(--lay-color-white)!important
}
.dark .layui-bg-black {
  background-color:var(--lay-color-black-6)!important;
  color:var(--lay-color-white)!important
}
.dark .layui-bg-purple {
  background-color:var(--lay-color-purple-6)!important;
  color:var(--lay-color-white)!important
}
.dark .layui-bg-gray {
  background-color:var(--lay-color-gray-1)!important;
  color:var(--lay-color-black-6)!important
}
.dark .layui-badge-rim,
.dark .layui-border,
.dark .layui-colla-content,
.dark .layui-colla-item,
.dark .layui-collapse,
.dark .layui-elem-field,
.dark .layui-form-pane .layui-form-item[pane],
.dark .layui-form-pane .layui-form-label,
.dark .layui-input,
.dark .layui-input-split,
.dark .layui-panel,
.dark .layui-select,
.dark .layui-tab-bar,
.dark .layui-tab-card,
.dark .layui-tab-title,
.dark .layui-tab-title .layui-this:after,
.dark .layui-textarea {
  border-color:var(--lay-color-border-1)
}
.dark .layui-border {
  color:var(--lay-color-text-1)!important
}
.dark .layui-border-red {
  border-color:var(--lay-color-red-6)!important;
  color:var(--lay-color-red-6)!important
}
.dark .layui-border-orange {
  border-color:var(--lay-color-orange-6)!important;
  color:var(--lay-color-orange-6)!important
}
.dark .layui-border-green {
  border-color:var(--lay-color-layuigreen-6)!important;
  color:var(--lay-color-layuigreen-6)!important
}
.dark .layui-border-cyan {
  border-color:var(--lay-color-cyan-6)!important;
  color:var(--lay-color-cyan-6)!important
}
.dark .layui-border-blue {
  border-color:var(--lay-color-blue-6)!important;
  color:var(--lay-color-blue-6)!important
}
.dark .layui-border-purple {
  border-color:var(--lay-color-purple-6)!important;
  color:var(--lay-color-purple-6)!important
}
.dark .layui-border-black {
  border-color:var(--lay-color-black-6)!important;
  color:var(--lay-color-text-1)!important
}
.dark .layui-text {
  color:var(--lay-color-text-3)
}
.dark .layui-text-em,
.dark .layui-word-aux {
  color:var(--lay-color-text-2)!important
}
.dark .layui-text a:not(.layui-btn) {
  color:var(--lay-color-lightblue-6)
}
.dark .layui-text blockquote:not(.layui-elem-quote) {
  border-left:5px solid var(--lay-color-border-4)
}
.dark .layui-font-red {
  color:var(--lay-color-red-6)!important
}
.dark .layui-font-orange {
  color:var(--lay-color-orange-6)!important
}
.dark .layui-font-green {
  color:var(--lay-color-layuigreen-6)!important
}
.dark .layui-font-cyan {
  color:var(--lay-color-cyan-6)!important
}
.dark .layui-font-blue {
  color:var(--lay-color-lightblue-6)!important
}
.dark .layui-font-black {
  color:var(--lay-color-black)!important
}
.dark .layui-font-purple {
  color:var(--lay-color-purple-6)!important
}
.dark .layui-font-gray {
  color:var(--lay-color-gray-7)!important
}
.dark .layui-btn {
  border:1px solid transparent;
  background-color:var(--lay-color-primary);
  color:var(--lay-color-text-1)
}
.dark .layui-btn:hover {
  color:var(--lay-color-text-2)
}
.dark .layui-btn-primary {
  border-color:var(--lay-color-border-2);
  color:var(--lay-color-text-1);
  background-color:var(--lay-color-bg-4)
}
.dark .layui-btn-primary:hover {
  border-color:transparent;
  color:var(--lay-color-text-2)
}
.dark .layui-btn-normal {
  background-color:var(--lay-color-normal)
}
.dark .layui-btn-warm {
  background-color:var(--lay-color-warning)
}
.dark .layui-btn-danger {
  background-color:var(--lay-color-danger)
}
.dark .layui-btn-checked {
  background-color:var(--lay-color-success)
}
.dark .layui-btn-disabled,
.dark .layui-btn-disabled:active,
.dark .layui-btn-disabled:hover {
  border-color:var(--lay-color-border-2)!important;
  background-color:var(--lay-color-bg-2)!important;
  color:var(--lay-color-text-4)!important
}
.dark .layui-btn-group .layui-btn {
  border-left:1px solid var(--lay-color-border-2)
}
.dark .layui-btn-group .layui-btn-primary:hover {
  border-color:var(--lay-color-border-2);
  color:var(--lay-color-primary)
}
.dark .layui-btn-group .layui-btn-primary:first-child {
  border-left:1px solid var(--lay-color-gray-5)
}
.dark .layui-input,
.dark .layui-select,
.dark .layui-textarea {
  background-color:var(--lay-color-fill-2);
  color:var(--lay-color-text-2)
}
.dark .layui-input:hover,
.dark .layui-textarea:hover {
  border-color:var(--lay-color-border-2)!important
}
.dark .layui-input:focus,
.dark .layui-textarea:focus {
  border-color:var(--lay-color-secondary-hover)!important;
  background-color:var(--lay-color-bg-2);
  box-shadow:0 0 0 3px rgba(22,183,119,.08)
}
.dark .layui-input.layui-disabled,
.dark .layui-input[disabled],
.dark .layui-select[disabled],
.dark .layui-textarea.layui-disabled,
.dark .layui-textarea[disabled] {
  background-color:var(--lay-color-fill-1);
  color:var(--lay-color-text-4);
  border-color:var(--lay-color-border-1)!important;
  box-shadow:0 0
}
.dark .layui-form-danger+.layui-form-select .layui-input,
.dark .layui-form-danger:focus {
  border-color:var(--lay-color-danger)!important;
  box-shadow:0 0 0 3px rgba(255,87,34,.08)
}
.dark .layui-input-prefix .layui-icon,
.dark .layui-input-split .layui-icon,
.dark .layui-input-suffix .layui-icon {
  color:var(--lay-color-gray-8)
}
.dark .layui-input-wrap .layui-input:hover+.layui-input-split {
  border-color:var(--lay-color-border-2)
}
.dark .layui-input-wrap .layui-input[disabled]:hover+.layui-input-split {
  border-color:var(--lay-color-border-1)
}
.dark .layui-input-wrap .layui-input:focus+.layui-input-split {
  border-color:var(--lay-color-secondary-hover)
}
.dark .layui-input-wrap .layui-input.layui-form-danger:focus+.layui-input-split {
  border-color:var(--lay-color-danger)
}
.dark .layui-input-affix .layui-icon {
  color:var(--lay-color-text-2)
}
.dark .layui-input-affix .layui-icon-clear {
  color:var(--lay-color-text-2)
}
.dark .layui-input-affix .layui-icon:hover {
  color:var(--lay-color-text-3)
}
.dark .layui-input-wrap .layui-input-number .layui-icon-up {
  border-bottom-color:var(--lay-color-border-1)
}
.dark .layui-input-wrap .layui-input[type=number].layui-input-number-out-of-range {
  color:var(--lay-color-danger)
}
.dark .layui-form-select {
  color:var(--lay-color-text-2)
}
.dark .layui-form-select .layui-edge {
  border-top-color:var(--lay-color-gray-8)
}
.dark .layui-form-select dl {
  border:1px solid var(--lay-color-border-2);
  background-color:var(--lay-color-bg-5);
  box-shadow:var(--lay-shadow-2)
}
.dark .layui-form-select dl dt {
  color:var(--lay-color-gray-8)
}
.dark .layui-form-select dl dd:hover {
  background-color:var(--lay-color-active)
}
.dark .layui-form-select dl dd.layui-select-tips {
  color:var(--lay-color-text-2)
}
.dark .layui-form-select dl dd.layui-this {
  background-color:var(--lay-color-active);
  color:var(--lay-color-text-1)
}
.dark .layui-form-select dl dd.layui-disabled,
.dark .layui-form-select dl dd:hover.layui-disabled {
  background-color:var(--lay-color-bg-5)
}
.dark .layui-select-none {
  color:var(--lay-color-black-8)
}
.dark .layui-select-disabled .layui-disabled {
  border-color:var(--lay-color-border-1)!important
}
.dark .layui-select-disabled .layui-edge {
  border-top-color:var(--lay-color-gray-6)
}
.dark .layui-form-checkbox {
  background-color:var(--lay-color-fill-2)
}
.dark .layui-form-checkbox>div {
  background-color:var(--lay-color-fill-3);
  color:var(--lay-color-text-2)
}
.dark .layui-form-checkbox:hover>div {
  background-color:var(--lay-color-active)
}
.dark .layui-form-checkbox>i {
  background-color:var(--lay-color-fill-1);
  border-top-color:var(--lay-color-border-1);
  border-right-color:var(--lay-color-border-1);
  border-bottom-color:var(--lay-color-border-1);
  border-left-color:initial;
  color:var(--lay-color-text-1)
}
.dark .layui-form-checkbox:hover>i {
  border-color:var(--lay-color-border-2);
  color:var(--lay-color-text-4)
}
.dark .layui-form-checked,
.dark .layui-form-checked:hover {
  border-color:var(--lay-color-secondary-active)
}
.dark .layui-form-checked:hover>div,
.dark .layui-form-checked>div {
  background-color:var(--lay-color-secondary)
}
.dark .layui-form-checked:hover>i,
.dark .layui-form-checked>i {
  color:var(--lay-color-secondary-hover)
}
.dark .layui-form-checkbox.layui-checkbox-disabled>div {
  background-color:var(--lay-color-fill-3)!important
}
.dark .layui-form-checkbox[lay-skin=primary] {
  background-image:none;
  background-color:initial;
  border-color:initial!important
}
.dark .layui-form-checkbox[lay-skin=primary]>div {
  background-image:none;
  background-color:initial;
  color:var(--lay-color-text-2)
}
.dark .layui-form-checkbox[lay-skin=primary]>i {
  border-color:var(--lay-color-border-1);
  background-color:var(--lay-color-fill-2)
}
.dark .layui-form-checkbox[lay-skin=primary]:hover>i {
  border-color:var(--lay-color-secondary-hover);
  color:var(--lay-color-text-1)
}
.dark .layui-form-checked[lay-skin=primary]>i {
  background-color:var(--lay-color-secondary);
  color:var(--lay-color-text-1);
  border-color:var(--lay-color-secondary-active)!important
}
.dark .layui-checkbox-disabled[lay-skin=primary]>div {
  background:0 0!important;
  color:var(--lay-color-text-4)!important
}
.dark .layui-form-checked.layui-checkbox-disabled[lay-skin=primary]>i {
  background-color:var(--lay-color-fill-1)!important;
  border-color:var(--lay-color-border-2)!important
}
.dark .layui-checkbox-disabled[lay-skin=primary]:hover>i {
  border-color:var(--lay-color-border-1)
}
.dark .layui-form-checkbox[lay-skin=primary]>.layui-icon-indeterminate:before {
  background-color:var(--lay-color-secondary-hover);
  opacity:1
}
.dark .layui-form-checkbox[lay-skin=primary]:hover>.layui-icon-indeterminate:before {
  opacity:1
}
.dark .layui-form-checkbox[lay-skin=primary]>.layui-icon-indeterminate {
  border-color:var(--lay-color-secondary-hover)
}
.dark .layui-form-switch {
  border-color:var(--lay-color-border-2);
  background-color:var(--lay-color-fill-2)
}
.dark .layui-form-switch>i {
  background-color:var(--lay-color-gray-4)
}
.dark .layui-form-switch.layui-checkbox-disabled>i {
  background-color:var(--lay-color-gray-7)
}
.dark .layui-form-switch>div {
  color:var(--lay-color-gray-8)!important
}
.dark .layui-form-onswitch {
  border-color:var(--lay-color-secondary-active);
  background-color:var(--lay-color-secondary)
}
.dark .layui-form-onswitch>i {
  background-color:var(--lay-color-gray-4)
}
.dark .layui-form-onswitch>div {
  color:var(--lay-color-text-1)!important
}
.dark .layui-checkbox-disabled {
  border-color:var(--lay-color-border-2)!important
}
.dark .layui-checkbox-disabled>div {
  background-color:var(--lay-color-fill-3)!important;
  color:var(--lay-color-text-4)!important
}
.dark .layui-checkbox-disabled>i {
  border-color:var(--lay-color-border-2)!important
}
.dark .layui-checkbox-disabled:hover>i {
  color:var(--lay-color-text-1)!important
}
.dark .layui-form-switch.layui-checkbox-disabled>div {
  background-color:initial!important;
  color:var(--lay-color-text-3)!important
}
.dark .layui-form-checkbox>i:before {
  opacity:0;
  filter:alpha(opacity=0)
}
.dark .layui-form-checkbox:hover>i:before {
  opacity:1;
  filter:alpha(opacity=100)
}
.dark .layui-form-checked.layui-checkbox-disabled:hover>i:before,
.dark .layui-form-checked:hover>i:before,
.dark .layui-form-checked>i:before {
  opacity:1;
  filter:alpha(opacity=100)
}
.dark .layui-form-checkbox[lay-skin=primary]:hover>i:before {
  opacity:0;
  filter:alpha(opacity=0)
}
.dark .layui-form-checked[lay-skin=primary]:hover>i:before {
  opacity:1;
  filter:alpha(opacity=100)
}
.dark .layui-checkbox-disabled:hover>i:before {
  opacity:0;
  filter:alpha(opacity=0)
}
.dark .layui-form-radio>i {
  color:var(--lay-color-gray-8)
}
.dark .layui-form-radio:hover>*,
.dark .layui-form-radioed,
.dark .layui-form-radioed>i {
  color:var(--lay-color-secondary)
}
.dark .layui-radio-disabled>i {
  color:var(--lay-color-text-4)!important
}
.dark .layui-radio-disabled>* {
  color:var(--lay-color-text-4)!important
}
.dark .layui-form-pane .layui-form-label {
  background-color:var(--lay-color-bg-2)
}
.dark .layui-laypage a,
.dark .layui-laypage button,
.dark .layui-laypage input,
.dark .layui-laypage select,
.dark .layui-laypage span {
  border:1px solid var(--lay-color-border-2)
}
.dark .layui-laypage a,
.dark .layui-laypage span {
  background-color:var(--lay-color-bg-2);
  color:var(--lay-color-text-2)
}
.dark .layui-laypage a[data-page] {
  color:var(--lay-color-text-2)
}
.dark .layui-laypage a:hover {
  color:var(--lay-color-primary)
}
.dark .layui-laypage .layui-laypage-spr {
  color:var(--lay-color-text-3)
}
.dark .layui-laypage .layui-laypage-curr em {
  color:var(--lay-color-white)
}
.dark .layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color:var(--lay-color-primary)
}
.dark .layui-laypage .layui-laypage-skip {
  color:var(--lay-color-text-3)
}
.dark .layui-laypage button,
.dark .layui-laypage input {
  background-color:var(--lay-color-bg-2)
}
.dark .layui-laypage input:focus,
.dark .layui-laypage select:focus {
  border-color:var(--lay-color-primary)!important
}
.dark .layui-flow-more {
  color:var(--lay-color-text-1)
}
.dark .layui-flow-more a cite {
  background-color:var(--lay-color-bg-4);
  color:var(--lay-color-text-1)
}
.dark .layui-flow-more a i {
  color:var(--lay-color-text-2)
}
.dark .layui-table {
  background-color:var(--lay-color-bg-2);
  color:var(--lay-color-text-2)
}
.dark .layui-table-mend {
  background-color:var(--lay-color-bg-2)
}
.dark .layui-table-click,
.dark .layui-table-hover,
.dark .layui-table[lay-even] tbody tr:nth-child(even) {
  background-color:var(--lay-color-fill-3)
}
.dark .layui-table-checked {
  background-color:var(--lay-color-fill-2);
  color:var(--lay-color-text-1)
}
.dark .layui-table-checked.layui-table-click,
.dark .layui-table-checked.layui-table-hover {
  background-color:var(--lay-color-fill-3)
}
.dark .layui-table td,
.dark .layui-table th,
.dark .layui-table-col-set,
.dark .layui-table-fixed-r,
.dark .layui-table-grid-down,
.dark .layui-table-header,
.dark .layui-table-mend,
.dark .layui-table-page,
.dark .layui-table-tips-main,
.dark .layui-table-tool,
.dark .layui-table-total,
.dark .layui-table-view,
.dark .layui-table[lay-skin=line],
.dark .layui-table[lay-skin=row] {
  border-color:var(--lay-color-border-2)
}
.dark .layui-table-view:after {
  background-color:var(--lay-color-border-2)
}
.dark .layui-table-view .layui-table td[data-edit]:hover:after {
  border:1px solid var(--lay-color-primary-active)
}
.dark .layui-table-loading-icon .layui-icon {
  color:var(--lay-color-gray-8)
}
.dark .layui-table-page {
  background-color:var(--lay-color-bg-2)
}
.dark .layui-table-tool {
  background-color:var(--lay-color-bg-2)
}
.dark .layui-table-tool .layui-inline[lay-event] {
  color:var(--lay-color-text-3);
  border:1px solid var(--lay-color-border-2)
}
.dark .layui-table-tool .layui-inline[lay-event]:hover {
  border:1px solid var(--lay-color-border-3)
}
.dark .layui-table-tool-panel {
  color:var(--lay-color-text-1);
  border:1px solid var(--lay-color-border-2);
  background-color:var(--lay-color-bg-5);
  box-shadow:var(--lay-shadow-2)
}
.dark .layui-table-tool-panel li:hover {
  background-color:var(--lay-color-active)
}
.dark .layui-table-col-set {
  background-color:var(--lay-color-white)
}
.dark .layui-table-sort .layui-table-sort-asc {
  border-bottom-color:var(--lay-color-gray-8)
}
.dark .layui-table-sort .layui-table-sort-asc:hover {
  border-bottom-color:var(--lay-color-gray-11)
}
.dark .layui-table-sort .layui-table-sort-desc {
  border-top-color:var(--lay-color-gray-8)
}
.dark .layui-table-sort .layui-table-sort-desc:hover {
  border-top-color:var(--lay-color-gray-11)
}
.dark .layui-table-sort[lay-sort=asc] .layui-table-sort-asc {
  border-bottom-color:var(--lay-color-gray-13)
}
.dark .layui-table-sort[lay-sort=desc] .layui-table-sort-desc {
  border-top-color:var(--lay-color-gray-13)
}
.dark .layui-table-cell .layui-table-link {
  color:var(--lay-color-lightblue-5)
}
.dark .layui-table-body .layui-none {
  color:var(--lay-color-gray-8)
}
.dark .layui-table-fixed-l {
  box-shadow:1px 0 8px #000
}
.dark .layui-table-fixed-r {
  box-shadow:-1px 0 8px #000
}
.dark .layui-table-edit {
  box-shadow:var(--lay-shadow-1);
  background-color:var(--lay-color-bg-2)
}
.dark .layui-table-edit:focus {
  border-color:var(--lay-color-secondary)!important
}
.dark select.layui-table-edit {
  border-color:var(--lay-color-border-2)
}
.dark .layui-table-grid-down {
  background-color:var(--lay-color-bg-5);
  color:var(--lay-color-gray-8)
}
.dark .layui-table-grid-down:hover {
  background-color:var(--lay-color-bg-5)
}
.dark .layui-table-cell-c {
  background-color:var(--lay-color-gray-13);
  color:var(--lay-color-text-1);
  border-color:var(--lay-color-border-3)
}
.dark .layui-table-cell-c:hover {
  border-color:var(--lay-color-secondary-hover)
}
.dark body .layui-table-tips .layui-layer-content {
  box-shadow:var(--lay-shadow-3)
}
.dark .layui-table-tips-main {
  background-color:var(--lay-color-bg-5);
  color:var(--lay-color-text-3)
}
.dark .layui-table-tips-c {
  background-color:var(--lay-color-gray-13);
  color:var(--lay-color-text-1)
}
.dark .layui-table-tips-c:hover {
  background-color:var(--lay-color-gray-10)
}
.dark .layui-upload-choose {
  color:var(--lay-color-gray-8)
}
.dark .layui-upload-drag {
  border:1px dashed var(--lay-color-border-2);
  background-color:var(--lay-color-bg-4);
  color:var(--lay-color-text-2)
}
.dark .layui-upload-drag .layui-icon {
  color:var(--lay-color-primary)
}
.dark .layui-upload-drag[lay-over] {
  border-color:var(--lay-color-primary)
}
.dark .layui-menu {
  background-color:var(--lay-color-bg-2)
}
.dark .layui-menu li {
  color:var(--lay-color-text-1)
}
.dark .layui-menu li:hover {
  background-color:var(--lay-color-bg-5)
}
.dark .layui-menu li.layui-disabled,
.dark .layui-menu li.layui-disabled * {
  color:var(--lay-color-text-4)!important
}
.dark .layui-menu .layui-menu-item-group>.layui-menu-body-title {
  color:var(--lay-color-text-3)
}
.dark .layui-menu .layui-menu-item-none {
  color:var(--lay-color-text-3)
}
.dark .layui-menu .layui-menu-item-divider {
  border-bottom:1px solid var(--lay-color-border-2)
}
.dark .layui-menu .layui-menu-item-divider:hover,
.dark .layui-menu .layui-menu-item-group:hover,
.dark .layui-menu .layui-menu-item-none:hover {
  background:0 0
}
.dark .layui-menu .layui-menu-item-up>.layui-menu-body-title {
  color:var(--lay-color-text-1)
}
.dark .layui-menu .layui-menu-item-down:hover>.layui-menu-body-title>.layui-icon,
.dark .layui-menu .layui-menu-item-up>.layui-menu-body-title:hover>.layui-icon {
  color:var(--lay-color-text-1)
}
.dark .layui-menu .layui-menu-item-checked,
.dark .layui-menu .layui-menu-item-checked2 {
  background-color:var(--lay-color-active)!important;
  color:var(--lay-color-secondary)
}
.dark .layui-menu .layui-menu-item-checked a,
.dark .layui-menu .layui-menu-item-checked2 a {
  color:var(--lay-color-secondary)
}
.dark .layui-menu .layui-menu-item-checked:after {
  border-right:3px solid var(--lay-color-secondary)
}
.dark .layui-menu-body-title a {
  color:var(--lay-color-text-1)
}
.dark .layui-menu-lg .layui-menu-body-title a:hover,
.dark .layui-menu-lg li:hover {
  color:var(--lay-color-secondary)
}
.dark .layui-dropdown {
  background-color:var(--lay-color-bg-5)
}
.dark .layui-dropdown .layui-panel,
.dark .layui-dropdown.layui-panel {
  background-color:var(--lay-color-bg-5);
  box-shadow:var(--lay-shadow-2)
}
.dark .layui-dropdown.layui-panel .layui-menu {
  background-color:var(--lay-color-bg-5)
}
.dark .layui-nav {
  background-color:var(--lay-color-black-6);
  color:var(--lay-color-white)
}
.dark .layui-nav .layui-nav-item a {
  color:var(--lay-color-text-1)
}
.dark .layui-nav .layui-this:after,
.dark .layui-nav-bar {
  background-color:var(--lay-color-secondary)
}
.dark .layui-nav .layui-nav-item a:hover,
.dark .layui-nav .layui-this a {
  color:var(--lay-color-text-1)
}
.dark .layui-nav-child {
  box-shadow:var(--lay-shadow-2);
  border:1px solid var(--lay-color-border-2);
  background-color:var(--lay-color-bg-5)
}
.dark .layui-nav .layui-nav-child a {
  color:var(--lay-color-text-1)
}
.dark .layui-nav .layui-nav-child a:hover {
  background-color:var(--lay-color-bg-5);
  color:var(--lay-color-text-1)
}
.dark .layui-nav-child dd.layui-this {
  background-color:var(--lay-color-bg-5);
  color:var(--lay-color-text-1)
}
.dark .layui-nav-tree .layui-nav-child dd.layui-this,
.dark .layui-nav-tree .layui-nav-child dd.layui-this a,
.dark .layui-nav-tree .layui-this,
.dark .layui-nav-tree .layui-this>a,
.dark .layui-nav-tree .layui-this>a:hover {
  background-color:var(--lay-color-primary);
  color:var(--lay-color-white)
}
.dark .layui-nav-itemed>a,
.dark .layui-nav-tree .layui-nav-title a,
.dark .layui-nav-tree .layui-nav-title a:hover {
  color:var(--lay-color-white)!important
}
.dark .layui-nav-tree .layui-nav-bar {
  background-color:var(--lay-color-primary)
}
.dark .layui-nav-tree .layui-nav-child {
  background:0 0;
  background-color:rgba(0,0,0,.3);
  border:none;
  box-shadow:none
}
.dark .layui-nav-tree .layui-nav-child a {
  color:var(--lay-color-white);
  color:var(--lay-color-text-1)
}
.dark .layui-nav-tree .layui-nav-child a:hover {
  background:0 0;
  color:var(--lay-color-white)
}
.dark .layui-nav-tree.layui-bg-gray,
.dark .layui-nav.layui-bg-gray {
  background-color:var(--lay-color-bg-2)!important;
  color:var(--lay-color-text-1)
}
.dark .layui-nav-tree.layui-bg-gray .layui-nav-child {
  background-color:rgba(0,0,0,.3)!important
}
.dark .layui-nav-tree.layui-bg-gray a,
.dark .layui-nav.layui-bg-gray .layui-nav-item a {
  color:var(--lay-color-text-1)
}
.dark .layui-nav.layui-bg-gray .layui-nav-child {
  background-color:var(--lay-color-bg-5)
}
.dark .layui-nav-tree.layui-bg-gray .layui-nav-itemed>a {
  color:var(--lay-color-text-1)!important
}
.dark .layui-nav.layui-bg-gray .layui-this a {
  color:var(--lay-color-secondary)
}
.dark .layui-nav-tree.layui-bg-gray .layui-nav-child dd.layui-this,
.dark .layui-nav-tree.layui-bg-gray .layui-nav-child dd.layui-this a,
.dark .layui-nav-tree.layui-bg-gray .layui-this,
.dark .layui-nav-tree.layui-bg-gray .layui-this>a {
  color:var(--lay-color-secondary)!important
}
.dark .layui-nav-tree.layui-bg-gray .layui-nav-bar {
  background-color:var(--lay-color-secondary)
}
.dark .layui-breadcrumb a {
  color:var(--lay-color-gray-7)!important
}
.dark .layui-breadcrumb a:hover {
  color:var(--lay-color-secondary)!important
}
.dark .layui-breadcrumb a cite {
  color:var(--lay-color-gray-8)
}
.dark .layui-breadcrumb span[lay-separator] {
  color:var(--lay-color-gray-7)
}
.dark .layui-tab-title .layui-this {
  color:var(--lay-color-text-2)
}
.dark .layui-tab-title .layui-this:after {
  border-bottom-color:var(--lay-color-border-2)
}
.dark .layui-tab-bar {
  background-color:var(--lay-color-bg-3)
}
.dark .layui-tab-more li.layui-this:after {
  border-bottom-color:var(--lay-color-gray-3)
}
.dark .layui-tab-title li .layui-tab-close {
  color:var(--lay-color-gray-8)
}
.dark .layui-tab-title li .layui-tab-close:hover {
  background-color:var(--lay-color-danger);
  color:var(--lay-color-white)
}
.dark .layui-tab-brief>.layui-tab-title .layui-this {
  color:var(--lay-color-primary)
}
.dark .layui-tab-brief>.layui-tab-more li.layui-this:after,
.dark .layui-tab-brief>.layui-tab-title .layui-this:after {
  border-bottom:2px solid var(--lay-color-secondary)
}
.dark .layui-tab-card {
  box-shadow:var(--lay-shadow-1)
}
.dark .layui-tab-card>.layui-tab-title {
  background-color:var(--lay-color-bg-2)
}
.dark .layui-tab-card>.layui-tab-title .layui-this {
  background-color:var(--lay-color-bg-1)
}
.dark .layui-tab-card>.layui-tab-title .layui-this:after {
  border-bottom-color:var(--lay-color-bg-1)
}
.dark .layui-tab-card>.layui-tab-more .layui-this {
  color:var(--lay-color-secondary)
}
.dark .layui-timeline-axis {
  background-color:var(--lay-color-bg-4);
  color:var(--lay-color-secondary)
}
.dark .layui-timeline-axis:hover {
  color:var(--lay-color-red-6)
}
.dark .layui-timeline-item:before {
  background-color:var(--lay-color-bg-3)
}
.dark .layui-badge,
.dark .layui-badge-dot,
.dark .layui-badge-rim {
  background-color:var(--lay-color-red-6);
  color:var(--lay-color-white)
}
.dark .layui-badge-rim {
  background-color:var(--lay-color-white);
  color:var(--lay-color-black-6)
}
.dark .layui-carousel {
  background-color:var(--lay-color-gray-2)
}
.dark .layui-carousel>[carousel-item]:before {
  color:var(--lay-color-gray-8);
  -moz-osx-font-smoothing:grayscale
}
.dark .layui-carousel>[carousel-item]>* {
  background-color:var(--lay-color-gray-2)
}
.dark .layui-carousel-arrow {
  background-color:rgba(0,0,0,.2);
  color:var(--lay-color-white)
}
.dark .layui-carousel-arrow:hover,
.dark .layui-carousel-ind ul:hover {
  background-color:var(--lay-color-black)
}
.dark .layui-carousel[lay-indicator=outside] .layui-carousel-ind ul {
  background-color:var(--lay-color-black)
}
.dark .layui-carousel-ind ul {
  background-color:rgba(0,0,0,.2)
}
.dark .layui-carousel-ind ul li {
  background-color:var(--lay-color-gray-3);
  background-color:var(--lay-color-text-3)
}
.dark .layui-carousel-ind ul li:hover {
  background-color:var(--lay-color-white)
}
.dark .layui-carousel-ind ul li.layui-this {
  background-color:var(--lay-color-white)
}
.dark .layui-fixbar li {
  background-color:var(--lay-color-black-5);
  color:var(--lay-color-text-1)
}
.dark body .layui-util-face .layui-layer-content {
  background-color:var(--lay-color-bg-5);
  color:var(--lay-color-text-2)
}
.dark .layui-util-face ul {
  border:1px solid var(--lay-color-border-3);
  background-color:var(--lay-color-bg-5);
  box-shadow:var(--lay-shadow-2)
}
.dark .layui-util-face ul li {
  border:1px solid var(--lay-color-border-2)
}
.dark .layui-util-face ul li:hover {
  border:1px solid var(--lay-color-red-7);
  background:var(--lay-color-text-1)
}
.dark .layui-code {
  border:1px solid var(--lay-color-border-2);
  background-color:var(--lay-color-bg-white);
  color:var(--lay-color-text-2)
}
.dark .layui-transfer-box,
.dark .layui-transfer-header,
.dark .layui-transfer-search {
  border-color:var(--lay-color-border-2)
}
.dark .layui-transfer-box {
  background-color:var(--lay-color-bg-2)
}
.dark .layui-transfer-search .layui-icon-search {
  color:var(--lay-color-gray-8)
}
.dark .layui-transfer-active .layui-btn {
  background-color:var(--lay-color-secondary);
  border-color:var(--lay-color-secondary);
  color:var(--lay-color-white)
}
.dark .layui-transfer-active .layui-btn-disabled {
  background-color:var(--lay-color-gray-2);
  border-color:var(--lay-color-gray-3);
  color:var(--lay-color-gray-8)
}
.dark .layui-transfer-data li:hover {
  background-color:var(--lay-color-active)
}
.dark .layui-transfer-data li:hover:has([lay-filter=layTransferCheckbox][disabled]) {
  background-color:var(--lay-color-bg-2)
}
.dark .layui-transfer-data .layui-none {
  color:var(--lay-color-gray-7)
}
.dark .layui-rate li i.layui-icon {
  color:var(--lay-color-orange-6)
}
.dark .layui-colorpicker {
  border:1px solid var(--lay-color-border-1)
}
.dark .layui-colorpicker:hover {
  border-color:var(--lay-color-border-2)
}
.dark .layui-colorpicker-trigger-span {
  border:1px solid var(--lay-color-border-1)
}
.dark .layui-colorpicker-trigger-i {
  color:var(--lay-color-white)
}
.dark .layui-colorpicker-trigger-i.layui-icon-close {
  color:var(--lay-color-black-7)
}
.dark .layui-colorpicker-main {
  background:var(--lay-color-bg-2);
  border:1px solid var(--lay-color-border-2);
  box-shadow:var(--lay-shadow-2)
}
.dark .layui-colorpicker-basis-white {
  background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))
}
.dark .layui-colorpicker-basis-black {
  background:linear-gradient(0deg,#000,transparent)
}
.dark .layui-colorpicker-basis-cursor {
  border:1px solid var(--lay-color-white)
}
.dark .layui-colorpicker-side {
  background:linear-gradient(linear-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red))
}
.dark .layui-colorpicker-side-slider {
  box-shadow:var(--lay-shadow-1);
  background:var(--lay-color-white);
  border:1px solid var(--lay-color-gray-2)
}
.dark .layui-colorpicker-alpha-slider {
  box-shadow:var(--lay-shadow-1);
  background:var(--lay-color-white);
  border:1px solid var(--lay-color-gray-2)
}
.dark .layui-colorpicker-pre.layui-this {
  box-shadow:var(--lay-shadow-1)
}
.dark .layui-colorpicker-pre.selected {
  box-shadow:var(--lay-shadow-1)
}
.dark .layui-colorpicker-main-input input.layui-input {
  color:var(--lay-color-text-2)
}
.dark .layui-slider {
  background:var(--lay-color-bg-5)
}
.dark .layui-slider-step {
  background:var(--lay-color-fill-4)
}
.dark .layui-slider-wrap-btn {
  background:var(--lay-color-bg-4)
}
.dark .layui-slider-tips {
  color:var(--lay-color-text-1);
  background:var(--lay-color-black);
  box-shadow:var(--lay-shadow-3)
}
.dark .layui-slider-tips:after {
  border-color:var(--lay-color-black) transparent transparent transparent
}
.dark .layui-slider-input {
  border:1px solid var(--lay-color-border-1)
}
.dark .layui-slider-input-btn {
  border-left:1px solid var(--lay-color-border-1)
}
.dark .layui-slider-input-btn i {
  color:var(--lay-color-gray-9)
}
.dark .layui-slider-input-btn i:first-child {
  border-bottom:1px solid var(--lay-color-border-1)
}
.dark .layui-slider-input-btn i:hover {
  color:var(--lay-color-primary)
}
.dark .layui-tree-line .layui-tree-set .layui-tree-set:after {
  border-top:1px dotted var(--lay-color-gray-7)
}
.dark .layui-tree-entry:hover {
  background-color:var(--lay-color-bg-4)
}
.dark .layui-tree-line .layui-tree-entry:hover {
  background-color:var(--lay-color-black)
}
.dark .layui-tree-line .layui-tree-entry:hover .layui-tree-txt {
  color:var(--lay-color-text-3)
}
.dark .layui-tree-entry:hover:has(span.layui-tree-txt.layui-disabled) {
  background-color:transparent!important
}
.dark .layui-tree-line .layui-tree-set:before {
  border-left:1px dotted var(--lay-color-gray-7)
}
.dark .layui-tree-iconClick {
  color:var(--lay-color-gray-7)
}
.dark .layui-tree-icon {
  border:1px solid var(--lay-color-gray-8)
}
.dark .layui-tree-icon .layui-icon {
  color:var(--lay-color-text-1)
}
.dark .layui-tree-iconArrow:after {
  border-color:transparent transparent transparent var(--lay-color-gray-7)
}
.dark .layui-tree-txt {
  color:var(--lay-color-text-2)
}
.dark .layui-tree-search {
  color:var(--lay-color-black-7)
}
.dark .layui-tree-btnGroup .layui-icon:hover {
  color:var(--lay-color-text-2)
}
.dark .layui-tree-editInput {
  background-color:var(--lay-color-fill-2)
}
.dark .layui-tree-emptyText {
  color:var(--lay-color-text-2)
}
.dark .layui-code-view {
  border:1px solid var(--lay-color-border-1)
}
.dark .layui-code-view:not(.layui-code-hl) {
  background-color:var(--lay-color-bg-2);
  color:var(--lay-color-text-2)
}
.dark .layui-code-header {
  border-bottom:1px solid var(--lay-color-border-1);
  background-color:var(--lay-color-bg-2)
}
.dark .layui-code-header>.layui-code-header-about {
  color:var(--lay-color-text-2)
}
.dark .layui-code-view:not(.layui-code-hl) .layui-code-ln-side {
  border-color:var(--lay-color-border-1);
  background-color:var(--lay-color-bg-2)
}
.dark .layui-code-nowrap>.layui-code-ln-side {
  background:0 0!important
}
.dark .layui-code-fixbar>span {
  color:var(--lay-color-text-3)
}
.dark .layui-code-fixbar>span:hover {
  color:var(--lay-color-secondary-hover)
}
.dark .layui-code-theme-dark,
.dark .layui-code-theme-dark>.layui-code-header {
  border-color:rgba(126,122,122,.15);
  background-color:#1f1f1f
}
.dark .layui-code-theme-dark {
  border-width:1px;
  color:#ccc
}
.dark .layui-code-theme-dark>.layui-code-ln-side {
  border-right-color:#2a2a2a;
  background:0 0;
  color:#6e7681
}
.dark .layui-code-view.layui-code-hl>.layui-code-ln-side {
  background-color:transparent
}
.dark .layui-code-theme-dark.layui-code-hl,
.dark .layui-code-theme-dark.layui-code-hl>.layui-code-ln-side {
  border-color:rgba(126,122,122,.15)
}
.dark .layui-code-full {
  background-color:var(--lay-color-bg-1)
}
.dark .layui-laydate-header i {
  color:var(--lay-color-gray-8)
}
.dark .laydate-day-holidays:before {
  color:var(--lay-color-red-6)
}
.dark .layui-laydate .layui-this .laydate-day-holidays:before {
  color:var(--lay-color-white)
}
.dark .layui-laydate-footer span {
  border:1px solid var(--lay-color-border-2);
  background-color:var(--lay-color-bg-5)
}
.dark .layui-laydate-footer span:hover {
  color:var(--lay-color-secondary)
}
.dark .layui-laydate-footer span.layui-laydate-preview {
  border-color:transparent!important
}
.dark .layui-laydate-footer span.layui-laydate-preview:hover {
  color:var(--lay-color-black-7)
}
.dark .layui-laydate-shortcut+.layui-laydate-main {
  border-left:1px solid var(--lay-color-border-2)
}
.dark .layui-laydate .layui-laydate-list {
  background-color:var(--lay-color-bg-5)
}
.dark .layui-laydate-hint {
  color:var(--lay-color-danger)
}
.dark .layui-laydate-range .laydate-main-list-1 .layui-laydate-content,
.dark .layui-laydate-range .laydate-main-list-1 .layui-laydate-header {
  border-left:1px solid var(--lay-color-border-2)
}
.dark .layui-laydate,
.dark .layui-laydate-hint {
  border-color:var(--lay-color-border-2);
  box-shadow:var(--lay-shadow-3);
  background-color:var(--lay-color-bg-5);
  color:var(--lay-color-text-1)
}
.dark .layui-laydate {
  box-shadow:var(--lay-shadow-2)
}
.dark .layui-laydate-hint {
  border-color:var(--lay-color-border-1)
}
.dark .layui-laydate-header {
  border-bottom:1px solid var(--lay-color-border-2)
}
.dark .layui-laydate-header i:hover,
.dark .layui-laydate-header span:hover {
  color:var(--lay-color-secondary)
}
.dark .layui-laydate-content th {
  color:var(--lay-color-text-1)
}
.dark .layui-laydate-content td {
  color:var(--lay-color-text-1)
}
.dark .layui-laydate-content td.laydate-day-now {
  color:var(--lay-color-secondary)
}
.dark .layui-laydate-content td.laydate-day-now:after {
  border:1px solid var(--lay-color-secondary)
}
.dark .layui-laydate-linkage .layui-laydate-content td.laydate-selected>div {
  background-color:var(--lay-color-green-8)
}
.dark .layui-laydate-linkage .laydate-selected:hover>div {
  background-color:var(--lay-color-green-8)!important
}
.dark .layui-laydate-content td>div:hover,
.dark .layui-laydate-list li:hover,
.dark .layui-laydate-shortcut>li:hover {
  background-color:var(--lay-color-fill-2);
  color:var(--lay-color-text-2)
}
.dark .layui-laydate-content td.laydate-disabled>div:hover {
  background-color:var(--lay-color-bg-5);
  color:var(--lay-color-text-4)
}
.dark .laydate-time-list li ol {
  border:1px solid var(--lay-color-border-2)
}
.dark .laydate-time-list>li:hover {
  background:0 0
}
.dark .layui-laydate-content .laydate-day-next,
.dark .layui-laydate-content .laydate-day-prev {
  color:var(--lay-color-text-3)
}
.dark .layui-laydate-linkage .laydate-selected.laydate-day-next>div,
.dark .layui-laydate-linkage .laydate-selected.laydate-day-prev>div {
  background:0 0!important
}
.dark .layui-laydate-footer {
  border-top:1px solid var(--lay-color-border-2)
}
.dark .layui-laydate-hint {
  color:var(--lay-color-danger)
}
.dark .laydate-day-mark::after {
  background-color:var(--lay-color-secondary)
}
.dark .layui-laydate-footer span[lay-type=date] {
  color:var(--lay-color-secondary)
}
.dark .layui-laydate .layui-this,
.dark .layui-laydate .layui-this>div {
  background-color:var(--lay-color-secondary)!important;
  color:var(--lay-color-white)!important
}
.dark .layui-laydate .laydate-disabled,
.dark .layui-laydate .laydate-disabled:hover {
  color:var(--lay-color-text-4)!important
}
.dark .layui-laydate .layui-this.laydate-disabled,
.dark .layui-laydate .layui-this.laydate-disabled>div {
  background-color:var(--lay-color-fill-1)!important;
  color:var(--lay-color-text-4)!important
}
.dark .laydate-theme-molv .layui-laydate-header {
  background-color:var(--lay-color-primary)
}
.dark .laydate-theme-molv .layui-laydate-header i,
.dark .laydate-theme-molv .layui-laydate-header span {
  color:var(--lay-color-gray-2)
}
.dark .laydate-theme-molv .layui-laydate-header i:hover,
.dark .laydate-theme-molv .layui-laydate-header span:hover {
  color:var(--lay-color-white)
}
.dark .laydate-theme-molv .layui-laydate-content {
  border:1px solid var(--lay-color-border-2)
}
.dark .laydate-theme-molv .layui-this,
.dark .laydate-theme-molv .layui-this>div {
  background-color:var(--lay-color-primary)!important
}
.dark .laydate-theme-molv .layui-laydate-footer {
  border:1px solid var(--lay-color-border-2)
}
.dark .laydate-theme-grid .laydate-month-list>li,
.dark .laydate-theme-grid .laydate-year-list>li,
.dark .laydate-theme-grid .layui-laydate-content td,
.dark .laydate-theme-grid .layui-laydate-content thead {
  border:1px solid var(--lay-color-border-2)
}
.dark .layui-laydate-linkage.laydate-theme-grid .laydate-selected,
.dark .layui-laydate-linkage.laydate-theme-grid .laydate-selected:hover {
  background-color:var(--lay-color-gray-3)!important;
  color:var(--lay-color-primary)!important
}
.dark .layui-laydate-linkage.laydate-theme-grid .laydate-selected.laydate-day-next,
.dark .layui-laydate-linkage.laydate-theme-grid .laydate-selected.laydate-day-prev {
  color:var(--lay-color-gray-6)!important
}
.dark .layui-laydate.laydate-theme-circle .layui-laydate-content table td.layui-this {
  background-color:transparent!important
}
.dark .layui-layer {
  background-color:var(--lay-color-bg-3);
  box-shadow:var(--lay-shadow-3)
}
.dark .layui-layer-border {
  border:1px solid var(--lay-color-border-2);
  box-shadow:var(--lay-shadow-3)
}
.dark .layui-layer-move {
  background-color:var(--lay-color-bg-5)
}
.dark .layui-layer-title {
  border-bottom:1px solid var(--lay-color-border-2);
  color:var(--lay-color-text-1)
}
.dark .layui-layer-setwin span {
  color:var(--lay-color-text-1)
}
.dark .layui-layer-setwin .layui-layer-min:before {
  border-bottom-color:var(--lay-color-text-1)
}
.dark .layui-layer-setwin .layui-layer-min:hover:before {
  border-bottom-color:var(--lay-color-info-hover)
}
.dark .layui-layer-setwin .layui-layer-max:after,
.dark .layui-layer-setwin .layui-layer-max:before {
  border:1px solid var(--lay-color-text-3)
}
.dark .layui-layer-setwin .layui-layer-max:hover:after,
.dark .layui-layer-setwin .layui-layer-max:hover:before {
  border-color:var(--lay-color-info-hover)
}
.dark .layui-layer-setwin .layui-layer-maxmin:after,
.dark .layui-layer-setwin .layui-layer-maxmin:before {
  background-color:var(--lay-color-bg-5)
}
.dark .layui-layer-setwin .layui-layer-close2 {
  color:var(--lay-color-text-1);
  background-color:var(--lay-color-gray-10)
}
.dark .layui-layer-setwin .layui-layer-close2:hover {
  background-color:var(--lay-color-normal)
}
.dark .layui-layer-btn a {
  border:1px solid var(--lay-color-border-2);
  background-color:var(--lay-color-bg-3);
  color:var(--lay-color-text-2)
}
.dark .layui-layer-btn .layui-layer-btn0 {
  border-color:transparent;
  background-color:var(--lay-color-normal);
  color:var(--lay-color-text-1)
}
.dark .layui-layer-dialog .layui-layer-content .layui-layer-face {
  color:var(--lay-color-gray-9)
}
.dark .layui-layer-dialog .layui-layer-content .layui-icon-tips {
  color:var(--lay-color-warning)
}
.dark .layui-layer-dialog .layui-layer-content .layui-icon-success {
  color:var(--lay-color-success)
}
.dark .layui-layer-dialog .layui-layer-content .layui-icon-error {
  top:19px;
  color:var(--lay-color-danger)
}
.dark .layui-layer-dialog .layui-layer-content .layui-icon-question {
  color:var(--lay-color-warning)
}
.dark .layui-layer-dialog .layui-layer-content .layui-icon-lock {
  color:var(--lay-color-gray-10)
}
.dark .layui-layer-dialog .layui-layer-content .layui-icon-face-cry {
  color:var(--lay-color-danger)
}
.dark .layui-layer-dialog .layui-layer-content .layui-icon-face-smile {
  color:var(--lay-color-success)
}
.dark .layui-layer-rim {
  border:6px solid var(--lay-color-gray-8);
  border:6px solid var(--lay-color-border-2)
}
.dark .layui-layer-msg {
  border:1px solid var(--lay-color-border-1)
}
.dark .layui-layer-hui {
  background-color:var(--lay-color-bg-3);
  color:var(--lay-color-text-1)
}
.dark .layui-layer-hui .layui-layer-close {
  color:var(--lay-color-white)
}
.dark .layui-layer-loading-icon {
  color:var(--lay-color-gray-9)
}
.dark .layui-layer-loading-2:after,
.dark .layui-layer-loading-2:before {
  border:3px solid var(--lay-color-gray-6)
}
.dark .layui-layer-loading-2:after {
  border-color:transparent;
  border-left-color:var(--lay-color-normal)
}
.dark .layui-layer-tips .layui-layer-content {
  box-shadow:var(--lay-shadow-3);
  background-color:var(--lay-color-bg-5);
  color:var(--lay-color-text-1)
}
.dark .layui-layer-tips i.layui-layer-TipsG {
  border-color:transparent
}
.dark .layui-layer-tips i.layui-layer-TipsB,
.dark .layui-layer-tips i.layui-layer-TipsT {
  border-right-color:var(--lay-color-black)
}
.dark .layui-layer-tips i.layui-layer-TipsL,
.dark .layui-layer-tips i.layui-layer-TipsR {
  border-bottom-color:var(--lay-color-black)
}
.dark .layui-layer-lan .layui-layer-title {
  background:var(--lay-color-blue-5);
  color:var(--lay-color-text-1)
}
.dark .layui-layer-lan .layui-layer-btn {
  border-top:1px solid var(--lay-color-border-3)
}
.dark .layui-layer-lan .layui-layer-btn a {
  background:var(--lay-color-white);
  border-color:var(--lay-color-border-3);
  color:var(--lay-color-black-7)
}
.dark .layui-layer-lan .layui-layer-btn .layui-layer-btn1 {
  background:var(--lay-color-gray-7)
}
.dark .layui-layer-molv .layui-layer-title {
  background:var(--lay-color-layuigreen-6);
  color:var(--lay-color-text-1)
}
.dark .layui-layer-molv .layui-layer-btn a {
  background:var(--lay-color-layuigreen-6);
  border-color:var(--lay-color-layuigreen-6)
}
.dark .layui-layer-molv .layui-layer-btn .layui-layer-btn1 {
  background:var(--lay-color-gray-7)
}
.dark .layui-layer-prompt .layui-layer-input {
  border:1px solid var(--lay-color-border-2);
  color:var(--lay-color-text-2)
}
.dark .layui-layer-tab {
  box-shadow:var(--lay-shadow-3)
}
.dark .layui-layer-tab .layui-layer-title span.layui-this {
  border-left:1px solid var(--lay-color-border-2);
  border-right:1px solid var(--lay-color-border-2);
  background-color:var(--lay-color-bg-3)
}
.dark .layui-layer-photos {
  background:0 0;
  box-shadow:none
}
.dark .layui-layer-photos-next,
.dark .layui-layer-photos-prev {
  color:var(--lay-color-gray-9)
}
.dark .layui-layer-photos-next:hover,
.dark .layui-layer-photos-prev:hover {
  color:var(--lay-color-text-1)
}
.dark .layui-layer-photos-toolbar {
  background-color:#333\9;
  background-color:var(--lay-color-bg-5);
  color:var(--lay-color-text-1)
}
.dark .layui-layer-photos-toolbar * {
  color:var(--lay-color-text-1)
}
.dark .layui-layer-photos-toolbar a:hover {
  color:var(--lay-color-text-2)
}
.dark .layui-layer-photos-header>span:hover {
  background-color:var(--lay-color-fill-2)
}
.dark .layui-layer-tips i.layui-layer-TipsB,
.dark .layui-layer-tips i.layui-layer-TipsT {
  border-right-color:var(--lay-color-bg-5)
}
.dark .layui-layer-tips i.layui-layer-TipsL,
.dark .layui-layer-tips i.layui-layer-TipsR {
  border-bottom-color:var(--lay-color-bg-5)
}
.dark .layui-layer-prompt .layui-layer-input {
  border:1px solid var(--lay-color-border-2);
  color:var(--lay-color-text-1);
  background-color:var(--lay-color-black)
}
.dark .layui-layer-prompt .layui-layer-input:focus {
  outline:0
}
.dark .layui-layer-loading {
  background:0 0;
  box-shadow:0 0
}
.dark .layui-btn-primary {
  border-color:transparent
}
.dark .layui-btn-group .layui-btn:first-child {
  border-left:none
}
.dark .layui-btn-group .layui-btn-primary:hover {
  border-top-color:transparent;
  border-bottom-color:transparent
}
.dark .layui-menu li:hover {
  background-color:var(--lay-color-fill-2)
}
.dark .layui-nav-child dd.layui-this {
  background-color:var(--lay-color-fill-2)
}
.dark .layui-nav .layui-nav-child a:hover {
  background-color:var(--lay-color-fill-2)
}
.dark .layui-nav .layui-nav-item a:hover,
.dark .layui-nav .layui-this a {
  background-color:var(--lay-color-fill-2)
}
.dark .layui-nav-child dd.layui-this {
  background-color:var(--lay-color-fill-2)
}
.dark .layui-tab-card>.layui-tab-title .layui-this:after,
.dark .layui-tab-title .layui-this:after {
  border-bottom-color:var(--lay-color-bg-1)
}
.dark .layui-form-select dl dd:hover {
  background-color:var(--lay-color-fill-2)
}
.dark .layui-form-select dl dd.layui-this {
  background-color:var(--lay-color-fill-2)
}
.dark .layui-laypage button {
  color:var(--lay-color-text-1)
}
.dark .layui-table[lay-even] tbody tr:nth-child(even) {
  background-color:var(--lay-color-fill-4)
}
.dark .layui-menu .layui-menu-item-checked,
.dark .layui-menu .layui-menu-item-checked2 {
  background-color:var(--lay-color-fill-2)!important
}
.dark .layui-input-split {
  background-color:var(--lay-color-bg-2)
}
.dark .layui-input-wrap .layui-input-prefix.layui-input-split {
  border-width:1px
}
.dark .layui-input-wrap .layui-input-split:has(+.layui-input:hover) {
  border-color:var(--lay-color-border-2)
}
.dark .layui-input-wrap .layui-input-split:has(+.layui-input:focus) {
  border-color:var(--lay-color-secondary-hover)
}
.dark .layui-layer-tab .layui-layer-title span:first-child {
  border-left:none!important
}
.dark .layui-slider-input .layui-input,
.dark .layui-slider-input.layui-input {
  background-color:var(--lay-color-bg-2)
}
:root.dark {
  --lay-color-black-1:#d1d1d1;
  --lay-color-text-1:rgba(255,255,255,.8)
}
html.dark {
  background-color:var(--lay-color-bg-1);
  color:var(--lay-color-text-2);
  color-scheme:dark
}
.dark a {
  color:var(--lay-color-text-1)
}
.dark iframe {
  background-color:transparent;
  color-scheme:light
}
.layui-code-preview iframe {
  color-scheme:dark
}
.dark .layui-code,
.dark pre>code {
  background-color:var(--lay-color-bg-2)
}
.dark .layui-btn-primary {
  border-color:transparent!important
}
.dark .layui-border-black {
  color:var(--lay-color-text-1)!important
}
.dark .layui-nav-tree.layui-bg-gray a,
.dark .layui-nav.layui-bg-gray .layui-nav-item a {
  color:var(--lay-color-black-1)
}
.dark .layui-nav .layui-nav-item a:hover,
.dark .layui-nav .layui-this a {
  background:0 0;
  color:#16b777
}
.dark .layui-card-body {
  color:rgba(255,255,255,.7)
}
.dark .layui-table-page .layui-laypage a,
.dark .layui-table-page .layui-laypage span {
  border:none
}
.dark .layui-carousel,
.dark .layui-carousel>[carousel-item]>* {
  background:0 0
}
.dark .spc-bg-light,
.dark .spc-header-menu .layui-nav.spc-bg-light {
  background-color:var(--lay-color-bg-1)!important
}
.dark .spc-header:after {
  background-color:var(--lay-color-border-1)
}
.dark .spc-header-menu .layui-nav.layui-bg-gray .layui-nav-child {
  background-color:var(--lay-color-bg-5)
}
.dark .spc-header-menu .layui-nav.layui-bg-gray .layui-nav-child dd:hover a {
  background-color:var(--lay-color-fill-2);
  color:var(--lay-color-black-1)
}
.dark .spc-header-theme .layui-form-onswitch {
  border-color:var(--lay-color-border-1);
  background:0 0
}
.dark .spc-dir:before,
.dark .spc-docs-icon>div,
.dark .spc-index-idea>div>div,
.dark .spc-text h1 {
  border-color:var(--lay-color-border-1)
}
.dark .spc-container .layui-menu,
.dark .spc-container .layui-panel {
  background:0 0
}
.dark .spc-docs-icon>div .docs-icon-fontclass {
  color:var(--lay-color-black-4)
}
.dark .spc-docs-anim>div:hover,
.dark .spc-docs-icon>div:hover {
  background-color:var(--lay-color-bg-3)
}
.dark .spc-docs-anim>div:hover {
  color:var(--lay-color-text-1)
}
.dark .flow-demo li,
.dark .spc-text code:not(.layui-code,
.layui-code-wrap) {
  background-color:var(--lay-color-bg-2)!important
}
.dark .spc-space-16 {
  border:none!important
}
.dark .layui-code-preview div[carousel-item]>:nth-child(2n) {
  background-color:#16b777
}
.dark .layui-code-preview div[carousel-item]>:nth-child(2n+1) {
  background-color:#16baaa
}
.dark .spc-sponsor-wrapper>div,
.dark .spc-sponsor-wrapper>div a {
  background-color:#999;
  color:#333
}
.dark .spc-sponsor-show {
  color:var(--lay-color-text-1)
}
.dark .spc-sponsor-show:hover {
  color:#333
}
.dark .spc-sponsor-full {
  background-color:var(--lay-color-bg-1)
}
.dark body .wwads-horizontal,
.dark body .wwads-vertical {
  background-color:var(--lay-color-fill-1)!important
}
.dark body .wwads-content .wwads-text,
.dark body .wwads-horizontal .wwads-text {
  color:#fff!important
}
.dark .layui-code-preview .layui-bg-gray,
.dark .spc-anchor .layui-badge-rim,
.dark .spc-text h2 .layui-badge-rim,
.dark .spc-text-notes .layui-badge-rim {
  background-color:var(--lay-color-fill-2)!important
}
.dark .spc-anchor .layui-badge-rim,
.dark .spc-text h2 .layui-badge-rim,
.dark .spc-text-notes .layui-badge-rim {
  color:var(--lay-color-text-3)
}
.dark .laytpl-demo,
.dark .laytpl-demo>div:first-child,
.dark .laytpl-demo>textarea {
  background:0 0!important
}
.dark .spc-play-header {
  border:none
}
.dark .spc-play .spc-banner-showcase,
.dark .spc-play-split {
  background:0 0;
  border-color:var(--lay-color-border-1)!important
}
.dark .spc-footer-fixed:after {
  background-color:var(--lay-color-border-1)!important
}
.dark .spc-play-preview>iframe {
  color-scheme:light;
  background-color:#fff
}
@media screen and (max-width:991.98px) {
  .dark .spc-search .layui-input {
    background:0 0
  }
  .dark .spc-search .layui-input::-webkit-input-placeholder {
    color:var(--lay-color-text-3)
  }
  .dark .spc-container .layui-panel,
  .dark .spc-side-show .spc-side {
    background-color:var(--lay-color-bg-2)
  }
  .dark .spc-dir-ul li,
  .dark .spc-side-show .spc-side:before {
    color:var(--lay-color-text-4)
  }
}
@media screen and (max-width:767.98px) {
  .dark .spc-header-menu .layui-nav {
    box-shadow:0 1px 1px rgb(255 255 255 / 5%)
  }
  .dark .spc-footer {
    background:0 0
  }
}