/* 全屏加载动画遮罩 */
#loading{
    bottom:0;
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:9999;
    background-color:#f4f5f5;
    pointer-events:none;
}
.loader-inner{
    will-change:transform;
    width:40px;height:40px;
    position:absolute;
    top:50%;
    left:50%;
    margin:-20px 0 0 -20px;
    background-color:#3742fa;
    border-radius:50%;
    animation:scaleout 0.6s infinite ease-in-out forwards;
    text-indent:-99999px;
    z-index:999991;
}
@keyframes scaleout{
    0%{
        transform:scale(0);
        opacity:0;
    }
    40%{
        opacity:1;
    }
    100%{
        transform:scale(1);
        opacity:0;
    }
}

/* ========== 表情弹窗外层盒子：磨砂材质 ========== */
.qaq-wrap[style] {
    background: var(--theme-bg) !important;
    background-color: color-mix(in srgb, var(--theme-bg) 85%, transparent) !important;
    backdrop-filter: blur(12px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(140%) !important;

    width: 500px !important;
    max-width: 90vw !important;
    padding: 10px !important;
    border-radius: 12px !important;
    box-shadow:
        0 8px 24px rgba(0, 0, 0, 0.18),
        0 2px 6px rgba(0, 0, 0, 0.08) !important;

    border: 1px solid rgba(255, 255, 255, 0.18) !important;
}

/* ========== 表情列表容器：网格布局 ========== */
.qaq-wrap .emoji-list {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr);
    gap: 6px !important;
    max-height: 340px !important;
    overflow-y: auto !important;
    padding: 4px !important;
}

/* ========== 单个表情项：基础样式 ========== */
.qaq-wrap .emoji-item {
    white-space: nowrap !important;
    padding: 8px 6px !important;
    font-size: 16px;
    color: var(--theme-text) !important;
    text-align: center;
    cursor: pointer;
    border-radius: 8px;
    transition:
        background-color 0.18s ease,
        color 0.18s ease,
        transform 0.18s ease,
        box-shadow 0.18s ease !important;

    background-color: transparent !important;
}

/* ========== 鼠标悬停高亮 ========== */
.qaq-wrap .emoji-item:hover,
.qaq-wrap .emoji-item:focus {
    background-color: #FFB3CC80 !important;
    color: #ff4d80 !important;
    transform: translateY(-1px) scale(1.04);
    box-shadow: 0 4px 12px rgba(255, 179, 204, 0.45) !important;
}

/* ========== 点击选中态高亮 ========== */
.qaq-wrap .emoji-item:active {
    background-color: #ff80ab !important;
    color: #fff !important;
    transform: scale(0.96);
}

/* ========== 深色模式下弱化高亮 ========== */
[data-theme="dark"] .qaq-wrap .emoji-item:hover,
[data-theme="dark"] .qaq-wrap .emoji-item:focus {
    background-color: #FFB3CC33 !important;
    color: #ffb3cc !important;
}

[data-theme="dark"] .qaq-wrap .emoji-item:active {
    background-color: #ff80ab80 !important;
    color: #fff !important;
}
/* 清空body原有背景 */
body {
    background: transparent !important;
}
/* 两层背景层，淡入淡出切换 */
.theme-bg-layer {
    position: fixed;
    inset: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: -99;
    transition: opacity 0.35s ease;
}
.bg-day {
    opacity: 1;
}
html[theme="dark"] .bg-day {
    opacity: 0;
}
.bg-night {
    opacity: 0;
}
html[theme="dark"] .bg-night {
    opacity: 1;
}

/* ========== 基础玻璃样式 ========== */
.mainContent,
.postBody,
#mainContent,
#author_info,
#post-signature
{
    background: rgba(255, 255, 255, 0.16) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.22);
    border-radius: 18px;
}
html[theme="dark"] .mainContent,
html[theme="dark"] .postBody,
html[theme="dark"] #mainContent,
html[theme="dark"] #author_info,
html[theme="dark"] #post-signature
{
    background: rgba(0, 0, 0, 0.18) !important;
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 18px;
}

