/* ==========================================================================
   iruo · Minimal Paper Theme for cnblogs  (Custom 皮肤)
   00 变量  01 基础  02 布局  03 页头  04 列表  05 文章  06 代码
   07 侧栏  08 公告  09 评论  10 页脚  11 组件  12 响应式
   ========================================================================== */

/* ---------- 00. 设计变量 ---------- */
:root{
  --rx-bg:#fbfaf7;
  --rx-bg-2:#f4f1e9;
  --rx-surface:#ffffff;
  --rx-ink:#18191b;
  --rx-ink-2:#41444a;
  --rx-muted:#8c877c;
  --rx-line:#e7e2d7;
  --rx-line-2:#d6d0c1;

--rx-accent:#B05923
//  --rx-accent:#a8452c;                       /* 主强调色：朱砂 */
  --rx-accent-soft:rgba(168,69,44,.09);

  --rx-code-bg:#15171a;
  --rx-code-ink:#e8e4db;

  --rx-r-lg:16px;
  --rx-r-md:10px;
  --rx-r-sm:6px;
  --rx-shadow:0 1px 2px rgba(24,25,27,.04), 0 14px 36px -14px rgba(24,25,27,.12);

  --rx-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC","Noto Sans CJK SC",sans-serif;
  --rx-serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Songti SC","Source Han Serif SC","Noto Serif CJK SC","Noto Serif SC",serif;
  --rx-mono:"JetBrains Mono","SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;

  --rx-wrap:1140px;
  --rx-side:296px;
  --rx-gap:64px;

  color-scheme:light;
}

/* 深色模式：未手动切换时跟随系统 */
@media (prefers-color-scheme: dark){
  :root:not([data-rx-theme="light"]){
    --rx-bg:#141517;
    --rx-bg-2:#191b1e;
    --rx-surface:#1b1d20;
    --rx-ink:#eceae4;
    --rx-ink-2:#c2c0b9;
    --rx-muted:#8a877e;
    --rx-line:#2a2c30;
    --rx-line-2:#3a3d42;
    --rx-accent:#d0765b;
    --rx-accent-soft:rgba(208,118,91,.12);
    --rx-code-bg:#0e1012;
    --rx-code-ink:#e8e4db;
    --rx-shadow:0 1px 2px rgba(0,0,0,.3), 0 16px 40px -16px rgba(0,0,0,.6);
    color-scheme:dark;
  }
}
/* 手动切换深色 */
:root[data-rx-theme="dark"]{
  --rx-bg:#141517;
  --rx-bg-2:#191b1e;
  --rx-surface:#1b1d20;
  --rx-ink:#eceae4;
  --rx-ink-2:#c2c0b9;
  --rx-muted:#8a877e;
  --rx-line:#2a2c30;
  --rx-line-2:#3a3d42;
  --rx-accent:#d0765b;
  --rx-accent-soft:rgba(208,118,91,.12);
  --rx-code-bg:#0e1012;
  --rx-code-ink:#e8e4db;
  --rx-shadow:0 1px 2px rgba(0,0,0,.3), 0 16px 40px -16px rgba(0,0,0,.6);
  color-scheme:dark;
}

