@charset "utf-8";
*,
::after,
::before {
  box-sizing: border-box;
}
body {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  color: #3d3737;
  font-weight: 400;
  font-family:
    "hm",
    "SF Pro SC",
    "SF Pro Text",
    "SF Pro Icons",
    PingFang SC,
    Lantinghei SC,
    Microsoft Yahei,
    Hiragino Sans GB,
    Microsoft Sans Serif,
    WenQuanYi Micro Hei,
    sans-serif;
  overflow-x: hidden;
  background-image: url("../img/bg-cute-light.svg");
  background-size: 360px 360px;
  background-repeat: repeat;
  background-attachment: fixed;
}
body.dark {
  background-image: url("../img/bg-cute-dark.svg");
}

.album_grid {
  display: grid;
  gap: 1.1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 720px) {
  .album_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.album_item {
  display: block;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: rgb(0 0 0 / 10%) 0 3px 12px;
  background: #fff;
}
.dark .album_item,
body.dark .album_item {
  background: rgba(255, 255, 255, 0.06);
}
.album_cover {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 62%;
  overflow: hidden;
}
.album_cover img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.album_cover_filter {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 40%, rgba(0, 0, 0, 0.45) 100%);
}
.album_badge {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 2;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
}
.album_meta {
  padding: 0.9rem 1rem;
}
.album_title {
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.album_time {
  margin-top: 0.35rem;
  font-size: 12px;
  opacity: 0.7;
}

.album_photos {
  display: grid;
  gap: 0.8rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (min-width: 720px) {
  .album_photos {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.album_photo {
  display: block;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  background: rgba(0, 0, 0, 0.03);
}
.album_photo img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
a {
  text-decoration: none;
  color: inherit;
}
img {
  display: block;
}
.text-primary {
  padding: 0 0.8rem;
  font-family: "iconfont";
}
.meun_li > a > .iconfont,
.level_li > a > .iconfont {
  margin-right: 0.35rem;
}
em,
i {
  font-style: normal;
}
.content {
  max-width: 800px;
  margin: 3.75rem auto;
}
.content_top {
  margin-top: 1.2rem;
}
.page_top {
  margin-top: 0;
}
#header .header_box {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.4rem;
  border-bottom: 1px solid #eff2f9;
}
#header .header_frame {
  display: flex;
}
#header .header_avatar {
  width: 50px;
  height: 50px;
  border-radius: 3px;
  overflow: hidden;
  flex-shrink: 0;
}
#header .header_avatar img {
  width: 100%;
  height: 100%;
}
#header .header_info {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding-left: 0.8rem;
}
#header .header_info_name {
  flex: 1 1 auto;
  font-size: 1.125rem;
}
#header .header_info_qm {
  font-size: 0.75rem;
}
#header .header_bg {
  position: relative;
}
#header .header_bg_img {
  width: 100%;
  height: 130px;
}
#header .header_bg_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#header .header_bg_filter {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
#header .header_bg_filter::before {
  display: block;
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  background: -webkit-linear-gradient(
    bottom,
    #fff,
    rgba(255, 255, 255, 0) 100%
  );
}
#header .noheader_show::before {
  display: none;
}
#header .header_bg_filter .header_frame {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 2;
  padding: 1.6rem 1.4rem;
}
#header .header_bg_filter .header_info_name {
  color: #fff;
}
#header .header_bg_filter .header_info_qm {
  color: #7a8b9a;
}
#header .webname_show {
  text-shadow: 0 0 5px #888;
}
#headers {
  background-color: #ffffff;
}
#headers.xiding {
  position: sticky;
  top: 0;
  z-index: 99;
}
#headers .navbar {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 0 1.4rem;
  border-bottom: 1px solid #dee2e6;
}
#headers .meun_list {
  width: 90%;
  white-space: nowrap;
  overflow-y: hidden;
}
#headers .meun_ul {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 14px;
  line-height: 3;
}
#headers .meun_li {
  margin-right: 0.937rem;
  font-size: 0.875rem;
  display: inline-block;
  letter-spacing: 1px;
}
#headers .meun_li:last-child {
  margin-right: 0;
}
#headers .meun_li > a {
  display: inline-flex;
  align-items: center;
}
#headers .menu-memos-badge {
  position: static;
  margin-left: 0.35rem;
  min-width: 1rem;
  height: 1rem;
  padding: 0 0.22rem;
  border-radius: 999px;
  background: rgba(240, 95, 64, 0.14);
  border: 1px solid rgba(240, 95, 64, 0.3);
  color: #fff;
  color: #f05f40;
  font-size: 10px;
  line-height: 1rem;
  text-align: center;
  font-weight: 600;
}
#headers .meun_li.current-menu-item > a,
#headers .meun_li.current-menu-ancestor > a,
#headers .meun_li.current_page_item > a,
#headers .meun_li.current_page_ancestor > a {
  color: var(--theme-primary);
}
#headers .level_ul {
  position: absolute;
  min-width: 5.62rem;
  background-color: #fff;
  padding: 0;
  margin: 0;
  list-style: none;
  transform: translateX(-35%) translateY(10px);
  transition: all 0.25s;
  box-shadow: 0px 0px 20px -5px rgb(158 158 158 / 22%);
  border-radius: 4px;
  visibility: hidden;
  opacity: 0;
  z-index: 100;
  overflow: hidden;
}
#headers .level_li {
  padding: 0.1rem 0.625rem;
  font-size: 13px;
  text-align: center;
  border-bottom: 1px solid rgba(238, 238, 238, 0.33);
}
#headers .level_li:last-child {
  border-bottom: 0;
}
#headers .level_li.current-menu-item > a,
#headers .level_li.current_page_item > a {
  color: var(--theme-primary);
  font-weight: 500;
}
#headers .level_li.current-menu-item,
#headers .level_li.current_page_item {
  background-color: rgba(79, 171, 84, 0.08);
}
#headers .level_li:hover {
  background-color: #f8f8f9;
}
#headers .level:hover .level_ul {
  transform: translateX(-35%) translateY(0px);
  visibility: initial;
  opacity: 1;
}
#headers #search_bar {
  display: none;
}
#headers .search_btn {
  cursor: pointer;
}
.auth_nav {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin-left: 0.65rem;
}
.header_actions.auth_nav {
  margin-left: 0.9rem;
  flex-shrink: 0;
}
.auth_nav_btn,
.auth_nav_link {
  height: 30px;
  padding: 0 0.85rem;
  border-radius: 999px;
  border: 1px solid #e8edf3;
  background: #f4f5f9;
  color: #4f5d6e;
  font-size: 12px;
  line-height: 28px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.auth_nav_btn--icon {
  width: 30px;
  min-width: 30px;
  padding: 0;
}
.auth_nav_btn--icon .iconfont {
  font-size: 14px !important;
  line-height: 1;
}
.auth_nav_link:hover,
.auth_nav_btn:hover {
  color: var(--theme-primary);
}
#headers .search_frame {
  font-size: 0.875rem;
}
#headers .search_input {
  width: 100%;
  padding: 0 1.4rem;
  border: none;
  outline: none;
  height: 3.062rem;
}
#headers .submit {
  display: none;
}
#headers #sou_none {
  display: none;
}
.index_slide {
  margin-bottom: -1.2rem;
}
.index_slide_box {
  position: relative;
}
.index_slide_img {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 26.66666%;
  overflow: hidden;
}
.index_slide_img img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index_slide_filter {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: linear-gradient(
    180deg,
    rgba(20, 24, 36, 0.14) 0%,
    rgba(20, 24, 36, 0.22) 55%,
    rgba(20, 24, 36, 0.34) 100%
  );
}
.index_slide_frame {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  padding: 0 1rem 1.75rem;
  display: flex;
  align-items: center;
  z-index: 2;
  color: #fff;
}
.index_slide_title {
  width: 100%;
  text-align: center;
  margin: 0;
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 500;
}
.slide_card {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: 0.75rem;
  margin-top: 1.2rem;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgb(0 0 0 / 5%);
}
.slide_card .index_slide_img img {
  border-radius: 6px;
}
.slide_button-next,
.slide_button-prev {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35px;
  width: 35px;
  background-color: rgb(0 0 0 / 50%);
  border-radius: 100px;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: calc(0px - (44px / 2));
  z-index: 10;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-in-out;
}
.slide_button-icon {
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
}
.slide_button-prev {
  left: 15px;
  right: auto;
}
.slide_button-next {
  right: 15px;
  left: auto;
}
.index_slide:hover .slide_button-next,
.index_slide:hover .slide_button-prev {
  opacity: 1;
  visibility: initial;
}
.index_slide:hover .slide_button-prev {
  left: 10px;
}
.index_slide:hover .slide_button-next {
  right: 10px;
}
.index_list {
  padding: 1rem;
  border-bottom: 1px solid #eff2f9;
}
.index_card {
  margin-bottom: 0.75rem;
  margin-left: 1rem;
  margin-right: 1rem;
  border-radius: 6px;
  border-bottom: 0;
}
.index_list img {
  background-color: #efefef;
}
.index_list img.lazy {
  opacity: 0;
  -webkit-transition: 0.8s ease-in-out opacity;
  transition: 0.8s ease-in-out opacity;
  filter: blur(35px);
}
.index_list img.loaded {
  filter: blur(0px);
  opacity: 1;
  transition:
    1s filter linear,
    1s -webkit-filter linear;
}
.post_pic_img img.lazy {
  opacity: 0;
  -webkit-transition: 0.8s ease-in-out opacity;
  transition: 0.8s ease-in-out opacity;
  filter: blur(35px);
}
.post_pic_img img.loaded {
  filter: blur(0px);
  opacity: 1;
  transition:
    1s filter linear,
    1s -webkit-filter linear;
}
.index_list_name {
  margin: 0;
  padding: 0;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.45em;
}
.index_sticky_badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.42em;
  height: 1.35em;
  margin-right: 0;
  border-radius: 4px;
  background: rgba(240, 95, 64, 0.14);
  color: #f05f40;
  font-size: 0.72em;
  font-weight: 600;
  line-height: 1;
  vertical-align: middle;
}
.index_list_excerpt {
  font-size: 0.875rem;
  margin-top: 1rem;
  color: #52525c;
  line-height: 1.8;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.index_list_foot {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #7a8b9a;
}
.index_list_footbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.index_list_info {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}
.index_list_comment i {
  position: relative;
  top: 1px;
  font-size: 14px;
  margin-right: 3px;
}
.index_list_author {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.index_list_author_avatar {
  width: 14px;
  height: 14px;
  border-radius: 999px;
  display: inline-block;
}
.index_list_box {
  display: flex;
}
.index_list_left {
  max-width: 145px;
  flex: 0 0 auto;
  width: 25%;
}
.index_list_pic {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%;
  border-radius: 6px;
  border: 1px solid #eff2f9;
  overflow: hidden;
}
.index_list_pic img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index_list_right {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding-left: 1.25rem;
}
.index_list--no-thumb .index_list_right {
  padding-left: 0;
}
.index_list_body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.index_box_left .index_list_left {
  order: 1;
}
.index_box_left .index_list_right {
  order: 2;
}
.index_box_right .index_list_left {
  order: 2;
}
.index_box_right .index_list_right {
  order: 1;
}
.index_box_right .index_list_right {
  padding-right: 1.25rem;
  padding-left: 0;
}
.index_box_over:nth-child(odd) .index_list_left {
  order: 1;
}
.index_box_over:nth-child(even) .index_list_left {
  order: 2;
}
.index_box_over:nth-child(odd) .index_list_right {
  order: 2;
}
.index_box_over:nth-child(even) .index_list_right {
  order: 1;
}
.index_box_over:nth-child(even) .index_list_right {
  padding-right: 1.25rem;
  padding-left: 0;
}
.content_top--grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.content_top--grid .index_card {
  margin: 0;
  height: 100%;
}
.content_top--grid .index_list {
  display: flex;
  flex-direction: column;
}
.content_top--grid .index_list_box {
  display: block;
}
.content_top--grid .index_list_left {
  width: 100%;
  max-width: none;
}
.content_top--grid .index_list_pic {
  padding-top: 58%;
}
.content_top--grid .index_list_right {
  padding-left: 0;
  padding-top: 0.9rem;
}
.content_top--grid .index_list_excerpt {
  -webkit-line-clamp: 3;
}
.index_list_album {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
  display: grid;
  margin: 1rem 0;
}
.index_album_img {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 100%;
  border-radius: 6px;
  border: 1px solid #eff2f9;
  overflow: hidden;
}
.index_album_img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}
.index_list_remark {
  display: flex;
}
.index_list_word {
  display: flex;
  padding-right: 1rem;
}
.index_list_word i {
  font-size: 1.75rem;
}
.index_remark_excerpt {
  letter-spacing: 0.04em;
  line-height: 1.8;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: var(--index-excerpt);
  font-size: 14px;
  min-height: 80px;
  margin-bottom: 5px;
}
.index_remark_foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.75rem;
  color: var(--index-excerpt);
}
.index_remark_right {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.index_remark_avatar {
  width: 25px;
  height: 25px;
  border-radius: 100px;
  overflow: hidden;
  margin-right: 0.5rem;
}
.index_remark_avatar img {
  width: 100%;
  height: 100%;
}
.index_remark_title {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 300;
}
.paging_ajax {
  margin-top: 1.2rem;
  text-align: center;
}
.paging_next a {
  position: relative;
  display: inline-block;
  width: 110px;
  text-align: center;
  font-size: 12px;
  line-height: 40px;
  border-radius: 100px;
  transition: 0.3s ease-in-out;
  color: var(--white);
  overflow: hidden;
}
.paging {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.2rem;
}
.paging .page-navigator {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  border-radius: 6px;
  background-color: var(--white);
  box-shadow: 0 1px 3px rgb(0 0 0 / 5%);
  overflow: hidden;
}
.paging .page-navigator li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  font-size: 14px;
  transition: all 0.5s;
}
.paging .page-navigator li.current a,
.paging .page-navigator li a:hover {
  background-color: var(--theme-primary);
  color: var(--white);
}
.communal {
  margin-bottom: -1.2rem;
  text-align: center;
  overflow: hidden;
}
.communal_box {
  position: relative;
  background-color: #f6f8fa;
}
.communal_box_img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.communal_box_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.communal_box_text {
  position: relative;
  padding: 2.5rem;
  z-index: 20;
  color: #fff;
}
.communal_filter {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0.33;
  background-color: rgba(0, 0, 0, 0.66);
}
.communal_box_tetle {
  margin: 0;
  font-size: 1.75rem;
  font-weight: 500;
}
.communal_box_qm {
  margin-top: 0.5rem;
  font-size: 14px;
}
.communal_card {
  margin-top: 1.2rem;
  border-radius: 6px;
  margin-bottom: 0.75rem;
  margin-left: 1rem;
  margin-right: 1rem;
  box-shadow: 0 1px 3px rgb(0 0 0 / 5%);
}
.stor {
  padding: 1.8rem 1.4rem;
  text-align: center;
}
.stor_name {
  margin: 0;
  font-size: 26px;
  font-weight: 500;
}
.stor_qm {
  margin-top: 0.5rem;
  font-size: 14px;
}
#footer {
  padding: 1.9rem 0;
  text-align: center;
  font-size: 0.6rem;
  margin-top: 1.2rem;
}
#footer .links a {
  display: inline-block;
  margin: 1.5rem;
}
#footer .links ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#footer .links li {
  display: inline-block;
}
#footer .footer-link-item {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center;
  gap: 0.2rem;
  text-align: center;
  vertical-align: top;
}
#footer .footer-link-item i {
  display: block;
  line-height: 1;
}
#footer .footer-link-item span {
  display: block;
  font-size: 0.72rem;
  line-height: 1;
}
#footer .synopsis {
  margin-bottom: 0.6rem;
}
#footer .footer-meta {
  display: inline-block;
  max-width: 100%;
}
.tools {
  position: fixed;
  right: 35px;
  bottom: 60px;
}
.tools div {
  cursor: pointer;
  box-shadow: 0 0.125rem 0.3125rem rgb(0 0 0 / 12%);
}
.tools .tools_night,
.tools .tools_top,
.tools .tools_edit {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  background-color: #fff;
  border-radius: 50px;
}
.tools .tools_edit {
  margin-bottom: 10px;
}
.tools .tools_top {
  margin-top: 10px;
}
.tools .tools_top i {
  font-weight: 600;
  transition: all 0.5s;
}
.tools .tools_top svg {
  display: block;
  flex-shrink: 0;
  color: #2f3640;
  transition: color 0.2s ease;
}
.tools div:hover i {
  color: var(--theme-primary);
}
.tools div:hover svg {
  color: var(--theme-primary);
}
.qmsg-content-warning br {
  display: none;
}
.palbum {
  position: relative;
  margin-bottom: 2.6rem;
}
.palbum_img {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 30%;
  overflow: hidden;
}
.palbum_img img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.palbum_filter {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0.33;
  background-color: rgba(0, 0, 0, 0.66);
}
.palbum_box {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 auto;
  flex-direction: column;
  width: 100%;
  height: 100%;
  color: #fff;
}
.palbum_box_line {
  display: inline-block;
  width: 3rem;
  height: 3px;
  border-radius: 50px;
  margin: 0.5rem 0;
  box-shadow: 1px 1px 3px -1px #000;
  transition: all 0.5s;
}
.palbum_box:hover .palbum_box_line {
  width: 4rem;
}
.palbum_box_info {
  font-size: 12px;
}
.palbum_box_info span {
  margin-right: 10px;
}
.palbum_box_info i {
  position: relative;
  top: 1px;
  font-size: 14px;
  margin-right: 3px;
}
.post_pic {
  position: relative;
  margin-bottom: 1rem;
}
.post_pic.post_pic--page .post_pic_filter {
  opacity: 1;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.28) 0%,
    rgba(0, 0, 0, 0.42) 100%
  );
}
.post_pic.post_pic--page .post_pic_img {
  height: 130px;
  padding-top: 0;
}
.post_pic.post_pic--page .post_pic_box {
  top: 50%;
  bottom: auto;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
  text-align: center;
  padding: 1.25rem 1.5rem;
}
.post_pic.post_pic--page .post_pic_title {
  text-align: center;
}
.post_pic.post_pic--page .post_pic_pinyin {
  margin-top: 0.45rem;
  text-align: center;
  font-size: 0.88rem;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.82);
}
.memos-hero-entry {
  margin-top: 0.85rem;
  text-align: center;
}
.memos-hero-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  border: 0;
  border-radius: 999px;
  padding: 0.45rem 0.9rem;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 0.86rem;
  line-height: 1;
  backdrop-filter: blur(2px);
  cursor: pointer;
}
.memos-hero-btn .iconfont {
  font-size: 0.92rem !important;
  line-height: 1;
}
.memos-hero-btn:hover {
  background: rgba(255, 255, 255, 0.28);
}
.post_pic_img {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 35%;
  overflow: hidden;
}
.post_pic_img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  object-fit: cover;
}
.post_pic_filter {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.18) 0%,
    rgba(0, 0, 0, 0.28) 45%,
    rgba(0, 0, 0, 0.55) 100%
  );
}
.post_pic_box {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  color: #fff;
  padding: 1.25rem;
}
.post_pic_title,
.palbum_box_title {
  font-weight: 500;
  font-size: 22px;
  margin: 0;
}
.post_pic_box hr {
  width: 2.5rem;
  height: 3px;
  border: 0;
  margin: 10px 0;
  padding-top: 0;
  border-radius: 100px;
  box-shadow: 1px 1px 3px -1px #000;
  transition: all 0.5s;
}
.post_pic_info {
  font-size: 12px;
}
.toc_container {
	position: absolute !important;
	height: 100%;
	opacity: 0;
	margin-right: -220px;
	pointer-events: none;
	transition: opacity .25s ease-in;
	right: 0;
	width: 160px;
}
.toc_container.is-revealed {
	opacity: .92;
	pointer-events: auto;
}