/* 文章主体：仅上方圆角 */
#cnblogs_post_body.blogpost-body.cnblogs-markdown {
    background: rgba(255, 255, 255, 0.16) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.22);
    border-radius: 18px 18px 0 0 !important;
}
html[theme="dark"] #cnblogs_post_body.blogpost-body.cnblogs-markdown {
    background: rgba(0, 0, 0, 0.18) !important;
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 18px 18px 0 0 !important;
}

/* 评论标题栏 feedback_area_title：只上圆角，底部直角，衔接评论 */
.feedback_area_title {
    background: rgba(255, 255, 255, 0.16) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.22);
    border-radius: 18px 18px 0 0 !important;
    border-bottom: none !important;
    padding:14px 18px;
}
html[theme="dark"] .feedback_area_title {
    background: rgba(0, 0, 0, 0.18) !important;
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 18px 18px 0 0 !important;
    border-bottom: none !important;
}

/* 单条评论 feedbackItem：默认全部直角 */
.feedbackItem {
    background: rgba(255, 255, 255, 0.16) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.22);
    border-radius: 0 !important;
    border-top: none !important;
}
html[theme="dark"] .feedbackItem {
    background: rgba(0, 0, 0, 0.18) !important;
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 0 !important;
    border-top: none !important;
}
/* 最后一条评论：后面紧跟分页 #comment_pager_bottom */
.feedbackItem:has(+ #comment_pager_bottom) {
    border-radius: 0 0 18px 18px !important;
}
html[theme="dark"] .feedbackItem:has(+ #comment_pager_bottom) {
    border-radius: 0 0 18px 18px !important;
}

/* 发表评论外层容器：整块磨砂，一次性处理，内部不再单独加玻璃样式 */
#comment_form_container {
    background: rgba(255, 255, 255, 0.16) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.22) !important;
    border-radius: 18px !important;
    /* 清除博客园自带原生边框！重点，消除外面那层直角框 */
    outline: none !important;
    border-collapse: collapse !important;
    padding: 16px 18px;
    box-sizing: border-box;
}
html[theme="dark"] #comment_form_container {
    background: rgba(0, 0, 0, 0.18) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    border-radius: 18px !important;
}

/* 【关键】取消内部子元素之前的磨砂、边框、圆角，防止双重盒子打乱布局 */
#commentform_title,
.commentbox_main.comment_textarea {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}
/* 评论表单内文字 日间模式单独加深 */
#comment_form_container {
    color: #222 !important;
}
#comment_form_container .commentbox_tab,
#comment_form_container .comment_icon,
#comment_form_container #commentbox_opt,
#comment_form_container #commentbox_opt a,
#comment_form_container span.inline_middle,
#comment_form_container textarea::placeholder,
#comment_form_container #tbCommentBodyPreviewBody {
    color: #222 !important;
}
#comment_form_container textarea {
    color: #111 !important;
}

/* 深色模式换回柔和浅色文字，避免刺眼 */
html[theme="dark"] #comment_form_container,
html[theme="dark"] #comment_form_container .commentbox_tab,
html[theme="dark"] #comment_form_container .comment_icon,
html[theme="dark"] #comment_form_container #commentbox_opt,
html[theme="dark"] #comment_form_container #commentbox_opt a,
html[theme="dark"] #comment_form_container span.inline_middle,
html[theme="dark"] #comment_form_container textarea::placeholder,
html[theme="dark"] #comment_form_container #tbCommentBodyPreviewBody {
    color: #e8e8e8 !important;
}
html[theme="dark"] #comment_form_container textarea {
    color: #f4f4f4 !important;
}

/* 提交按钮单独处理，白天深色文字、深色模式按钮适配 */
#comment_form_container #btn_comment_submit {
    color: #111 !important;
}
html[theme="dark"] #comment_form_container #btn_comment_submit {
    color: #111 !important;
}
.feedbackItem {
    color: #222 !important;
}
html[theme="dark"] .feedbackItem {
    color: #e8e8e8 !important;
}
.feedbackItem a {
    color: #2056b3 !important;
}
html[theme="dark"] .feedbackItem a {
    color: #7cb6ff !important;
}


