/* =========================================================
   YXLIPA BLOG
   博客园个人博客主题
   风格：2000 年代日本个人主页 / Old Web
   配色：天空蓝 + 奶油黄
   版本：2026.09
   说明：
   1. 不依赖外部 CSS
   2. 不依赖 jQuery
   3. 不依赖 Bootstrap
   4. 不依赖外部图片
   5. 支持电脑、平板、手机
   6. 首页和文章页自动区分
   ========================================================= */
/* =========================================================
   一、全局变量
   ========================================================= */
:root {
/* 天空蓝 */
--yxl-sky: #bfe6ea;
--yxl-sky-2: #dff3f4;
--yxl-sky-3: #eef9f9;
--yxl-sky-dark: #639ca5;
--yxl-sky-text: #578d96;
/* 奶油黄 */
--yxl-yellow: #ffefad;
--yxl-yellow-2: #fff6cf;
--yxl-yellow-dark: #b59642;
/* 基础颜色 */
--yxl-white: #fffefa;
--yxl-paper: #fffdf7;
/* 文字颜色 */
--yxl-brown: #76695b;
--yxl-brown-light: #a19484;
/* 边框 */
--yxl-border: #c7e3e5;
--yxl-border-yellow: #e5d58d;
/* 阴影 */
--yxl-shadow: rgba(75, 130, 140, 0.12);
/* 页面尺寸 */
--yxl-width: 1160px;
/* 圆角 */
--yxl-radius: 13px;
}
/* =========================================================
   二、全局重置
   ========================================================= */
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
margin: 0;
padding: 0;
scroll-behavior: smooth;
}
body {
width: 100%;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
background-color: var(--yxl-sky-3);
color: var(--yxl-brown);
    font-family:
        "Microsoft YaHei",
        "PingFang SC",
        "Hiragino Sans GB",
        "Meiryo",
        Arial,
        sans-serif;
font-size: 14px;
line-height: 1.8;
overflow-x: hidden;
}
/* =========================================================
   三、Old Web 背景
   ========================================================= */
body::before {
content: "";
position: fixed;
inset: 0;
z-index: -10;
pointer-events: none;
    background-image:
        radial-gradient(
            circle,
            rgba(96, 164, 174, 0.22) 1.5px,
            transparent 1.7px
        );
background-size: 18px 18px;
opacity: 0.8;
}
/* =========================================================
   四、博客园默认结构
   ========================================================= */
#home {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
}
#navigator,
#blogTitle {
display: none !important;
}
/* =========================================================
   五、全局链接
   ========================================================= */
a {
color: var(--yxl-sky-text);
text-decoration: none;
    transition:
        color 0.15s ease,
        background 0.15s ease,
        transform 0.15s ease;
}
a:visited {
color: var(--yxl-sky-text);
}
a:hover {
color: var(--yxl-yellow-dark);
text-decoration: underline;
}
/* =========================================================
   六、顶部 Header
   ========================================================= */
.yxl-header {
width: calc(100% - 24px);
max-width: var(--yxl-width);
margin: 18px auto 0;
background: var(--yxl-paper);
border: 2px solid var(--yxl-sky);
border-radius: 16px;
box-shadow: 0 5px 20px var(--yxl-shadow);
overflow: hidden;
}
/* 顶部黄色装饰线 */
.yxl-header-top {
height: 10px;
background-color: var(--yxl-yellow);
    background-image:
        radial-gradient(
            circle,
            rgba(181, 150, 66, 0.25) 1.3px,
            transparent 1.5px
        );
background-size: 13px 13px;
border-bottom: 1px solid var(--yxl-border-yellow);
}
/* Header 主体 */
.yxl-header-inner {
position: relative;
min-height: 175px;
padding: 28px 34px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 25px;
background-color: var(--yxl-paper);
    background-image:
        linear-gradient(
            rgba(191, 230, 234, 0.25) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(191, 230, 234, 0.25) 1px,
            transparent 1px
        );
background-size: 16px 16px;
}
/* Header 左下角装饰 */
.yxl-header-inner::before {
content: "✿";
position: absolute;
left: 14px;
bottom: 3px;
color: #d4b95e;
font-size: 30px;
pointer-events: none;
}
/* Header 右上角装饰 */
.yxl-header-inner::after {
content: "☆  ✧  ☆";
position: absolute;
right: 18px;
top: 10px;
color: #74aeb5;
font-size: 15px;
letter-spacing: 4px;
pointer-events: none;
}
/* =========================================================
   七、Logo
   ========================================================= */
