/*
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:var(--scrollbar-track)}
  *::-webkit-scrollbar-track:hover{background-color:var(--scrollbar-track)}
  *::-webkit-scrollbar-track:active{background-color:var(--scrollbar-track)}
  *::-webkit-scrollbar-thumb{border-radius:10px;background:var(--scrollbar-thumb-gradient);background-clip:padding-box;border:2px solid transparent}
  *::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-gradient)}
  *::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-gradient)}
  *{scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track);scrollbar-width:auto}
/* 🎨 全局变量定义 */
:root {
    --bs-hui: #272727bf;
    --bs-primary-bg-subtle: linear-gradient(180deg, #72e5f4, #3c59fb, #daeaff);
    --scrollbar-track: transparent; /* ⬅️ 优化滚动条样式，去掉背景框 */
    --scrollbar-thumb-gradient: linear-gradient(180deg, #72e5f4, #3c59fb, #daeaff);
    --scrollbar-thumb-color: linear-gradient(180deg, #72e5f4, #3c59fb, #daeaff);
    --nav-shine-color: rgba(255, 192, 203, 0.6); /* ⬅️ 亮色模式下导航扫光颜色：浅粉色 */
}
/* 🌑 深色模式变量 */
[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;
    --scrollbar-track: transparent; /* ⬅️ 优化滚动条样式，去掉背景框 */
    --scrollbar-thumb-gradient: linear-gradient(180deg, #00EAFF, #FF00D4); /* ⬅️ 调整为青色到洋红色的渐变，匹配图片样式 */
    --scrollbar-thumb-color: linear-gradient(180deg, #00EAFF, #FF00D4);
    --nav-shine-color: rgba(255, 255, 255, 0.6); /* ⬅️ 深色模式下导航扫光颜色：白色 */
}

/* 🖌️ 全局文本选中样式 */
::selection {
    background: #b3d4fc; /* ⬅️ 全局设置选中文本背景为浅蓝色 */
    color: #333; /* ⬅️ 强制文字颜色为深色，确保在深色模式下也能看清 */
}
::-moz-selection {
    background: #b3d4fc; /* ⬅️ 兼容火狐浏览器 */
}

/* 📝 任务清单样式 - 漫画风 */
.md-task-list {
    list-style: none;
    padding-left: 20px;
    margin: 20px 0;
}

.md-task-item {
    margin: 15px 0;
    display: flex;
    align-items: center;
    line-height: 1.6;
    position: relative;
    padding: 10px 15px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 20px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

/* 静态任务清单（非作者用户） */
.md-task-item-static {
    cursor: default;
}

.md-task-item-static:hover {
    transform: none;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}

.md-task-item-static .md-task-emoji {
    cursor: default;
}

.md-task-item-static:hover .md-task-emoji {
    transform: none;
}

/* 可交互任务清单（作者用户） */
.md-task-item-interactive {
    cursor: pointer;
}

.md-task-item-interactive:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
}

.md-task-emoji {
    margin-right: 15px;
    font-size: 22px;
    transition: all 0.3s ease;
}

.md-task-item-interactive .md-task-emoji {
    cursor: pointer;
}

.md-task-item-interactive:hover .md-task-emoji {
    transform: scale(1.35);
}

.md-task-item[data-task-status="completed"] .md-task-text {
    text-decoration: line-through;
    color: #6b7280;
    opacity: 0.8;
    font-style: italic;
}

/* 进行中状态样式 */
.md-task-item[data-task-status="in-progress"] {
    background: rgba(255, 235, 59, 0.1);
    border-left: 4px solid #ffeb3b;
}

.md-task-item[data-task-status="in-progress"] .md-task-text {
    color: #ff6b35;
    font-weight: 500;
}

/* 深色模式下的任务清单样式 */
[data-bs-theme="dark"] .md-task-item {
    background: rgba(30, 30, 30, 0.8);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
}

[data-bs-theme="dark"] .md-task-item-interactive:hover {
    box-shadow: 0 5px 12px rgba(255, 255, 255, 0.15);
}

[data-bs-theme="dark"] .md-task-item[data-task-status="completed"] .md-task-text {
    color: #9ca3af;
}

[data-bs-theme="dark"] .md-task-item[data-task-status="in-progress"] {
    background: rgba(255, 235, 59, 0.1);
    border-left: 4px solid #ffeb3b;
}

[data-bs-theme="dark"] .md-task-item[data-task-status="in-progress"] .md-task-text {
    color: #ff9800;
}

[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, video, iframe {
    max-width: 100%;
    height: auto;
    display: block;
}

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);}
}

/* 文章密码保护表单样式 */
.password-protected-form {
    background: linear-gradient(135deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.9) 100%);
    border-radius: 16px;
    padding: 40px 30px;
    margin: 30px 0;
    box-shadow: 0 8px 32px rgba(0,0,0,0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.3);
    text-align: center;
}

.password-form-title {
    color: #333;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 10px;
    background: linear-gradient(135deg, #F472B6, #FB923C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* 🔢 排序按钮样式 */
.sort-btn.btn-outline-secondary {
    color: #6c757d; /* ⬅️ 亮色模式下默认文字颜色 */
    border-color: #ff71d4;
}

.sort-btn.btn-outline-secondary:hover {
    color: #fff;
    background-color: #ff71d4;
}

/* 🌑 深色模式下排序按钮样式 */
[data-bs-theme="dark"] .sort-btn.btn-outline-secondary {
    color: #fff; /* ⬅️ 深色模式下文字颜色 */
    border-color: rgba(99, 121, 243, 0.5);
}

[data-bs-theme="dark"] .sort-btn.btn-outline-secondary:hover {
    background-color: rgba(99, 121, 243, 0.815);
    border-color: rgba(99, 121, 243, 0.815);
}

.password-form-description {
    color: #666;
    font-size: 0.95rem;
    margin-bottom: 25px;
    line-height: 1.5;
}

.password-form-group {
    max-width: 500px;
    margin: 0 auto 20px;
    position: relative;
}

.password-input-label {
    display: block;
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #666;
    font-size: 14px;
    transition: all 0.3s ease;
    pointer-events: none;
    background: #fff;
    padding: 0 8px;
}

.password-input:focus + .password-input-label,
.password-input:not(:placeholder-shown) + .password-input-label {
    top: -10px;
    font-size: 12px;
    color: #F472B6;
    background: #fff;
    border-radius: 4px;
}

[data-bs-theme="dark"] .password-input-label {
    background: rgba(40,40,40,0.95);
    color: #aaa;
}

[data-bs-theme="dark"] .password-input:focus + .password-input-label,
[data-bs-theme="dark"] .password-input:not(:placeholder-shown) + .password-input-label {
    background: rgba(40,40,40,0.95);
    color: #7C3AED;
}

.password-input {
    flex: 1;
    height: 45px;
    border: 1px solid #E8EEFF;
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 14px;
    transition: border-color .18s ease, box-shadow .18s ease;
    background: #fff;
    box-shadow: none;
    caret-color: #F472B6;
    box-sizing: border-box;
}

.password-input:focus::placeholder {
    opacity: 0;
}

.password-input:not(:placeholder-shown)::placeholder {
    opacity: 0;
}

.password-input:hover {
    border-color: #D6E0FF;
    background: #fff;
}

.password-input:focus {
    outline: none;
    border-color: #F472B6;
    box-shadow: 0 0 0 2px rgba(244,114,182,0.18);
    background: #fff;
}

/* 登录页面密码可见性切换按钮样式 */
.password-field {
    position: relative;
}

.password-field span {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #999;
    font-size: 16px;
    z-index: 10;
}

.password-field span:hover {
    color: #F472B6;
}

/* 调整密码输入框的内边距，为切换按钮留出空间 */
.password-field .password-input {
    padding-right: 40px;
}

/* 深色模式下的密码切换按钮样式 */
[data-bs-theme="dark"] .password-field span {
    color: #666;
}

[data-bs-theme="dark"] .password-field span:hover {
    color: #7C3AED;
}

.password-submit {
    height: 45px;
    padding: 0 25px;
    border: none;
    border-radius: 25px;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    background: linear-gradient(135deg, #F472B6, #FB923C);
    color: white;
    box-shadow: 0 4px 15px rgba(244,114,182,0.3);
}

.password-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(244,114,182,0.4);
    background: linear-gradient(135deg, #FB923C, #F472B6);
}

.password-submit:active {
    transform: translateY(0);
}

/* 深色模式适配 */
[data-bs-theme="dark"] .password-protected-form {
    background: linear-gradient(135deg, rgba(20,20,20,0.95) 0%, rgba(30,30,30,0.9) 100%);
    border: 1px solid rgba(255,255,255,0.1);
}

[data-bs-theme="dark"] .password-form-title {
    color: #fff;
    background: linear-gradient(135deg, #7C3AED, #60A5FA);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

[data-bs-theme="dark"] .password-form-description {
    color: #aaa;
}

[data-bs-theme="dark"] .password-input {
    background: rgba(40,40,40,0.95);
    border-color: #444;
    color: #fff;
    box-shadow: none;
}

[data-bs-theme="dark"] .password-input:hover {
    border-color: #60A5FA;
    background: rgba(40,40,40,0.95);
}

[data-bs-theme="dark"] .password-input:focus {
    border-color: #7C3AED;
    box-shadow: 0 0 0 2px rgba(124,58,237,0.18);
    background: rgba(40,40,40,0.95);
}

[data-bs-theme="dark"] .password-submit {
    background: linear-gradient(135deg, #7C3AED, #60A5FA);
    box-shadow: 0 4px 15px rgba(124,58,237,0.3);
}

[data-bs-theme="dark"] .password-submit:hover {
    box-shadow: 0 6px 20px rgba(124,58,237,0.4);
    background: linear-gradient(135deg, #60A5FA, #7C3AED);
}
/* 🔦 导航扫光动画定义 */
@keyframes shine {
    0% {left: -100%;}
    100% {left: 100%;}
}
.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;overflow:hidden;} /* ⬅️ 增加 overflow:hidden 防止溢出 */
.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:after {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,transparent 0%,var(--nav-shine-color) 50%,transparent 100%);transform:skewX(-25deg);z-index:-1;pointer-events:none;} /* ⬅️ 扫光元素，颜色由变量控制 */
.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:hover:after {animation:shine 0.75s;} /* ⬅️ 触发动画 */
.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;flex-wrap:wrap;gap:10px;}
.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 1rem;min-width:200px;}
.boxmoe_header .lighting ul {list-style:none;padding:0;margin:0;display:flex;gap:5px;flex-wrap:nowrap;}
.boxmoe_header .lighting li {padding:4px 10px;border-radius:6px;cursor:pointer;font-size:12px;transition:all 0.3s ease;border-radius:50px;flex:1;text-align:center;white-space:nowrap;}
.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;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;}

/* 移动端banner文字大小优化 */
@media (max-width:985px) {
    .boxmoe_header_banner h2.boxmoe-typing-animation {
        font-size: 1.6rem !important;
        font-weight: 600 !important;
    }
    
    .boxmoe_header_banner .main-title {
        font-size: 0.8rem !important;
        margin-top: 0.8rem !important;
    }
}
.text-gradient {background:linear-gradient(to right,#cbfdb1,#acbff1,#efa7ec,#ffd6a5,#ffadad,#b5f4e2,#ffd1dc,#c5a3ff,#89cff0,#f0e68c);-webkit-background-clip:text;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}
/* 📱 响应式容器优化 */
.boxmoe-container.container {
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width:576px) {
    .boxmoe-container.container {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.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:985px) {
    .breadcrumb-head {
        margin-top: 1.5rem !important;
    }
    .breadcrumb-head span {
        padding-left: 50px;
        font-size: 10px;
        letter-spacing: 1px;
    }
    .breadcrumb-head span:before {
        width: 30px;
    }
}
/* 1199px以下尺寸，导航栏优化 */
@media (max-width:1199px) and (min-width:986px) {
    /* 允许导航菜单换行，防止文字分行 */
    .boxmoe_header .navbar-nav {
        flex-wrap: wrap !important;
        gap: 0.5rem !important;
        justify-content: center !important;
        align-items: center !important;
    }
    
    /* 调整导航项间距和内边距，防止文字分行 */
    .boxmoe_header .navbar .navbar-nav .nav-item {
        margin: 0.25rem 0 !important;
    }
    
    /* 调整导航链接样式，防止文字分行 */
    .boxmoe_header .navbar .navbar-nav .nav-item .nav-link {
        white-space: nowrap !important;
        padding: 0.25rem 0.75rem !important;
        font-size: 0.85rem !important;
    }
    
    /* 修复991px尺寸下导航按钮被挤压变形的问题 */
    .boxmoe_header .navbar-toggler,
    .boxmoe_header .offcanvas-nav-btn {
        width: 36px !important;
        height: 36px !important;
        flex-shrink: 0 !important;
        flex-grow: 0 !important;
        min-width: 36px !important;
        min-height: 36px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        background: transparent !important;
        border: none !important;
        outline: none !important;
        cursor: pointer !important;
        padding: 8px !important;
        z-index: 10000 !important;
        position: relative !important;
    }
    
    /* 明确指定991px尺寸的线条样式，解决线条不显示的问题 */
    .boxmoe_header .navbar-toggler .navbar-toggler-bar,
    .boxmoe_header .offcanvas-nav-btn .navbar-toggler-bar {
        display: block !important;
        width: 20px !important;
        height: 2px !important;
        margin: 3px 0 !important;
        background: var(--bs-dark) !important;
        position: relative !important;
        z-index: 9999 !important;
        transition: all 0.3s ease !important;
        border-radius: 1px !important;
        pointer-events: none !important;
    }
    
    /* 修复深色模式下的线条颜色 */
    [data-bs-theme="dark"] .boxmoe_header .navbar-toggler .navbar-toggler-bar,
    [data-bs-theme="dark"] .boxmoe_header .offcanvas-nav-btn .navbar-toggler-bar {
        background: var(--bs-white) !important;
    }
    
    /* 修复滚动时的线条颜色 */
    .boxmoe_header .navbar.scrolled .navbar-toggler .navbar-toggler-bar,
    .boxmoe_header .navbar.scrolled .offcanvas-nav-btn .navbar-toggler-bar {
        background: var(--bs-gray-900) !important;
    }
    
    /* 修复深色模式下滚动时的线条颜色 */
    [data-bs-theme="dark"] .boxmoe_header .navbar.scrolled .navbar-toggler .navbar-toggler-bar,
    [data-bs-theme="dark"] .boxmoe_header .navbar.scrolled .offcanvas-nav-btn .navbar-toggler-bar {
        background: var(--bs-white) !important;
    }
    
    /* 确保按钮位置正确，不被挤压 */
    .boxmoe_header .navbar-brand {
        position: static !important;
        transform: none !important;
        margin: 0 auto !important;
        order: 2 !important;
    }
    
    /* 调整按钮和搜索框的顺序 */
    .boxmoe_header .navbar-toggler {
        order: 1 !important;
    }
    
    .boxmoe_header .d-flex.d-lg-none {
        order: 3 !important;
    }
}

@media (max-width:985px) {.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 !important;
    position: relative !important;
    width: 22px !important;
    height: 2px !important;
    border-radius: 1px !important;
    transition: all .2s ease !important;
    margin: 3px auto !important;
    background: var(--bs-dark) !important;
    z-index: 9999 !important;
    pointer-events: none !important;
}

/* 修复滚动时的线条样式 */
.boxmoe_header .navbar.scrolled .navbar-toggler-bar {
    background: var(--bs-gray-900) !important;
}

/* 修复按钮内部线条的显示问题 */
.boxmoe_header .navbar-toggler {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    cursor: pointer !important;
    padding: 8px !important;
    z-index: 10000 !important;
    position: relative !important;
}

/* 为offcanvas-nav-btn添加完整样式 */
.boxmoe_header .offcanvas-nav-btn {
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    cursor: pointer !important;
    padding: 8px !important;
    z-index: 10000 !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
}

/* 确保按钮在各种状态下都能正确显示 */
.boxmoe_header .navbar-toggler:focus,
.boxmoe_header .offcanvas-nav-btn:focus {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

.boxmoe_header .navbar-toggler:active,
.boxmoe_header .offcanvas-nav-btn:active {
    transform: scale(0.95) !important;
}

/* 重写Bootstrap默认样式，确保按钮能正确显示 */
.boxmoe_header button.navbar-toggler {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    padding: 8px !important;
    margin: 0 !important;
}

/* 重置Bootstrap的默认按钮样式 */
.boxmoe_header .navbar-toggler {
    --bs-navbar-toggler-focus-width: 0 !important;
    --bs-navbar-toggler-padding-y: 0 !important;
    --bs-navbar-toggler-padding-x: 0 !important;
    --bs-navbar-toggler-font-size: 0 !important;
    --bs-navbar-toggler-border-color: transparent !important;
    --bs-navbar-toggler-border-radius: 0 !important;
    --bs-navbar-toggler-hover-bg: transparent !important;
    --bs-navbar-toggler-icon-bg: none !important;
    --bs-navbar-toggler-icon-color: transparent !important;
    --bs-navbar-toggler-icon-width: 0 !important;
    --bs-navbar-toggler-icon-height: 0 !important;
}

/* 确保汉堡菜单线条在所有情况下都能显示 */
.boxmoe_header .navbar-toggler .navbar-toggler-bar,
.boxmoe_header .offcanvas-nav-btn .navbar-toggler-bar {
    display: block !important;
    position: relative !important;
    width: 24px !important;
    height: 2px !important;
    border-radius: 1px !important;
    background: var(--bs-dark) !important;
    margin: 3px 0 !important;
    transition: all 0.3s ease !important;
    z-index: 10001 !important;
    pointer-events: none !important;
}

/* 修复深色模式下的线条颜色 */
[data-bs-theme="dark"] .boxmoe_header .navbar-toggler .navbar-toggler-bar,
[data-bs-theme="dark"] .boxmoe_header .offcanvas-nav-btn .navbar-toggler-bar {
    background: var(--bs-white) !important;
}

/* 修复滚动时的线条颜色 */
.boxmoe_header .navbar.scrolled .navbar-toggler .navbar-toggler-bar,
.boxmoe_header .navbar.scrolled .offcanvas-nav-btn .navbar-toggler-bar {
    background: var(--bs-gray-900) !important;
}

/* 修复深色模式下滚动时的线条颜色 */
[data-bs-theme="dark"] .boxmoe_header .navbar.scrolled .navbar-toggler .navbar-toggler-bar,
[data-bs-theme="dark"] .boxmoe_header .navbar.scrolled .offcanvas-nav-btn .navbar-toggler-bar {
    background: var(--bs-white) !important;
}

/* 处理active状态下的按钮样式，完全隐藏 */
.boxmoe_header .navbar-toggler.active,
.boxmoe_header .offcanvas-nav-btn.active {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* 确保active状态下的线条也完全隐藏 */
.boxmoe_header .navbar-toggler.active .navbar-toggler-bar,
.boxmoe_header .offcanvas-nav-btn.active .navbar-toggler-bar {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
}

/* 确保在各种屏幕尺寸下都能完全隐藏 */
@media (max-width:1199px) and (min-width:986px) {
    .boxmoe_header .navbar-toggler.active,
    .boxmoe_header .offcanvas-nav-btn.active {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        width: 0 !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
    }
    
    /* 确保active状态下的线条也完全隐藏 */
    .boxmoe_header .navbar-toggler.active .navbar-toggler-bar,
    .boxmoe_header .offcanvas-nav-btn.active .navbar-toggler-bar {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
    }
}

@media (max-width:985px) {
    .boxmoe_header .navbar-toggler.active,
    .boxmoe_header .offcanvas-nav-btn.active {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        width: 0 !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
    }
}

/* 修复985px以下尺寸的按钮样式 */
@media (max-width:985px) {
    .boxmoe_header .navbar-toggler {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
    }
    
    .boxmoe_header .navbar .navbar-toggler-bar {
        width: 22px !important;
        height: 2px !important;
        margin: 3px auto !important;
        background: var(--bs-dark) !important;
    }
}

.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:985px) {.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:985px) {.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:none;margin-bottom:2.5rem;transition:all 0.3s ease; /* ⬅️ 添加过渡动画 */}
.list-one.post-list:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;border-radius:var(--bs-border-radius-lg);background-color:var(--bs-white);background-image:url(../images/post-list.png);background-position:right bottom;background-repeat:no-repeat;}
.list-one.post-list:hover {transform:translateY(-10px); /* ⬅️ 仅保留上移效果，去掉阴影 */}
.list-one .post-protected-badge,.list-one .post-private-badge,.list-one .post-sticky-badge{position:absolute !important;top:10px !important;right:10px !important;display:inline-block !important;width:auto !important;white-space:nowrap;z-index:3;pointer-events:none;padding:4px 10px;font-size:0.72rem;letter-spacing:0.3px;border:1px solid var(--bs-dark);color:var(--bs-dark);background:var(--bs-white);border-radius:999px;box-shadow:2px 2px 0 0 var(--bs-dark);line-height:1}
@media (max-width:985px){.list-one .post-protected-badge,.list-one .post-private-badge,.list-one .post-sticky-badge{top:8px !important;right:8px !important;padding:3px 9px;font-size:0.7rem}}
.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}
.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:985px) {
    .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%;margin-bottom:1rem;}
    .list-one .post-list-content {width:100%;padding:0 15px;}
    .list-one .list-post-author {display:block;font-size:0.7rem;}
    .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;line-height:1.4;}
    .list-one .post-list-img img {height:180px;} /* 移动端图片高度适配 */
    
    /* 三列布局移动端优化 */
    .list-three.post-list {margin:0 15px;padding:15px 0;background-image:none;min-height:auto;}
    .list-three .post-list-content {padding:0 15px;}
    .list-three .post-list-img img {height:160px;} /* 三列布局移动端图片高度 */
    }

/* 📱 三列布局样式 */
.list-three.post-list {position:relative;display:flex;flex-direction:column;padding:20px;border-radius:var(--bs-border-radius-lg) !important;background:none;margin-bottom:2.5rem;transition:all 0.3s ease;height:100%;min-height:400px;}
.list-three.post-list:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;border-radius:var(--bs-border-radius-lg);background-color:var(--bs-white);background-image:url(../images/post-list.png);background-position:right bottom;background-repeat:no-repeat;background-size:100px auto;}
.list-three.post-list:hover {transform:translateY(-10px);}

/* 🎬 哔哩哔哩风格视频播放器样式 */
.single-content video {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 560px;
    position: relative;
    border-radius: 8px;
    display: block;
    margin: 0 auto;
    object-fit: contain;
    background-color: #000;
    cursor: pointer;
    transition: all 0.3s ease;
    /* 隐藏WP原生控件 */
    -webkit-appearance: none;
    appearance: none;
}

/* 强制隐藏所有浏览器的原生视频控件 */
.single-content video::-webkit-media-controls {
    display: none !important;
}

.single-content video::-moz-media-controls {
    display: none !important;
}

.single-content video::-ms-media-controls {
    display: none !important;
}

.single-content video::-o-media-controls {
    display: none !important;
}

/* 确保原生控件不会显示 */
.single-content video::media-controls {
    display: none !important;
}

/* 允许视频元素接收必要的事件，但隐藏原生控件 */
.single-content video {
    pointer-events: auto;
    /* 隐藏原生控件 */
    -webkit-appearance: none;
    appearance: none;
}

/* 确保容器能接收事件 */
.single-content .video-container {
    pointer-events: auto;
}

/* 🎬 视频容器样式 */
.single-content .video-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 1.5rem auto;
    border-radius: 8px;
    overflow: hidden;
    background-color: #000;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

/* 🎬 视频控制栏样式 */
.single-content .video-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.3) 50%, transparent 100%);
    padding: 10px 15px;
    transition: all 0.3s ease;
    opacity: 0;
    transform: translateY(20px);
}