/* ---------- 01. 基础 ---------- */
*,*::before,*::after{box-sizing:border-box}
html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
  min-height:100%;
  background-color:var(--rx-bg);
  background-image:
    radial-gradient(1100px 620px at 8% -8%, var(--rx-accent-soft), transparent 62%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
  background-repeat:no-repeat,repeat;
  background-size:auto,180px 180px;
}
body{
  margin:0;
  background:transparent;
  color:var(--rx-ink);
  font-family:var(--rx-sans);
  font-size:16px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  overflow-wrap:break-word;
}
a{color:inherit;text-decoration:none;transition:color .2s ease,border-color .2s ease,background-color .2s ease,opacity .2s ease}
a:hover{color:var(--rx-accent)}
img{max-width:100%;height:auto;border-style:none}
::selection{background:var(--rx-accent);color:#fff}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--rx-line-2);border-radius:999px}
::-webkit-scrollbar-thumb:hover{background:var(--rx-muted)}

/* 隐藏博客园全局导航 / 广告 / 推荐位（想保留哪条就删掉哪行） */
#top_nav,
#bannerbar,
#ad_c1,#ad_c2,#ad_t1,#ad_t2,
#cnblogs_c1,#cnblogs_c2,
#under_post_news,#under_post_kb,
#comment_nav,
#sideToolbar,
#divRefreshComments{display:none!important}

/* ---------- 02. 布局 ---------- */
#home{
  width:auto;
  max-width:var(--rx-wrap);
  margin:0 auto;
  padding:0 32px;
  background:none;
  box-shadow:none;
  text-align:left;
}
#main{
  display:grid;
  grid-template-columns:minmax(0,1fr) var(--rx-side);
  column-gap:var(--rx-gap);
  align-items:start;
  width:auto;
  margin:0;
  padding:44px 0 0;
  text-align:left;
}
#mainContent{
  float:none!important;
  width:auto!important;
  min-width:0;
  margin:0;
  padding:0;
  grid-column:1;
  min-height:0;
}
#sideBar{
  float:none!important;
  width:auto!important;
  margin:0;
  padding:0;
  grid-column:2;
  position:sticky;
  top:32px;
  align-self:start;
  font-size:14px;
  line-height:1.7;
}
.inner{width:auto;margin:0}
.clear{clear:both}
#leftcontentcontainer{display:block!important}

/* ---------- 03. 页头 ---------- */
#header{
  position:relative;
  isolation:isolate;
  padding:58px 0 0;
  margin:0;
  clear:none;
  border:0;
}
/* 头图：换图只改下面这一行 url() */
#header::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-28px; left:-32px; right:-32px; bottom:0;
  background-image:url("https://upload.wikimedia.org/wikipedia/commons/thumb/9/96/DFC_2113_Looking_up_through_a_curved_white_spiral_staircase_with_metal_railings_and_soft_natural_light_filtering_from_above.jpg/1600px-DFC_2113_Looking_up_through_a_curved_white_spiral_staircase_with_metal_railings_and_soft_natural_light_filtering_from_above.jpg");
  background-size:cover;
  background-position:center 40%;
  opacity:.14;
  filter:grayscale(.35) contrast(.95);
  -webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.35) 62%,transparent 96%);
          mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.35) 62%,transparent 96%);
  pointer-events:none;
  border-radius:0 0 var(--rx-r-lg) var(--rx-r-lg);
}
#blogLogo,#lnkBlogLogo{display:none!important}
#blogTitle{height:auto;clear:none;display:block}
#blogTitle h1{
  margin:0;
  padding:0;
  font-family:var(--rx-serif);
  font-size:clamp(34px,5.2vw,56px);
  font-weight:600;
  line-height:1.08;
  letter-spacing:-.022em;
}
#blogTitle h1 a{color:var(--rx-ink)!important}
#blogTitle h2{
  float:none;
  margin:14px 0 0;
  font-family:var(--rx-sans);
  font-size:15px;
  font-weight:400;
  line-height:1.6;
  letter-spacing:.02em;
  color:var(--rx-muted);
}

/* 导航条 */
#navigator{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:0 24px;
  height:auto;
  min-height:0;
  margin:34px 0 0;
  padding:0;
  clear:both;
  border-top:1px solid var(--rx-line);
  border-bottom:1px solid var(--rx-line);
}
#navList{
  float:none;
  display:flex;
  flex-wrap:wrap;
  gap:0 34px;
  min-height:0;
  margin:0;
  padding:0;
  list-style:none;
}
#navList li{float:none;margin:0;padding:0;list-style:none}
#navList a{
  position:relative;
  display:inline-block;
  float:none;
  width:auto;
  height:auto;
  padding:15px 0;
  font-size:14px;
  font-weight:400;
  letter-spacing:.02em;
  color:var(--rx-ink-2)!important;
}
#navList a::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-1px;
  height:1px;
  background:var(--rx-ink);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .34s cubic-bezier(.2,.7,.3,1);
}
#navList a:hover{color:var(--rx-ink)!important}
#navList a:hover::after{transform:scaleX(1)}
.blogStats{
  float:none;
  margin:0;
  padding:15px 0;
  font-size:12.5px;
  letter-spacing:.04em;
  color:var(--rx-muted);
  text-align:right;
}