.yxl-logo {
color: #62a0a9;
    font-family:
        Georgia,
        "Times New Roman",
        serif;
font-size: clamp(38px, 6vw, 62px);
font-weight: bold;
letter-spacing: 3px;
line-height: 1.05;
    text-shadow:
        2px 2px 0 #ffffff,
        4px 4px 0 #dceff0;
}
.yxl-logo-jp {
margin-top: 5px;
color: #a48840;
    font-family:
        Georgia,
        "Times New Roman",
        "Yu Mincho",
        serif;
font-size: 11px;
letter-spacing: 3px;
}
.yxl-intro {
max-width: 690px;
margin-top: 12px;
color: #76695b;
font-size: 13px;
line-height: 1.9;
}
.yxl-intro span {
color: #a48942;
}
/* Header 右侧符号 */
.yxl-header-symbol {
flex: 0 0 140px;
color: #6ba5ad;
font-family: Georgia, serif;
font-size: 56px;
line-height: 1;
text-align: center;
}
.yxl-header-symbol small {
display: block;
margin-top: 11px;
color: #a88c45;
font-family: "Courier New", monospace;
font-size: 9px;
letter-spacing: 2px;
line-height: 1.6;
}
/* =========================================================
   八、顶部导航
   ========================================================= */
.yxl-nav {
width: calc(100% - 24px);
max-width: var(--yxl-width);
margin: 10px auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 6px;
}
.yxl-nav a {
min-width: 88px;
padding: 4px 11px;
background: #fffefa;
border: 2px solid var(--yxl-sky);
border-radius: 6px;
box-shadow: 0 2px 0 #e0f1f2;
color: #609ba3 !important;
    font-family:
        Georgia,
        "Microsoft YaHei",
        serif;
font-size: 11px;
font-weight: bold;
text-align: center;
text-decoration: none !important;
}
/* 导航偶数项黄色交替已取消 —— 全部统一为天空蓝主色 */
.yxl-nav a:hover {
transform: translateY(-2px);
text-decoration: none !important;
color: #987d37 !important;
}
/* =========================================================
   九、主体三栏布局
   ========================================================= */
#main {
width: calc(100% - 24px) !important;
max-width: var(--yxl-width);
margin: 18px auto 30px !important;
padding: 0 !important;
display: grid !important;
    grid-template-columns:
        205px
        minmax(0, 1fr)
        190px;
gap: 14px;
align-items: start;
background: transparent !important;
}
/* =========================================================
   十、文章主体
   ========================================================= */
#mainContent {
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
grid-column: 2;
}
/* =========================================================
   十一、左侧边栏
   ========================================================= */
#sideBar {
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
grid-column: 1;
grid-row: 1;
}
/* =========================================================
   十二、YXL 卡片
   ========================================================= */
.yxl-card {
margin: 0 0 12px;
padding: 10px;
background: rgba(255, 255, 255, 0.97);
border: 2px solid var(--yxl-sky);
border-radius: var(--yxl-radius);
    box-shadow:
        0 3px 12px rgba(70, 130, 140, 0.07);
}
.yxl-card.yellow {
background-color: #fffdf2;
    background-image:
        radial-gradient(
            circle,
            rgba(198, 169, 79, 0.21) 1.4px,
            transparent 1.6px
        );
background-size: 17px 17px;
border-color: var(--yxl-border-yellow);
}
/* =========================================================
   十三、卡片标题
   ========================================================= */
.yxl-card-title {
margin: 0 0 8px;
padding: 5px 6px;
background: var(--yxl-sky-3);
border: 1px dashed #86bbc1;
border-radius: 7px;
color: #60979f;
    font-family:
        Georgia,
        "Microsoft YaHei",
        serif;
font-size: 11px;
font-weight: bold;
text-align: center;
}
.yxl-card.yellow .yxl-card-title {
background: var(--yxl-yellow-2);
border-color: #d8c473;
color: #967b35;
}
/* =========================================================
   十四、Mini Box
   ========================================================= */
