/* ==========================================================================
   基础和布局 (Base & Layout)
   ========================================================================== */
body.dark,
body:where(.dark) {
  background-color: #1a1a1a;
  color: #c9c5c2;
}
body.dark #wrapper,
body:where(.dark) #wrapper {
  background: #2c2c2c;
  border: 1px solid #3a3a3a;
  box-shadow: 0 8px 9px 1px rgba(0, 0, 0, 0.5);
  border-top-color: transparent;
}
body.dark #wrapper-inner,
body:where(.dark) #wrapper-inner {
  background: #3a3a3a url("img/pattern.png") repeat top center;
}
body.dark #profile:hover,
body:where(.dark) #profile:hover {
  opacity: 1;
}
body.dark #profile,
body:where(.dark) #profile {
  background: #4a4a4a;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04), 0 3px 3px rgba(17, 14, 11, 0.3);
}
body.dark #profile-image,
body:where(.dark) #profile-image {
  opacity: 0.8;
}
body.dark #profile-name,
body:where(.dark) #profile-name {
  background: #a6a5a4;
  color: #262421;
}
body.dark #profile-name:after,
body:where(.dark) #profile-name:after {
  border-top-color: #a6a5a4;
}
body.dark #profile-description,
body:where(.dark) #profile-description {
  color: #c4c0b6;
}
/* ==========================================================================
   通用元素和排版 (General Elements & Typography)
   ========================================================================== */
body.dark a,
body:where(.dark) a {
  color: #c4c0b6;
}
body.dark a:hover,
body:where(.dark) a:hover {
  color: #efe9de;
}
body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6,
body.dark .site-title a,
body.dark .entry-header .entry-title a,
body:where(.dark) h1,
body:where(.dark) h2,
body:where(.dark) h3,
body:where(.dark) h4,
body:where(.dark) h5,
body:where(.dark) h6,
body:where(.dark) .site-title a,
body:where(.dark) .entry-header .entry-title a {
  color: #c4c0b6;
}
body.dark .entry-header .entry-title a:hover,
body:where(.dark) .entry-header .entry-title a:hover {
  color: #efe9de;
}
body.dark .site-description,
body:where(.dark) .site-description {
  color: #aba59b;
}
body.dark ::selection,
body:where(.dark) ::selection {
  background: #2c2c2c;
  color: #e4e2db;
}
body.dark ::-moz-selection,
body:where(.dark) ::-moz-selection {
  background: #1a1a1a;
  color: #e4e2db;
}
hr {
  background: rgba(255, 255, 255, 0.1);
}
/* ==========================================================================
   头部 (Header)
   ========================================================================== */
body.dark #header,
body:where(.dark) #header {
  background: none !important;
}
body.dark header,
body:where(.dark) header {
  border-bottom: none !important;
  box-shadow: none !important;
}
body.dark #header .social-links .social-tooltip,
body.dark .page-title span,
body:where(.dark) #header .social-links .social-tooltip,
body:where(.dark) .page-title span {
  color: #c4c0b6;
}
body.dark .toggle-search .svg-icon,
body:where(.dark) .toggle-search .svg-icon {
  fill: #c4c0b6;
}
body.dark .toggle-search:focus #svg-search,
body.dark .toggle-search.active #svg-close {
  fill: #726b5c;
}
body.dark .themeform.searchform div:after {
  color: #bdbcb9;
}
body.dark #theme-toggle i,
body:where(.dark) #theme-toggle i {
  color: #74726a;
}
body.dark #theme-toggle-btn:before,
body:where(.dark) #theme-toggle-btn:before {
  background: #74726a;
  border-color: #1d150e;
}
body.dark.invert-dark-logo .site-title a img,
body.dark.invert-dark-logo .site-title a svg,
body:where(.dark.invert-dark-logo) .site-title a img,
body:where(.dark.invert-dark-logo) .site-title a svg {
  filter: invert(1);
}
/* ==========================================================================
   导航菜单 (Navigation Menu)
   ========================================================================== */
