/* =========================================================
   牢朱の博客园二次元主页 Final Clean
   修复：
   1. 顶部显示不全
   2. 左右一半一半割裂
   3. 大玻璃块太丑
   4. 导航和内容比例不协调
   ========================================================= */

* {
    box-sizing: border-box !important;
}

:root {
    --pink: #ff72b6;
    --pink2: #e85aa2;
    --purple: #9b7cff;
    --blue: #7dd3fc;

    --text: #2f2838;
    --text2: #6f6478;

    --glass: rgba(255, 255, 255, 0.72);
    --glass2: rgba(255, 255, 255, 0.58);
    --line: rgba(255, 255, 255, 0.76);

    --shadow: 0 18px 45px rgba(25, 20, 45, 0.18);
    --radius: 24px;
}

/* ================= 全局背景 ================= */

html {
    min-height: 100%;
    background:
        linear-gradient(
            rgba(20, 18, 28, 0.20),
            rgba(20, 18, 28, 0.10)
        ),
        url("https://img2024.cnblogs.com/blog/3624309/202605/3624309-20260526160124639-1196548133.png")
        center center / cover fixed no-repeat !important;
}

body {
    margin: 0 !important;
    min-height: 100%;
    color: var(--text) !important;
    background: transparent !important;
    font-family:
        "HarmonyOS Sans SC",
        "PingFang SC",
        "Microsoft YaHei",
        "Helvetica Neue",
        Arial,
        sans-serif !important;
    overflow-x: hidden !important;
}

/* 清除博客园旧背景 */
body::before,
body::after,
#home,
#header,
#blogTitle,
#navigator,
#main,
#mainContent,
#sideBar,
#sideBarMain,
#footer {
    background: transparent !important;
    border: none !important;
}

/* ================= 主容器 ================= */

#home {
    width: min(1120px, calc(100vw - 40px)) !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 28px 0 44px !important;
}

/* ================= 顶部标题区：去掉大玻璃块 ================= */

#header {
    margin: 0 !important;
    padding: 0 !important;
}

/* 彻底去掉原来的大横幅感 */
#blogTitle {
    height: auto !important;
    min-height: 0 !important;
    width: 100% !important;

    margin: 0 0 18px !important;
    padding: 38px 8px 28px !important;

    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

/* 不再使用容易被裁切的右上角标签 */
#blogTitle::before,
#blogTitle::after {
    display: none !important;
}

/* 博客名 */
#blogTitle h1 {
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;

    font-size: 54px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    letter-spacing: 6px !important;
}

#blogTitle h1 a {
    color: #fff !important;
    text-decoration: none !important;
    text-shadow:
        0 5px 18px rgba(0, 0, 0, 0.45),
        0 0 28px rgba(255, 114, 182, 0.65);
}

/* 副标题 */
#blogTitle h2 {
    margin: 16px 0 0 !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;

    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.38);
}

#blogTitle h2::before {
    content: "✦ ";
}

#blogTitle h2::after {
    content: " ✦";
}

/* ================= 导航栏：改成一整条精致胶囊 ================= */

#navigator {
    width: 100% !important;
    margin: 0 0 24px !important;
    padding: 12px !important;

    border-radius: 22px !important;
    background: rgba(255, 255, 255, 0.62) !important;
    border: 1px solid rgba(255, 255, 255, 0.78) !important;
    box-shadow: var(--shadow) !important;

    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

#navList {
    margin: 0 !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
}

#navList li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#navList a {
    height: 42px !important;
    padding: 0 10px !important;

    display: flex !important;
    align-items: center;
    justify-content: center;

    color: var(--text) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-decoration: none !important;

    border-radius: 15px !important;
    background: rgba(255, 255, 255, 0.48) !important;

    transition: all 0.25s ease;
}

#navList a:hover {
    color: #fff !important;
    background: linear-gradient(135deg, var(--pink), var(--purple)) !important;
    box-shadow: 0 10px 22px rgba(255, 114, 182, 0.32);
    transform: translateY(-2px);
}

/* ================= 主体布局：统一比例，不割裂 ================= */

#main {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 22px !important;
    align-items: start;
}

