html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
a,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
  margin: 0;
  padding: 0;
}
.clear {
  clear: both;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  zoom: 1;
}
html,
body {
  font: 14px "PingFang SC", "Microsoft Yahei", Arial, SimSun, "Helvetica Neue",
    "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", sans-serif;
  color: #222;
  font-weight: normal;
  min-width: 990px;
  transition: background 0.3s;
}
body {
  position: relative;
}
a {
  outline: 0;
  color: #222;
  text-decoration: none;
}
a:hover {
  color: red;
  text-decoration: underline;
}
a:active {
  color: #205dca;
}
.placeholder {
  color: #aaa;
}
a img {
  border: 0;
}
ul,
li {
  list-style: none;
}
.switch-phone-hint {
  position: fixed;
  background: #e6f8e3;
  left: 0;
  right: 0;
  bottom: 0;
  height: 40px;
  line-height: 40px;
  text-align: center;
  z-index: 999;
  zoom: 200%;
  color: #999;
}
.switch-phone-hint a {
  color: #34c151;
}
.autocomplete-suggestions {
  border: 1px solid #bbb;
  background: #fff;
  background: hsla(0, 0%, 100%, 0.95);
  overflow: auto;
  left: 110px;
  top: 61px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  padding: 4px 5px 4px 4px;
}
.autocomplete-suggestion {
  padding: 5px 10px;
  white-space: nowrap;
  color: #333;
  font-size: 14px;
  overflow: hidden;
}
.autocomplete-selected {
  background: #f0f0f0;
}
.autocomplete-suggestions strong {
  font-weight: normal;
  margin: 0 2px;
  color: #38b19e;
}
.autocomplete-group {
  padding: 2px 5px;
}
.autocomplete-group strong {
  display: block;
  border-bottom: 1px solid #000;
}
.loading {
  background: url(/static/img/loader.gif) center no-repeat;
}
.failed {
  padding: 10px;
}
.failed .face {
  font-size: 46px;
  color: #888;
}
.failed .hint {
  margin-top: 10px;
  font-size: 14px;
  color: #888;
}
.failed .hint a {
  margin: 0 2px;
  text-decoration: underline;
  color: #888;
}
.m-wrap {
  min-width: 1200px;
}
.m-inner {
  width: 1200px;
  margin: 0 auto;
  zoom: 1;
}
.m-inner2 {
  text-align: left;
  width: 1200px;
  position: relative;
  zoom: 1;
  margin: 0 auto 18px;
  border-radius: 3px;
  overflow: hidden;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background-color: rgba(254, 254, 254, 0.8);
  transition: background 0.3s;
}
.m-border-1 {
  box-sizing: content-box;
  border: 1px solid #e5e5e5;
  position: relative;
}
.m-background {
  position: absolute;
  zoom: 1;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  height: 760px;
  background: rgba(0, 0, 0, 0) no-repeat;
  background-position: top center;
  background-size: cover;
}
.m-background.fixed {
  height: auto;
  position: fixed;
  bottom: 0;
}
.m-background .m-background-mask {
  height: 90px;
  left: 0;
  right: 0;
  bottom: -2px;
  position: absolute;
  background: linear-gradient(
    to top,
    white,
    rgba(255, 255, 255, 0.8) 50%,
    rgba(255, 255, 255, 0)
  );
  transition: background 0.3s;
}
@media screen and (min-width: 1681px) {
  .m-background {
    background-position: center -30px;
  }
  .m-background.fixed {
    background-position: top center;
  }
}
#m_bgctrl_wrp {
  position: absolute;
  zoom: 1;
  left: 50%;
  margin-left: -180px;
  top: 20px;
}
#m_bgctrl {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(4px);
  position: relative;
  height: 22px;
  padding: 5px 5px 5px 0;
  opacity: 0.7;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QUIAzslGtCH6AAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAGElEQVQY02NkYGDoYiACMDEQCUYVUkchAOx6AJ4+wIVdAAAAAElFTkSuQmCC);
  border-radius: 100px;
}
#m_bgctrl:hover {
  opacity: 1;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QUIAzslGtCH6AAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAGElEQVQY02NkYGDoYiACMDEQCUYVUkchAOx6AJ4+wIVdAAAAAElFTkSuQmCC);
}
#m_bgctrl .info {
  overflow: hidden;
  display: block;
  float: left;
  font-size: 14px;
  height: 22px;
  line-height: 22px;
  -webkit-transition: 0.3s all;
}
#m_bgctrl .info {
  font-size: 12px;
}
#m_bgctrl .info a {
  color: #fff;
  display: block;
  float: left;
  text-align: center;
  font-size: 11px;
  width: 240px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: 10px;
  margin-right: 5px;
  height: 22px;
  line-height: 22px;
  text-decoration: none;
}
#m_bgctrl i {
  cursor: pointer;
  display: block;
  margin: 0 auto 0 5px;
  float: left;
  width: 22px;
  height: 22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAWCAYAAAB0S0oJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gMFCRAM2Ds46AAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAEEklEQVRYw9WYTWhcVRTH/+e8NyYkDK+WIVlMvlTGGaJ0EkKkIC0NidqNRQrVhRuliHTlsgvRxgQh6KbgpliKulHIShcx0ooRpBsbQ6ekMTJmmCEzJR0mw8Rghjhz33HhTMjHe+++GSIkB+5m7jm/e+bce8895xE0Mj8/bxFRB4BWAFT7uQqgWCqVHo+OjgqakKPGJTfgwsLCCSL6FMAZEXkaQGCPIdEjAEkAnwwODn6fSCQoHo9rnT+qXMdAJBKJSyIy7XcXiOibQCDwZn9/v6fDR5l7IBCLi4tTInK1iVN5Xyl1emBgYNtp8qhzzd0zS0tL4yJylYi8AFUAhkMQBwzD+BNA934DDdcGoGo802G+WW7VhefI3SEsLy8/BeB3AC0exn8BGBORISL6zGWhG7FY7EoD3PdE5CsAnUT0h8fajXB/AvAWgOsALmpOxo1YLHZlJxDJZPJXAMNeFrZt90Wj0UwymTwHYM5FrQggHolEsj65z0cikYc1Xa9c0Aj3roicFZEAM88CGNFxGQBSqVQ3Mw8zM1xGlYguRKPRTCqVusjMcx66J5l5zCcXzPxdKpWaWllZua3Ra4T7omEYn0ej0W0ieoOZH+q4JgAw89ua4/NaX1/fTDqdHgPgJztfBvClDy4APAOgnuzE60lvkHs5nU53VyqV84ZhnCGinwGcctOtB2LIjSYiH/b29s6srq4+JyJ3fGbkYR13F/+8iCzbtl0yTbN0WNyavNzS0vJBT0/PRCaTeYeIZgGcdOKaAGAYRruLkx93dXVN5nK5Zz1ygpO0eHH3yaNwOJwBgFwud5jcunyUy+U4HA6PZ7PZISK6D8DazzVrBYYjgZnhNe+jcPGl1qB+0/6YpgkRgcjBnFw/EX+72L6fz+e3Ozo6JtfW1kaIaNHnmtsarqMYhvF/cK91dnZO5PP5F0RklogsJ249EL8BuOACmigUCguhUGimUCi8BOCHWkHlJfd8cJsJRKPc2+VyeXJ9ff1JEbnpkh8A4B7XjtoXmqfr22Kx+GooFPqRiF7X6IKZb/nk7ly/+lU8RO6tUCj0Snt7e4iZf2HmU166O5dtY2PjDoAxTYT7LMvKlEqlc0TkWVBZlpX1yY1blvWgpqstqHxy7yqlzpqmGRARXwWVuWs33gWwpCmxH2xubo4RUUxE3Gr56WAwmPXLFRHen5xdxDeXiLaZOUxE10VkRLO508FgMLsn/W5tbY0DuKYxdGu6ACDb1tZ2oDnScCu1xosAPOGi0wxX13Tt4R74M+VyeYqImmprAZxubW11bJePG/e/LapULlUqFWlgfF0sFrWP+3HjAgCUUieUUjeVUstKqX+UUrJv5JRSc9VqdbTmDB1nrnYR27YtAI4fQ23bfmyaZlMfWY8a918NiCdzZ35HnAAAAABJRU5ErkJggg==)
    left center no-repeat;
}
#m_bgctrl .locker {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gcPBjsO0SSlNAAAAK5JREFUOMu1krEJwmAUhL8L9oJoZRKXUHAEe51INxE7a53BRlwgjWSAIA5wNiohhPwxwSuP43vvHk/UyHYK7IDR2yqAraSMkGyntk+2pyUvtn22HbcBHGwnNf7M9r7qRzWMsaS8akq6A5MgQNKqYcFnmw1+kkodc+ASyA+BB7CUlFSPdGw7tZztXSEKTNrYXncGAHNg0RQYBADXUIUQIAPcGSDp1uuI/3ikj76P9ALOoEdjWozlHAAAAABJRU5ErkJggg==)
    center no-repeat;
}
#m_bgctrl .locked {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gcPBjou81G0vQAAAK1JREFUOMulkkEOwVAYhL9p7CXCSluXIHEPTsRNxM6aM9iIC3QjPYDgAGODNE15TzvLeZPvf/PnFw2ynQNrYPCyrsBKUkFItnPbe9vjipfaPthOYwBb21mDP7G9qftJA2Moqaybki7AKAZw//HBRwzgL6nSsQSOQB+4fcm/3+aSsvqSdrFTq9nOFZLApKXtRWsAMAVmvwK9AOAUqhACFIBbAySdOy2x7SHF6HNITzDpSQo/tTUeAAAAAElFTkSuQmCC)
    center no-repeat;
}
#m_bgctrl .next {
  background-position: right center;
}
#m_bgctrl .infor {
  background-position: center;
}
#m_floatbar .m-layout {
  width: 1200px;
}
#m_floatbar.absolute {
  height: 83px;
  left: 0;
  bottom: 40px;
  position: absolute;
  zoom: 1;
}
#m_floatbar.fixed {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  width: 100%;
  height: 83px;
  position: fixed;
  zoom: 1;
  top: 0;
  left: 0;
  border-bottom: 1px solid #eaeaea;
}
#m_floatbar.fixed .m-layout {
  width: 1200px;
}
.m-layout {
  position: relative;
}
.m-cover {
  height: 650px;
  min-height: 160px;
  font-size: 12px;
  clear: both;
  position: relative;
  z-index: 120;
}
.m-shortcut-panel {
  float: left;
  position: relative;
  width: 1200px;
  display: block;
  text-align: center;
}
.m-shortcut-panel {
  padding-top: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #e5e5e5;
  transition: 0.3s border;
}
.m-shortcut-panel .item {
  margin: 0 5px;
  width: 80px;
  display: inline-block;
}
.m-shortcut-panel .item a:hover {
  text-decoration: none;
  color: #222;
}
.m-shortcut-panel .item a:hover img,
.m-shortcut-panel .item a:hover .icon {
  margin-top: -6px;
  -webkit-filter: drop-shadow(0 6px 6px rgba(100, 100, 100, 0.6));
  filter: drop-shadow(0 6px 6px 0 rgba(100, 100, 100, 0.3));
}
.m-shortcut-panel .item a:active img,
.m-shortcut-panel .item a:active .icon {
  margin-top: 0;
}
.m-shortcut-panel .item a {
  overflow: hidden;
  display: block;
  width: 80px;
  height: 85px;
  border-radius: 2px;
  padding-top: 10px;
  padding-bottom: 0;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.m-shortcut-panel .item a img,
.m-shortcut-panel .item a .icon {
  border-radius: 8px;
  display: block;
  margin: 0 auto;
  width: 54px;
  height: 54px;
  font-size: 24px;
  transition: 0.2s all ease-out;
  text-align: center;
  overflow: hidden;
  text-decoration: none;
  position: relative;
}
.m-shortcut-panel .item a img span,
.m-shortcut-panel .item a .icon span {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  line-height: 54px;
  overflow: hidden;
  display: block;
}
.m-shortcut-panel .item a .title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  display: block;
  line-height: 24px;
  height: 24px;
  font-size: 13px;
  width: 100%;
  border-radius: 12px;
}
.m-shortcut {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  margin-bottom: 0 !important;
  transition: 0.3s border;
  width: 1198px;
}
.m-shortcut.m-inner2 {
  background: none;
}
.m-shortcut .m-shortcut-bg,
.m-shortcut .m-shortcut-panel .item a,
.m-shortcut .m-top-menu,
.m-shortcut .m-top-menu a {
  transition: 0.3s;
}
.m-opacity {
  opacity: 0.85;
  filter: alpha(opacity=85);
}
.m-shortcut-bg {
  position: absolute;
  zoom: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0.8;
  background-color: #fefefe;
}
.m-jumppod {
  border-radius: 3px;
  font-size: 12px;
  display: block;
  position: fixed;
  zoom: 1;
  left: 50%;
  margin-left: 620px;
  width: 65px;
  bottom: 160px;
  text-align: center;
  border: 1px solid #e5e5e5;
  border-bottom: none;
}
.m-jumppod li {
  text-align: center;
  cursor: pointer;
  height: 35px;
  line-height: 35px;
  border-bottom: 1px solid #ddd;
  color: #666;
  background-color: hsla(0, 0%, 100%, 0.8);
}
.m-jumppod li:hover {
  background: #eee;
}
#m_floatbar.fixed .m-logo {
  background: rgba(0, 0, 0, 0) center no-repeat;
  width: 155px;
  height: 40px;
  bottom: 7px;
  left: 0;
}
#m_floatbar.fixed .m-logo {
  background-image: url(/static/img/logo-chinese-small.png);
}
#m_floatbar.fixed .m-toolbar {
  right: 0;
}
.m-logo {
  background: rgba(0, 0, 0, 0) center no-repeat;
  width: 245px;
  bottom: 10px;
  height: 59px;
  left: 5px;
  position: absolute;
  zoom: 1;
}
.m-logo {
  background-image: url(/static/img/logo-chinese.png);
}
.m-toolbar {
  width: 625px;
  bottom: 10px;
  height: 63px;
  right: 5px;
  position: absolute;
  zoom: 1;
}
.m-toolbar .tab {
  display: block;
  line-height: 26px;
  position: absolute;
  zoom: 1;
  top: 0;
  right: 0;
  height: 26px;
  width: 515px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.m-toolbar:after,
.m-toolbar li:after,
.m-toolbar li.active:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.fixed .m-toolbar .tab li {
  color: #666;
  background: rgba(0, 0, 0, 0);
}
.fixed .m-toolbar .tab li.active {
  color: #fff;
}
.m-toolbar .tab li:first-child {
  margin-left: 0;
  width: 71px;
}
.m-toolbar .tab li.active {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QUIAzslGtCH6AAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAGElEQVQY02NkYGDoYiACMDEQCUYVUkchAOx6AJ4+wIVdAAAAAElFTkSuQmCC);
  font-weight: bold \9;
  font-weight: 600;
}
.m-toolbar .tab li {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gUJCRg6Gs5tYQAAABhJREFUGNNjZGBgMGEgAjAxEAlGFVJHIQBkFgBIRt5hXQAAAABJRU5ErkJggg==);
  margin-left: 5px;
  zoom: 1;
  width: 69px;
  cursor: pointer;
  text-align: center;
  border-radius: 2px;
  float: left;
  display: block;
  line-height: 26px;
  height: 26px;
  color: #fff;
}
.m-toolbar .panel {
  width: 100%;
  height: 32px;
  display: block;
  position: absolute;
  zoom: 1;
  right: 0;
  top: 31px;
  line-height: 32px;
}
.m-toolbar .panel li {
  float: left;
  width: 100%;
  height: 32px;
  display: none;
  position: relative;
  line-height: 32px;
}
.m-toolbar .panel li.active {
  display: block;
}
.m-toolbar .opt-wr .toggle {
  top: 6px;
  right: 7px;
  width: 13px;
  height: 19px;
  background-position: 3px -22px;
  position: absolute;
  zoom: 1;
  cursor: pointer;
  border-radius: 1px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAABCAgMAAADBB6V3AAAACVBMVEX///94fH+orK8F7tqxAAAAAXRSTlMAQObYZgAAACZJREFUGNNjYBh2IDQETGktAFNcDWCKaUCdBLUd6haoy6DupCYAAJm2A/83atHKAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.m-toolbar .open .toggle {
  background-position: 3px -40px;
}
.m-toolbar .m-toolbar-provider {
  display: none;
  position: absolute;
  z-index: 999;
  zoom: 1;
  top: 33px;
  left: -2px;
  width: 90px;
  border: 1px solid #d2d2d2;
  border-bottom: none;
  background: #fff;
}
.m-toolbar .open .m-toolbar-provider {
  display: block;
}
.m-toolbar .m-toolbar-provider a {
  display: block;
  float: left;
  overflow: hidden;
  width: 90px;
  height: 32px;
  text-indent: -1000px;
  border-bottom: 1px solid #eaeaea;
  cursor: pointer;
  background-position: center 32px;
  background-repeat: no-repeat;
}
.m-toolbar .m-toolbar-provider a:hover {
  background-color: #eee;
}
.m-toolbar-provider a {
  background-image: url(/static/img/search-chinese.png);
}
.m-toolbar-provider a.bilibili {
  background-position: center 0;
}
.m-toolbar-provider a.acfun {
  background-position: center -32px;
}
.m-toolbar-provider a.tucao {
  background-position: center -64px;
}
.m-toolbar-provider a.soku {
  background-position: center -98px;
}
.m-toolbar-provider a.nico {
  background-position: center -130px;
}
.m-toolbar-provider a.netease_music {
  background-position: center -162px;
}
.m-toolbar-provider a.bdbaike {
  background-position: center -194px;
}
.m-toolbar-provider a.moegirl {
  background-position: center -226px;
}
.m-toolbar-provider a.komica {
  background-position: center -258px;
}
.m-toolbar-provider a.baidu {
  background-position: center -288px;
}
.m-toolbar-provider a.google {
  background-position: center -320px;
}
.m-toolbar-provider a.bing {
  background-position: center -352px;
}
.m-toolbar-provider a.sogou {
  background-position: center -384px;
}
.m-toolbar-provider a.youdao {
  background-position: center -416px;
}
.m-toolbar-provider a.qihoo360 {
  background-position: center -448px;
}
.m-toolbar-provider a.wikipedia {
  background-position: center -480px;
}
.m-toolbar-provider a.pixiv {
  background-position: center -512px;
}
.m-toolbar-provider a.moefou {
  background-position: center -544px;
}
.m-toolbar-provider a.tieba {
  background-position: center -576px;
}
.m-toolbar-search-logo a {
  width: 86px;
  height: 32px;
  display: block;
  float: left;
  overflow: hidden;
  text-indent: -1000px;
  background: rgba(0, 0, 0, 0) center 32px no-repeat;
}
.m-toolbar-search-logo a {
  background-image: url(/static/img/search-chinese.png);
}
.m-toolbar-search-logo a.bilibili {
  background-position: center 0;
}
.m-toolbar-search-logo a.acfun {
  background-position: center -32px;
}
.m-toolbar-search-logo a.tucao {
  background-position: center -64px;
}
.m-toolbar-search-logo a.soku {
  background-position: center -98px;
}
.m-toolbar-search-logo a.nico {
  background-position: center -130px;
}
.m-toolbar-search-logo a.netease_music {
  background-position: center -162px;
}
.m-toolbar-search-logo a.bdbaike {
  background-position: center -194px;
}
.m-toolbar-search-logo a.moegirl {
  background-position: center -226px;
}
.m-toolbar-search-logo a.komica {
  background-position: center -258px;
}
.m-toolbar-search-logo a.baidu {
  background-position: center -288px;
}
.m-toolbar-search-logo a.google {
  background-position: center -320px;
}
.m-toolbar-search-logo a.bing {
  background-position: center -352px;
}
.m-toolbar-search-logo a.sogou {
  background-position: center -384px;
}
.m-toolbar-search-logo a.youdao {
  background-position: center -416px;
}
.m-toolbar-search-logo a.qihoo360 {
  background-position: center -448px;
}
.m-toolbar-search-logo a.wikipedia {
  background-position: center -480px;
}
.m-toolbar-search-logo a.pixiv {
  background-position: center -512px;
}
.m-toolbar-search-logo a.moefou {
  background-position: center -544px;
}
.m-toolbar-search-logo a.tieba {
  background-position: center -576px;
}
.m-toolbar .opt-wr {
  width: 110px;
  height: 32px;
  position: absolute;
  zoom: 1;
  left: 0;
  bottom: 0;
  display: inline-block;
}
.ipt-wr {
  border-radius: 2px;
  display: inline-block;
  border: 1px solid #bbb;
  background: #fff 0 -288px;
  vertical-align: top;
}
.ipt-wr input {
  border: 0;
  padding: 0;
  font-size: 14px;
  line-height: 22px;
  margin: 5px 0 0 7px;
  background: #fff;
  outline: 0;
  -webkit-appearance: none;
}
.m-toolbar .ipt-wr {
  position: absolute;
  left: 110px;
  zoom: 1;
  bottom: 0;
  width: 384px;
  height: 30px;
}
.m-toolbar .ipt-wr input {
  width: 375px;
  height: 22px;
}
.btn-wr {
  background-color: #fff;
  background-image: -moz-linear-gradient(top, white, #ccc);
  background-image: -webkit-linear-gradient(top, white, #ccc);
  border-radius: 2px;
  border: 1px solid #ccc;
  height: 30px;
  display: inline-block;
  background-position: -120px -240px;
  vertical-align: top;
}
.m-toolbar .btn-wr {
  z-index: 0;
  right: 0;
  bottom: 0;
  width: 122px;
  zoom: 1;
  position: absolute;
  float: right;
}
.btn-wr:hover {
  border: 1px solid #bbb;
  background-image: -webkit-linear-gradient(top, white, #c5c5c5);
}
.btn-wr input {
  text-align: center;
  border: 0;
  padding: 0;
  background: 0;
  width: 122px;
  height: 30px;
  padding-top: 2px \9;
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  float: right;
}
.m-top-menu {
  width: 1200px;
  overflow: hidden;
  height: 36px;
}
.m-top-menu a .icon {
  width: 18px;
  height: 18px;
  left: 42px;
  top: 9px;
  position: absolute;
  display: block;
  border-radius: 2px;
  transition: 0.15s all ease-out;
}
.m-top-menu a:hover {
  background: rgba(244, 244, 244, 0.5);
  color: #333;
  text-decoration: none;
}
.m-top-menu a:hover .icon {
  top: 7px;
}
.m-top-menu a:active .icon {
  top: 10px;
}
.m-top-menu a.active {
  background: rgba(244, 244, 244, 0.5);
}
.m-top-menu a {
  border-right: 1px solid #e5e5e5;
  border-bottom: 0;
  border-top: 0;
  color: #999;
  width: 300px;
  position: relative;
  text-align: center;
  display: inline;
  float: left;
  line-height: 36px;
  height: 36px;
  box-sizing: border-box;
  letter-spacing: 5px;
}
.m-top-menu a.has-icon {
  padding-left: 32px;
}
.m-top-menu a:hover {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80EEEEEE, endColorstr=#80EEEEEE);
  background: hsla(0, 0%, 100%, 0.4);
  color: #333;
  text-decoration: none;
}
.m-top-menu a.active {
  background: hsla(0, 0%, 100%, 0.4);
  color: #222;
}
.m-top-menu a.active.has-icon {
  padding-left: 0;
}
.m-top-menu a.active .icon {
  left: 16px;
  opacity: 0;
}
.m-index-container {
  min-height: 500px;
  position: relative;
  width: 1200px;
  padding: 15px 0;
  margin: 0 auto;
  display: block;
}
.m-title {
  width: 100%;
  height: 35px;
  position: relative;
}
.m-title .t {
  font-size: 15px;
  display: block;
  float: left;
  font-weight: bold;
  height: 35px;
  line-height: 35px;
  color: #333;
}
.m-title .t.t-left {
  width: 300px;
  margin-right: 20px;
}
.m-title .st {
  float: left;
  height: 35px;
  line-height: 35px;
}
.m-title .st .a {
  color: #222;
  float: left;
  font-size: 13px;
  display: inline;
  height: 35px;
  padding: 0 2px;
  line-height: 35px;
}
.m-title .st .a + .a {
  margin-left: 20px;
}
.m-title .st .a:hover {
  text-decoration: none;
}
.m-title .st .a.active {
  color: #25a942;
  height: 34px;
  margin-bottom: -1px;
  border-bottom: 2px solid #25a942;
}
.m-navi .sub-grid2-wr {
  display: table;
  padding-bottom: 10px;
  width: 1200px;
  margin: 10px 0;
  position: relative;
}
.m-navi .sub-grid2 {
  margin: 0;
  position: relative;
  transition: all 0.3s;
  overflow: hidden;
}
.m-navi .sub-grid2 .list {
  display: block;
  padding-left: 60px;
  text-align: center;
}
.m-navi .sub-grid2 + .sub-grid2 {
  margin-top: 10px;
}
.m-navi .sub-grid2:hover {
  background: #f6f6f6;
}
.m-navi .sub-grid2 .sub-title {
  transition: all 0.3s;
  line-height: 36px;
  padding-left: 20px;
  height: 100%;
  position: absolute;
  left: 0;
}
.m-navi .sub-grid2 .sub-title a {
  color: #25a942;
  font-size: 14px;
  letter-spacing: 2px;
}
.m-navi .sub-grid2 li {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  position: relative;
}
.m-navi .sub-grid2 li + li {
  margin-left: 15px;
}
.m-navi .sub-grid2 a {
  font-size: 14px;
  position: relative;
}
.m-navi .sub-grid2 a.has-favicon {
  padding-left: 20px;
}
.m-navi .sub-grid2 .icon {
  display: block;
  background: #f5f5f5;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  left: 0;
  top: 2px;
  position: absolute;
}
.m-footer .line:first-child {
  margin-top: 15px;
}
.m-footer {
  padding: 10px 0;
  padding-top: 0;
  margin: 0 auto;
  background: hsla(0, 0%, 100%, 0.8);
  height: 130px;
  border-top: 1px dashed #cecece;
}
.m-footer .line {
  margin-top: 20px;
  height: 20px;
}
.m-footer .infor {
  display: block;
  position: relative;
  float: left;
}
.m-footer .infor li {
  border-left: 1px solid #aaa;
  padding: 0 10px;
  float: left;
  height: 16px;
  display: block;
  font-size: 12px;
  color: #888;
}
.m-footer .infor li:first-child {
  padding-left: 0;
  border-left: none;
}
.m-footer .infor li.firstChild {
  padding-left: 0;
  border-left: none;
}
.m-footer .sp {
  width: 100%;
  display: block;
  float: left;
  margin-top: 20px;
  line-height: 25px;
  height: 25px;
  text-align: center;
  font-size: 12px;
  color: #888;
}
.m-footer .sp + .sp {
  margin-top: 10px;
}
.m-footer .infor a {
  color: #888;
}
@media (prefers-color-scheme: dark) {
  .auto-theme {
    background: #000;
  }
  .auto-theme a {
    color: #eee;
  }
  .auto-theme a:hover {
    color: red;
  }
  .auto-theme .m-background {
    opacity: 0.7;
  }
  .auto-theme .m-shortcut-bg {
    background-color: #1e1e1e;
    opacity: 0.3;
  }
  .auto-theme .fixed .m-toolbar .tab li {
    color: #ddd;
  }
  .auto-theme .fixed .m-toolbar .tab li.active {
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
  }
  .auto-theme #m_floatbar.fixed .ipt-wr {
    border-color: rgba(135, 135, 135, 0.3);
  }
  .auto-theme #m_floatbar.fixed .btn-wr {
    border-color: rgba(135, 135, 135, 0.3);
  }
  .auto-theme #m_floatbar.fixed {
    border-color: rgba(135, 135, 135, 0.3);
  }
  .auto-theme #m_floatbar .ipt-wr {
    border-color: rgba(135, 135, 135, 0.5);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: rgba(50, 50, 50, 0.3);
  }
  .auto-theme #m_floatbar .ipt-wr input {
    background: rgba(0, 0, 0, 0);
  }
  .auto-theme #m_floatbar .btn-wr {
    color: #fff;
    border-color: rgba(135, 135, 135, 0.5);
    background-color: #666;
    background-image: -moz-linear-gradient(top, #666, black);
    background-image: -webkit-linear-gradient(top, #666, black);
  }
  .auto-theme #m_floatbar .btn-wr input {
    color: #ddd;
  }
  .auto-theme .m-shortcut {
    border-color: rgba(135, 135, 135, 0.3);
  }
  .auto-theme .m-shortcut .m-shortcut-bg {
    background-color: #1e1e1e;
    opacity: 0.3;
  }
  .auto-theme .m-shortcut .m-shortcut-panel {
    border-bottom-color: rgba(135, 135, 135, 0.3);
  }
  .auto-theme .m-shortcut .m-shortcut-panel .item a {
    color: #fff;
  }
  .auto-theme .m-shortcut .m-shortcut-panel .item a:hover {
    color: #fff;
  }
  .auto-theme .m-shortcut .m-shortcut-panel .item a:hover .icon {
    filter: drop-shadow(0 12px 12px 0 rgba(20, 20, 20, 0.5));
    -webkit-filter: drop-shadow(0 6px 6px rgba(20, 20, 20, 0.5));
    filter: drop-shadow(0 6px 6px 0 rgba(20, 20, 20, 0.5));
    margin-top: -6px;
  }
  .auto-theme .m-shortcut .m-top-menu {
    border-color: rgba(135, 135, 135, 0.3);
  }
  .auto-theme .m-shortcut .m-top-menu a {
    background: rgba(0, 0, 0, 0);
    border-color: rgba(135, 135, 135, 0.3);
    color: #fff;
  }
  .auto-theme .m-shortcut .m-top-menu a:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.2);
  }
  .auto-theme .m-shortcut .m-top-menu a.active {
    background: rgba(0, 0, 0, 0.1);
  }
  .auto-theme .m-shortcut-panel .item a img,
  .auto-theme .m-shortcut-panel .item a .icon {
    opacity: 0.5;
  }
  .auto-theme .m-shortcut-panel .item a img:hover,
  .auto-theme .m-shortcut-panel .item a .icon:hover {
    opacity: 1;
  }
  .auto-theme .m-background .m-background-mask {
    background: linear-gradient(
      to top,
      black,
      rgba(0, 0, 0, 0.6),
      rgba(0, 0, 0, 0)
    );
  }
  .auto-theme .m-navi .sub-grid2:hover {
    background: hsla(0, 0%, 100%, 0.15);
  }
  .auto-theme .m-inner2 {
    background-color: rgba(0, 0, 0, 0);
  }
  .auto-theme .m-inner2 .m-title .t {
    color: #eee;
  }
  .auto-theme .m-footer .sp,
  .auto-theme .m-footer .infor a,
  .auto-theme .m-footer .infor li {
    color: #bbb;
  }
  .auto-theme .m-jumppod,
  .auto-theme .m-jumppod li {
    border-color: rgba(135, 135, 135, 0.3);
  }
  .auto-theme .m-jumppod li {
    background-color: rgba(52, 53, 54, 0.33);
    color: #ddd;
  }
}
body.theme-dark {
  background: #000;
}
body.theme-dark a {
  color: #eee;
}
body.theme-dark a:hover {
  color: red;
}
body.theme-dark .m-background {
  opacity: 0.7;
}
body.theme-dark .m-shortcut-bg {
  background-color: #1e1e1e;
  opacity: 0.3;
}
body.theme-dark .fixed .m-toolbar .tab li {
  color: #ddd;
}
body.theme-dark .fixed .m-toolbar .tab li.active {
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
}
body.theme-dark #m_floatbar.fixed .ipt-wr {
  border-color: rgba(135, 135, 135, 0.3);
}
body.theme-dark #m_floatbar.fixed .btn-wr {
  border-color: rgba(135, 135, 135, 0.3);
}
body.theme-dark #m_floatbar.fixed {
  border-color: rgba(135, 135, 135, 0.3);
}
body.theme-dark #m_floatbar .ipt-wr {
  border-color: rgba(135, 135, 135, 0.5);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: rgba(50, 50, 50, 0.3);
}
body.theme-dark #m_floatbar .ipt-wr input {
  background: rgba(0, 0, 0, 0);
}
body.theme-dark #m_floatbar .btn-wr {
  color: #fff;
  border-color: rgba(135, 135, 135, 0.5);
  background-color: #666;
  background-image: -moz-linear-gradient(top, #666, black);
  background-image: -webkit-linear-gradient(top, #666, black);
}
body.theme-dark #m_floatbar .btn-wr input {
  color: #ddd;
}
body.theme-dark .m-shortcut {
  border-color: rgba(135, 135, 135, 0.3);
}
body.theme-dark .m-shortcut .m-shortcut-bg {
  background-color: #1e1e1e;
  opacity: 0.3;
}
body.theme-dark .m-shortcut .m-shortcut-panel {
  border-bottom-color: rgba(135, 135, 135, 0.3);
}
body.theme-dark .m-shortcut .m-shortcut-panel .item a {
  color: #fff;
}
body.theme-dark .m-shortcut .m-shortcut-panel .item a:hover {
  color: #fff;
}
body.theme-dark .m-shortcut .m-shortcut-panel .item a:hover .icon {
  filter: drop-shadow(0 12px 12px 0 rgba(20, 20, 20, 0.5));
  -webkit-filter: drop-shadow(0 6px 6px rgba(20, 20, 20, 0.5));
  filter: drop-shadow(0 6px 6px 0 rgba(20, 20, 20, 0.5));
  margin-top: -6px;
}
body.theme-dark .m-shortcut .m-top-menu {
  border-color: rgba(135, 135, 135, 0.3);
}
body.theme-dark .m-shortcut .m-top-menu a {
  background: rgba(0, 0, 0, 0);
  border-color: rgba(135, 135, 135, 0.3);
  color: #fff;
}
body.theme-dark .m-shortcut .m-top-menu a:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
}
body.theme-dark .m-shortcut .m-top-menu a.active {
  background: rgba(0, 0, 0, 0.1);
}
body.theme-dark .m-shortcut-panel .item a img,
body.theme-dark .m-shortcut-panel .item a .icon {
  opacity: 0.5;
}
body.theme-dark .m-shortcut-panel .item a img:hover,
body.theme-dark .m-shortcut-panel .item a .icon:hover {
  opacity: 1;
}
body.theme-dark .m-background .m-background-mask {
  background: linear-gradient(
    to top,
    black,
    rgba(0, 0, 0, 0.6),
    rgba(0, 0, 0, 0)
  );
}
body.theme-dark .m-navi .sub-grid2:hover {
  background: hsla(0, 0%, 100%, 0.15);
}
body.theme-dark .m-inner2 {
  background-color: rgba(0, 0, 0, 0);
}
body.theme-dark .m-inner2 .m-title .t {
  color: #eee;
}
body.theme-dark .m-footer .sp,
body.theme-dark .m-footer .infor a,
body.theme-dark .m-footer .infor li {
  color: #bbb;
}
body.theme-dark .m-jumppod,
body.theme-dark .m-jumppod li {
  border-color: rgba(135, 135, 135, 0.3);
}
body.theme-dark .m-jumppod li {
  background-color: rgba(52, 53, 54, 0.33);
  color: #ddd;
}
.app-notifier {
  max-width: 600px;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
  bottom: 10%;
  left: 50%;
  display: none;
  position: fixed;
  transform: translateX(-50%);
  z-index: 999;
}
.app-notifier .notifier-body {
  border-radius: 50px;
  position: relative;
  width: 100%;
  padding: 15px 0;
  border: 1px solid #eaeaea;
  box-shadow: 0 2px 8px 0 rgba(100, 100, 100, 0.2);
}
.app-notifier .notifier-body .btn {
  border-radius: 20px;
  padding: 4px 16px;
  display: block;
  float: left;
  transition: 0.15s margin, 0.15s box-shadow;
  font-size: 13px;
  border: 1px solid rgba(0, 0, 0, 0);
}
.app-notifier .notifier-body .btn:hover {
  box-shadow: 0 3px 3px 0 rgba(100, 100, 100, 0.1);
  text-decoration: none;
  margin-top: -3px;
}
.app-notifier .notifier-body .btn:active {
  margin-top: 0;
}
.app-notifier .notifier-body .btn.ok {
  background: #2bc54d;
  margin-right: 10px;
  color: #fff;
  font-weight: bold;
}
.app-notifier .notifier-body .btn.cancel:hover {
  color: #222;
}
.app-notifier .notifier-body .btn.cancel {
  border: 1px solid #dadada;
  background: #fafafa;
}
.app-notifier .notifier-body .btn-group {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.app-notifier .notifier-body .bg {
  border-radius: 50px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
}
.app-notifier .notifier-body .notifier-content {
  color: #707581;
  padding: 0 210px 0 20px;
  position: relative;
}
.sync-loader {
  z-index: 999;
  position: fixed;
  right: 0;
  top: 0;
  line-height: 32px;
  height: 32px;
  padding-right: 37px;
  display: none;
}
.sync-loader .sync-loader-indicator {
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  height: 32px;
  background: url(/static/img/loader.gif) center no-repeat/cover;
}
.sync-loader .sync-loader-text {
  color: gray;
}
.home-overview {
  position: relative;
}
.home-overview .button {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 4px;
  font-size: 13px;
  transition: 0.3s;
  border: 1px solid #ddd;
  color: #666;
}
.home-overview .button.primary {
  border-color: rgba(0, 0, 0, 0);
  color: #fff;
  background-color: #2bc54d;
}
.home-overview .button:hover {
  text-decoration: none;
  opacity: 0.8;
}
.home-overview .export-list-modal {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.home-overview .export-list-modal .form {
  position: absolute;
  background: #fff;
  left: 50%;
  top: 50%;
  width: 600px;
  height: 500px;
  padding: 15px;
  box-sizing: content-box;
  border-radius: 6px;
  margin-left: -300px;
  margin-top: -250px;
  text-align: center;
}
.home-overview .export-list-modal .form textarea {
  width: 100%;
  display: block;
  height: 440px;
}
.home-overview .export-list-modal {
  background: rgba(0, 0, 0, 0.25);
}
.home-overview .left-navi {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.home-overview .left-navi .navi-footer {
  padding: 10px 21px;
}
.home-overview .left-navi .navi-footer a {
  font-size: 12px;
  color: #aaa;
  display: block;
  float: left;
  margin-right: 10px;
}
.home-overview .left-navi .left-ads {
  width: 300px;
  height: 250px;
  margin-top: 10px;
  display: block;
}
.home-overview .left-navi .navi-ads {
  position: absolute;
  bottom: -60px;
  left: 50%;
  margin-left: -110px;
  width: 220px;
  height: 55px;
  display: block;
  opacity: 0.7;
  transition: opacity 0.15s;
}
.home-overview .left-navi .navi-ads:hover {
  opacity: 1;
}
.home-overview .left-navi .navi-ads img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.home-overview .left-navi .navi-list {
  position: relative;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  width: 280px;
  min-height: 370px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background-color: rgba(252, 253, 254, 0.75);
  list-style: none;
  margin: 0;
  display: block;
  color: #777;
  padding: 10px;
}
.home-overview .left-navi .indicator {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 10px;
  width: 289px;
  height: 40px;
  background: hsla(0, 0%, 100%, 0.8);
  border: 1px solid #e5e5e5;
  border-right-color: #fff;
  transition: 0.3s;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.home-overview .left-navi .link + .link::before {
  content: "/";
  color: #777;
  margin: 0 4px;
}
.home-overview .left-navi .item {
  position: relative;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  transition: 0.3s;
  width: 261px;
  border: 1px solid rgba(0, 0, 0, 0);
}
.home-overview .left-navi .item > * {
  display: block;
  float: left;
}
.home-overview .left-navi .item .icon.pin,
.home-overview .left-navi .item .icon.pinned {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -8px;
  transition: all 0.3s;
}
.home-overview .left-navi .item .icon.pinned {
  right: 26px;
  opacity: 1;
}
.home-overview .left-navi .item.selected .pin {
  right: 26px;
  opacity: 1;
}
.home-overview .left-navi .item.selected a {
  color: #333;
}
.home-overview .left-navi .item a {
  color: #999;
  transition: 0.3s;
}
.home-overview .left-navi .item a:hover {
  color: red;
  text-decoration: none;
}
.home-overview .site-section + .site-section .section-header {
  margin-top: 15px;
}
.home-overview .site-list {
  background-color: hsla(0, 0%, 100%, 0.9);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  margin-left: 300px;
  border: 1px solid #e5e5e5;
  min-height: 370px;
  height: auto;
  border-radius: 3px;
  border-top-left-radius: 0;
  padding: 1px 29px;
  padding-right: 17px;
  transition: height 0.3s;
  padding-bottom: 20px;
  box-sizing: border-box;
}
.home-overview .site-list .section-list {
  margin-top: 8px;
}
.home-overview .site-list .section-list.bookmark-list .section-item .link {
  padding-right: 20px;
}
.home-overview .site-list .description {
  color: #aaa;
  margin-top: 20px;
  font-size: 13px;
  display: inline-block;
  padding: 3px 6px;
  border-radius: 3px;
  background: #f9f8f7;
}
.home-overview .site-list .section-header {
  margin-top: 12px;
  margin-bottom: -5px;
}
.home-overview .site-list .section-header .info {
  margin-top: 5px;
  color: #666;
  line-height: 180%;
}
.home-overview .site-list .section-header h1 > small {
  color: #aaa;
  margin-left: 10px;
}
.home-overview .site-list .section-header .section-title {
  height: 32px;
  line-height: 32px;
  color: #333;
  font-size: 15px;
  font-weight: bold;
}
.home-overview .site-list .section-icon {
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 1px;
  overflow: hidden;
}
.home-overview .site-list .section-icon img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.home-overview .site-list .section-item {
  margin: 10px 0;
  padding-left: 26px;
  position: relative;
  width: 142px;
  box-sizing: border-box;
  display: block;
  float: left;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0);
}
.home-overview .site-list .section-item.selected {
  background: #eaeaea;
}
.home-overview .site-list .section-item .link {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-overview .site-list .section-item .icon {
  transition: 0.3s;
  position: absolute;
  right: 6px;
  top: 50%;
  margin-top: -8px;
}
.home-overview .site-list .section-item .about {
  margin-top: 5px;
  display: block;
  font-size: 12px;
  line-height: 150%;
  color: #aaa;
  min-height: 20px;
  max-height: 52px;
  padding-right: 10px;
}
.home-overview .icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  background: center/cover no-repeat;
  overflow: hidden;
  text-indent: -9999px;
}
.home-overview .icon.checkmark {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAIXSURBVEhL7ZbNTttAFIUj0TcofYtS2EHFK7BgSYkEL8BPwxqxBsE7kLBk01VBiSCRIHjGKeoL8CvhMVkQqS9QTecM17GTXP+mEhuOdKRofH0+jz0zuaV3JamlWx9cz/3qKLcsfVmB8RtjuEZl/08meEYotyZ9t2esY9wTSlblk5ym24rrWl1PGuCRCfzLgFijFg9gHvYjxeRT57nz2UDvufAsNvA7ZFBcNjldZ8rc+IcLzGNkIItik3Xh//6Ep+WCClnJW2RSfLzwTdmAMYyFSfG8sCLNbDMvJM6XXltvt3d0/aHRH0OmeBJfCDMq2jIDQXkM6Eazohd+LOryyapuPJ6F15U8JMygcACYgqR9mugoFF5vfrdjkZresT6eIFwoR/2ajxTlctu7SoNa44QjXChXucvDhVmcFQoLTywRLpTw3S2uuO05drGc3teZa0PQ80osFAaDcKE4sKOE3mxt2dDlnysD8LxQmAXHverdzn4/PICPQuNfb9Tsq05aXMPwteZmbigsnsUs4UKlbacovBDUly/sdoLMCVPlbgq81znoQzHrrFDruAMEwrGWdmQCnheaemRCabOGrzzBjsc6abaB8Bdmim9Gbi7uG3QyFJ+sN2kEAr22PmM0BKYByN36BKJmr4bFwYYztrXmmxZu9qKiBqGKvcjBYFyzNWmrt4hwAMiunDMz+hY09Pa3GYs9HN5lVSr9A6yQ30o0xP6BAAAAAElFTkSuQmCC);
}
.home-overview .icon.add {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAANlSURBVEhL7ZVdSBRRFMeXogchiOhjP7QvBNHCQkSth7Dd2WaSIHwwIojooaCoBD/2I3soC7GIrIRCM3e3XLME8yEFs3oKLMh0Z7bQSK0sl8QM2Y9K0p3OvXtmd9xdInOiHvzBQTz3nvO/59x7ZlXz/Pfoit2rtCa+BmxQaxZGtSbhMVg+Lv8d1CWuHI1ZGANBMdo0JuE8blOWlWY+HSqbiAjxnfC/A/5+iRzAxeF2hTglLgABVyg5HwQ7hCsqtaV3bfhAJr4F3cqgsbqzIlUJZ9EdRmPmW8kaHK4PXcqgM7n3SMI518ct+sbAqN4ZqMBlFdxvD64/Q5cy6Ew8QxKnVg6J+kb/tKExIIIwT9agyiLpUHAF5TRAKZKKuhLSKoe8eqdfJKLbGnzfN14aKaRjRe8c2mwWPq62CksxZPZoSl6tgTurh6QeSPYVHk53RrWnDkRppSAqJpe/wQpDRkYs0eLehClmj9rcmw2t+yxPStuLleqdvm/JZwZmzDEc8gHM9zpMMXui5xRa2J5+cbhT1l4x/cKH06rdzQu1ViFTbXEZkop6EzH8zyEtRcEgtPkgc9ufAaJTVPSWN0jaCy19hNvD5DbnLtY7uL0GO1cFds3g4Mr09ezvtV1T8nJ9uHX46WMaAln0BTv9vpSKwY7QGv+eBiBEkLGzY4yDE2PMzt5jbjLLcGt81GZhpySsKxW2oFtlbPKmbW3wa+Eeu1DYhUsqxsEeYexcUBLa13KAWn5TgewAbL+x1rgEQ2Ihj0oS1pYKx9FNkc8ptPoc8bF2NhVEf0QEOFGiSbgjE+ZEaL+DJooLeTAm4W2oKiEAd1wGH41ddKwiczqiLe5eTrbDPV6XJycmESPsYKeNN4w6qhMPEMkDgSmpOrlFzym08B1Jan14Umx73U5NYmB8IOyLHIDdj6HxIZ9GEOkPi5r4aaj4fvScGuzsJElY98KGcvGRhKFqC4b+Gp3VlUJ/9E/0rEDXDCDZJ5Lw8tNq0eP1UJPwTfrCvrCwnTuMoXMDkrVKSSWTiL5jara8dAydGwYbuz06uUTsq2afYJgywIOxywWquq5QO9pWGBF1cBPwkdmAIcqQWZu5CKq5Kv+IyA1EhxnbjizcrjzwYrPh81gDD+g5iPXBYTrAd2zz3YIE3DLPv0Cl+gmoTuMSzo5//QAAAABJRU5ErkJggg==);
}
.home-overview .icon.pin {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAADdgAAA3YBfdWCzAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAASfSURBVGiB7VhNaFxVFP7OSzNJmbhIXLgoCN0IglBF8WchuqkuhPQnpE3ThNQ6ufcOAX9ipRspSBfiD6PQJPPunTRKEo2Z2IBgG2y3ChYqWsnGjaAgcVGcbEKc5GWOC2d03vO9yXtvJmMX8+3eOfee8513zr3nvAe00EILTYdt24caZctqlKGw0FpniOh7rXW6EfaaGoDW+n0ArwEgAJONCILqZhUS2Wz2IcuyfgDQViXeIaIRIcQnce02LQPpdHqViE4C2K4StzHzXD2ZaGoJCSGuMPPbHjEBuGSMOR3HZlMDsG37JSI676OKnYmmnIF8Pp8oFAqXAIhdljKAMSllNqztPc/AxMTEvevr61/Cn/x1/E26gsjltKcBaK2faG9vv83Mhz2qDWYekFI+T0SDAJwqXaRy2rMSMsacZeYpAB0e1c+WZR0bHR39sWrtADPPAdhXtS5UOTU8AK11O4AJ+JQMEd2wLGsglUr94dXZtn2SiOYRMYhYJRQ0y0xPT/cA8K13Zp5i5hf8yAOAUmqRmZc94l3PROQMaK0zAF4FkJZS6oo8m80+blnWMoADni0bRJQSQnxWy64xpo+ZlwI4BWYiUgDGmAvM/Fb50SGi00KIvDHmBDPPAEh6tvwGoE9KebOW3Vwud7BUKt0C0FNj2U6pVHo4nU6vxgogYJZxmHmZiPp9bH3tOE7/2NjY77XsZjKZ/clk8hsAj1SJtwG8C+A8/j0TF6SUF737Q5+BgFlmHxGd8JInone6u7uf3Y08ACSTyRkPeQB4RUr5JoD+sr9zfuThdRwGtm0PEdHHcGeigiIzjymlLoexVb7rp1yEiBaEEINV/g4ppW4H2Yh8Cyml5pn5DIAdH/W3PT09c2Hs5HK5JwF86BGvdnZ2jnr8BZIH6ugD5VtjAUC7R3V9Y2Pj6Pj4+GbQ3mw2e8CyrO8A3FclvtPW1vZYKpX6JQqP2KOEEOIKEZ2C+0wAwHNdXV1fZDKZ/X778vl8wrKsJbjJ7zDzYFTyQJ2zUFAQzHw4mUyuzM7Oeq9VFAqF9wA85RFfVErdiMOh7mGuRiae2dzcvDY5OdlVEWitRwC87Fl3dW1tzfeGCYOGzELGmN5yF034qFcSicRxx3EOlkqlmwDuqdL9CuBRKeWduL7rDsC27SNElIc/eQAAM39FRPcDeLBK/CczP62UulWP/7oC0FofBbAIN3mnbNevT1RjVEo5XY9/oI4zYNv2EIDP4SZfJKJen47tAjNPNYI8EH+cPk5EM/DMRQCGhRAr5b8PZ+Hf7H7q6Oh4PY5fP0QOwBgzXK756gZWJKJeKeVSRaCUmg/IxANbW1svxqP7X0Qdp4eZ+SO433yRiI4JIVYC9vh17Mh/H4IQOgCtdT+AT+H+5Pvnm6DW3oAB0He+j4pQJVRuQAtwky8y85HdyAOB5fRGveSBEAGUyXsPbJGZjyulroV15OnY56SUH0Rm64OaJRTwp8Bh5iGl1GIch7vN91ERGIAx5gwzX4Y7S5Hf/F4jsISYedqjd5h55G4iD7hLwwtXzQPoU0pd3WM+kVErgAq2ieiUEOKuI99CCy208P/jL0Ek7DvEBxcgAAAAAElFTkSuQmCC);
}
.home-overview .icon.pinned {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAADdgAAA3YBfdWCzAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAANnSURBVGiB7Vg9bxNBEH1jO05BR4VET4UEFTSp6fiMEgRJFByS3bUoEAJEg1BQCiSEoADj25X5kAhEOCQVgYKKH4D4EA0lNGmQ0iEcxx4KHHFn7uzdu7Oh8Ou8t7Pz3s7c7vMBAwwwQN/hed6+tNbKpLWQLbTWt4novda6mMZ6fRWgtb4F4AIAAlBKQwQlZmWJcrm8N5PJfACQ9Q03iGhaCPE07rp9q0CxWPxMRCcB1H3DWWZ+kqQSfW0hIcQKM99oGyYAd40xE3HW7KsAz/POEtGVkEexK9GXd6BareY3NjbuAhBdpjKAc1LKsu3aPRdQKpV25XK5ZQAjliFOInoqQGt9EMAKgN2OodYievYOGGNmALyFO3nA4Z5IvQJa6yEA99C9323QtRKxKhDlZSqVyk4AL5EOecDiiHUW4PMy0j9eLpcPNBqNTwAOufPsiI5HrFMLGWOuMfP11s8tIpoQQlSNMePM/BDAjqRsO6DRbDb3F4vFz/5BawERXmaLmVeJaMxlLQvUAdwEcAVArjV2TUq50D7RuoUivEyOiMaR/mFwXkp5FcBYK9+lMPKIk9jzvEkieoxgJVIDES0JIU778u1TSn2MnB8niTFmlJmXAAzFie+Ad/l8fqRQKPy0DYh1jAohVojoFILtlBTfs9nsqAt5IMFNnLKIBjOfnp2d/eoamMhKpChiQSn1Jk5gYi+Ugoi19fX10BPGBmmZuTp++xZXfANwZn5+vhk3cWIBxpgJZl4FkHcM/ZHJZA5LKb8nyZ9IgNb6WMtCBG5nAA2L8PNzc3OfkuQHEgjwPG8SwAsEd75GREdCbuwAmPm+lLISN7cfce30CSIK2/kpIcTr1teHGYRX4svw8PDFOHnD4CzAGDNFRFUEb+EaER2RUi5vDyilFiMqsWdzc7MQj+7fcLXTU8z8CMGdrxHRcSHE64iYMNvh/PUhCtYCtNZjAJ7hj70FfP8JOsVGGMBQf+8KqxbSWk8DWEKQfI2Zj3YjD0S20+Wk5AELAS3y7S9sjZlPKKVe2SZqu7EvSSnvOLMNQccW8jzvJBEtoq1tmHlSKfU8TsJu/t4VkQKMMWeY+QGCVXLe+V4jsoWYudL2fIuZp/8n8kCwNdoR6HkAo0qptR7zcUYnAduoE9EpIcR/R36AAQYY4N/jFy+FZew9MbwGAAAAAElFTkSuQmCC);
}
.home-overview .icon.location {
  margin-right: 5px;
  background-image: url(data:image/png;base64,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);
}
.home-overview .icon.delete {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADbSURBVEhL7ZZBDoMgEEVd9TDdwwXoFbxLvZTGhV5M99bRmQQMlRkKdMNLJibgnwdqIk2lUpytfT7Wl3rDFYfYRGchsBg9r0Zvi1GDpMGZVQNmJ5EcVgtBKq7cllrV4XSYs4Hu7QYhuU/KXbCDRJ5MSnDkyaXEXeNsUuKLYIS6jKWTEj65XVmkBMqdXaJ0zCYF/iJGadlH7ZPCLqEuY9m/6ENwN4fxODiN/ffoPlrOkRLJ5BIpkUS+hzq3Ae+9+eTwi8XpMNhgkkgJW77veJZkDyBQ/OhTqfxO03wAIZ3W/g0zNngAAAAASUVORK5CYII=);
}
.home-overview .add-site {
  margin-top: 20px;
}
.home-overview .add-site input {
  padding: 0 10px;
  border: 1px solid #ddd;
  border-radius: 3px;
  line-height: 26px;
  height: 26px;
}
.home-overview .add-site .button {
  padding: 0 10px;
  height: 26px;
  line-height: 26px;
}
@media (prefers-color-scheme: dark) {
  .auto-theme .home-overview .site-list {
    border-color: rgba(135, 135, 135, 0.3);
    background-color: rgba(0, 0, 0, 0.35);
  }
  .auto-theme .home-overview .site-list .section-title {
    color: #ddd;
  }
  .auto-theme .home-overview .site-list .section-icon {
    opacity: 0.5;
  }
  .auto-theme .home-overview .site-list .section-header .info {
    color: #ccc;
  }
  .auto-theme .home-overview .button {
    border-color: rgba(135, 135, 135, 0.3);
    color: #ddd;
  }
  .auto-theme .home-overview .item.selected a {
    color: #eee;
  }
  .auto-theme .home-overview .left-navi .navi-list {
    background-color: rgba(52, 53, 54, 0.33);
  }
  .auto-theme .home-overview .indicator {
    border-color: rgba(135, 135, 135, 0.3);
    border-right-color: rgba(135, 135, 135, 0.1);
    background-color: rgba(0, 0, 0, 0.35);
  }
}
body.theme-dark .home-overview .site-list {
  border-color: rgba(135, 135, 135, 0.3);
  background-color: rgba(0, 0, 0, 0.35);
}
body.theme-dark .home-overview .site-list .section-title {
  color: #ddd;
}
body.theme-dark .home-overview .site-list .section-icon {
  opacity: 0.5;
}
body.theme-dark .home-overview .site-list .section-header .info {
  color: #ccc;
}
body.theme-dark .home-overview .button {
  border-color: rgba(135, 135, 135, 0.3);
  color: #ddd;
}
body.theme-dark .home-overview .item.selected a {
  color: #eee;
}
body.theme-dark .home-overview .left-navi .navi-list {
  background-color: rgba(52, 53, 54, 0.33);
}
body.theme-dark .home-overview .indicator {
  border-color: rgba(135, 135, 135, 0.3);
  border-right-color: rgba(135, 135, 135, 0.1);
  background-color: rgba(0, 0, 0, 0.35);
}
.settings {
  position: relative;
  padding: 10px 5px;
}
.settings a:hover {
  text-decoration: none;
}
.settings .settings-title {
  margin-bottom: 10px;
}
.settings .subtitle {
  margin-bottom: 10px;
  color: #999;
  font-size: 12px;
}
.settings .subtitle a {
  color: #999;
  text-decoration: underline;
}
.settings input[type="text"] {
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  height: 20px;
  line-height: 20px;
  padding: 0 5px;
  margin-right: 10px;
  display: block;
  float: left;
  width: 150px;
}
.settings .button {
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  background: #fff;
  cursor: pointer;
  overflow: hidden;
  display: block;
  float: left;
  padding: 0 10px;
  height: 20px;
  text-align: center;
  font-size: 13px;
  line-height: 20px;
}
.settings .button.primary {
  background: #2bc54d;
  color: #fff;
  border-color: #26ab43;
}
.settings .button.primary:hover {
  color: #fff;
  background: #25a942;
}
.settings .button + .button {
  margin-left: 10px;
}
.settings .button:hover {
  color: #333;
  text-decoration: none;
  background: #eaeaea;
}
.settings .row {
  margin-top: 10px;
}
.settings .title {
  position: relative;
}
.settings .icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  background: center/cover no-repeat;
}
.settings .icon.checkmark {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAIXSURBVEhL7ZbNTttAFIUj0TcofYtS2EHFK7BgSYkEL8BPwxqxBsE7kLBk01VBiSCRIHjGKeoL8CvhMVkQqS9QTecM17GTXP+mEhuOdKRofH0+jz0zuaV3JamlWx9cz/3qKLcsfVmB8RtjuEZl/08meEYotyZ9t2esY9wTSlblk5ym24rrWl1PGuCRCfzLgFijFg9gHvYjxeRT57nz2UDvufAsNvA7ZFBcNjldZ8rc+IcLzGNkIItik3Xh//6Ep+WCClnJW2RSfLzwTdmAMYyFSfG8sCLNbDMvJM6XXltvt3d0/aHRH0OmeBJfCDMq2jIDQXkM6Eazohd+LOryyapuPJ6F15U8JMygcACYgqR9mugoFF5vfrdjkZresT6eIFwoR/2ajxTlctu7SoNa44QjXChXucvDhVmcFQoLTywRLpTw3S2uuO05drGc3teZa0PQ80osFAaDcKE4sKOE3mxt2dDlnysD8LxQmAXHverdzn4/PICPQuNfb9Tsq05aXMPwteZmbigsnsUs4UKlbacovBDUly/sdoLMCVPlbgq81znoQzHrrFDruAMEwrGWdmQCnheaemRCabOGrzzBjsc6abaB8Bdmim9Gbi7uG3QyFJ+sN2kEAr22PmM0BKYByN36BKJmr4bFwYYztrXmmxZu9qKiBqGKvcjBYFyzNWmrt4hwAMiunDMz+hY09Pa3GYs9HN5lVSr9A6yQ30o0xP6BAAAAAElFTkSuQmCC);
}
.settings .icon.add {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAANlSURBVEhL7ZVdSBRRFMeXogchiOhjP7QvBNHCQkSth7Dd2WaSIHwwIojooaCoBD/2I3soC7GIrIRCM3e3XLME8yEFs3oKLMh0Z7bQSK0sl8QM2Y9K0p3OvXtmd9xdInOiHvzBQTz3nvO/59x7ZlXz/Pfoit2rtCa+BmxQaxZGtSbhMVg+Lv8d1CWuHI1ZGANBMdo0JuE8blOWlWY+HSqbiAjxnfC/A/5+iRzAxeF2hTglLgABVyg5HwQ7hCsqtaV3bfhAJr4F3cqgsbqzIlUJZ9EdRmPmW8kaHK4PXcqgM7n3SMI518ct+sbAqN4ZqMBlFdxvD64/Q5cy6Ew8QxKnVg6J+kb/tKExIIIwT9agyiLpUHAF5TRAKZKKuhLSKoe8eqdfJKLbGnzfN14aKaRjRe8c2mwWPq62CksxZPZoSl6tgTurh6QeSPYVHk53RrWnDkRppSAqJpe/wQpDRkYs0eLehClmj9rcmw2t+yxPStuLleqdvm/JZwZmzDEc8gHM9zpMMXui5xRa2J5+cbhT1l4x/cKH06rdzQu1ViFTbXEZkop6EzH8zyEtRcEgtPkgc9ufAaJTVPSWN0jaCy19hNvD5DbnLtY7uL0GO1cFds3g4Mr09ezvtV1T8nJ9uHX46WMaAln0BTv9vpSKwY7QGv+eBiBEkLGzY4yDE2PMzt5jbjLLcGt81GZhpySsKxW2oFtlbPKmbW3wa+Eeu1DYhUsqxsEeYexcUBLa13KAWn5TgewAbL+x1rgEQ2Ihj0oS1pYKx9FNkc8ptPoc8bF2NhVEf0QEOFGiSbgjE+ZEaL+DJooLeTAm4W2oKiEAd1wGH41ddKwiczqiLe5eTrbDPV6XJycmESPsYKeNN4w6qhMPEMkDgSmpOrlFzym08B1Jan14Umx73U5NYmB8IOyLHIDdj6HxIZ9GEOkPi5r4aaj4fvScGuzsJElY98KGcvGRhKFqC4b+Gp3VlUJ/9E/0rEDXDCDZJ5Lw8tNq0eP1UJPwTfrCvrCwnTuMoXMDkrVKSSWTiL5jara8dAydGwYbuz06uUTsq2afYJgywIOxywWquq5QO9pWGBF1cBPwkdmAIcqQWZu5CKq5Kv+IyA1EhxnbjizcrjzwYrPh81gDD+g5iPXBYTrAd2zz3YIE3DLPv0Cl+gmoTuMSzo5//QAAAABJRU5ErkJggg==);
}
.settings .icon.delete {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADbSURBVEhL7ZZBDoMgEEVd9TDdwwXoFbxLvZTGhV5M99bRmQQMlRkKdMNLJibgnwdqIk2lUpytfT7Wl3rDFYfYRGchsBg9r0Zvi1GDpMGZVQNmJ5EcVgtBKq7cllrV4XSYs4Hu7QYhuU/KXbCDRJ5MSnDkyaXEXeNsUuKLYIS6jKWTEj65XVmkBMqdXaJ0zCYF/iJGadlH7ZPCLqEuY9m/6ENwN4fxODiN/ffoPlrOkRLJ5BIpkUS+hzq3Ae+9+eTwi8XpMNhgkkgJW77veJZkDyBQ/OhTqfxO03wAIZ3W/g0zNngAAAAASUVORK5CYII=);
}
.settings section {
  margin-top: 20px;
  position: relative;
}
.settings .controls {
  float: right;
}
.settings .btn-group {
  margin-bottom: 10px;
}
@media (prefers-color-scheme: dark) {
  .auto-theme .settings .button.primary {
    background: #2bc54d;
  }
  .auto-theme .settings .button {
    background: rgba(0, 0, 0, 0);
  }
  .auto-theme .settings .settings-title,
  .auto-theme .settings label {
    color: #ddd;
  }
}
body.theme-dark .settings .button.primary {
  background: #2bc54d;
}
body.theme-dark .settings .button {
  background: rgba(0, 0, 0, 0);
}
body.theme-dark .settings .settings-title,
body.theme-dark .settings label {
  color: #ddd;
}