#sidebar_news.newsItem {
    background: rgba(255, 255, 255, 0.16) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255,255,255,0.22) !important;
    border-radius: 18px !important;
    padding: 20px 16px !important;
    box-sizing: border-box !important;
    text-align: center !important;
}
html[theme="dark"] #sidebar_news.newsItem {
    background: rgba(0, 0, 0, 0.18) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
}

#sidebar_news .catListTitle {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-align: left !important;
}
#sidebar_news .catListTitle,
#sidebar_news .catListTitle svg {
    color: #222 !important;
}
html[theme="dark"] #sidebar_news .catListTitle,
html[theme="dark"] #sidebar_news .catListTitle svg {
    color: #e8e8e8 !important;
}

/* 头像独占一行 */
#sidebar_news .custom-avatar {
    display: block !important;
    border-radius: 16px !important;
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    margin: 0 auto !important;
    border: 2px solid rgba(255,255,255,0.25) !important;
}
html[theme="dark"] #sidebar_news .custom-avatar {
    border-color: rgba(255,255,255,0.12) !important;
}

/* 关键：容器改为块级，换行到头像下面 */
#sidebar_news #sidebar_news_container {
    display: block !important;
    margin-top: 14px !important;
}

/* 隐藏两套多余信息 */
#sidebar_news .custom-info {
    display: none !important;
}
#sidebar_news #profile_block a {
    display: none !important;
}
#sidebar_news #profile_block br {
    display: none !important;
}

/* 关注按钮容器，居中，清除粉色聚焦框 */
#sidebar_news #p_b_follow.follow-tip {
    display: block !important;
    text-align: center !important;
    outline: none !important;
    border: none !important;
}
#sidebar_news #p_b_follow.follow-tip:focus,
#sidebar_news #p_b_follow.follow-tip:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

#sidebar_news #p_b_follow a {
    display: inline-block !important;
    padding: 5px 16px !important;
    border-radius: 12px !important;
    background: rgba(64,120,208,0.18) !important;
    color: #222 !important;
    text-decoration: none !important;
    transition: 0.2s ease !important;
    outline: none !important;
}
#sidebar_news #p_b_follow a:focus,
#sidebar_news #p_b_follow a:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}
#sidebar_news #p_b_follow a:hover {
    background: rgba(64,120,208,0.30) !important;
}
html[theme="dark"] #sidebar_news #p_b_follow a {
    background: rgba(124,182,255,0.22) !important;
    color: #f0f0f0 !important;
}
html[theme="dark"] #p_b_follow a:hover {
    background: rgba(124,182,255,0.35) !important;
}

/* 签名 */
#sidebar_news .custom-signature {
    margin-top: 14px !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(0,0,0,0.08) !important;
    text-align: center !important;
    color: #222 !important;
}
html[theme="dark"] #sidebar_news .custom-signature {
    border-top: 1px solid rgba(255,255,255,0.10) !important;
    color: #e8e8e8 !important;
}

/* 博客园日历 液态玻璃样式 外层容器 */
#blog-calendar {
    background: rgba(255, 255, 255, 0.18) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 18px !important;
    padding: 14px !important;
    box-sizing: border-box !important;
}
[theme="dark"] #blog-calendar {
    background: rgba(28, 28, 32, 0.35) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

#blog-calendar #blogCalendar.Cal {
    border-collapse: separate !important;
    border-spacing: 5px !important;
    border: none !important;
    width: 100% !important;
}

/* 顶部年月标题 */
#blog-calendar .CalTitle {
    border: none !important;
}
#blog-calendar .CalTitle td {
    color: var(--color-basic-900) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}
[theme="dark"] #blog-calendar .CalTitle td {
    color: #e8e8e8 !important;
}
/* 左右箭头 */
#blog-calendar .CalNextPrev a {
    color: var(--color-basic-900) !important;
    text-decoration: none !important;
    outline: none !important;
    border-radius: 8px !important;
    padding: 3px 7px !important;
    transition: 0.2s ease !important;
}
#blog-calendar .CalNextPrev a:hover {
    background: rgba((64, 122, 255, 0.12)) !important;
}
[theme="dark"] #blog-calendar .CalNextPrev a {
    color: #cccccc !important;
}