/* ---------- 04. 文章列表 ---------- */
#mainContent .forFlow{float:none;width:auto}
.day{
  position:static;
  min-height:0;
  margin:0;
  padding:36px 0;
  border:0;
  border-bottom:1px solid var(--rx-line);
  word-wrap:break-word;
}
.day:first-child{padding-top:0}
.day:last-child{border-bottom:0}
.day::after,.entrylistItem::after{display:none!important}

.dayTitle{
  position:static;
  display:block;
  width:auto;
  height:auto;
  margin:0 0 12px;
  padding:0;
  clear:none;
  border:0;
  border-radius:0;
  background:none;
  font-family:var(--rx-sans);
  font-size:12px;
  line-height:1.5;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--rx-muted);
}
.dayTitle a{display:inline;width:auto;margin:0;color:inherit!important}

.postTitle{
  float:none!important;
  clear:none;
  width:auto;
  margin:0;
  padding:0;
  font-size:inherit;
}
.postTitle a,
.postTitle a:link,
.postTitle a:visited{
  display:inline;
  font-family:var(--rx-serif);
  font-size:clamp(21px,2.4vw,28px);
  font-weight:600;
  line-height:1.36;
  letter-spacing:-.015em;
  color:var(--rx-ink)!important;
  text-decoration:none;
  background:none;
  text-shadow:none;
  border:0;
}
.postTitle a:hover{color:var(--rx-accent)!important}
.postSticky{
  position:static;
  display:inline-block;
  margin:0 0 0 8px;
  padding:1px 8px;
  border-radius:999px;
  background:var(--rx-accent-soft);
  color:var(--rx-accent);
  font-size:11px;
  letter-spacing:.06em;
  vertical-align:middle;
}

.postCon,
.c_b_p_desc{
  float:none;
  clear:none;
  width:auto;
  margin:0;
  padding:14px 0 0;
  font-family:var(--rx-sans);
  font-size:15.5px;
  line-height:1.8;
  color:var(--rx-ink-2);
  text-align:left;
}
.c_b_p_desc_img{float:none;width:auto}
.c_b_p_desc_readmore{
  display:inline-block;
  width:auto;
  margin-top:12px;
  padding:0 0 2px;
  border:0;
  border-bottom:1px solid var(--rx-line-2);
  border-radius:0;
  background:none;
  font-size:13.5px;
  font-weight:500;
  letter-spacing:.02em;
  color:var(--rx-ink)!important;
}
.c_b_p_desc_readmore:hover{color:var(--rx-accent)!important;border-bottom-color:var(--rx-accent)}

.postDesc{
  float:none;
  display:block!important;
  clear:none;
  margin:14px 0 0;
  padding:0;
  font-family:var(--rx-sans);
  font-size:12.8px;
  line-height:1.9;
  letter-spacing:.03em;
  color:var(--rx-muted)!important;
  background:none;
  text-align:left;
}
.postDesc a,.postDesc a:link,.postDesc a:visited{color:var(--rx-muted)!important}
.postDesc a:hover{color:var(--rx-accent)!important}
.postSeparator{display:none!important}

/* 分页 */
.pager,#nav_next_page{
  margin:52px 0 0;
  padding:0;
  font-size:13px;
  text-align:center;
  color:var(--rx-muted);
}
.pager a,#nav_next_page a{
  display:inline-block;
  min-width:0;
  margin:0 3px;
  padding:7px 14px;
  border:1px solid var(--rx-line);
  border-radius:999px;
  background:var(--rx-surface);
  color:var(--rx-muted)!important;
  text-decoration:none;
  transition:all .2s ease;
}
.pager a:hover,#nav_next_page a:hover{
  border-color:var(--rx-ink);
  background:var(--rx-bg-2);
  color:var(--rx-ink)!important;
}