/* 🎬 鼠标悬停显示控制栏 */
.single-content .video-container:hover .video-controls {
    opacity: 1;
    transform: translateY(0);
}

/* 🎬 进度条容器样式 */
.single-content .progress-container {
    position: relative;
    width: 100%;
    height: 8px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    margin-bottom: 10px;
    cursor: pointer;
    overflow: visible;
}

/* 🎬 进度条样式 */
.single-content .progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(to right, #00ffff, #4169e1, #9370db, #ff69b4, #ffa500, #ff0000);
    border-radius: 4px;
    transition: width 0.1s ease;
}

/* 🎬 看板娘在进度条上的样式 */
.single-content .progress-knb {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    width: 32px;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: left 0.1s ease;
    pointer-events: none;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* 🎬 鼠标悬停显示看板娘 */
.single-content .video-container:hover .progress-knb {
    opacity: 1;
}

/* 🎬 播放时间样式 */
.single-content .video-time {
    color: #fff;
    font-size: 0.8rem;
    margin-right: 10px;
    font-family: monospace;
}

/* 🎬 视频控制按钮组 */
.single-content .video-btn-group {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* 🎬 视频控制按钮样式 */
.single-content .video-btn {
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    padding: 5px;
    border-radius: 4px;
    transition: all 0.2s ease;
}

/* 🎬 视频控制按钮悬停样式 */
.single-content .video-btn:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

/* 🎬 全屏按钮样式 */
.single-content .fullscreen-btn {
    margin-left: auto;
}

/* 🎯 倍速播放按钮样式 */
.single-content .speed-btn {
    color: #fff;
    font-size: 0.85rem;
    font-weight: 500;
    min-width: 50px;
    text-align: center;
    position: relative;
    z-index: 101;
}

/* 🎯 倍速菜单样式 */
.single-content .speed-menu {
    position: absolute;
    bottom: 50px; /* 定位在按钮上方 */
    left: auto;
    right: auto;
    background-color: rgba(0, 0, 0, 0.9);
    border-radius: 8px;
    padding: 8px 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    min-width: 100px;
    /* 居中显示在倍速按钮上方 */
    width: 100px;
    margin-left: -50px;
    left: 50%;
}

/* 🎯 显示倍速菜单 */
.single-content .speed-menu.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* 🎯 倍速选项样式 */
.single-content .speed-option {
    color: #fff;
    padding: 8px 16px;
    cursor: pointer;
    font-size: 0.9rem;
    transition: all 0.2s ease;
    text-align: center;
}

/* 🎯 倍速选项悬停样式 */
.single-content .speed-option:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* 🎯 选中的倍速选项样式 */
.single-content .speed-option.active {
    color: #ff6b6b;
    font-weight: 600;
    background-color: rgba(255, 107, 107, 0.1);
}

/* 🎯 选中的倍速选项悬停样式 */
.single-content .speed-option.active:hover {
    background-color: rgba(255, 107, 107, 0.2);
}

/* 🎬 全屏状态样式 */
.single-content .video-container.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    background-color: #000;
    margin: 0 !important;
    border-radius: 0 !important;
    overflow: hidden;
}

/* 🎬 全屏状态下的视频样式 */
.single-content .video-container.fullscreen video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-height: 100vh !important;
    max-width: 100vw !important;
}