/* 星期表头 日一二三四五六 */
#blog-calendar .CalDayHeader {
    color: var(--color-basic-900) !important;
    font-size: 13px !important;
    padding: 7px 0 !important;
    font-weight: 500 !important;
}
[theme="dark"] #blog-calendar .CalDayHeader {
    color: #d8d8d8 !important;
}

/* 日期单元格通用 */
#blog-calendar #blogCalendar td[align="center"] {
    border-radius: 10px !important;
    padding: 7px 0 !important;
    font-size: 13px !important;
    transition: 0.2s ease !important;
    color: var(--color-basic-900) !important;
}
[theme="dark"] #blog-calendar #blogCalendar td[align="center"] {
    color: #e2e2e2 !important;
}

/* 周末日期底色 */
#blog-calendar .CalWeekendDay {
    background: rgba(64, 122, 255, 0.10) !important;
}
[theme="dark"] #blog-calendar .CalWeekendDay {
    background: rgba(64, 122, 255, 0.16) !important;
}

/* 其他月份淡化日期 */
#blog-calendar .CalOtherMonthDay {
    color: #999 !important;
}
[theme="dark"] #blog-calendar .CalOtherMonthDay {
    color: #666 !important;
}

/* 今日高亮 */
#blog-calendar .CalTodayDay.cal-today {
    background: rgba(64, 122, 255, 0.28) !important;
    font-weight: 600 !important;
}
[theme="dark"] #blog-calendar .CalTodayDay.cal-today {
    background: rgba(80, 140, 255, 0.35) !important;
}

/* 带文章链接日期 */
#blog-calendar #blogCalendar td a {
    color: #3742fa !important;
    text-decoration: none !important;
    outline: none !important;
}
#blog-calendar #blogCalendar td a u {
    text-decoration: none !important;
}
#blog-calendar #blogCalendar td a:hover {
    text-decoration: underline !important;
}
[theme="dark"] #blog-calendar #blogCalendar td a {
    color: #789bff !important;
}
/* 侧边搜索框 毛玻璃卡片，统一风格｜不改动cursor，按钮完整显示不压缩 */
#sidebar_search.sidebar-block {
    background: rgba(255, 255, 255, 0.16) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255,255,255,0.22) !important;
    border-radius: 18px !important;
    padding: 20px 16px !important;
    box-sizing: border-box !important;
}
html[theme="dark"] #sidebar_search.sidebar-block {
    background: rgba(0, 0, 0, 0.18) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
}

/* 标题 */
#sidebar_search .catListTitle {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-align: left !important;
}
#sidebar_search .catListTitle,
#sidebar_search .catListTitle svg {
    color: #222 !important;
}
html[theme="dark"] #sidebar_search .catListTitle,
html[theme="dark"] #sidebar_search .catListTitle svg {
    color: #e8e8e8 !important;
}

#sidebar_search #widget_my_zzk.div_my_zzk {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
}

/* 输入框：固定宽度，不再无限拉伸，避免挤出按钮 */
#sidebar_search .input_my_zzk {
    flex: 0 0 auto !important;
    width: 140px !important;
    max-width: 100% !important;
    border: 1px solid rgba(0,0,0,0.12) !important;
    border-radius: 12px !important;
    padding: 6px 10px !important;
    background: rgba(255,255,255,0.35) !important;
    color: #222 !important;
    outline: none !important;
    transition: 0.2s ease;
    box-sizing: border-box !important;
}
#sidebar_search .input_my_zzk:focus {
    border-color: rgba(64,120,208,0.45) !important;
}
html[theme="dark"] #sidebar_search .input_my_zzk {
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    color: #eee !important;
}
html[theme="dark"] #sidebar_search .input_my_zzk::placeholder {
    color: #aaa !important;
}

/* 找找看按钮：文字居中，保留原生粉色底色，深色模式字体加深 */
#sidebar_search .btn_my_zzk {
    flex: 0 0 auto !important;
    width: 72px !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 6px 0 !important;
    color: inherit !important;
    white-space: nowrap !important;
    text-align: center !important;
    transition: 0.2s ease;
    outline: none !important;
    box-sizing: border-box !important;
}
html[theme="dark"] #sidebar_search .btn_my_zzk {
    color: #222 !important;
    font-weight: 500 !important;
}
#sidebar_search .btn_my_zzk:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