#mainContent {
    min-width: 0 !important;
}

#sideBar {
    width: auto !important;
    min-width: 0 !important;
}

/* ================= 文章列表卡片 ================= */

.day,
.post,
.entrylistItem {
    position: relative;

    margin: 0 0 22px !important;
    padding: 28px 30px !important;

    border-radius: var(--radius) !important;
    background: rgba(255, 255, 255, 0.72) !important;
    border: 1px solid rgba(255, 255, 255, 0.78) !important;
    box-shadow: var(--shadow) !important;

    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    overflow: hidden !important;
    transition: all 0.25s ease;
}

.day:hover,
.post:hover,
.entrylistItem:hover {
    transform: translateY(-4px);
    background: rgba(255, 255, 255, 0.82) !important;
    box-shadow: 0 24px 58px rgba(25, 20, 45, 0.22) !important;
}

/* 顶部渐变线 */
.day::after,
.post::after,
.entrylistItem::after {
    content: "";
    position: absolute;
    left: 26px;
    right: 26px;
    top: 0;
    height: 4px;

    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, var(--pink), var(--purple), var(--blue));
}

/* NEW 标签 */
.day::before,
.entrylistItem::before {
    content: "NEW";
    display: inline-flex;
    align-items: center;
    justify-content: center;

    height: 28px;
    padding: 0 15px;
    margin-bottom: 16px;

    color: #fff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.6px;

    border-radius: 999px;
    background: linear-gradient(135deg, var(--pink), var(--purple));
    box-shadow: 0 8px 18px rgba(255, 114, 182, 0.30);
}

.dayTitle {
    margin: 0 0 12px !important;
    color: var(--pink2) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

/* 文章标题 */
.postTitle,
.entrylistPosttitle {
    margin: 0 0 16px !important;
    padding: 0 !important;

    font-size: 25px !important;
    line-height: 1.45 !important;
    font-weight: 900 !important;
}

.postTitle a,
.entrylistPosttitle a {
    color: var(--text) !important;
    text-decoration: none !important;
    background:
        linear-gradient(90deg, var(--pink), var(--purple)) no-repeat right bottom;
    background-size: 0 3px;
    transition: all 0.25s ease;
}

.postTitle a:hover,
.entrylistPosttitle a:hover {
    color: var(--pink2) !important;
    background-position: left bottom;
    background-size: 100% 3px;
}

.postCon,
.c_b_p_desc,
.postBody {
    color: var(--text) !important;
    font-size: 15.8px !important;
    line-height: 1.9 !important;
}

.c_b_p_desc {
    margin-top: 8px !important;
}

/* 阅读全文 */
.c_b_p_desc_readmore {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    height: 34px;
    padding: 0 16px;
    margin-left: 10px;

    color: #fff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-decoration: none !important;

    border-radius: 999px;
    background: linear-gradient(135deg, var(--pink), var(--purple));
    box-shadow: 0 8px 18px rgba(255, 114, 182, 0.28);
}

.postDesc,
.entrylistItemPostDesc {
    margin-top: 20px !important;
    padding-top: 14px !important;

    color: var(--text2) !important;
    font-size: 13px !important;

    border-top: 1px dashed rgba(232, 90, 162, 0.28);
}

/* ================= 侧边栏 ================= */

#sideBarMain .catList,
.newsItem,
#blog-calendar,
#profile_block {
    margin: 0 0 22px !important;
    padding: 18px !important;

    border-radius: 22px !important;
    background: rgba(255, 255, 255, 0.72) !important;
    border: 1px solid rgba(255, 255, 255, 0.78) !important;
    box-shadow: var(--shadow) !important;

    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    overflow: hidden !important;
}

#sideBarMain h3,
.catListTitle {
    margin: -18px -18px 16px !important;
    padding: 14px 18px !important;

    color: #fff !important;
    font-size: 15px !important;
    font-weight: 900 !important;

    background: linear-gradient(135deg, var(--pink), var(--purple)) !important;
}

#sideBarMain ul {
    margin: 0 !important;
    padding: 0 !important;
}