/* 右下角小卡片 */

/* 毛玻璃卡片（亮色） */
#beta-tip {
  position: fixed;
  left: 50%;
  margin-left: -660px;
  bottom: 16px;
  z-index: 9999;

  display: flex;
  align-items: flex-start;
  gap: 10px;

  max-width: 320px;
  padding: 10px 12px;

  /* 玻璃背景：半透明 + blur + 轻饱和 */
  background: radial-gradient(
    circle at top left,
    rgba(255, 255, 255, 0.95),
    rgba(255, 255, 255, 0.78)
  );
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18),
    0 0 0 1px rgba(15, 23, 42, 0.03);

  backdrop-filter: blur(14px) saturate(1.4);

  font-size: 13px;
  color: #111827;

  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity 0.25s ease, transform 0.25s ease;
}

#beta-tip.show {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

#beta-tip.hidden {
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
}

/* 深色模式的毛玻璃版本 */
body.dark #beta-tip,
[data-theme="dark"] #beta-tip {
  /* background: radial-gradient(circle at top left,
    rgba(30, 41, 59, 0.92),
    rgba(15, 23, 42, 0.9)
  ); */
  background: rgba(30, 30, 30, 0.5);
  border-color: rgba(148, 163, 184, 0.5);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(15, 23, 42, 0.7);
  color: #e5e7eb;
}

