/* =============================================================
   NEON.LOG — 博客园科技像素主题
   建议皮肤：Custom；建议勾选「禁用模板默认 CSS」
   主题变量：想换色只需修改下面这一组变量
   ============================================================= */
:root {
  --px-bg: #05080d;
  --px-bg-soft: #09111a;
  --px-panel: #0b141d;
  --px-panel-2: #101d28;
  --px-line: #1b3441;
  --px-cyan: #4dfcff;
  --px-green: #a8ff60;
  --px-pink: #ff4fd8;
  --px-yellow: #ffe66d;
  --px-text: #e7fbf8;
  --px-muted: #9abcc0;
  --px-danger: #ff6b7a;
  --px-font: "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", "Microsoft YaHei", monospace;
  --px-body-font: "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
  --px-shadow: 6px 6px 0 #020406;
  --px-max: 1180px;
}

* { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  scrollbar-color: var(--px-cyan) var(--px-bg);
  scrollbar-width: thin;
}

body {
  min-width: 0 !important;
  margin: 0;
  color: var(--px-text);
  background:
    radial-gradient(circle at 15% 10%, rgba(77, 252, 255, .08), transparent 25rem),
    radial-gradient(circle at 85% 30%, rgba(255, 79, 216, .06), transparent 24rem),
    linear-gradient(rgba(77, 252, 255, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(77, 252, 255, .025) 1px, transparent 1px),
    var(--px-bg);
  background-size: auto, auto, 24px 24px, 24px 24px, auto;
  font: 16px/1.85 var(--px-body-font);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  overflow-wrap: anywhere;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 9998;
  pointer-events: none;
  opacity: .06;
  background: repeating-linear-gradient(0deg, transparent 0 3px, rgba(0, 0, 0, .28) 3px 4px);
}

::selection { color: var(--px-bg); background: var(--px-green); }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--px-bg); }
::-webkit-scrollbar-thumb { background: var(--px-cyan); border: 2px solid var(--px-bg); }

a { color: var(--px-cyan); text-decoration: none; }
a:hover { color: var(--px-green); text-shadow: 0 0 10px rgba(168, 255, 96, .65); }
img { max-width: 100%; height: auto; image-rendering: auto; }

/* 隐藏模板原页首和原页脚，使用自定义组件 */
#header, #footer { display: none !important; }

#home {
  width: min(var(--px-max), calc(100% - 40px)) !important;
  min-width: 0 !important;
  margin: 30px auto 56px !important;
  padding: 0 !important;
  background: transparent !important;
}

#main {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 28px;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--px-text) !important;
  background: transparent !important;
}

#mainContent {
  float: none !important;
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--px-text) !important;
  background: transparent !important;
}

#mainContent .forFlow { margin: 0 !important; background: transparent !important; }

#sideBar {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* 清除 BlackLowKey 等内置皮肤残留的白底 */
#blog_post_info,
#blog_post_info_block,
#author_profile,
#under_post_card1,
#under_post_card2,
#cnblogs_ch,
#green_channel,
#comment_nav,
.postDesc,
.postDesc2,
.entrylistItemPostDesc {
  color: var(--px-muted) !important;
  background: transparent !important;
}

#under_post_card1,
#under_post_card2 {
  margin-top: 18px !important;
  border-color: var(--px-line) !important;
}

/* HUD、像素组件继续使用等宽字体，正文改用更清晰的中文 UI 字体 */
.pixel-hero,
.pixel-profile__topline,
.pixel-profile__name,
.pixel-profile__role,
.pixel-stats,
.pixel-social,
.pixel-command,
.pixel-site-footer,
#pixel-backtop,
.catListTitle,
#blog-sidecolumn h3 {
  font-family: var(--px-font);
}