body.dark .nav-menu:not(.mobile) a,
body:where(.dark) .nav-menu:not(.mobile) a {
  color: #c4c0b6;
}
body.dark .nav-menu:not(.mobile) a:hover,
body:where(.dark) .nav-menu:not(.mobile) a:hover {
  color: #fdf4ea;
}
body.dark .nav-menu:not(.mobile) button .svg-icon,
body:where(.dark) .nav-menu:not(.mobile) button .svg-icon {
  fill: #aba59b;
}
body.dark .nav-menu:not(.mobile) ul ul button .svg-icon,
body:where(.dark) .nav-menu:not(.mobile) ul ul button .svg-icon {
  fill: #c1c7ae;
}
body.dark .nav-menu:not(.mobile) .menu > li > span,
body:where(.dark) .nav-menu:not(.mobile) .menu > li > span {
  background: #3d3d3d;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.78);
}
body.dark .nav-menu:not(.mobile) .menu > li > span:hover,
body:where(.dark) .nav-menu:not(.mobile) .menu > li > span:hover {
  background: #4a4a4a;
  color: #cfcff7;
}
body.dark .nav-menu:not(.mobile) .menu > li:hover > span,
body:where(.dark) .nav-menu:not(.mobile) .menu > li:hover > span {
  background: #595550;
  color: #cfcff7;
  border-color: rgba(94, 97, 145, 0.31);
}
body.dark .nav-menu:not(.mobile) li.current_page_item > span > a,
body.dark .nav-menu:not(.mobile) li.current-menu-item > span > a,
body.dark .nav-menu:not(.mobile) li.current-menu-ancestor > span > a,
body.dark .nav-menu:not(.mobile) li.current-post-parent > span > a,
body:where(.dark) .nav-menu:not(.mobile) li.current_page_item > span > a,
body:where(.dark) .nav-menu:not(.mobile) li.current-menu-item > span > a,
body:where(.dark) .nav-menu:not(.mobile) li.current-menu-ancestor > span > a,
body:where(.dark) .nav-menu:not(.mobile) li.current-post-parent > span > a {
  color: #e2dacf;
}
body.dark .nav-menu:not(.mobile) .menu > li.current_page_item > span,
body.dark .nav-menu:not(.mobile) .menu > li.current-menu-item > span,
body.dark .nav-menu:not(.mobile) .menu > li.current-menu-ancestor > span,
body.dark .nav-menu:not(.mobile) .menu > li.current-post-parent > span,
body:where(.dark) .nav-menu:not(.mobile) .menu > li.current_page_item > span,
body:where(.dark) .nav-menu:not(.mobile) .menu > li.current-menu-item > span,
body:where(.dark) .nav-menu:not(.mobile) .menu > li.current-menu-ancestor > span,
body:where(.dark) .nav-menu:not(.mobile) .menu > li.current-post-parent > span {
  background: #595550;
  border: 1px solid rgba(122, 106, 82, 0.6);
}
body.dark .nav-menu .menu > li.current-menu-item > span.menu-item-wrapper:hover {
  background: #4a4a4a;
  border: 1px solid rgba(150, 146, 141, 0.6);
  box-shadow: inset 0 0 9px rgba(49, 48, 48, 0.99);
}
body.dark .nav-menu:not(.mobile) button.active,
body:where(.dark) .nav-menu:not(.mobile) button.active {
  background: rgba(255, 255, 255, 0.08);
}
body.dark .nav-menu:not(.mobile) .menu ul,
body:where(.dark) .nav-menu:not(.mobile) .menu ul {
  background: #64635f;
}
body.dark .nav-menu:not(.mobile) .menu ul:after,
body:where(.dark) .nav-menu:not(.mobile) .menu ul:after {
  border-bottom-color: #64635f;
}
body.dark .nav-menu:not(.mobile) .menu ul ul:after,
body:where(.dark) .nav-menu:not(.mobile) .menu ul ul:after {
  border-right-color: #4a4a4a;
  border-bottom-color: transparent;
  bottom: auto;
  left: -16px;
  top: 20px;
}
body.dark .nav-menu-dropdown-left .nav-menu:not(.mobile) .menu ul ul:after,
body:where(.dark) .nav-menu-dropdown-left .nav-menu:not(.mobile) .menu ul ul:after {
  border-left-color: #fff;
}
body.dark .nav-menu:not(.mobile) ul ul button.active,
body:where(.dark) .nav-menu:not(.mobile) ul ul button.active {
  background: rgba(0, 0, 0, 0.06);
}
body.dark .nav-menu:not(.mobile) ul ul a,
body:where(.dark) .nav-menu:not(.mobile) ul ul a {
  color: #ede7dd;
}
body.dark .nav-menu:not(.mobile) ul ul a:hover,
body:where(.dark) .nav-menu:not(.mobile) ul ul a:hover {
  color: #fdf4ea;
}
body.dark .nav-menu:not(.mobile) ul ul > li,
body:where(.dark) .nav-menu:not(.mobile) ul ul > li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
body.dark .nav-menu:not(.mobile) ul ul li.current_page_item > span > a,
body.dark .nav-menu:not(.mobile) ul ul li.current-menu-item > span > a,
body.dark .nav-menu:not(.mobile) ul ul li.current-menu-ancestor > span > a,
body.dark .nav-menu:not(.mobile) ul ul li.current-post-parent > span > a,
body:where(.dark) .nav-menu:not(.mobile) ul ul li.current_page_item > span > a,
body:where(.dark) .nav-menu:not(.mobile) ul ul li.current-menu-item > span > a,
body:where(.dark) .nav-menu:not(.mobile) ul ul li.current-menu-ancestor > span > a,
body:where(.dark) .nav-menu:not(.mobile) ul ul li.current-post-parent > span > a {
  color: #ffe8b6;
}
body.dark .menu-toggle-icon span,
body:where(.dark) .menu-toggle-icon span {
  background: #c4c0b6;
}
body.dark .nav-menu .svg-icon,
body:where(.dark) .nav-menu .svg-icon {
  fill: #c4c0a8;
}
body.dark .nav-menu.mobile button:focus,
body.dark .menu-toggle:focus,
body:where(.dark) .nav-menu.mobile button:focus,
body:where(.dark) .menu-toggle:focus {
  background: #4a4a4a;
}
body.dark .nav-menu.mobile ul ul button:focus,
body:where(.dark) .nav-menu.mobile ul ul button:focus {
  background: rgba(255, 255, 255, 0.06);
}
body.dark .nav-menu.mobile,
body.dark #footer .nav-menu.mobile,
body:where(.dark) .nav-menu.mobile,
body:where(.dark) #footer .nav-menu.mobile {
  background: #4a4a4a;
}
body.dark .nav-menu.mobile button.active .svg-icon,
body:where(.dark) .nav-menu.mobile button.active .svg-icon {
  fill: #c4c0a8;
}
body.dark .nav-menu.mobile ul ul,
body.dark .nav-menu.mobile ul ul ul,
body:where(.dark) .nav-menu.mobile ul ul,
body:where(.dark) .nav-menu.mobile ul ul ul {
  background: rgba(0, 0, 0, 0.1);
}
body.dark .nav-menu.mobile ul li .menu-item-wrapper,
body.dark .nav-menu.mobile ul ul li .menu-item-wrapper,
body:where(.dark) .nav-menu.mobile ul li .menu-item-wrapper,
body:where(.dark) .nav-menu.mobile ul ul li .menu-item-wrapper {
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
body.dark .nav-menu.mobile ul li a,
body:where(.dark) .nav-menu.mobile ul li a {
  color: #c4c0b6;
}
body.dark .nav-menu.mobile ul button,
body.dark .nav-menu.mobile ul ul button,
body:where(.dark) .nav-menu.mobile ul button,
body:where(.dark) .nav-menu.mobile ul ul button {
  border-left: 1px solid rgba(255, 255, 255, 0.07);
}
body.dark .nav-menu.mobile > div > ul,
body:where(.dark) .nav-menu.mobile > div > ul {
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}
/* ==========================================================================
   内容区域 (Content Area)
   ========================================================================== */
body.dark #header,
body.dark .sticky-element-sticky #header,
body.dark .featured-item,
body.dark .post-wrapper,
body.dark .sidebar .widget,
body.dark #footer,
body.dark #footer .nav-menu:not(.mobile),
body.dark .pagination ul li a,
body.dark .entry-meta .entry-category a,
body.dark .sidebar .post-nav,
body.dark #footer-ads,
body.dark #footer-widgets,
body:where(.dark) #header,
body:where(.dark) .sticky-element-sticky #header,
body:where(.dark) .featured-item,
body:where(.dark) .post-wrapper,
body:where(.dark) .sidebar .widget,
body:where(.dark) #footer,
body:where(.dark) #footer .nav-menu:not(.mobile),
body:where(.dark) .pagination ul li a,
body:where(.dark) .entry-meta .entry-category a,
body:where(.dark) .sidebar .post-nav,
body:where(.dark) #footer-ads,
body:where(.dark) #footer-widgets {
  background: #4a4a4a;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
body.dark .featured-item,
body.dark .post-wrapper,
body.dark .sidebar .widget,
body.dark .pagination ul li a,
body.dark .sidebar .post-nav,
body:where(.dark) .featured-item,
body:where(.dark) .post-wrapper,
body:where(.dark) .sidebar .widget,
body:where(.dark) .pagination ul li a,
body:where(.dark) .sidebar .post-nav {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 1px 0 rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.3);
}
body.dark .entry-line,
body:where(.dark) .entry-line {
  background: #575552;
}
body.dark .entry-line-inner,
body.dark .slick-featured,
body:where(.dark) .entry-line-inner,
body:where(.dark) .slick-featured {
  border-color: #262421;
}
body.dark .entry-line-inner,
body:where(.dark) .entry-line-inner {
  border-top: 2px solid #59534c;
  border-left: 2px solid #575552;
}
body.dark .wrap-entry-line:first-child .entry-line:before,
body:where(.dark) .wrap-entry-line:first-child .entry-line:before {
  background: linear-gradient(0deg, #5b5753 0%, #1e1a11 100%);
}
body.dark .wrap-entry-line:last-child .entry-line:before,
body:where(.dark) .wrap-entry-line:last-child .entry-line:before {
  background: linear-gradient(0deg, #575552 0%, #58544e 100%);
}
body.dark .entry-line-bullet,
body:where(.dark) .entry-line-bullet {
  background: #ccc6b7;
  border: 5px solid #86807b;
}
body.dark .entry-line-bullet-inner,
body:where(.dark) .entry-line-bullet-inner {
  background: #787075;
}
body.dark .slick-featured .slick-dots li button,
body:where(.dark) .slick-featured .slick-dots li button {
  background: #74726a;
  box-shadow: inset 0 1px 0 rgba(132, 136, 164, 0.21);
}
body.dark .slick-featured .slick-dots .slick-active button,
body:where(.dark) .slick-featured .slick-dots .slick-active button {
  background: #2e2c27;
  border: 4px solid #74726a;
}
body.dark .slick-featured-nav .slick-prev,
body.dark .slick-featured-nav .slick-next,
body:where(.dark) .slick-featured-nav .slick-prev,
body:where(.dark) .slick-featured-nav .slick-next {
  background: #605e59 !important;
}
body.dark .slick-featured,
body:where(.dark) .slick-featured {
  border-bottom: 2px solid #4d4b48;
}
body.dark .featured-item:hover .featured-item-title,
body:where(.dark) .featured-item:hover .featured-item-title {
  color: #ebe2ce;
}
body.dark .featured-item-content:before,
body:where(.dark) .featured-item-content:before {
  background: #ebe2ce;
}
body.dark .entry-meta,
body.dark .entry-meta .byline a,
body.dark .entry-meta .entry-category a,
body:where(.dark) .entry-meta,
body:where(.dark) .entry-meta .byline a,
body:where(.dark) .entry-meta .entry-category a {
  color: #aba59b;
}
body.dark .entry-meta .byline a:hover,
body:where(.dark) .entry-meta .byline a:hover {
  color: #c4c0b6;
}
body.dark .entry-meta-inner,
body:where(.dark) .entry-meta-inner {
  background: #545351;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.27);
}
body.dark .entry-meta .entry-comments,
body:where(.dark) .entry-meta .entry-comments {
  color: #4a4a4a;
}
body.dark .entry-meta .entry-comments:hover,
body:where(.dark) .entry-meta .entry-comments:hover {
  color: #8989b4;
}
body.dark .entry-meta .entry-comments:hover span,
body:where(.dark) .entry-meta .entry-comments:hover span {
  color: #262421;
}
body.dark .entry-list .entry-comments,
body:where(.dark) .entry-list .entry-comments {
  color: #000;
}
body.dark .entry-meta .entry-category a:hover,
body:where(.dark) .entry-meta .entry-category a:hover {
  color: #d6cbbc;
  background: rgba(255, 255, 255, 0.1);
}
body.dark .entry a,
body:where(.dark) .entry a {
  color: #c4c0b6;
}
body.dark .entry a:hover,
body:where(.dark) .entry a:hover {
  color: #efe9de;
  box-shadow: 0 1px 0 #efe9de;
}
body.dark .entry dt,
body:where(.dark) .entry dt {
  color: #e4e2db;
}
body.dark .entry blockquote:before,
body:where(.dark) .entry blockquote:before {
  content: "\f10d";
  color: #c2c7ae;
  font-size: 32px;
  font-style: normal;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
}
body.dark .entry blockquote p,
body:where(.dark) .entry blockquote p {
  color: rgba(255, 248, 234, 0.6);
}
body.dark .entry pre,
body:where(.dark) .entry pre {
  border: 1px solid rgba(255, 248, 234, 0.6);
}
body.dark .entry code,
body:where(.dark) .entry code {
  background: rgba(255, 255, 255, 0.1);
}
body.dark .entry ins,
body:where(.dark) .entry ins {
  background: #fff486;
}
body.dark .entry .wp-caption,
body:where(.dark) .entry .wp-caption {
  background: rgba(255, 255, 255, 0.06);
}
body.dark .entry .wp-caption-text,
body:where(.dark) .entry .wp-caption-text {
  color: rgba(255, 255, 255, 0.6);
}
body.dark .entry table td,
body.dark .entry table th,
body:where(.dark) .entry table td,
body:where(.dark) .entry table th {
  border: 1px solid rgba(180, 180, 180, 0.47);
}
body.dark .entry table tr.alt,
body:where(.dark) .entry table tr.alt {
  background: rgba(255, 255, 255, 0.06);
}
body.dark .entry .wp-block-calendar table th,
body:where(.dark) .entry .wp-block-calendar table th {
  background: rgba(255, 255, 255, 0.06);
}
body.dark .entry .wp-block-calendar table caption,
body.dark .entry .wp-block-calendar table tbody,
body:where(.dark) .entry .wp-block-calendar table caption,
body:where(.dark) .entry .wp-block-calendar table tbody {
  color: #c7c3b8;
}
body.dark .entry .wp-block-table.is-style-stripes,
body:where(.dark) .entry .wp-block-table.is-style-stripes {
  border-bottom-color: rgba(255, 255, 255, 0.06);
}
body.dark .entry .wp-block-table.is-style-stripes tbody tr:nth-child(2n+1),
body:where(.dark) .entry .wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) {
  background: rgba(255, 255, 255, 0.06);
}
body.dark .entry--user-center .uc-list .meta .title a,
body.dark .site-main--user-center .uc-list .meta .title a,
body:where(.dark) .entry--user-center .uc-list .meta .title a,
body:where(.dark) .site-main--user-center .uc-list .meta .title a {
  color: #c4c0b6;
}
body.dark .entry--user-center .uc-list .meta .title a:hover,
body.dark .site-main--user-center .uc-list .meta .title a:hover,
body:where(.dark) .entry--user-center .uc-list .meta .title a:hover,
body:where(.dark) .site-main--user-center .uc-list .meta .title a:hover {
  color: #e2ded5;
}
/* ==========================================================================
   文章分页和导航 (Post Pagination & Navigation)
   ========================================================================== */
body.dark .pagination ul li a:before,
body:where(.dark) .pagination ul li a:before {
  color: #fff;
}
body.dark .wp-pagenavi a,
body.dark .wp-pagenavi span,
body:where(.dark) .wp-pagenavi a,
body:where(.dark) .wp-pagenavi span {
  color: #827f77;
}
body.dark .wp-pagenavi a,
body:where(.dark) .wp-pagenavi a {
  border-bottom: 3px solid #6a6557;
  border-top: 1px solid #6a6557;
}
body.dark .wp-pagenavi a:hover,
body.dark .wp-pagenavi a:active,
body.dark .wp-pagenavi span.current,
body:where(.dark) .wp-pagenavi a:hover,
body:where(.dark) .wp-pagenavi a:active,
body:where(.dark) .wp-pagenavi span.current {
  color: #b6b3a8;
  border-bottom: 3px solid #c4c0b6;
  border-top: 1px solid #c4c0b6;
}
/* ==========================================================================
   文章底部 (Post Footer)
   ========================================================================== */
body.dark .sharrre-container,
body:where(.dark) .sharrre-container {
  border: 1px solid rgba(255, 255, 255, 0.06);
}
body.dark .sharrre .box,
body:where(.dark) .sharrre .box {
  border-bottom: 0 solid #1b2b47;
  border-left: 1px solid rgba(255, 255, 255, 0.06);
}
body.dark .sharrre .count,
body:where(.dark) .sharrre .count {
  background: rgba(255, 255, 255, 0.06);
  color: #d8d8d0;
}
body.dark .sharrre .count:after,
body:where(.dark) .sharrre .count:after {
  border-left-color: rgba(255, 255, 255, 0.06);
}
body.dark .sharrre .box:hover,
body:where(.dark) .sharrre .box:hover {
  background: rgba(255, 255, 255, 0.06) !important;
}
body.dark .sharrre .box:hover .count,
body:where(.dark) .sharrre .box:hover .count {
  color: #d8d8d0 !important;
}
body.dark .post-nav li a,
body:where(.dark) .post-nav li a {
  background: #5e5d5b;
}
body.dark .post-nav li i,
body:where(.dark) .post-nav li i {
  color: #c8c3be;
}
body.dark .post-nav li a:hover i,
body:where(.dark) .post-nav li a:hover i {
  color: #efe9de;
}
body.dark .post-nav li a strong,
body:where(.dark) .post-nav li a strong {
  color: #c8c3be;
}
body.dark .post-nav li a span,
body:where(.dark) .post-nav li a span {
  color: #c4c0b6;
}
body.dark .post-nav li a:hover span,
body:where(.dark) .post-nav li a:hover span {
  color: #efe9de;
}
body.dark .post-nav li.previous a,
body.dark .post-nav li.next a,
body:where(.dark) .post-nav li.previous a,
body:where(.dark) .post-nav li.next a {
  border-left: 1px solid rgba(255, 255, 255, 0.06);
}
body.dark .sidebar .post-nav li:first-child,
body:where(.dark) .sidebar .post-nav li:first-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
body.dark .post-tags span,
body:where(.dark) .post-tags span {
  color: #c4c0b6;
}
body.dark .post-tags a,
body:where(.dark) .post-tags a {
  background: #3a3a3a;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.5);
}
body.dark .post-tags a:hover,
body:where(.dark) .post-tags a:hover {
  background-color: #5e5d5b;
}
body.dark .author-bio,
body:where(.dark) .author-bio {
  background: #2f2d2b;
  color: rgba(255, 255, 255, 0.5);
  border: 1px solid transparent;
}
body.dark .author-bio .bio-avatar:after,
body:where(.dark) .author-bio .bio-avatar:after {
  background: #f8f2e6;
  color: #2f2d2b;
}
body.dark .author-bio .bio-name,
body:where(.dark) .author-bio .bio-name {
  color: #d8d8d0;
}
body.dark .author-bio .bio-desc,
body:where(.dark) .author-bio .bio-desc {
  color: rgba(255, 255, 255, 0.5);
}
body.dark .related-title a,
body:where(.dark) .related-title a {
  color: rgba(255, 255, 255, 0.75);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}
body.dark .related-title a:hover,
body:where(.dark) .related-title a:hover {
  color: rgba(255, 255, 255, 0.95);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
/* ==========================================================================
   评论区 (Comments Section)
   ========================================================================== */
body.dark .comment-tabs li a,
body:where(.dark) .comment-tabs li a {
  background: #4a4a4a;
  color: #e1ded4;
}
body.dark .comment-tabs li a:hover,
body:where(.dark) .comment-tabs li a:hover {
  color: #f8f2e6;
}
body.dark .comment-tabs li.active a,
body:where(.dark) .comment-tabs li.active a {
  color: #e1ded4;
}
body.dark .comment-tabs li span,
body:where(.dark) .comment-tabs li span {
  background-color: rgba(255, 255, 255, 0.06);
}
body.dark .commentlist .fn,
body.dark .pinglist .ping-link,
body:where(.dark) .commentlist .fn,
body:where(.dark) .pinglist .ping-link {
  color: #e1ded4;
}
body.dark .commentlist .comment-meta:before,
body.dark .pinglist .ping-meta:before,
body:where(.dark) .commentlist .comment-meta:before,
body:where(.dark) .pinglist .ping-meta:before {
  color: #c4c0b6;
}
body.dark .commentlist .comment-meta a,
body.dark .pinglist .ping-meta,
body:where(.dark) .commentlist .comment-meta a,
body:where(.dark) .pinglist .ping-meta {
  color: #c4c0b6;
}
body.dark .commentlist .reply a,
body:where(.dark) .commentlist .reply a {
  color: #c4c0b6;
}
body.dark .commentlist .reply a:hover,
body:where(.dark) .commentlist .reply a:hover {
  color: #f8f2e6;
}
body.dark .comment-awaiting-moderation,
body:where(.dark) .comment-awaiting-moderation {
  color: #d8d8d0;
}
body.dark .commentlist .comment-body p,
body:where(.dark) .commentlist .comment-body p {
  color: #e1d8d1;
}
body.dark .commentlist li.bypostauthor > .comment-body:after,
body.dark .commentlist li.comment-author-admin > .comment-body:after,
body:where(.dark) .commentlist li.bypostauthor > .comment-body:after,
body:where(.dark) .commentlist li.comment-author-admin > .comment-body:after {
  background: #f8f2e6;
  color: #2f2d2b;
}
body.dark #cancel-comment-reply-link,
body:where(.dark) #cancel-comment-reply-link {
  color: #c7c3b8;
}
body.dark #cancel-comment-reply-link:hover,
body:where(.dark) #cancel-comment-reply-link:hover {
  color: #f8f2e6;
}
body.dark #commentform,
body:where(.dark) #commentform {
  background: rgba(102, 102, 100, 0.21);
  border: 1px solid #585554;
}
body.dark .themeform label,
body:where(.dark) .themeform label {
  color: #d8d8d0;
}
body.dark .themeform label .required,
body:where(.dark) .themeform label .required {
  color: #585755;
}
body.dark .themeform input[type="search"],
body.dark .themeform input[type="text"],
body.dark .themeform input[type="password"],
body.dark .themeform input[type="email"],
body.dark .themeform input[type="url"],
body.dark .themeform input[type="tel"],
body.dark .themeform input[type="number"],
body.dark .themeform select,
body.dark .themeform textarea,
body:where(.dark) .themeform input[type="search"],
body:where(.dark) .themeform input[type="text"],
body:where(.dark) .themeform input[type="password"],
body:where(.dark) .themeform input[type="email"],
body:where(.dark) .themeform input[type="url"],
body:where(.dark) .themeform input[type="tel"],
body:where(.dark) .themeform input[type="number"],
body:where(.dark) .themeform select,
body:where(.dark) .themeform textarea {
  background: #5c5c5c;
  border-color: rgba(103, 103, 103, 0.46);
  color: #c7c3b8;
  border-radius: 5px;
}
body.dark .themeform input[type="search"]:focus,
body.dark .themeform input[type="text"]:focus,
body.dark .themeform input[type="password"]:focus,
body.dark .themeform input[type="email"]:focus,
body.dark .themeform input[type="url"]:focus,
body.dark .themeform input[type="tel"]:focus,
body.dark .themeform input[type="number"]:focus,
body.dark .themeform select:focus,
body.dark .themeform textarea:focus,
body:where(.dark) .themeform input[type="search"]:focus,
body:where(.dark) .themeform input[type="text"]:focus,
body:where(.dark) .themeform input[type="password"]:focus,
body:where(.dark) .themeform input[type="email"]:focus,
body:where(.dark) .themeform input[type="url"]:focus,
body:where(.dark) .themeform input[type="tel"]:focus,
body:where(.dark) .themeform input[type="number"]:focus,
body:where(.dark) .themeform select:focus,
body:where(.dark) .themeform textarea:focus {
  border-color: rgba(255, 255, 255, 0.1);
  color: #d8d8d0;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
body.dark #commentform input[type="submit"],
body.dark .themeform input[type="submit"],
body.dark .themeform button[type="submit"],
body:where(.dark) #commentform input[type="submit"],
body:where(.dark) .themeform input[type="submit"],
body:where(.dark) .themeform button[type="submit"] {
  background: #71706e;
  color: #e2ded5;
  border: none;
}
body.dark #commentform input[type="submit"]:hover,
body.dark .themeform input[type="submit"]:hover,
body.dark .themeform button[type="submit"]:hover,
body:where(.dark) #commentform input[type="submit"]:hover,
body:where(.dark) .themeform input[type="submit"]:hover,
body:where(.dark) .themeform button[type="submit"]:hover {
  background: #3a3a3a;
}
body.dark #commentform input[type="submit"]:focus-visible,
body:where(.dark) #commentform input[type="submit"]:focus-visible {
  outline: 2px solid rgba(216, 224, 101, 0.45);
  outline-offset: 2px;
}
body.dark .themeform input[type="button"],
body.dark .themeform input[type="reset"],
body.dark .themeform button[type="button"],
body.dark .themeform button[type="reset"],
body:where(.dark) .themeform input[type="button"],
body:where(.dark) .themeform input[type="reset"],
body:where(.dark) .themeform button[type="button"],
body:where(.dark) .themeform button[type="reset"] {
  background: #080829;
  color: #adadd7;
}
body.dark .themeform input[type="button"]:hover,
body.dark .themeform input[type="reset"]:hover,
body.dark .themeform button[type="button"]:hover,
body.dark .themeform button[type="reset"]:hover,
body:where(.dark) .themeform input[type="button"]:hover,
body:where(.dark) .themeform input[type="reset"]:hover,
body:where(.dark) .themeform button[type="button"]:hover,
body:where(.dark) .themeform button[type="reset"]:hover {
  background: #e4e2db;
}
/* ==========================================================================
   侧边栏 (Sidebar)
   ========================================================================== */