/* 贴纸区：预留小图位置 */
.beta-tip-sticker {
  flex: 0 0 48px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.beta-tip-sticker img {
  max-width: 72px;
  max-height: 72px;
  display: block;
}

/* 文本与按钮区 */
.beta-tip-body {
  margin-top: 6px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: center;
}

.beta-tip-text {
  margin: 0;
  line-height: 1.4;
}

.beta-tip-actions {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

/* 按钮风格：和新版搜索条同类风格（浅灰小圆角） */
#beta-tip button {
  padding: 3px 8px;
  font-size: 12px;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.14);
  background: #f4f4f4;
  color: #444;
  cursor: pointer;
  outline: none;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.1s ease;
}
#beta-tip button:hover {
  background: #eaeaea;
  border-color: rgba(0, 0, 0, 0.22);
}
#beta-tip button:active {
  transform: translateY(1px);
}

/* 深色模式适配：根据你之前的习惯，两种写法都兼容 */
body.dark #beta-tip,
[data-theme="dark"] #beta-tip {
  background: rgba(18, 18, 18, 0.96);
  color: #f2f2f2;
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.7);
}

body.dark #beta-tip button,
[data-theme="dark"] #beta-tip button {
  background: #252525;
  color: #eee;
  border-color: rgba(255, 255, 255, 0.18);
}
body.dark #beta-tip button:hover,
[data-theme="dark"] #beta-tip button:hover {
  background: #303030;
}