.yxl-mini {
padding: 8px;
background: rgba(255, 253, 245, 0.93);
border: 1px dashed #d8c87f;
border-radius: 7px;
color: #82735e;
font-size: 11px;
line-height: 1.8;
}
.yxl-mini.blue {
background: rgba(240, 250, 250, 0.94);
border-color: #a8d4d8;
color: #668e94;
}
/* =========================================================
   十五、博客园默认侧边栏
   ========================================================= */
#sideBarMain > div,
#sideBarMain > .catList,
#sideBarMain > .newsItem,
#sideBarMain > .mySearch {
margin-bottom: 12px;
padding: 10px;
background: rgba(255, 255, 255, 0.96);
border: 2px solid var(--yxl-sky);
border-radius: 12px;
    box-shadow:
        0 3px 10px rgba(70, 130, 140, 0.07);
}
.catListTitle {
margin: 0 0 8px !important;
padding: 5px !important;
background: var(--yxl-yellow-2) !important;
border: 1px dashed #d8c575 !important;
border-radius: 6px;
color: #947a37 !important;
font-size: 11px !important;
text-align: center;
}
/* =========================================================
   十六、博客文章列表
   ========================================================= */
.day {
position: relative;
margin: 0 0 14px;
padding: 17px 19px;
background: rgba(255, 255, 255, 0.97);
border: 2px solid var(--yxl-sky);
border-radius: 14px;
    box-shadow:
        0 4px 14px rgba(80, 145, 155, 0.07);
overflow: hidden;
}
.day::after {
content: "✧";
position: absolute;
top: 5px;
right: 12px;
color: #d8bf63;
font-size: 22px;
}
/* =========================================================
   十七、文章日期
   ========================================================= */
.dayTitle {
display: inline-block;
margin: 0 0 7px !important;
padding: 2px 8px;
background: var(--yxl-yellow-2);
border: 1px dashed #d6c06d;
border-radius: 20px;
color: #997f39;
font-family: Georgia, serif;
font-size: 10px;
}
/* =========================================================
   十八、文章标题
   ========================================================= */
.postTitle {
margin: 3px 0 8px !important;
padding: 0 0 7px !important;
border: 0 !important;
border-bottom: 1px dotted #b8dadd !important;
}
.postTitle a {
color: #5e9ca5 !important;
font-size: 20px;
font-weight: bold;
line-height: 1.5;
text-decoration: none !important;
}
.postTitle a:hover {
color: #9a8039 !important;
}
/* =========================================================
   十九、文章摘要
   ========================================================= */
.postCon {
color: #74695d;
font-size: 13px;
line-height: 1.9;
}
.postDesc {
margin-top: 8px;
color: #a99b8c;
font-size: 10px;
}
/* =========================================================
   二十、文章详情容器
   ========================================================= */
#topics {
width: 100%;
padding: 24px 26px;
background: rgba(255, 255, 255, 0.98);
border: 2px solid var(--yxl-sky);
border-radius: 14px;
    box-shadow:
        0 4px 15px rgba(80, 145, 155, 0.07);
}
/* =========================================================
   二十一、文章详情标题
   ========================================================= */
#cb_post_title_url,
.postTitle2 {
color: #5e9da6 !important;
font-size: clamp(25px, 4vw, 36px) !important;
line-height: 1.45;
text-decoration: none !important;
}
/* =========================================================
   二十二、文章正文
   ========================================================= */
#cnblogs_post_body {
color: #685e53;
font-size: 15px;
line-height: 2;
}
/* 文章标题 */
#cnblogs_post_body h1,
#cnblogs_post_body h2,
#cnblogs_post_body h3 {
margin-top: 26px;
padding-bottom: 6px;
color: #629fa7;
border-bottom: 1px dashed #b7dadc;
}
/* H2 装饰 */
#cnblogs_post_body h2::before {
content: "✿ ";
color: #d2b85e;
}
/* 引用 */
#cnblogs_post_body blockquote {
margin: 17px 0;
padding: 10px 15px;
background: var(--yxl-yellow-2);
border-left: 4px solid #d7c16d;
border-radius: 7px;
color: #7d7058;
}
/* 文章图片 */
#cnblogs_post_body img {
max-width: 100%;
height: auto;
border-radius: 8px;
    box-shadow:
        0 3px 13px rgba(75, 130, 140, 0.10);
}
/* 文章链接 */
#cnblogs_post_body a {
color: #5c9ba4;
border-bottom: 1px dotted #9fc9cd;
}
/* 列表 */
#cnblogs_post_body ul,
#cnblogs_post_body ol {
padding-left: 25px;
}
#cnblogs_post_body li::marker {
color: #c4a94d;
}
/* 表格 */
#cnblogs_post_body table {
width: auto;
max-width: 100%;
border-collapse: collapse;
}
#cnblogs_post_body th,
#cnblogs_post_body td {
padding: 6px 9px;
border: 1px solid #c6dfe1;
}
/* 代码块 */
#cnblogs_post_body pre {
max-width: 100%;
overflow-x: auto;
border: 1px solid #b9dadd !important;
border-radius: 8px !important;
}
/* =========================================================
   二十三、搜索框
   ========================================================= */