/* 页首视觉层 */
.pixel-fx { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
.pixel-fx__grid {
  position: absolute;
  left: 50%; bottom: -30vh;
  width: 140vw; height: 70vh;
  transform: translateX(-50%) perspective(350px) rotateX(58deg);
  transform-origin: center bottom;
  background-image:
    linear-gradient(rgba(77, 252, 255, .16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(77, 252, 255, .16) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(to top, #000 20%, transparent 82%);
}
.pixel-fx__scanline {
  position: absolute; left: 0; right: 0; top: -12px; height: 2px;
  background: rgba(77, 252, 255, .22);
  box-shadow: 0 0 16px rgba(77, 252, 255, .5);
  animation: pixel-scan 9s linear infinite;
}

#pixel-progress {
  position: fixed; inset: 0 0 auto; z-index: 9999;
  height: 3px; background: rgba(77, 252, 255, .08);
}
#pixel-progress span {
  display: block; width: 0; height: 100%;
  background: linear-gradient(90deg, var(--px-cyan), var(--px-green), var(--px-pink));
  box-shadow: 0 0 12px var(--px-cyan);
}

.pixel-skip {
  position: fixed; z-index: 10000; left: 12px; top: -60px;
  padding: 8px 12px; color: var(--px-bg); background: var(--px-green);
  border: 2px solid #fff;
}
.pixel-skip:focus { top: 12px; }

.pixel-hero {
  position: relative;
  width: min(var(--px-max), calc(100% - 40px));
  min-height: 320px;
  margin: 28px auto 34px;
  border: 2px solid var(--px-cyan);
  background:
    linear-gradient(135deg, rgba(77, 252, 255, .08), transparent 42%),
    linear-gradient(315deg, rgba(255, 79, 216, .07), transparent 34%),
    var(--px-panel);
  box-shadow: var(--px-shadow), inset 0 0 40px rgba(77, 252, 255, .045);
  clip-path: polygon(0 16px, 16px 16px, 16px 0, calc(100% - 16px) 0, calc(100% - 16px) 16px, 100% 16px, 100% calc(100% - 16px), calc(100% - 16px) calc(100% - 16px), calc(100% - 16px) 100%, 16px 100%, 16px calc(100% - 16px), 0 calc(100% - 16px));
}
.pixel-hero::before {
  content: "";
  position: absolute; inset: 44px 0 auto; height: 1px;
  background: linear-gradient(90deg, transparent, var(--px-line) 10% 90%, transparent);
}
.pixel-hero__hud {
  display: flex; justify-content: space-between; gap: 16px;
  padding: 10px 22px;
  color: var(--px-muted); font-size: 11px; letter-spacing: .12em;
}
.pixel-led {
  display: inline-block; width: 7px; height: 7px; margin-right: 7px;
  background: var(--px-green); box-shadow: 0 0 8px var(--px-green);
  animation: pixel-blink 2s steps(2, end) infinite;
}
.pixel-hero__content { padding: 52px 8% 42px; }
.pixel-hero__eyebrow { margin: 0 0 4px; color: var(--px-pink); font-size: 12px; letter-spacing: .18em; }
.pixel-hero__title {
  position: relative; width: max-content; max-width: 100%;
  margin: 0; color: var(--px-text); font-size: clamp(44px, 9vw, 92px); line-height: 1;
  letter-spacing: -.07em; text-shadow: 4px 4px 0 rgba(77, 252, 255, .18);
}
.pixel-hero__title::before,
.pixel-hero__title::after {
  content: attr(data-text); position: absolute; inset: 0; pointer-events: none;
  opacity: .65; overflow: hidden;
}
.pixel-hero__title::before { color: var(--px-cyan); transform: translate(3px, 0); clip-path: inset(14% 0 58%); }
.pixel-hero__title::after { color: var(--px-pink); transform: translate(-3px, 0); clip-path: inset(62% 0 12%); }
.pixel-hero__subtitle { margin: 18px 0 0; color: var(--px-muted); font-size: clamp(13px, 2vw, 16px); }
.pixel-hero__subtitle > span { color: var(--px-green); }
.pixel-nav {
  display: flex; flex-wrap: wrap;
  border-top: 1px solid var(--px-line);
  background: rgba(5, 8, 13, .7);
}
.pixel-nav a {
  flex: 1 1 140px; padding: 12px 18px;
  border-right: 1px solid var(--px-line);
  color: var(--px-muted); text-align: center; font-size: 12px; letter-spacing: .08em;
}
.pixel-nav a:last-child { border-right: 0; }
.pixel-nav a:hover { color: var(--px-bg); background: var(--px-cyan); text-shadow: none; }
.pixel-hero__corner { position: absolute; width: 16px; height: 16px; border-color: var(--px-green); }
.pixel-hero__corner--tl { top: 8px; left: 8px; border-top: 3px solid; border-left: 3px solid; }
.pixel-hero__corner--tr { top: 8px; right: 8px; border-top: 3px solid; border-right: 3px solid; }
.pixel-hero__corner--bl { bottom: 8px; left: 8px; border-bottom: 3px solid; border-left: 3px solid; }
.pixel-hero__corner--br { right: 8px; bottom: 8px; border-right: 3px solid; border-bottom: 3px solid; }

/* 内容卡片 */
.day,
.post,
.entrylistItem,
#topics,
.feedbackItem,
#comment_form,
.blog-comment-form,
.pixel-profile,
#sideBar > div:not(#blog-sidecolumn),
#blog-sidecolumn > div {
  position: relative;
  margin: 0 0 24px !important;
  padding: 24px !important;
  border: 1px solid var(--px-line) !important;
  border-left: 3px solid var(--px-cyan) !important;
  border-radius: 0 !important;
  background: rgba(11, 20, 29, .94) !important;
  box-shadow: 4px 4px 0 #020406 !important;
}
.day::before,
.post::before,
.entrylistItem::before,
#topics::before,
.pixel-profile::before {
  content: ""; position: absolute; top: -1px; right: -1px;
  width: 20px; height: 6px; background: var(--px-cyan);
}
.day:hover,
.post:hover,
.entrylistItem:hover { border-color: var(--px-cyan) !important; transform: translate(-2px, -2px); }

.dayTitle,
.postTitle,
.entrylistPosttitle,
.postTitl2,
#topics .postTitle {
  margin: 0 0 14px !important; padding: 0 0 12px !important;
  border-bottom: 1px dashed var(--px-line) !important;
  font-size: clamp(19px, 3vw, 25px) !important; line-height: 1.45 !important;
}
.dayTitle { color: var(--px-green) !important; font-size: 12px !important; letter-spacing: .12em; }
.postTitle a,
.entrylistPosttitle a,
.postTitl2 a { color: var(--px-text) !important; }
.postTitle a::before,
.entrylistPosttitle a::before { content: "// "; color: var(--px-pink); }
.postTitle a:hover,
.entrylistPosttitle a:hover { color: var(--px-cyan) !important; }