/* 如果你有系统级暗色支持，也可以附带： */
@media (prefers-color-scheme: dark) {
  body:not(.light):not([data-theme="light"]) #beta-tip {
    background: rgba(30, 30, 30, 0.5);
    color: #f2f2f2;
    border-color: rgba(255, 255, 255, 0.08);
  }
}

/* 按钮基础样式：和新版搜索条接近的小 pill 按钮 */
#beta-tip button {
  padding: 3px 10px;
  font-size: 12px;
  border-radius: 999px;

  border: 1px solid rgba(15, 23, 42, 0.16);
  background: rgba(248, 250, 252, 0.95);
  color: #111827;

  cursor: pointer;
  outline: none;
  white-space: nowrap;

  transition: background 0.18s ease, border-color 0.18s ease,
    box-shadow 0.18s ease, transform 0.08s ease;
}

#beta-tip button:hover {
  background: rgba(241, 245, 249, 0.98);
  border-color: rgba(15, 23, 42, 0.28);
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.16);
}

#beta-tip button:active {
  transform: translateY(1px);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

/* 深色模式下按钮适配 */
body.dark #beta-tip button,
[data-theme="dark"] #beta-tip button {
  background: rgba(15, 23, 42, 0.9);
  border-color: rgba(148, 163, 184, 0.6);
  color: #e5e7eb;
}

