/* =========================
   SFY7891 极客玻璃风
   ========================= */

body {
    background:
    linear-gradient(
        135deg,
        #0f172a,
        #111827,
        #020617
    ) fixed;

    color:#e5e7eb;
    font-family:
    "JetBrains Mono",
    "Microsoft YaHei",
    sans-serif;
}


/* 去掉顶部导航 */
#navigator {
    display:none;
}


/* 主容器 */
#home {
    width:1200px;
    margin:auto;
}


/* 博客标题 */
#blogTitle {
    text-align:center;
    padding:40px 0 25px;
}


#blogTitle h1 a {
    color:#38bdf8;
    font-size:42px;
    text-shadow:
    0 0 20px #38bdf8;
}


/* 签名 */
#blogTitle .subtitle {
    color:#94a3b8;
    font-size:16px;
}



/* 主区域 */
/* 只给侧栏加玻璃效果 */
#sideBar {

    background:
    rgba(255,255,255,.12);

    backdrop-filter:blur(15px);

    border:
    1px solid rgba(255,255,255,.2);

    border-radius:20px;

    box-shadow:
    0 20px 50px rgba(0,0,0,.3);

}


/* 布局 */

#mainContent {

    width:820px;
    padding:30px;

    float:right;
}


#sideBar {

    width:280px;

    padding:20px;

    float:left;

}



/* 文章标题 */

.postTitle a {

    color:#7dd3fc;

    font-size:28px;

    font-weight:bold;

}


.postTitle a:hover {

    color:#38bdf8;

}



/* 正文 */

.postBody {

    font-size:16px;

    line-height:2;

}



/* 代码块 */

.cnblogs-markdown pre,
.cnblogs-markdown code {

    background:#020617!important;

    border-radius:12px;

}


.cnblogs-markdown pre {

    padding:20px;

    box-shadow:
    inset 0 0 20px rgba(56,189,248,.15);

}



/* 侧边栏标题 */

.catListTitle {

    color:#38bdf8;

    font-size:18px;

}



/* 分类 */

.catListTag {

    color:#cbd5e1;

}



/* 日历 */

#blog-calendar {

    border-radius:15px;

    overflow:hidden;

}



/* 去掉默认边框 */

.day {

    border:none!important;

}


/* 鼠标动画 */

.postTitle a,
.catListTitle {

    transition:.3s;

}


.postTitle a:hover {

    letter-spacing:1px;

}



/* footer */

#footer {

    color:#64748b;

}

#main {
    display:flex;
    flex-direction:row-reverse;
    align-items:flex-start;
    gap:25px;
}


#mainContent {
    float:none;
    width:820px;
}


#sideBar {
    float:none;
    width:280px;
}

/* =========================
   字体亮度修正
   ========================= */


/* 全局文字 */
body {
    color:#f1f5f9 !important;
}


/* 文章正文 */
.postBody,
.postBody p,
.postBody li,
.postBody span {

    color:#e2e8f0 !important;

    line-height:2;
}



/* 文章标题 */

.postTitle a {

    color:#7dd3fc !important;

}


/* 摘要 */

.postDesc {

    color:#cbd5e1 !important;

}


/* 侧边栏 */

#sideBar,
#sideBar a,
.catListItem,
.catListItem a {

    color:#e5e7eb !important;

}



/* 侧栏标题 */

.catListTitle {

    color:#38bdf8 !important;

    font-weight:bold;

}



/* 博客标题 */

#blogTitle h1 a {

    color:#67e8f9 !important;

}


/* 签名 */

#blogTitle .subtitle {

    color:#cbd5e1 !important;

}



/* 日期 */

.dayTitle {

    color:#94a3b8 !important;

}



/* 评论 */

#comment_nav,
.feedbackCon {

    color:#e2e8f0 !important;

}



/* 链接 */

a {

    color:#7dd3fc;

}


a:hover {

    color:#22d3ee;

}



/* 代码 */

.cnblogs-markdown pre,
.cnblogs-markdown code {

    color:#f8fafc !important;

}

/* =========================
   文章卡片化
   ========================= */


.day {

    background:
    rgba(255,255,255,.12);

    backdrop-filter:
    blur(15px);


    border:
    1px solid rgba(255,255,255,.2);


    border-radius:18px;


    padding:25px;


    margin-bottom:25px;


    box-shadow:
    0 10px 30px rgba(0,0,0,.25);

}