#sideBarMain li {
    list-style: none !important;
    margin: 7px 0 !important;
    padding: 8px 10px !important;

    border-radius: 12px;
    background: rgba(255, 255, 255, 0.36);
    transition: all 0.2s ease;
}

#sideBarMain li:hover {
    transform: translateX(4px);
    background: rgba(255, 255, 255, 0.58);
}

#sideBarMain a {
    color: var(--text) !important;
    text-decoration: none !important;
    font-weight: 700 !important;
}

#sideBarMain a:hover {
    color: var(--pink2) !important;
}

/* ================= 公告头像卡片 ================= */

.anime-card {
    text-align: center;
    padding: 24px 16px !important;

    border-radius: 22px;
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 114, 182, 0.20), transparent 46%),
        rgba(255, 255, 255, 0.50);

    border: 1px solid rgba(255, 255, 255, 0.78);
}

.anime-card img {
    width: 112px !important;
    height: 112px !important;
    object-fit: cover !important;

    border-radius: 50% !important;
    border: 5px solid rgba(255, 255, 255, 0.94) !important;

    box-shadow:
        0 12px 28px rgba(232, 90, 162, 0.30),
        0 0 0 8px rgba(255, 114, 182, 0.12);
}

.anime-card .name {
    margin-top: 14px;
    color: var(--pink2);
    font-size: 18px;
    font-weight: 900;
}

.anime-card .desc {
    margin-top: 8px;
    color: var(--text2);
    font-size: 13px;
    line-height: 1.75;
}

/* ================= 正文页 ================= */

#cnblogs_post_body {
    color: var(--text) !important;
    font-size: 16px !important;
    line-height: 2 !important;
}

#cnblogs_post_body h1,
#cnblogs_post_body h2,
#cnblogs_post_body h3,
#cnblogs_post_body h4 {
    color: #2f2435 !important;
    font-weight: 900 !important;
}

#cnblogs_post_body h2 {
    margin-top: 34px !important;
    padding-left: 16px;
    border-left: 6px solid var(--pink);
}

#cnblogs_post_body p {
    margin: 14px 0 !important;
}

#cnblogs_post_body a {
    color: var(--pink2) !important;
    text-decoration: none !important;
    border-bottom: 1px dashed rgba(232, 90, 162, 0.55);
}

#cnblogs_post_body blockquote {
    margin: 18px 0 !important;
    padding: 16px 20px !important;

    color: #5d4d66 !important;
    border-left: 6px solid var(--pink) !important;
    border-radius: 16px;
    background: rgba(255, 241, 248, 0.78) !important;
}

/* ================= 代码块 ================= */

.cnblogs_code,
.cnblogs_Highlighter,
pre {
    margin: 18px 0 !important;
    padding: 18px !important;

    border-radius: 18px !important;
    background: rgba(32, 28, 42, 0.95) !important;
    color: #f9f7ff !important;

    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    box-shadow: 0 14px 34px rgba(42, 32, 58, 0.24);

    overflow-x: auto;
}

.cnblogs_code div,
.cnblogs_code span,
.cnblogs_code pre,
.cnblogs_Highlighter pre {
    color: #f9f7ff !important;
    font-family:
        "JetBrains Mono",
        "Fira Code",
        Consolas,
        Monaco,
        monospace !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
}

#cnblogs_post_body code {
    padding: 2px 7px;
    color: #d63384;
    background: rgba(255, 226, 240, 0.9);
    border-radius: 7px;
}

/* ================= 图片 ================= */

#cnblogs_post_body img,
.postBody img {
    max-width: 100%;
    border-radius: 18px;
    box-shadow: 0 14px 34px rgba(40, 30, 70, 0.18);
}

/* ================= 评论区 ================= */

#comment_form,
.feedbackItem,
.commentbox_main {
    padding: 20px !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, 0.72) !important;
    border: 1px solid rgba(255, 255, 255, 0.78) !important;
    box-shadow: var(--shadow) !important;

    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

textarea,
input[type="text"],
input[type="email"],
input[type="url"] {
    border-radius: 14px !important;
    border: 1px solid rgba(232, 90, 162, 0.28) !important;
    background: rgba(255, 255, 255, 0.82) !important;
}