/* 常用链接 毛玻璃卡片，和其他模块统一风格 */
#sidebar_shortcut.sidebar-block {
    background: rgba(255, 255, 255, 0.16) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255,255,255,0.22) !important;
    border-radius: 18px !important;
    padding: 20px 16px !important;
    box-sizing: border-box !important;
}
html[theme="dark"] #sidebar_shortcut.sidebar-block {
    background: rgba(0, 0, 0, 0.18) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
}

/* 标题 */
#sidebar_shortcut .catListTitle {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #222 !important;
}
html[theme="dark"] #sidebar_shortcut .catListTitle {
    color: #e8e8e8 !important;
}

/* 清除列表默认样式 */
#sidebar_shortcut ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
#sidebar_shortcut li {
    margin: 0 !important;
    padding: 0 !important;
}

/* 链接条目，小圆角hover效果，和整套风格匹配 */
#sidebar_shortcut li a {
    display: block !important;
    padding: 7px 10px !important;
    border-radius: 12px !important;
    color: #222 !important;
    text-decoration: none !important;
    transition: 0.2s ease !important;
    outline: none !important;
}
#sidebar_shortcut li a:hover {
    background: rgba(64,120,208,0.14) !important;
}
#sidebar_shortcut li a:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

html[theme="dark"] #sidebar_shortcut li a {
    color: #e2e2e2 !important;
}
html[theme="dark"] #sidebar_shortcut li a:hover {
    background: rgba(124,182,255,0.18) !important;
}

/* 随笔档案 毛玻璃卡片，统一整套样式 */
#sidebar_postarchive.sidebar-block {
    background: rgba(255, 255, 255, 0.16) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255,255,255,0.22) !important;
    border-radius: 18px !important;
    padding: 20px 16px !important;
    box-sizing: border-box !important;
}
html[theme="dark"] #sidebar_postarchive.sidebar-block {
    background: rgba(0, 0, 0, 0.18) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
}

/* 标题 */
#sidebar_postarchive .catListTitle {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #222 !important;
}
html[theme="dark"] #sidebar_postarchive .catListTitle {
    color: #e8e8e8 !important;
}

/* 列表清除默认样式 */
#sidebar_postarchive ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
#sidebar_postarchive li {
    margin: 0 !important;
    padding: 0 !important;
}

/* 归档链接条目，hover效果和常用链接保持一致 */
#sidebar_postarchive li a.category-item-link {
    display: block !important;
    padding: 7px 10px !important;
    border-radius: 12px !important;
    color: #222 !important;
    text-decoration: none !important;
    transition: 0.2s ease !important;
    outline: none !important;
}
#sidebar_postarchive li a.category-item-link:hover {
    background: rgba(64,120,208,0.14) !important;
}
#sidebar_postarchive li a.category-item-link:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

html[theme="dark"] #sidebar_postarchive li a.category-item-link {
    color: #e2e2e2 !important;
}
html[theme="dark"] #sidebar_postarchive li a.category-item-link:hover {
    background: rgba(124,182,255,0.18) !important;
}

/* 阅读排行榜 毛玻璃卡片，和其他模块统一风格 */
#sidebar_topviewedposts.sidebar-block {
    background: rgba(255, 255, 255, 0.16) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255,255,255,0.22) !important;
    border-radius: 18px !important;
    padding: 20px 16px !important;
    box-sizing: border-box !important;
}
html[theme="dark"] #sidebar_topviewedposts.sidebar-block {
    background: rgba(0, 0, 0, 0.18) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
}

/* 标题 */
#sidebar_topviewedposts .catListTitle {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}
#sidebar_topviewedposts .catListTitle a.sidebar-card-title-a {
    color: #222 !important;
    text-decoration: none !important;
}
html[theme="dark"] #sidebar_topviewedposts .catListTitle a.sidebar-card-title-a {
    color: #e8e8e8 !important;
}