input[type="text"],
input[type="search"] {
max-width: 100%;
padding: 6px 8px;
background: #fffefa;
border: 2px solid #c6e2e4;
border-radius: 6px;
color: #71665a;
outline: none;
}
input[type="text"]:focus,
input[type="search"]:focus {
border-color: #91c8ce;
    box-shadow:
        0 0 0 2px #e4f5f6;
}
input[type="button"],
button {
padding: 5px 10px;
background: var(--yxl-yellow-2);
border: 2px solid var(--yxl-border-yellow);
border-radius: 6px;
color: #8f7738;
cursor: pointer;
}
/* =========================================================
   二十四、88x31 Old Web 按钮
   ========================================================= */
.yxl-buttons {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 4px;
}
.yxl-button {
width: 88px;
height: 31px;
padding: 0 4px;
display: inline-flex;
align-items: center;
justify-content: center;
background: linear-gradient(
#ffffff,
#dff4f5
);
border: 2px solid #8fc4c9;
    box-shadow:
        inset 0 0 0 1px #ffffff;
color: #609ba3 !important;
font-family: "Courier New", monospace;
font-size: 9px;
font-weight: bold;
text-align: center;
text-decoration: none !important;
}
.yxl-button:hover {
transform: translateY(-1px);
filter: brightness(1.04);
}
/* =========================================================
   二十五、像素装饰
   ========================================================= */
.yxl-pixel-row {
display: flex;
justify-content: center;
align-items: center;
gap: 7px;
margin: 8px 0;
color: #68a5ad;
font-family: monospace;
font-size: 13px;
}
/* =========================================================
   二十六、分隔线
   ========================================================= */
.yxl-divider {
position: relative;
height: 18px;
margin: 17px 0;
overflow: hidden;
}
.yxl-divider::before {
content: "✿  ─── ✧ ─── ♡ ─── ✧ ─── ✿";
position: absolute;
top: -2px;
left: 0;
right: 0;
color: #75abb2;
font-family: Georgia, serif;
font-size: 12px;
letter-spacing: 2px;
text-align: center;
white-space: nowrap;
}
/* =========================================================
   二十七、状态区域
   ========================================================= */
.yxl-status {
color: #887960;
font-family: "Courier New", monospace;
font-size: 10px;
line-height: 1.9;
text-align: center;
}
.yxl-status-dot {
display: inline-block;
width: 7px;
height: 7px;
margin-right: 4px;
background: #9ccfd3;
border: 1px solid #639ea5;
border-radius: 50%;
}
/* =========================================================
   二十八、右侧区域
   ========================================================= */
.yxl-right {
grid-column: 3;
min-width: 0;
}
/* =========================================================
   二十九、页脚
   ========================================================= */
#footer {
width: calc(100% - 24px);
max-width: var(--yxl-width);
margin: 25px auto 20px !important;
padding: 18px 12px !important;
background: var(--yxl-paper);
border: 2px solid var(--yxl-sky);
border-radius: 14px;
color: #9c9081;
font-size: 10px;
text-align: center;
}
/* =========================================================
   三十、返回顶部
   ========================================================= */
.yxl-top {
position: fixed;
right: 18px;
bottom: 18px;
z-index: 9999;
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
background: #fffdf4;
border: 2px solid var(--yxl-sky);
border-radius: 50%;
    box-shadow:
        0 4px 12px rgba(70, 135, 145, 0.15);
color: #639ca4 !important;
font-family: Georgia, serif;
font-size: 20px;
text-decoration: none !important;
}
.yxl-top:hover {
background: var(--yxl-yellow-2);
transform: translateY(-3px);
}
/* =========================================================
   三十一、博客园默认元素
   ========================================================= */