body.dark #beta-tip button:hover,
[data-theme="dark"] #beta-tip button:hover {
  background: rgba(30, 64, 175, 0.35); /* 轻微蓝调 hover，类似搜索条的高亮感 */
  border-color: rgba(129, 140, 248, 0.9);
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.9);
}

.classic-layout[hidden] {
  display: none !important;
}

.bookmark-list .section-item {
  cursor: grab;
  user-select: none;
}

.bookmark-list .section-item.is-dragging {
  opacity: 0.45;
}

.bookmark-list .section-item.is-drag-over {
  border-color: #25a942;
}

.home-overview .site-list.loading > * {
  visibility: hidden;
}

.classic-tools-empty {
  padding: 35px 20px 45px;
  color: #999;
  text-align: center;
}

.classic-tools {
  overflow: hidden;
}

.classic-tools-tabs,
.classic-title-tabs {
  position: absolute;
  top: 3px;
  left: 50%;
  display: flex;
  overflow: hidden;
  border: 1px solid rgba(170, 170, 170, 0.28);
  border-radius: 14px;
  background: rgba(246, 247, 250, 0.72);
  transform: translateX(-50%);
}

.classic-tools-tab,
.classic-title-tab {
  height: 28px;
  padding: 0 11px;
  border: 0;
  border-right: 1px solid rgba(170, 170, 170, 0.22);
  background: transparent;
  color: #333;
  font: inherit;
  font-size: 12px;
  line-height: 28px;
  white-space: nowrap;
  cursor: pointer;
}