/* 列表清除默认样式 */
#sidebar_topviewedposts #TopViewPostsBlock ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
#sidebar_topviewedposts #TopViewPostsBlock li {
    margin: 0 !important;
    padding: 0 !important;
}

/* 条目链接，hover效果和前面保持一致 */
#sidebar_topviewedposts #TopViewPostsBlock li a {
    display: block !important;
    padding: 7px 10px !important;
    border-radius: 12px !important;
    color: #222 !important;
    text-decoration: none !important;
    transition: 0.2s ease !important;
    outline: none !important;
}
#sidebar_topviewedposts #TopViewPostsBlock li a:hover {
    background: rgba(64,120,208,0.14) !important;
}
#sidebar_topviewedposts #TopViewPostsBlock li a:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

html[theme="dark"] #sidebar_topviewedposts #TopViewPostsBlock li a {
    color: #e2e2e2 !important;
}
html[theme="dark"] #sidebar_topviewedposts #TopViewPostsBlock li a:hover {
    background: rgba(124,182,255,0.18) !important;
}

/* 评论排行榜 毛玻璃卡片，统一整套侧边风格 */
#sidebar_topcommentedposts.sidebar-block {
    background: rgba(255, 255, 255, 0.16) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255,255,255,0.22) !important;
    border-radius: 18px !important;
    padding: 20px 16px !important;
    box-sizing: border-box !important;
}
html[theme="dark"] #sidebar_topcommentedposts.sidebar-block {
    background: rgba(0, 0, 0, 0.18) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
}

/* 标题 */
#sidebar_topcommentedposts .catListTitle {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}
#sidebar_topcommentedposts .catListTitle a.sidebar-card-title-a {
    color: #222 !important;
    text-decoration: none !important;
}
html[theme="dark"] #sidebar_topcommentedposts .catListTitle a.sidebar-card-title-a {
    color: #e8e8e8 !important;
}

/* 清除列表默认样式 */
#sidebar_topcommentedposts #TopFeedbackPostsBlock ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
#sidebar_topcommentedposts #TopFeedbackPostsBlock li {
    margin: 0 !important;
    padding: 0 !important;
}

/* 链接条目，hover交互与其他侧边模块完全一致 */
#sidebar_topcommentedposts #TopFeedbackPostsBlock li a {
    display: block !important;
    padding: 7px 10px !important;
    border-radius: 12px !important;
    color: #222 !important;
    text-decoration: none !important;
    transition: 0.2s ease !important;
    outline: none !important;
}
#sidebar_topcommentedposts #TopFeedbackPostsBlock li a:hover {
    background: rgba(64,120,208,0.14) !important;
}
#sidebar_topcommentedposts #TopFeedbackPostsBlock li a:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

html[theme="dark"] #sidebar_topcommentedposts #TopFeedbackPostsBlock li a {
    color: #e2e2e2 !important;
}
html[theme="dark"] #sidebar_topcommentedposts #TopFeedbackPostsBlock li a:hover {
    background: rgba(124,182,255,0.18) !important;
}

/* 最新评论 毛玻璃卡片，统一侧边整套风格 */
#sidebar_recentcomments.sidebar-block {
    background: rgba(255, 255, 255, 0.16) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255,255,255,0.22) !important;
    border-radius: 18px !important;
    padding: 20px 16px !important;
    box-sizing: border-box !important;
}
html[theme="dark"] #sidebar_recentcomments.sidebar-block {
    background: rgba(0, 0, 0, 0.18) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
}

/* 标题 */
#sidebar_recentcomments .catListTitle {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}
#sidebar_recentcomments .catListTitle a.sidebar-card-title-a {
    color: #222 !important;
    text-decoration: none !important;
}
html[theme="dark"] #sidebar_recentcomments .catListTitle a.sidebar-card-title-a {
    color: #e8e8e8 !important;
}

/* 清除列表默认样式，消除li自带白色边框/背景 */
#sidebar_recentcomments .RecentCommentBlock ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
}
#sidebar_recentcomments .RecentCommentBlock li {
    padding: 0 !important;
    margin: 0 0 10px 0 !important;
    background: transparent !important;
    border: none !important;
}