/* 🎬 全屏状态下的控制栏样式 */
.single-content .video-container.fullscreen .video-controls {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.4s ease, transform 0.4s ease;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.4) 50%, transparent 100%);
    /* 确保隐藏时也能接收点击事件 */
    pointer-events: auto;
}

/* 🎬 确保隐藏的控制栏仍然能接收事件 */
.single-content .video-container.fullscreen .video-controls {
    /* 使用pointer-events: auto确保始终能接收点击 */
    pointer-events: auto !important;
}

/* 🎬 确保隐藏的播放按钮仍然能接收事件 */
.single-content .video-container.fullscreen .play-btn {
    /* 使用pointer-events: auto确保始终能接收点击 */
    pointer-events: auto !important;
}

/* 🎬 全屏状态下的播放按钮样式 */
.single-content .video-container.fullscreen .play-btn {
    width: 100px;
    height: 100px;
    font-size: 2.5rem;
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: auto;
}

/* 🎬 全屏状态下的倍速选项样式 */
.single-content .video-container.fullscreen .speed-option {
    padding: 10px 20px;
    font-size: 1rem;
}

/* 🎬 全屏状态下的播放按钮样式 */
.single-content .video-container.fullscreen .play-btn {
    width: 100px;
    height: 100px;
    font-size: 2.5rem;
}

/* 🎬 全屏状态下的控制按钮样式 */
.single-content .video-container.fullscreen .video-btn {
    font-size: 1.1rem;
    padding: 8px;
}

/* 🎬 全屏状态下的播放时间样式 */
.single-content .video-container.fullscreen .video-time {
    font-size: 0.9rem;
    margin-right: 15px;
}



/* 🎬 播放按钮样式 */
.single-content .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background: rgba(0, 0, 0, 0.6);
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 2rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    opacity: 0;
}

/* 🎬 视频容器悬停显示播放按钮 */
.single-content .video-container:hover .play-btn {
    opacity: 1;
}

/* 🎬 播放按钮悬停样式 */
.single-content .play-btn:hover {
    background: rgba(0, 0, 0, 0.8);
    transform: translate(-50%, -50%) scale(1.1);
}

/* 🎬 音量控制样式 */
.single-content .volume-control {
    display: flex;
    align-items: center;
    gap: 5px;
}