body.dark .widget,
body:where(.dark) .widget {
  color: rgba(255, 255, 255, 0.55);
}
body.dark .widget a,
body:where(.dark) .widget a {
  color: #c7c3b8;
}
body.dark .widget a:hover,
body:where(.dark) .widget a:hover {
  color: #efe9de;
}
body.dark .widget > h3 a,
body.dark .widget > h3 a:hover,
body:where(.dark) .widget > h3 a,
body:where(.dark) .widget > h3 a:hover {
  color: rgba(255, 255, 255, 0.95);
}
body.dark .widget select,
body:where(.dark) .widget select {
  background: #2f2d2b;
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.55);
}
body.dark .widget > ul li:before,
body.dark .widget > ul li a:before,
body.dark .widget > div > ul li a:before,
body.dark .widget_calendar caption:before,
body:where(.dark) .widget > ul li:before,
body:where(.dark) .widget > ul li a:before,
body:where(.dark) .widget > div > ul li a:before,
body:where(.dark) .widget_calendar caption:before {
  color: rgba(255, 255, 255, 0.35);
}
body.dark .widget > ul li a:hover:before,
body:where(.dark) .widget > ul li a:hover:before {
  color: rgba(255, 255, 255, 0.35);
}
body.dark .widget_archive ul li,
body.dark .widget_categories ul li,
body.dark .widget_links ul li,
body:where(.dark) .widget_archive ul li,
body:where(.dark) .widget_categories ul li,
body:where(.dark) .widget_links ul li {
  color: rgba(255, 255, 255, 0.35);
}
body.dark .widget_recent_comments ul li,
body.dark .widget_recent_entries ul li,
body:where(.dark) .widget_recent_comments ul li,
body:where(.dark) .widget_recent_entries ul li {
  color: rgba(255, 255, 255, 0.55);
}
body.dark .widget_rss ul li a,
body.dark .widget_rss ul li span.rss-date,
body:where(.dark) .widget_rss ul li a,
body:where(.dark) .widget_rss ul li span.rss-date {
  color: rgba(255, 255, 255, 0.95);
}
body.dark .widget_rss ul li cite,
body:where(.dark) .widget_rss ul li cite {
  color: rgba(255, 255, 255, 0.35);
}
body.dark .widget_search input.search,
body:where(.dark) .widget_search input.search {
  color: rgba(255, 255, 255, 0.35);
}
body.dark .widget_calendar a,
body:where(.dark) .widget_calendar a {
  color: rgba(255, 255, 255, 0.95);
}
body.dark .widget_calendar a:hover,
body:where(.dark) .widget_calendar a:hover {
  color: rgba(255, 255, 255, 0.95) !important;
}
body.dark .widget_calendar caption,
body:where(.dark) .widget_calendar caption {
  background: #2f2d2b;
  color: #fff;
}
body.dark .widget_calendar caption:before,
body:where(.dark) .widget_calendar caption:before {
  color: rgba(255, 255, 255, 0.4);
}
body.dark .widget_calendar thead,
body:where(.dark) .widget_calendar thead {
  background: rgba(255, 255, 255, 0.15);
  box-shadow: none;
}
body.dark .widget_calendar th,
body.dark .widget_calendar td,
body:where(.dark) .widget_calendar th,
body:where(.dark) .widget_calendar td {
  border: 1px solid rgba(255, 255, 255, 0.15);
}
body.dark .card-header:before,
body:where(.dark) .card-header:before {
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.05);
}
body.dark .card-header:after,
body:where(.dark) .card-header:after {
  background: #2f2d2b;
}
body.dark .mini-card-grid,
body:where(.dark) .mini-card-grid {
  scrollbar-color: #6a6557 #262421;
}
body.dark .mini-card,
body:where(.dark) .mini-card {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.3);
  background: linear-gradient(85deg, #262421, #2f2d2b);
  color: #fff;
}
body.dark .mini-card:not(:first-child),
body:where(.dark) .mini-card:not(:first-child) {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.3);
}
body.dark .mini-card-category,
body:where(.dark) .mini-card-category {
  color: rgba(255, 255, 255, 0.3);
}
body.dark .mini-card-category a:hover,
body:where(.dark) .mini-card-category a:hover {
  color: #fff;
}
body.dark .mini-card-date,
body:where(.dark) .mini-card-date {
  color: rgba(255, 255, 255, 0.3);
}
body.dark .mini-card-thumb,
body:where(.dark) .mini-card-thumb {
  background: #262421;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.05);
}
body.dark .alx-tabs-nav li a,
body:where(.dark) .alx-tabs-nav li a {
  color: #878277;
  border-bottom: 1px solid #878277;
}
body.dark .alx-tabs-nav li.active a,
body:where(.dark) .alx-tabs-nav li.active a {
  color: #b0a89a;
  border-bottom-color: #b0a89a;
}
body.dark .alx-tab .tab-item-category,
body.dark .alx-posts .post-item-category,
body:where(.dark) .alx-tab .tab-item-category,
body:where(.dark) .alx-posts .post-item-category {
  color: rgba(255, 255, 255, 0.35);
}
body.dark .alx-tab .tab-item-category a,
body.dark .alx-posts .post-item-category a,
body:where(.dark) .alx-tab .tab-item-category a,
body:where(.dark) .alx-posts .post-item-category a {
  color: rgba(255, 255, 255, 0.55);
}
body.dark .alx-tab .tab-item-category a:hover,
body.dark .alx-posts .post-item-category a:hover,
body:where(.dark) .alx-tab .tab-item-category a:hover,
body:where(.dark) .alx-posts .post-item-category a:hover {
  color: rgba(255, 255, 255, 0.95) !important;
}
body.dark .alx-tab .tab-item-title a,
body.dark .alx-tab .tab-item-comment a,
body.dark .alx-posts .post-item-title a,
body:where(.dark) .alx-tab .tab-item-title a,
body:where(.dark) .alx-tab .tab-item-comment a,
body:where(.dark) .alx-posts .post-item-title a {
  color: #c7c3b8;
}
body.dark .alx-tab li:hover .tab-item-title a,
body.dark .alx-tab li:hover .tab-item-comment a,
body.dark .alx-posts li:hover .post-item-title a,
body:where(.dark) .alx-tab li:hover .tab-item-title a,
body:where(.dark) .alx-tab li:hover .tab-item-comment a,
body:where(.dark) .alx-posts li:hover .post-item-title a {
  color: #efe9de;
}
body.dark .alx-tab .tab-item-date,
body.dark .alx-tab .tab-item-name,
body.dark .alx-posts .post-item-date,
body:where(.dark) .alx-tab .tab-item-date,
body:where(.dark) .alx-tab .tab-item-name,
body:where(.dark) .alx-posts .post-item-date {
  color: rgba(255, 255, 255, 0.55);
}
body.dark .alx-tab li:hover .thumb-icon,
body.dark .alx-posts li:hover .thumb-icon,
body:where(.dark) .alx-tab li:hover .thumb-icon,
body:where(.dark) .alx-posts li:hover .thumb-icon {
  background: #d8d8d0;
  color: #262421;
}
/* ==========================================================================
   页脚 (Footer)
   ========================================================================== */