/* 标题 */

.postTitle a {

    color:#7dd3fc !important;

    font-size:26px;

}


/* 正文 */

.postBody {

    color:#f1f5f9 !important;

    line-height:2;

}


/* Markdown */

.cnblogs-markdown {

    color:#f1f5f9 !important;

}


/* 摘要 */

.postDesc {

    color:#cbd5e1 !important;

}

/* =========================
   顶部标题
   ========================= */


#blogTitle {

    padding:50px 0 30px;

    text-align:center;

}


#blogTitle h1 a {

    font-size:42px;

    font-weight:700;

    color:#67e8f9 !important;


    text-shadow:
    0 0 15px rgba(103,232,249,.8);

}


#blogTitle .subtitle {

    margin-top:15px;

    color:#cbd5e1 !important;

    font-size: 16px;

}

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


#sideBar {

    line-height:1.8;

}


#sideBar h3,
.catListTitle {

    color:#38bdf8 !important;

    font-size:18px;

    margin-bottom:12px;

}


/* 每个模块间距 */

#sideBar div {

    margin-bottom:25px;

}


/* 分类链接 */

/* =========================
   侧边栏链接动画（排除日历）
   ========================= */


/* 侧栏普通链接 */

#sideBar a:not(#blog-calendar a) {

    transition:.3s;

}


/* 悬浮效果 */

#sideBar a:not(#blog-calendar a):hover {

    padding-left:8px;

    color:#22d3ee !important;

}

/* =========================
   文章标题
   ========================= */


.postTitle {

    border-left:

    4px solid #38bdf8;

    padding-left:15px;

}


.postTitle a:hover {

    text-shadow:

    0 0 12px #38bdf8;

}

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


.cnblogs-markdown img,
.postBody img {


    border-radius:15px;


    box-shadow:

    0 10px 30px rgba(0,0,0,.35);


    transition:.3s;

}


.cnblogs-markdown img:hover {


    transform:scale(1.02);

}

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


.cnblogs-markdown pre {


    background:

    #0f172a !important;


    border-radius:15px;


    padding:20px;


    border:

    1px solid rgba(255,255,255,.15);


    box-shadow:

    inset 0 0 20px rgba(56,189,248,.15);

}


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


::-webkit-scrollbar {

    width:10px;

}


::-webkit-scrollbar-track {

    background:#020617;

}


::-webkit-scrollbar-thumb {

    background:#334155;

    border-radius:10px;

}


::-webkit-scrollbar-thumb:hover {

    background:#38bdf8;

}

::selection {

    background:#38bdf8;

    color:#020617;

}

/* =========================
   随笔分类 / 随笔档案 添加前缀
   ========================= */


/* =========================
   随笔分类 / 随笔档案使用默认小圆点
   ========================= */


/* 恢复列表圆点 */

#sidebar_categories ul,
#sidebar_postarchive ul {

    list-style-type:disc;

    padding-left:20px;

}


/* 保持文字样式 */

#sidebar_categories li,
#sidebar_postarchive li {

    color:#e2e8f0;

}

/* =========================
   恢复随笔分类/随笔档案小圆点
   ========================= */


/* 强制显示列表圆点 */

#sidebar_categories ul li,
#sidebar_postarchive ul li {

    list-style-type: disc !important;

    display: list-item !important;

    margin-left:20px;

}


/* 去除可能覆盖的伪元素 */

#sidebar_categories ul li::before,
#sidebar_postarchive ul li::before {

    content:none !important;

}

/* =========================
   同一天文章间距
   ========================= */


/* 同一天内的文章之间增加距离 */
.day .postTitle {
    margin-top:25px;
}


/* 第一篇文章不要额外增加顶部距离 */
.day .post:first-child .postTitle {
    margin-top:0;
}


/* 文章内容和标题间距 */
.postTitle {
    margin-bottom:18px;
}


/* 文章底部信息和下一篇拉开 */
.postDesc {
    margin-top:20px;
    padding-top:10px;
}

/* =========================
   Highlight.js 代码高亮
   ========================= */


/* 关键字 */
.hljs-keyword,
.hljs-selector-tag {

    color:#c084fc !important;

}