/* 🎬 音量滑块样式 */
.single-content .volume-slider {
    width: 80px;
    height: 4px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 2px;
    outline: none;
    -webkit-appearance: none;
    transition: all 0.3s ease;
}

/* 🎬 音量滑块悬停样式 */
.single-content .volume-control:hover .volume-slider {
    width: 100px;
}

/* 🎬 音量滑块轨道样式 */
.single-content .volume-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 4px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 2px;
    -webkit-appearance: none;
}

/* 🎬 音量滑块拇指样式 */
.single-content .volume-slider::-webkit-slider-thumb {
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -4px;
    transition: all 0.2s ease;
}

/* 🎬 音量滑块拇指悬停样式 */
.single-content .volume-slider::-webkit-slider-thumb:hover {
    transform: scale(1.2);
    background-color: #ff6b6b;
}
/* 确保文章卡片容器高度统一 */
.blog-post .row.g-4 {display:flex;flex-wrap:wrap;}
.blog-post .row.g-4 > div {
    display:flex;
    flex-direction:column;
}
.list-three .post-protected-badge,.list-three .post-private-badge,.list-three .post-sticky-badge{position:absolute !important;top:10px !important;right:10px !important;display:inline-block !important;width:auto !important;white-space:nowrap;z-index:3;pointer-events:none;padding:4px 10px;font-size:0.72rem;letter-spacing:0.3px;border:1px solid var(--bs-dark);color:var(--bs-dark);background:var(--bs-white);border-radius:999px;box-shadow:2px 2px 0 0 var(--bs-dark);line-height:1}
@media (max-width:985px){.list-three .post-protected-badge,.list-three .post-private-badge,.list-three .post-sticky-badge{top:8px !important;right:8px !important;padding:3px 9px;font-size:0.7rem}}
.list-three .post-list-img {width:100%;}
.list-three .post-list-content {width:100%;flex-grow:1;display:flex;flex-direction:column;}
.list-three .post-content {font-size:0.78rem;font-weight:400;color: var(--bs-gray-700);letter-spacing: 0.5px;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px;}
.list-three .post-list-img figure {margin:0;}
.list-three .post-list-img img {width:100%;height:180px;object-fit:cover;border-radius:8px;transition:all .4s cubic-bezier(.7,0,.3,1);}
.list-three .post-list-img img[src*="loadz.svg"] {width:100%;height:180px;object-fit:contain;padding:40px;}
.list-three .category {display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:8px;}
.list-three .category .tags {display:block;font-weight:400;font-size:13px;letter-spacing:0.5px}
.list-three .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-three .category .tags i {stroke:rgba(0,0,0,0.4);width:11px;height:11px;margin-right:5px}
.list-three .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-three h3 {font-size:0.9rem;font-weight:600;line-height:1.3;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.list-three  .post-meta {display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:10px;border-top:1px solid rgba(0,0,0,0.05);}
.list-three .post-list-avatar {width:40px;height:40px;position:relative;flex-shrink:0;}
.list-three .post-meta-info {display:flex;flex-direction:column;gap:5px;}
.list-three .post-meta-info i{margin-right: 5px;}
.list-three .post-meta-stats {display:flex;gap:10px;order:1;}
.list-three .list-post-author {display:block;font-size:0.7rem;color:var(--bs-gray-700);order:2;}
.list-three .list-post-view,.list-three .list-post-comment {font-size:0.7rem;color:var(--bs-gray-700);}
.list-three .post-list-avatar-img,.list-three .avatar {width:45px;height:45px;-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-three .post-list-avatar {width:40px;height:40px;z-index:0;float:left;position:relative;text-align:right}
.list-three .post-list-avatar:after {width:80%;height:80%;content:"";position:absolute;top:5px;left:3px;transform:rotate(45deg);z-index:-1;border-radius:4px;border:2px solid #ff00009c}

@media (max-width:985px) {
    .list-three.post-list {margin-bottom:2rem;padding:15px 0;background-image:none}
    .list-three .post-list-img img {height:150px;}
    .list-three h3 {font-size:0.85rem;font-weight:600;}
    .list-three .post-content {display:none;}
    .list-three .list-post-author {display:block;}
    }

/* 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:-2;width:95%;height:100%;bottom:-9px;left:calc(50% - 47.5%);border-radius:20px;border:2px solid var(--bs-dark);background-color:transparent;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:-999}
.body-background:after,.body-background:before {content:'';background-position: 7% 100px;background-repeat: 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 .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:transparent;transition:all 0.3s ease;}
.blog-sidebar .widget:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--bs-white);border-radius:var(--bs-border-radius-lg) !important;z-index:-1;}
.blog-sidebar .widget:hover {transform:translateY(-10px);}
.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;line-clamp:2;-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%}

/* 通用搜索表单样式 */
.search-form .search-wrap {
    position:relative;
    display:flex;
    align-items:center;
}

.search-form .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;
}

.search-form .search-input:focus {
    outline:none;
    box-shadow:2px 2px 0px 0px var(--bs-dark);
    transform:translate(-1px,-1px);
}

.search-form .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;
}

.search-form .search-submit:hover {
    color:var(--bs-dark);
}

.search-form .search-submit i {
    font-size:0.9rem;
}

/* 侧边栏搜索小部件样式 */
.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;flex-wrap:wrap;}
.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:985px) {
    .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:986px){.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:985px) {.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;word-break:normal;overflow-wrap:break-word}
.single-content pre code{white-space:pre !important;word-break:normal !important;overflow-wrap:normal !important}
.single-content a{position:relative;text-decoration:dotted 1px #eee;color:var(--box-color3);border-bottom:1px dashed}

/* 移除卡片链接的虚线边框 */
.single-content .md-card-link-wrap {
    border-bottom: none !important;
    text-decoration: none !important;
}

.single-content .md-card-link-wrap:hover {
    border-bottom: none !important;
    text-decoration: none !important;
}
.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 ul{list-style:disc;margin-left:1.25rem;padding-left:0}
.single-content ol:not(.ol){list-style:decimal;margin-left:1.25rem;padding-left:0}
.single-content ul ul{list-style:circle}
.single-content ol ol{list-style:lower-alpha}
.single-content ul li{list-style:disc}
.single-content ol:not(.ol) li{list-style:decimal}
.single-content ul ul li{list-style:circle}
.single-content ol ol li{list-style:lower-alpha}
.single-content li{margin:0.25rem 0}
.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;object-fit: contain;}
.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 .md-card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: rgba(255, 255, 255, 0.95);
    border: 2px solid #f3e8ff;
    border-radius: 16px;
    padding: 15px;
    margin: 12px auto;
    box-shadow: 0 3px 10px rgba(139, 61, 255, 0.15);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    max-width: 400px;
    width: 100%;
}

.single-content .md-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #8b3dff, #a855f7, #c084fc);
    border-radius: 16px 16px 0 0;
}

.single-content .md-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(139, 61, 255, 0.25);
}

.single-content .md-card-avatar {
    flex-shrink: 0;
    position: relative;
}

.single-content .md-card-avatar img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #fdf4ff;
    box-shadow: 0 2px 6px rgba(139, 61, 255, 0.4);
    object-fit: cover;
    transition: all 0.3s ease;
}

/* 勋章样式 */
.single-content .md-card-badge {
    position: absolute;
    top: -2px;
    left: -2px;
    background: linear-gradient(135deg, #ffd700, #ffed4e);
    color: #333;
    font-size: 8px;
    font-weight: 700;
    padding: 2px 5px;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    z-index: 10;
    transform: rotate(-10deg);
    border: 1px solid white;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
}

.single-content .md-card:hover .md-card-avatar img {
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(139, 61, 255, 0.5);
}

.single-content .md-card-content {
    flex: 1;
    min-width: 0;
}

.single-content .md-card-title {
    margin: 0 0 6px 0;
    font-size: 16px;
    font-weight: 700;
    color: #7a20ff;
    line-height: 1.3;
    font-family: 'Public Sans', sans-serif;
}

.single-content .md-card-desc {
    margin: 0;
    font-size: 13px;
    color: #4b5563;
    line-height: 1.5;
}

/* 卡片链接包裹样式 */
.single-content .md-card-link-wrap {
    display: block;
    text-decoration: none;
    color: inherit;
    transition: all 0.3s ease;
    max-width: 400px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    z-index: 1;
}

.single-content .md-card-link-wrap:hover .md-card {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(139, 61, 255, 0.3);
}

/* 移除卡片上下的虚线 */
.blog-lines .md-card-link-wrap::before,
.blog-lines .md-card-link-wrap::after {
    display: none !important;
}

.single-content .md-card {
    position: relative;
    z-index: 1;
}

/* 确保卡片不受.blog-lines虚线影响 */
.blog-lines .single-content .md-card {
    background: rgba(255, 255, 255, 0.95);
}

/* 暗色模式下的卡片样式 */
[data-bs-theme="dark"] .single-content .md-card {
    background: var(--bs-body-bg);
    border-color: rgba(255, 255, 255, 0.2);
}

[data-bs-theme="dark"] .single-content .md-card-title {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .single-content .md-card-desc {
    color: var(--bs-gray-300);
}
.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:985px){.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;transition-delay: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;word-wrap:normal;overflow-wrap:normal;word-break:normal}
.post-single pre.prettyprint{white-space:pre !important}
.post-single pre.prettyprint ol.linenums{white-space:pre !important}
.post-single pre.prettyprint ol.linenums li{white-space:pre !important;word-break:normal !important;overflow-wrap:normal !important}
.post-single pre.prettyprint code,.post-single pre.prettyprint span{white-space:pre !important;word-break:normal !important;overflow-wrap:normal !important}
.prettyprint, .prettyprint *{white-space:pre !important;word-break:normal !important;overflow-wrap:normal !important}
.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 code{background:transparent!important;padding:0!important;margin:0!important;color:inherit}
.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}
.post-single pre.prettyprint code{background:transparent!important;padding:0!important;margin:0!important;color:inherit}