/* 隐藏博客园统计信息 */
.blogStats {
display: none !important;
}
/* 评论区域 */
#comment_form_container {
margin-top: 20px;
padding: 16px;
background: rgba(255, 255, 255, 0.96);
border: 2px solid var(--yxl-sky);
border-radius: 12px;
}
/* 评论标题 */
.feedback_area_title {
color: #639ca5 !important;
}
/* 评论内容 */
.feedbackItem {
margin-bottom: 10px;
padding: 10px;
background: #fffef8;
border: 1px dashed #d8c87f;
border-radius: 8px;
}
/* =========================================================
   三十二、文字选中效果
   ========================================================= */
::selection {
background: #c6e9ec;
color: #668f94;
}
/* =========================================================
   三十三、文章页专用规则
   =========================================================
   判断方法：
   博客园文章详情页存在 #topics。
   首页不存在 #topics。
   因此使用：
       body:has(#topics)
   作为文章页判断条件。
   好处：
   1. 不需要修改 body
   2. 不需要 JavaScript
   3. 不需要增加额外 class
   4. 首页不会受到影响
   5. 文章页自动识别
   ========================================================= */
/* ---------------------------------------------------------
   33.01 隐藏文章页顶部导航
   --------------------------------------------------------- */
body:has(#topics) .yxl-nav {
display: none !important;
}
/* ---------------------------------------------------------
   33.02 隐藏文章页作者信息
   --------------------------------------------------------- */
body:has(#topics) #author_profile {
display: none !important;
}
body:has(#topics) .author_info {
display: none !important;
}
/* ---------------------------------------------------------
   33.03 隐藏文章页推荐、反对等区域
   --------------------------------------------------------- */
body:has(#topics) #div_digg {
display: none !important;
}
body:has(#topics) .vote {
display: none !important;
}
body:has(#topics) .recommend {
display: none !important;
}
/* ---------------------------------------------------------
   33.04 隐藏文章底部附加信息
   --------------------------------------------------------- */
body:has(#topics) #under_post_news {
display: none !important;
}
body:has(#topics) #under_post_kb {
display: none !important;
}
/* ---------------------------------------------------------
   33.05 隐藏文章页左侧公告栏
   --------------------------------------------------------- */
body:has(#topics) #sideBar {
display: none !important;
}
/* ---------------------------------------------------------
   33.06 隐藏文章页右侧自定义区域
   --------------------------------------------------------- */
body:has(#topics) .yxl-right {
display: none !important;
}
/* ---------------------------------------------------------
   33.07 文章页主区域自动撑满
   --------------------------------------------------------- */
body:has(#topics) #main {
width: calc(100% - 24px) !important;
max-width: var(--yxl-width) !important;
display: grid !important;
    grid-template-columns:
        minmax(0, 1fr) !important;
gap: 0 !important;
}
/* ---------------------------------------------------------
   33.08 文章主体占满
   --------------------------------------------------------- */
body:has(#topics) #mainContent {
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
grid-column: 1 !important;
}
/* ---------------------------------------------------------
   33.09 文章容器占满
   --------------------------------------------------------- */
body:has(#topics) #topics {
width: 100% !important;
max-width: none !important;
}
/* =========================================================
   三十四、文章页返回首页按钮
   ========================================================= */
.yxl-back-home {
width: 88px;
height: 31px;
margin-bottom: 14px;
display: inline-flex;
align-items: center;
justify-content: center;
background: linear-gradient(
#fffdf3,
#ffedaa
);
border: 2px solid #d5be64;
border-radius: 6px;
    box-shadow:
        inset 0 0 0 1px #ffffff;
color: #947c39 !important;
font-family: "Courier New", monospace;
font-size: 9px;
font-weight: bold;
text-decoration: none !important;
    transition:
        transform 0.15s ease,
        filter 0.15s ease,
        background 0.15s ease;
}
.yxl-back-home:hover {
transform: translateY(-1px);
filter: brightness(1.04);
text-decoration: none !important;
}
/* =========================================================
   三十五、电脑端
   ========================================================= */