input[type="button"],
input[type="submit"],
.comment_btn {
    border: none !important;
    border-radius: 999px !important;
    padding: 9px 20px !important;

    color: #fff !important;
    font-weight: 900 !important;

    background: linear-gradient(135deg, var(--pink), var(--purple)) !important;
    box-shadow: 0 10px 24px rgba(255, 114, 182, 0.26);
    cursor: pointer;
}

/* ================= 分页 / 页脚 ================= */

#nav_next_page,
.pager {
    text-align: center;
    margin: 30px 0 !important;
}

#nav_next_page a,
.pager a,
.pager span {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 36px;
    height: 36px;
    margin: 4px;
    padding: 0 14px;

    color: var(--text) !important;
    text-decoration: none !important;
    font-weight: 800;

    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: var(--shadow);
}

#nav_next_page a:hover,
.pager a:hover {
    color: #fff !important;
    background: linear-gradient(135deg, var(--pink), var(--purple));
}

#footer {
    margin: 34px 0 0 !important;
    padding: 18px !important;

    color: rgba(255, 255, 255, 0.9) !important;
    text-align: center;

    border-radius: 20px;
    background: rgba(20, 18, 28, 0.24) !important;
    border: 1px solid rgba(255, 255, 255, 0.28);

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* ================= 滚动条 ================= */

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: rgba(255, 240, 247, 0.72);
}

::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: linear-gradient(180deg, var(--pink), var(--purple));
}

::selection {
    color: #fff;
    background: var(--pink);
}

/* ================= 手机端 ================= */

@media screen and (max-width: 900px) {
    #home {
        width: min(100vw - 24px, 100%) !important;
        padding: 22px 0 38px !important;
    }

    #blogTitle {
        padding: 28px 4px 22px !important;
    }

    #blogTitle h1 {
        font-size: 36px !important;
        letter-spacing: 3px !important;
    }

    #navList {
        grid-template-columns: repeat(3, 1fr);
    }

    #main {
        display: block !important;
    }

    #sideBar {
        width: 100% !important;
        margin-top: 22px !important;
    }

    .day,
    .post,
    .entrylistItem {
        padding: 22px !important;
    }

    .postTitle,
    .entrylistPosttitle {
        font-size: 22px !important;
    }
}

/* ================= 隐藏广告和默认杂项 ================= */

#ad_t2,
#under_post_news,
#under_post_kb,
.c_ad_block,
#cnblogs_c1,
#cnblogs_c2,
#cnblogs_ch,
#sidebar_search_box {
    display: none !important;
}

/* ================= 修复导航栏“管理”显示不全 ================= */

/* 导航容器不要裁切内容 */
#navigator {
    overflow: visible !important;
}

/* 清掉博客园旧皮肤给导航列表加的固定宽度/高度 */
#navList {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    overflow: visible !important;

    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* 每个导航项平均分配宽度 */
#navList li {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 按钮文字居中，不允许撑爆 */
#navList a {
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;

    padding: 0 8px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    box-sizing: border-box !important;
}

/* 导航栏稍微收窄，更精致 */
#navigator {
    width: 86% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* 卡片悬停微光 */
.day:hover,
.post:hover,
.entrylistItem:hover,
#sideBarMain .catList:hover,
.newsItem:hover,
#blog-calendar:hover,
#profile_block:hover {
    box-shadow:
        0 24px 60px rgba(25, 20, 45, 0.22),
        0 0 24px rgba(255, 114, 182, 0.22) !important;
}