body.dark #footer-ads,
body:where(.dark) #footer-ads {
  border-bottom: 0;
}
body.dark #footer .nav-menu:not(.mobile) .menu ul:after,
body:where(.dark) #footer .nav-menu:not(.mobile) .menu ul:after {
  border-top-color: #fff;
}
body.dark #footer .nav-menu:not(.mobile) .menu ul ul:after,
body:where(.dark) #footer .nav-menu:not(.mobile) .menu ul ul:after {
  border-right-color: #fff;
}
body.dark #footer-bottom,
body:where(.dark) #footer-bottom {
  border-top-color: rgba(255, 255, 255, 0.06);
}
body.dark #footer-bottom #back-to-top,
body:where(.dark) #footer-bottom #back-to-top {
  background: rgba(255, 255, 255, 0.06);
  color: #c4c0b6;
}
body.dark #footer-bottom #back-to-top:hover,
body:where(.dark) #footer-bottom #back-to-top:hover {
  color: #efe9de;
}
body.dark #footer-bottom #copyright,
body.dark #footer-bottom #credit,
body:where(.dark) #footer-bottom #copyright,
body:where(.dark) #footer-bottom #credit {
  color: #c4c0b6;
}
body.dark #footer-bottom a,
body:where(.dark) #footer-bottom a {
  color: rgba(255, 255, 255, 0.7);
}
body.dark #footer-bottom a:hover,
body:where(.dark) #footer-bottom a:hover {
  color: #c4c0b6;
}
body.dark #footer-bottom .social-links a,
body:where(.dark) #footer-bottom .social-links a {
  color: #c4c0b6;
}
body.dark #footer-bottom .social-links a:hover,
body:where(.dark) #footer-bottom .social-links a:hover {
  color: rgba(255, 255, 255, 0.9);
}
body.dark #footer-bottom .social-links .social-tooltip:hover:after,
body:where(.dark) #footer-bottom .social-links .social-tooltip:hover:after {
  background: #fff;
  color: #262421;
}
body.dark #footer-bottom .social-links .social-tooltip:hover:before,
body:where(.dark) #footer-bottom .social-links .social-tooltip:hover:before {
  border-color: #fff transparent;
}
/* ==========================================================================
   插件和简码 (Plugins & Shortcodes)
   ========================================================================== */