/* ---------- 05. 文章页 ---------- */
#topics{
  float:none;
  width:auto;
  min-height:0;
  margin:0;
  padding:0;
  font-family:var(--rx-sans);
}
#topics .postTitle{
  float:none;
  width:auto;
  margin:0 0 6px;
  padding:0;
  border:0;
  font-family:var(--rx-serif);
  font-size:clamp(27px,3.4vw,38px);
  font-weight:600;
  line-height:1.3;
  letter-spacing:-.02em;
  color:var(--rx-ink);
}
#topics .postTitle a{font-size:inherit;letter-spacing:inherit;color:var(--rx-ink)!important}
#topics .postDesc{margin:10px 0 0}
.postBody{font-family:var(--rx-sans)}

#cnblogs_post_body{
  margin:40px 0 0;
  font-size:17px;
  line-height:1.92;
  letter-spacing:.012em;
  color:var(--rx-ink-2);
}
#cnblogs_post_body>*:first-child{margin-top:0}
#cnblogs_post_body p{margin:0 0 1.45em}
#cnblogs_post_body h1,
#cnblogs_post_body h2,
#cnblogs_post_body h3,
#cnblogs_post_body h4,
#cnblogs_post_body h5{
  margin:2.1em 0 .75em;
  font-family:var(--rx-serif);
  font-weight:600;
  line-height:1.42;
  letter-spacing:-.012em;
  color:var(--rx-ink);
  scroll-margin-top:24px;
}
#cnblogs_post_body h1{font-size:30px}
#cnblogs_post_body h2{font-size:26px}
#cnblogs_post_body h2::before{
  content:"";
  display:block;
  width:26px;
  height:2px;
  margin:0 0 16px;
  border-radius:2px;
  background:var(--rx-accent);
}
#cnblogs_post_body h3{font-size:21px}
#cnblogs_post_body h4{font-size:18px}
#cnblogs_post_body h5{font-size:16px}
#cnblogs_post_body a{
  color:var(--rx-accent);
  border-bottom:1px solid var(--rx-accent-soft);
}
#cnblogs_post_body a:hover{border-bottom-color:var(--rx-accent)}
#cnblogs_post_body ul,
#cnblogs_post_body ol{margin:0 0 1.45em;padding-left:1.45em}
#cnblogs_post_body li{margin:.42em 0}
#cnblogs_post_body li::marker{color:var(--rx-muted)}
#cnblogs_post_body blockquote{
  margin:1.9em 0;
  padding:16px 22px;
  border-left:2px solid var(--rx-accent);
  border-radius:0 var(--rx-r-md) var(--rx-r-md) 0;
  background:var(--rx-bg-2);
  color:var(--rx-ink-2);
}
#cnblogs_post_body blockquote p:last-child{margin-bottom:0}
#cnblogs_post_body img{
  display:block;
  margin:2em auto;
  border:1px solid var(--rx-line);
  border-radius:var(--rx-r-md);
  box-shadow:var(--rx-shadow);
}
#cnblogs_post_body hr{
  height:1px;
  margin:3em auto;
  width:64%;
  border:0;
  background:var(--rx-line);
}
#cnblogs_post_body table{
  width:100%;
  margin:1.7em 0;
  border-collapse:collapse;
  font-size:15px;
  line-height:1.7;
}
#cnblogs_post_body th,
#cnblogs_post_body td{
  padding:10px 14px;
  border:1px solid var(--rx-line);
  text-align:left;
}
#cnblogs_post_body th{
  background:var(--rx-bg-2);
  color:var(--rx-ink);
  font-weight:600;
}
#cnblogs_post_body figcaption,
#cnblogs_post_body .image-caption{
  margin-top:-1.2em;
  color:var(--rx-muted);
  font-size:13px;
  text-align:center;
}

/* 分类 / 标签 */
#BlogPostCategory,#EntryTag{
  margin:26px 0 0;
  font-size:12.5px;
  color:var(--rx-muted);
}
#BlogPostCategory a,#EntryTag a{
  display:inline-block;
  height:auto!important;
  margin:0 6px 6px 0;
  padding:3px 11px;
  border:1px solid var(--rx-line);
  border-radius:999px;
  background:var(--rx-surface)!important;
  color:var(--rx-ink-2)!important;
  font-size:12px!important;
  line-height:1.75!important;
  text-decoration:none;
}
#BlogPostCategory a:hover,#EntryTag a:hover{
  border-color:var(--rx-accent);
  color:var(--rx-accent)!important;
  opacity:1;
}