/* 页面入场动画 */
#blogTitle,
#navigator,
.day,
.post,
.entrylistItem,
#sideBarMain .catList,
.newsItem,
#blog-calendar,
#profile_block {
    animation: fadeUp 0.65s ease both;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(18px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 文章标题悬停渐变 */
.postTitle a:hover,
.entrylistPosttitle a:hover {
    background: linear-gradient(90deg, #ff72b6, #9b7cff, #7dd3fc);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
}

/* ================= 自定义鼠标：机器人 + 猫猫 ================= */

/* 平时光标：左边机器人 */
html,
body,
body *,
#home,
#home *,
#main,
#main *,
#sideBar,
#sideBar * {
    cursor: url("https://img2024.cnblogs.com/blog/3624309/202605/3624309-20260526162855011-77944638.png") 16 16, auto !important;
}

/* 悬停光标：右边猫猫 */
a,
button,
input[type="button"],
input[type="submit"],
#navList a,
.c_b_p_desc_readmore,
.postTitle a,
.entrylistPosttitle a,
#sideBarMain a {
    cursor: url("https://img2024.cnblogs.com/blog/3624309/202605/3624309-20260526162859050-1709987034.png") 16 16, pointer !important;
}

/* 文章标题层级更清楚 */
#cnblogs_post_body h2 {
    margin-top: 36px !important;
    padding: 10px 16px !important;
    border-left: 6px solid var(--pink) !important;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.52);
}

#cnblogs_post_body h3 {
    margin-top: 26px !important;
    padding-left: 12px !important;
    border-left: 4px solid var(--purple) !important;
}

/* 代码块顶部装饰 */
.cnblogs_code,
.cnblogs_Highlighter,
pre {
    position: relative !important;
}

.cnblogs_code::before,
.cnblogs_Highlighter::before,
pre::before {
    content: "C++ Code";
    display: block;
    margin: -6px 0 10px;
    color: #ffb7dc;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.5px;
}

/* 首页文章编号 */
#mainContent {
    counter-reset: postCounter;
}

.day,
.entrylistItem {
    counter-increment: postCounter;
}

.day .postTitle::before,
.entrylistItem .entrylistPosttitle::before {
    content: "#" counter(postCounter, decimal-leading-zero);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    padding: 4px 10px;
    border-radius: 999px;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    vertical-align: middle;
    background: linear-gradient(135deg, #ff72b6, #9b7cff);
    box-shadow: 0 8px 18px rgba(255,114,182,0.26);
}

/* 代码块窗口装饰 */
.cnblogs_code,
.cnblogs_Highlighter,
pre {
    position: relative !important;
    padding-top: 38px !important;
}

.cnblogs_code::after,
.cnblogs_Highlighter::after,
pre::after {
    content: "";
    position: absolute;
    top: 14px;
    left: 18px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ff5f57;
    box-shadow:
        18px 0 0 #ffbd2e,
        36px 0 0 #28c840;
}

/* ================= 正文章节标题自动编号 ================= */

#cnblogs_post_body {
    counter-reset: sectionCounter;
}

#cnblogs_post_body h2 {
    counter-increment: sectionCounter;
    position: relative !important;
}

#cnblogs_post_body h2::before {
    content: counter(sectionCounter, decimal-leading-zero);
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 34px;
    height: 28px;
    margin-right: 10px;

    color: #fff;
    font-size: 13px;
    font-weight: 900;

    border-radius: 999px;
    background: linear-gradient(135deg, #ff72b6, #9b7cff);
    box-shadow: 0 8px 18px rgba(255, 114, 182, 0.28);
}

/* ================= 自定义重点高亮 ================= */

.mark {
    padding: 2px 7px;
    color: #e85aa2;
    font-weight: 900;
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(255, 114, 182, 0.18), rgba(155, 124, 255, 0.16));
    box-shadow: inset 0 -6px 0 rgba(255, 114, 182, 0.16);
}

.tip {
    margin: 16px 0;
    padding: 14px 18px;
    border-radius: 16px;
    color: #30263a;
    font-weight: 700;
    line-height: 1.8;
    background: rgba(255, 255, 255, 0.68);
    border-left: 6px solid #ff72b6;
    box-shadow: 0 10px 24px rgba(25, 20, 45, 0.12);
}

.tip::before {
    content: "✦ 小统提示：";
    color: #e85aa2;
    font-weight: 900;
}

/* ================= 正文链接美化 ================= */

#cnblogs_post_body a {
    position: relative;
    font-weight: 800;
}

#cnblogs_post_body a::after {
    content: "↗";
    display: inline-block;
    margin-left: 3px;
    font-size: 12px;
    transform: translateY(-1px);
    opacity: 0.75;
}