[data-bs-theme="dark"] .post-single pre.prettyprint{background:#1e1e1e;color:#d4d4d4}
[data-bs-theme="dark"] .post-single pre.prettyprint ol.linenums{background:#f3e8ff;border:1px solid #e9d5ff;box-shadow:inset 33px 0 0 #f3e8ff,inset 34px 0 0 #e9d5ff}
[data-bs-theme="dark"] .post-single pre.prettyprint ol.linenums li{color:#7c3aed}
.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:986px){.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:986px){.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:985px){
    .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:985px) {.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;line-clamp:2;-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:985px) {.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;line-clamp:1;-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:985px) {.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:20%;width:400px;max-height:60vh;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;max-height:calc(60vh - 50px);overflow-y:auto;padding-right:5px;}
.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:985px) {.post-toc-btn,.post-toc {display:none;}
}

/* 扁平风格滚动条样式 */
.toc-list::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.toc-list::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.toc-list::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
    transition: background 0.3s ease;
}

.toc-list::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* 深色模式下的滚动条样式 */
[data-bs-theme="dark"] .toc-list::-webkit-scrollbar-track {
    background: #333;
}

[data-bs-theme="dark"] .toc-list::-webkit-scrollbar-thumb {
    background: #666;
}

[data-bs-theme="dark"] .toc-list::-webkit-scrollbar-thumb:hover {
    background: #888;
}
.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:985px) {.post-actions {padding:15px 0;}
.action-btn {padding:6px 15px;font-size:0.85rem;}
}
/* 🎪 底部栏小部件样式 */


.footer-widgets-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 50px;
}

.footer-widgets .widget {
  margin-bottom: 0;
  padding: 30px 25px;
  padding-top: 45px;
  position: relative;
  border-radius: var(--bs-border-radius-lg) !important;
  width: auto;
  float: none;
  background-color: transparent;
  transition: all 0.3s ease;
}

.footer-widgets .widget:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--bs-white);
  border-radius: var(--bs-border-radius-lg) !important;
  z-index: -1;
}

/* 重置底部栏漫画风边框样式，使其与侧边栏完全一致 */
.footer-widgets .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;
  position: relative;
  border: none;
}

/* 添加动态边框效果 */
.footer-widgets .blog-lines::before {
  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;
  z-index: 1;
  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%;
}

/* 非悬停状态下的底座样式 */
.footer-widgets .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;
  z-index: -2;
  /* 底座效果 */
  width: 95% !important;
  height: 100% !important;
  bottom: -9px !important;
  left: calc(50% - 47.5%) !important;
  border: 2px solid var(--bs-dark) !important;
  background-color: transparent !important;
  transition: 0.15s ease !important;
}

/* 悬停状态下的底座样式变化 */
.footer-widgets .blog-lines:hover::after {
  width: 97% !important;
  bottom: -7px !important;
}

/* 暗色模式适配 */
[data-bs-theme="dark"] .footer-widgets .blog-lines {
  background-color: #ffffff4a !important;
}

[data-bs-theme="dark"] .footer-widgets .blog-lines::before,
[data-bs-theme="dark"] .footer-widgets .blog-lines::after {
  border-color: var(--bs-white) !important;
}

[data-bs-theme="dark"] .footer-widgets .blog-lines:hover {
  box-shadow: 0 5px 15px rgba(255, 255, 255, 0.1) !important;
}

.footer-widgets .widget:hover {
  transform: translateY(-10px);
}

/* 确保漫画风边框的卡片和底座同步上移 */
.footer-widgets .blog-lines:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

/* 悬停时动态边框动画加速 */
.footer-widgets .blog-lines:hover::before {
  animation-duration: 1.5s !important;
}

/* 悬停时底座同步上移 */
.footer-widgets .blog-lines:hover::after {
  transform: translateY(3px) !important;
}

.footer-widgets .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;
  margin-bottom: 0;
  font-weight: 600;
  color: var(--bs-dark);
}

.footer-widgets .widget ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-widgets .widget ul li {
  margin-bottom: 10px;
  transition: all 0.3s ease;
  position: relative;
}

.footer-widgets .widget ul li a {
  color: var(--bs-gray-700);
  text-decoration: none;
  transition: all 0.3s ease;
  display: block;
  padding: 0.3rem 0;
  font-size: 0.85rem;
}

.footer-widgets .widget ul li a:hover {
  color: var(--bs-dark);
  transform: translateX(5px);
}

.footer-widgets .widget ul li a i {
  margin-right: 0.5rem;
  color: var(--bs-primary);
}

/* 底部栏小部件绑定侧边栏样式 */
.footer-widgets .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);
}

.footer-widgets .blog-lines .widget-title {
  border: 1px dashed rgba(39,39,39,0.2);
}

/* 底部栏小部件响应式设计 */
@media (max-width: 768px) {
  .footer-widgets-row {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  
  .footer-widgets .widget {
    padding: 25px 20px;
    padding-top: 40px;
  }
  
  .footer-widgets .widget-title {
    left: 20px;
    font-size: 0.7rem;
    padding: 3px 15px;
  }
}

/* 底部栏小部件暗色模式适配 */
[data-bs-theme="dark"] .footer-widgets .widget:before {
  background-color: var(--bs-body-bg);
}

[data-bs-theme="dark"] .footer-widgets .widget-title {
  background: var(--bs-body-bg);
  border-color: var(--bs-body-color);
  color: var(--bs-body-color);
}

[data-bs-theme="dark"] .footer-widgets .widget ul li a {
  color: var(--bs-gray-300);
}

[data-bs-theme="dark"] .footer-widgets .widget ul li a:hover {
  color: var(--bs-body-color);
}

[data-bs-theme="dark"] .footer-widgets .blog-shadow .widget-title {
  box-shadow: 0 0px 0px 1px rgba(255,255,255,0.1);
}

[data-bs-theme="dark"] .footer-widgets .blog-lines .widget-title {
  border-color: rgba(255,255,255,0.2);
}

/* 底部栏用户信息小部件样式 */
.footer-widgets .widget-profile {
    text-align: center;
}

.footer-widgets .widget-profile .profile-avatar {
    width: 100px;
    height: 100px;
    margin: 0 auto 15px;
    position: relative;
    z-index: 1;
}

.footer-widgets .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);
}

.footer-widgets .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;
}

.footer-widgets .widget-profile .profile-name {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 5px;
    color: var(--bs-dark);
}

.footer-widgets .widget-profile .profile-desc {
    font-size: 0.75rem;
    color: var(--bs-gray-600);
    margin-bottom: 15px;
}

.footer-widgets .widget-profile .profile-social {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.footer-widgets .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;
}

.footer-widgets .widget-profile .social-link i {
    font-size: 1rem;
    margin: 0;
    width: auto;
    height: auto;
    display: block;
    text-align: center;
    line-height: 1;
}

.footer-widgets .widget-profile .profile-stats {
    display: flex;
    justify-content: center;
    gap: 20px;
    padding-top: 15px;
    border-top: 1px dashed var(--bs-hui);
}

.footer-widgets .widget-profile .stat-item {
    text-align: center;
}

.footer-widgets .widget-profile .stat-value {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--bs-dark);
}

.footer-widgets .widget-profile .stat-label {
    font-size: 0.75rem;
    color: var(--bs-gray-600);
}

/* 底部栏用户信息小部件暗色模式 */
[data-bs-theme="dark"] .footer-widgets .widget-profile .profile-avatar img {
    border-color: var(--bs-gray-700);
}

[data-bs-theme="dark"] .footer-widgets .widget-profile .profile-name {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .footer-widgets .widget-profile .profile-desc {
    color: var(--bs-gray-400);
}

[data-bs-theme="dark"] .footer-widgets .widget-profile .social-link {
    border-color: var(--bs-gray-700);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .footer-widgets .widget-profile .profile-stats {
    border-top-color: var(--bs-gray-700);
}

[data-bs-theme="dark"] .footer-widgets .widget-profile .stat-value {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .footer-widgets .widget-profile .stat-label {
    color: var(--bs-gray-400);
}

[data-bs-theme="dark"] .footer-widgets .widget-profile .profile-avatar:after {
    border-color: rgba(255, 0, 0, 0.5);
}

/* 底部栏最新评论头像样式 */
.footer-widgets .widget-latest-comment {
    padding-left: 0;
}

.footer-widgets .widget-latest-comment .comment-listitem {
    list-style: none;
    padding: 8px 0 !important;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.footer-widgets .widget-latest-comment .comment-user {
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    gap: 8px;
}

.footer-widgets .widget-latest-comment .comment-avatar {
    flex-shrink: 0;
    border: 2px solid var(--bs-dark);
    margin-right: 5px;
    border-radius: 50%;
    overflow: hidden;
}

.footer-widgets .widget-latest-comment .comment-avatar img {
    min-width: 40px;
    min-height: 40px;
    margin-right: 12px;
    border-radius: 50%;
    padding: 3px;
    transition: all 300ms cubic-bezier(.5,2.5,.7,.7);
    width: 40px;
    height: 40px;
    object-fit: cover;
}

.footer-widgets .widget-latest-comment .comment-author {
    flex-shrink: 0;
    margin-right: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 95px;
}

.footer-widgets .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;
    position: relative;
}

.footer-widgets .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;
    top: -6px;
    left: 10px;
}

.footer-widgets .widget-latest-comment .comment-listitem img:hover {
    -webkit-box-shadow: 2px 2px 0px 0px var(--bs-dark);
    box-shadow: 2px 2px 0px 0px var(--bs-dark);
}

/* 底部栏最新评论暗色模式 */
[data-bs-theme="dark"] .footer-widgets .widget-latest-comment .comment-content {
    background: linear-gradient(to bottom, rgb(139 61 255 / 21%), rgb(139 61 255 / 14%));
    color: var(--bs-gray-300);
}

[data-bs-theme="dark"] .footer-widgets .widget-latest-comment .comment-content::before {
    border-bottom: 6px solid rgb(139 61 255 / 21%);
}

[data-bs-theme="dark"] .footer-widgets .widget-latest-comment .comment-avatar {
    border-color: var(--bs-gray-600);
}

[data-bs-theme="dark"] .footer-widgets .widget-latest-comment .comment-author {
    color: var(--bs-body-color);
}

/* 底部栏搜索小部件样式 */
.footer-widgets .widget-search .search-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.footer-widgets .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;
}

.footer-widgets .widget-search .search-input:focus {
    outline: none;
    box-shadow: 2px 2px 0px 0px var(--bs-dark);
    transform: translate(-1px, -1px);
}

.footer-widgets .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;
}