.postCon,
.postBody,
.blogpost-body,
.c_b_p_desc,
.entrylistPostSummary {
  color: #d9efed !important;
  font-family: var(--px-body-font) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.9 !important;
}
.postCon p,
.postBody p,
.blogpost-body p { margin: 1em 0; }
.postBody li,
.blogpost-body li { margin: .35em 0; }
.postBody strong,
.blogpost-body strong { color: var(--px-text); font-weight: 700; }
.postBody :not(pre):not(code)[style*="color"],
.blogpost-body :not(pre):not(code)[style*="color"] { color: inherit !important; }
.postDesc,
.entrylistItemPostDesc,
.postDesc2 { margin-top: 18px !important; color: var(--px-muted) !important; font-size: 12px !important; }
.postDesc::before,
.entrylistItemPostDesc::before { content: "META > "; color: var(--px-green); }

.postBody h1, .blogpost-body h1,
.postBody h2, .blogpost-body h2,
.postBody h3, .blogpost-body h3,
.postBody h4, .blogpost-body h4 {
  position: relative; margin: 1.7em 0 .8em; color: var(--px-text); line-height: 1.45;
}
.postBody h1, .blogpost-body h1 { padding-bottom: 10px; border-bottom: 2px solid var(--px-cyan); font-size: 1.8em; }
.postBody h2, .blogpost-body h2 { padding-left: 14px; border-left: 6px solid var(--px-pink); font-size: 1.5em; }
.postBody h3, .blogpost-body h3 { color: var(--px-green); font-size: 1.25em; }
.postBody h3::before, .blogpost-body h3::before { content: "## "; color: var(--px-muted); }

.postBody blockquote,
.blogpost-body blockquote {
  margin: 1.4em 0; padding: 14px 18px;
  color: var(--px-muted); background: rgba(77, 252, 255, .055);
  border: 0; border-left: 4px solid var(--px-cyan);
}
.postBody hr, .blogpost-body hr { height: 1px; border: 0; background: repeating-linear-gradient(90deg, var(--px-line) 0 8px, transparent 8px 14px); }