/* 上一篇 / 下一篇 */
#post_next_prev{
  display:flex;
  flex-wrap:wrap;
  gap:8px 24px;
  margin:48px 0 0;
  padding:20px 0 0;
  border-top:1px solid var(--rx-line);
  font-size:13.5px;
  color:var(--rx-muted);
}
#post_next_prev a{color:var(--rx-ink-2)}
#post_next_prev a:hover{color:var(--rx-accent)}

/* 推荐 / 关注 按钮组 */
#blog_post_info{margin:40px 0 0}
#green_channel{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:22px 0;
  border:0;
  border-top:1px solid var(--rx-line);
  border-bottom:0;
  text-align:left;
}
#green_channel a,
#green_channel a:link,
#green_channel a:visited{
  display:inline-block;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:7px 16px!important;
  border:1px solid var(--rx-line)!important;
  border-radius:999px!important;
  background:none!important;
  box-shadow:none!important;
  color:var(--rx-ink-2)!important;
  font-size:13px!important;
  line-height:1.6!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
  text-shadow:none!important;
}
#green_channel a:hover{
  border-color:var(--rx-ink)!important;
  color:var(--rx-ink)!important;
  transform:none!important;
}
#div_digg{
  float:none;
  width:auto;
  margin:0;
  padding:0 0 6px;
  text-align:left;
  font-size:13px;
}
#div_digg .diggit,
#div_digg .buryit{
  display:inline-block;
  margin-right:10px;
  padding:8px 16px;
  border:1px solid var(--rx-line);
  border-radius:var(--rx-r-md);
  background:var(--rx-surface);
  color:var(--rx-ink-2);
  cursor:pointer;
}
#div_digg .diggit:hover{border-color:var(--rx-accent);color:var(--rx-accent)}
#div_digg .diggnum{color:var(--rx-accent);font-weight:600}

/* ---------- 06. 代码 ---------- */
#cnblogs_post_body code{
  padding:2px 6px;
  border:0;
  border-radius:var(--rx-r-sm);
  background:var(--rx-accent-soft);
  color:var(--rx-accent);
  font-family:var(--rx-mono);
  font-size:.88em;
}
#cnblogs_post_body pre,
#cnblogs_post_body .cnblogs_code,
.cnblogs_code,
.code-box,
.code-pre-line{
  margin:1.9em 0!important;
  padding:20px 22px!important;
  border:0!important;
  border-radius:var(--rx-r-md)!important;
  background:var(--rx-code-bg)!important;
  color:var(--rx-code-ink)!important;
  font-family:var(--rx-mono)!important;
  font-size:13.5px!important;
  line-height:1.75!important;
  overflow:auto;
  box-shadow:var(--rx-shadow);
}
#cnblogs_post_body pre code,
.cnblogs_code pre,
.cnblogs_code pre code{
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  color:inherit!important;
  font-size:inherit!important;
  box-shadow:none!important;
}
.cnblogs_code{margin:1.9em 0!important;padding:20px 22px!important}
.cnblogs_code pre{overflow:visible}
.cnblogs_code .cnblogs_code_toolbar{background:transparent!important}
.cnblogs_code_collapse{
  border:0;
  background:none;
  color:var(--rx-code-ink);
  font-family:var(--rx-mono)!important;
  font-size:12px;
  opacity:.7;
}
.cnblogs_code div{background:transparent!important}
pre .line-numbers-rows{color:rgba(255,255,255,.28)}

/* ---------- 07. 侧边栏 ---------- */
#sideBarMain{padding:0}
#blog-calendar,
#calendar,
table#blogCalendar{display:none!important}