.footer-widgets .widget-search .search-submit:hover {
    color: var(--bs-dark);
}

.footer-widgets .widget-search .search-submit i {
    font-size: 0.9rem;
}

/* 底部栏搜索小部件暗色模式 */
[data-bs-theme="dark"] .footer-widgets .widget-search .search-input {
    background: var(--bs-body-bg);
    border-color: var(--bs-gray-700);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .footer-widgets .widget-search .search-submit {
    color: var(--bs-gray-400);
}

[data-bs-theme="dark"] .footer-widgets .widget-search .search-submit:hover {
    color: var(--bs-body-color);
}

/* 底部栏书签小部件样式 */
.footer-widgets .widget.bookmark {
    /* 确保书签小部件在底部栏中正确显示 */
    padding: 0;
    margin: 0;
}

.footer-widgets .bookmark ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-widgets .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);
}

.footer-widgets .bookmark ul li:hover {
    border: 1px solid #8183ff;
}

.footer-widgets .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;
    text-decoration: none;
}

.footer-widgets .bookmark ul li:hover a {
    background-color: #8183ff1a;
}

.footer-widgets .bookmark ul li .icon {
    position: relative;
    width: 60px;
    height: 60px;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
    flex-shrink: 0;
}

.footer-widgets .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);
}

.footer-widgets .bookmark ul li a.on .icon::before {
    border: 2px solid #fff;
    background: linear-gradient(to bottom, #38F090, #0cd07e);
}

.footer-widgets .bookmark ul li a.off .icon::before {
    border: 2px solid #fff;
    background: linear-gradient(to bottom, #ff7e94, #ff5c77);
    pointer-events: none;
    user-select: none;
}

.footer-widgets .bookmark ul li .icon img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    z-index: 1;
}

.footer-widgets .bookmark ul li .info {
    padding-left: 10px;
    width: calc(100% - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}

.footer-widgets .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);
    margin: 0;
    line-height: 1.3;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-widgets .bookmark ul li .info .link-title {
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.footer-widgets .bookmark ul li .info .link-count {
    font-size: 13px;
    color: var(--bs-gray-500);
    margin-left: 10px;
    font-weight: normal;
    background: var(--bs-gray-100);
    padding: 2px 8px;
    border-radius: 10px;
    min-width: 25px;
    text-align: center;
}

.footer-widgets .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);
    line-height: 1.3;
}



/* 暗色模式下的数字样式 */
[data-bs-theme="dark"] .footer-widgets .bookmark ul li .info .link-count {
    background: var(--bs-gray-800);
    color: var(--bs-gray-400);
}

.footer-widgets .bookmark ul li .profile {
    display: none;
    /* 在底部栏小部件中隐藏profile图片，避免过大显示 */
}

/* 底部栏书签小部件暗色模式 */
[data-bs-theme="dark"] .footer-widgets .bookmark ul li {
    border-color: var(--bs-gray-700);
    background-color: var(--bs-body-bg);
}

[data-bs-theme="dark"] .footer-widgets .bookmark ul li:hover {
    border-color: #8183ff;
}

[data-bs-theme="dark"] .footer-widgets .bookmark ul li .info h3 {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .footer-widgets .bookmark ul li .info p {
    color: var(--bs-gray-400);
}

/* 底部栏书签小部件响应式设计 */
@media screen and (max-width: 985px) {
    .footer-widgets .bookmark ul {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .footer-widgets .bookmark ul li a {
        padding: 12px;
    }
    
    .footer-widgets .bookmark ul li .icon {
        width: 50px;
        height: 50px;
    }
    
    .footer-widgets .bookmark ul li .info {
        padding-left: 10px;
        width: calc(100% - 50px);
    }
    
    .footer-widgets .bookmark ul li .info h3 {
        font-size: 15px;
    }
    
    .footer-widgets .bookmark ul li .info p {
        font-size: 12px;
    }
}

/* 打赏*/
.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:985px) {.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 {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:985px) {.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:985px) {.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:985px) {.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:985px) {.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:985px) {.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:985px) {.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:985px) {.guest-inputs {flex-direction:column;}
.comment-toolbar {flex-wrap:wrap;gap:0.5rem;}
}
@media (max-width:985px) {.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:985px) {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);} 
.copyright .runtime-line {display:block;}
.copyright .runtime-line .runtime-prefix {display:inline-block;margin-right:4px;}
.single-content pre{max-width:100%;overflow:auto;overflow-x:auto;white-space:pre;word-break:normal}
.single-content code{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;max-width:100%}
.single-content .wp-block-code,.single-content .wp-block-preformatted{max-width:100%;overflow:auto}
.single-content .wp-block-code code{white-space:pre}
.boxmoe-container .col-lg-8{min-width:0}
.copyright .runtime-line .runtime-num {display:inline-block;font-weight:600;}
.runtime-icon {margin-right:6px;color:var(--bs-gray-600);} 
.runtime-days {color:#FB923C;}
.runtime-hours {color:#22c55e;}
.runtime-minutes {color:#7c3aed;}
.runtime-seconds {color:#0ea5e9;}
.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:985px) {.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 {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;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%;}
/* 移除全局的display: none !important，允许特定区域显示底座 */
.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: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:985px) {.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}

/* 🔗 友链卡片扫光动画 */
.text-reveal .on {
    position: relative;
    overflow: hidden; /* ⬅️ 防止扫光溢出 */
}
.text-reveal .on::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%); /* ⬅️ 扫光渐变 */
    transform: skewX(-25deg);
    z-index: 1;
    pointer-events: none;
    transition: none; /* ⬅️ 确保动画不受 transition 影响 */
}
.text-reveal .on:hover::before {
    animation: shine 0.75s; /* ⬅️ 触发扫光动画 */
}
.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;transform-origin:50% -100px;-webkit-animation:swing 5s infinite ease-in-out;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;transform-origin:50% -100px;-webkit-animation:swing 3s infinite ease-in-out;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;animation:swing 4s infinite ease-in-out;-webkit-transform-origin:50% -45px;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)}
}
@keyframes swing{0%{transform:rotate(-10deg)}
50%{transform:rotate(10deg)}
100%{transform:rotate(-10deg)}
}
@media (max-width:985px){.xnkl{display:none}}
.login_register_page .logo{height: 80px;}
/* copy banner */
.copy-banner{position:fixed;top:0;left:0;right:0;z-index:9999;transform:translateY(-100%);transition:transform 0.35s cubic-bezier(0.4,0,0.2,1);padding:10px 16px;text-align:center;background-color:#e6f2ff;color:var(--bs-dark);border-bottom:1px solid var(--bs-dark);box-shadow:0 1px 6px rgba(32,33,36,0.28);overflow:hidden;}
.copy-banner i{margin-right:8px;color:var(--bs-dark);}
.copy-banner::after{content:"";position:absolute;left:0;top:0;height:100%;width:0;background:rgba(139,61,255,0.35);border-radius:0 18px 18px 0;}
.copy-banner.mask-run::after{animation:copyMaskSweep 1100ms ease forwards;}
.copy-banner.show{transform:translateY(0);}
@keyframes copyMaskSweep{0%{width:0;border-radius:0 18px 18px 0}80%{width:100%;border-radius:0 18px 18px 0}100%{width:calc(100% + 40px);border-radius:0}}
[data-bs-theme="dark"] .copy-banner{background-color:#e6f2ff;color:#000;border-bottom:1px solid rgba(255,255,255,0.1);box-shadow:0 1px 6px rgba(255,255,255,0.15);} /* ⬅️ 暗色模式下文字改为黑色，背景保持浅蓝 */
[data-bs-theme="dark"] .copy-banner i{color:#000;} /* ⬅️ 图标颜色同步改为黑色 */ 
@media (max-width:985px){.copy-banner{font-size:0.9rem;padding:8px 12px;}}

/*  打字机动画相关样式 */
.boxmoe-typing-title {
    letter-spacing: 2px;
    font-weight: bold;
    min-height: 1.5em;
}

#boxmoe-typing {
    position: relative;
}

#boxmoe-typing::after {
    content: '|';
    display: inline-block;
    margin-left: 2px;
    animation: blink 1s step-end infinite;
    color: inherit;
    opacity: 0.7;
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

/* 🎪 底部栏小部件样式 */
.footer-bar {
    padding: 30px 0;
    margin-bottom: 20px;
}

.footer-bar-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;
    align-items: stretch;
}

.footer-bar .widget {
    flex: 1;
    min-width: 250px;
    max-width: 350px;
    padding: 30px 25px;
    padding-top: 45px;
    position: relative;
    border-radius: var(--bs-border-radius-lg);
    transition: all 0.3s ease;
    background-color: transparent;
    margin-bottom: 0;
}

.footer-bar .widget:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bs-white);
    border-radius: var(--bs-border-radius-lg);
    z-index: -1;
}

.footer-bar .widget:hover {
    transform: translateY(-10px);
}

.footer-bar .widget-title {
    letter-spacing: 0.25px;
    position: absolute;
    left: 50%;
    top: -15px;
    transform: translateX(-50%);
    z-index: 2;
    padding: 4px 20px;
    background: var(--bs-white);
    border: 2px solid var(--bs-dark);
    border-radius: 100px;
    font-size: 0.75rem;
    margin: 0;
    color: var(--bs-dark);
    font-weight: 600;
    white-space: nowrap;
}