code {
  padding: 2px 6px; color: var(--px-green); background: #050a0f;
  border: 1px solid var(--px-line); font-family: var(--px-font);
}
pre,
.cnblogs_code,
.cnblogs_Highlighter {
  position: relative;
  max-width: 100%; margin: 1.4em 0 !important; padding: 20px !important;
  overflow: auto; color: #d9f6f2 !important; background: #04070b !important;
  border: 1px solid var(--px-line) !important; border-top: 3px solid var(--px-pink) !important;
  border-radius: 0 !important; box-shadow: 4px 4px 0 #010203;
  font: 13px/1.7 var(--px-font) !important; tab-size: 2;
}
pre code,
.cnblogs_code code,
.cnblogs_code pre { padding: 0 !important; color: inherit !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
.cnblogs_code_toolbar { color: var(--px-muted) !important; background: transparent !important; }

.postBody table, .blogpost-body table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.postBody th, .postBody td,
.blogpost-body th, .blogpost-body td {
  padding: 10px 12px;
  border: 1px solid var(--px-line);
  font-family: var(--px-body-font) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}
.postBody th, .blogpost-body th {
  color: var(--px-bg) !important;
  background: var(--px-cyan) !important;
  font-weight: 700 !important;
}
.postBody td, .blogpost-body td {
  color: var(--px-text) !important;
  background: rgba(5, 10, 15, .72) !important;
}
.postBody tr:nth-child(even) td, .blogpost-body tr:nth-child(even) td { background: rgba(77, 252, 255, .055) !important; }

/* 博客园常用按钮、分页、输入框 */
input, textarea, select, button {
  max-width: 100%; color: var(--px-text); background: #050a0f;
  border: 1px solid var(--px-line); border-radius: 0; font: inherit;
}
input, textarea, select { padding: 8px 10px; }
input:focus, textarea:focus, select:focus { outline: 2px solid var(--px-cyan); outline-offset: 2px; border-color: var(--px-cyan); }
button,
input[type="button"],
input[type="submit"],
.comment_btn,
.pager a {
  display: inline-block; padding: 7px 12px !important;
  color: var(--px-cyan) !important; background: transparent !important;
  border: 1px solid var(--px-cyan) !important; border-radius: 0 !important;
  box-shadow: 3px 3px 0 #020406; cursor: pointer;
}
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.comment_btn:hover,
.pager a:hover { color: var(--px-bg) !important; background: var(--px-cyan) !important; text-shadow: none; transform: translate(-1px, -1px); }
.pager { margin: 28px 0 !important; color: var(--px-muted); }
.pager a { margin: 4px; }

/* 文章底部信息区：覆盖内置皮肤的黑色链接与浅色投票雪碧图 */
#blog_post_info_block {
  margin-top: 30px !important;
  padding-top: 20px !important;
  color: var(--px-muted) !important;
  border-top: 1px dashed var(--px-line) !important;
  font-family: var(--px-body-font) !important;
}
#blog_post_info_block a { color: var(--px-cyan) !important; }
#blog_post_info_block a:hover { color: var(--px-green) !important; }
#blog_post_info_block .post-copyright,
#blog_post_info_block #post-copyright,
#blog_post_info_block .post-copyright * { color: var(--px-muted) !important; }

#blog_post_info,
#author_profile,
#author_profile_info,
#author_profile_detail,
#author_profile_follow,
#post_next_prev,
#vip_tip {
  color: var(--px-muted) !important;
  background-color: transparent !important;
}

#author_profile a,
#author_profile_info a,
#author_profile_detail a,
#author_profile_follow a,
#post_next_prev a,
#vip_tip a,
.postDesc a,
.postDesc2 a {
  color: var(--px-cyan) !important;
  background: transparent !important;
  text-decoration: none !important;
}

#author_profile a:hover,
#author_profile_info a:hover,
#author_profile_detail a:hover,
#author_profile_follow a:hover,
#post_next_prev a:hover,
#vip_tip a:hover,
.postDesc a:hover,
.postDesc2 a:hover { color: var(--px-green) !important; }