.classic-tools-tab:last-child,
.classic-title-tab:last-child {
  border-right: 0;
}

.classic-tools-tab.active,
.classic-title-tab.active {
  background: rgba(255, 255, 255, 0.95);
  color: #25a942;
  font-weight: 600;
}

.classic-tools-content {
  padding: 0;
  padding-top: 10px;
  border: 0;
  background: transparent;
}

.classic-tools-title {
  overflow: visible;
}

.classic-tools-more {
  float: right;
  font-size: 13px;
  font-weight: normal;
  line-height: 35px;
}

.classic-tools-more a {
  color: #25a942;
}

.classic-tools-panel {
  display: none;
}

.classic-tools-panel.active {
  display: block;
}

.classic-tools-grid {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  align-content: start;
  gap: 12px 8px;
}

.classic-tool-card {
  display: flex;
  min-width: 0;
  height: 94px;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #333;
  transition: 0.2s transform, 0.2s box-shadow, 0.2s border-color;
}

.classic-tool-card:hover {
  border-color: rgba(37, 169, 66, 0.35);
  background: rgba(255, 255, 255, 0.88);
  color: #333;
  text-decoration: none;
  box-shadow: 0 6px 14px rgba(35, 75, 110, 0.12);
  transform: translateY(-3px);
}