.footer-bar .blog-shadow .widget-title {
    border: 1px solid transparent;
    box-shadow: 0 0px 0px 1px rgba(7,10,25,0.1);
}

.footer-bar .widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-bar .widget ul li {
    position: relative;
    margin-bottom: 10px;
    transition: all 0.3s ease;
    padding-left: 15px;
}

.footer-bar .widget ul li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: var(--bs-primary);
    font-weight: bold;
}

.footer-bar .widget ul li a {
    color: var(--bs-body-color);
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
    font-size: 0.85rem;
}

.footer-bar .widget ul li a:hover {
    color: var(--bs-primary);
    transform: translateX(5px);
}

/* 为不同边框样式设置特定效果 */
/* 确保blog-border样式直接继承全局样式，包括非悬停状态下的底座样式 */
.footer-bar .blog-border {
    border: 2px solid var(--bs-dark);
    position: relative;
}

/* 非悬停状态下的底座样式 */
.footer-bar .blog-border::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -2;
    width: 95%;
    height: 100%;
    bottom: -9px;
    left: calc(50% - 47.5%);
    border-radius: 20px;
    border: 2px solid var(--bs-dark);
    background-color: transparent;
    transition: 0.15s ease;
}

/* 悬停状态下的底座样式变化 */
.footer-bar .blog-border:hover::after {
    width: 97%;
    bottom: -7px;
}

.footer-bar .blog-shadow {
    box-shadow: 0 3px 12px -1px rgba(7,10,25,0.1), 0 22px 27px -30px rgba(7,10,25,0.1);
}

.footer-bar .blog-shadow:hover {
    box-shadow: 0 8px 25px -5px rgba(7,10,25,0.15), 0 30px 40px -10px rgba(7,10,25,0.2);
}

/* 跟随主题的动态线条边框效果 */
.footer-bar .blog-lines::before,
.footer-bar .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);
    pointer-events: none;
    z-index: 1;
}

.footer-bar .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%;
}

.footer-bar .blog-lines::after {
    /* 非悬停状态下的底座样式 */
    content: "";
    display: block !important;
    position: absolute;
    z-index: -2;
    width: 95%;
    height: 100%;
    bottom: -9px;
    left: calc(50% - 47.5%);
    border-radius: 20px;
    border: 2px solid var(--bs-dark);
    background-color: transparent;
    transition: 0.15s ease;
}

.footer-bar .blog-lines:hover {
    transform: translateY(-10px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.footer-bar .blog-lines:hover::before {
    animation-duration: 1.5s;
}

.footer-bar .blog-lines:hover::after {
    /* 悬停状态下的底座样式变化 */
    width: 97%;
    bottom: -7px;
}

/* 暗色模式下的动态线条边框效果 */
[data-bs-theme="dark"] .footer-bar .blog-lines::before,
[data-bs-theme="dark"] .footer-bar .blog-lines::after {
    border-color: var(--bs-white);
}

[data-bs-theme="dark"] .footer-bar .blog-lines:hover {
    box-shadow: 0 5px 15px rgba(255, 255, 255, 0.1);
}

/* 暗色模式适配 */
[data-bs-theme="dark"] .footer-bar .widget {
    background-color: transparent;
}

[data-bs-theme="dark"] .footer-bar .widget:before {
    background-color: #ffffff4a;
}

[data-bs-theme="dark"] .footer-bar .widget-title {
    background-color: #ffffff4a;
    border-color: var(--bs-white);
    color: var(--bs-white);
}

/* 底部栏小部件内容样式同步 */
/* 分类小部件样式 */
.footer-bar .widget_categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-bar .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;
}

.footer-bar .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;
}

.footer-bar .widget_categories ul li:hover {
    transform: translateX(5px);
}

.footer-bar .widget_categories ul li a:hover {
    color: var(--bs-dark);
}

/* 评论小部件样式 */
.footer-bar .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;
}

.footer-bar .widget-comments ul li:hover::before {
    color: var(--bs-dark);
    transform: translate(3px, -50%);
}

/* 最新文章小部件样式 */
.footer-bar .widget_recent_entries ul li {
    padding-left: 25px;
}

.footer-bar .widget_recent_entries ul li::before {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    color: #85b2f4;
    transition: all 0.3s ease;
}

.footer-bar .widget_recent_entries ul li:hover::before {
    color: var(--bs-dark);
    transform: translate(3px, -50%);
}

.footer-bar .widget_recent_entries ul li a {
    color: var(--bs-gray-700);
    font-weight: 400;
    transition: all 0.3s ease;
    font-size: 0.85rem;
}

.footer-bar .widget_recent_entries ul li a:hover {
    color: var(--bs-dark);
}

/* 标签云小部件样式 */
.footer-bar .widget_tag_cloud .tagcloud {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.footer-bar .widget_tag_cloud .tagcloud a {
    display: inline-block;
    padding: 5px 12px;
    border: 1px solid var(--bs-dark);
    border-radius: 15px;
    font-size: 0.75rem;
    color: var(--bs-gray-700);
    transition: all 0.3s ease;
    text-decoration: none;
}

.footer-bar .widget_tag_cloud .tagcloud a:hover {
    transform: translateY(-3px);
    color: var(--bs-dark);
    box-shadow: 2px 2px 0px 0px var(--bs-dark);
}

/* 搜索小部件样式 */
/* 通用搜索小部件样式，适用于所有位置 */
.widget-search .search-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.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;
}

.widget-search .search-input:focus {
    outline: none;
    box-shadow: 2px 2px 0px 0px var(--bs-dark);
    transform: translate(-1px, -1px);
}

.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;
}

.widget-search .search-submit:hover {
    color: var(--bs-dark);
}

.widget-search .search-submit i {
    font-size: 0.9rem;
}

/* 主题边框效果绑定 */
/* blog-border 样式绑定 */
.blog-border .search-form .search-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.blog-border .search-form .search-input {
    border: 2px solid var(--bs-dark);
    border-radius: 20px;
    background: var(--bs-white);
    transition: all 0.3s ease;
}

.blog-border .search-form .search-input:focus {
    box-shadow: 2px 2px 0px 0px var(--bs-dark);
    transform: translate(-1px, -1px);
    border-color: var(--bs-dark);
}

.blog-border .search-form .search-submit {
    color: var(--bs-dark);
}

/* 暗色模式下的 blog-border 样式绑定 */
[data-bs-theme="dark"] .blog-border .search-form .search-input {
    border-color: var(--bs-white);
    background-color: var(--bs-body-bg);
}

[data-bs-theme="dark"] .blog-border .search-form .search-input:focus {
    box-shadow: 2px 2px 0px 0px var(--bs-white);
}

[data-bs-theme="dark"] .blog-border .search-form .search-submit {
    color: var(--bs-white);
}

/* blog-shadow 样式绑定 */
.blog-shadow .search-form .search-input {
    border: 1px solid rgba(7, 10, 25, 0.1);
    box-shadow: 0 1px 3px rgba(7, 10, 25, 0.05);
    background: var(--bs-white);
    border-radius: 20px;
    transition: all 0.3s ease;
}

.blog-shadow .search-form .search-input:focus {
    box-shadow: 0 3px 12px -1px rgba(7, 10, 25, 0.1), 2px 2px 0px 0px var(--bs-dark);
    transform: translate(-1px, -1px);
}

/* blog-lines 样式绑定 */
.blog-lines .search-form .search-input {
    border: 1px solid var(--bs-dark);
    background: linear-gradient(90deg, var(--bs-white), rgba(var(--bs-primary-rgb), 0.05), var(--bs-white));
    background-size: 200% 100%;
    animation: borderFlow 5s linear infinite;
    border-radius: 20px;
    transition: all 0.3s ease;
}

.blog-lines .search-form .search-input:focus {
    box-shadow: 2px 2px 0px 0px var(--bs-dark);
    animation: borderFlow 1.5s linear infinite;
    transform: translate(-1px, -1px);
}

/* 暗色模式适配 */
[data-bs-theme="dark"] .search-form .search-input {
    background-color: #ffffff4a;
    border-color: var(--bs-white);
    color: var(--bs-white);
    border-radius: 20px;
}

[data-bs-theme="dark"] .search-form .search-input::placeholder {
    color: var(--bs-gray-400);
}

[data-bs-theme="dark"] .search-form .search-submit {
    color: var(--bs-gray-400);
}

[data-bs-theme="dark"] .search-form .search-submit:hover {
    color: var(--bs-white);
}



[data-bs-theme="dark"] .blog-shadow .search-form .search-input {
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 1px 3px rgba(255, 255, 255, 0.05);
    background-color: var(--bs-body-bg);
}

[data-bs-theme="dark"] .blog-shadow .search-form .search-input:focus {
    box-shadow: 0 3px 12px -1px rgba(255, 255, 255, 0.1), 2px 2px 0px 0px var(--bs-white);
    transform: translate(-1px, -1px);
}