#author_profile .follower-count,
#author_profile .following-count,
#author_profile_info span,
#author_profile_detail span { color: var(--px-green) !important; }

#author_profile img {
  border: 2px solid var(--px-cyan) !important;
  background: var(--px-panel-2) !important;
  box-shadow: 3px 3px 0 #020406;
  image-rendering: pixelated;
}

#author_profile_follow a {
  display: inline-block;
  padding: 2px 8px !important;
  border: 1px solid var(--px-green) !important;
}

#post_next_prev {
  clear: both;
  margin-top: 18px !important;
  padding: 12px 0 !important;
  border-top: 1px solid var(--px-line) !important;
  border-bottom: 1px solid var(--px-line) !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}
#post_next_prev .p_n_p_prefix { color: var(--px-green) !important; }

.postDesc,
.postDesc2 {
  color: var(--px-muted) !important;
  font-family: var(--px-font) !important;
  font-size: 12px !important;
}
.postDesc span,
.postDesc2 span { color: var(--px-muted) !important; }

#div_digg {
  display: grid !important;
  grid-template-columns: repeat(2, 58px);
  gap: 10px !important;
  width: auto !important;
  margin: 10px 4px 10px 20px !important;
  text-align: center !important;
}

#div_digg .diggit,
#div_digg .buryit {
  float: none !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 58px !important;
  height: 58px !important;
  margin: 0 !important;
  padding: 5px !important;
  background: var(--px-panel-2) !important;
  border: 1px solid var(--px-line) !important;
  box-shadow: 3px 3px 0 #020406;
}
#div_digg .diggit { border-top: 3px solid var(--px-green) !important; }
#div_digg .buryit { border-top: 3px solid var(--px-pink) !important; }
#div_digg .diggit::after,
#div_digg .buryit::after { font: 10px/1.2 var(--px-font); letter-spacing: .05em; }
#div_digg .diggit::after { content: "推荐"; color: var(--px-green); }
#div_digg .buryit::after { content: "反对"; color: var(--px-pink); }
#div_digg #digg_count,
#div_digg .diggnum { color: var(--px-green) !important; font: 700 18px/1.2 var(--px-font) !important; }
#div_digg #bury_count,
#div_digg .burynum { color: var(--px-pink) !important; font: 700 18px/1.2 var(--px-font) !important; }
#div_digg #vip_tip {
  grid-column: 1 / -1;
  width: auto !important;
  margin: 0 !important;
  font-size: 10px !important;
}

#green_channel {
  width: auto !important;
  min-height: 0 !important;
  padding: 8px 0 !important;
  border: 0 !important;
}
#green_channel a {
  margin: 3px !important;
  padding: 6px 10px !important;
  color: var(--px-bg) !important;
  background: var(--px-cyan) !important;
  border: 1px solid var(--px-cyan) !important;
  border-radius: 0 !important;
  box-shadow: 2px 2px 0 #020406;
  font: 11px/1.4 var(--px-font) !important;
}
#green_channel a:hover { background: var(--px-green) !important; border-color: var(--px-green) !important; }
#green_channel a#green_channel_digg,
#green_channel a#green_channel_follow,
#green_channel a#green_channel_favorite,
#green_channel a#green_channel_wechat {
  color: var(--px-bg) !important;
}