#TOC-text .toc-list {
	list-style: none;
	font-size: 12px;
	padding-left: 0px;
}

#TOC-text li {
	margin-bottom: 10px;
	color: #b7b1b1;
	width: 150px;
	font-weight: 700;
	position: relative;
}

#TOC-text li ol {
	margin-top: 10px;
}

#TOC-text li a {
	opacity: 0;
	transition: all 0.5s;
}

#TOC-text:hover li a {
	opacity: 1;
	transition: all 0.5s;
}

#TOC-text li::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 4px;
	border-radius: 20px;
	background: #efefef;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	transition: background .5s;
	top: 7px;
	left: -30px;
	opacity: 1 !important;
}

#TOC-text li ul {
	margin-top: 10px;
}

#TOC-text li li::before {
	content: '';
	position: absolute;
	width: 10px;
	height: 4px;
	border-radius: 20px;
	background: #efefef;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	transition: background .5s;
	top: 7px;
	left: -30px;
	opacity: 1;
}

.is-active-li a {
	opacity: 1 !important;
}

.is-active-li:before,#TOC-text li:hover:before {
	background-color: #9ab0b9 !important;
}

.is-active-li {
	color: #9ab0b9 !important;
	font-weight: 700 !important;
}
.post {
  position: relative;
}
.post_text {
  padding: 1.25rem;
}
.post_text_title {
  font-size: 22px;
  margin: 0;
  font-weight: 500;
}
.post_text_box {
  font-size: 0.75rem;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #dee2e6;
  position: relative;
  margin: 1.2rem 0;
}
.post_text_box:after {
  content: "";
  left: 0;
  width: 2rem;
  height: 2px;
  bottom: -2px;
  position: absolute;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.post_text_frame {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
.post_text_right span:first-child {
  margin-right: 8px;
}
.post_text_right i {
  font-size: 16px;
  margin-right: 3px;
  position: relative;
  top: 1px;
}
.words {
  padding: 0 1.25rem;
}
/* 正文区域建立 BFC，避免嵌入视频等浮动元素导致后续「赞 / 评论」错位叠上来 */
.song.words {
  display: flow-root;
}
.post_tags {
  margin-top: 1.5rem;
  padding: 0 1.25rem;
  font-size: 14px;
}
.post_tags a {
  display: inline-block;
  background-color: #f4f5f9;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  margin: 0 0.5rem 0.5rem 0;
  border-radius: 0.15rem;
}
.post_praise {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
}
.post_praise_btn {
  background-color: #f4f5f9;
  border: #eceef1;
  color: #1a1a1a;
  height: 40px;
  width: 130px;
  border-radius: 100px;
  font-size: 0.9375rem;
  cursor: pointer;
  transition: all 0.5s;
}
.post_praise_btn .smanll {
  margin: 0 0.25rem;
  font-size: 75%;
}
.post_tools {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 30px 1.25rem;
}
.share_btn {
  height: 32px;
  min-width: 70px;
  width: 100%;
  background-color: #f4f5f9;
  cursor: pointer;
  outline: medium;
  border: none;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #52525c;
  font-size: 13px;
}
.share_btn i {
  margin-right: 5px;
  font-weight: 600;
  position: relative;
  top: 1px;
}
.post_foot_tool {
  display: flex;
}
.post_lastup {
  position: relative;
}
.post_foot_tz {
  background-color: #f4f5f9;
  width: 145px;
  line-height: 32px;
  border-radius: 4px;
  position: absolute;
  left: -160px;
  top: 0;
  font-size: 12px;
  text-align: center;
  box-shadow: 0px 6px 13px -3px #f4f5f9;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-in-out;
}
.post_foot_tz small {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #f3f5f7;
  position: absolute;
  right: -8px;
  top: 8px;
}
.post_lastup:hover .post_foot_tz {
  opacity: 1;
  visibility: initial;
  left: -155px;
}
.lastup_btn,
.post_lastup_btn {
  height: 32px;
  width: 32px;
  display: flex;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  outline: medium;
  border: none;
  color: #52525c;
}
.post_reward {
  margin-left: 1rem;
}
.post_comments {
  background-color: #fff;
  padding: 1.25rem;
  margin-top: 1.4rem;
}
.post_comments .line {
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #f6f4ef;
  position: relative;
  margin-bottom: 1.2rem;
}
.post_comments .line:after {
  content: "";
  left: 0;
  width: 4rem;
  height: 2px;
  bottom: -2px;
  position: absolute;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.post_comments .line_name {
  font-size: 1.1rem;
  margin-bottom: 0.6rem;
}
.post_comments .line_name small {
  font-size: 14px;
}
.post .post-password-form {
  margin: 1rem 0 0;
  padding: 1rem 1.1rem;
  border-radius: 12px;
  background: #f8fafc;
  border: 1px solid #eef2f7;
}
.post .post-password-form p {
  margin: 0 0 0.85rem;
  line-height: 1.8;
}
.post .post-password-form p:last-child {
  margin-bottom: 0;
}
.post .post-password-form label {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
}
.post .post-password-form input[type="password"] {
  width: 260px;
  max-width: 68vw;
  height: 38px;
  border: 1px solid #d6dde8;
  border-radius: 8px;
  padding: 0 0.75rem;
  outline: none;
  background: #fff;
}
.post .post-password-form input[type="password"]:focus {
  border-color: var(--theme-primary);
  box-shadow: 0 0 0 3px rgba(119, 170, 173, 0.15);
}
.post .post-password-form input[type="submit"] {
  height: 38px;
  margin-left: 0.55rem;
  border: 0;
  border-radius: 8px;
  padding: 0 0.95rem;
  background: var(--theme-primary);
  color: #fff;
  cursor: pointer;
}
.album-lock-tip {
  margin: 0;
  padding: 0.85rem 1rem;
  border-radius: 10px;
  background: rgba(119, 170, 173, 0.08);
  border: 1px dashed rgba(119, 170, 173, 0.28);
}
body.dark .post .post-password-form {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.12);
}
body.dark .post .post-password-form input[type="password"] {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.18);
  color: #e8edf3;
}
body.dark .post .post-password-form input[type="submit"] {
  color: #fff;
}
body.dark .album-lock-tip {
  background: rgba(119, 170, 173, 0.14);
  border-color: rgba(119, 170, 173, 0.35);
}
.reward_none {
  display: none;
}
.reward_title {
  text-align: center;
  font-size: 18px;
  margin-bottom: 0.5rem;
}
.reward_body img {
  max-width: 230px;
  width: 100%;
}
.reward_option {
  margin-top: 0.5rem;
  text-align: center;
}
.reward_ul {
  display: block;
  display: initial;
  padding: 0.75rem 0.5rem;
  border-radius: 100px;
  font-size: 14px;
  color: #17223b;
  background-color: #eeeeff;
}
.reward_ul span {
  display: inline-block;
  padding: 0.5rem 0.75rem;
  cursor: pointer;
  border-radius: 100px;
  transition: all 0.5s;
}
#reward_weixin:checked ~ .reward_body .reward_body_weixin,
#reward_zfb:checked ~ .reward_body .reward_body_zfb {
  display: block;
}
#reward_weixin:checked ~ .reward_option label[for="reward_weixin"] span,
#reward_zfb:checked ~ .reward_option label[for="reward_zfb"] span {
  background: #fff;
}
.poster-zoom {
  -webkit-animation: posterZoom 30s linear;
  animation: posterZoom 30s linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes posterZoom {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}
@keyframes posterZoom {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}
.song {
  line-height: 1.8;
  word-wrap: break-word;
  font-size: 16px;
  text-align: justify;
}
.crater p {
  text-indent: 2em;
}
.song address,
.song caption,
.song cite,
.song code,
.song dfn,
.song th {
  font-style: normal;
}
.song caption,
.song th {
  text-align: left;
}
.song q:after,
.song q:before {
  content: "";
}
.song code,
.song kbd,
.song pre,
.song pre tt {
  font-family:
    "Poppins",
    "SF Pro SC",
    "SF Pro Text",
    "SF Pro Icons",
    PingFang SC,
    Lantinghei SC,
    Microsoft Yahei,
    Hiragino Sans GB,
    Microsoft Sans Serif,
    WenQuanYi Micro Hei,
    sans-serif;
}
.song figcaption {
  font-size: 80%;
  color: rgba(0, 0, 0, 0.54);
  margin-top: 10px;
  text-align: center;
}
.song dl,
.song figure,
.song form,
.song hr,
.song ol,
.song p,
.song pre,
.song table,
.song ul {
  margin: 0 0 1.2em 0;
}
.song figure {
  max-width: 100%;
  margin: 15px auto;
}
.song img {
  max-width: 100%;
  margin: 0 auto;
  height: auto;
  text-align: center;
  display: block;
}
/* 正文内嵌入视频：限高 + 收缩外层；溢出隐藏 + 强制 video 适配容器，避免画面高出容器而控件仍贴在容器底导致「条在中间」 */
.song .wp-video {
  display: block;
  width: fit-content;
  max-width: 100% !important;
  margin-left: auto;
  margin-right: auto;
}
.song .wp-video .mejs-container:not(.mejs-container-fullscreen) {
  max-width: 100% !important;
  max-height: min(70vh, 480px) !important;
  overflow: hidden !important;
}
.song .wp-video .mejs-container:not(.mejs-container-fullscreen) .mejs-mediaelement {
  overflow: hidden !important;
}
/* 覆盖 WP 默认 inline-block 与 MEJS 内联宽高，使画面限制在 mediaelement 盒内 */
.song .wp-video .mejs-container:not(.mejs-container-fullscreen) video.wp-video-shortcode {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}
.song blockquote {
  background: #f3f5f7;
  border-left: 3px solid #dde6e9;
  margin: 1.5em 10px;
  padding: 13px 45px;
  quotes: "\201C" "\201D" "\2018" "\2019";
  font-size: 1em;
}
.song blockquote p {
  margin: 0;
}
.song mark {
  padding: 2px;
  margin: 0 5px;
  background: #fffdd1;
  border-bottom: 1px solid #ffedce;
}
.song h1,
.song h2,
.song h3,
.song h4,
.song h5,
.song h6 {
  margin-top: 1.2em;
  margin-bottom: 0.6em;
  font-family: inherit;
  line-height: 1.35;
  color: inherit;
}
.song h1 {
  font-size: 1.4em;
}
.song h2 {
  font-size: 1.2em;
}
.song h3 {
  font-size: 1em;
}
.song h4 {
  font-size: 1em;
}
.song h5 {
  font-size: 0.9em;
}
.song h6 {
  font-size: 0.8em;
}
.song a {
  color: var(--theme-primary);
  position: relative;
  white-space: normal;
  word-break: break-all;
  border-bottom: 0.0625rem dashed #eee;
}
.song a::after {
  position: absolute;
  bottom: -0.0625rem;
  left: 100%;
  width: 0;
  border-bottom: 0.0625rem solid var(--theme-primary);
  content: "";
  -webkit-transition:
    width 350ms,
    left 350ms;
  -moz-transition:
    width 350ms,
    left 350ms;
  -ms-transition:
    width 350ms,
    left 350ms;
  -o-transition:
    width 350ms,
    left 350ms;
  transition:
    width 350ms,
    left 350ms;
}
.song a:hover:after {
  left: 0;
  width: 100%;
  -webkit-transition: width 350ms;
  -moz-transition: width 350ms;
  -ms-transition: width 350ms;
  -o-transition: width 350ms;
  transition: width 350ms;
}
.song code {
  padding: 2px;
  margin: 0 4px;
  word-wrap: break-word;
  background: #eee;
  border-radius: 3px;
  font: 14px/26px courier new;
}
.song pre::before {
  content: " ";
  position: absolute;
  border-radius: 50%;
  background: #fc625d;
  width: 12px;
  height: 12px;
  left: 12px;
  top: 10px;
  -webkit-box-shadow:
    20px 0 #fdbc40,
    40px 0 #35cd4b;
  box-shadow:
    20px 0 #fdbc40,
    40px 0 #35cd4b;
  z-index: 1;
}
.song pre::after {
  content: attr(data-lang);
  text-align: right;
  background: #ebeded;
  color: #cececf;
  width: 100%;
  height: 32px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 32px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.song pre code {
  padding: 10px;
  font-size: inherit;
  line-height: 1.7;
  color: inherit;
  background-color: transparent;
  border-radius: 0;
  font-family:
    "Poppins",
    "SF Pro SC",
    "SF Pro Text",
    "SF Pro Icons",
    PingFang SC,
    Lantinghei SC,
    Microsoft Yahei,
    Hiragino Sans GB,
    Microsoft Sans Serif,
    WenQuanYi Micro Hei,
    sans-serif;
  display: block;
  overflow: auto;
}
.song ins {
  text-decoration: none;
  border-bottom: 1px solid;
}
.song u {
  text-decoration: none;
  border-bottom: 1px solid;
}
.song del {
  text-decoration: line-through;
}
.song hr {
  display: block;
  border: 0;
  margin: 2.24em auto 2.86em;
}
.song hr:after {
  color: #999;
  font-size: 1.1em;
  display: block;
  content: "~ ~ ~ ~";
  text-align: center;
}
.song pre {
  padding: 12px 16px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 2px;
  background-color: #d8d1cb;
  border-radius: 5px;
  padding-top: 32px;
  position: relative;
}
.song code ol {
  border: none !important;
}
.song code ol li {
  border-bottom: none !important;
}
.song ul {
  margin: 30px 0;
  padding: 5px 20px;
  border-radius: 3px;
  padding-left: 35px;
  list-style: none;
}
.song ol {
  list-style: decimal;
  padding: 5px 20px;
  border: 1px solid #f9f9ff;
  border-radius: 3px;
  padding-left: 35px;
  margin: 30px 0;
}
.song ol li,
.song ul li {
  font-size: 16px;
  padding: 15px 0;
  border-bottom: 1px solid #f9f9ff;
  line-height: 25px;
  position: relative;
}
.song ol li:last-child,
.song ul li:last-child {
  border-bottom: none !important;
}
.song ul li:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background: var(--theme-primary);
  left: -15px;
  top: 50%;
  margin-top: -3px;
  border-radius: 50%;
}
.song li ol,
.song li ul {
  margin: 0.8em 0;
}
.song li ul {
  list-style-type: circle;
}
.song .task-list-item {
  position: relative;
}
.song table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 1.5em;
  font-size: 0.96em;
  box-sizing: border-box;
  border-width: 1;
}
.song th,
.song td {
  text-align: left;
  padding: 8px;
  border: 1px solid #d8d1cb80;
}
.song tr:nth-child(even) {
  background-color: #f7fafc;
}
.song .footnotes {
  font-size: 80%;
  line-height: 1.32;
  opacity: 0.96;
}
.song .footnotes:before {
  content: "";
  display: block;
  border-top: 4px solid rgba(0, 0, 0, 0.1);
  width: 50%;
  max-width: 100px;
  margin: 40px 0 20px;
}
.song .img-alt {
  text-align: center;
  display: block;
  margin: 0.625rem 0;
  font-size: 0.875rem;
  color: #777;
}
.song .wymp3 {
  text-align: center;
}
.song .photos {
  overflow: hidden;
  margin: 0 auto;
  margin-left: -0.5em;
  margin-right: -0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) all;
  transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) all;
}
.song .sosha {
  position: relative;
}
.song .photos figure {
  padding: 0 5px;
  flex: 1;
}
.song .photos a {
  border-bottom: none;
}
.song .photos a:before {
  display: none;
}
.img_mo {
  overflow: hidden;
  position: relative;
}
.image_title {
  position: absolute;
  top: 0;
  padding: 3px 6px;
  background-color: rgba(255, 255, 255, 0.9);
  margin-top: 0px !important;
  border-bottom-right-radius: 5px;
}
.song .emoji {
  margin: 0 5px;
  width: 40px;
  display: inline-flex;
}
.song .photos_album {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.song .post_album_list {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%;
  background-color: #efefef;
  border-radius: 6px;
  overflow: hidden;
}
.song .post_album_list a {
  position: static;
}
.song .post_album_list a::after {
  display: none;
}
.song .post_album_list img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  object-fit: cover;
  overflow: hidden;
}
.song .post_album_list figcaption {
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 0.8rem;
  font-weight: 500;
  color: #fff;
  transition: 0.2s;
}
.song .post_album_list:hover figcaption {
  padding: 1.2rem 0.8rem;
}
.song figure a::before {
  display: none;
}
.song figure a[data-fancybox="gallery"].lazyload-container {
  background-color: #f0f0f0;
  border-bottom: 0;
}
.song figure a[data-fancybox="gallery"] {
  display: block;
  position: relative;
  max-width: 100%;
  height: 0;
  padding: 0;
  overflow: hidden;
  -webkit-transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) background-color;
  transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) background-color;
}
.song figure a[data-fancybox="gallery"] img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.song a[data-fancybox] img {
  display: block;
  margin: 0;
}
.song img.lazy {
  opacity: 0;
  -webkit-transition: 0.8s ease-in-out opacity;
  transition: 0.8s ease-in-out opacity;
  filter: blur(35px);
}
.song img.loaded {
  filter: blur(0px);
  opacity: 1;
  transition:
    1s filter linear,
    1s -webkit-filter linear;
}
.mixtapeEmbed {
  padding: 12px 12px 12px 28px;
  color: rgba(0, 0, 0, 0.5);
  margin: 10px 0px 30px;
  background: #f7f7f7;
  border-radius: 5px;
}
.mixtapeEmbed a:before,
.mixtapeEmbed a::after {
  display: none;
}
.mixtapeEmbed a {
  display: flex;
  align-items: center;
  border-bottom: none;
}
.mixtape_left {
  flex: 1 1 auto;
}
.mixtapeEmbed-title {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 900;
  padding-bottom: 14px;
  display: block;
  line-height: 1;
}
.mixtapeEmbed-text {
  font-size: 14px;
  line-height: 1.6;
  font-style: normal !important;
  color: #7b7b7b;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.mixtapeImage {
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 10px;
  margin-left: 10px;
  flex-shrink: 0;
}
.mixtapeImage img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}
.song_bottom {
  margin: 1.2rem 1.4rem;
}
.song_tags {
  float: left;
  width: 60%;
}
.song_tags a {
  font-size: 12px;
  padding: 2px 10px;
  border-radius: 4px;
  color: var(--pigeon-major);
  border: 1px dashed var(--pigeon-major);
  transition: all 0.5s;
}
.song_tags a:hover {
  color: var(--pigeon-pass);
  border: 1px dashed var(--pigeon-pass);
}
.song_hb {
  float: right;
}
.song .biaoqing {
  display: inline;
  margin: 0;
  width: auto;
}
.song .biaoqingg a {
  overflow: hidden;
  text-decoration: none;
  vertical-align: bottom;
  outline: 0;
  border-bottom: none;
}
.song .biaoqingg a:before {
  display: none;
}
.song .biaoqing.quyin {
  margin-bottom: -0.125rem;
  min-height: 2.5rem;
  height: 1em;
}
.song .biaoqing.alu {
  height: 33px;
  margin-bottom: -0.3125rem;
}
.song .biaoqing.paopao {
  width: 30px;
  height: 30px;
  margin-bottom: -0.25rem;
}
.song .song_btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 2px;
  color: #fff;
  transition: all 0.5s;
}
.song .song_btn:hover {
  opacity: 0.5;
}
.protected {
  text-align: center;
}
.text {
  color: #777;
}
.crater p {
  text-indent: 2em;
}
.song .bkc {
  background-color: #000;
  color: #000;
  transition: 0.3s ease-in-out;
}
.song .bkc:hover {
  background-color: transparent;
  color: unset;
}
.iframe_video {
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .iframe_video {
    height: 15em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .iframe_video {
    height: 20em;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .iframe_video {
    height: 30em;
  }
}
@media only screen and (min-width: 1200px) {
  .iframe_video {
    height: 40em;
  }
}
.iframe_cross {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
}
.iframe_cross iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.song .tip {
  padding: 1.5rem 1.25rem 1.5rem 3.5rem;
  border: 0.0625rem solid #ddd;
  border-left: 0.25rem solid #3884ff;
  border-radius: 0.25rem;
  position: relative;
  background-color: rgba(56, 132, 255, 0.1);
}
.song .tip i {
  position: absolute;
  left: 1rem;
  top: 1.1rem;
  font-size: 1.5rem;
  color: #3884ff;
}
.song .tip.share {
  border-left-color: #ddd;
  background-color: #efefef;
}
.song .tip.share i {
  color: #fff;
}
.song .tip.yellow {
  border-left-color: #ff7800;
  background: #fcf2e9;
}
.song .tip.yellow i {
  color: #ff7800;
}
.song .tip.red {
  border-left-color: #ed0000;
  background: #ffcaca;
}
.song .tip.red i {
  color: #ed0000;
}
.song .tip.green {
  border-left-color: #86cc00;
  background: #f0f8e5;
}
.song .tip.green i {
  color: #86cc00;
}
.song .article-collapse {
  margin: 1rem 0;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
}
.song .collapse-head {
  background-color: #d8d1cb;
  border: none;
  color: inherit;
  cursor: pointer;
  border-radius: 0.25rem;
  padding: 10px 15px;
}
.song .collapse-title {
  display: block;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
}
.song .collapse-title span {
  display: block !important;
}
.song .collapse-ico {
}
.song .collapse-body {
  padding: 15px;
  line-height: 2em;
  font-size: 14px;
}
.song .collapse-block {
  display: block;
}
.song .collapse-none {
  display: none;
}
.song .article-tabs {
  width: 100%;
  overflow: hidden;
  margin: 1rem 0;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
}
.song .article-tabs .nav {
  user-select: none;
  width: 100%;
  height: 40px;
  overflow-x: auto;
  overflow-y: hidden;
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
  -webkit-overflow-scrolling: touch;
  display: flex;
  background: #f4f5f9;
}
.song .article-tabs .nav span.active {
  background-color: #fff;
  border-right-color: #dcdfe6;
  border-left-color: #dcdfe6;
}
.song .article-tabs .nav span {
  padding: 0 20px;
  line-height: 40px;
  height: 40px;
  color: #909399;
  cursor: pointer;
  white-space: nowrap;
}
.song .article-tabs .tab-content div.active {
  display: block;
}
.song .article-tabs .tab-content div {
  display: none;
  padding: 15px;
  animation: showTabs 0.5s;
}
.song .signview {
  margin: 2rem 0;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}
.song .signview_box {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.song .signview_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.song .signview_text {
  position: relative;
  z-index: 10;
  padding: 4rem;
  text-align: center;
  font-size: 14px;
  display: flex;
  justify-content: center;
}
.song .signview_text_title {
  color: #fff;
}
.song .signview_text_title a {
  color: #fd6e6e;
}
.song .form-group {
  margin: 3rem 0;
  text-align: center;
}
.song .input-group {
  display: inline-block;
  position: relative;
  margin-top: 1.5rem;
  border: 2px solid #f0f3f8;
  background-color: #f0f3f8;
  width: 260px;
  border-radius: 100px;
  padding: 2px 15px 2px 2px;
}
.song .input-group input {
  border: none;
  outline: none;
  -webkit-appearance: none;
  width: 173px;
  height: calc(2.5rem + 2px);
  background-color: #f0f3f8;
}
.song .input-group-append {
  position: absolute;
  top: 2px;
  right: 2px;
}
.song .input-group-append button {
  background-color: #e57373;
  border: none;
  color: #fff;
  cursor: pointer;
  width: 42px;
  height: 42px;
  border-radius: 100px;
}
.song .video {
  width: 100%;
  min-height: 300px;
}
pre[class*="language-"].line-numbers > code {
  white-space: inherit;
  padding-left: calc(3em + 10px);
}
.song .line-numbers .line-numbers-rows {
  top: 42px;
}
.line-numbers .line-numbers-rows {
  position: absolute;
  pointer-events: none;
  top: 10px;
  font-size: 100%;
  left: 0;
  width: 3em;
  letter-spacing: -1px;
  border-right: 1px solid rgba(153, 153, 153, 0.2);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #f1f3f3;
}
.line-numbers-rows > span {
  pointer-events: none;
  display: block;
  counter-increment: linenumber;
}
.line-numbers-rows > span:before {
  content: counter(linenumber);
  color: #999;
  display: block;
  padding-right: 0.8em;
  text-align: right;
}
.line-numbers .iconfuzhi {
  font-weight: 600;
}
code[class*="language-"],
pre[class*="language-"] {
  color: black;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
pre[class*="language-"]::-moz-selection,
pre[class*="language-"]::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"]::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}
pre[class*="language-"]::selection,
pre[class*="language-"]::selection,
code[class*="language-"]::selection,
code[class*="language-"]::selection {
  text-shadow: none;
  background: #b3d4fc;
}
@media print {
  code[class*="language-"],
  pre[class*="language-"] {
    text-shadow: none;
  }
}
pre[class*="language-"] {
  margin: 0.5em 0;
  overflow: auto;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  background: #f1f3f3;
}
:not(pre) > code[class*="language-"] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: slategray;
}
.token.punctuation {
  color: #999;
}
.token.namespace {
  opacity: 0.7;
}
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
  color: #905;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #690;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #9a6e3a;
}
.token.atrule,
.token.attr-value,
.token.keyword {
  color: #07a;
}
.token.function,
.token.class-name {
  color: #dd4a68;
}
.token.regex,
.token.important,
.token.variable {
  color: #e90;
}
.token.important,
.token.bold {
  font-weight: bold;
}
.token.italic {
  font-style: italic;
}
.token.entity {
  cursor: help;
}
.public {
  padding: 1.4rem;
  background-color: #ffff;
}
.douban_tab,
.link_tab {
  text-align: center;
  margin-bottom: 2rem;
}
.douban_tab_list,
.link_tab_list {
  display: initial;
  padding: 10px 12px;
  border-radius: 100px;
  font-size: 14px;
  color: #17223b;
  background-color: #f4f5f9;
}
.douban_tab_list span,
.link_tab_list span {
  display: block;
  display: inline-block;
  padding: 4px 10px;
  cursor: pointer;
  border-radius: 100px;
}
.link_tab_list span.active {
  background: #fff;
}
.douban {
  gap: 0.6rem;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.douban_list {
  box-shadow: rgb(0 0 0 / 20%) 0 0 5px 0;
}
.douban_cover {
  height: 10rem;
  width: 100%;
  overflow: hidden;
}
.douban_cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.douban_name {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0.62rem 0.93rem;
  border-radius: 0 0 2px 2px;
  font-size: 0.75rem;
  font-weight: 400;
  text-align: center;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-top: 1px solid var(--border);
}
#douban_book:checked ~ .douban_tab label[for="douban_book"] span,
#douban_movie:checked ~ .douban_tab label[for="douban_movie"] span,
#link_info:checked ~ .link_tab label[for="link_info"] span,
#link_friend:checked ~ .link_tab label[for="link_friend"] span,
#link_recom:checked ~ .link_tab label[for="link_recom"] span {
  background: #fff;
}
#douban_book:checked ~ .douban_box_book,
#douban_movie:checked ~ .douban_box_movie {
  display: grid;
}
.link_body_friend {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.readers_wall_grid {
  display: grid;
  gap: 0.9rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.readers_wall_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0.95rem 0.7rem;
  border-radius: 10px;
  background: #fff;
  box-shadow: rgb(0 0 0 / 12%) 0 0 5px 0;
  color: inherit;
}
.readers_wall_avatar {
  margin-bottom: 0.55rem;
}
.readers_wall_avatar .avatar,
.readers_wall_avatar_img {
  width: 56px;
  height: 56px;
  border-radius: 999px;
}
.readers_wall_name {
  font-size: 0.85rem;
  color: #4d5b6b;
  margin-bottom: 0.2rem;
}
.readers_wall_count {
  font-size: 0.72rem;
  color: #8c98a6;
}
.readers_latest_list {
  display: grid;
  gap: 0.8rem;
}
.readers_latest_item {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  padding: 0.75rem 0.85rem;
  border-radius: 10px;
  background: #fff;
  box-shadow: rgb(0 0 0 / 12%) 0 0 5px 0;
  color: inherit;
}
.readers_latest_avatar .avatar,
.readers_latest_avatar_img {
  width: 40px;
  height: 40px;
  border-radius: 999px;
}
.readers_latest_main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  flex: 1 1 auto;
}
.readers_latest_meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.readers_latest_name {
  font-size: 0.82rem;
  color: #4d5b6b;
  font-weight: 600;
}
.readers_latest_time {
  font-size: 0.72rem;
  color: #94a0af;
  flex-shrink: 0;
}
.readers_latest_excerpt {
  font-size: 0.8rem;
  color: #617182;
  line-height: 1.6;
}
.readers_latest_post {
  font-size: 0.72rem;
  color: #8c98a6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link_body_list {
  display: flex;
  align-items: center;
  box-shadow: rgb(0 0 0 / 20%) 0 0 5px 0;
}
.link_body_img {
  width: 50px;
  height: 50px;
  flex: 0 0 auto;
}
.link_body_img img {
  width: 100%;
  height: 100%;
}
.link_body_name {
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 50px;
  font-weight: 600;
  padding: 0 10px;
}
#link_info:checked ~ .link_body,
#link_friend:checked ~ .links_body_friend,
#link_recom:checked ~ .links_body_recom {
  display: block;
}
.reward_none {
  display: none;
}
.album_public {
  position: relative;
  overflow: hidden;
  margin-bottom: -1.2rem;
}
.album_public_img {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 20%;
  overflow: hidden;
}
.album_public_img img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.album_public_filter {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.66);
  opacity: 0.33;
}
.album_public_box {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 1rem;
  color: #fff;
}
.album_public_title {
  width: 100%;
  text-align: center;
  margin: 0;
  font-weight: 500;
  font-size: 1.75rem;
}
.album_public_title span {
  position: relative;
}
.album_public_title span:before {
  content: "";
  left: 1px;
  right: 1px;
  height: 30%;
  background-color: #f1404b;
  position: absolute;
  opacity: 0.33;
  top: 50%;
  transform: translate(0%, 5%);
}
.album_list {
  background-color: #f9f9f9;
  padding: 1.25rem;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.album_box {
  box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 30%);
  border-radius: 5px;
  overflow: hidden;
}
.album_box_img {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 70%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden;
}
.album_box_img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  object-fit: cover;
  transition: all 0.5s;
}
.album_box_frame {
  position: relative;
}
.album_box_filter {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(22 29 39 / 36%);
  opacity: 0;
  transition: all 0.5s;
}
.album_box_filter i {
  font-size: 28px;
  color: #fff;
}
.album_box a:hover .album_box_filter {
  opacity: 1;
}
.album_box a:hover .album_box_img img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.album_box_title h2 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  padding: 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 32px;
}
.talk {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.talk_list {
  box-shadow: rgb(0 0 0 / 20%) 0 0 5px 0;
  border-radius: 6px;
  padding: 15px;
}
.talk_list a {
  position: relative;
  display: flex;
}
.talk_list_img {
  width: 50px;
  height: 50px;
  margin-right: 0.8rem;
  flex-shrink: 0;
}
.talk_list_img img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
}
.talk_list_right {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
.talk_list_body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.talk_list_name {
  font-size: 15px;
}
.talk_address {
  font-size: 13px;
  margin-top: 7px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.talk_count {
  position: absolute;
  border-radius: 100px;
  background-color: var(--theme-primary);
  font-size: 12px;
  color: var(--white);
  padding: 0.1rem 0.8rem;
  top: 0;
  right: 0;
}
.memos-feed {
  display: block;
}
.memos-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.25rem 0 1.25rem;
  margin-bottom: 1.25rem;
  border-bottom: 1px solid #eff2f9;
  scroll-margin-top: 84px;
}
.memos-item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.memos-head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.memos-avatar {
  width: 42px;
  height: 42px;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
}
.memos-main {
  flex: 1;
  min-width: 0;
}
.memos-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.memos-user {
  display: flex;
  flex-direction: column;
}
.memos-author {
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.2;
}
.memos-author a {
  color: inherit;
  border-bottom: 0;
}
.memos-author a:hover {
  color: var(--theme-primary);
}
.memos-date {
  font-size: 0.875rem;
  color: #7a8b9a;
}
.memos-content {
  margin-top: 0.3rem;
}
.memos-content p:last-child {
  margin-bottom: 0;
}
.song.photos_album.memos-photos {
  margin-top: 0.75rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2px;
  width: 100%;
  max-width: 320px;
}
.song.photos_album.memos-photos .post_album_list {
  margin: 0;
  border-radius: 0;
}
.song.photos_album.memos-photos .post_album_list img {
  display: block;
  border-radius: 0;
}
.song.photos_album.memos-photos.memos-photos--1 {
  grid-template-columns: minmax(0, 1fr);
  max-width: 220px;
}
.song.photos_album.memos-photos.memos-photos--2,
.song.photos_album.memos-photos.memos-photos--4 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.song.photos_album.memos-photos.memos-photos--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.memos-meta {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.memos-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.memos-like {
  display: inline-flex;
  align-items: center;
  font-size: 1.05rem;
  color: #1a1a1a;
}
.memos-like-btn {
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
}
.memos-like-btn.current .memos-like {
  color: #f1404b;
}
.memos-like .memos-like-icon {
  color: #f1404b;
  margin-right: 0.35rem;
  font-size: 1.1rem !important;
  line-height: 1;
}
.memos-like-icon--on {
  display: none;
}
.memos-like-btn.current .memos-like-icon--off {
  display: none;
}
.memos-like-btn.current .memos-like-icon--on {
  display: inline-block;
}
.memos-comment-btn {
  display: inline-flex;
  align-items: center;
  border: 0;
  background: transparent;
  color: #1a1a1a;
  font-size: 1.05rem;
  text-decoration: none;
  cursor: pointer;
}
 .memos-comment-icon {
  margin-right: 0.35rem;
  font-size: 1.2rem !important;
  line-height: 1;
}
.memos-comment-btn.is-open {
  color: #f1404b;
}
.memos-comments {
  margin-top: 0.8rem;
  padding: 0.8rem;
  border-radius: 8px;
  background: #f7f9fc;
}
.memos-comments-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.memos-comment-item {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
}
.memos-comment-avatar {
  width: 26px;
  height: 26px;
  flex-shrink: 0;
}
.memos-comment-avatar .avatar {
  width: 26px;
  height: 26px;
  border-radius: 999px;
}
.memos-comment-main {
  flex: 1;
  min-width: 0;
}
.memos-comment-author {
  font-size: 0.9rem;
  font-weight: 600;
  color: #2f3640;
}
.memos-comment-time {
  font-size: 0.78rem;
  color: #8a96a6;
  margin-top: 0.1rem;
}
.memos-comment-text {
  margin-top: 0.2rem;
  font-size: 0.88rem;
  color: #4a5563;
}
.memos-comment-author-inline {
  font-weight: 600;
  color: #2f3640;
}
.author-overview__head {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.author-overview__avatar {
  width: 56px;
  height: 56px;
  border-radius: 999px;
}
.author-overview__name {
  margin: 0;
  font-size: 1.3rem;
}
.author-overview__stats {
  margin-top: 0.35rem;
  display: flex;
  gap: 0.75rem;
  color: #758396;
  font-size: 0.88rem;
}
.author-section {
  margin-top: 1.15rem;
}
.author-section__title {
  margin: 0 0 0.55rem;
  font-size: 1rem;
}
.author-filters {
  margin-bottom: 0.55rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}
.author-filters__item {
  border: 1px solid #dce4f0;
  border-radius: 999px;
  padding: 0.2rem 0.65rem;
  font-size: 0.82rem;
  line-height: 1.3;
  color: #5c6b7d;
}
.author-filters__item:hover {
  color: var(--theme-primary);
  border-color: var(--theme-primary);
}
.author-filters__item.is-active {
  color: #fff;
  background: var(--theme-primary);
  border-color: var(--theme-primary);
}
.author-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.author-list__item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.85rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid #eff2f8;
}
.author-list__item:last-child {
  border-bottom: 0;
}
.author-list__item a {
  color: inherit;
  border-bottom: 0;
}
.author-list__main {
  min-width: 0;
}
.author-list__type {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.45rem;
  border-radius: 999px;
  padding: 0.08rem 0.5rem;
  font-size: 0.72rem;
  color: #fff;
  line-height: 1.2;
}
.author-list__type--post {
  background: #4f83ff;
}
.author-list__type--comment {
  background: #8e6fe8;
}
.author-list__type--memo {
  background: #1fb980;
}
.author-list__item a:hover {
  color: var(--theme-primary);
}
.author-list__item time {
  white-space: nowrap;
  color: #8a96a6;
  font-size: 0.82rem;
}
.author-load-more-wrap {
  margin-top: 0.85rem;
  text-align: center;
}
.author-load-more {
  display: inline-block;
  border: 1px solid #dce4f0;
  border-radius: 999px;
  padding: 0.35rem 0.9rem;
  font-size: 0.84rem;
  line-height: 1.3;
  color: #5c6b7d;
}
.author-load-more:hover {
  color: var(--theme-primary);
  border-color: var(--theme-primary);
}
.memos-comment-text p {
  margin: 0;
}
.memos-comments-empty {
  font-size: 0.88rem;
  color: #7a8796;
}
.memos-comment-entry {
  display: inline-block;
  margin-top: 0.75rem;
  color: #f1404b;
  font-size: 0.88rem;
}
.memos-comment-form {
  margin-top: 0.75rem;
}
.memos-comment-form-row {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.memos-comment-form-row input,
.memos-comment-form-row textarea {
  width: 100%;
  border: 1px solid #e0e6f0;
  border-radius: 6px;
  background: #fff;
  font-size: 0.88rem;
  color: #2f3640;
  padding: 0.45rem 0.6rem;
}
.memos-comment-form-row textarea {
  resize: vertical;
  min-height: 78px;
}
.memos-comment-submit {
  border: 0;
  border-radius: 6px;
  background: #f1404b;
  color: #fff;
  font-size: 0.86rem;
  line-height: 1;
  padding: 0.55rem 0.85rem;
  cursor: pointer;
}
.file_box {
  margin-bottom: -1.2rem;
  padding: 1.8rem 1.4rem;
  text-align: center;
  background-color: #f2f5f9;
}
.file_box_title {
  margin: 0;
  font-size: 26px;
  font-weight: 500;
}
.file_box_qm {
  font-size: 13px;
  margin-top: 10px;
}
.archive_color {
  position: relative;
  margin-bottom: -1.2rem;
  background-color: #f2f5f9;
}
.archive_img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.archive_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.archive_basic {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0.33;
  background-color: rgba(0, 0, 0, 0.66);
}
.archive_detail {
  position: relative;
  padding: 2.5rem;
  z-index: 20;
  color: #fff;
  text-align: center;
}
.archive_name {
  margin: 0;
  font-size: 26px;
  font-weight: 500;
}
.archive_number {
  margin-top: 0.5rem;
  font-size: 14px;
}
.tags_culd {
  margin-bottom: 1.5rem;
}
.tags_culd_title,
.file_title {
  font-weight: 500;
  margin-bottom: 1.5rem;
}
.tags_culd_list {
  list-style: none;
  font-size: 14px;
}
.tags_culd_list li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 15px;
}
.tags_culd_list li a:before {
  content: "#";
  display: inline-block;
  position: relative;
  margin-right: 3px;
}
.archive_head {
  font-size: 1.1rem;
  font-weight: 500;
  position: relative;
  margin: 1.2rem 0;
  position: relative;
}
.archives_open {
  display: none;
}
.archive_year {
  cursor: pointer;
}
.archive_year:before {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right: 25px;
  border-radius: 50%;
  background-color: #e0f2f1;
  border: 3px solid #b2dfdb;
  opacity: 0.8;
}
.file_list_ul {
  font-size: 1rem;
  border-left: 1px solid #d1e2fd;
  padding-left: 30px;
  margin-left: 6px;
  list-style: none;
}
.file_list_li {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #d1e2fd;
}
.file_list_li a {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
.file_list_body {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.file_list_name {
  min-width: 0;
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file_list_time {
  font-size: 13px;
  color: #d2c6a3;
  flex: 0 0 auto;
}
.file_list_info {
  font-size: 12px;
  color: var(--theme-primary);
  margin-top: 5px;
}
.comment_box {
  display: flex;
  flex: 1 1 auto;
}
.comment_box_avatar {
  width: 40px;
  height: 40px;
  border-radius: 100px;
  overflow: hidden;
  flex-shrink: 0;
  margin-right: 0.9375rem;
}
.comment_box_avatar img {
  width: 100%;
  height: 100%;
}
.comment_right {
  flex: 1 1 auto;
}
.comment_xin_name input,
.comment_xin_box input {
  width: 100%;
  font-size: 0.875rem;
  border: 1px solid #f0f3f8;
  background-color: #f0f3f8;
  border-radius: 6px;
  padding: 0.5rem 0.875rem;
  line-height: 1.5;
}
.comment_xin_box {
  margin-top: 0.5rem;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.comment_editor {
  margin-top: 0.5rem;
}
.comment-editor_box textarea {
  resize: none;
  text-align: justify;
  border-radius: 6px;
  min-height: calc(1.5em + 0.75rem + 2px);
  overflow: hidden;
  font-size: 0.875rem;
  border: 1px solid #f0f3f8;
  background-color: #f0f3f8;
  padding: 0.5rem 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  height: 79px;
  font-family: inherit;
}
.comment-inputs input,
.comment-editor_box textarea {
  outline: none;
  -webkit-appearance: none;
  width: 100%;
  outline: none;
}
.comment-huifu {
  margin-top: 0.5rem;
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: space-between;
}
.comment_huifu_right {
  display: flex;
  align-items: center;
}
#submitComment {
  background-color: var(--theme-primary);
  border: 1px solid var(--theme-primary);
  padding: 0.5rem 1.625rem;
  font-size: 0.875rem;
  color: #fff;
  font-weight: 400;
  line-height: 1.5;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.5s;
}
#submitComment:hover {
  opacity: 0.8;
}
.comment_admin {
  font-size: 14px;
  font-weight: 500;
}
.admin_name {
  color: var(--theme-primary);
}
.comment_left {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}
.comment-emoji-wrap {
  position: relative;
}
.comment-emoji-toggle {
  min-width: 64px;
  height: 30px;
  border-radius: 999px;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  padding: 0 10px;
  color: #5f738b;
  transition: all 0.2s ease;
}
.comment-emoji-toggle::before {
  content: "😊";
  font-size: 14px;
}
.comment-emoji-toggle::after {
  content: "表情";
}
.comment-emoji-toggle:hover {
  background: transparent;
}
.comment-emoji-toggle:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(90, 130, 180, 0.22);
}
.comment-emoji-panel {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 0;
  width: 200px;
  display: none;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 4px;
  padding: 8px;
  border: 1px solid #e6ecf5;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
  z-index: 30;
}
.comment-emoji-panel.is-open {
  display: grid;
}
.comment-emoji-item {
  border: 0;
  background: transparent;
  cursor: pointer;
  border-radius: 4px;
  height: 28px;
  font-size: 16px;
  line-height: 1;
}
.comment-emoji-item:hover {
  background: #f2f7ff;
}
.privacy {
  display: flex;
  align-items: center;
}
.privacy_btn {
  display: flex;
  align-items: center;
}
.privacy_text {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  color: #7a8b9a;
  padding-left: 2px;
  line-height: 1;
}
.privacy_text .hover-info {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  margin-left: 4px;
  border-radius: 50%;
  border: 1px solid #cfd6df;
  background-color: #f4f6fb;
  color: #8b96a6;
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
}
.privacy input[type="checkbox"] {
  display: none;
}
.privacy input[type="checkbox"] + label {
  display: inline-block;
  width: 30px;
  height: 16px;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  box-sizing: border-box;
  box-shadow: inset 0 0 0 1px #dfe6ef;
}
.privacy input[type="checkbox"] + label:after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 16px;
  height: 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
.privacy #inset_3:checked + label.green {
  background: #ddd;
}
.privacy #inset_3:checked + label.green:after {
  background: #f1404b;
}
.privacy #inset_3:checked + label:after {
  left: calc(100% - 14px);
}
.privacy #inset_3 + label {
  background: #ddd;
  border-radius: 20px;
}
.privacy #inset_3 + label:after {
  background: #fff;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  top: 2px;
  left: 2px;
}
.comment-list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 2rem;
}
.respond {
  margin-bottom: 2rem;
}
.comment_list_box {
  display: flex;
  flex: 1 1 auto;
  margin: 0 0 1.5rem;
}
.comment_list_avatar {
  width: 45px;
  height: 45px;
  border-radius: 100px;
  margin-right: 0.9375rem;
  flex-shrink: 0;
  overflow: hidden;
}
.comment_list_avatar img {
  width: 100%;
  height: 100%;
}
.comment_main {
  flex: 1 1 auto;
}
.comment_author {
  font-weight: 500;
  font-size: 15px;
  display: flex;
  align-items: baseline;
  gap: 0.2rem;
}
.comment_agent {
  margin-left: auto;
  font-size: 12px;
  font-weight: 400;
  color: #b7bcc4;
  white-space: nowrap;
}
.comment_badges {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}
.comment_badge {
  display: inline-flex;
  align-items: center;
  height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  border: 1px solid #e6ecf5;
  background: #f4f6fb;
  color: #6b7a90;
}
.comment_badge--author {
  border: 0;
  background: transparent;
  color: #f1404b;
  min-width: 0;
  height: auto;
  padding: 0;
  justify-content: center;
}
.comment_badge--author .iconfont {
  font-size: 12px;
  line-height: 1;
  position: relative;
  top: 0;
}
.comment_badge--verified {
  border-color: rgba(79, 131, 255, 0.25);
  background: rgba(79, 131, 255, 0.1);
  color: #3f6fd6;
  gap: 0.2rem;
  padding: 0 7px;
}
.comment_badge--verified .iconfont {
  font-size: 12px;
  line-height: 1;
}
.comment_badge--private {
  border-color: rgba(255, 167, 38, 0.35);
  background: rgba(255, 167, 38, 0.12);
  color: #c77800;
}
.comment_excerpt {
  font-size: 15px;
  line-height: 1.5;
  margin: 0.5rem 0;
  background-color: #f4f6fb;
  padding: 0.5rem 0.75rem;
  border-radius: 2px;
  word-wrap: break-word;
}
.comment_excerpt p {
  line-height: inherit;
  margin: 0;
  word-wrap: break-word;
  word-break: break-all;
}
.comment_meta {
  font-size: 12px;
  color: #b2b7bf;
}
.comment_meta_item {
  color: #b2b7bf;
}
#cancel-comment-reply-link {
  display: inline !important;
}
.comment-reply-link a.is-replying {
  color: #f1404b;
  font-weight: 500;
}
.comment_excerpt img {
  max-width: 100%;
  max-height: 18rem;
}
.comment_excerpt img.biaoqing,
.cross-excerpt img.biaoqing {
  display: inline;
  margin: 0;
  width: auto;
  max-width: 6.25rem;
}
.comment_excerpt img.biaoqing.quyin,
.cross-excerpt img.biaoqing.quyin {
  margin-bottom: -0.125rem;
  min-height: 2.5rem;
  height: 1.1em;
}
.comment_excerpt img.biaoqing.paopao,
.cross-excerpt img.biaoqing.paopao {
  margin-bottom: -0.25rem;
  min-height: 1.875rem;
  height: 1.1em;
}
.comment_excerpt img.biaoqing.alu,
.cross-excerpt img.biaoqing.alu {
  margin-bottom: -0.3125rem;
  min-height: 2.0625rem;
  height: 1.1em;
}
.comment-children {
  padding-left: 1rem;
}
.comment-children .comment-children {
  padding-left: 0;
}
.hideContent {
  position: relative;
  overflow: hidden;
}
.hideContent_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / 10%);
  filter: blur(25px);
  text-align: center;
  border-radius: 4px;
  overflow: hidden;
}
.hideContent_text {
  padding: 0.5rem;
  text-align: center;
  text-transform: uppercase;
  color: line;
  font-size: 14px;
  color: #fff;
  background: -webkit-linear-gradient(
    45deg,
    #00a0e9,
    #10d39d,
    #00a0e9,
    #10d39d
  );
  background: -moz-linear-gradient(45deg, #00a0e9, #10d39d, #00a0e9, #10d39d);
  background: -ms-linear-gradient(45deg, #00a0e9, #10d39d, #00a0e9, #10d39d);
  color: transparent;
  -webkit-background-clip: text;
  animation: ran 20s linear infinite;
}
@keyframes ran {
  from {
    backgroud-position: 0 0;
  }
  to {
    background-position: 1000px 0;
  }
}
.mr-1 {
  margin-right: 3px;
  color: var(--theme-primary);
}
.simi {
  background-color: rgb(0 0 0 / 20%) !important;
}
.cross_box_title {
  font-size: 14px;
  margin-bottom: 1rem;
}
.cross_frame {
  display: flex;
  flex: 1 1 auto;
  border: 2px solid rgba(0, 0, 0, 0.125);
  border-radius: 6px;
  padding: 0.5rem;
}
.cross_frame_avatar {
  width: 30px;
  height: 30px;
  border-radius: 100px;
  overflow: hidden;
  flex-shrink: 0;
  margin-right: 0.9375rem;
}
.cross_frame_avatar img {
  width: 100%;
  height: 100%;
}
.comment-editor {
  flex: 1 1 auto;
}
.cross_frame textarea {
  width: 100%;
  resize: none;
  text-align: justify;
  overflow: hidden;
  font-size: 0.875rem;
  border: none;
  font-weight: 400;
  line-height: 1.5;
  height: 79px;
  font-family: inherit;
  -webkit-appearance: none;
  outline: none;
  background-color: transparent;
  color: #aaa;
}
.cross_tools {
  margin-top: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cross_tools_right {
  display: flex;
  align-items: center;
}
.cross_tools #submitComment {
  font-size: 12px;
  padding: 0.2rem 0.8rem;
  border-radius: 2px;
}
.cross-box {
  display: flex;
  margin-bottom: 1rem;
}
.cross_left {
  margin-right: 0.8rem;
}
.cross-avatar {
  width: 50px;
  height: 50px;
  border-radius: 100px;
}
.cross_right {
  width: 100%;
  background-color: #f1f4f8;
  border-radius: 6px;
}
.cross_right_time {
  font-size: 13px;
}
.cross_right_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  color: #555;
  border-bottom: 1px solid rgba(222, 229, 231, 0.45);
  padding: 10px 15px;
}
.cross-excerpt {
  padding: 15px;
}
.cross-excerpt p {
  margin: 0;
  font-size: 14px;
}
.cross_right_foot {
  padding: 10px 15px;
  color: #555;
  font-size: 12px;
}
.cross_right_foot i {
  font-size: 14px;
}
.cross-img,
.cross-imgg {
  max-height: 160px;
  border-radius: 5px;
  max-width: 100%;
  margin-top: 10px;
}
.cross_nav-page .page-navigator a {
  display: none;
}
.cross_nav-page .page-navigator a.commentslistnext {
  display: inline-block;
  position: relative;
  width: 110px;
  text-align: center;
  font-size: 12px;
  line-height: 40px;
  border-radius: 100px;
  transition: 0.3s ease-in-out;
  color: var(--white);
  overflow: hidden;
}
.comment_admin i {
  color: #f44336;
  font-size: 12px;
  cursor: pointer;
}
.comment_ds i {
  color: #e65100;
  font-size: 12px;
  cursor: pointer;
}
.share_tip {
  max-width: 540px;
  width: 100%;
}
.share_head {
  position: relative;
  margin-bottom: 1.5rem;
}
.share_head_img {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 42.857143%;
  border-radius: 6px;
  overflow: hidden;
}
.share_head_img img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
}
.share_head_filter {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background-color: rgba(22, 29, 39, 0.88);
  opacity: 0.3;
}
.share_head_info {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0.75rem;
}
.share_head_title {
  width: 100%;
  color: #fff;
  font-size: 1.3125rem;
  margin: 0 7px;
  text-align: center;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.share_foot {
  text-align: center;
}
.share_foot a {
  display: inline-block;
  width: 2.625rem;
  height: 2.625rem;
  color: #6a6a6a;
  margin: 5px;
  border-radius: 100px;
  background-color: #eceef1;
  border: 1px solid #eceef1;
}
.share_foot a:hover {
  color: #1a1a1a;
}
.share_foot a span {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
}
.share_foot a span i {
  font-size: 1.25rem;
}
.filter_box {
  position: fixed;
  display: flex;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  z-index: 900;
}
.filter_bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(94, 110, 141, 0.9);
  transition: all 0.35s;
  z-index: 900;
}
.filter_tip {
  z-index: 1000;
  background-color: #fff;
  padding: 1.25rem;
  border-radius: 6px;
  text-align: center;
  position: relative;
  box-shadow: 0 10px 50px -5px rgb(6 39 67 / 12%);
  margin: 10px;
}
.sal-login-modal,
.sal-memo-modal {
  position: fixed;
  inset: 0;
  z-index: 1100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.sal-memo-modal {
  z-index: 1120;
}
.sal-login-modal__mask,
.sal-memo-modal__mask {
  position: absolute;
  inset: 0;
  background: rgba(36, 47, 63, 0.58);
  backdrop-filter: blur(1.5px);
}
.sal-login-modal__panel,
.sal-memo-modal__panel {
  position: relative;
  margin: 0;
  background: #fff;
  border-radius: 12px;
  border: 1px solid #edf1f6;
  box-shadow: 0 20px 56px rgba(15, 23, 42, 0.16);
  z-index: 1;
}
.sal-login-modal__panel,
.sal-memo-modal__panel {
  max-height: calc(100vh - 32px);
  overflow: auto;
}
.sal-login-modal__panel {
  width: min(380px, 100%);
  padding: 18px 18px 16px;
}
.sal-memo-modal__panel {
  width: min(420px, 100%);
  padding: 14px 14px 12px;
}
.sal-login-modal__close,
.sal-memo-modal__close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 24px;
  height: 24px;
  border: 0;
  background: transparent;
  font-size: 24px;
  line-height: 1;
  color: #7a8798;
  cursor: pointer;
}
.sal-login-modal__title,
.sal-memo-modal__title {
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 700;
}
.sal-login-form__label {
  display: block;
  margin: 10px 0 6px;
  font-size: 13px;
  font-weight: 700;
  color: #536071;
}
.sal-login-form__input {
  width: 100%;
  height: 42px;
  border: 1px solid #e6ebf2;
  border-radius: 8px;
  background: #f7f9fc;
  font-size: 14px;
  padding: 0 12px;
  color: #2d3748;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.sal-login-form__password-wrap {
  position: relative;
}
.sal-login-form__password-wrap .sal-login-form__input {
  padding-right: 56px;
}
.sal-login-form__toggle {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  font-size: 15px;
  color: #7a8798;
  cursor: pointer;
}
.sal-login-form__toggle .iconfont {
  font-size: 15px !important;
  line-height: 1;
}
.sal-login-form__remember {
  margin-top: 8px;
  font-size: 12px;
  color: #5a6574;
  display: inline-flex;
  gap: 6px;
  align-items: center;
}
.sal-login-form__submit,
.sal-memo-form__submit {
  width: 100%;
  border: 0;
  margin-top: 14px;
  height: 42px;
  border-radius: 8px;
  background: var(--theme-primary);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: opacity 0.2s ease, filter 0.2s ease;
}
.sal-login-form__submit:hover,
.sal-memo-form__submit:hover {
  filter: brightness(0.95);
}
.sal-login-form__input:focus,
.sal-memo-form__textarea:focus {
  border-color: var(--theme-primary);
  box-shadow: 0 0 0 3px rgba(119, 170, 173, 0.16);
}
.sal-login-form__submit.is-loading,
.sal-memo-form__submit.is-loading {
  opacity: 0.85;
  pointer-events: none;
}
.tools_edit a.js-open-memo-modal,
.tools_edit a.js-open-login-modal,
.tools_edit a.js-admin-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  border-bottom: 0;
}
.tools_edit a.js-open-memo-modal .iconfont,
.tools_edit a.js-open-login-modal .iconfont,
.tools_edit a.js-admin-link .iconfont {
  font-size: 16px !important;
  line-height: 1;
}
.sal-memo-form__textarea {
  width: 100%;
  min-height: 120px;
  border: 1px solid #e6ebf2;
  border-radius: 8px;
  background: #f7f9fc;
  font-size: 14px;
  line-height: 1.7;
  padding: 10px;
  resize: vertical;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.sal-memo-form__image-row {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}
.sal-memo-form__images {
  display: contents;
}
.sal-memo-form__image-item {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 8px;
  overflow: hidden;
  background: #f2f4f8;
}
.sal-memo-form__image-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sal-memo-form__image-remove {
  position: absolute;
  right: 6px;
  top: 6px;
  width: 22px;
  height: 22px;
  border: 0;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.62);
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  cursor: pointer;
}
.sal-memo-form__add-image {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 8px;
  border: 1px dashed #d7dfeb;
  background: #f7f9fc;
  color: #9cabc1;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
  transition: border-color 0.2s ease, color 0.2s ease;
}
.sal-memo-form__add-image:hover {
  border-color: var(--theme-primary);
  color: var(--theme-primary);
}
body.sal-login-open {
  overflow: hidden;
}
.tip_tips {
  width: 218px;
}
.tip_tips .tip_icon {
  width: 120px;
  height: 120px;
}
.filter_tip_off {
  position: absolute;
  bottom: -50px;
  width: 100%;
  right: 0;
  justify-content: center;
  display: flex;
}
#filter_off .icon {
  height: 28px;
  width: 28px;
  cursor: pointer;
}
.filter_tip_off i {
  font-size: 18px;
}
.filter_frame .filter_tip {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.filter_open .filter_tip {
  -webkit-animation-name: filter_open;
  animation-name: filter_open;
}
.filter_close .filter_tip {
  -webkit-animation-name: filter_close;
  animation-name: filter_close;
}
@-webkit-keyframes filter_open {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@keyframes filter_open {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes filter_close {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
  }
}
@keyframes filter_close {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
}
button {
  font-family: inherit;
}
.post_pic:hover .post_pic_box hr {
  width: 3.5rem;
}
.post_text:hover .post_text_box:after {
  width: 3rem;
}
.post_comments:hover .line:after {
  width: 5rem;
}
.match .text-primary,
.match .match_color_z,
.match .index_list_word i {
  color: var(--theme-primary);
}
.match .post_text_box a:hover,
.match .post_pic_info a:hover,
.match .meun_li a:hover,
.match .search_btn:hover i,
.match .index_list_name a:hover,
.match .index_list_info a:hover,
.match .index_list:hover .index_remark_excerpt {
  color: var(--theme-primary);
}
.cross_nav-page .page-navigator a.commentslistnext,
.normal.match .paging_next a,
.match .post_pic_box hr,
.match .post_text_box:after,
.match .post_comments .line:after,
.match .palbum_box_line,
.post_praise_btn:hover,
.post_praise_btn.current {
  background-color: var(--theme-primary) !important;
}
.normal {
  background-color: #efefef;
}
.normal .index_card {
  box-shadow: 0 1px 3px rgb(0 0 0 / 16%);
}
.normal .post_praise_btn.current {
  color: #fff;
}
.normal .post_praise_btn:hover {
  color: #fff;
}
.obje {
  background-color: #f5f7fa;
}
.obje .content {
  background-color: #f3f5f8;
  box-shadow:
    8px 8px 20px 0 rgb(55 99 170 / 10%),
    -8px -8px 20px 0 #fff;
}
.obje #header .header_bg_filter::before {
  display: none;
}
.obje #header {
  background-color: rgba(255, 255, 255, 0.4);
}
.obje #header .header_bg {
  background-image: linear-gradient(0deg, #fff, #f3f5f8);
  border: 2px solid #fff;
}
.obje .slide_card {
  border: 2px solid #fff;
  box-shadow:
    8px 8px 20px 0 rgb(55 99 170 / 10%),
    -8px -8px 20px 0 #fff,
    inset 0 4px 20px 0 hsl(0deg 0% 100% / 50%);
}
.obje .slide_button-next,
.obje .slide_button-prev {
  background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);
  border: 2px solid #fff;
  box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%);
  color: #3d3737;
}
.obje .index_list {
  background-color: #f5f7f9;
  border-bottom: 1px solid #fff;
}
.obje .index_list:last-child {
  border-bottom: 0;
}
.obje .index_card {
  border: 2px solid #fff;
  background: linear-gradient(180deg, #f5f7f9 0, #fff);
  box-shadow:
    8px 8px 20px 0 rgb(55 99 170 / 10%),
    -8px -8px 20px 0 #fff,
    inset 0 4px 20px 0 hsl(0deg 0% 100% / 50%);
}
.obje .paging_next a {
  background-color: #fff;
  border: 2px solid #fff;
  color: #3d485d;
  box-shadow:
    8px 8px 20px 0 rgb(55 99 170 / 10%),
    -8px -8px 20px 0 #fff,
    inset 0 4px 20px 0 hsl(0deg 0% 100% / 50%);
}
.obje .paging_next a:hover {
  color: #0052d9;
  background: #f3f5f8;
  box-shadow:
    inset 8px 8px 20px 0 rgb(55 99 170 / 11%),
    inset -8px -8px 20px 0 #fff;
  border-color: transparent;
}
.obje .post,
.obje .post_comments,
.obje .public,
.obje .album_list {
  background-color: #f5f7f9;
}
.obje .post_praise_btn,
.obje .lastup_btn,
.obje .post_lastup_btn,
.obje .post_foot_tz,
.obje .share_btn {
  background-image: linear-gradient(0deg, #fff, #f3f5f8);
  border: 2px solid #fff;
  box-shadow:
    8px 8px 20px 0 rgb(55 99 170 / 10%),
    -8px -8px 20px 0 #fff;
}
.obje .post_foot_tz small {
  border-left: 8px solid #fff;
}
.obje .post_praise_btn:hover,
.obje .lastup_btn:hover,
.obje .post_lastup_btn:hover,
.obje .share_btn:hover {
  background: #f3f5f8;
  box-shadow:
    inset 8px 8px 20px 0 rgb(55 99 170 / 11%),
    inset -8px -8px 20px 0 #fff;
}
.obje .post_tags a {
  border: 1px solid rgba(157, 173, 193, 0.5);
}
.obje .share_btn:hover,
.obje .lastup_btn:hover,
.obje .post_lastup_btn:hover {
  background-image: linear-gradient(0deg, #fff, #f3f5f8);
  border: 2px solid #fff;
  box-shadow:
    8px 8px 20px 0 rgb(55 99 170 / 10%),
    -8px -8px 20px 0 #fff;
}
.obje #footer {
  border-top: 1px solid #dee2e6;
  background-color: #f5f7fa;
}
.obje .tools .tools_night,
.obje .tools .tools_top,
.obje .tools .tools_edit {
  background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);
  border: 2px solid #fff;
  box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%);
}
.obje .douban_tab_list,
.obje .link_tab_list {
  background: #f3f5f8;
  box-shadow:
    inset 8px 8px 20px 0 rgb(55 99 170 / 11%),
    inset -8px -8px 20px 0 #fff;
}
.obje #douban_book:checked ~ .douban_tab label[for="douban_book"] span,
.obje #douban_movie:checked ~ .douban_tab label[for="douban_movie"] span,
.obje #link_info:checked ~ .link_tab label[for="link_info"] span,
.obje #link_friend:checked ~ .link_tab label[for="link_friend"] span,
.obje #link_recom:checked ~ .link_tab label[for="link_recom"] span {
  background-image: linear-gradient(0deg, #fff, #f3f5f8);
  border: 2px solid #fff;
}
.obje .link_body_list {
  background-image: linear-gradient(0deg, #fff, #f3f5f8);
  border: 2px solid #fff;
  box-shadow:
    8px 8px 20px 0 rgb(55 99 170 / 10%),
    -8px -8px 20px 0 #fff;
}
.obje .link_body_list:hover {
  background: #f3f5f8;
  box-shadow:
    inset 8px 8px 20px 0 rgb(55 99 170 / 11%),
    inset -8px -8px 20px 0 #fff;
}
.obje .communal_box {
  border: 2px solid #fff;
  background: linear-gradient(180deg, #f5f7f9 0, #fff);
  box-shadow:
    8px 8px 20px 0 rgb(55 99 170 / 10%),
    -8px -8px 20px 0 #fff,
    inset 0 4px 20px 0 hsl(0deg 0% 100% / 50%);
}
.obje .communal_card .communal_box,
.obje .communal_card .communal_box_img img,
.obje .communal_card .communal_filter {
  border-radius: 6px;
}
.obje .paging .page-navigator {
  background: linear-gradient(180deg, #f5f7f9 0, #fff);
  box-shadow:
    8px 8px 20px 0 rgb(55 99 170 / 10%),
    -8px -8px 20px 0 #fff,
    inset 0 4px 20px 0 hsl(0deg 0% 100% / 50%);
  border: 2px solid #fff;
}
.obje #header .level_ul {
  background-color: #f3f5f8;
}
.obje .talk_list {
  background-image: linear-gradient(0deg, #fff, #f3f5f8);
  border: 2px solid #fff;
  box-shadow:
    8px 8px 20px 0 rgb(55 99 170 / 10%),
    -8px -8px 20px 0 #fff;
}
.obje .comment-inputs input,
.obje .comment-editor_box textarea {
  background-image: linear-gradient(0deg, #fff, #f3f5f8);
  border: 2px solid #fff;
}
.obje .comment_box_avatar,
.obje .comment_list_avatar,
.obje .comment_excerpt,
.obje .cross_right,
.obje .cross-avatar {
  border: 2px solid #fff;
  box-shadow:
    8px 8px 20px 0 rgb(55 99 170 / 10%),
    -8px -8px 20px 0 #fff;
}
:root {
  --light-blue: #f9f9ff;
  --theme-primary: #77aaad;
  --white: #fff;
  --light-green: #eff2f9;
  --index-excerpt: #7a8b9a;
}
.index_list_pic:after,
.index_list_img:after,
.index_album_img:after,
.paging_next a::after {
  background-image: -o-linear-gradient(
    left,
    transparent,
    rgba(255, 255, 255, 0.2)
  );
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(transparent),
    to(rgba(255, 255, 255, 0.2))
  );
  background-image: linear-gradient(
    to right,
    transparent,
    rgba(255, 255, 255, 0.2)
  );
  content: "";
  position: absolute;
  display: block;
  width: 50%;
  height: 100%;
  top: 0;
  left: -75%;
  z-index: 2;
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
  pointer-events: none;
}
.index_list_box:hover .index_list_pic:after,
.index_list_box:hover .index_list_img:after,
.index_list:hover .index_album_img:after,
.paging_next:hover a:after {
  -webkit-animation: shine 0.85s;
  animation: shine 0.85s;
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
@media (max-width: 767.98px) {
  .index_list_info .index_list_category,
  .index_list_info time + .text-primary {
    display: none;
  }
  .text-primary {
    padding: 0 0.45rem;
  }
  .sal-login-modal.sal-keyboard-open,
  .sal-memo-modal.sal-keyboard-open {
    align-items: flex-start;
    padding-top: 12px;
    padding-bottom: calc(var(--sal-keyboard-offset, 0px) + 12px);
  }
  .sal-login-modal.sal-keyboard-open .sal-login-modal__panel,
  .sal-memo-modal.sal-keyboard-open .sal-memo-modal__panel {
    max-height: calc(100vh - var(--sal-keyboard-offset, 0px) - 24px);
  }
  .header_actions.auth_nav {
    margin-left: 0.5rem;
    gap: 0.35rem;
  }
  .header_actions .auth_nav_btn,
  .header_actions .auth_nav_link {
    height: 26px;
    padding: 0 0.65rem;
    font-size: 11px;
    line-height: 24px;
  }
  .content {
    margin: 0;
  }
  .index_slide_img {
    padding-top: 35%;
  }
  .index_slide_title {
    font-size: 1.125rem;
  }
  .index_list_name {
    font-size: 1.125rem;
  }
  .index_list_excerpt {
    margin-top: 0.5rem;
  }
  .index_remark_excerpt {
    -webkit-line-clamp: 2;
    min-height: 50px;
  }
  .index_list_right .index_list_excerpt {
    display: none;
  }
  .content_top--grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .content_top--grid .index_list_right .index_list_excerpt {
    display: -webkit-box;
  }
  .post_pic_img {
    padding-top: 43.33333%;
  }
  .post_pic.post_pic--page .post_pic_img {
    padding-top: 36%;
  }
  .post_pic_title,
  .post_text_title,
  .palbum_box_title {
    font-size: 18px;
  }
  .post_pic {
    margin-bottom: 1.6rem;
  }
  .toc_container {
    display: none !important;
  }
  .post_text {
    padding-bottom: 0.5rem;
  }
  .communal_box_text {
    padding: 1.5rem;
  }
  .communal_box_tetle,
  .album_public_title {
    font-size: 1.375rem;
  }
  .album_public_img {
    padding-top: 35%;
  }
  .album_list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .douban {
    gap: 0.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .comment_list_avatar {
    width: 35px;
    height: 35px;
  }
  .paging .page-navigator li {
    display: none;
  }
  .paging .page-navigator li.current,
  .paging .page-navigator li.next,
  .paging .page-navigator li.prev {
    display: block;
  }
  .palbum_img {
    padding-top: 40%;
  }
  .song .photos_album {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .talk {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .link_body_friend {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .readers_wall_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
}
.iframe_video {
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .iframe_video {
    height: 15em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .iframe_video {
    height: 20em;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .iframe_video {
    height: 30em;
  }
}
@media only screen and (min-width: 1200px) {
  .iframe_video {
    height: 40em;
  }
}
.iframe_cross {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
}
.iframe_cross iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.CTPlayer-name {
  display: none;
}
.CTPlayer-cover {
  width: 32px;
  height: 32px;
  object-fit: cover;
  border-radius: 100px;
}
.CTPlayer-list {
  height: 200px;
  overflow-x: hidden;
}
.CTPlayer-pause {
  animation: rotating 6s linear infinite;
}
.CTPlayer-list-index {
  margin-right: 5px;
}
#mp-list li {
  font-size: 14px;
}
.CTPlayer-list-author {
  display: none;
}
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
::-webkit-scrollbar-thumb {
  background: #718096;
}
::-webkit-scrollbar-track {
  background: #cbd5e0;
}
#headers .meun_list::-webkit-scrollbar {
  height: 2px;
}
#headers .meun_list::-webkit-scrollbar-track {
  background: transparent;
}
.pagination2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.prev2,
.next2 {
  padding: 12px;
  color: rgba(0, 0, 0, 0.5);
  margin: 10px 10px 20px 10px;
}
.context-menu {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  padding: 5px;
  border-radius: 4px;
}
.hover-info {
  position: relative;
  cursor: pointer;
  color: inherit;
}
.hover-info::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s;
  z-index: 1000;
}
.hover-info:hover::after {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 767px) {
  .pagination2 {
    display: block;
    padding-bottom: 10px;
  }
  .next2 {
    margin-bottom: 10px !important;
  }
}
.comment-form-cookies-consent label {
  font-size: 14px;
}
.match .match_bg {
  background-color: #ffffff;
}
.communal_card .stor {
  background-color: #ffffff;
}
.normal .content {
  background-color: #f9f9f9;
  box-shadow: 0 0 6px 4px rgb(0 0 0 / 5%);
}
/* 260329夜间模式css */
.normal.dark {
  background-color: #191919;
  color: #aaa;
}
.normal.dark.match .match_bg,
.dark .post_comments,
.dark .public,
.dark .album_list,
.normal.dark #headers {
  background-color: #212121;
}
.dark.normal .content {
  background-color: #191919;
}
.dark #header .header_bg_filter::before {
  background: -webkit-linear-gradient(
    bottom,
    #212121,
    rgba(255, 255, 255, 0) 100%
  );
}
.dark #header .navbar,
.dark .post_text_box {
  border-bottom: 1px solid #777;
}
.dark .index_album_img,
.dark .index_list_pic {
  border: 1px solid #777;
}
.dark .paging .page-navigator {
  background-color: #212121;
}
.dark .tools .tools_night,
.dark .tools .tools_top,
.dark .tools .tools_edit {
  background-color: #212121;
}
.dark .author-overview__stats,
.dark .author-list__item time {
  color: #a8b3c2;
}
.dark .author-filters__item {
  color: #a8b3c2;
  border-color: #46546d;
}
.dark .author-load-more {
  color: #a8b3c2;
  border-color: #46546d;
}
.dark .author-list__item {
  border-bottom-color: #38465d;
}
.dark .author-list__type--post {
  background: #3f67cc;
}
.dark .author-list__type--comment {
  background: #7458bf;
}
.dark .author-list__type--memo {
  background: #178f63;
}
.dark .song blockquote {
  background-color: #1b1b1b;
  border-left: 3px solid #777;
}
.normal.dark #headers .navbar,
.dark #header .header_box,
.dark .index_list,
.dark .song .article-tabs,
.dark .song .article-collapse,
.dark .song a,
.dark .song ol li,
.dark .song ul li,
.dark .song ol,
.dark .song ul,
.dark .song th,
.dark .song td,
.dark .post_comments .line,
.dark .file_list_ul,
.dark .file_list_li {
  border-color: #777;
}
.dark .song code {
  background-color: rgb(0 0 0 / 66%);
}
.dark .song pre::after {
  background: #191919;
}
.dark .song pre,
.dark pre[class*="language-"].line-numbers > code,
.dark .line-numbers .line-numbers-rows {
  background-color: #1b1b1b;
}
.dark .song tr:nth-child(even) {
  background-color: #191919;
}
.dark.normal .post_praise_btn {
  background-color: #1b1b1b;
  color: #fff;
}
.dark .share_btn,
.dark .lastup_btn,
.dark .post_lastup_btn,
.dark .post_tags a,
.dark #headers .level_li:hover {
  background-color: #191919;
}
.dark .comment_xin_name input,
.dark .comment_xin_box input,
.dark .comment-editor_box textarea,
.dark .comment_excerpt {
  border: 1px solid #191919;
  background-color: #191919;
  color: #aaa;
}
.dark .comment-emoji-toggle {
  background: transparent;
  border-color: transparent;
  color: #d0d0d0;
}
.dark .comment-emoji-toggle:hover {
  background: transparent;
  border-color: transparent;
}
.dark .comment-emoji-panel {
  background: #191919;
  border-color: #3b3b3b;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.35);
}
.dark .comment-emoji-item:hover {
  background: #2a2a2a;
}
.dark .paging .page-navigator {
  box-shadow: 0 1px 3px #191919;
}
.dark .douban_tab_list,
.dark .link_tab_list,
.dark.normal #headers .level_ul {
  background-color: #1b1b1b;
  color: #aaa;
}
.dark #link_info:checked ~ .link_tab label[for="link_info"] span,
.dark #link_friend:checked ~ .link_tab label[for="link_friend"] span,
.dark #douban_book:checked ~ .douban_tab label[for="douban_book"] span,
.dark #douban_movie:checked ~ .douban_tab label[for="douban_movie"] span {
  background: #0a0909;
}
.dark .link_body_list {
  box-shadow: rgb(0 0 0 / 66%) 0 0 5px 0;
}
.dark .readers_wall_item {
  background: #1a1b1d;
  box-shadow: rgb(0 0 0 / 45%) 0 0 5px 0;
}
.dark .readers_wall_name {
  color: #c5d1df;
}
.dark .readers_wall_count {
  color: #95a1af;
}
.dark .readers_latest_item {
  background: #1a1b1d;
  box-shadow: rgb(0 0 0 / 45%) 0 0 5px 0;
}
.dark .readers_latest_name {
  color: #c5d1df;
}
.dark .readers_latest_time {
  color: #93a0af;
}
.dark .readers_latest_excerpt {
  color: #acbac8;
}
.dark .readers_latest_post {
  color: #95a1af;
}
.dark #header .level_ul {
  background-color: #191919;
  box-shadow: 0px 0px 20px -5px #020202;
}
.dark #header .level_li:hover {
  background-color: #2a2a2a;
}
.dark #headers .menu-memos-badge {
  background: rgba(255, 109, 74, 0.2);
  border-color: rgba(255, 109, 74, 0.45);
  color: #ff9b84;
}
.dark #headers .search_input {
  background-color: #0a0909;
}
.dark .cross_right {
  background-color: #191919;
}
.dark .aplayer.aplayer-withlist .aplayer-info {
  border-color: #aaa;
}
.dark .aplayer .aplayer-lrc:before {
  background: linear-gradient(180deg, #2a2a2a 0, hsla(0, 0%, 100%, 0));
}
.dark .aplayer {
  background: #2a2a2a;
}
.dark .aplayer .aplayer-lrc:after {
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, hsl(0deg 0% 16%));
}
.dark .image_title {
  background-color: rgb(25 25 25 / 66%);
}
.dark .song figcaption {
  color: #aaa;
}
.dark .song .tip {
  opacity: 0.8;
}
.dark .song .collapse-head,
.dark .song .article-tabs .nav {
  background-color: #000000;
}
.dark .song .article-tabs .nav span.active {
  background-color: #212121;
}
.dark .mixtapeEmbed {
  background: #191919;
}
.dark .mixtapeEmbed-title {
  color: #aaa;
}
.dark .filter_tip {
  background-color: #212121;
}
.dark .share_foot a {
  background-color: #191919;
  border-color: #191919;
}
.dark .post_foot_tz {
  background-color: #191919;
  box-shadow: 0px 6px 13px -3px #0e0e0e;
}
.dark .auth_nav_btn,
.dark .auth_nav_link {
  border-color: #2b2b2b;
  background: #191919;
  color: #d2dae3;
}
.dark .sal-login-modal__panel,
.dark .sal-memo-modal__panel {
  background: #212121;
  border-color: #2b2b2b;
  color: #e8edf3;
}
.dark .sal-login-form__input,
.dark .sal-memo-form__textarea,
.dark .sal-memo-form__image-item {
  background: #191919;
  border-color: #2b2b2b;
  color: #e8edf3;
}
.dark .sal-login-modal__close,
.dark .sal-memo-modal__close,
.dark .sal-login-form__toggle {
  color: #c6d0dc;
}
.dark .sal-memo-form__add-image {
  background: #191919;
  border-color: #2b2b2b;
  color: #7f8ca0;
}
.dark .sal-login-form__label,
.dark .sal-login-form__remember {
  color: #b3bfcd;
}
.dark .sal-login-form__submit,
.dark .sal-memo-form__submit {
  color: #fff;
}
.dark .post_foot_tz small {
  border-left: 8px solid #191919;
}
.dark #reward_weixin:checked ~ .reward_option label[for="reward_weixin"] span,
.dark #reward_zfb:checked ~ .reward_option label[for="reward_zfb"] span {
  background: #212121;
}
.dark .reward_ul {
  background-color: #191919;
  color: #aaa;
}
.dark .icon-taiyang {
  color: #ffc107;
}
.obje #headers {
  background-color: #f8f9fb;
}
.dark.obje {
  background-color: #242933;
  color: #fff;
}
.dark.obje #headers {
  background-color: #242933;
}
.dark.obje .content {
  box-shadow:
    8px 8px 20px 0 rgb(18 21 26 / 60%),
    -8px -8px 20px 0 rgb(54 62 77 / 50%),
    inset 0 4px 20px 0 rgb(36 41 51 / 50%);
  background: #242933;
}
.dark.obje #header .header_bg {
  background-image: linear-gradient(179deg, #292f3b 2%, #242933);
  border-color: #242933;
}
.dark.obje .index_card,
.dark.obje .paging_next a {
  border-color: #242933;
  box-shadow:
    8px 8px 20px 0 rgb(18 21 26 / 60%),
    -8px -8px 20px 0 rgb(54 62 77 / 50%),
    inset 0 4px 20px 0 rgb(36 41 51 / 50%);
  background-image: linear-gradient(179deg, #292f3b 2%, #242933);
}
.dark.obje #header {
  background-color: rgb(36 41 51);
}
.dark.obje #headers .navbar {
  border-color: #777;
}
.dark.obje #footer {
  border-color: #414242;
  background-color: #242933;
}
.dark.obje .paging_next a {
  color: #fff;
}
.dark.obje .paging_next a:hover {
  background-color: #242933;
  box-shadow:
    inset 8px 8px 20px 0 rgb(18 21 26 / 60%),
    inset -8px -8px 20px 0 rgb(54 62 77 / 50%);
}
.dark.obje .post,
.dark.obje .post_comments,
.dark.obje .public,
.dark.obje .album_list {
  background-color: #242933;
}
.dark.obje .post_praise_btn,
.dark.obje .lastup_btn,
.dark.obje .post_lastup_btn,
.dark.obje .post_foot_tz,
.dark.obje .share_btn,
.dark.obje .link_body_list,
.dark.obje .talk_list {
  border-color: #242933;
  box-shadow:
    8px 8px 20px 0 rgb(18 21 26 / 60%),
    -8px -8px 20px 0 rgb(54 62 77 / 50%),
    inset 0 4px 20px 0 rgb(36 41 51 / 50%);
  background-image: linear-gradient(179deg, #292f3b 2%, #242933);
  color: #fff;
}
.dark.obje .zan_btn.current {
  background-color: #242933;
  box-shadow:
    inset 8px 8px 20px 0 rgb(18 21 26 / 60%),
    inset -8px -8px 20px 0 rgb(54 62 77 / 50%);
}
.dark.obje .comment-inputs input,
.dark.obje .comment-editor_box textarea {
  background: #242933;
  box-shadow:
    inset 8px 8px 20px 0 rgb(18 21 26 / 60%),
    inset -8px -8px 20px 0 rgb(54 62 77 / 50%);
}
.dark.obje .comment_box_avatar,
.dark.obje .comment_list_avatar,
.dark.obje .comment_excerpt,
.dark.obje .cross_right,
.dark.obje .cross-avatar {
  border-color: #242933;
  box-shadow:
    8px 8px 20px 0 rgb(18 21 26 / 60%),
    -8px -8px 20px 0 rgb(54 62 77 / 50%),
    inset 0 4px 20px 0 rgb(36 41 51 / 50%);
  background-color: #242933;
}
.dark.obje .communal_box {
  border-color: #242933;
  box-shadow:
    8px 8px 20px 0 rgb(18 21 26 / 60%),
    -8px -8px 20px 0 rgb(54 62 77 / 50%),
    inset 0 4px 20px 0 rgb(36 41 51 / 50%);
  background-color: #242933;
}
.dark.obje .douban_tab_list,
.dark.obje .link_tab_list {
  background-color: #242933;
  background: #242933;
  box-shadow:
    inset 8px 8px 20px 0 rgb(18 21 26 / 60%),
    inset -8px -8px 20px 0 rgb(54 62 77 / 50%);
}
.dark.obje #douban_book:checked ~ .douban_tab label[for="douban_book"] span,
.dark.obje #douban_movie:checked ~ .douban_tab label[for="douban_movie"] span,
.dark.obje #link_info:checked ~ .link_tab label[for="link_info"] span,
.dark.obje #link_friend:checked ~ .link_tab label[for="link_friend"] span,
.dark.obje #link_recom:checked ~ .link_tab label[for="link_recom"] span {
  border-color: #414242;
}
.dark.obje .communal_card .stor {
  border: 2px solid #242933;
  box-shadow:
    8px 8px 20px 0 rgb(18 21 26 / 60%),
    -8px -8px 20px 0 rgb(54 62 77 / 50%),
    inset 0 4px 20px 0 rgb(36 41 51 / 50%);
  background-image: linear-gradient(179deg, #292f3b 2%, #242933);
}
.dark.obje .tools .tools_night,
.dark.obje .tools .tools_top,
.dark.obje .tools .tools_edit {
  border: 2px solid #242933;
  box-shadow:
    8px 8px 20px 0 rgb(18 21 26 / 60%),
    -8px -8px 20px 0 rgb(54 62 77 / 50%),
    inset 0 4px 20px 0 rgb(36 41 51 / 50%);
  background-image: linear-gradient(179deg, #292f3b 2%, #242933);
}
.dark.obje .paging .page-navigator {
  border: 2px solid #242933;
  box-shadow:
    8px 8px 20px 0 rgb(18 21 26 / 60%),
    -8px -8px 20px 0 rgb(54 62 77 / 50%),
    inset 0 4px 20px 0 rgb(36 41 51 / 50%);
  background-image: linear-gradient(179deg, #292f3b 2%, #242933);
}
.dark #mp-music-wrapper.open {
  background-color: #212121;
}
.dark #mp-list li {
  color: #aaa;
}
.dark .stor,
.dark .communal_card .stor {
  background-color: #121212;
}
.dark.obje .index_list {
  background-color: #242933;
  border-bottom: 1px solid #8f8f8f;
}
.dark.obje .index_card {
  border-bottom: 0;
}