/* 评论标题链接 */
#sidebar_recentcomments .recent_comment_title a {
    display: block !important;
    padding: 6px 10px !important;
    border-radius: 12px !important;
    color: #222 !important;
    text-decoration: none !important;
    transition: 0.2s ease !important;
    outline: none !important;
}
#sidebar_recentcomments .recent_comment_title a:hover {
    background: rgba(64,120,208,0.14) !important;
}
#sidebar_recentcomments .recent_comment_title a:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}
html[theme="dark"] #sidebar_recentcomments .recent_comment_title a {
    color: #e2e2e2 !important;
}
html[theme="dark"] #sidebar_recentcomments .recent_comment_title a:hover {
    background: rgba(124,182,255,0.18) !important;
}

/* 评论内容，圆角，清除外层白框 */
#sidebar_recentcomments .recent_comment_body {
    background: transparent !important;
    border: none !important;
}
#sidebar_recentcomments .recent_comment_body p {
    margin:4px 10px !important;
    padding: 8px 10px !important;
    border-radius: 12px !important;
    background: rgba(64,120,208,0.07) !important;
    color:#333 !important;
    font-size:13px !important;
    border: none !important;
}
html[theme="dark"] #sidebar_recentcomments .recent_comment_body p {
    background: rgba(124,182,255,0.10) !important;
    color:#d8d8d8 !important;
}

/* 评论作者 */
#sidebar_recentcomments .recent_comment_author {
    margin:0 10px 12px 10px !important;
    font-size:12px !important;
    color:#555 !important;
    background: transparent !important;
    border: none !important;
}
html[theme="dark"] #sidebar_recentcomments .recent_comment_author {
    color:#aaaaaa !important;
}

/* 博客评论正文透明圆角样式，和侧边最新评论样式统一 */
.blog_comment_body.cnblogs-markdown {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}
.blog_comment_body.cnblogs-markdown p {
    padding: 8px 10px !important;
    border-radius: 12px !important;
    border: none !important;
    background: rgba(64,120,208,0.07) !important;
    color:#333 !important;
    font-size:14px !important;
}
html[theme="dark"] .blog_comment_body.cnblogs-markdown p {
    background: rgba(124,182,255,0.10) !important;
    color:#d8d8d8 !important;
}
/* 里面图片清除多余边框白底 */
.blog_comment_body.cnblogs-markdown img.medium-zoom-image {
    background: transparent !important;
    border: none !important;
    border-radius: 8px !important;
}

#green_channel_wechat {
    background-color: #07C160 !important;
    color: #fff !important;
    padding: 6px 12px !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: 0.2s ease;
    outline: none !important;
}
#green_channel_wechat:hover {
    background-color: #06b358 !important;
}
#green_channel_wechat:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

.qaq-wrap[style] {
    width: 500px !important;
    max-width: 90vw !important;
    padding: 10px !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18), 0 2px 6px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    transform: translateX(-50%) !important;
    backdrop-filter: blur(12px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(140%) !important;
}
.qaq-wrap.anim-scale-in {
    position: absolute !important;
    z-index: 9999999 !important;
}
/* 日间模式底色，透明度调低，0.82 = 82%不透明 */
html[theme="light"] .qaq-wrap[style] {
    background-color: rgba(255,255,255,0.40) !important;
}
/* 黑夜模式底色，深色底色，0.85 */
html[theme="dark"] .qaq-wrap[style] {
    background-color: rgba((30,30,36),0.40) !important;
}
/* 删除箭头 */
.qaq-wrap::before,
.qaq-wrap::after {
    display: none !important;
}

/* ========== 目录导航：选项全部透明 ========== */
#catalog {
    background: rgba(255, 255, 255, 0.42) !important;
    background-color: color-mix(in srgb, var(--theme-bg, #ffffff) 52%, transparent) !important;

    backdrop-filter: blur(10px) saturate(130%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(130%) !important;

    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 16px !important;
    padding: 16px !important;

    box-shadow:
        0 6px 18px rgba(0, 0, 0, 0.10),
        0 1px 4px rgba(0, 0, 0, 0.05) !important;
}

html[theme="dark"] #catalog {
    background: rgba(20, 20, 24, 0.38) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

#catalog .catalog-title {
    margin: 0 0 12px 0 !important;
    padding: 8px 12px !important;

    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: var(--color-basic-900, #222) !important;

    background: rgba(255, 255, 255, 0.40) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 12px !important;
}

html[theme="dark"] #catalog .catalog-title {
    background: rgba(255, 255, 255, 0.07) !important;
    color: #e8e8e8 !important;
}

#catalog ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

#catalog li {
    padding: 5px 0 !important;
    margin: 0 !important;
    border-left: 2px solid transparent !important;
    background: transparent !important;
}