/* 侧边栏公告 */
.pixel-profile { padding: 0 18px 20px !important; overflow: hidden; text-align: center; }
.pixel-profile__topline {
  display: flex; justify-content: space-between; gap: 8px;
  margin: 0 -18px 20px; padding: 8px 12px;
  color: var(--px-muted); background: #050a0f; border-bottom: 1px solid var(--px-line);
  font-size: 9px; letter-spacing: .07em;
}
/* 纯 CSS 像素牛头：侧栏头像与鼠标共用同一套零件 */
.pixel-cow { position: relative; width: 104px; height: 96px; }
.pixel-cow--profile { margin: 26px auto 16px; filter: drop-shadow(7px 7px 0 rgba(0, 0, 0, .62)); }
.pixel-cow__horn {
  position: absolute; z-index: 1; top: 4px; width: 24px; height: 18px;
  background: var(--px-yellow); border: 5px solid #071016;
}
.pixel-cow__horn--left { left: 5px; border-right: 0; clip-path: polygon(0 0, 100% 0, 100% 100%, 35% 100%, 35% 65%, 0 65%); }
.pixel-cow__horn--right { right: 5px; border-left: 0; clip-path: polygon(0 0, 100% 0, 100% 65%, 65% 65%, 65% 100%, 0 100%); }
.pixel-cow__ear {
  position: absolute; z-index: 2; top: 23px; width: 24px; height: 18px;
  background: var(--px-pink); border: 5px solid #071016;
}
.pixel-cow__ear--left { left: 0; }
.pixel-cow__ear--right { right: 0; }
.pixel-cow__face {
  position: absolute; z-index: 3; left: 19px; top: 14px; width: 66px; height: 72px;
  background: var(--px-cyan); border: 6px solid #071016;
  box-shadow: 0 0 0 3px var(--px-cyan);
}
.pixel-cow__spot { position: absolute; left: 1px; top: 0; width: 24px; height: 25px; background: #071016; clip-path: polygon(0 0, 100% 0, 100% 55%, 65% 55%, 65% 100%, 0 100%); }
.pixel-cow__eye { position: absolute; z-index: 2; top: 20px; width: 9px; height: 10px; background: #071016; box-shadow: inset 3px 3px 0 var(--px-green); }
.pixel-cow__eye--left { left: 9px; }
.pixel-cow__eye--right { right: 9px; }
.pixel-cow__muzzle {
  position: absolute; z-index: 3; left: 5px; bottom: -6px; width: 44px; height: 29px;
  background: #a9f8e8; border: 5px solid #071016;
}
.pixel-cow__nostril { position: absolute; top: 6px; width: 6px; height: 5px; background: #071016; }
.pixel-cow__nostril--left { left: 6px; }
.pixel-cow__nostril--right { right: 6px; }
.pixel-cow__mouth { position: absolute; left: 10px; bottom: 3px; width: 14px; height: 3px; background: #071016; transition: height .08s steps(2, end), bottom .08s steps(2, end); }

/* 跟随鼠标的小牛头 */
/* 无 JS 权限时的静态牛头光标；按下时切换为张嘴版本 */
@media (any-pointer: fine) {
  html,
  body,
  body * {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' shape-rendering='crispEdges'%3E%3Cpath fill='%23ffe66d' d='M2 3h7v4H6v3H2zm21 0h7v7h-4V7h-3z'/%3E%3Cpath fill='%23ff4fd8' d='M1 10h7v6H1zm23 0h7v6h-7z'/%3E%3Cpath fill='%23071016' d='M7 7h18v22H7z'/%3E%3Cpath fill='%234dfcff' d='M9 9h14v16H9z'/%3E%3Cpath fill='%23071016' d='M10 9h5v6h-5zm1 7h3v3h-3zm7 0h3v3h-3z'/%3E%3Cpath fill='%23a9f8e8' d='M10 20h12v8H10z'/%3E%3Cpath fill='%23071016' d='M12 22h2v2h-2zm6 0h2v2h-2zm-3 4h3v1h-3z'/%3E%3C/svg%3E") 16 4, auto !important;
  }
  html:active,
  html:active *,
  body:active,
  body:active * {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' shape-rendering='crispEdges'%3E%3Cpath fill='%23ffe66d' d='M2 3h7v4H6v3H2zm21 0h7v7h-4V7h-3z'/%3E%3Cpath fill='%23ff4fd8' d='M1 10h7v6H1zm23 0h7v6h-7z'/%3E%3Cpath fill='%23071016' d='M7 7h18v23H7z'/%3E%3Cpath fill='%234dfcff' d='M9 9h14v16H9z'/%3E%3Cpath fill='%23071016' d='M10 9h5v6h-5zm1 7h3v3h-3zm7 0h3v3h-3z'/%3E%3Cpath fill='%23a9f8e8' d='M10 20h12v9H10z'/%3E%3Cpath fill='%23071016' d='M12 22h2v2h-2zm6 0h2v2h-2z'/%3E%3Cpath fill='%23ff4fd8' d='M14 25h5v4h-5z'/%3E%3C/svg%3E") 16 4, auto !important;
  }
}

#pixel-cow-cursor {
  position: fixed; z-index: 10001; left: -120px; top: -120px;
  pointer-events: none; opacity: 0;
  transform: translate(-10px, -9px) scale(.38);
  transform-origin: left top; filter: drop-shadow(6px 6px 0 rgba(0, 0, 0, .72));
  transition: opacity .08s linear;
}
#pixel-cow-cursor.is-visible { opacity: 1; }
#pixel-cow-cursor.is-biting { transform: translate(-10px, -5px) scale(.38); }
#pixel-cow-cursor.is-biting .pixel-cow__mouth { left: 9px; bottom: -7px; width: 16px; height: 13px; background: var(--px-pink); border: 3px solid #071016; }
#pixel-cow-cursor.is-biting .pixel-cow__muzzle { transform: translateY(3px); }
body.pixel-cow-cursor-ready,
body.pixel-cow-cursor-ready * { cursor: none !important; }
.pixel-profile__name { margin: 8px 0 0; color: var(--px-text); font-size: 21px; letter-spacing: .06em; }
.pixel-profile__role { margin: 2px 0 12px; color: var(--px-pink); font-size: 10px; }
.pixel-profile__bio { margin: 0; color: var(--px-muted); font-size: 12px; line-height: 1.75; }
.pixel-stats { margin: 18px 0; border: 1px solid var(--px-line); text-align: left; }
.pixel-stats div { display: grid; grid-template-columns: 74px 1fr; padding: 7px 9px; border-bottom: 1px solid var(--px-line); font-size: 10px; }
.pixel-stats div:last-child { border-bottom: 0; }
.pixel-stats strong { color: var(--px-muted); }
.pixel-stats span { color: var(--px-green); }
.pixel-social { display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; }
.pixel-social a { font-size: 10px; }
.pixel-command { margin-top: 18px; padding: 10px; color: var(--px-muted); background: #04070b; border-left: 2px solid var(--px-green); text-align: left; font-size: 10px; }
.pixel-command__prompt { color: var(--px-green); }
.pixel-caret { color: var(--px-green); animation: pixel-caret 1s steps(2, end) infinite; }

/* 博客园自带侧边栏模块 */
#blog-sidecolumn { font-size: 12px; }
#blog-sidecolumn > div { padding: 15px !important; }
.catListTitle,
#blog-sidecolumn h3,
.sidebar-block h3 {
  margin: -15px -15px 12px !important; padding: 8px 12px !important;
  color: var(--px-bg) !important; background: var(--px-cyan) !important;
  border: 0 !important; font-size: 11px !important; letter-spacing: .08em;
}
.catListTitle::before,
#blog-sidecolumn h3::before { content: "[ "; }
.catListTitle::after,
#blog-sidecolumn h3::after { content: " ]"; }
#blog-sidecolumn ul { margin: 0; padding: 0; list-style: none; }
#blog-sidecolumn li { padding: 5px 0 5px 13px; border-bottom: 1px dashed rgba(127, 162, 166, .18); }
#blog-sidecolumn li::before { content: ">"; float: left; margin-left: -13px; color: var(--px-pink); }
#blog-sidecolumn a { color: var(--px-muted); }
#blog-sidecolumn a:hover { color: var(--px-green); }
#calendar table { width: 100%; text-align: center; }

/* 评论区域 */
#comment_nav, .feedbackManage { color: var(--px-muted) !important; }
.feedback_area_title {
  margin: 32px 0 16px !important; padding: 10px 14px !important;
  color: var(--px-bg) !important; background: var(--px-green) !important;
  border: 0 !important; font-size: 14px !important;
}
.feedbackItem { padding: 18px !important; border-left-color: var(--px-pink) !important; }
.feedbackListSubtitle { color: var(--px-muted) !important; border-bottom: 1px dashed var(--px-line); }
.blog_comment_body { padding-top: 12px; color: var(--px-text); }
#tbCommentBody { width: 100% !important; min-height: 180px; }

/* 页脚 */
.pixel-site-footer {
  width: min(var(--px-max), calc(100% - 40px));
  margin: 0 auto 28px; padding: 25px 20px;
  color: var(--px-muted); background: rgba(5, 10, 15, .86);
  border: 1px solid var(--px-line); border-top: 3px solid var(--px-pink);
  text-align: center; font-size: 11px; letter-spacing: .06em;
}
.pixel-site-footer p { margin: 5px 0; }
.pixel-site-footer__signal { display: flex; justify-content: center; align-items: end; gap: 4px; height: 19px; margin-bottom: 9px; }
.pixel-site-footer__signal span { width: 4px; background: var(--px-cyan); animation: pixel-signal 1.2s steps(3, end) infinite alternate; }
.pixel-site-footer__signal span:nth-child(1), .pixel-site-footer__signal span:nth-child(5) { height: 5px; animation-delay: -.2s; }
.pixel-site-footer__signal span:nth-child(2), .pixel-site-footer__signal span:nth-child(4) { height: 11px; animation-delay: -.5s; }
.pixel-site-footer__signal span:nth-child(3) { height: 18px; animation-delay: -.8s; }
.pixel-site-footer__tiny { color: #45636a; font-size: 9px; }
#pixel-backtop {
  position: fixed; right: 22px; bottom: 24px; z-index: 9997;
  display: grid; place-items: center; width: 50px; height: 50px; padding: 4px !important;
  opacity: 0; visibility: hidden; transform: translateY(12px);
  color: var(--px-bg) !important; background: var(--px-green) !important;
  border: 2px solid var(--px-bg) !important; outline: 2px solid var(--px-green);
  box-shadow: 5px 5px 0 rgba(0, 0, 0, .75); transition: .18s ease;
}
#pixel-backtop.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
#pixel-backtop span { font-size: 15px; line-height: 1; }
#pixel-backtop small { font-size: 8px; line-height: 1; }

/* 动效 */
@keyframes pixel-blink { 0%, 45% { opacity: 1; } 46%, 55% { opacity: .25; } 56%, 100% { opacity: 1; } }
@keyframes pixel-caret { 0%, 45% { opacity: 1; } 50%, 100% { opacity: 0; } }
@keyframes pixel-scan { from { transform: translateY(-2vh); } to { transform: translateY(104vh); } }
@keyframes pixel-signal { from { transform: scaleY(.45); opacity: .45; } to { transform: scaleY(1); opacity: 1; } }

/* 平板与手机 */
@media (max-width: 860px) {
  #home { width: min(100% - 24px, var(--px-max)) !important; margin-top: 18px !important; }
  #main { grid-template-columns: minmax(0, 1fr); }
  #sideBar { order: 2; }
  .pixel-hero { width: calc(100% - 24px); margin: 12px auto 24px; }
  .pixel-hero__content { padding: 46px 6% 36px; }
  .pixel-site-footer { width: calc(100% - 24px); }
}

@media (max-width: 520px) {
  body { font-size: 15px; }
  .pixel-hero { min-height: 0; clip-path: none; }
  .pixel-hero__hud { padding: 9px 12px; font-size: 8px; }
  .pixel-hero__content { padding: 38px 18px 30px; }
  .pixel-hero__eyebrow { font-size: 9px; letter-spacing: .08em; }
  .pixel-hero__title { font-size: clamp(38px, 16vw, 58px); }
  .pixel-nav a { flex-basis: 50%; padding: 10px 6px; font-size: 10px; border-bottom: 1px solid var(--px-line); }
  .day, .post, .entrylistItem, #topics, .feedbackItem, #comment_form, .pixel-profile { padding: 17px !important; }
  pre, .cnblogs_code, .cnblogs_Highlighter { margin-left: -8px !important; margin-right: -8px !important; padding: 14px !important; }
  #pixel-backtop { right: 14px; bottom: 16px; width: 44px; height: 44px; }
}

@media (pointer: coarse), (prefers-reduced-motion: reduce) {
  #pixel-cow-cursor { display: none !important; }
}

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

@media print {
  body { color: #111; background: #fff; }
  body::before, .pixel-fx, #pixel-progress, .pixel-hero, #sideBar, .pixel-site-footer, #pixel-backtop, #pixel-cow-cursor { display: none !important; }
  #home { width: 100% !important; margin: 0 !important; }
  #main { display: block !important; }
  #topics, .postBody, .blogpost-body { color: #111 !important; background: #fff !important; border: 0 !important; box-shadow: none !important; }
  a { color: #111; text-decoration: underline; }
}