[data-bs-theme="dark"] .blog-lines .search-form .search-input {
    border-color: var(--bs-white);
    background: linear-gradient(90deg, #ffffff4a, rgba(255, 255, 255, 0.1), #ffffff4a);
    background-size: 200% 100%;
}

[data-bs-theme="dark"] .blog-lines .search-form .search-input:focus {
    box-shadow: 2px 2px 0px 0px var(--bs-white);
    animation: borderFlow 1.5s linear infinite;
    transform: translate(-1px, -1px);
}





/* 暗色模式下的内容样式适配 */
[data-bs-theme="dark"] .footer-bar .widget_categories ul li {
    border-color: var(--bs-white);
}

[data-bs-theme="dark"] .footer-bar .widget_categories ul li a {
    color: var(--bs-gray-300);
}

[data-bs-theme="dark"] .footer-bar .widget_categories ul li a:hover {
    color: var(--bs-white);
}

[data-bs-theme="dark"] .footer-bar .widget_recent_entries ul li a {
    color: var(--bs-gray-300);
}

[data-bs-theme="dark"] .footer-bar .widget_recent_entries ul li a:hover {
    color: var(--bs-white);
}

[data-bs-theme="dark"] .footer-bar .widget_tag_cloud .tagcloud a {
    border-color: var(--bs-white);
    color: var(--bs-gray-300);
}

[data-bs-theme="dark"] .footer-bar .widget_tag_cloud .tagcloud a:hover {
    color: var(--bs-white);
    box-shadow: 2px 2px 0px 0px var(--bs-white);
}



/* 用户信息小部件样式 */
.footer-bar .widget-profile {
    text-align: center;
}

.footer-bar .widget-profile .profile-avatar {
    width: 100px;
    height: 100px;
    margin: 0 auto 15px;
    position: relative;
    z-index: 1;
}

.footer-bar .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);
}

.footer-bar .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;
}

.footer-bar .widget-profile .profile-name {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 5px;
    color: var(--bs-dark);
}

.footer-bar .widget-profile .profile-desc {
    font-size: 0.75rem;
    color: var(--bs-gray-600);
    margin-bottom: 15px;
}

.footer-bar .widget-profile .profile-social {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

/* 1401px及以上尺寸，一排显示5个图标 */
@media (min-width: 1401px) {
    /* 侧边栏的profile-social */
    .blog-sidebar .widget-profile .profile-social,
    /* 页脚的profile-social */
    .footer-bar .widget-profile .profile-social,
    /* 文章作者小工具的profile-social */
    .widget-postauthor .profile-social {
        display: flex !important;
        justify-content: center !important;
        gap: 8px !important;
        width: 180px !important;
        margin: 0 auto 15px !important;
        flex-wrap: nowrap !important;
        overflow: visible !important;
    }
    
    /* 确保所有社交链接保持固定大小 */
    .social-link {
        width: 28px !important;
        height: 28px !important;
        flex-shrink: 0 !important;
        flex-grow: 0 !important;
        min-width: 28px !important;
        min-height: 28px !important;
    }
    
    /* 确保图标和图片不变形 */
    .social-link i {
        width: auto;
        height: auto;
        font-size: 14px !important;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .social-link img {
        width: 13px !important;
        height: 13px !important;
        object-fit: contain;
        display: block;
    }
}

.footer-bar .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;
    text-decoration: none;
}

/* 文章作者小工具的社交图标基础样式 */
.widget-postauthor .profile-social {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.widget-postauthor .social-link {
    width: 30px;
    height: 30px;
    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;
    text-decoration: none;
}

.widget-postauthor .social-link i {
    font-size: 14px;
    margin: 0;
    width: auto;
    height: auto;
    display: block;
    text-align: center;
    line-height: 1;
}

.widget-postauthor .social-link img {
    width: 13px;
    height: 13px;
    object-fit: contain;
}

.footer-bar .widget-profile .social-link i {
    font-size: 1rem;
    margin: 0;
    width: auto;
    height: auto;
    display: block;
    text-align: center;
    line-height: 1;
}

.footer-bar .widget-profile .profile-stats {
    display: flex;
    justify-content: center;
    gap: 20px;
    padding-top: 15px;
    border-top: 1px dashed var(--bs-hui);
}

.footer-bar .widget-profile .stat-item {
    text-align: center;
}

.footer-bar .widget-profile .stat-value {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--bs-dark);
}

.footer-bar .widget-profile .stat-label {
    font-size: 0.75rem;
    color: var(--bs-gray-600);
}

/* 暗色模式下的用户信息小部件样式 */
[data-bs-theme="dark"] .footer-bar .widget-profile .profile-avatar img {
    border-color: var(--bs-white);
}

[data-bs-theme="dark"] .footer-bar .widget-profile .profile-avatar:after {
    border-color: rgba(255, 0, 0, 0.6);
}

/* WordPress 链接小部件样式 */
.widget_links {
    /* 链接小部件整体样式 */
}

.widget_links ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.widget_links ul li {
    transition: all 0.3s ease;
}

.widget_links ul li a {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--bs-dark);
    transition: all 0.3s ease;
    padding: 8px 0;
}

.widget_links ul li a:hover {
    color: var(--bs-primary);
    transform: translateX(5px);
}

.widget_links ul li a img {
    /* 控制链接头像大小 */
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--bs-gray-200);
    padding: 2px;
    flex-shrink: 0;
    transition: all 0.3s cubic-bezier(.5,2.5,.7,.7);
}

.widget_links ul li a:hover img {
    border-color: var(--bs-primary);
    transform: scale(1.1);
}

.widget_links ul li .link-name {
    font-weight: 500;
    font-size: 0.85rem;
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.widget_links ul li .link-description {
    font-size: 0.75rem;
    color: var(--bs-gray-500);
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 侧边栏链接小部件样式 */
.blog-sidebar .widget_links ul {
    gap: 15px;
}

.blog-sidebar .widget_links ul li a {
    padding: 10px 0;
}

/* 底部栏链接小部件样式 */
.footer-widgets .widget_links ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.footer-widgets .widget_links ul li {
    transition: all 0.3s ease;
    padding: 0;
    background: transparent;
    border: none;
}

.footer-widgets .widget_links ul li:hover {
    transform: translateX(5px);
    box-shadow: none;
}

.footer-widgets .widget_links ul li a {
    padding: 10px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--bs-dark);
    transition: all 0.3s ease;
}

.footer-widgets .widget_links ul li a:hover {
    color: var(--bs-primary);
    transform: translateX(5px);
}

.footer-widgets .widget_links ul li a img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--bs-gray-200);
    padding: 2px;
    flex-shrink: 0;
    transition: all 0.3s cubic-bezier(.5,2.5,.7,.7);
}

.footer-widgets .widget_links ul li a:hover img {
    border-color: var(--bs-primary);
    transform: scale(1.1);
}

.footer-widgets .widget_links ul li .link-name {
    font-weight: 500;
    font-size: 0.85rem;
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.footer-widgets .widget_links ul li .link-description {
    font-size: 0.75rem;
    color: var(--bs-gray-500);
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}








/* 暗色模式适配 */
[data-bs-theme="dark"] .widget_links ul li {
    border: none;
    background-color: transparent;
}

[data-bs-theme="dark"] .widget_links ul li a {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .widget_links ul li a img {
    border-color: var(--bs-gray-700);
}

[data-bs-theme="dark"] .widget_links ul li a:hover {
    color: var(--bs-primary);
}

[data-bs-theme="dark"] .widget_links ul li a img {
    border-color: var(--bs-gray-600);
}

[data-bs-theme="dark"] .widget_links ul li .link-description {
    color: var(--bs-gray-400);
}

[data-bs-theme="dark"] .footer-widgets .widget_links ul li {
    background-color: var(--bs-body-bg);
    border-color: var(--bs-gray-700);
}

/* 响应式设计 */
@media (max-width: 768px) {
    .footer-widgets .widget_links ul {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        gap: 8px;
    }
    
    .footer-widgets .widget_links ul li {
        padding: 8px;
    }
    
    .footer-widgets .widget_links ul li a img {
        width: 35px;
        height: 35px;
    }
    
    .footer-widgets .widget_links ul li .link-name {
        font-size: 0.8rem;
    }
    
    .footer-widgets .widget_links ul li .link-description {
        font-size: 0.65rem;
    }
}

[data-bs-theme="dark"] .footer-bar .widget-profile .profile-name {
    color: var(--bs-white);
}

[data-bs-theme="dark"] .footer-bar .widget-profile .profile-desc {
    color: var(--bs-gray-400);
}

[data-bs-theme="dark"] .footer-bar .widget-profile .social-link {
    border-color: var(--bs-white);
    color: var(--bs-white);
}

[data-bs-theme="dark"] .footer-bar .widget-profile .profile-stats {
    border-top-color: rgba(255, 255, 255, 0.2);
}

[data-bs-theme="dark"] .footer-bar .widget-profile .stat-value {
    color: var(--bs-white);
}

[data-bs-theme="dark"] .footer-bar .widget-profile .stat-label {
    color: var(--bs-gray-400);
}

/* 响应式设计 */
@media (max-width:985px) {
    .footer-bar-row {
        justify-content: center;
    }
    
    .footer-bar .widget {
        min-width: 280px;
        max-width: 400px;
    }
}

@media (max-width:985px) {
    .footer-bar {
        padding: 20px 0;
    }

    .footer-bar-row {
        flex-direction: column;
        gap: 20px;
    }

    .footer-bar .widget {
        min-width: 100%;
        max-width: 100%;
        padding: 20px 15px;
        padding-top: 35px;
    }
    
    /* 优化移动端导航栏搜索框 */
    .mobile-search-form.active .mobile-search-input {
        width: 200px !important;
    }
    
    /* 优化移动端文章卡片间距 */
    .post-list {
        margin-bottom: 1.5rem !important;
    }
    
    /* 优化移动端按钮大小 */
    .btn {
        font-size: 0.7rem !important;
        padding: 0.3rem 0.6rem !important;
    }
    
    /* 优化移动端排序按钮 */
    .sort-btn {
        margin-bottom: 0.5rem !important;
        font-size: 0.65rem !important;
        padding: 0.25rem 0.5rem !important;
    }
    
    /* 优化移动端标题字体大小 */
    h1, .h1 { font-size: 1.5rem !important; }
    h2, .h2 { font-size: 1.3rem !important; }
    h3, .h3 { font-size: 1.1rem !important; }
}

/* 暗色模式适配 */
[data-bs-theme="dark"] .footer-bar .widget {
    background-color: var(--bs-body-bg);
    border-color: rgba(255, 255, 255, 0.2);
}

[data-bs-theme="dark"] .footer-bar .widget-title {
    border-bottom-color: rgba(255, 255, 255, 0.2);
}