/* 字符串 */
.hljs-string,
.hljs-regexp {

    color:#a5f3fc !important;

}


/* 数字 */
.hljs-number {

    color:#fca5a5 !important;

}


/* 函数名 */
.hljs-title,
.hljs-function .hljs-title {

    color:#67e8f9 !important;

}


/* 内置函数 */
.hljs-built_in {

    color:#fbbf24 !important;

}


/* 注释 */
.hljs-comment {

    color:#94a3b8 !important;

    font-style:italic;

}


/* 类名 */
.hljs-class .hljs-title {

    color:#86efac !important;

}


/* 变量 */
.hljs-variable {

    color:#f9a8d4 !important;

}

.cnblogs-markdown pre {

    background:#0f172a !important;

    border-radius:15px;

    padding:20px;

    overflow-x:auto;

}

/* =========================
   修复 highlight.js
   ========================= */


.cnblogs-markdown pre,
.cnblogs-markdown pre code {

    font-size:14px !important;

    line-height:1.7 !important;

    font-family:
    "JetBrains Mono",
    Consolas,
    monospace;

}


/* 代码块基础颜色 */

.cnblogs-markdown pre code.hljs {

    color:#e2e8f0;

    background:#0f172a;

}


/* 关键字 */

.hljs-keyword {

    color:#c084fc !important;

}


/* 类型 */

.hljs-type {

    color:#67e8f9 !important;

}


/* 数字 */

.hljs-number {

    color:#fb7185 !important;

}


/* 字符串 */

.hljs-string {

    color:#86efac !important;

}


/* 注释 */

.hljs-comment {

    color:#94a3b8 !important;

    font-style:italic;

}

/* =========================
   强制覆盖 C++ 高亮颜色
   ========================= */


pre.highlighter-hljs .hljs-keyword {
    color:#c084fc !important;
}


pre.highlighter-hljs .hljs-type {
    color:#22d3ee !important;
}


pre.highlighter-hljs .hljs-number {
    color:#fb7185 !important;
}


pre.highlighter-hljs .hljs-string {
    color:#86efac !important;
}


pre.highlighter-hljs .hljs-comment {
    color:#94a3b8 !important;
}


pre.highlighter-hljs .hljs-title {
    color:#fde68a !important;
}


pre.highlighter-hljs .hljs-built_in {
    color:#fbbf24 !important;
}

pre.highlighter-hljs {
    transition:.3s;
}


pre.highlighter-hljs:hover {

    box-shadow:
    0 0 25px rgba(56,189,248,.25);

}

/* =========================
   Markdown 引用
   ========================= */


.cnblogs-markdown blockquote {

    background:

    rgba(56,189,248,.12);


    border-left:

    5px solid #38bdf8;


    border-radius:10px;


    padding:15px 20px;


    color:#cbd5e1;

}

/* =========================
   Markdown 表格
   ========================= */


.cnblogs-markdown table {

    border-collapse:collapse;

    width:100%;

}


.cnblogs-markdown th {

    background:

    rgba(56,189,248,.2);


    color:#67e8f9;

}


/* =========================
   Markdown 表格优化
   ========================= */


.cnblogs-markdown td,
.cnblogs-markdown th {

    border:

    1px solid rgba(255,255,255,.12);


    padding:10px 14px;

}


.cnblogs-markdown tr:hover {

    background:

    rgba(255,255,255,.05);

}

.cnblogs-markdown th {

    background:
    rgba(30,41,59,.8) !important;

    color:#cbd5e1 !important;

}

/* =========================
   不规则星点
   ========================= */