#sideBar .catListView,
#sideBar .catList,
#sideBar .newsItem,
#sideBar .mySearch,
#sideBar .catListTag,
#sideBar .catListPostCategory,
#sideBar .catListComment,
#sideBar .catListFeedback,
#sideBar #profile_block{
  margin:0 0 34px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
}
.catListTitle,
#sideBarMain h3{
  margin:0 0 14px!important;
  padding:0 0 10px!important;
  border-bottom:1px solid var(--rx-line);
  background:none!important;
  font-family:var(--rx-sans)!important;
  font-size:11.5px!important;
  font-weight:600!important;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--rx-muted)!important;
}
#sideBar ul,#sideBar li{list-style:none;margin:0;padding:0}
#sideBar li{padding:4px 0;line-height:1.65}
#sideBar a{color:var(--rx-ink-2);font-size:14px;text-decoration:none}
#sideBar a:hover{color:var(--rx-accent);text-decoration:none}
#sideBar .catListTag li,
#sideBar .catListPostCategory li,
#sideBar .catListPostArchive li{display:inline-block;margin:0 6px 6px 0;padding:0}
#sideBar .catListTag a,
#sideBar .catListPostCategory a{
  display:inline-block;
  padding:4px 11px;
  border:1px solid var(--rx-line);
  border-radius:999px;
  background:var(--rx-surface);
  font-size:12.5px;
}
#sideBar .catListTag a:hover,
#sideBar .catListPostCategory a:hover{border-color:var(--rx-accent);color:var(--rx-accent)}

/* 侧栏搜索框 */
#sb_widget_my_zzk{position:relative;width:100%}
#sb_widget_my_zzk input[type="text"],
.input_my_zzk{
  width:100%!important;
  padding:11px 16px!important;
  border:1px solid var(--rx-line)!important;
  border-radius:999px!important;
  background:var(--rx-surface)!important;
  color:var(--rx-ink)!important;
  font-family:var(--rx-sans);
  font-size:13.5px!important;
  outline:none;
  box-shadow:none!important;
  transition:border-color .2s ease,box-shadow .2s ease;
}
#sb_widget_my_zzk input[type="text"]:focus,
.input_my_zzk:focus{
  border-color:var(--rx-line-2)!important;
  box-shadow:0 0 0 3px var(--rx-accent-soft)!important;
}
.btn_my_zzk{
  position:absolute;
  top:50%;
  right:6px;
  width:32px;
  height:32px;
  transform:translateY(-50%);
  border:0;
  border-radius:50%;
  background:var(--rx-ink);
  color:var(--rx-bg);
  font-size:0;
  cursor:pointer;
  opacity:.9;
}
.btn_my_zzk::after{content:"→";font-size:14px}
.btn_my_zzk:hover{opacity:1}

/* 侧栏档案 */
#profile_block{font-size:13.5px;color:var(--rx-muted);line-height:1.85}
#profile_block a{color:var(--rx-ink-2)}
#profile_block a:hover{color:var(--rx-accent)}
#profile_block img{display:none}

/* ---------- 08. 公告名片 ---------- */
.rx-ann{
  padding:22px 20px;
  border:1px solid var(--rx-line);
  border-radius:var(--rx-r-lg);
  background:linear-gradient(180deg,var(--rx-surface),var(--rx-bg-2));
  box-shadow:var(--rx-shadow);
  font-family:var(--rx-sans);
  font-size:14px;
}
.rx-ann__head{display:flex;align-items:center;gap:14px}
.rx-ann__avatar{
  flex:0 0 46px;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:50%;
  background:var(--rx-ink);
  color:var(--rx-bg);
  font-family:var(--rx-serif);
  font-size:21px;
  font-weight:600;
  line-height:1;
}
.rx-ann__avatar img{width:100%;height:100%;margin:0;border:0;border-radius:50%;object-fit:cover}
.rx-ann__name{font-family:var(--rx-serif);font-size:16px;font-weight:600;line-height:1.3;color:var(--rx-ink)}
.rx-ann__bio{margin-top:3px;font-size:12.5px;letter-spacing:.02em;color:var(--rx-muted)}
.rx-ann__text{margin:16px 0 0;font-size:13.5px;line-height:1.85;color:var(--rx-ink-2)}
.rx-ann__links{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 14px;
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid var(--rx-line);
  font-size:12.5px;
}
.rx-ann__links a{color:var(--rx-ink-2)}
.rx-ann__links a:hover{color:var(--rx-accent)}
.rx-ann__theme{
  margin-left:auto;
  padding:3px 10px;
  border:1px solid var(--rx-line);
  border-radius:999px;
  background:none;
  color:var(--rx-muted);
  font-family:var(--rx-sans);
  font-size:11.5px;
  letter-spacing:.04em;
  cursor:pointer;
  transition:all .2s ease;
}
.rx-ann__theme:hover{border-color:var(--rx-ink);color:var(--rx-ink)}