.classic-tool-icon {
  display: flex;
  width: 48px;
  height: 48px;
  margin-top: 8px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: linear-gradient(145deg, #6fb6eb, #3b8bc9);
  color: white;
  box-shadow: 0 6px 12px rgba(55, 100, 145, 0.18);
}

.classic-tool-card.tone-1 .classic-tool-icon {
  background: linear-gradient(145deg, #989ce6, #666bc2);
}

.classic-tool-card.tone-2 .classic-tool-icon {
  background: linear-gradient(145deg, #69c9aa, #329878);
}

.classic-tool-card.tone-3 .classic-tool-icon {
  background: linear-gradient(145deg, #efb459, #d1812f);
}

.classic-tool-card.tone-4 .classic-tool-icon {
  background: linear-gradient(145deg, #b67dda, #8650b3);
}

.classic-tool-card.tone-5 .classic-tool-icon {
  background: linear-gradient(145deg, #e48496, #c14f68);
}

.classic-tool-icon svg {
  width: 32px;
  height: 32px;
}

.classic-tool-emoji {
  font-size: 38px;
  line-height: 1;
}

.classic-tool-title {
  display: block;
  width: calc(100% - 8px);
  height: 26px;
  overflow: hidden;
  margin-top: 6px;
  font-size: 13px;
  line-height: 26px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.classic-discovery {
  overflow: hidden;
}

.classic-discovery-title {
  height: 45px;
  overflow: visible;
}

.classic-discovery-title .t {
  height: 45px;
  line-height: 45px;
}

.classic-discovery-tabs {
  top: 8px;
}

.classic-discovery-actions {
  display: flex;
  float: right;
  gap: 16px;
  font-size: 13px;
  font-weight: normal;
  line-height: 45px;
}

.classic-discovery-actions a,
.classic-discovery-empty a {
  color: #25a942;
}

.classic-discovery-panel {
  display: none;
}

.classic-discovery-panel.active {
  display: block;
}

.classic-discovery-fresh,
.classic-discovery-directory {
  min-height: 180px;
}

.classic-discovery-ranking-tabs {
  display: flex;
  height: 32px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  gap: 2px;
  margin: -4px 0 10px;
}

.classic-discovery-ranking-tab {
  height: 28px;
  padding: 0 16px;
  border: 0;
  border-radius: 14px;
  background: transparent;
  color: #888;
  font: inherit;
  font-size: 12px;
  line-height: 28px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, box-shadow 0.2s;
}

.classic-discovery-ranking-tab:hover {
  color: #333;
}

.classic-discovery-ranking-tab.active {
  background: rgba(255, 255, 255, 0.96);
  color: #25a942;
  font-weight: 600;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.classic-discovery-directory > .sub-grid2-wr {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
}

.classic-discovery-layout {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
}

.classic-discovery-navigation {
  display: flex;
  flex-direction: column;
  border-right: 1px solid #e5e5e5;
  background: rgba(248, 249, 248, 0.75);
}

.classic-discovery-nav-list {
  position: relative;
  padding: 10px;
}

.classic-discovery-indicator {
  position: absolute;
  z-index: 0;
  right: -1px;
  left: 10px;
  height: 40px;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  border-right-color: #fff;
  border-radius: 3px 0 0 3px;
  background: rgba(255, 255, 255, 0.9);
  transition: top 0.25s ease;
}

.classic-discovery-nav-item {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  align-items: center;
  padding: 0 15px;
  border: 0;
  outline: 0;
  background: transparent;
  color: #999;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: color 0.2s;
}

.classic-discovery-nav-item.active {
  color: #333;
}

.classic-discovery-nav-item strong {
  overflow: hidden;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.classic-discovery-nav-item b {
  min-width: 22px;
  color: #999;
  font-size: 11px;
  font-weight: 500;
  text-align: right;
}

.classic-discovery-content {
  min-width: 0;
  padding: 14px 16px 18px;
  border-top: 1px solid #e5e5e5;
  background: rgba(255, 255, 255, 0.92);
}

.classic-discovery-list {
  display: grid;
  overflow: hidden;
  border-radius: 8px;
  background: rgba(247, 247, 247, 0.82);
}

.classic-discovery-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  min-width: 0;
  min-height: 88px;
  box-sizing: border-box;
  align-items: center;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(229, 229, 229, 0.7);
  transition: background 0.2s;
}

.classic-discovery-item:last-child {
  border-bottom: 0;
}

.classic-discovery-item:hover,
.classic-discovery-item:focus-within {
  background: rgba(246, 247, 248, 0.92);
}

.classic-discovery-product {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 16px;
  min-width: 0;
  align-items: start;
  color: #333;
}

.classic-discovery-product:hover,
.classic-discovery-product:focus {
  color: #333;
  text-decoration: none;
}

.classic-discovery-product > img {
  width: 62px;
  height: 62px;
  box-sizing: border-box;
  border: 2px solid #e5e5e5;
  border-radius: 10px;
  object-fit: cover;
}

.classic-discovery-copy {
  display: block;
  min-width: 0;
}

.classic-discovery-copy > b,
.classic-discovery-copy > small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.classic-discovery-copy > b {
  font-size: 17px;
  line-height: 1.35;
}

.classic-discovery-copy > small {
  margin-top: 4px;
  color: #888;
  font-size: 13px;
  line-height: 1.45;
}

.classic-discovery-taxonomy {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 6px;
}

.classic-discovery-category,
.classic-discovery-tag {
  display: inline-flex;
  min-height: 20px;
  box-sizing: border-box;
  align-items: center;
  padding: 1px 7px;
  border-radius: 5px;
  font-size: 12px;
  line-height: 1.35;
  white-space: nowrap;
}

.classic-discovery-category {
  background: rgba(37, 169, 66, 0.12);
  color: #25a942;
  font-weight: 600;
}

.classic-discovery-tag {
  background: #f1f1f3;
  color: #777;
  font-weight: 500;
}

.classic-discovery-item-actions {
  display: flex;
  gap: 4px;
  align-items: center;
}

.classic-discovery-action {
  display: inline-flex;
  min-width: 26px;
  height: 26px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  border: 1px solid #ddd;
  border-radius: 6px;
  outline: 0;
  background: #fff;
  color: #888;
  font: inherit;
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s, color 0.2s;
}

.classic-discovery-action svg {
  width: 14px;
  height: 14px;
  flex: none;
}

.classic-discovery-action:hover,
.classic-discovery-action:focus-visible {
  border-color: #25a942;
  color: #25a942;
  text-decoration: none;
}

.classic-discovery-action:focus-visible {
  box-shadow: 0 0 0 2px rgba(37, 169, 66, 0.14);
}

.classic-discovery-like {
  gap: 4px;
  font-size: 10px;
}

.classic-discovery-like.is-liked {
  border-color: rgba(189, 100, 115, 0.35);
  background: rgba(189, 100, 115, 0.08);
  color: #bd6473;
}

.classic-discovery-like:disabled {
  cursor: wait;
  opacity: 0.55;
}

.classic-discovery-empty {
  padding: 28px 10px;
  color: #888;
  font-size: 12px;
  text-align: center;
}

.classic-discovery-more {
  padding: 14px;
  text-align: center;
}

.classic-discovery-more > a {
  display: inline-flex;
  width: 180px;
  height: 36px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  border-radius: 7px;
  background: #fff;
  color: #777;
  font-size: 13px;
  font-weight: 600;
}

.classic-discovery-more > a:hover,
.classic-discovery-more > a:focus {
  border-color: #25a942;
  color: #25a942;
  text-decoration: none;
}

body.theme-dark .classic-tools-tabs,
body.theme-dark .classic-title-tabs {
  border-color: rgba(135, 135, 135, 0.3);
  background: rgba(32, 32, 34, 0.78);
}

body.theme-dark .classic-tools-tab,
body.theme-dark .classic-title-tab {
  border-color: rgba(135, 135, 135, 0.3);
  color: #ccc;
}

body.theme-dark .classic-tools-tab.active,
body.theme-dark .classic-title-tab.active {
  background: rgba(255, 255, 255, 0.1);
  color: #55d878;
}

body.theme-dark .classic-tool-card {
  border-color: transparent;
  background: transparent;
  color: #eee;
}

body.theme-dark .classic-tool-card:hover {
  border-color: rgba(85, 216, 120, 0.35);
  background: rgba(255, 255, 255, 0.1);
  color: #eee;
}

body.theme-dark .classic-discovery-navigation,
body.theme-dark .classic-discovery-indicator,
body.theme-dark .classic-discovery-item,
body.theme-dark .classic-discovery-product > img,
body.theme-dark .classic-discovery-action,
body.theme-dark .classic-discovery-more > a,
body.theme-dark .classic-discovery-content {
  border-color: rgba(135, 135, 135, 0.3);
}

body.theme-dark .classic-discovery-navigation {
  background: rgba(52, 53, 54, 0.33);
}

body.theme-dark .classic-discovery-indicator,
body.theme-dark .classic-discovery-content {
  background: rgba(0, 0, 0, 0.35);
}

body.theme-dark .classic-discovery-list {
  background: rgba(0, 0, 0, 0.18);
}

body.theme-dark .classic-discovery-ranking-tab {
  color: #bbb;
}

body.theme-dark .classic-discovery-ranking-tab:hover {
  color: #eee;
}

body.theme-dark .classic-discovery-ranking-tab.active {
  background: rgba(255, 255, 255, 0.1);
  color: #55d878;
}

body.theme-dark .classic-discovery-nav-item.active,
body.theme-dark .classic-discovery-product,
body.theme-dark .classic-discovery-product:hover,
body.theme-dark .classic-discovery-product:focus {
  color: #eee;
  text-decoration: none;
}

body.theme-dark .classic-discovery-copy > small,
body.theme-dark .classic-discovery-nav-item,
body.theme-dark .classic-discovery-nav-item b,
body.theme-dark .classic-discovery-action,
body.theme-dark .classic-discovery-empty {
  color: #bbb;
}

body.theme-dark .classic-discovery-item:hover,
body.theme-dark .classic-discovery-item:focus-within {
  background: rgba(255, 255, 255, 0.08);
}

body.theme-dark .classic-discovery-tag {
  background: rgba(255, 255, 255, 0.1);
  color: #bbb;
}

body.theme-dark .classic-discovery-action {
  background: rgba(255, 255, 255, 0.06);
}

body.theme-dark .classic-discovery-more > a {
  background: rgba(255, 255, 255, 0.06);
  color: #bbb;
}

body.theme-dark .classic-discovery-action:hover,
body.theme-dark .classic-discovery-action:focus-visible {
  border-color: #55d878;
  color: #55d878;
}

@media (prefers-color-scheme: dark) {
  body.auto-theme .classic-tools-tabs,
  body.auto-theme .classic-title-tabs {
    border-color: rgba(135, 135, 135, 0.3);
    background: rgba(32, 32, 34, 0.78);
  }

  body.auto-theme .classic-tools-tab,
  body.auto-theme .classic-title-tab {
    border-color: rgba(135, 135, 135, 0.3);
    color: #ccc;
  }

  body.auto-theme .classic-tools-tab.active,
  body.auto-theme .classic-title-tab.active {
    background: rgba(255, 255, 255, 0.1);
    color: #55d878;
  }

  body.auto-theme .classic-tool-card {
    border-color: transparent;
    background: transparent;
    color: #eee;
  }

  body.auto-theme .classic-tool-card:hover {
    border-color: rgba(85, 216, 120, 0.35);
    background: rgba(255, 255, 255, 0.1);
    color: #eee;
  }

  body.auto-theme .classic-discovery-navigation,
  body.auto-theme .classic-discovery-indicator,
  body.auto-theme .classic-discovery-item,
  body.auto-theme .classic-discovery-product > img,
  body.auto-theme .classic-discovery-action,
  body.auto-theme .classic-discovery-more > a,
  body.auto-theme .classic-discovery-content {
    border-color: rgba(135, 135, 135, 0.3);
  }

  body.auto-theme .classic-discovery-navigation {
    background: rgba(52, 53, 54, 0.33);
  }

  body.auto-theme .classic-discovery-indicator,
  body.auto-theme .classic-discovery-content {
    background: rgba(0, 0, 0, 0.35);
  }

  body.auto-theme .classic-discovery-list {
    background: rgba(0, 0, 0, 0.18);
  }

  body.auto-theme .classic-discovery-ranking-tab {
    color: #bbb;
  }

  body.auto-theme .classic-discovery-ranking-tab:hover {
    color: #eee;
  }

  body.auto-theme .classic-discovery-ranking-tab.active {
    background: rgba(255, 255, 255, 0.1);
    color: #55d878;
  }

  body.auto-theme .classic-discovery-nav-item.active,
  body.auto-theme .classic-discovery-product,
  body.auto-theme .classic-discovery-product:hover,
  body.auto-theme .classic-discovery-product:focus {
    color: #eee;
    text-decoration: none;
  }

  body.auto-theme .classic-discovery-copy > small,
  body.auto-theme .classic-discovery-nav-item,
  body.auto-theme .classic-discovery-nav-item b,
  body.auto-theme .classic-discovery-action,
  body.auto-theme .classic-discovery-empty {
    color: #bbb;
  }

  body.auto-theme .classic-discovery-item:hover,
  body.auto-theme .classic-discovery-item:focus-within {
    background: rgba(255, 255, 255, 0.08);
  }

  body.auto-theme .classic-discovery-tag {
    background: rgba(255, 255, 255, 0.1);
    color: #bbb;
  }

  body.auto-theme .classic-discovery-action {
    background: rgba(255, 255, 255, 0.06);
  }

  body.auto-theme .classic-discovery-more > a {
    background: rgba(255, 255, 255, 0.06);
    color: #bbb;
  }

  body.auto-theme .classic-discovery-action:hover,
  body.auto-theme .classic-discovery-action:focus-visible {
    border-color: #55d878;
    color: #55d878;
  }
}

.autocomplete-suggestions {
  position: absolute;
  z-index: 9999;
  display: none;
  max-height: 300px;
  box-sizing: content-box;
}

.autocomplete-suggestions.is-visible {
  display: block;
}

#m_bgctrl .upload {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4'/%3E%3Cpolyline points='17 8 12 3 7 8'/%3E%3Cline x1='12' y1='3' x2='12' y2='15'/%3E%3C/svg%3E")
    center no-repeat;
  background-size: 16px 16px;
  opacity: 0.7;
  transition: opacity 0.2s, transform 0.2s;
}

#m_bgctrl .upload:hover {
  opacity: 1;
  transform: scale(1.1);
}

#m_bgctrl.custom-bg-mode .prev,
#m_bgctrl.custom-bg-mode .next,
#m_bgctrl.custom-bg-mode .lock,
#m_bgctrl.custom-bg-mode .info {
  display: none !important;
}

#m_bgctrl.custom-bg-mode .upload {
  margin: 0;
  opacity: 1;
}

#m_bgctrl.custom-bg-mode {
  width: 100px;
  min-width: 100px;
  padding: 5px;
  overflow: hidden;
}

#m_bgctrl .custom-bg-label {
  display: none;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-family: inherit;
  cursor: pointer;
}

#m_bgctrl.custom-bg-mode .custom-bg-label {
  display: block;
  float: left;
  height: 22px;
  margin-left: 8px;
  color: #fff;
  font-size: 12px;
  line-height: 22px;
  white-space: nowrap;
}

#m_bgctrl.custom-bg-mode .custom-bg-label:hover {
  text-decoration: underline;
}