#catalog .h1-list { margin-left: 0 !important; }
#catalog .h2-list { margin-left: 14px !important; }
#catalog .h3-list { margin-left: 28px !important; }
#catalog .h4-list { margin-left: 42px !important; }

/* 可点击选项：完全透明，无背景、无边框、无圆角块 */
#catalog li a {
    display: block !important;
    padding: 4px 6px !important;

    font-size: 14px !important;
    line-height: 1.5 !important;
    color: var(--color-basic-800, #444) !important;
    text-decoration: none !important;

    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;

    transition: color 0.2s ease, background 0.2s ease !important;
    outline: none !important;
}

html[theme="dark"] #catalog li a {
    color: #d8d8d8 !important;
}

/* hover 也保持透明，只轻微变文字颜色 */
#catalog li a:hover {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    color: #2056b3 !important;
}

html[theme="dark"] #catalog li a:hover {
    background: transparent !important;
    color: #7cb6ff !important;
}

/* 当前激活项：透明背景，只保留左侧蓝色指示线 */
#catalog li.catalog-active {
    border-left-color: #4078d0 !important;
    background: transparent !important;
}

#catalog li.catalog-active a {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    color: #2056b3 !important;
    font-weight: 600 !important;
}

html[theme="dark"] #catalog li.catalog-active a {
    background: transparent !important;
    color: #7cb6ff !important;
}

/* 代码折叠块 details 美化 */
details {
    background: rgba(255, 255, 255, 0.42) !important;
    backdrop-filter: blur(10px) saturate(130%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(130%) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 16px !important;
    padding: 12px 16px !important;
    margin: 14px 0 !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.10), 0 1px 4px rgba(0,0,0,0.05) !important;
}
html[theme="dark"] details {
    background: rgba(20, 20, 24, 0.38) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

details summary {
    cursor: pointer !important;
    padding: 6px 4px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #333 !important;
    list-style: none;
}
html[theme="dark"] details summary {
    color: #e2e2e2 !important;
}
details summary::-webkit-details-marker {
    display: none;
}
details summary::before {
    content: "▶ ";
    font-size: 12px;
    transition: transform 0.2s ease;
}
details[open] summary::before {
    content: "▼ ";
}

details pre.highlighter-hljs {
    background: transparent !important;
    border-radius: 12px !important;
    padding: 12px !important;
    margin: 10px 0 0 0 !important;
    overflow-x: auto !important;
    position: relative;
}

pre .awes-linenumber {
    list-style: none !important;
    padding: 0 8px 0 0 !important;
    margin: 0 !important;
    border-right: 1px solid rgba(128,128,128,0.25) !important;
    color: #888 !important;
    display: inline-block;
    text-align: right;
    user-select: none;
    background: transparent !important;
}
html[theme="dark"] pre .awes-linenumber {
    color: #999 !important;
    border-right-color: rgba(255,255,255,0.12);
}

/* 复制按钮：白天深色文字，黑夜浅色 */
pre .copy-btns {
    position: absolute;
    top: 8px;
    right: 10px;
    padding: 4px 10px;
    background: rgba(255,255,255,0.45) !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    cursor: pointer;
    backdrop-filter: blur(6px);
    transition: 0.2s;
    color: #1f1f1f !important;
}
pre .copy-btns:hover {
    background: rgba(255,255,255,0.65) !important;
}
html[theme="dark"] pre .copy-btns {
    background: rgba(255,255,255,0.12) !important;
    color: #eee !important;
}
html[theme="dark"] pre .copy-btns:hover {
    background: rgba(255,255,255,0.20) !important;
}