/*
Theme Name:LoliMeow
Theme URI:https://www.boxmoe.com
Description:LoliMeow（洛丽喵）是盒子萌的一款主题.
Author:专收爆米花
Author URI:https://www.boxmoe.com
*/
@import url(fancybox.min.css);
@import url(font-awesome.min.css);
@font-face {font-family:"boxmoe";src:url("../fonts/alimama.woff2") format("woff2");font-display:swap;}
  *::-webkit-scrollbar{height:10px;width:10px}
  *::-webkit-scrollbar-track{border-radius:5px;background-color:#DFE9EB}
  *::-webkit-scrollbar-track:hover{background-color:#B8C0C2}
  *::-webkit-scrollbar-track:active{background-color:#B8C0C2}
  *::-webkit-scrollbar-thumb{border-radius:5px;background-color:#D87CFF;border:2px solid #FFFFFF}
  *::-webkit-scrollbar-thumb:hover{background-color:#F59DFF}
  *::-webkit-scrollbar-thumb:active{background-color:#A34F9B}
:root{--bs-hui:#272727bf;--bs-primary-bg-subtle:#D87CFF;}
[data-bs-theme="dark"] {--bs-body-bg:#0e0e0e;--bs-body-color:#fff;--bs-white:#0e0e0e;--bs-gray-600:#fff;--bs-gray-700:#fff;--bs-gray-800:#fff;--bs-gray-900:#fff;--bs-hui:#fff;}
[data-bs-theme="dark"] .boxmoe_header .navbar.scrolled {background-color:var(--bs-body-bg);border-bottom:1px solid rgba(255,255,255,0.1);}
[data-bs-theme="dark"] .navbar-brand,[data-bs-theme=dark] .text-inverse {filter:none;}
body {font-family:"boxmoe",Microsoft JhengHei,Georgia,Times,serif,Microsoft Yahei,Open Sans,sans-serif;font-size:0.8rem;font-weight:400;overflow-x:hidden;background-color:var(--bs-body-bg);color:var(--bs-body-color);}
ol,ul,li {list-style:none}
a {-webkit-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;letter-spacing:0}
a:link,a:visited,a:hover,a:active {text-decoration:none}
p {color:var(--bs-gray-900);}
b,strong {font-weight:700}
blockquote,q {quotes:none}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none}
blockquote {background:#ac9bd740;border-left:10px solid #ac9bd7;margin:1.5em 10px;padding:0.5em 10px;quotes:"\201C""\201D""\2018""\2019"}
blockquote:before {color:#ac9bd7;content:open-quote;font-size:4em;line-height:0.1em;margin-right:0.25em;vertical-align:-0.4em}
.btn {--bs-btn-font-weight:400;--bs-btn-font-size:0.75rem;}
.form-control,.form-select{font-size: .85rem;}
.form-check:not(.form-switch) .form-check-input[type=radio]:after {width:0.4375rem;height:0.4375rem}
img.lazy {opacity:0;transition:opacity 0.3s ease-in-out;}
img.lazy.loaded {opacity:1;}
.lazy:not([src]) {background:#f5f5f5 url('../images/loading.gif') center no-repeat;background-size:30px;min-height:60px;}
.boxmoe_header .navbar {background-color:transparent;position:absolute;top:0;left:0;right:0;z-index:1;box-shadow:none;}
.boxmoe_header .navbar {transition:all 0.3s ease;}
.boxmoe_header .navbar.nav-down {transform:translateY(0);}
.boxmoe_header .navbar.scrolled {position:fixed;top:0;left:0;right:0;background-color:var(--bs-white);box-shadow:0 1px 6px 0 rgba(32,33,36,0.28);animation:fadeInDown 0.5s ease-in-out;z-index:99;}
.boxmoe_header .navbar.scrolled.boxed {border:1px solid var(--bs-dark);box-shadow:2px 2px 0 0 var(--bs-dark);max-width:1320px;border-radius:1rem;}
@keyframes fadeInDown {from {opacity:0;transform:translateY(-100%);}
to {opacity:1;transform:translateY(0);}
}
.boxmoe_header .navbar .navbar-nav .nav-item .nav-link {font-size:0.9rem;font-weight:400;color:var(--bs-dark);padding:0.25rem 1rem;border-radius:20px;position:relative;z-index:1;transition:all 0.3s ease;border:1px solid transparent;}
.boxmoe_header .navbar .navbar-nav .nav-item .nav-link:before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;z-index:-1;opacity:0;transition:opacity 0.3s ease;}
.boxmoe_header .navbar .navbar-nav .nav-item .nav-link:hover,.boxmoe_header .navbar .navbar-nav .nav-item .nav-link.active {color:var(--bs-dark);border:1px solid var(--bs-dark);}
.boxmoe_header .navbar .navbar-nav .nav-item .nav-link:hover:before,.boxmoe_header .navbar .navbar-nav .nav-item .nav-link.active:before {opacity:1;}
.boxmoe_header .navbar .navbar-nav .nav-item .nav-link i {margin-right:5px;color:var(--bs-dark);}
.boxmoe_header .navbar .dropdown .nav-link.dropdown-toggle:after {color:var(--bs-dark);}
.boxmoe_header .navbar-brand img,.boxmoe_header .offcanvas-header img {max-width:150px;height:auto;}
.boxmoe_header .navbar-nav > li > .dropdown-menu .dropdown-item {display:block;font-size:14px;font-weight:400;color:var(--bs-dark);padding:10px 25px;background:none;line-height:1.25;position:relative;letter-spacing:0.3px;-webkit-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease}
.boxmoe_header .navbar-nav > li > .dropdown-menu .dropdown-item:hover {color:var(--bs-dark)}
.boxmoe_header .navbar-nav > li > .dropdown-menu .dropdown-item:before {content:'';width:0px;height:1px;background:var(--bs-dark);position:absolute;left:25px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2;-webkit-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease}
.boxmoe_header .navbar-nav > li > .dropdown-menu .dropdown-item:hover {padding-left:40px !important}
.boxmoe_header .navbar-nav > li > .dropdown-menu .dropdown-item:hover:before {width:8px}
.boxmoe_header .navbar-nav > li > .dropdown-menu {border:1px solid var(--bs-hui);}
.boxmoe_header .dropdown-submenu .dropdown-menu {border:1px solid var(--bs-hui);}
.boxmoe_header .dropdown-menu .dropdown-item {font-size:0.9em;font-weight:500;}
.boxmoe_header .search-box {position:relative;height:40px;margin-right:5px;display:block;}
.boxmoe_header .search-form {position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;z-index:1000;}
.boxmoe_header .search-input {position:absolute;right:40px;width:0;height:40px;padding:0;border:1px solid #e0e0e0;outline:none;border-radius:20px;background:var(--bs-white);transition:all 0.3s ease;opacity:0;visibility:hidden;box-shadow:0 2px 5px rgba(0,0,0,0.1);}
.boxmoe_header .search-input:focus {border-color:var(--bs-primary);}
.boxmoe_header .search-btn {position:relative;width:40px;height:40px;border:none;border-radius:50%;background:transparent;cursor:pointer;z-index:1;}
.boxmoe_header .search-btn i {color:var(--bs-dark);font-size:1.05rem;padding-top:3px;}
.boxmoe_header .search-form.active .search-btn i {color:var(--bs-gray-900);}
.boxmoe_header .search-form.active .search-input {width:240px;padding:0 40px 0 15px;opacity:1;visibility:visible;right:0;}
.boxmoe_header .search-form.active .search-btn {background:transparent;transform:none;}
.boxmoe_header .offcanvas.width {width:20rem}
.boxmoe_header .offcanvas {transition:transform 0.3s ease-in-out !important;border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
.boxmoe_header .offcanvas.offcanvas-start {transform:translateX(-100%);}
.boxmoe_header .offcanvas.offcanvas-start.show {transform:translateX(0);}
.boxmoe_header .offcanvas-backdrop {opacity:0;transition:opacity 0.3s ease-in-out !important;}
.boxmoe_header .offcanvas-backdrop.show {opacity:0.5;}
.boxmoe_header .dropdown-submenu {position:relative;}
.boxmoe_header .dropdown-submenu .dropdown-menu {top:0;left:100%;margin-left:1px;}
.boxmoe_header .navbar.scrolled .mobile-search-input {background:var(--bs-white);}
.boxmoe_header .user-login-wrap,.boxmoe_header .user-reg-wrap {border-radius:4px;}
.boxmoe_header .user-login,.boxmoe_header .user-reg {padding:.3em .8em;font-size:0.9em;color:var(--bs-white);background-color:#04040452;display:block;border-radius:4px;}
.boxmoe_header .user-login:hover,.boxmoe_header .user-reg:hover {color:var(--bs-dark);}
.boxmoe_header .divider {display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:15px;width:15px;line-height:1.1;text-align:center;background:var(--bs-white);color:var(--bs-success);box-sizing:content-box;border-radius:100%;font-size:11px;border:2px solid #e7e7e7;font-weight:400;z-index:11;}
[data-bs-theme="dark"]{.boxmoe_header .user-login,.boxmoe_header .user-reg {background-color: #acf0f9d9;}.boxmoe_header .divider{color: #fff;}}
.boxmoe_header .new-tag {position:absolute;top:0;right:-30px;width:40px;height:auto;}
.boxmoe_header .user-panel-content {display:flex;justify-content:center;align-items:center;padding:10px 0;}
.boxmoe_header .user-wrapper {padding:6px;position:relative;align-items:center;justify-content:space-around;margin-right:10px;}
.boxmoe_header .logged-user-wrapper {position:relative;}
.boxmoe_header .user-info-wrap {padding:5px 10px;background:rgba(255,255,255,0.1);border-radius:8px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);cursor:pointer;transition:all 0.3s ease;}
.boxmoe_header .user-info-wrap:hover {background:rgba(255,255,255,0.2);}
.boxmoe_header .user-avatar {width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,0.3);margin-right:10px;}
.boxmoe_header .user-avatar img {width:100%;height:100%;object-fit:cover;}
.boxmoe_header .user-info {display:flex;flex-direction:column;justify-content:center;}
.boxmoe_header .user-name {color:var(--bs-dark);font-size:14px;font-weight:500;line-height:1.2;}
.boxmoe_header .user-email {color:var(--bs-dark);font-size:12px;line-height:1.2;}
.boxmoe_header .navbar.scrolled .user-info-wrap {background:rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.1);}
.boxmoe_header .navbar.scrolled .user-name {color:var(--bs-dark);}
.boxmoe_header .navbar.scrolled .user-email {color:var(--bs-gray-600);}
.boxmoe_header .logged-user-wrapper .dropdown-toggle {text-decoration:none;}
.boxmoe_header .logged-user-wrapper .dropdown-toggle::after {display:none;}
.boxmoe_header .logged-user-wrapper .dropdown-menu {margin-top:10px;min-width:200px;border:1px solid rgba(0,0,0,.1);box-shadow:0 0.5rem 1rem rgba(0,0,0,.15);position:absolute;inset:100% 0 auto auto !important;transform:none !important;}
.boxmoe_header .logged-user-wrapper .dropdown-item {padding:8px 16px;font-size:14px;}
.boxmoe_header .logged-user-wrapper .dropdown-item i {margin-right:8px;width:16px;text-align:center;}
.boxmoe_header .logged-user-wrapper .dropdown-divider {margin:4px 0;}
.boxmoe_header .panel-item {display:flex;align-items:center;padding:10px;color:var(--bs-gray-600);text-decoration:none;border-radius:8px;transition:background-color 0.3s;}
.boxmoe_header .panel-item:hover {background-color:#f5f5f5;}
.boxmoe_header .panel-item i {margin-right:10px;font-size:16px;}
.boxmoe_header .nav-right-section {margin-left:auto;display:flex;align-items:center;justify-content:flex-end;}
.boxmoe_header .btn-close {width:1.5rem;height:1.5rem;padding:0.25rem;background:transparent;border:2px solid var(--bs-dark);border-radius:50%;opacity:1;transition:all 0.3s ease;position:relative;}
.boxmoe_header .btn-close:hover {transform:rotate(90deg);background-color:var(--bs-dark);}
.boxmoe_header .btn-close:hover::before,.boxmoe_header .btn-close:hover::after {background-color:var(--bs-white);}
.boxmoe_header .btn-close::before,.boxmoe_header .btn-close::after {content:'';position:absolute;width:1rem;height:2px;background-color:var(--bs-dark);top:50%;left:50%;transition:background-color 0.3s ease;}
.boxmoe_header .btn-close::before {transform:translate(-50%,-50%) rotate(45deg);}
.boxmoe_header .btn-close::after {transform:translate(-50%,-50%) rotate(-45deg);}
.boxmoe_header .mobile-user-btn {border:none;background:transparent;padding:8px;color:var(--bs-gray-900);}
.boxmoe_header .mobile-user-panel {position:fixed;top:60px;left:0;right:0;display:none;z-index:1000;transform:translateY(-100%);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);opacity:0;background:rgba(255,255,255,0);backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);}
.boxmoe_header .mobile-user-panel.active {display:block;transform:translateY(0);opacity:1;animation:panelSlideDown 0.4s cubic-bezier(0.4,0,0.2,1);}
.boxmoe_header .mobile-user-wrapper {display:flex;align-items:center;justify-content:center;position:relative;padding:6px;opacity:0;transform:translateY(-20px);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);min-width:200px;}
.boxmoe_header .mobile-user-panel.active .mobile-user-wrapper {opacity:1;transform:translateY(0);transition-delay:0.2s;}
.boxmoe_header .mobile-user-wrapper .user-login-wrap,.boxmoe_header .mobile-user-wrapper .user-reg-wrap {text-align:center;}
.boxmoe_header .mobile-user-wrapper .user-login,.boxmoe_header .mobile-user-wrapper .user-reg {padding:.3em .8em;font-size:0.9em;color:var(--bs-white);background-color:#04040452;display:inline-block;border-radius:4px;min-width:60px;}
.boxmoe_header .mobile-user-wrapper .divider {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15px;height:15px;line-height:15px;text-align:center;background:var(--bs-white);color:var(--bs-success);border-radius:50%;font-size:11px;border:2px solid #e7e7e7;z-index:11;}
.boxmoe_header .mobile-search-btn {border:none;background:transparent;padding:8px;color:var(--bs-gray-900);position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1;}
.boxmoe_header .mobile-search-form {position:relative;height:40px;margin-right:10px;}
.boxmoe_header .mobile-search-input {width:0;height:40px;padding:0;border:1px solid #e0e0e0;outline:none;border-radius:20px;background:var(--bs-white);transition:all 0.3s ease;opacity:0;padding-right:40px;}
.boxmoe_header .mobile-search-form.active .mobile-search-input {width:240px;padding:0 40px 0 15px;opacity:1;background:var(--bs-white);border:1px solid #e0e0e0;}
.boxmoe_header .mobile-search-submit {position:absolute;right:0;width:40px;height:40px;border:none;background:transparent;cursor:pointer;display:none !important;}
.boxmoe_header .mobile-logged-user-wrapper {padding:15px 2rem;}
.boxmoe_header .mobile-logged-user-wrapper .user-info-wrap {width:100%;padding:10px;background:rgba(0,0,0,0.05);border-radius:8px;border:1px solid rgba(0,0,0,0.1);transition:all 0.3s ease;text-decoration:none;}
.boxmoe_header .mobile-logged-user-wrapper .user-info-wrap:active {transform:scale(0.98);}
.boxmoe_header .mobile-logged-user-wrapper .user-avatar {width:40px;height:40px;border-radius:6px;overflow:hidden;border:2px solid rgba(255,255,255,0.3);margin-right:10px;}
.boxmoe_header .mobile-logged-user-wrapper .user-avatar img {width:100%;height:100%;object-fit:cover;}
.boxmoe_header .mobile-logged-user-wrapper .user-info {display:flex;flex-direction:column;justify-content:center;}
.boxmoe_header .mobile-logged-user-wrapper .user-name {color:var(--bs-dark);font-size:14px;font-weight:500;line-height:1.2;}
.boxmoe_header .mobile-logged-user-wrapper .user-email {color:var(--bs-gray-600);font-size:12px;line-height:1.2;}
.boxmoe_header .mobile-logged-menu {width:100%;display:flex;flex-direction:column;gap:15px;align-items:center;padding:10px 0;}
.boxmoe_header .mobile-logged-menu .mobile-menu-item {display:inline-flex;align-items:center;padding:12px 20px;background:#f8f9fa;border-radius:12px;border:1px solid rgba(0,0,0,0.08);color:var(--bs-dark);text-decoration:none;transition:all 0.3s ease;width:100%;max-width:300px;box-shadow:0 2px 4px rgba(0,0,0,0.02);}
.boxmoe_header .mobile-logged-menu .mobile-menu-item:hover {background:var(--bs-white);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.08);}
.boxmoe_header .mobile-logged-menu .mobile-menu-item:active {transform:scale(0.98);}
.boxmoe_header .mobile-logged-menu .mobile-menu-item i {margin-right:12px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.04);border-radius:8px;font-size:14px;color:var(--bs-primary);}
.boxmoe_header .mobile-logged-menu .mobile-menu-item span {font-size:15px;font-weight:500;letter-spacing:0.3px;}
.boxmoe_header .mobile-user-panel.closing {transform:translateY(-10%);opacity:0;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}
.boxmoe_header .lighting {background-color:#fff;padding:2px;border-radius:50px;border:1px solid #8183ff;transition:background-color .4s cubic-bezier(0.345,0.045,0.345,1);margin:0 3.5rem;}
.boxmoe_header .lighting ul {list-style:none;padding:0;margin:0;display:flex;gap:15px;}
.boxmoe_header .lighting li {padding:4px 15px;border-radius:6px;cursor:pointer;font-size:12px;transition:all 0.3s ease;border-radius:50px}
.boxmoe_header .lighting li.active {background-color:var(--bs-primary);color:#fff;}
[data-bs-theme="dark"] .boxmoe_header .lighting li:not(.active) {color:var(--bs-gray-500);}
.boxmoe_header_banner {height:80vh;background:#33333330;background-position:30% 30%;position:relative;overflow:hidden}
.boxmoe_header_banner_img {width:100%;height:100%;position:relative;transform:scale(1.4);opacity:0;visibility:hidden;transition:all 1.8s cubic-bezier(0.5,0,0,1);}
.boxmoe_header_banner_img:before {content:'';position:absolute;top:0;left:0;width:100%;height:15%;min-height:60px;background:linear-gradient(to bottom,var(--bs-white),#00000000);user-select:none;pointer-events:none;z-index:2;}
.boxmoe_header_banner_img::after {position:absolute;width:100%;height:100%;left:0;top:0;content:"";
/*opacity: 0.7; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAKUlEQVQImU3IMREAIAgAwJfNkQCEsH8cijjpMf6vnXlQaIiJFx+omEBfmqIEZLe2jzcAAAAASUVORK5CYII=);*/
background: rgba(0, 0, 0, .25);}
.boxmoe_header_banner_img img{width: 100%;height: 100%;object-fit: cover;object-position: 50% 50%;user-select: none;pointer-events: none;}
.boxmoe_header_banner_waves {width:100%;position:absolute;bottom:0;left:0;overflow:hidden;pointer-events:none;}
.boxmoe_header_banner_waves .waves {position:relative;width:100%;height:100px;margin-bottom:-7px;}
.boxmoe_header_banner_waves .parallax > use {fill:var(--bs-white);animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;transition:fill .4s cubic-bezier(0.345,0.045,0.345,1);}
.boxmoe_header_banner_waves .parallax > use:nth-child(1) {animation-delay:-2s;animation-duration:7s;opacity:0.7;}
.boxmoe_header_banner_waves .parallax > use:nth-child(2) {animation-delay:-3s;animation-duration:10s;opacity:0.5;}
.boxmoe_header_banner_waves .parallax > use:nth-child(3) {animation-delay:-4s;animation-duration:13s;opacity:0.3;}
.boxmoe_header_banner_waves .parallax > use:nth-child(4) {animation-delay:-5s;animation-duration:20s;}
.boxmoe_header_banner_img.loaded {transform:scale(1);opacity:1;visibility:visible;}
.boxmoe_header_banner .spinner {animation:spin 2s linear infinite;background:linear-gradient(90.72deg,#cbfdb1 25%,#acbff1 25%,#efa7ec 50%,#ffd6a5 75%,#ffadad 75%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);position:relative;z-index:3}
.boxmoe_header_banner .site-main {text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:100%;opacity:0;transform:translate(-50%,calc(-50% + 30px));transition:all 0.8s cubic-bezier(0.4,0,0.2,1);}
.boxmoe_header_banner .site-main.loaded {opacity:1;transform:translate(-50%,-50%);}
.boxmoe_header_banner h1,.boxmoe_header_banner h2 {color:var(--bs-white);}
.boxmoe_header_banner .main-title {font-size:0.95rem;margin-top:1rem;}
.text-gradient {background:linear-gradient(to right,#cbfdb1,#acbff1,#efa7ec,#ffd6a5,#ffadad,#b5f4e2,#ffd1dc,#c5a3ff,#89cff0,#f0e68c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:1000% 100%;animation:gradient 12s linear infinite;text-shadow: 1px 1px 0px #fff;letter-spacing: 2px;}
.boxmoe_header_banner .site-search {padding:10px 0 0}
.boxmoe_header_banner .site-search i {color:#f20d0d;padding-right:5px}
.boxmoe_header_banner .h1.search-title {letter-spacing:0.5px;text-align:center;color:#4c6280;font-size:13px;font-weight:400;padding-top:20px;padding-bottom:5px}
.breadcrumb-head{position:relative;margin-top:2.5rem !important}
.breadcrumb-head h2{font-size:30px;z-index:1;text-transform:uppercase;display:block;width:100%;font-weight:500}
.breadcrumb-head span{font-weight: 600;color:var(--bs-dark);text-transform:uppercase;padding-bottom:20px;font-size:12px;letter-spacing:2px;position:relative;padding-left:70px;display:block}
.breadcrumb-head span:before{content:"";position:absolute;left:0;top:9px;width:50px;height:1px;background:var(--bs-dark)}
@media (max-width:991px) {.boxmoe_header .offcanvas {background-image:url(../images/offcanvas.png);background-size:cover;}
.boxmoe_header .offcanvas-nav {background-color:var(--bs-white);}
.boxmoe_header .navbar-nav {padding:1rem 0;}
.boxmoe_header .search-box {padding:0 1rem;display:block !important;}
.boxmoe_header .navbar .dropdown .dropdown-toggle:after {color:var(--bs-dark)}
.boxmoe_header .offcanvas-body {padding:2rem;border:2px solid var(--bs-dark);margin:2rem;border-radius:10px}
.boxmoe_header .navbar .navbar-nav .nav-item .nav-link {color:var(--bs-dark);font-size:0.825rem;padding-left:1rem !important;padding-right:1rem !important;}
.boxmoe_header .navbar .navbar-nav .nav-item .nav-link:before{background: rgb(0 0 0 / 0%);}
.boxmoe_header .navbar .navbar-nav .nav-item .nav-link i {color:var(--bs-dark);}
.boxmoe_header .navbar-nav > li > .dropdown-menu,.boxmoe_header .dropdown-submenu .dropdown-menu{border: none;}
.boxmoe_header .navbar-nav > li{    margin-bottom: 10px;}
.boxmoe_header .navbar-toggler {border:none;padding:0;margin:0;outline:none;position:relative;height:40px;width:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;order:-1;}
.boxmoe_header .navbar-toggler .navbar-toggler-bar:nth-child(1) {width:16px;}
.boxmoe_header .navbar-toggler .navbar-toggler-bar:nth-child(2) {width:22px;}
.boxmoe_header .navbar-toggler .navbar-toggler-bar:nth-child(3) {width:18px;}
.boxmoe_header .navbar-toggler:hover .navbar-toggler-bar {width:22px !important;}
.boxmoe_header .navbar .navbar-toggler-bar {display:block;position:relative;width:22px;height:1px;border-radius:1px;transition:all .2s;margin:3px auto 3px auto;background:var(--bs-dark);}
.boxmoe_header .navbar.scrolled .navbar-toggler-bar {background:var(--bs-gray-900)}
.boxmoe_header .navbar.scrolled .navbar-toggler {border:1px solid var(--bs-gray-900)}
.boxmoe_header .navbar .dropdown-menu .dropdown-submenu.dropend .dropdown-menu {margin-top:-25px;}
.boxmoe_header .dropdown-submenu {position:relative;}
.boxmoe_header .dropdown-submenu .dropdown-menu {top:0;left:100%;margin-top:-1px;display:none;}
.boxmoe_header .dropdown-submenu .dropdown-menu.show {display:block;position:static;margin-left:1rem;}
.boxmoe_header .dropdown-submenu .dropdown-toggle::after {transform:rotate(-90deg);}
.boxmoe_header .dropdown-submenu .dropdown-toggle[aria-expanded="true"]::after {transform:rotate(0deg);}
.boxmoe_header .navbar-brand {position:absolute;left:50%;transform:translateX(-50%);}
.boxmoe_header .search-box {display:none !important;}
.boxmoe_header .nav-right-section {display:none !important;}
.boxmoe_header .logged-user-wrapper {display:none !important;}
.boxmoe_header .user-wrapper {display:inline-flex !important;}}
@media screen and (max-width:768px) {.boxmoe_header .navbar.scrolled {z-index:9;}
}
@keyframes panelSlideDown {from {transform:translateY(-100%);opacity:0;}
to {transform:translateY(0);opacity:1;}
}
@media screen and (max-width:768px) {.boxmoe_header .navbar-brand img,.boxmoe_header .offcanvas-header img {height:40px;}
}
@keyframes spin {0% {transform:rotate(0deg)}
100% {transform:rotate(360deg)}
}
@keyframes move-forever {0% {transform:translate3d(-90px,0,0)}
100% {transform:translate3d(85px,0,0)}
}
@keyframes gradient {0% {background-position:0% 50%;}
100% {background-position:100% 50%;}
}
/* list */
.list-one.post-list {position:relative;display:flex;flex-wrap:wrap;align-items:center;padding:20px 5px;border-radius:var(--bs-border-radius-lg) !important;background-color:var(--bs-white);background-image:url(../images/post-list.png);background-position:right bottom;background-repeat:no-repeat;margin-bottom:2.5rem;}
.list-one .post-list-img {flex:0 0 auto;width:40%;}
.list-one .post-list-content {flex:1;min-width:0;}
.list-one .post-content {font-size:0.82rem;font-weight:400;color: var(--bs-gray-700);letter-spacing: 0.5px;}
.list-one .post-list-img figure {margin:0;height:100%;}
.list-one .post-list-img img {width:100%;height:220px;object-fit:cover;border-radius:8px;transition:all .4s cubic-bezier(.7,0,.3,1);}
.list-one .post-list-img img[src*="loadz.svg"] {width:100%;height:220px;object-fit:contain;padding:60px;}
.list-one .category {display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.list-one .category .tags {display:block;font-weight:400;font-size:13px;letter-spacing:0.5px}
.list-one .category .tags a {color:var(--bs-dark);display:inline-block;padding:3px 10px;line-height:1;margin-right:10px;background:var(--bs-white);border:1px solid var(--bs-hui);border-radius:25px;-webkit-transition:all 300ms cubic-bezier(.5,2.5,.7,.7);-o-transition:all 300ms cubic-bezier(.5,2.5,.7,.7);transition:all 300ms cubic-bezier(.5,2.5,.7,.7);font-size:0.65rem}
.list-one .category .tags i {stroke:rgba(0,0,0,0.4);width:11px;height:11px;margin-right:5px}
.list-one .category .tags a:hover {color:var(--bs-dark) !important;-webkit-transform:translate(-1px,-1px);-ms-transform:translate(-1px,-1px);transform:translate(-1px,-1px);-webkit-box-shadow:2px 2px 0px 0px var(--bs-dark);box-shadow:2px 2px 0px 0px #333}
.list-one h3 {font-size:1rem;font-weight:600;}
.list-one  .post-meta {display:flex;align-items:center;gap:15px;margin-top:15px;padding-top:15px;}
.list-one .post-list-avatar {width:50px;height:50px;position:relative;flex-shrink:0;}
.list-one .post-meta-info {display:flex;flex-direction:column;gap:8px;}
.list-one .post-meta-info i{margin-right: 5px;}
.list-one .post-meta-stats {display:flex;gap:15px;order:1;}
.list-one .list-post-author {display:block;font-size:0.75rem;color:var(--bs-gray-700);order:2;}
.list-one .list-post-view,.list-one .list-post-comment {font-size:0.75rem;color:var(--bs-gray-700);}
.list-one .post-list-avatar-img,.list-one .avatar {width:55px;height:55px;-o-object-fit:cover;object-fit:cover;-webkit-clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);border:1px solid transparent}
.list-one .post-list-avatar {width:50px;height:50px;z-index:0;float:left;position:relative;text-align:right;display:inline-block}
.list-one .post-list-avatar:after {width:80%;height:80%;content:"";position:absolute;top:7px;left:3px;transform:rotate(45deg);z-index:-1;border-radius:4px;border:2px solid #ff00009c}
.list-one .post-list-avatar-img,.list-one .avatar {width:55px;height:55px;-o-object-fit:cover;object-fit:cover;-webkit-clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);border:1px solid transparent}
.dot {content:'';display:inline-block;width:5px;height:5px;background:#ff4c60;vertical-align:middle;margin-right:10px;margin-left:10px;border-radius:100%;margin-top:-2px}
@media (max-width:768px) {
    .list-one.post-list,.list-two.post-list {flex-direction:column;margin:0;margin-bottom:2.5rem;padding:15px 0;background-image:none}
    .list-one .post-list-img {width:100%;}
    .list-one .post-list-content {width:100%;}
    .list-one .list-post-author {display:block;}
    .list-one .list-post-view {margin-left:0!important;}
    .list-one .post-content {display:none;}
    .list-one h3 {font-size:0.95rem;font-weight:600;}
    }
/* all */
.fadein-top{animation-name:fade-in-top;animation-duration:0.8s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:none}
@keyframes fade-in-top{0%{transform:translateY(-50px);opacity:0}
100%{transform:translateY(0);opacity:1}
}.fadein-bottom{animation-name:fade-in-bottom;animation-duration:1s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:none}
@keyframes fade-in-bottom{0%{transform:translateY(50px);opacity:0}
100%{transform:translateY(0);opacity:1}
}
.blog-border{border:2px solid var(--bs-dark)}
.blog-border:after{content:"";display:block;position:absolute;z-index:-1;width:95%;height:100%;bottom:-9px;left:calc(50% - 47.5%);border-radius:20px;border:2px solid var(--bs-dark);background-color:#fbf8f2;transition:0.15s ease}
.blog-shadow{box-shadow:0 3px 12px -1px rgba(7,10,25,0.1),0 22px 27px -30px rgba(7,10,25,0.1)}
.blog-line{border: 1px dashed rgba(39, 39, 39, 0.2);}
.body-background {position:fixed;left:0;top:0;width:100%;height:100%;height:100vh;z-index:-1}
.body-background:after,.body-background:before {content:'';background:url("../images/background.svg") 7% 100px no-repeat;width:100%;height:100vh;position:absolute;left:0;top:0;background-size:contain}
.body-background:after {-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}
@media (max-width:1200px){.body-background{display:none}} 

.load-more-btn {border-radius:50px / 50px;transition:all 0.3s ease;border:1px solid var(--bs-dark);box-shadow:3px 3px 0 0 var(--bs-dark);color:var(--bs-dark);background-color:var(--bs-white);transition:box-shadow 75ms linear,transform .3s cubic-bezier(.5,2.5,.7,.7);}
.load-more-btn:hover {transform:translateY(2px);background-color:#ff4c60;color:var(--bs-white);border:1px solid var(--bs-hui);box-shadow:none;}
.load-more-btn .fa-refresh {font-size:14px;}
.tags i.fa{color:#85b2f4}
.tag-cloud{color:var(--bs-dark);display:inline-block;padding:6px 10px;line-height:1.2;margin-right:10px;background:var(--bs-white);border:1px solid var(--bs-hui);border-radius:25px;-webkit-transition:all 300ms cubic-bezier(.5,2.5,.7,.7);-o-transition:all 300ms cubic-bezier(.5,2.5,.7,.7);transition:all 300ms cubic-bezier(.5,2.5,.7,.7);margin-bottom:12px;margin-right:10px;font-size:0.75rem}
.tag-cloud:hover{color:var(--bs-dark) !important;-webkit-transform:translate(-1px,-1px);-ms-transform:translate(-1px,-1px);transform:translate(-1px,-1px);-webkit-box-shadow:2px 2px 0px 0px var(--bs-dark);box-shadow:2px 2px 0px 0px #333}
.tag-cloud i{margin-right:5px}
.pagenav {margin-top:30px}
.pagenav .page-link,.page-item span {margin:0 6px}
.pagenav .page-item .page-link {position:relative;color:var(--bs-dark);background:transparent;border:1px solid var(--bs-dark);box-shadow:2px 2px 0 0 var(--bs-dark);margin:0 5px;border-radius:4px;transition:all 0.3s cubic-bezier(.5,2.5,.7,.7);transform:translateY(0);font-size:0.85rem;}
.pagenav .page-item .page-link:hover,.pagenav .page-item .page-link:active {box-shadow:none!important;transform:translateY(2px);}
.pagenav .page-item.active .page-link {background-color:#ff4c60;color:var(--bs-white);}
.pagenav .page-item .page-link i {margin:0;font-size:14px;}
hr {margin:1rem 0;border:0;opacity:.25}
hr.horizontal.dark {background-image:linear-gradient(90deg,transparent,var(--bs-dark),transparent)}
hr.horizontal {background-color:transparent}
hr:not([size]) {height:1px}
/* sidebar */
.blog-sidebar .logo {height:35px;}
.blog-sidebar .position-sticky.top {top:2%;padding-bottom:3rem;}
.blog-sidebar .widget {padding:30px 25px;padding-top:45px;position:relative;border-radius:var(--bs-border-radius-lg) !important;margin-bottom:50px;width:auto;float:none;background-color:var(--bs-white)}
.blog-sidebar .widget-title {letter-spacing:0.25px;position:absolute;left:25px;top:-15px;z-index:2;padding:4px 20px;background:var(--bs-white);border:2px solid var(--bs-dark);border-radius:100px;font-size:0.75rem}
.blog-sidebar .widget ul {list-style:none;}
.blog-sidebar .widget ul li {position:relative;margin-bottom:10px;transition:all 0.3s ease;}
.blog-sidebar .blog-shadow .widget-title {border:1px solid transparent;-webkit-box-shadow:0 0px 0px 1px rgba(7,10,25,0.1);box-shadow:0 0px 0px 1px rgba(7,10,25,0.1)}
.blog-sidebar .blog-line .widget-title {border:1px dashed rgba(39,39,39,0.2);}
.blog-sidebar .widget-post {margin-bottom:20px;position:relative;padding-left:75px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:70px}
.blog-sidebar .widget-post .info {display:-webkit-box;display:-ms-flexbox;display:flex}
.blog-sidebar .widget-post .info .thumb {width:60px;height:64px;min-height:52px;overflow:inherit;position:absolute;left:0;top:1px;padding:0;border-radius:8px;-webkit-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease}
.blog-sidebar .widget-post .info .thumb .fullimage {position:absolute;left:0;top:0;width:100%;height:100% !important;z-index:1;background-repeat:no-repeat !important;background-position:center center !important;background-size:cover !important}
.blog-sidebar .widget-post .title {font-size:0.8rem;margin-bottom:5px;letter-spacing:0.25px;font-weight:400}
.blog-sidebar .widget-post .title a {color:var(--bs-dark);}
.blog-sidebar .widget-post time {font-size:12px;color:var(--bs-gray-500);}
.blog-sidebar .widget-post .number {position:absolute;left:-10px;top:-10px;z-index:3;width:30px;height:30px;text-align:center;line-height:30px;font-family:var(--epcl-title-font-family);font-weight:700;color:var(--bs-dark);background:url(../images/number.svg) no-repeat center center}
.blog-sidebar .widget-post .thumb:hover,.pagenav .page-item .page-link:hover {-webkit-box-shadow:2px 2px 0px 0px var(--bs-dark);box-shadow:2px 2px 0px 0px var(--bs-dark)}
.blog-sidebar .widget-post .title a:not(.widget-button),.post-list .post-title a:not(.widget-button) {padding-bottom:5px;background-image:-webkit-gradient(linear,left top,right top,from(var(--bs-dark)),to(var(--bs-dark)));background-image:-o-linear-gradient(left,var(--bs-dark) 0%,var(--bs-dark) 100%);background-image:linear-gradient(to right,var(--bs-dark) 0%,var(--bs-dark) 100%);background-size:0% 5%;background-repeat:no-repeat;background-position:left 80%;-webkit-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease;}
.blog-sidebar .widget-post .title a:not(.widget-button):after,.blog-sidebar .widget-post .title a:not(.widget-button):before,.post-list .post-title a:not(.widget-button):before,.post-list .post-title a:not(.widget-button):after {display:none}
.blog-sidebar .widget-post .title a:not(.widget-button):hover,.post-list .post-title a:not(.widget-button):hover,.pagenav .page-item .page-link:hover {color:var(--bs-dark) !important;background-size:100% 5%;}
.blog-sidebar .fullimage {display:block;border-radius:8px;border:1px solid var(--bs-hui);position:absolute;left:0;top:0;width:100%;height:100% !important;z-index:1}
.blog-sidebar .widget-latest-comment{padding-left: 0;}
.blog-sidebar .widget-latest-comment .comment-listitem {list-style:none;padding:8px 0 !important}
.blog-sidebar .widget-latest-comment .comment-user {font-size:0.75rem}
.blog-sidebar .widget-latest-comment .comment-avatar img {min-width:40px;min-height:40px;margin-right:12px;border-radius:50%;padding:3px;-webkit-transition:all 300ms cubic-bezier(.5,2.5,.7,.7);-o-transition:all 300ms cubic-bezier(.5,2.5,.7,.7);transition:all 300ms cubic-bezier(.5,2.5,.7,.7)}
.blog-sidebar .widget-latest-comment .comment-avatar {float:left; border: 2px solid var(--bs-dark);margin-right: 5px;}
.blog-sidebar .widget-latest-comment .comment-author {float:left;margin-right:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:95px}
.blog-sidebar .comment-content-link a {font-size:13px;transition:all .3s;color:#4c6280;font-weight:400;max-height:60px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}
.blog-sidebar .widget-latest-comment .comment-content {font-size:12px;color:var(--bs-dark);font-weight:400;display:flex;background:#f4f6f9;border-radius:6px;padding:5px 10px;max-width:100%;margin-top:5px}
.blog-sidebar .widget-latest-comment .comment-content::before {content:'';width:0;height:0;border-bottom:6px solid #f4f6f9;border-left:6px solid transparent;border-right:6px solid transparent;position:absolute;margin-top:-10px}
[data-bs-theme="dark"]{
.blog-sidebar .widget-latest-comment .comment-content{background:linear-gradient(to bottom, rgb(139 61 255 / 21%), rgb(139 61 255 / 14%));}
.blog-sidebar .widget-latest-comment .comment-content::before{border-bottom:6px solid rgb(139 61 255 / 21%);}}
.blog-sidebar .comment-listitem img:hover {-webkit-box-shadow:2px 2px 0px 0px var(--bs-dark);box-shadow:2px 2px 0px 0px var(--bs-dark)}
.blog-sidebar .widget-comments {padding:30px 25px 30px 0;}
.blog-sidebar .widget-comments ul li:hover {transform:translateX(5px);}
.blog-sidebar .widget-comments ul li::before {content:"\f105";font-family:FontAwesome;position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#85b2f4;transition:all 0.3s ease;}
.blog-sidebar .widget-comments ul li:hover::before {color:var(--bs-dark);transform:translate(3px,-50%);}
.blog-sidebar .widget_categories ul {margin:0;padding:0;list-style:none;}
.blog-sidebar .widget_categories ul li{border:1px solid var(--bs-dark);padding:5px 10px!important;border-radius:10px;margin-bottom:5px;position:relative;transition:all 0.3s ease;display:flex;justify-content:space-between;align-items:center;overflow:hidden;}
.blog-sidebar .widget_categories ul li a {color:var(--bs-gray-700);font-weight:400;padding:5px;display:block;transition:all 0.3s ease;font-size:0.85rem;flex:1;position:relative;z-index:1;}
.blog-sidebar .widget_categories ul li:hover {transform:translateX(5px);}
.blog-sidebar .widget_categories ul li a:hover {color:var(--bs-dark);}
.blog-sidebar .widget_ads img {width:100%}
.blog-sidebar .widget-search .search-wrap {position:relative;display:flex;align-items:center;}
.blog-sidebar .widget-search .search-input {width:100%;height:40px;padding:0 40px 0 15px;border:1px solid var(--bs-hui);border-radius:20px;background:var(--bs-white);font-size:0.85rem;transition:all 0.3s ease;}
.blog-sidebar .widget-search .search-input:focus {outline:none;box-shadow:2px 2px 0px 0px var(--bs-dark);transform:translate(-1px,-1px);}
.blog-sidebar .widget-search .search-submit {position:absolute;right:0;top:0;width:40px;height:40px;border:none;background:transparent;cursor:pointer;color:var(--bs-gray-600);transition:all 0.3s ease;}
.blog-sidebar .widget-search .search-submit:hover {color:var(--bs-dark);}
.blog-sidebar .widget-search .search-submit i {font-size:0.9rem;}
.blog-sidebar .widget_categories select,widget_archive select {width:100%;padding:10px 15px;font-size:0.85rem;border:1px solid var(--bs-hui);border-radius:20px;background-color:var(--bs-white);color:var(--bs-gray-700);cursor:pointer;transition:all 0.3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:40px;}
.blog-sidebar .widget_categories select:hover,widget_archive select:hover {transform:translateY(-2px);box-shadow:2px 2px 0px 0px var(--bs-dark);}
.blog-sidebar .widget_categories select:focus,widget_archive select:focus {outline:none;border-color:var(--bs-dark);box-shadow:2px 2px 0px 0px var(--bs-dark);}
.blog-sidebar .widget_categories select option,widget_archive select option {padding:10px;font-size:0.85rem;background:var(--bs-white);color:var(--bs-gray-700);}
.blog-sidebar .widget-profile {text-align:center;}
.blog-sidebar .widget-profile .profile-avatar {width:100px;height:100px;margin:0 auto 15px;position:relative;z-index:1;}
.blog-sidebar .widget-profile .profile-avatar img {width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid var(--bs-hui);padding:3px;transition:all 0.3s cubic-bezier(.5,2.5,.7,.7);}
.blog-sidebar .widget-profile .profile-avatar:after {content:"";position:absolute;width:85%;height:85%;border:2px solid #ff00009c;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);z-index:-1;}
.blog-sidebar .widget-profile .profile-name {font-size:1.1rem;font-weight:600;margin-bottom:5px;color:var(--bs-dark);}
.blog-sidebar .widget-profile .profile-desc {font-size:0.75rem;color:var(--bs-gray-600);margin-bottom:15px;}
.blog-sidebar .widget-profile .profile-social {display:flex;justify-content:center;gap:12px;margin-bottom:15px;}
.blog-sidebar .widget-profile .social-link {width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--bs-hui);border-radius:50%;color:var(--bs-dark);transition:all 0.3s cubic-bezier(.5,2.5,.7,.7);padding:0;/* 添加 padding:0 */}
.blog-sidebar .widget-profile .social-link i {font-size:1rem;margin:0;width:auto;height:auto;display:block;text-align:center;line-height:1;}
.blog-sidebar .widget-profile .profile-stats {display:flex;justify-content:center;gap:20px;padding-top:15px;border-top:1px dashed var(--bs-hui);}
.blog-sidebar .widget-profile .stat-item {text-align:center;}
.blog-sidebar .widget-profile .stat-value {font-size:1.1rem;font-weight:600;color:var(--bs-dark);}
.blog-sidebar .widget-profile .stat-label {font-size:0.75rem;color:var(--bs-gray-600);}
@media (max-width:991px) {
    .blog-sidebar .position-sticky.top {top:0;padding-bottom:0;position:absolute !important;}
    .blog-sidebar .offcanvas-lg {transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);z-index:1090;}
    .blog-sidebar .offcanvas-lg:not(.show) {transform:translateX(100%);}
    .blog-sidebar .offcanvas-lg.show {transform:translateX(0);}
    .blog-sidebar .offcanvas-backdrop {transition:opacity 0.3s cubic-bezier(0.4,0,0.2,1);}
    .blog-sidebar .offcanvas-backdrop.show {opacity:0.5;}
    .blog-sidebar .offcanvas-body {opacity:0;transform:translateX(20px);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}
    .blog-sidebar .offcanvas-lg.show .offcanvas-body {opacity:1;transform:translateX(0);transition-delay:0.1s;}
    .blog-sidebar .offcanvas-header {opacity:0;transform:translateY(-10px);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;z-index:1200;}
    .blog-sidebar .offcanvas-lg.show .offcanvas-header {opacity:1;transform:translateY(0);transition-delay:0.2s;z-index:1200;}
  }
  @media (min-width:992px){.blog-sidebar .offcanvas-lg .offcanvas-body{padding: 0 15px;}
}
/* tag */
.boxmoe_cat_items {text-align:left;display:flex;flex-wrap:wrap;position:relative;padding: 20px;}
.boxmoe_cat_items h3 {width:100%;margin-bottom:20px;padding-left:20px;}
.boxmoe_cat_items .cat_list_item {margin:0 0 20px 20px;padding:0;max-width:100%;opacity:0;transform:translateY(20px);animation:fadeInUp 0.6s ease forwards;}
.boxmoe_cat_items .cat_list_item:nth-child(5n+1) {animation-delay:0.1s;}
.boxmoe_cat_items .cat_list_item:nth-child(5n+2) {animation-delay:0.2s;}
.boxmoe_cat_items .cat_list_item:nth-child(5n+3) {animation-delay:0.3s;}
.boxmoe_cat_items .cat_list_item:nth-child(5n+4) {animation-delay:0.4s;}
.boxmoe_cat_items .cat_list_item:nth-child(5n+5) {animation-delay:0.5s;}
@keyframes fadeInUp {from {opacity:0;transform:translateY(20px);}to {opacity:1;transform:translateY(0);}}
.boxmoe_cat_items .list_item {overflow:hidden;}
.boxmoe_cat_items .prt-wrap {display:table;width:100%;}
.boxmoe_cat_items  .list_item .prt-right-column {height:60px;border:2px solid #102226;border-radius:15px;padding:0 86px 0 25px;font-size:22px;font-weight:700;line-height:55px;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:all .3s ease;display:block;}
.boxmoe_cat_items  .list_item .prt-right-column a {color:#102226;font-size:0.95rem;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.boxmoe_cat_items span.count {content:'';width:50px;height:50px;line-height:50px;display:block;background-color:#102226;text-align:center;flex-direction:column;justify-content:center;color:var(--bs-white);font-size:15px;font-weight:600;position:absolute;right:3px;top:3px;border-radius:10px;transition:all .5s ease-out;}
.boxmoe_cat_items .list_item .prt-right-column:hover span.count {right:-50px}
.boxmoe_cat_items .list_item .prt-right-column {height:60px;border:2px solid #102226;border-radius:15px;padding:0 86px 0 25px;font-size:22px;font-weight:700;line-height:55px;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:all .3s ease;display:block;background-color:var(--bs-white);}
.boxmoe_cat_items span.cat_name {transition:transform .3s ease;display:block;font-weight:500}
.boxmoe_cat_items .list_item .prt-right-column:hover span.cat_name {color:var(--bs-white);transform:translateX(27px)}
.boxmoe_cat_items .list_item .prt-right-column:hover {background-color:#102226}
@media (max-width: 768px) {.boxmoe_cat_items {padding: 20px 0;}}
/* 单页 */
.blog-single{position: relative;border-radius: var(--bs-border-radius-lg) !important;background-color: var(--bs-white);}
.post-single{padding:30px;border-radius:var(--bs-border-radius-lg) !important;background-color:var(--bs-white);}
.single-category{margin-bottom:15px}
.single-category a{position:relative;display:inline-block;font-size:13px;letter-spacing:2px;font-weight:400;background-color:var(--bs-white);padding:3px 10px}
.single-category i{padding-right:5px}
.single-title{font-size:1.3rem;font-weight:600;text-align:center}
.single-meta-box{align-items:center;flex-direction:row;justify-content:space-between;display:flex;margin-bottom:10px}
.single-info-left,.single-meta{display:flex;align-items:center}
.single-meta img{width:3rem;height:3rem;object-fit:cover;min-width:40px;min-height:40px;border-radius:50%;border: 2px solid rgba(39, 39, 39, 0.75);padding:3px;-webkit-transition:all 300ms cubic-bezier(.5,2.5,.7,.7);-o-transition:all 300ms cubic-bezier(.5,2.5,.7,.7);transition:all 300ms cubic-bezier(.5,2.5,.7,.7)}
.single-author-name{margin-left:1rem}
.single-author-info,.single-author-info a{font-size:12px;color:var(--bs-dark)}
.single-author-info i{padding-right:5px}
.single-author-info .data,.single-author-info .name,.single-author-info .view{font-size:12px;margin-right:12px;padding-right:12px;border-right:1px solid var(--bs-gray-300)}
.single-author-info .view{border-right:none}
.single-author-info .admin{padding-left:20px;color:var(--bs-danger)}
.single-info-right{align-items:center;display:flex;flex-direction:row;font-weight:400}
.single-info-right a{margin-bottom:0;color:var(--bs-dark);display:flex;align-items:center;font-size:12px;background-color:var(--bs-white);padding:5px 10px;border-radius:9999px}
.single-info-right i{margin-right:5px;font-size:13px}
.single-content img{max-width:100%;border-radius:var(--bs-border-radius-lg) ;box-shadow:0 .125rem .25rem rgba(2,6,23,.075) ;margin:0 0 1rem;height:auto;border: 2px solid var(--bs-gray-300);border-width: 2px 2px 4px;transition:all 0.3s cubic-bezier(.5,2.5,.7,.7);}
.single-content img:hover{border-color:var(--bs-primary);}
.single-content code{color:#c7254e;padding:0.25rem 0.5rem;margin:0;font-size:.85em;background-color:#f9f2f4;border-radius:2px}
.single-content a{position:relative;text-decoration:dotted 1px #eee;color:var(--box-color3);border-bottom:1px dashed}
.single-content iframe {width:auto;height:100%;margin:0 auto;max-width:100%;}
.single-content .quote{display:block;margin:1em;overflow:hidden}
.single-content .quote blockquote{background-color:var(--bs-white);border:solid 2px #757575;display:block;margin:0;padding:1em;position:relative}
.single-content .quote blockquote:before{background-color:var(--bs-white);bottom:-10%;content:"";left:0;position:absolute;right:0;top:-10%;transform:rotate(-15deg) skew(5deg)}
.single-content .quote blockquote cite{display:block;font-style:italic;text-align:right}
.single-content .quote blockquote cite:before{content:"- "}
.single-content .quote blockquote>*{position:relative;z-index:1}
.animated-border-quote{display:block;overflow:hidden;margin-bottom:20px}
.animated-border-quote blockquote{background-color:var(--bs-white);border:solid 2px #757575;display:block;margin:0;padding:1em;position:relative}
.animated-border-quote blockquote:before{animation:clockwise 30s infinite linear;background-color:var(--bs-white);bottom:10%;content:"";left:0;opacity:0.5;position:absolute;right:0;top:10%}
.animated-border-quote blockquote:after{animation:counter 30s infinite linear;background-color:var(--bs-white);bottom:10%;content:"";left:0;opacity:0.5;position:absolute;right:0;top:10%}
.animated-border-quote blockquote cite{display:block;font-style:italic;text-align:right}
.animated-border-quote blockquote cite:before{content:"- "}
.animated-border-quote blockquote>*{position:relative;z-index:1}
.badge-pill{background-color:RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1)) !important;color:var(--bs-white) !important}
@keyframes clockwise{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}@keyframes counter{0%{transform:rotate(0)}
100%{transform:rotate(-360deg)}
}.single-content .erphpdown legend{float:none}
.single-content .post-header{position:relative}
.single-content .post-title{font-size:19px;color:#000;text-align:center;margin-top:10px;letter-spacing:0}
.single-content .post-auther-avatar img{border-radius:100px;width:40px;height:40px;float:left;margin-right:10px;border:2px solid #ad9ad4;border-right-color:#db9693;border-bottom-color:#db9693}
.single-content .post-auther-avatar img{-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.single-content .post-auther-avatar img:hover{opacity:1;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
.single-content{word-break:break-all;padding-top:10px}
.single-content,.single-content p{color:var(--bs-gray-900);font-size:0.87rem;font-weight:400;line-height:1.7;word-break:break-all}
.single-content h1{font-size: 1.65rem;font-weight:600;border-bottom: 2px #8b3dff solid;width: auto;display: table;margin: 15px 0;}
.single-content h2{font-size: 1.45rem;font-weight:600;border-bottom: 2px #0dcaf0 solid;width: auto;display: table;margin: 15px 0;}
.single-content h3{font-size: 1.25rem;font-weight:600;border-bottom: 2px #ffda6a solid;width: auto;display: table;margin: 15px 0;}
.single-content h4{font-size: 1.05rem;font-weight:600;border-bottom: 2px #e97286 solid;width: auto;display: table;margin: 15px 0;}
.single-content h3.h-title,.single-content h2.h-title{position:relative;padding:0 0 0 1rem;line-height:1.8;margin:1.5rem 0 1rem -1rem;font-size:1.2rem}
.single-content h2.h-title:before,.single-content h3.h-title:before{content:'';position:absolute;left:0;top:7px;width:6px;height:22px;border-radius:10px;background:#f0494d;background:-o-linear-gradient(bottom,#ff843a,#f0494d);background:-webkit-gradient(linear,left bottom,left top,from(#ff843a),to(#f0494d));background:linear-gradient(to top,#ff843a,#f0494d)}
.single-content h2.h-title:before{background:#47484e;background:-o-linear-gradient(bottom,#47484e,#d0caca);background:-webkit-gradient(linear,left bottom,left top,from(#47484e),to(#d0caca));background:linear-gradient(to top,#47484e,#d0caca)}
.single-content .pagination,.comments-area .pagination{display:flex;padding-top:20px}
.single-content .pagination span,.comments-area .pagination span{font-size:.875rem;line-height:10px}
.single-content .section-title{position:relative;margin:1em 0;font-size:12px;letter-spacing:1px;font-weight:700;border-bottom:none;display:flex;}
.single-content .section-title:before{content:"";position:absolute;top:50%;left:0;width:80%;border-bottom:2px solid var(--bs-gray-800)}
.single-content .section-title span{position:relative;display:inline-block;padding-right:1.4em;background:var(--bs-white);color:var(--bs-gray-800);font-size:14px;font-weight:600}
.single-content .row+.section-title{margin-top:3em}
.single-content .section-title+p{margin-top:1em}
.single-content .link-title{position:relative;display:inline-block;margin:20px 0;font-size:15px;padding:0 30px 0 25px;height:45px;line-height:45px;border-radius:0 35px 35px 0;background:linear-gradient(120deg,#ef7676 0%,#00aafd 100%);color:var(--bs-white)}
.single-content .link-title:before{font-family:'FontAwesome';content:"\f1b2";padding-right:8px;margin-left:-15px}
.single-content .download_btn,.single-content .links_btn {display:inline-flex;align-items:center;font-size:13px;padding:8px 16px;margin:10px 5px;font-weight:500;color:var(--bs-white);border-radius:50px;border:none;transition:all 0.3s cubic-bezier(.5,2.5,.7,.7);text-decoration:none;box-shadow:0 2px 6px rgba(0,0,0,0.15);}
.single-content .download_btn {background:linear-gradient(135deg,#51ec8b,#20abef);}
.single-content .links_btn {background:linear-gradient(135deg,#ec5151,#0b7db5);}
.single-content .download_btn:before,.single-content .links_btn:before {font-family:'FontAwesome';margin-right:8px;font-size:14px;}
.single-content .download_btn:before {content:"\f0ed";}
.single-content .links_btn:before {content:"\f0ac";}
.single-content .download_btn:hover,.single-content .links_btn:hover {transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.2);}
.single-content .download_btn:hover {background:linear-gradient(135deg,#84fab0,#8fd3f4);}
.single-content .links_btn:hover {background:linear-gradient(135deg,#ff6b6b,#4facfe);}
.single-content audio{width:100%}
.single-content video{width:auto;max-width:100%;height:auto;max-height:480px;position:relative;border-radius: var(--bs-border-radius-lg);box-shadow: 0 .125rem .25rem #8b3dff;display: block;margin: 0 auto;}
.single-content img.aligncenter{margin:0px auto;display:block}
.single-content img.alignright{display:inline;}
.single-content img.alignleft{display:inline;}
.single-content h2 i[class^="icon-"],.single-content h2 i[class*=" icon-"],h2 i.fa{font-size:16px;margin-right:14px;line-height:40px;text-align:center;color:var(--bs-gray-800);background:var(--bs-white);border-radius:50%;border:2px solid var(--bs-gray-800);display:inline-block;width:45px}
.single-content h2 i[class^="icon-"]:before,h2 i[class*=" icon-"]:before,h2 i.fa:before{display:inline;margin-left:0;margin-right:0}
.single-content .ol{padding:15px;font-size:13px;font-weight:600;line-height:3;color:#53689a}
.single-content .ol a{color:#53689a}
.single-content .ol ol:hover{padding-left:20px}
.single-content .ol ol{position:relative;padding-left:15px;border-bottom:1px #53689a dashed}
.single-content .ol ol:before{content:'';position:absolute;left:0;top:18px;height:6px;width:6px;border-radius:20px;background-color:#888cdc}
.single-content .default blockquote{border-left:3px solid #00CC8F;color:#1a1a1a;font-style:italic;line-height:1.8em;margin:20px 0;padding:1em 2em;position:relative;transition:0.2s border ease-in-out;z-index:0}
.single-content .default blockquote:before{content:"";position:absolute;top:50%;left:-4px;height:2em;background-color:var(--bs-white);width:5px;margin-top:-1em}
.single-content .default blockquote:after{content:"\f0eb";position:absolute;top:50%;left:-0.5em;color:#00CC8F;font-family:'FontAwesome';font-style:normal;line-height:1em;text-align:center;text-indent:-2px;width:1em;margin-top:-0.5em;transition:0.2s all ease-in-out,0.4s transform ease-in-out}
.single-content .default blockquote:active:after{transform:rotateY(360deg)}
.single-content .default blockquote cite{display:block;font-size:0.75em;line-height:1.8em;margin-top:1em}
@media (max-width:767px){.post-single{padding:20px}
.single-author-info .data{display:block;border:0}
.single-author-info .name,.single-author-info .admin{display:none}
.single-content .default blockquote{border-top:2px solid #00CC8F;border-bottom:2px solid #00CC8F;border-left:none;margin:1.5em 0;padding:1.5em 1em}
.single-content .default blockquote:before{left:50%;top:0;height:4px;margin-top:-3px;margin-left:-1em;width:2em}
.single-content .default blockquote:after{font-size:0.75em;left:50%;top:0;margin-top:-0.5em;margin-left:-0.5em}
.single-content .default blockquote cite{text-align:right}}
.single-content ol.ol li{list-style-type:none;counter-increment:item}
.single-content ol.ol li:before{content:counter(item) ". ";color:var(--box-color0)}
.single-content .timelines{margin:4em auto;position:relative;max-width:46em}
.single-content .timelines:before{background-color:black;content:'';margin-left:-1px;position:absolute;top:0;left:2em;width:2px;height:100%}
.single-content .timeline-event{position:relative}
.single-content .timeline-event:hover .timeline-event-icon{-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background-color:#a83279}
.single-content .timeline-event:hover .timeline-event-thumbnail{-moz-box-shadow:inset 40em 0 0 0 #a83279;-webkit-box-shadow:inset 40em 0 0 0 #a83279;box-shadow:inset 40em 0 0 0 #a83279}
.single-content .timeline-event-copy{padding:2em;position:relative;top:-1.875em;left:1em;width:80%}
.single-content .timeline-event-copy h3{font-size:1.75em}
.single-content .timeline-event-copy h4{font-size:1.2em;margin-bottom:1.2em}
.single-content .timeline-event-copy strong{font-weight:700}
.single-content .timeline-event-copy p:not(.timeline-event-thumbnail){padding-bottom:1.2em}
.single-content .timeline-event-icon{-moz-transition:-moz-transform 0.2s ease-in;-o-transition:-o-transform 0.2s ease-in;-webkit-transition:-webkit-transform 0.2s ease-in;transition:transform 0.2s ease-in;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:black;outline:10px solid white;display:block;margin:0.5em 0.5em 0.5em -0.5em;position:absolute;top:0;width:1em;height:1em;font-size:1.01rem}
.single-content .timeline-event-thumbnail{-moz-transition:box-shadow 0.5s ease-in 0.1s;-o-transition:box-shadow 0.5s ease-in 0.1s;-webkit-transition:box-shadow 0.5s ease-in;-webkit-transition-delay:0.1s;transition:box-shadow 0.5s ease-in 0.1s;color:var(--bs-white);font-size:0.75em;background-color:black;-moz-box-shadow:inset 0 0 0 0em #ef795a;-webkit-box-shadow:inset 0 0 0 0em #ef795a;box-shadow:inset 0 0 0 0em #ef795a;display:inline-block;margin-bottom:1.2em;padding:0.25em 1em 0.2em 1em}
.post-download-box{border:1px solid;border-radius:5px;padding:10px;width:90%;margin:0 auto}
.post-download-box a{padding-left:5px}
.post-download-box h3{text-align:center;font-size:18px;font-weight:600}
.post-download-box .title{display:block;margin-bottom:10px}
.post-download-box .title span:before{font-family:'FontAwesome';content:"\f0c6";padding-left:5px}
.post-download-box .title small{font-size:12px;color:#797676}
.post-download-box .sya{font-size:10px;float:right;background:var(--bs-white)}
.post-single .post-tags{margin:20px 0}
.post-single pre{width:100% !important;overflow:auto !important;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}
.post-single pre.prettyprint{position:relative;background:linear-gradient(0deg,#d8d8d8,#ececec);border-radius:10px;margin-bottom:1.6em;max-width:100%;overflow:auto;text-shadow:none;color:#000;padding-top:40px}
.post-single pre.prettyprint:before{content:" ";position:absolute;-webkit-border-radius:50%;border-radius:50%;background:#fc625d;width:12px;height:12px;left:12px;margin-top:-24px;-webkit-box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;z-index:2}
.post-single pre.prettyprint ol.linenums{background:var(--bs-white);border:1px solid #ebebeb;padding-bottom:5px;padding-top:5px;box-shadow:inset 33px 0 0 var(--bs-white),inset 34px 0 0 #ebebeb}
.post-single pre.prettyprint ol.linenums li{padding-right:16px;padding-left:16px;color:#000;list-style-type:decimal}
.post-single pre.prettyprint .com{color:#277840}
.post-single pre.prettyprint .lit{color:#fb8d04}
.post-single pre.prettyprint .pun,.post-single pre.prettyprint .opn,.clo{color:#b856d1}
.post-single pre.prettyprint .fun{color:#dc322f}
.post-single pre.prettyprint .str,.post-single pre.prettyprint .atv{color:#7d8695}
.post-single pre.prettyprint .kwd,.post-single pre.prettyprint .tag{color:#0a12ff}
.post-single pre.prettyprint .typ,.post-single pre.prettyprint .atn,.post-single pre.prettyprint .dec,.post-single pre.prettyprint .var{color:teal}
.post-single pre.prettyprint .pln{color:#ff006a}
.post-single .btn-copy{cursor:pointer}
.post-single pre.prettyprint:hover .btn-copy{display:block}
.post-single pre .btn-copy{float:right;margin-right:10px;margin-top:-29px;background:var(--bs-dark);padding:1px 6px;border-radius:4px;font-size:12px;color:var(--bs-white);display:none}
.timeline{position:relative}
.timeline:before{position:absolute;top:0;left:1rem;height:100%;content:'';border-right:2px solid #e9ecef}
[data-timeline-axis-style=dashed]:before{border-right-style:dashed !important}
[data-timeline-axis-style=dotted]:before{border-right-style:dotted !important}
.timeline-block{position:relative;margin:2em 0}
.timeline-block:after{display:table;clear:both;content:''}
.timeline-block:first-child{margin-top:0}
.timeline-block:last-child{margin-bottom:0}
.timeline-step{font-size:1rem;font-weight:600;position:absolute;z-index:1;left:0;display:inline-flex;width:33px;height:33px;transform:translateX(-50%);text-align:center;border-radius:50%;align-items:center;justify-content:center}
.timeline-step i,.timeline-step svg{line-height:1.4}
.timeline-step-icon{border:2px solid #e9ecef;background:var(--bs-white)}
.timeline-step-xs{font-size:.75rem;width:17px;height:17px}
.timeline-step-sm{font-size:.75rem;width:23px;height:23px}
.timeline-step-lg{font-size:1.75rem;width:47px;height:47px}
.timeline-content{position:relative;position:relative;top:-6px;margin-left:60px;padding-top:.5rem}
.timeline-content:after{display:table;clear:both;content:''}
.timeline-content small.text-muted{display:block}
.timeline-body{padding:1.5rem}
@media (min-width:992px){.timeline:before{left:50%;margin-left:-2px}
.timeline-step{left:50%}
.timeline-content{width:38%}
.timeline-body{padding:1.5rem}
.timeline-block:nth-child(even) .timeline-content{float:right}
[data-timeline-axis-color=primary]:before{border-color:#5e72e4}
[data-timeline-axis-color=secondary]:before{border-color:#f7fafc}
[data-timeline-axis-color=success]:before{border-color:#2dce89}
[data-timeline-axis-color=info]:before{border-color:#11cdef}
[data-timeline-axis-color=warning]:before{border-color:#fb6340}
[data-timeline-axis-color=danger]:before{border-color:#f5365c}
[data-timeline-axis-color=light]:before{border-color:#adb5bd}
[data-timeline-axis-color=dark]:before{border-color:#212529}
[data-timeline-axis-color=default]:before{border-color:#172b4d}
[data-timeline-axis-color=white]:before{border-color:var(--bs-white)}
[data-timeline-axis-color=neutral]:before{border-color:var(--bs-white)}
[data-timeline-axis-color=darker]:before{border-color:#000}
}
.timeline-one-side:before{left:1rem}
.timeline-one-side .timeline-step{left:1rem}
.timeline-one-side .timeline-content{width:auto}

@media (min-width:992px){.timeline-one-side .timeline-content{max-width:30rem}
}
.timeline-one-side .timeline-block:nth-child(even) 
.timeline-content{float:none}
.checklist-item{position:relative;display:flex;padding-left:.75rem;justify-content:space-between;align-items:center;margin-bottom:10px}
.checklist-item:before{position:absolute;top:0;left:0;width:3px;height:100%;content:'';border-radius:8px;background-color:#5e72e4}
.checklist-item-purple:before{background-color:#b31aea}
.checklist-item-danger:before{background-color:#f5365c}
.checklist-item-warning:before{background-color:#fb6340}
.checklist-item-golden:before{background-color:#fcb105}
@media (max-width:768px){
    .post-single{padding:20px}
    .single-author-info .data{display:block;border:0}
    .single-author-info .name,.single-author-info .post-edit-link{display:none}
    .single-content .default blockquote{border-top:2px solid #00CC8F;border-bottom:2px solid #00CC8F;border-left:none;margin:1.5em 0;padding:1.5em 1em}
    .single-content .default blockquote:before{left:50%;top:0;height:4px;margin-top:-3px;margin-left:-1em;width:2em}
    .single-content .default blockquote:after{font-size:0.75em;left:50%;top:0;margin-top:-0.5em;margin-left:-0.5em}
    .single-content .default blockquote cite{text-align:right}
    }
    .post-single .bookmark h2 {margin-top:30px;margin-bottom:20px;font-size:20px;}
    .post-single .bookmark h2:first-child {margin-top:0;}
    .post-single .bookmark h2 > span {font-size:inherit;box-shadow:inset 0 -0.7rem #8183ff33;color:var(--bs-dark);transition:color .4s cubic-bezier(0.345,0.045,0.345,1);}
    .post-single .bookmark h2 > p {margin-top:5px;font-size:14px;font-weight:400;color:#999;}
    .post-single .bookmark ul {width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px;}
    .post-single .bookmark ul li {width:100%;border-radius:15px;border:1px solid #f2f2f2;overflow:hidden;background-color:var(--bs-white);transition:all .4s cubic-bezier(0.345,0.045,0.345,1);}
    .post-single .bookmark ul li:hover {border:1px solid #8183ff;}
    .post-single .bookmark ul li a {display:flex;padding:15px;transition:background .4s cubic-bezier(0.345,0.045,0.345,1);position: relative;z-index: 1;}
    .post-single .bookmark ul li:hover a {background-color:#8183ff1a;}
    .post-single .bookmark ul li .icon {position:relative;width:60px;height:60px;vertical-align: -0.15em;fill: currentColor;overflow: hidden;}
    .post-single .bookmark ul li a .icon::before {content:'';position:absolute;right:2px;bottom:0;width:13px;height:13px;border-radius:50%;z-index:2;transition:border .4s cubic-bezier(0.345,0.045,0.345,1);}
    .post-single .bookmark ul li a.on .icon::before {border:2px solid #fff;background:linear-gradient(to bottom,#38F090,#0cd07e);}
    .post-single .bookmark ul li a.off .icon::before {border:2px solid #fff;background:linear-gradient(to bottom,#ff7e94,#ff5c77);pointer-events:none;user-select:none;}
    .post-single .bookmark ul li .icon img {width:100%;height:100%;border-radius:50%;object-fit:cover;z-index:1;/* border:2px solid #fff;*/}
    .post-single .bookmark ul li .info {padding-left:10px;width:calc(100% - 60px);display:flex;flex-direction:column;justify-content:center;overflow:hidden;}
    .post-single .bookmark ul li .info h3 {font-size:16px;color:var(--bs-dark);font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:color .4s cubic-bezier(0.345,0.045,0.345,1);}
    .post-single .bookmark ul li .info p {font-size:13px;color:var(--bs-gray-500);margin-top:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:color .4s cubic-bezier(0.345,0.045,0.345,1);}
    .post-single .bookmark ul li .profile {position:absolute;width:110%;left:-5%;top:50%;transform:translateY(-50%);z-index:-1;}
    .post-single .bookmark ul li .profile .imgbox {position:relative;width:100%;opacity:.2;transition:opacity .4s cubic-bezier(0.345,0.045,0.345,1);}
    .post-single .bookmark ul li:hover .profile .imgbox {opacity:.4;}
    .post-single .bookmark ul li .profile .imgbox::before {content:'';position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(to left,var(--bs-white) 30%,#00000000);}
    .post-single .bookmark ul li .profile .imgbox img {width:70%;height:100%;object-fit:cover;border-radius:15px;user-select:none;pointer-events:none;}
    @media screen and (max-width: 768px) {.post-single .bookmark ul{grid-template-columns: 1fr;}}
/* 上下文章 */
.post-navigation {margin:2rem 0;}
.post-navigation .row {--bs-gutter-x:1.5rem;}
.post-navigation .post-previous,.post-navigation .post-next {transition:all 0.3s cubic-bezier(.5,2.5,.7,.7);}
.post-navigation a {display:block;padding:1rem 1.5rem;border:1px solid var(--bs-dark);border-radius:12px;text-decoration:none;color:var(--bs-dark);background:var(--bs-white);transition:all 0.3s cubic-bezier(.5,2.5,.7,.7);}
.post-navigation a:hover {transform:translate(-2px,-2px);box-shadow:2px 2px 0px 0px var(--bs-dark);border-color:var(--bs-dark);}
.post-navigation span {display:flex;align-items:center;gap:0.5rem;font-size:0.85rem;color:var(--bs-gray-600);margin-bottom:0.5rem;}
.post-navigation h4 {font-size:0.85rem;font-weight:400;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;color:var(--bs-dark);}
[data-bs-theme="dark"] .post-navigation a {background:var(--bs-body-bg);color:var(--bs-body-color);border-color:rgba(255,255,255,0.40);}
[data-bs-theme="dark"] .post-navigation a:hover {box-shadow:2px 2px 0px 0px var(--bs-body-color);border-color:var(--bs-body-color);}
@media (max-width:768px) {.post-navigation {margin:1.5rem 0;padding:1rem 0;}
.post-navigation .post-previous,.post-navigation .post-next {padding:0.5rem;}
.post-navigation a {padding:0.8rem 1rem;}
.post-navigation h4 {font-size:0.9rem;}
}
.post-navigation .nav-previous {margin-right:auto;}
.post-navigation .nav-next {margin-left:auto;text-align:right;}
.post-navigation i {font-size:1.2rem;}
.post-navigation .nav-label {font-size:0.85rem;color:var(--bs-gray-600);}
.post-navigation .post-title {font-size:0.85rem;font-weight:400;margin-top:0.3rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.post-title-ellipsis {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.post-navigation .post-next a {text-align:right;}
.post-navigation .post-next span {justify-content:flex-end;margin-left:auto;}
.post-navigation .post-next h4 {text-align:right;}
@media (max-width:768px) {.post-navigation {flex-direction:column;gap:1rem;}
.post-navigation a {width:100%;}
.post-navigation .nav-next {text-align:left;}
}

/* 文章导读样式 */
.post-toc-container {position:relative;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;}
.post-toc-container.visible {opacity:1;visibility:visible;}
.post-toc-btn {position:fixed;left:30px;top:50%;transform:translateY(-50%);cursor:pointer;width:40px;height:40px;line-height:35px;text-align:center;border: 2px solid var(--bs-dark);border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,0,0.1);transition:all 0.3s ease;opacity:0;visibility:hidden;}
.post-toc-btn.visible {opacity:1;visibility:visible;}
.post-toc {display:none;position:fixed;left:80px;top:40%;width:400px;background:var(--bs-white);border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,0.1);padding:15px;z-index:100;}
.post-toc.show {display:block;}
.toc-title {font-size:16px;font-weight:bold;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #eee;}
.toc-list {display:flex;flex-direction:column;gap:8px;}
.toc-list a {color:var(--bs-gray-700);font-size:0.88rem;font-weight:500;text-decoration:none;transition:all 0.3s ease;padding:5px 0;border-bottom:1px dashed #c6c4c4;}
.toc-list a:hover,.toc-list a.active {color:var(--bs-primary);transform:translateX(5px);}
@media (max-width:768px) {.post-toc-btn,.post-toc {display:none;}
}
.post-actions {display:flex;gap:15px;justify-content:center;align-items:center;padding:10px 0;}
.action-btn {display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:4px 15px;border:1px solid var(--bs-dark);border-radius:20px;background:var(--bs-white);color:var(--bs-dark);font-size:0.85rem;font-weight:500;cursor:pointer;transition:all 0.3s cubic-bezier(.5,2.5,.7,.7);line-height:1;}
.action-btn:hover {transform:translate(-1px,-1px);box-shadow:2px 2px 0px 0px var(--bs-dark);}
.action-btn i {font-size:1rem;display:flex;align-items:center;justify-content:center;}
.like-count {text-align:center;display:flex;align-items:center;justify-content:center;}

@keyframes likePulse {0% {transform:scale(1);}
50% {transform:scale(1.2);}
100% {transform:scale(1);}
}
.like-btn.processing {opacity:0.7;cursor:progress;}
.like-btn.liked:hover::after {content:"已点赞";position:absolute;background:rgba(0,0,0,0.8);color:var(--bs-white);padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;margin-top:-30px;}
[data-bs-theme="dark"] .action-btn {background:var(--bs-body-bg);color:var(--bs-body-color);border-color:var(--bs-body-color);}
[data-bs-theme="dark"] .action-btn:hover {box-shadow:2px 2px 0px 0px var(--bs-body-color);}
[data-bs-theme="dark"] .like-btn.liked {background:var(--bs-body-color);color:var(--bs-body-bg);}
@media (max-width:768px) {.post-actions {padding:15px 0;}
.action-btn {padding:6px 15px;font-size:0.85rem;}
}
/* 打赏*/
.reward-modal {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:none;justify-content:center;align-items:center;z-index:9999;opacity:0;transition:opacity 0.3s ease;}
.reward-modal.show {opacity:1;display:flex;}
.reward-content {background:var(--bs-white);padding:2rem;border-radius:1rem;max-width:500px;position:relative;transform:scale(0.8);transition:transform 0.3s ease;}
.reward-modal.show .reward-content {transform:scale(1);}
.reward-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;}
.reward-close {background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--bs-gray-600);}
.reward-body {display:flex;gap:1rem;justify-content:center;}
.qrcode-item {text-align:center;}
.qrcode-item img {width:150px;height:150px;border:1px solid var(--bs-gray-300);border-radius:0.5rem;padding:0.5rem;background:white;}
.qrcode-item p {margin-top:0.5rem;font-size:0.9rem;color:var(--bs-gray-700);}
/* 评论 */
.post-comments {padding:0 1.5rem;}
.post-comments h2 {display:inline-flex;align-items:center;gap:1rem;margin-bottom:0;font-size:1.2rem;font-weight:600;color:var(--bs-dark);padding-bottom:0.5rem;border-bottom:2px solid var(--bs-dark);}
.post-comments .comments-count {display:flex;align-items:center;gap:0.5rem;font-size:0.9rem;color:var(--bs-gray-600);}
.post-comments .comments-count i {font-size:1rem;color:var(--bs-gray-600);}
@media (max-width:768px) {.post-comments {padding:1rem;margin-top:1.5rem;}
.post-comments h2 {font-size:1.1rem;}
}
.comment-respond {margin-top:2rem;}
.comment-form {display:flex;flex-direction:column;gap:1rem;}
.comment-form-comment {position:relative;}
.comment-form-comment textarea {width:100%;padding:0.8rem;padding-bottom:3.5rem;border:1px solid rgba(39,39,39,0.2);border-radius:8px;min-height:120px;resize:vertical;}
.comment-toolbar {position:absolute;bottom:0.8rem;left:0.8rem;right:0.8rem;display:flex;justify-content:space-between;align-items:center;}
.guest-inputs {display:none;gap:1rem;}
.guest-inputs.active {display:flex;animation:fadeIn 0.3s ease;}
@keyframes fadeIn {from {opacity:0;transform:translateY(-10px);}
to {opacity:1;transform:translateY(0);}
}
.guest-inputs .form-control {font-size:.75rem;color:var(--bs-red);}
.guest-inputs .input-group {flex:1;flex-wrap:nowrap;}
.guest-inputs .input-group input {width:100%;padding:0.5rem;border:1px solid rgba(39,39,39,0.2);border-radius:6px;}
.comment-reply-title {font-size:1.2rem;font-weight:600;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:2px solid var(--bs-dark);display:inline-block;}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"] {border:1px solid rgba(39,39,39,0.2);border:1px solid rgba(39,39,39,0.2);transition:all 0.3s ease;}
.comment-form input[type="text"]:focus,.comment-form input[type="email"]:focus,.comment-form input[type="url"]:focus {outline:none;border-color:var(--bs-primary);box-shadow:0 0 0 2px rgba(var(--bs-primary-rgb),0.1);}
.comment-form-inputs {display:flex;gap:1rem;}
.comment-form-author,.comment-form-email,.comment-form-url {flex:1;min-width:0;}
.comment-form input::placeholder {color:var(--bs-gray-500);font-size:0.9rem;}
.form-submit {position:static;margin:0;display:flex;align-items:center;}
.submit-btn {padding:0.25rem 1.0rem;border:1px solid var(--bs-dark);border-radius:6px;background:var(--bs-white);color:var(--bs-dark);font-weight:500;cursor:pointer;transition:all 0.3s cubic-bezier(.5,2.5,.7,.7);white-space:nowrap;box-shadow:2px 2px 0px 0px var(--bs-dark);transform:translate(-2px,1px);}
.submit-btn:hover {transform:translate(2px,2px);box-shadow:none;}
.comments-list {}
.comments-list {display:none;opacity:0;margin-top:1rem;transform:translateY(-10px);transition:opacity 0.3s ease,transform 0.3s ease;}
.comments-list.show {display:block;opacity:1;transform:translateY(0);}
.comment-item {display:flex;position:relative;padding:1.2rem 0;transition:all 0.3s ease;gap:1rem;}
.comment-new {opacity:0;transition:opacity 0.3s ease;}
.comment-new.show {opacity:1;}
.comments-toggle {display:flex;align-items:center;justify-content:center;gap:0.5rem;margin:0 auto;cursor:pointer;user-select:none;width:fit-content;padding:0.5rem 1rem;border-radius:6px;transition:background-color 0.3s ease;}
.comments-toggle:hover {background-color:rgba(var(--bs-primary-rgb),0.05);}
.comments-toggle i {transition:transform 0.3s ease;}
.comments-toggle.active i {transform:rotate(180deg);}
.comment-avatar {flex-shrink:0;width:48px;height:48px;border-radius:50%;overflow:hidden;border:2px solid rgba(var(--bs-primary-rgb),0.2);}
.comment-avatar img {width:100%;height:100%;object-fit:cover;border-radius:50%;padding:3px;}
.comment-content {flex-grow:1;min-width:0;}
.comment-meta {margin-bottom:0.5rem;display:flex;align-items:center;flex-wrap:wrap;gap:0.5rem;}
.comment-author,.comment-author a {font-weight:500;color:var(--bs-dark);}
.comment-badge {background:rgba(var(--bs-primary-rgb),0.1);color:var(--bs-primary);padding:0.2rem 0.5rem;border-radius:4px;font-size:0.75rem;}
[data-bs-theme="dark"] .comment-badge {background:rgb(148 86 239 / 71%);color:#fff}
.comment-date {color:var(--bs-gray-600);font-size:0.75rem;}
.comment-text {transition:all 0.3s ease;margin-bottom:0.25rem;color:var(--bs-dark);line-height:1.6;}
.comment-text p {font-size: 0.8rem;margin:0;color:var(--bs-dark);word-wrap: break-word;overflow-wrap: break-word;white-space: normal;line-height:2}
.comment-text p a{color:var(--bs-dark);border-bottom: 1px dashed var(--bs-primary);}
.comment-actions {display:flex;gap:1rem;}
.comment-item:hover .comment-actions {display:block;}
.comment-reply-link {color:var(--bs-gray-600);font-size:0.75rem;text-decoration:none;display:flex;align-items:center;gap:0.3rem;transition:color 0.3s ease;}
.comment-reply-link:hover {color:var(--bs-primary);}
.comment-reply-link i {font-size:0.75rem;}
.comment-item.child {margin-left:1rem;position:relative;display:flex;margin-bottom:1.5rem;padding:1.2rem;border:1px solid rgba(39,39,39,0.1);border-radius:12px;background:rgba(var(--bs-primary-rgb),0.02);transition:all 0.3s ease;}
[data-bs-theme="dark"] .comment-item.child {background:linear-gradient(to bottom,rgb(139 61 255 / 5%),rgb(139 61 255 / 8%));border:1px solid rgba(39,39,39,0.4);}
.no-comments {text-align:center;padding:2rem;color:var(--bs-gray-600);font-size:0.95rem;border:1px dashed rgba(39,39,39,0.1);border-radius:8px;margin:1rem 0;}
.comment-level-1 {margin-bottom:1.5rem;position:relative;padding:0 1rem;border:1px solid rgba(39,39,39,0.1);border-radius:12px;background:var(--bs-white);transition:all 0.3s ease;}
.comment-level-1:hover {box-shadow:0 4px 12px rgba(0,0,0,0.05);transform:translateY(-2px);border-color:rgba(var(--bs-primary-rgb),0.2);}
[data-bs-theme="dark"] .comment-level-1 {border-color:rgba(255,255,255,0.2);}
.comment-level-2 {margin-left:4.5rem;position:relative;}
.comment-level-2:before {content:'';position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,rgba(var(--bs-primary-rgb),0.2),rgba(var(--bs-primary-rgb),0.1));border-radius:2px;}
[data-bs-theme="dark"] .comment-level-2:before {background:linear-gradient(to bottom,rgb(139 61 255 / 57%),rgb(139 61 255 / 36%))}
.child-comments {border-right:2px solid var(--bs-primary-rgb);margin-top:15px;padding-left:20px;}
.comment-awaiting-moderation {display:inline-block;padding:4px 12px;background:#fff3cd;border:1px solid #ffeeba;border-radius:4px;color:#856404;margin:10px 0;}
.comment-awaiting-moderation:before {content:"\f017";font-family:FontAwesome;margin-right:8px;}
.comment-item.awaiting-moderation {background:#fff8e1;padding:15px;border-radius:5px;}
.private-comment-badge {display:inline-block;margin-left:10px;padding:2px 6px;background:#f0f0f0;border-radius:3px;font-size:12px;color:#666;}
.private-comment-notice {background-color:var(--bs-primary-bg-subtle);display:inline-flex;padding:0 0.5rem;border-radius:5px;color:#fff!important;line-height:1.7;font-size:0.75rem;}
.private-comment-notice:before {content:"\f06a";font-family:FontAwesome;margin-right:8px;}
.comment-at {color:var(--bs-primary);font-weight:500;}
.comment-at::after {content:"：";color:var(--bs-body-color);font-weight:normal;}
@media (max-width:768px) {.comment-text {padding:10px;}
.comment-item.child {margin-left:1rem;}
.comment-level-2 {margin-left:1.25rem;}
}
.comments-pagination {margin-top:2rem;display:flex;align-items:center;justify-content:center;gap:0.5rem;}
.comments-pagination .page-numbers {display:flex;align-items:center;justify-content:center;gap:0.25rem;}
.comments-pagination a,.comments-pagination span {min-width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--bs-dark);text-decoration:none;transition:all 0.3s ease;}
.comments-pagination .current span {color:var(--bs-white);}
.comments-pagination a:hover {background:rgba(var(--bs-primary-rgb),0.1);color:var(--bs-primary);}
.comments-pagination .current {background:var(--bs-primary);color:var(--bs-white);}
.comments-pagination .disabled {opacity:0.5;pointer-events:none;}
.comments-pagination .prev,.comments-pagination .next {display:flex;align-items:center;gap:0.3rem;}
.comments-pagination .dots {color:var(--bs-gray-600);}
[data-bs-theme="dark"] .comment-text {color:var(--bs-body-color);}
[data-bs-theme="dark"] .comment-author {color:var(--bs-body-color);}
[data-bs-theme="dark"] .comments-pagination a {color:var(--bs-body-color);}
[data-bs-theme="dark"] .comments-pagination a:hover {background:rgba(255,255,255,0.1);}
@media (max-width:768px) {.comments-pagination {flex-wrap:wrap;}
.comments-pagination a,.comments-pagination span {min-width:32px;height:32px;padding:0 0.1rem;font-size:0.8rem;}
}
#respond {transition:all 0.3s ease;margin-bottom:1.5rem;}
#cancel-comment-reply-link {font-size:0.85rem;font-weight:500;color:var(--bs-dark);text-decoration:none;transition:color 0.3s ease;box-shadow:3px 3px 0px 0px var(--bs-dark);border:1px solid var(--bs-dark);transform:translate(2px,2px);padding:2px 5px;border-radius:5px;margin-left:1rem;}
#cancel-comment-reply-link:hover {transform:translate(3px,3px);box-shadow:1px 1px 0px 0px var(--bs-dark);color:var(--bs-dark);}
.comment-item #respond {margin-top:1rem;padding-top:1rem;width:100%;border-top:1px dashed rgba(var(--bs-primary-rgb),0.2);}
.comment-respond .comment-reply-title {font-size:0.85rem;font-weight:500;color:var(--bs-dark);}
[data-bs-theme="dark"] .comment-item #respond {border-top-color:rgba(255,255,255,0.1);}
.comment-message {margin-bottom:1rem;padding:0.8rem 1rem;border-radius:8px;font-size:0.9rem;display:none;}
.comment-message.success {background:rgba(var(--bs-success-rgb),0.1);color:var(--bs-success);border:1px solid rgba(var(--bs-success-rgb),0.2);}
.comment-message.success:before {content:"\f058";font-family:FontAwesome;margin-right:8px;}
.comment-message.error {background:rgba(var(--bs-danger-rgb),0.1);color:var(--bs-danger);border:1px solid rgba(var(--bs-danger-rgb),0.2);}
.comment-message.error:before {content:"\f057";font-family:FontAwesome;margin-right:8px;}
@keyframes messageSlideDown {from {opacity:0;transform:translateY(-10px);}
to {opacity:1;transform:translateY(0);}
}
.comment-message.show {display:flex;animation:messageSlideDown 0.3s ease forwards;}
[data-bs-theme="dark"] .comment-message.success {background:rgba(var(--bs-success-rgb),0.1);border-color:rgba(var(--bs-success-rgb),0.3);}
[data-bs-theme="dark"] .comment-message.error {background:rgba(var(--bs-danger-rgb),0.1);border-color:rgba(var(--bs-danger-rgb),0.3);}
@media (max-width:768px) {.comment-message {padding:0.6rem 0.8rem;font-size:0.85rem;}
}
.toolbar-left {display:flex;gap:0.5rem;}
.toolbar-right {display:flex;align-items:center;gap:1rem;}
.toolbar-btn {padding:0.4rem;border:none;background:transparent;color:var(--bs-gray-600);border-radius:4px;cursor:pointer;transition:all 0.2s ease;}
.toolbar-btn:hover {color:var(--bs-primary);background:rgba(var(--bs-primary-rgb),0.1);}
.toolbar-btn i {font-size:0.85rem;}
.private-comment {display:flex;align-items:center;gap:0.3rem;color:var(--bs-gray-600);cursor:pointer;}
.private-comment .form-check-input {margin-top:0;}
.emoji-panel {display:none;position:absolute;bottom:100%;left:0;width:420px;background:var(--bs-white);border:1px solid rgba(39,39,39,0.1);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);z-index:1000;margin-bottom:0.5rem;}
.emoji-tabs {display:flex;border-bottom:1px solid rgba(39,39,39,0.1);padding:0.5rem;}
.emoji-tabs span {padding:0.3rem 0.8rem;cursor:pointer;border-radius:4px;font-size:0.9rem;color:var(--bs-gray-600);}
.emoji-tabs span.active {background:rgba(var(--bs-primary-rgb),0.1);color:var(--bs-primary);}
.emoji-content {padding:0.8rem;max-height:200px;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:0.5rem;}
.emoji-content span {cursor:pointer;padding:0.5rem;border-radius:4px;transition:background-color 0.2s ease;text-align:center;font-size:1.1rem;}
.emoji-content span:hover {background:rgba(var(--bs-primary-rgb),0.1);}
.code-panel {display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;background:var(--bs-white);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.15);z-index:1001;}
.code-header {display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid rgba(39,39,39,0.1);}
.code-language {padding:0.3rem 0.8rem;border-radius:4px;border:1px solid rgba(39,39,39,0.2);}
.close-btn {background:transparent;border:none;color:var(--bs-gray-600);cursor:pointer;padding:0.4rem;}
.code-input {width:100%;height:200px;padding:1rem;border:none;resize:none;font-family:monospace;}
.code-footer {padding:1rem;text-align:right;border-top:1px solid rgba(39,39,39,0.1);}
.insert-code-btn {padding:0.5rem 1.2rem;background:var(--bs-primary);color:white;border:none;border-radius:6px;cursor:pointer;}
[data-bs-theme="dark"] .emoji-panel,[data-bs-theme="dark"] .code-panel {background:var(--bs-body-bg);border-color:rgba(255,255,255,0.1);}
[data-bs-theme="dark"] .emoji-tabs,[data-bs-theme="dark"] .code-header,[data-bs-theme="dark"] .code-footer {border-color:rgba(255,255,255,0.1);}
[data-bs-theme="dark"] .code-language {background:var(--bs-body-bg);color:var(--bs-body-color);border-color:rgba(255,255,255,0.1);}
[data-bs-theme="dark"] .code-input {background:var(--bs-body-bg);color:var(--bs-body-color);}
@media (max-width:768px) {.emoji-panel {width:calc(100% - 1.6rem);left:0.8rem;}
.code-panel {width:calc(100% - 2rem);margin:0 1rem;}
.emoji-content {grid-template-columns:repeat(4,1fr);}
}
.user-info-ck {display:flex;justify-content:space-between;align-items:center;padding:0.8rem;background:rgba(var(--bs-primary-rgb),0.03);border-radius:8px;}
[data-bs-theme="dark"] .user-info-ck {background:rgba(255,255,255,0.1);}
.user-meta {display:flex;align-items:center;gap:1rem;flex-grow:1;}
.user-meta img {width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(var(--bs-primary-rgb),0.1);}
.user-info {display:flex;flex-direction:column;gap:0.3rem;}
.user-name {font-weight:500;color:var(--bs-dark);font-size:0.85rem;}
.user-email {font-size:0.75rem;color:var(--bs-gray-600);}
.switch-account-btn {padding:0.4rem 0.8rem;border:1px solid var(--bs-dark);border-radius:6px;background:transparent;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:0.5rem;}
.switch-account-btn:hover {border-color:var(--bs-primary);color:var(--bs-primary);background:rgba(var(--bs-primary-rgb),0.1);}
.comment-form-user {display:flex;justify-content:space-between;align-items:center;padding:0.8rem;margin-top:1rem;background:rgba(var(--bs-primary-rgb),0.03);border-radius:8px;}
.user-avatar {width:40px;height:40px;border-radius:50%;border:2px solid rgba(var(--bs-primary-rgb),0.2);}
.logout-link {display:flex;align-items:center;gap:0.4rem;color:var(--bs-gray-600);text-decoration:none;font-size:0.9rem;padding:0.4rem 0.8rem;border-radius:6px;transition:all 0.3s ease;}
.logout-link:hover {background:rgba(var(--bs-primary-rgb),0.1);color:var(--bs-primary);}
[data-bs-theme="dark"] .comment-form-user {background:rgba(255,255,255,0.03);}
[data-bs-theme="dark"] .user-name {color:var(--bs-body-color);}
@media (max-width:768px) {.comment-form-user {padding:0.6rem;flex-direction:column;gap:0.8rem;align-items:flex-start;}
.user-start {display:none;}
.logout-link {width:100%;justify-content:center;background:rgba(var(--bs-primary-rgb),0.05);}
}
.logged-in .guest-inputs {display:none;}
.logged-in .logged-in-user {display:flex !important;}
.guest .logged-in-user {display:none;}
@media (max-width:768px) {.comment-toolbar {flex-wrap:wrap;gap:0.5rem;}
.toolbar-right {width:100%;justify-content:space-between;}
.submit-btn {padding:0.5rem 1.2rem;font-size:0.9rem;}
}
[data-bs-theme="dark"] .comment-form textarea,[data-bs-theme="dark"] .input-group input {background:var(--bs-body-bg);border-color:rgba(255,255,255,0.1);color:var(--bs-body-color);}
@media (max-width:768px) {.guest-inputs {flex-direction:column;}
.comment-toolbar {flex-wrap:wrap;gap:0.5rem;}
}
@media (max-width:768px) {.user-meta {flex-direction:column;align-items:flex-start;}
.user-meta img {width:40px;height:40px;}
}
.site-search {padding:30px 0;text-align:center;margin-bottom:10px;}
.search-title {font-size:20px;color:var(--bs-dark);margin:0;font-weight:500;}
.search-title .fa-search {color:var(--bs-dark);margin-right:10px;font-size:22px;}
.search-title span {font-size:18px;color:var(--bs-dark);}
.search-title span strong {color:var(--bs-primary);padding:0 5px;}
/*FOOTER*/
footer {opacity:0;transform:translateY(20px);animation:fadeInUp 0.6s ease forwards;}
.copyright,.copyright a {color:var(--bs-dark);font-size:0.8rem;font-weight:400;}
footer .nav-link {color:var(--bs-dark);}
footer .copyright span {display:block;}
footer .logo {height:35px;}
@media (max-width:768px) {footer .logo {display:none;}
}
.btn-social {width:35px;height:35px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--bs-dark);border-radius:50%;margin:0 5px;transition:all 0.3s cubic-bezier(.5,2.5,.7,.7);background-color:var(--bs-white);}
.btn-social:hover {transform:translate(-1px,-1px);box-shadow:2px 2px 0px 0px var(--bs-dark);}
.btn-social i {font-size:1rem;margin-right:0;width:auto;text-align:center;line-height:1;color: var(--bs-dark);}
.btn-instagram:hover {background-color: #C13584!important;}
.btn-telegram:hover {background-color: #89daff!important;}
.btn-github:hover {background-color: #333333!important;}
.btn-qq:hover {background-color: #12B7F5!important;}
.btn-wechat:hover {background-color: #7BB32E!important;}
.btn-weibo:hover {background-color: #E6162D!important;}
.btn-email:hover {background-color: #0077b5!important;}
.btn-social:hover i{color: var(--bs-white);}
.floating-action-menu {position:fixed;bottom:30px;right:30px;z-index:999;pointer-events:none;}
.floating-menu-items ul {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:15px;align-items:center;}
.floating-menu-items li {pointer-events:auto;width:70px;display:flex;justify-content:center;}
.float-btn {position:relative;width:30px;height:30px;border:none;border-radius:50%;z-index:1;margin-right:8px;}
.bs-theme.dropdown-menu {border: 1px solid var(--bs-hui);}
#lolijump {display:block;width:70px;height:70px;transition:transform 0.3s ease;}
#lolijump img {width:100%;height:100%;object-fit:contain;}
@media (max-width:768px) {.floating-action-menu {bottom:20px;right:15px;}
.floating-menu-items ul {gap:12px;}
#lolijump {width:60px;height:60px;}
}
@supports (padding-bottom:env(safe-area-inset-bottom)) {.floating-action-menu {bottom:calc(20px + env(safe-area-inset-bottom));}
}
.favorite-btn.favorited,.like-btn.liked {background-color:#ffd700;border-color:#ffd700;color:var(--bs-dark);line-height:10px;}
.favorite-btn.favorited i,.like-btn.liked i {color:#ff4c60 !important;animation:favoritePulse 0.6s ease;}
@keyframes favoritePulse {0% {transform:scale(1);}
50% {transform:scale(1.2);}
100% {transform:scale(1);}
}
.favorite-btn.processing {opacity:0.7;cursor:progress;}
[data-bs-theme="dark"] .favorite-btn.favorited {background-color:#ffd700;color:var(--bs-dark);}
.blog-lines {background-color:var(--bs-white);border-radius:var(--bs-border-radius-lg) !important;margin-bottom:25px;transition:transform 0.3s ease,box-shadow 0.3s ease;}
.blog-lines::before,.blog-lines::after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:1.5px solid var(--bs-dark);border-radius:var(--bs-border-radius-lg) !important;pointer-events:none;}
.blog-lines::before {border-style:solid;animation:borderFlow 3s linear infinite;background:linear-gradient(90deg,transparent 25%,rgba(var(--bs-primary-rgb),0.1) 50%,transparent 75%    );background-size:200% 100%;}
.blog-lines::after {border-style:dashed;opacity:0.5;}
.blog-lines:hover {transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.1);}
.blog-lines:hover::before {animation-duration:1.5s;}
@keyframes borderFlow {0% {background-position:200% 0;}
100% {background-position:-200% 0;}
}
[data-bs-theme="dark"] .blog-lines {background-color:#ffffff4a;}
[data-bs-theme="dark"] .blog-lines::before,[data-bs-theme="dark"] .blog-lines::after {border-color:var(--bs-white);}
[data-bs-theme="dark"] .blog-lines:hover {box-shadow:0 5px 15px rgba(255,255,255,0.1);}
@media (max-width:768px) {.blog-lines {padding:15px;margin-bottom:20px;}
.blog-lines:hover {transform:none;}}
.deng-box{position:fixed;top:-40px;right:150px;z-index:9999;pointer-events:none}
.deng-box1{position:fixed;top:-30px;right:10px;z-index:9999;pointer-events:none}
.deng-box2{position:fixed;top:-40px;left:150px;z-index:9999;pointer-events:none}
.deng-box3{position:fixed;top:-30px;left:10px;z-index:9999;pointer-events:none}
.deng-box1 .deng,.deng-box3 .deng{position:relative;width:120px;height:90px;margin:50px;background:#d8000f;background:rgba(216,0,15,.8);border-radius:50% 50%;-webkit-transform-origin:50% -100px;-webkit-animation:swing 5s infinite ease-in-out;box-shadow:-5px 5px 30px 4px #fc903d}
.deng{position:relative;width:120px;height:90px;margin:50px;background:#d8000f;background:rgba(216,0,15,.8);border-radius:50% 50%;-webkit-transform-origin:50% -100px;-webkit-animation:swing 3s infinite ease-in-out;box-shadow:-5px 5px 50px 4px #fa6c00}
.deng-a{width:100px;height:90px;background:#d8000f;background:rgba(216,0,15,.1);margin:12px 8px 8px 8px;border-radius:50% 50%;border:2px solid #dc8f03}
.deng-b{width:45px;height:90px;background:#d8000f;background:rgba(216,0,15,.1);margin:-4px 8px 8px 26px;border-radius:50% 50%;border:2px solid #dc8f03}
.xian{position:absolute;top:-20px;left:60px;width:2px;height:20px;background:#dc8f03}
.shui-a{position:relative;width:5px;height:20px;margin:-5px 0 0 59px;-webkit-animation:swing 4s infinite ease-in-out;-webkit-transform-origin:50% -45px;background:orange;border-radius:0 0 5px 5px}
.shui-b{position:absolute;top:14px;left:-2px;width:10px;height:10px;background:#dc8f03;border-radius:50%}
.shui-c{position:absolute;top:18px;left:-2px;width:10px;height:35px;background:orange;border-radius:0 0 0 5px}
.deng:before{position:absolute;top:-7px;left:29px;height:12px;width:60px;content:" ";display:block;z-index:999;border-radius:5px 5px 0 0;border:solid 1px #dc8f03;background:orange;background:linear-gradient(to right,#dc8f03,orange,#dc8f03,orange,#dc8f03)}
.deng:after{position:absolute;bottom:-7px;left:10px;height:12px;width:60px;content:" ";display:block;margin-left:20px;border-radius:0 0 5px 5px;border:solid 1px #dc8f03;background:orange;background:linear-gradient(to right,#dc8f03,orange,#dc8f03,orange,#dc8f03)}
.deng-t{font-family:黑体,Arial,Lucida Grande,Tahoma,sans-serif;font-size:3.2rem;color:#dc8f03;font-weight:700;line-height:85px;text-align:center}
.night .deng-box,.night .deng-box1,.night .deng-t{background:0 0!important}
@-moz-keyframes swing{0%{-moz-transform:rotate(-10deg)}
50%{-moz-transform:rotate(10deg)}
100%{-moz-transform:rotate(-10deg)}
}@-webkit-keyframes swing{0%{-webkit-transform:rotate(-10deg)}
50%{-webkit-transform:rotate(10deg)}
100%{-webkit-transform:rotate(-10deg)}
}
@media (max-width:991px){.xnkl{display:none}}
.login_register_page .logo{height: 80px;}