body.theme-dark #m_bgctrl.custom-bg-mode .custom-bg-label {
  color: #e0e0e0;
}

@media (prefers-color-scheme: dark) {
  body.auto-theme #m_bgctrl.custom-bg-mode .custom-bg-label {
    color: #e0e0e0;
  }
}

#m_bgctrl_wrp.custom-bg-mode {
  margin-left: -55px;
}

/**
 * 用户自定义头图上传器样式
 * 参考 .nav-settings-* 样式，保持毛玻璃质感一致性
 */
body.bg-uploader-open {
  overflow: hidden;
}

.bg-uploader-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9998;
}
.bg-uploader-modal.active {
  display: flex;
  align-items: center;
  justify-content: center;
}

.bg-uploader-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.bg-uploader-container {
  position: relative;
  width: 760px;
  max-width: 90%;
  max-height: 85vh;
  background: rgba(240, 240, 240, 0.8);
  border-radius: 16px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(150, 150, 150, 0.5);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  animation: bgUploaderSlideIn 0.3s ease;
  z-index: 9999;
}

@keyframes bgUploaderSlideIn {
  from {
    opacity: 0;
    transform: translateY(-20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.bg-uploader-header {
  padding: 20px 24px;
  border-bottom: 1px solid rgba(150, 150, 150, 0.3);
  position: relative;
}
.bg-uploader-header h3 {
  margin: 0 0 4px;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}
.bg-uploader-header .bg-uploader-hint {
  font-size: 13px;
  color: #888;
}
.bg-uploader-header .bg-uploader-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  color: #999;
}
.bg-uploader-header .bg-uploader-close:hover {
  color: #333;
  transform: rotate(90deg);
}

.bg-uploader-body {
  flex: 1;
  overflow-y: auto;
  padding: 24px;
}

.bg-uploader-dropzone {
  border: 2px dashed rgba(150, 150, 150, 0.5);
  border-radius: 12px;
  padding: 60px 40px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
  background: rgba(255, 255, 255, 0.3);
}
.bg-uploader-dropzone:hover,
.bg-uploader-dropzone.dragover {
  border-color: #34c151;
  background: rgba(52, 193, 81, 0.1);
}
.bg-uploader-dropzone:hover svg,
.bg-uploader-dropzone.dragover svg {
  stroke: #34c151;
}
.bg-uploader-dropzone .dropzone-content svg {
  margin-bottom: 16px;
  stroke: #aaa;
  transition: stroke 0.3s;
}
.bg-uploader-dropzone .dropzone-content p {
  font-size: 16px;
  color: #333;
  margin: 0 0 8px;
}
.bg-uploader-dropzone .dropzone-content span {
  font-size: 13px;
  color: #999;
}

.bg-uploader-cropper {
  text-align: center;
}
.bg-uploader-cropper canvas {
  max-width: 100%;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}
.bg-uploader-cropper .cropper-hint {
  margin-top: 12px;
  font-size: 13px;
  color: #888;
}

.bg-uploader-footer {
  padding: 16px 24px;
  border-top: 1px solid rgba(150, 150, 150, 0.3);
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  background: rgba(255, 255, 255, 0.3);
}
.bg-uploader-footer .btn {
  padding: 10px 28px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all 0.2s ease;
}
.bg-uploader-footer .btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.bg-uploader-footer .btn-secondary {
  background: rgba(200, 200, 200, 0.3);
  border-color: rgba(150, 150, 150, 0.4);
  color: #666;
}
.bg-uploader-footer .btn-secondary:hover:not(:disabled) {
  background: rgba(200, 200, 200, 0.5);
  border-color: rgba(150, 150, 150, 0.6);
}
.bg-uploader-footer .btn-warning {
  background: rgba(150, 150, 150, 0.2);
  border-color: rgba(150, 150, 150, 0.4);
  color: #666;
}
.bg-uploader-footer .btn-warning:hover:not(:disabled) {
  background: rgba(255, 100, 100, 0.15);
  border-color: rgba(255, 100, 100, 0.4);
  color: #e74c3c;
}
.bg-uploader-footer .btn-primary {
  background: #34c151;
  color: #fff;
}
.bg-uploader-footer .btn-primary:hover:not(:disabled) {
  background: #2db348;
  box-shadow: 0 2px 12px rgba(52, 193, 81, 0.4);
}

body.theme-dark .bg-uploader-container {
  background: rgba(30, 30, 30, 0.85);
  border-color: rgba(100, 100, 100, 0.5);
}
body.theme-dark .bg-uploader-header {
  border-bottom-color: rgba(100, 100, 100, 0.3);
}
body.theme-dark .bg-uploader-header h3 {
  color: #e5e7eb;
}
body.theme-dark .bg-uploader-header .bg-uploader-hint {
  color: #a0a0a0;
}
body.theme-dark .bg-uploader-header .bg-uploader-close {
  color: #b0b0b0;
}
body.theme-dark .bg-uploader-header .bg-uploader-close:hover {
  color: #e5e7eb;
}
body.theme-dark .bg-uploader-dropzone {
  background: rgba(50, 50, 50, 0.5);
  border-color: rgba(100, 100, 100, 0.5);
}
body.theme-dark .bg-uploader-dropzone:hover,
body.theme-dark .bg-uploader-dropzone.dragover {
  border-color: #34c151;
  background: rgba(52, 193, 81, 0.15);
}
body.theme-dark .bg-uploader-dropzone .dropzone-content p {
  color: #e5e7eb;
}
body.theme-dark .bg-uploader-dropzone .dropzone-content span {
  color: #a0a0a0;
}
body.theme-dark .bg-uploader-cropper .cropper-hint {
  color: #a0a0a0;
}
body.theme-dark .bg-uploader-footer {
  border-top-color: rgba(100, 100, 100, 0.3);
  background: rgba(20, 20, 20, 0.5);
}
body.theme-dark .bg-uploader-footer .btn-secondary {
  background: rgba(60, 60, 60, 0.8);
  border-color: rgba(80, 80, 80, 0.8);
  color: #ccc;
}
body.theme-dark .bg-uploader-footer .btn-secondary:hover:not(:disabled) {
  background: rgba(80, 80, 80, 0.8);
  border-color: rgba(100, 100, 100, 0.8);
}
body.theme-dark .bg-uploader-footer .btn-warning {
  background: rgba(60, 60, 60, 0.8);
  border-color: rgba(80, 80, 80, 0.8);
  color: #ccc;
}
body.theme-dark .bg-uploader-footer .btn-warning:hover:not(:disabled) {
  background: rgba(255, 100, 100, 0.2);
  border-color: rgba(255, 100, 100, 0.4);
  color: #ff6b6b;
}

@media (prefers-color-scheme: dark) {
  body.auto-theme .bg-uploader-container {
    background: rgba(30, 30, 30, 0.85);
    border-color: rgba(100, 100, 100, 0.5);
  }
  body.auto-theme .bg-uploader-header {
    border-bottom-color: rgba(100, 100, 100, 0.3);
  }
  body.auto-theme .bg-uploader-header h3 {
    color: #e5e7eb;
  }
  body.auto-theme .bg-uploader-header .bg-uploader-hint {
    color: #a0a0a0;
  }
  body.auto-theme .bg-uploader-header .bg-uploader-close {
    color: #b0b0b0;
  }
  body.auto-theme .bg-uploader-header .bg-uploader-close:hover {
    color: #e5e7eb;
  }
  body.auto-theme .bg-uploader-dropzone {
    background: rgba(50, 50, 50, 0.5);
    border-color: rgba(100, 100, 100, 0.5);
  }
  body.auto-theme .bg-uploader-dropzone:hover,
  body.auto-theme .bg-uploader-dropzone.dragover {
    border-color: #34c151;
    background: rgba(52, 193, 81, 0.15);
  }
  body.auto-theme .bg-uploader-dropzone .dropzone-content p {
    color: #e5e7eb;
  }
  body.auto-theme .bg-uploader-dropzone .dropzone-content span {
    color: #a0a0a0;
  }
  body.auto-theme .bg-uploader-cropper .cropper-hint {
    color: #a0a0a0;
  }
  body.auto-theme .bg-uploader-footer {
    border-top-color: rgba(100, 100, 100, 0.3);
    background: rgba(20, 20, 20, 0.5);
  }
  body.auto-theme .bg-uploader-footer .btn-secondary {
    background: rgba(60, 60, 60, 0.8);
    border-color: rgba(80, 80, 80, 0.8);
    color: #ccc;
  }
  body.auto-theme .bg-uploader-footer .btn-secondary:hover:not(:disabled) {
    background: rgba(80, 80, 80, 0.8);
    border-color: rgba(100, 100, 100, 0.8);
  }
  body.auto-theme .bg-uploader-footer .btn-warning {
    background: rgba(60, 60, 60, 0.8);
    border-color: rgba(80, 80, 80, 0.8);
    color: #ccc;
  }
  body.auto-theme .bg-uploader-footer .btn-warning:hover:not(:disabled) {
    background: rgba(255, 100, 100, 0.2);
    border-color: rgba(255, 100, 100, 0.4);
    color: #ff6b6b;
  }
}

/*# sourceMappingURL=bg-uploader.css.map */