#home::before {

    content:"";

    position:fixed;

    left:0;
    top:0;

    width:3px;
    height:3px;


    background:#fff;

    border-radius:50%;


    opacity:.9;


    box-shadow:

    /* 第一排 */
    80px 120px 1px rgba(255,255,255,.6),
    210px 60px 1px rgba(255,255,255,.4),
    340px 180px 1px rgba(255,255,255,.75),
    470px 90px 2px rgba(255,255,255,.8),
    590px 260px 1px rgba(255,255,255,.5),
    720px 130px 1px rgba(255,255,255,.7),
    860px 220px 1px rgba(255,255,255,.5),
    980px 70px 2px rgba(255,255,255,.8),
    1120px 190px 1px rgba(255,255,255,.6),
    1280px 110px 1px rgba(255,255,255,.45),
    1450px 250px 2px rgba(255,255,255,.8),


    /* 第二排 */
    150px 360px 1px rgba(255,255,255,.5),
    300px 460px 2px rgba(255,255,255,.8),
    430px 330px 1px rgba(255,255,255,.45),
    560px 520px 1px rgba(255,255,255,.7),
    700px 400px 2px rgba(255,255,255,.85),
    840px 580px 1px rgba(255,255,255,.5),
    1000px 450px 1px rgba(255,255,255,.7),
    1160px 360px 2px rgba(255,255,255,.8),
    1320px 540px 1px rgba(255,255,255,.5),
    1500px 420px 2px rgba(255,255,255,.8),


    /* 第三排 */
    70px 700px 1px rgba(255,255,255,.5),
    220px 820px 2px rgba(255,255,255,.75),
    370px 680px 1px rgba(255,255,255,.45),
    510px 760px 1px rgba(255,255,255,.7),
    650px 900px 2px rgba(255,255,255,.8),
    790px 720px 1px rgba(255,255,255,.5),
    930px 850px 1px rgba(255,255,255,.65),
    1080px 690px 2px rgba(255,255,255,.8),
    1230px 800px 1px rgba(255,255,255,.45),
    1400px 740px 1px rgba(255,255,255,.7),
    1550px 920px 2px rgba(255,255,255,.8),


    /* 右侧扩展星点 */

    1680px 80px 1px rgba(255,255,255,.55),
    1760px 240px 2px rgba(255,255,255,.85),
    1880px 420px 1px rgba(255,255,255,.65),
    2020px 150px 1px rgba(255,255,255,.45),
    2180px 330px 2px rgba(255,255,255,.8),

    1710px 620px 1px rgba(255,255,255,.7),
    1900px 760px 2px rgba(255,255,255,.75),
    2100px 580px 1px rgba(255,255,255,.5),
    2300px 850px 2px rgba(255,255,255,.8),
    2500px 500px 1px rgba(255,255,255,.6),

    1750px 1050px 1px rgba(255,255,255,.55),
    1950px 1250px 2px rgba(255,255,255,.85),
    2200px 1100px 1px rgba(255,255,255,.65),
    2400px 1350px 2px rgba(255,255,255,.8),
    2650px 1000px 1px rgba(255,255,255,.5);


    /* 右侧星点补充 */

    1720px 160px 2px rgba(255,255,255,.8),
    1850px 320px 1px rgba(255,255,255,.6),
    1780px 520px 1px rgba(255,255,255,.7),
    1940px 700px 2px rgba(255,255,255,.85),

    1650px 850px 1px rgba(255,255,255,.5),
    1820px 980px 2px rgba(255,255,255,.75),
    2050px 420px 1px rgba(255,255,255,.6),
    2150px 760px 2px rgba(255,255,255,.8),

    1750px 1200px 1px rgba(255,255,255,.65),
    1980px 1400px 2px rgba(255,255,255,.8);


    pointer-events:none;

    z-index:99999 !important;

}

#home::after {

    content:"";

    position:fixed;

    width:2px;
    height:2px;

    left:0;
    top:0;

    background:#38bdf8;

    border-radius:50%;

    opacity:.5;


    box-shadow:

    160px 200px 1px #38bdf8,
    520px 150px 1px #38bdf8,
    860px 300px 1px #38bdf8,
    1320px 180px 1px #38bdf8,

    300px 620px 1px #38bdf8,
    760px 700px 1px #38bdf8,
    1120px 580px 1px #38bdf8,

    430px 1050px 1px #38bdf8,
    970px 1200px 1px #38bdf8,
    1450px 1050px 1px #38bdf8;

}



@keyframes twinkle {

    from {

        opacity:.45;

    }

    to {

        opacity:.9;

    }

}

/* LaTeX 公式大小修复 */

.MathJax {
    font-size: 120% !important;
}

.MathJax_Display {
    font-size: 120% !important;
}

@media(max-width:700px){

    #sideBar {
        display:none;
    }

    #mainContent {
        width:100%;
    }

}

/* 首页博客标题 */

#Header1_HeaderTitle {

    font-size:40px !important;

    font-weight:700;

    color:#ffffff;

    text-decoration:none;

    letter-spacing:2px;

}