body.dark .ai-wrap,
body:where(.dark) .ai-wrap {
  background-color: #5e5d5b !important;
  color: #c7c3b8 !important;
  margin: 15px 0 !important;
  border-radius: 15px !important;
  padding: 28px !important;
  border: 1px solid #63625f;
}
body.dark .ai-wrap .ai-track:hover,
body.dark .ai-wrap .ai-track.ai-track-active {
  color: #dad9d3 !important;
  border-bottom: 1px solid #61605e !important;
}
body.dark .ai-wrap .ai-audio-control,
body:where(.dark) .ai-wrap .ai-audio-control {
  background: #71706e !important;
  color: #deded8;
}
body.dark .ai-wrap .ai-audio-control:hover,
body.dark .ai-wrap .ai-audio-control:focus,
body:where(.dark) .ai-wrap .ai-audio-control:hover,
body:where(.dark) .ai-wrap .ai-audio-control:focus {
  background: #4a4a4a !important;
}
body.dark .ai-wrap .ai-audio-control svg,
body:where(.dark) .ai-wrap .ai-audio-control svg {
  fill: #c8c5b8 !important;
  left: 1px !important;
  top: 1px !important;
}
body.dark .ai-control-spinner,
body:where(.dark) .ai-control-spinner {
  border-top: 5px solid #a4a198;
  border-right: 5px solid rgb(224 219 214);
  border-bottom: 5px solid rgb(197 195 191);
  border-left: 5px solid rgb(174 170 168);
}
body.dark .ai-wrap .ai-track-progress-bar,
body:where(.dark) .ai-wrap .ai-track-progress-bar {
  background-color: #787572 !important;
}
body.dark .ai-wrap .ai-track-progress,
body:where(.dark) .ai-wrap .ai-track-progress {
  background: #999591 !important;
}
body.dark .ai-tracklist,
body:where(.dark) .ai-tracklist {
  background: #d5d0cb !important;
  border-bottom: 1px solid #666463;
  border-right: 1px solid #666463;
  padding-left: 0 !important;
  margin-bottom: 0 !important;
}
body.dark .ai-tracklist li,
body:where(.dark) .ai-tracklist li {
  background: #595857 !important;
  color: #bebcb7 !important;
  border-bottom: 1px solid #666463;
  margin-bottom: 0 !important;
}
body.dark .ai-tracklist li:hover,
body:where(.dark) .ai-tracklist li:hover {
  background: #4a4a4a !important;
}
body.dark .ai-tracklist li.ai-track-active,
body:where(.dark) .ai-tracklist li.ai-track-active {
  background: #4a4a4a !important;
  border-bottom: 1px solid #27225b;
}
body.dark .ai-wrap .ai-track-control,
body:where(.dark) .ai-wrap .ai-track-control {
  border-left: 1px solid #666463 !important;
}
body.dark .ai-wrap .ai-track-btn,
body:where(.dark) .ai-wrap .ai-track-btn {
  border-color: #666463 !important;
}
body.dark .ai-wrap .ai-track-btn svg,
body:where(.dark) .ai-wrap .ai-track-btn svg {
  fill: #aeaca8 !important;
}
body.dark .ai-wrap .ai-track.ai-track-active .ai-track-btn svg,
body.dark .ai-wrap .ai-track:hover .ai-track-btn svg,
body:where(.dark) .ai-wrap .ai-track.ai-track-active .ai-track-btn svg,
body:where(.dark) .ai-wrap .ai-track:hover .ai-track-btn svg {
  fill: #e0ded7;
}
body.dark .ai-wrap .ai-track.ai-track-active .ai-track-btn svg,
body:where(.dark) .ai-wrap .ai-track.ai-track-active .ai-track-btn svg {
  fill: #8d8d8d !important;
}
body.dark .ai-wrap .ai-btn,
body:where(.dark) .ai-wrap .ai-btn {
  background: #71706e !important;
  color: #c8c5b8 !important;
  fill: #c8c5b8 !important;
}
body.dark .ai-wrap .ai-btn:hover,
body:where(.dark) .ai-wrap .ai-btn:hover {
  color: #a8a5a1 !important;
  background-color: #4a4a4a !important;
  fill: #c8c5b8 !important;
}
body.dark .ai-wrap .ai-btn svg,
body.dark .ai-wrap .ai-btn.ai-btn-active svg,
body:where(.dark) .ai-wrap .ai-btn svg,
body:where(.dark) .ai-wrap .ai-btn.ai-btn-active svg {
  fill: #c8c5b8 !important;
}
body.dark .ai-wrap .ai-btn-repeat svg,
body:where(.dark) .ai-wrap .ai-btn-repeat svg {
  top: 0;
}
body.dark .ai-wrap .ai-volume-bar,
body:where(.dark) .ai-wrap .ai-volume-bar {
  background-color: #5e5d5b !important;
  border-right: 1px solid #5e5d5b !important;
  height: 98% !important;
}
body.dark .ai-wrap .ai-volume-bar.ai-volume-bar-active::before,
body:where(.dark) .ai-wrap .ai-volume-bar.ai-volume-bar-active::before {
  background: #71706e !important;
}
body.dark .ai-wrap .ai-audio-volume-control-btns .ai-btn,
body:where(.dark) .ai-wrap .ai-audio-volume-control-btns .ai-btn {
  height: 45% !important;
}
body.dark .ai-wrap .ai-track-no-thumb,
body:where(.dark) .ai-wrap .ai-track-no-thumb {
  background-color: #24254b !important;
}
body.dark .ai-wrap .ai-scroll-wrap > div:last-child,
body:where(.dark) .ai-wrap .ai-scroll-wrap > div:last-child {
  background-color: rgba(128, 123, 111, 0.36) !important;
}
body.dark .ai-wrap .ai-scroll-wrap > div:last-child div,
body:where(.dark) .ai-wrap .ai-scroll-wrap > div:last-child div {
  background-color: #24254b !important;
}
body.dark .ai-modal-overlay,
body:where(.dark) .ai-modal-overlay {
  background-color: rgba(0, 0, 0, 0.6) !important;
}
body.dark .ai-modal,
body:where(.dark) .ai-modal {
  position: absolute;
  top: 40px;
  width: 460px;
  max-width: calc(100% - 30px);
  left: 50%;
  transform: translateX(-50%);
  color: #bfbfbf !important;
  background-color: #2e2e2e !important;
  border: 1px solid #484848 !important;
  border-radius: 4px;
  outline: 0;
  max-height: calc(100vh - 50px);
  overflow-y: auto;
  box-sizing: border-box;
}
@supports (background-color: color(srgb 0.18 0.18 0.18)) {
  body.dark .ai-modal,
  body:where(.dark) .ai-modal {
    background-color: color(srgb 0.18 0.18 0.18) !important;
  }
}
body.dark .ai-modal-dismiss,
body:where(.dark) .ai-modal-dismiss {
  color: #aaaaaa !important;
}
body.dark .ai-modal-dismiss:hover,
body.dark .ai-modal-dismiss:active,
body.dark .ai-modal-dismiss:focus,
body:where(.dark) .ai-modal-dismiss:hover,
body:where(.dark) .ai-modal-dismiss:active,
body:where(.dark) .ai-modal-dismiss:focus {
  color: #dbe3c4 !important;
}
.ai-track-spinner {
  border-top: 3px solid rgb(216, 216, 216) !important;
  border-right: 3px solid rgb(225, 225, 224) !important;
  border-bottom: 3px solid rgb(250, 250, 250) !important;
  border-left: 3px solid rgb(255, 255, 255) !important;
}
body.dark .su-image-carousel-slides-style-default .su-image-carousel-item-content img,
body:where(.dark) .su-image-carousel-slides-style-default .su-image-carousel-item-content img {
  border: 2px solid #21243a !important;
  border-radius: 10px !important;
  background: #3e3d75 !important;
}
body.dark .su-tabs,
body:where(.dark) .su-tabs {
  background: #22224e !important;
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important;
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  border: 1px solid #3a3a66;
}
body.dark .su-tabs-nav span,
body:where(.dark) .su-tabs-nav span {
  color: #c4c0b6 !important;
  font-size: 16px !important;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}