/* =========================================================
   三十六、平板端
   ========================================================= */
@media screen and (max-width: 1050px) {
    #main {
        grid-template-columns:
            190px
            minmax(0, 1fr);
    }
.yxl-right {
display: none;
    }
/* 文章页 */
body:has(#topics) #main {
width: calc(100% - 24px) !important;
display: grid !important;
        grid-template-columns:
            minmax(0, 1fr) !important;
gap: 0 !important;
    }
body:has(#topics) #mainContent {
width: 100% !important;
grid-column: 1 !important;
    }
}
/* =========================================================
   三十七、手机端
   ========================================================= */
@media screen and (max-width: 760px) {
    .yxl-header,
    .yxl-nav,
    #main,
    #footer {
width: calc(100% - 16px);
    }
/* 普通首页布局 */
#main {
display: flex !important;
flex-direction: column !important;
gap: 10px;
    }
#mainContent {
order: 1;
width: 100% !important;
    }
#sideBar {
order: 2;
width: 100% !important;
    }
/* Header */
.yxl-header-inner {
min-height: 145px;
padding: 24px 18px;
text-align: center;
    }
.yxl-header-symbol {
display: none;
    }
.yxl-logo {
font-size: 39px;
    }
.yxl-intro {
margin: 9px auto 0;
font-size: 12px;
    }
/* 导航 */
.yxl-nav {
gap: 5px;
    }
.yxl-nav a {
flex: 1 1 calc(33.333% - 5px);
min-width: 0;
padding: 5px 3px;
font-size: 9px;
    }
/* -----------------------------------------------------
       文章页手机端
       ----------------------------------------------------- */
body:has(#topics) #main {
width: calc(100% - 16px) !important;
display: block !important;
margin-top: 10px !important;
    }
body:has(#topics) #mainContent {
width: 100% !important;
display: block !important;
    }
body:has(#topics) #topics {
width: 100% !important;
padding: 15px 12px !important;
border-radius: 11px;
    }
}
/* =========================================================
   三十八、小屏手机
   ========================================================= */
@media screen and (max-width: 600px) {
    body {
font-size: 13px;
    }
.yxl-header,
.yxl-nav,
#main,
#footer {
width: calc(100% - 8px) !important;
    }
.yxl-header {
margin-top: 8px;
border-radius: 12px;
    }
.yxl-header-top {
height: 8px;
    }
.yxl-header-inner {
min-height: 125px;
padding: 20px 12px;
    }
.yxl-logo {
font-size: 32px;
letter-spacing: 1px;
    }
.yxl-logo-jp {
font-size: 9px;
letter-spacing: 1px;
    }
.yxl-intro {
font-size: 10px;
line-height: 1.7;
    }
.yxl-nav {
margin: 7px auto;
    }
.day {
padding: 13px;
border-radius: 11px;
    }
.postTitle a {
font-size: 17px;
    }
#topics {
padding: 15px 12px;
border-radius: 11px;
    }
#cnblogs_post_body {
font-size: 14px;
line-height: 1.9;
    }
.yxl-top {
right: 9px;
bottom: 9px;
width: 37px;
height: 37px;
    }
/* 文章页 */
body:has(#topics) #main {
width: calc(100% - 8px) !important;
    }
body:has(#topics) #topics {
padding: 15px 12px !important;
    }
}
/* =========================================================
   三十九、超小屏手机
   ========================================================= */
@media screen and (max-width: 380px) {
    .yxl-logo {
font-size: 28px;
    }
.yxl-nav a {
flex-basis: calc(50% - 4px);
    }
#cnblogs_post_body {
font-size: 13px;
    }
}
/* =========================================================
   全站隐藏个人资料模块（昵称/园龄/粉丝/关注）
   覆盖：首页、文章页、粉丝页、关注页等所有页面
   ========================================================= */
#profile_block {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

/* =========================================================
   隐藏文章底部：刷新页面 / 返回顶部 操作栏
   ========================================================= */
#comment_nav,
.comment_nav,
#comment_form > div[align="right"]:first-child,
#comment_form_container + div[align="right"] {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

/* 兜底：直接隐藏两个文字链接本身 */
a[href="#top"].comment-top,
a[href="javascript:location.reload()"] {
    display: none !important;
}