/* ---------- 09. 评论 ---------- */
#comment_form_container,#commentform_title,.feedback_area_title{font-family:var(--rx-sans)}
.feedback_area_title,#commentform_title{
  margin:56px 0 22px!important;
  padding:0 0 12px!important;
  border:0;
  border-bottom:1px solid var(--rx-line);
  background:none!important;
  font-size:11.5px!important;
  font-weight:600!important;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--rx-muted)!important;
}
.feedbackItem{padding:20px 0;border-bottom:1px solid var(--rx-line)}
.feedbackItem:last-child{border-bottom:0}
.feedbackListSubtitle{
  align-items:center;
  border:0!important;
  background:none!important;
  color:var(--rx-muted);
  font-size:13px;
}
.feedbackListSubtitle a{color:var(--rx-ink-2)!important;font-weight:500!important}
.feedbackListSubtitle a:hover{color:var(--rx-accent)!important}
.feedbackListSubtitle b{color:var(--rx-accent)!important}
.feedbackListSubtitle:before,
.feedbackListSubtitle:after,
.feedbackListSubtitle-louzhu:after{display:none!important}
.feedbackAvatar img{width:34px;height:34px;padding:0;border:1px solid var(--rx-line);border-radius:50%}
.feedbackCon{padding:12px 16px;border:0;border-radius:var(--rx-r-md);background:var(--rx-bg-2);color:var(--rx-ink-2);font-size:14px;line-height:1.8}
.feedbackCon img{max-width:100%;border-radius:var(--rx-r-sm)}
.comment_btn,
#btn_comment_submit,
#AjaxHolder_PostComment_btnSubmit{
  height:auto!important;
  padding:10px 24px!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--rx-ink)!important;
  color:var(--rx-bg)!important;
  font-family:var(--rx-sans);
  font-size:13px!important;
  letter-spacing:.04em;
  cursor:pointer;
  transition:opacity .2s ease;
}
.comment_btn:hover,
#btn_comment_submit:hover,
#AjaxHolder_PostComment_btnSubmit:hover{opacity:.82;background:var(--rx-ink)!important}
#comment_form_container .comment_textarea,
#comment_form_container textarea,
#tbCommentBody,
#comment_form_container input[type="text"],
#comment_form_container .author{
  width:100%!important;
  max-width:100%;
  min-height:auto;
  padding:12px 14px!important;
  border:1px solid var(--rx-line)!important;
  border-radius:var(--rx-r-md)!important;
  background:var(--rx-surface)!important;
  color:var(--rx-ink)!important;
  font-family:var(--rx-sans)!important;
  font-size:14px!important;
  line-height:1.7;
  outline:none;
  box-shadow:none!important;
}
#comment_form_container .comment_textarea{min-height:200px}
#comment_form_container .comment_textarea:focus,
#comment_form_container textarea:focus,
#tbCommentBody:focus,
#comment_form_container input[type="text"]:focus{
  border-color:var(--rx-line-2)!important;
  box-shadow:0 0 0 3px var(--rx-accent-soft)!important;
}
.commentbox_tab.active,.commentbox_tab:hover{color:var(--rx-accent)!important;border-bottom-color:var(--rx-accent)}

/* ---------- 10. 页脚 ---------- */
#footer{
  margin:0;
  padding:0;
  border:0;
  background:none;
  font-family:var(--rx-sans);
  font-size:12.5px;
  line-height:1.9;
  letter-spacing:.04em;
  color:var(--rx-muted);
  text-align:center;
}
#footer #poweredby{
  max-width:var(--rx-wrap);
  margin:0 auto;
  padding:0 32px 56px;
  border:0;
  background:none;
  color:var(--rx-muted);
  font-size:12.5px;
  text-align:center;
}
#footer a{color:var(--rx-muted)}
#footer a:hover{color:var(--rx-accent)}
#footer .footer-t1,
#footer .footer-box,
#footer .footer-image{display:none!important}