body.dark .su-tabs-nav span:hover,
body:where(.dark) .su-tabs-nav span:hover {
  background: #515186 !important;
}
body.dark .su-tabs-nav span.su-tabs-current,
body:where(.dark) .su-tabs-nav span.su-tabs-current {
  background: #4a4a4a !important;
}
body.dark .su-tabs-pane,
body:where(.dark) .su-tabs-pane {
  background: #4a4a4a !important;
  color: #c4c0b6 !important;
  font-size: 15px !important;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.su-tabs-nav span:focus:not(:focus-visible),
.su-tabs-nav span:active,
.su-tabs-nav span *:focus:not(:focus-visible),
.su-tabs-nav span *:active {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}
.su-tabs-nav span::-moz-focus-inner {
  border: 0;
}
body.dark .su-spoiler-style-fancy,
body:where(.dark) .su-spoiler-style-fancy {
  border: 1px solid #575654 !important;
  border-radius: 10px !important;
  background: #4f4f4f !important;
  color: #c4c0b6 !important;
  font-size: 14px !important;
}
body.dark .su-spoiler-style-fancy > .su-spoiler-title,
body:where(.dark) .su-spoiler-style-fancy > .su-spoiler-title {
  border-bottom: 3px solid #413f3a !important;
  background: #5e5d5b !important;
  color: #c4c0b6 !important;
  font-size: 17px !important;
  padding: 15px 7px 15px 34px !important;
}
body.dark .su-spoiler-style-fancy > .su-spoiler-content,
body:where(.dark) .su-spoiler-style-fancy > .su-spoiler-content {
  font-size: 15px !important;
}
body.dark .su-spoiler-icon,
body:where(.dark) .su-spoiler-icon {
  left: 10px !important;
  top: 15px !important;
}
body.dark .su-spoiler-style-fancy > .su-spoiler-title:focus:not(:focus-visible),
body.dark .su-spoiler-style-fancy > .su-spoiler-title *:focus:not(:focus-visible),
body:where(.dark) .su-spoiler-style-fancy > .su-spoiler-title:focus:not(:focus-visible),
body:where(.dark) .su-spoiler-style-fancy > .su-spoiler-title *:focus:not(:focus-visible) {
  outline: none !important;
  box-shadow: none !important;
}
body.dark .su-spoiler-style-fancy > .su-spoiler-title:focus-visible,
body:where(.dark) .su-spoiler-style-fancy > .su-spoiler-title:focus-visible {
  outline: 2px solid #c4c0b6 !important;
  outline-offset: 2px !important;
}
body.dark .su-custom-gallery-slide img,
body:where(.dark) .su-custom-gallery-slide img {
  border: 1px solid #66669b !important;
  background: #4c4b82 !important;
}
.su-custom-gallery-slide span {
  right: 2px !important;
  overflow-y: hidden !important;
}
body.dark .su-quote-style-default:after,
body.dark .su-quote-style-default:before,
body:where(.dark) .su-quote-style-default:after,
body:where(.dark) .su-quote-style-default:before {
  background-image: url("img/quote.png") !important;
}
body.dark .notebox,
body:where(.dark) .notebox {
  color: #c7c3b8;
}
/* ==========================================================================
   滚动条 (Scrollbar)
   ========================================================================== */
.entry-content,
.post-content,
.site-content {
  scrollbar-width: thin;
  scrollbar-color: #888 transparent;
}
.entry-content::-webkit-scrollbar,
.post-content::-webkit-scrollbar,
.site-content::-webkit-scrollbar {
  width: 6px;
}
.entry-content::-webkit-scrollbar-track,
.post-content::-webkit-scrollbar-track,
.site-content::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.08);
}
.entry-content::-webkit-scrollbar-thumb,
.post-content::-webkit-scrollbar-thumb,
.site-content::-webkit-scrollbar-thumb {
  background-color: #9aa0a6;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
/* ==========================================================================
   响应式设计 (Responsive Design)
   ========================================================================== */
@media only screen and (max-width: 768px) {
  body.dark .entry a,
  body:where(.dark) .entry a {
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal;
  }
}
@media only screen and (max-width: 719px) {
  body.dark .site-title,
  body:where(.dark) .site-title {
    border-bottom-color: rgba(255, 255, 255, 0.06);
  }
  body.dark .card-articles,
  body:where(.dark) .card-articles {
    scrollbar-color: #6a6557 #262421;
  }
}
/* ==========================================================================
   Reduced motion preference (accessibility)
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}