#cnblogs_post_body a:hover::after {
    transform: translate(2px, -2px);
    opacity: 1;
}

/* ================= 最终精修补丁 ================= */

/* 文章卡片提高可读性 */
.day,
.post,
.entrylistItem {
    background: rgba(255, 255, 255, 0.80) !important;
}

/* 侧边栏卡片稍微提高可读性 */
#sideBarMain .catList,
.newsItem,
#blog-calendar,
#profile_block {
    background: rgba(255, 255, 255, 0.78) !important;
}

/* 导航栏更轻盈 */
#navigator {
    padding: 10px !important;
}

#navList a {
    height: 38px !important;
}

/* 系统气泡移动到左下角，避免遮挡公告栏 */
#systemBubble {
    left: 28px !important;
    right: auto !important;
    bottom: 36px !important;
}

/* 右侧工具栏稍微缩小一点 */
#floatToolBar .tool-btn {
    width: 40px !important;
    height: 40px !important;
    font-size: 18px !important;
}

/* ================= 透明玻璃精修补丁：保留通透感 ================= */

/* 背景不要压太暗，只加一点点柔和遮罩 */
html {
    background:
        linear-gradient(
            rgba(20, 18, 28, 0.16),
            rgba(20, 18, 28, 0.12)
        ),
        url("https://img2024.cnblogs.com/blog/3624309/202605/3624309-20260526160124639-1196548133.png")
        center center / cover fixed no-repeat !important;
}

/* 文章卡片：透明，但增强玻璃边缘 */
.day,
.post,
.entrylistItem {
    background: rgba(255, 255, 255, 0.58) !important;
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    box-shadow:
        0 18px 45px rgba(20, 16, 35, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
    backdrop-filter: blur(20px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(135%) !important;
}

/* 悬停时稍微亮一点，不要变太实 */
.day:hover,
.post:hover,
.entrylistItem:hover {
    background: rgba(255, 255, 255, 0.66) !important;
    box-shadow:
        0 24px 60px rgba(20, 16, 35, 0.24),
        0 0 24px rgba(255, 114, 182, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
}

/* 侧边栏也保持透明玻璃 */
#sideBarMain .catList,
.newsItem,
#blog-calendar,
#profile_block {
    background: rgba(255, 255, 255, 0.56) !important;
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    box-shadow:
        0 18px 45px rgba(20, 16, 35, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
    backdrop-filter: blur(20px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(135%) !important;
}

/* 导航栏更像玻璃胶囊 */
#navigator {
    background: rgba(255, 255, 255, 0.46) !important;
    border: 1px solid rgba(255, 255, 255, 0.70) !important;
    box-shadow:
        0 14px 35px rgba(20, 16, 35, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.58) !important;
    backdrop-filter: blur(20px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(140%) !important;
}

/* 导航按钮透明一点 */
#navList a {
    background: rgba(255, 255, 255, 0.34) !important;
}

#navList a:hover {
    background: linear-gradient(135deg, rgba(255, 114, 182, 0.92), rgba(155, 124, 255, 0.92)) !important;
}

/* 顶部标题不要大白块，保持融入背景 */
#blogTitle {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* 标题文字加阴影，提高背景上可读性 */
#blogTitle h1 a {
    text-shadow:
        0 4px 18px rgba(0, 0, 0, 0.56),
        0 0 30px rgba(255, 114, 182, 0.62) !important;
}

#blogTitle h2 {
    text-shadow:
        0 3px 12px rgba(0, 0, 0, 0.48),
        0 0 18px rgba(255, 255, 255, 0.28) !important;
}

/* 文章文字加一点可读性，不改变透明感 */
.postCon,
.c_b_p_desc,
.postBody,
#cnblogs_post_body {
    color: #2b2433 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.22);
}

/* 卡片里的分割线淡一点 */
.postDesc,
.entrylistItemPostDesc {
    border-top: 1px dashed rgba(232, 90, 162, 0.22) !important;
}

/* 系统气泡移到左下，避免挡右侧公告 */
#systemBubble {
    left: 28px !important;
    right: auto !important;
    bottom: 36px !important;
}