/* 自定义页脚 */
.rx-foot{
  width:100%;
  max-width:var(--rx-wrap);
  margin:0 auto;
  padding:0 32px 28px;
}
.rx-foot__inner{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:14px 32px;
  padding:40px 0 0;
  border-top:1px solid var(--rx-line);
  font-size:12.5px;
  line-height:1.9;
  letter-spacing:.04em;
  color:var(--rx-muted);
}
.rx-foot__brand{
  font-family:var(--rx-serif);
  font-size:15px;
  font-weight:600;
  letter-spacing:0;
  color:var(--rx-ink);
}
.rx-foot__links{display:flex;flex-wrap:wrap;gap:6px 20px}
.rx-foot__links a{color:var(--rx-muted)}
.rx-foot__links a:hover{color:var(--rx-accent)}
.rx-foot__meta{
  max-width:var(--rx-wrap);
  margin:0 auto;
  padding:18px 32px 0;
  border-top:1px solid var(--rx-line);
  font-size:11.5px;
  letter-spacing:.06em;
  color:var(--rx-muted);
  opacity:.75;
}

/* ---------- 11. 组件：进度条 / 返回顶部 / 入场 ---------- */
.rx-progress{
  position:fixed;
  top:0; left:0;
  z-index:9999;
  width:100%;
  height:2px;
  background:var(--rx-accent);
  transform:scaleX(0);
  transform-origin:0 50%;
  will-change:transform;
  pointer-events:none;
  transition:transform .1s linear;
}
.rx-top{
  position:fixed;
  right:26px;
  bottom:26px;
  z-index:9998;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid var(--rx-line);
  border-radius:50%;
  background:var(--rx-surface);
  color:var(--rx-ink-2);
  font-size:15px;
  line-height:1;
  cursor:pointer;
  box-shadow:var(--rx-shadow);
  opacity:0;
  transform:translateY(10px);
  pointer-events:none;
  transition:opacity .3s ease,transform .3s ease,background .2s ease,color .2s ease;
}
.rx-top.is-on{opacity:1;transform:none;pointer-events:auto}
.rx-top:hover{background:var(--rx-ink);border-color:var(--rx-ink);color:var(--rx-bg)}

.rx-js #header,
.rx-js #mainContent,
.rx-js #sideBar{animation:rx-in .7s cubic-bezier(.2,.7,.3,1) both}
.rx-js #sideBar{animation-delay:.09s}
@keyframes rx-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* ---------- 12. 响应式 ---------- */
@media (max-width:1024px){
  #main{grid-template-columns:minmax(0,1fr);row-gap:0;padding-top:36px}
  #mainContent{grid-column:1}
  #sideBar{
    grid-column:1;
    position:static;
    margin-top:56px;
    padding-top:40px;
    border-top:1px solid var(--rx-line);
  }
  .rx-ann,#sideBar .catListView{max-width:none}
}
@media (max-width:720px){
  #home{padding:0 20px}
  #header{padding-top:38px}
  #header::before{left:-20px;right:-20px;top:-18px}
  #blogTitle h1{font-size:34px}
  #navigator{gap:0}
  #navList{gap:0 22px}
  #navList a{padding:12px 0;font-size:13.5px}
  .blogStats{display:none}
  #main{padding-top:28px}
  .day{padding:28px 0}
  #cnblogs_post_body{font-size:16px;line-height:1.88;margin-top:32px}
  #cnblogs_post_body h2{font-size:22px}
  #cnblogs_post_body h3{font-size:19px}
  #cnblogs_post_body pre,
  .cnblogs_code,
  .code-box{padding:16px 14px!important;font-size:12.5px!important;border-radius:var(--rx-r-md)!important}
  .pager,#nav_next_page{margin-top:40px}
  .rx-foot,.rx-foot__meta,#footer #poweredby{padding-left:20px;padding-right:20px}
  .rx-top{right:16px;bottom:16px;width:36px;height:36px}
  .rx-foot__inner{flex-direction:column}
}