/* Haihara / SHERRY theme for Blog园 SimpleMemory */
:root {
  --ai-ink: #2e2930;
  --ai-muted: #766971;
  --ai-wine: #743f49;
  --ai-wine-dark: #4c2931;
  --ai-blue: #617e98;
  --ai-star: #e3b85b;
  --ai-paper: rgba(255, 252, 250, .91);
  --ai-paper-strong: rgba(255, 255, 255, .96);
  --ai-line: rgba(116, 63, 73, .17);
  --ai-shadow: 0 18px 55px rgba(66, 43, 48, .16);
}

html {
  scroll-behavior: smooth;
  background: linear-gradient(135deg, #eee3df 0%, #f7f1ee 46%, #dce5ec 100%);
}

body {
  position: relative;
  min-height: 100vh;
  color: var(--ai-ink) !important;
  font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif !important;
  background: transparent !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(246,238,234,.90) 0%, rgba(255,255,255,.30) 46%, rgba(255,255,255,.04) 100%),
    url("https://img2024.cnblogs.com/blog/3231866/202609/3231866-20260909000547658-969687184.png") right 12% center / min(760px, 58vw) auto no-repeat;
  filter: saturate(.92) contrast(1.03);
}

#home {
  position: relative;
  z-index: 1;
  width: min(1180px, calc(100% - 36px)) !important;
  margin: 38px auto !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 24px;
  background: rgba(255,255,255,.22) !important;
  box-shadow: var(--ai-shadow);
  backdrop-filter: blur(15px) saturate(108%);
  -webkit-backdrop-filter: blur(15px) saturate(108%);
}

#header {
  position: relative;
  min-height: 190px;
  padding: 48px 58px 32px !important;
  overflow: hidden;
  color: #fff;
  background: linear-gradient(112deg, rgba(61,35,42,.92), rgba(116,63,73,.78) 58%, rgba(97,126,152,.54)) !important;
}

#header::before {
  content: "";
  position: absolute;
  inset: 0 0 0 48%;
  z-index: 0;
  pointer-events: none;
  background: url("https://img2024.cnblogs.com/blog/3231866/202609/3231866-20260909000547658-969687184.png") 72% 31% / 520px auto no-repeat;
  opacity: .48;
  mix-blend-mode: multiply;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 28%);
  mask-image: linear-gradient(90deg, transparent, #000 28%);
}

#blogTitle { position: relative; z-index: 2; }

#header::after {
  content: "APTX-4869";
  position: absolute;
  right: 45px;
  bottom: 24px;
  color: rgba(255,255,255,.14);
  font: 700 clamp(30px, 5vw, 66px)/1 ui-monospace, SFMono-Regular, Consolas, monospace;
  letter-spacing: .12em;
  z-index: 2;
}

#blogTitle h1 { margin: 0 0 10px !important; }
#blogTitle h1 a {
  color: #fff !important;
  font-size: clamp(28px, 4vw, 44px) !important;
  font-weight: 700 !important;
  letter-spacing: .02em;
  text-shadow: 0 3px 18px rgba(0,0,0,.22);
}

#blogTitle h1::after {
  content: "  SHERRY";
  display: inline-block;
  margin-left: 14px;
  padding: 5px 10px;
  border: 1px solid rgba(255,255,255,.38);
  border-radius: 999px;
  color: #fff6df;
  font: 600 11px/1.2 ui-monospace, SFMono-Regular, Consolas, monospace;
  letter-spacing: .18em;
  vertical-align: middle;
}

#blogTitle h2 {
  color: rgba(255,255,255,.78) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: .08em;
}

#navigator {
  height: auto !important;
  padding: 0 42px !important;
  border: 0 !important;
  background: rgba(45,34,45,.82) !important;
  box-shadow: none !important;
}

#navList { display: flex; flex-wrap: wrap; gap: 4px; }
#navList a {
  height: auto !important;
  padding: 15px 16px !important;
  color: rgba(255,255,255,.78) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  transition: .2s ease;
}
#navList a:hover {
  color: #fff !important;
  background: rgba(116,63,73,.72) !important;
  text-decoration: none !important;
}

#main {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 280px;
  align-items: start;
  gap: 26px;
  width: auto !important;
  padding: 30px !important;
  overflow: visible !important;
}

#mainContent {
  float: none !important;
  grid-column: 1;
  min-width: 0;
  width: auto !important;
  margin: 0 !important;
  overflow: visible !important;
}

#mainContent .forFlow {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#topics, #topics .post, #topics .postBody, #topics #cnblogs_post_body {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

#sideBar {
  float: none !important;
  grid-column: 2;
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
}

#sideBarMain, #sideBarMain > div { width: 100% !important; box-sizing: border-box !important; }

.day, .post, .entrylist, .feedback_area_title, #comment_form, .sidebar-block,
#sideBarMain > div:not(#sidebar_news) {
  border: 1px solid var(--ai-line) !important;
  border-radius: 17px !important;
  background: var(--ai-paper) !important;
  box-shadow: 0 8px 30px rgba(73,48,54,.08) !important;
}

.day, .post, .entrylist { margin-bottom: 24px !important; padding: 24px 28px !important; }
.dayTitle { display: none !important; }

.postTitle, .entrylistPosttitle { border: 0 !important; }
.postTitle a, .entrylistPosttitle a, #topicsng a, .post h1 a {
  color: var(--ai-wine-dark) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
.postTitle a:hover, .entrylistPosttitle a:hover { color: var(--ai-blue) !important; }

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

#cnblogs_post_body { color: #352f33 !important; font-size: 16px !important; line-height: 1.9 !important; }
#cnblogs_post_body h1, #cnblogs_post_body h2, #cnblogs_post_body h3 {
  color: var(--ai-wine-dark) !important;
  border-bottom-color: var(--ai-line) !important;
}
#cnblogs_post_body h2 { border-left: 4px solid var(--ai-wine); padding-left: 13px; }
#cnblogs_post_body a { color: var(--ai-blue) !important; }
#cnblogs_post_body blockquote {
  border-left: 4px solid var(--ai-star) !important;
  border-radius: 0 10px 10px 0;
  background: rgba(255,249,231,.78) !important;
}
#cnblogs_post_body img { max-width: 100%; border-radius: 12px; }

#sideBarMain::before {
  content: "SHERRY  /  APTX-4869";
  display: block;
  margin: 0 0 16px;
  padding: 14px 16px;
  border: 1px solid rgba(255,255,255,.70);
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(135deg, rgba(76,41,49,.92), rgba(97,126,152,.80));
  box-shadow: 0 8px 25px rgba(66,43,48,.16);
  font: 600 12px/1.4 ui-monospace, SFMono-Regular, Consolas, monospace;
  letter-spacing: .12em;
  text-align: center;
}

.catListTitle {
  margin: 0 !important;
  padding: 12px 15px !important;
  border: 0 !important;
  color: var(--ai-wine-dark) !important;
  background: transparent !important;
  font-size: 14px !important;
}
.catListComment, .catListView, .catListFeedback, .catList, .catListPostArchive,
.catListTag, .catListLink, #blog-calendar { padding: 8px 14px 14px !important; }

#blog-calendar {
  width: 100% !important;
  margin: 0 0 16px !important;
  padding: 12px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#blog-calendar table, #blog-calendar .Cal {
  width: 100% !important;
/* Haihara / SHERRY theme for Blog园 SimpleMemory */
:root {
  --ai-ink: #2e2930;
  --ai-muted: #766971;
  --ai-wine: #743f49;
  --ai-wine-dark: #4c2931;
  --ai-blue: #617e98;
  --ai-star: #e3b85b;
  --ai-paper: rgba(255, 252, 250, .91);
  --ai-paper-strong: rgba(255, 255, 255, .96);
  --ai-line: rgba(116, 63, 73, .17);
  --ai-shadow: 0 18px 55px rgba(66, 43, 48, .16);
}

html {
  scroll-behavior: smooth;
  background: linear-gradient(135deg, #eee3df 0%, #f7f1ee 46%, #dce5ec 100%);
}

body {
  position: relative;
  min-height: 100vh;
  color: var(--ai-ink) !important;
  font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif !important;
  background-color: #f6f0ed !important;
  background-image:
    linear-gradient(90deg, rgba(246,238,234,.92) 0%, rgba(255,255,255,.34) 48%, rgba(255,255,255,.05) 100%),
    url("https://img2024.cnblogs.com/blog/3701760/202609/3701760-20260909000625554-139461053.png") !important;
  background-position: center, right 12% center !important;
  background-size: cover, min(760px, 58vw) auto !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

body::before {
  display: none !important;
}

#home {
  position: relative;
  z-index: 1;
  width: min(1180px, calc(100% - 36px)) !important;
  margin: 38px auto !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 24px;
  background: rgba(255,255,255,.22) !important;
  box-shadow: var(--ai-shadow);
  backdrop-filter: blur(15px) saturate(108%);
  -webkit-backdrop-filter: blur(15px) saturate(108%);
}

#header {
  position: relative;
  min-height: 190px;
  padding: 48px 58px 32px !important;
  overflow: hidden;
  color: #fff;
  background-image:
    linear-gradient(112deg, rgba(61,35,42,.95), rgba(116,63,73,.78) 52%, rgba(97,126,152,.34)),
    url("https://img2024.cnblogs.com/blog/3701760/202609/3701760-20260909000625554-139461053.png") !important;
  background-position: center, right 31% !important;
  background-size: cover, 560px auto !important;
  background-repeat: no-repeat !important;
}

#header::before {
  display: none !important;
}

#blogTitle { position: relative; z-index: 2; }

#header::after {
  content: "APTX-4869";
  position: absolute;
  right: 45px;
  bottom: 24px;
  color: rgba(255,255,255,.14);
  font: 700 clamp(30px, 5vw, 66px)/1 ui-monospace, SFMono-Regular, Consolas, monospace;
  letter-spacing: .12em;
  z-index: 2;
}

#blogTitle h1 { margin: 0 0 10px !important; }
#blogTitle h1 a {
  color: #fff !important;
  font-size: clamp(28px, 4vw, 44px) !important;
  font-weight: 700 !important;
  letter-spacing: .02em;
  text-shadow: 0 3px 18px rgba(0,0,0,.22);
}

#blogTitle h1::after {
  content: "  SHERRY";
  display: inline-block;
  margin-left: 14px;
  padding: 5px 10px;
  border: 1px solid rgba(255,255,255,.38);
  border-radius: 999px;
  color: #fff6df;
  font: 600 11px/1.2 ui-monospace, SFMono-Regular, Consolas, monospace;
  letter-spacing: .18em;
  vertical-align: middle;
}

#blogTitle h2 {
  color: rgba(255,255,255,.78) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: .08em;
}

#navigator {
  height: auto !important;
  padding: 0 42px !important;
  border: 0 !important;
  background: rgba(45,34,45,.82) !important;
  box-shadow: none !important;
}

#navList { display: flex; flex-wrap: wrap; gap: 4px; }
#navList a {
  height: auto !important;
  padding: 15px 16px !important;
  color: rgba(255,255,255,.78) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  transition: .2s ease;
}
#navList a:hover {
  color: #fff !important;
  background: rgba(116,63,73,.72) !important;
  text-decoration: none !important;
}

#main {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 280px;
  align-items: start;
  gap: 26px;
  width: auto !important;
  padding: 30px !important;
  overflow: visible !important;
}

#mainContent {
  float: none !important;
  grid-column: 1;
  min-width: 0;
  width: auto !important;
  margin: 0 !important;
  overflow: visible !important;
}

#mainContent .forFlow {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#topics, #topics .post, #topics .postBody, #topics #cnblogs_post_body {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

#sideBar {
  float: none !important;
  grid-column: 2;
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
}

#sideBarMain, #sideBarMain > div { width: 100% !important; box-sizing: border-box !important; }

.day, .post, .entrylist, .feedback_area_title, #comment_form, .sidebar-block,
#sideBarMain > div:not(#sidebar_news) {
  border: 1px solid var(--ai-line) !important;
  border-radius: 17px !important;
  background: var(--ai-paper) !important;
  box-shadow: 0 8px 30px rgba(73,48,54,.08) !important;
}

.day, .post, .entrylist { margin-bottom: 24px !important; padding: 24px 28px !important; }
.dayTitle { display: none !important; }

.postTitle, .entrylistPosttitle { border: 0 !important; }
.postTitle a, .entrylistPosttitle a, #topicsng a, .post h1 a {
  color: var(--ai-wine-dark) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
.postTitle a:hover, .entrylistPosttitle a:hover { color: var(--ai-blue) !important; }

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

#cnblogs_post_body { color: #352f33 !important; font-size: 16px !important; line-height: 1.9 !important; }
#cnblogs_post_body h1, #cnblogs_post_body h2, #cnblogs_post_body h3 {
  color: var(--ai-wine-dark) !important;
  border-bottom-color: var(--ai-line) !important;
}
#cnblogs_post_body h2 { border-left: 4px solid var(--ai-wine); padding-left: 13px; }
#cnblogs_post_body a { color: var(--ai-blue) !important; }
#cnblogs_post_body blockquote {
  border-left: 4px solid var(--ai-star) !important;
  border-radius: 0 10px 10px 0;
  background: rgba(255,249,231,.78) !important;
}
#cnblogs_post_body img { max-width: 100%; border-radius: 12px; }

#sideBarMain::before {
  content: "SHERRY  /  APTX-4869";
  display: block;
  margin: 0 0 16px;
  padding: 14px 16px;
  border: 1px solid rgba(255,255,255,.70);
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(135deg, rgba(76,41,49,.92), rgba(97,126,152,.80));
  box-shadow: 0 8px 25px rgba(66,43,48,.16);
  font: 600 12px/1.4 ui-monospace, SFMono-Regular, Consolas, monospace;
  letter-spacing: .12em;
  text-align: center;
}

.catListTitle {
  margin: 0 !important;
  padding: 12px 15px !important;
  border: 0 !important;
  color: var(--ai-wine-dark) !important;
  background: transparent !important;
  font-size: 14px !important;
}
.catListComment, .catListView, .catListFeedback, .catList, .catListPostArchive,
.catListTag, .catListLink, #blog-calendar { padding: 8px 14px 14px !important; }

#blog-calendar {
  width: 100% !important;
  margin: 0 0 16px !important;
  padding: 12px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#blog-calendar table, #blog-calendar .Cal {
  width: 100% !important;
  margin: 0 !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 2px !important;
}

#blog-calendar th, #blog-calendar td {
  width: 14.285% !important;
  height: 30px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 7px;
  text-align: center !important;
  vertical-align: middle !important;
  font-size: 12px !important;
}

#blog-calendar .CalTitle, #blog-calendar .CalTitle td {
  height: 34px !important;
  color: var(--ai-wine-dark) !important;
  font-weight: 700 !important;
}

#blog-calendar .CalTodayDay {
  color: #fff !important;
  background: var(--ai-wine) !important;
  box-shadow: 0 5px 12px rgba(116,63,73,.20);
}

#sideBar .newsItem, #sideBar .catListComment, #sideBar .catListView,
#sideBar .catListFeedback, #sideBar .catList, #sideBar .catListPostArchive,
#sideBar .catListTag, #sideBar .catListLink {
  margin: 0 0 16px !important;
  overflow: hidden !important;
}

pre, code { border-radius: 9px !important; }
input, textarea, select {
  border: 1px solid var(--ai-line) !important;
  border-radius: 8px !important;
}

#footer { padding: 24px !important; color: rgba(46,41,48,.70) !important; }

@media (max-width: 900px) {
  body::before {
    background:
      linear-gradient(rgba(247,240,237,.68), rgba(247,240,237,.88)),
      url("https://img2024.cnblogs.com/blog/3701760/202609/3701760-20260909000625554-139461053.png") center top / cover no-repeat;
  }
  #home { width: calc(100% - 20px) !important; margin: 10px auto !important; border-radius: 18px; }
  #header { min-height: 145px; padding: 34px 26px 24px !important; }
  #header::after { right: 18px; bottom: 15px; }
  #navigator { padding: 0 14px !important; }
  #main { display: block !important; padding: 18px !important; }
  #mainContent, #sideBar { float: none !important; width: 100% !important; margin: 0 !important; }
  #sideBar { margin-top: 22px !important; }
  .day, .post, .entrylist { padding: 20px !important; }
}

@media (prefers-color-scheme: dark) {
  :root { --ai-paper: rgba(35,31,34,.91); --ai-paper-strong: rgba(40,35,38,.96); --ai-ink: #eee7e8; --ai-muted: #b9aaae; --ai-line: rgba(231,213,217,.14); }
  body::before {
    background:
      linear-gradient(90deg, rgba(30,24,27,.90), rgba(35,29,32,.44) 48%, rgba(27,31,38,.16)),
      url("https://img2024.cnblogs.com/blog/3701760/202609/3701760-20260909000625554-139461053.png") right 12% center / min(760px, 58vw) auto no-repeat;
  }
  #cnblogs_post_body { color: #eee7e8 !important; }
  #cnblogs_post_body h1, #cnblogs_post_body h2, #cnblogs_post_body h3,
  .postTitle a, .entrylistPosttitle a, #sideBar .catListTitle { color: #efdfe2 !important; }
  #footer { color: rgba(255,255,255,.66) !important; }
}

  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 2px !important;
}

#blog-calendar th, #blog-calendar td {
  width: 14.285% !important;
  height: 30px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 7px;
  text-align: center !important;
  vertical-align: middle !important;
  font-size: 12px !important;
}

#blog-calendar .CalTitle, #blog-calendar .CalTitle td {
  height: 34px !important;
  color: var(--ai-wine-dark) !important;
  font-weight: 700 !important;
}

#blog-calendar .CalTodayDay {
  color: #fff !important;
  background: var(--ai-wine) !important;
  box-shadow: 0 5px 12px rgba(116,63,73,.20);
}

#sideBar .newsItem, #sideBar .catListComment, #sideBar .catListView,
#sideBar .catListFeedback, #sideBar .catList, #sideBar .catListPostArchive,
#sideBar .catListTag, #sideBar .catListLink {
  margin: 0 0 16px !important;
  overflow: hidden !important;
}

pre, code { border-radius: 9px !important; }
input, textarea, select {
  border: 1px solid var(--ai-line) !important;
  border-radius: 8px !important;
}

#footer { padding: 24px !important; color: rgba(46,41,48,.70) !important; }

@media (max-width: 900px) {
  body::before {
    background:
      linear-gradient(rgba(247,240,237,.68), rgba(247,240,237,.88)),
      url("https://img2024.cnblogs.com/blog/3231866/202609/3231866-20260909000547658-969687184.png") center top / cover no-repeat;
  }
  #home { width: calc(100% - 20px) !important; margin: 10px auto !important; border-radius: 18px; }
  #header { min-height: 145px; padding: 34px 26px 24px !important; }
  #header::after { right: 18px; bottom: 15px; }
  #navigator { padding: 0 14px !important; }
  #main { display: block !important; padding: 18px !important; }
  #mainContent, #sideBar { float: none !important; width: 100% !important; margin: 0 !important; }
  #sideBar { margin-top: 22px !important; }
  .day, .post, .entrylist { padding: 20px !important; }
}

@media (prefers-color-scheme: dark) {
  :root { --ai-paper: rgba(35,31,34,.91); --ai-paper-strong: rgba(40,35,38,.96); --ai-ink: #eee7e8; --ai-muted: #b9aaae; --ai-line: rgba(231,213,217,.14); }
  body::before {
    background:
      linear-gradient(90deg, rgba(30,24,27,.90), rgba(35,29,32,.44) 48%, rgba(27,31,38,.16)),
      url("https://img2024.cnblogs.com/blog/3231866/202609/3231866-20260909000547658-969687184.png") right 12% center / min(760px, 58vw) auto no-repeat;
  }
  #cnblogs_post_body { color: #eee7e8 !important; }
  #cnblogs_post_body h1, #cnblogs_post_body h2, #cnblogs_post_body h3,
  .postTitle a, .entrylistPosttitle a, #sideBar .catListTitle { color: #efdfe2 !important; }
  #footer { color: rgba(255,255,255,.66) !important; }
}

/* HAIBARA FIX 20260909 */
body{background:#f6f0ed url("https://img2024.cnblogs.com/blog/3701760/202609/3701760-20260909000625554-139461053.png") right top / 760px auto no-repeat fixed!important;}
body::before{display:none!important;}
#home{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(255,255,255,.24)!important;}
#header{background-color:#633d47!important;background-image:linear-gradient(90deg,#4c2931 0%,rgba(76,41,49,.88)43%,rgba(76,41,49,.08)100%),url("https://img2024.cnblogs.com/blog/3701760/202609/3701760-20260909000625554-139461053.png")!important;background-position:center,right 35%!important;background-size:cover,560px auto!important;background-repeat:no-repeat!important;}
#header::before{display:none!important;}
#blog-calendar .CalTitle{background:#f5ecef!important;color:#743f49!important;border:0!important;box-shadow:none!important;}
#blog-calendar .CalTitle *{background:transparent!important;color:#743f49!important;border:0!important;}
#navigator{position:relative;z-index:2;background:transparent!important;}
.blogStats{color:rgba(255,255,255,.7)!important;}

/* TRANSPARENCY + ALT HEADER 20260909 */
#topics,.day,.post,.entrylist{background:rgba(255,252,250,.68)!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);}
#cnblogs_post_body{background:transparent!important;}
#header{background-image:linear-gradient(90deg,#4c2931 0%,rgba(76,41,49,.92) 42%,rgba(76,41,49,.22) 72%,rgba(76,41,49,.06) 100%),url("https://www.detectiveconanworld.com/wiki/images/4/4f/Ai_Haibara_Profile.png")!important;background-position:center,right center!important;background-size:cover,620px auto!important;background-repeat:no-repeat!important;}

/* Clear article layers and unify sidebar cards */
#mainContent,#mainContent .forFlow,#post_detail,#topics,#topics .post,#cnblogs_post_body{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
#topics,#topics .post{box-shadow:none!important;}
#sideBar #sidebar_news{border-radius:17px!important;overflow:hidden!important;padding:18px!important;box-sizing:border-box!important;background:rgba(255,252,250,.82)!important;border:1px solid rgba(116,63,73,.12)!important;box-shadow:0 8px 24px rgba(76,41,49,.06)!important;margin-bottom:18px!important;}
#sidebar_news #blog-news,#sidebar_news #profile_block,#sidebar_news h3{background:transparent!important;}
#sidebar_news h3{padding:0 0 12px!important;margin:0!important;}

/* Article: 60% transparent (40% white), no stacked veil */
#home{background:transparent!important;}
#mainContent,#post_detail,#topics,#cnblogs_post_body{background:transparent!important;}
#topics .post{background:rgba(255,252,250,.10)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}

/* RESPONSIVE QA 20260909 — preserve user article opacity */
#cnblogs_post_body,#topics,#topics .postBody{min-width:0;overflow-wrap:anywhere;}
#cnblogs_post_body pre,#cnblogs_post_body .cnblogs_code,#cnblogs_post_body .hljs{display:block;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden;box-sizing:border-box;white-space:pre;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;}
#cnblogs_post_body pre code{white-space:inherit;word-break:normal;overflow-wrap:normal;}
#cnblogs_post_body table:not(.hljs-ln){display:block;max-width:100%!important;overflow-x:auto;-webkit-overflow-scrolling:touch;}
#cnblogs_post_body img,#cnblogs_post_body video{max-width:100%!important;height:auto!important;box-sizing:border-box;}
#cnblogs_post_body iframe,#cnblogs_post_body embed,#cnblogs_post_body object,#cnblogs_post_body svg,#cnblogs_post_body canvas{max-width:100%!important;box-sizing:border-box;}
#cnblogs_post_body .MathJax_Display,#cnblogs_post_body mjx-container[display="true"]{max-width:100%;overflow-x:auto;overflow-y:hidden;}
#comment_form,#comment_form_container,#tbCommentBody,#comment_form textarea{max-width:100%!important;box-sizing:border-box!important;}
#tbCommentBody,#comment_form textarea{width:100%!important;}
#sideBarMain a,#sideBarMain li{overflow-wrap:anywhere;}
@media(max-width:1080px){#main{display:block!important;}#mainContent,#sideBar{width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;}#sideBar{margin-top:22px!important;}}
@media(max-width:600px){body{background-attachment:scroll!important;background-position:center top!important;}#home{width:calc(100% - 12px)!important;margin:6px auto!important;border-radius:14px;box-sizing:border-box;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}#header{min-height:0;padding:28px 18px 22px!important;}#blogTitle h1 a{font-size:clamp(24px,8vw,34px)!important;overflow-wrap:anywhere;}#blogTitle h1::after{display:block;width:max-content;margin:10px 0 0;}#header::after{right:12px;bottom:12px;font-size:clamp(18px,7vw,26px);letter-spacing:.07em;pointer-events:none;}#navigator{padding:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;}#navigator::-webkit-scrollbar{display:none;}#navList{width:max-content;min-width:100%;margin:0!important;padding:0 8px!important;flex-wrap:nowrap!important;gap:0!important;box-sizing:border-box;}#navList li{float:none!important;flex:0 0 auto;}#navList a{display:flex!important;align-items:center;min-height:44px;padding:0 13px!important;white-space:nowrap;box-sizing:border-box;}#main{padding:10px!important;}.day,.post,.entrylist{padding:16px!important;border-radius:14px!important;}#cnblogs_post_body{font-size:15px!important;line-height:1.8!important;}#cnblogs_post_body blockquote{margin-inline:0!important;padding:12px 14px!important;box-sizing:border-box;}.ai-aptx-pill{width:62px;height:23px;font-size:8px;}}
@media(pointer:coarse){.ai-aptx-pill{width:58px;height:22px;}}


/* Reference-inspired layout: cover header + right article TOC */
:root {
  --ai-wine: #6f3042;
  --ai-wine-deep: #49202d;
  --ai-paper: rgba(255, 250, 248, 0.64);
  --ai-line: rgba(111, 48, 66, 0.15);
}
#home { width: 100% !important; max-width: none !important; }
#header {
  position: relative !important;
  width: min(1320px, calc(100% - 32px)) !important;
  height: 300px !important;
  min-height: 300px !important;
  margin: 18px auto 24px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.48) !important;
  border-radius: 24px !important;
  box-shadow: 0 22px 55px rgba(55,26,35,.19) !important;
}
#header::before {
  content: ""; position:absolute; inset:0; z-index:0;
  background:linear-gradient(90deg,rgba(42,18,26,.76) 0%,rgba(55,25,35,.42) 43%,rgba(55,25,35,.05) 78%);
  pointer-events:none;
}
#blogTitle {
  position:absolute !important; left:38px !important; right:auto !important; bottom:76px !important; z-index:2 !important;
  width:min(590px,calc(100% - 76px)) !important; padding:18px 22px 17px !important;
  border:1px solid rgba(255,255,255,.22) !important; border-radius:18px !important;
  background:rgba(44,20,28,.42) !important; box-shadow:0 12px 35px rgba(27,12,17,.18) !important;
  backdrop-filter:blur(10px) saturate(120%); -webkit-backdrop-filter:blur(10px) saturate(120%);
}
#blogTitle h1,#blogTitle h2 { margin:0 !important; text-shadow:0 2px 12px rgba(25,10,15,.36) !important; }
#blogTitle h1 { line-height:1.08 !important; }
#blogTitle h2 { margin-top:9px !important; opacity:.92; }
#navigator {
  position:absolute !important; left:0 !important; right:0 !important; bottom:0 !important; z-index:3 !important;
  min-height:62px !important; display:flex !important; align-items:center !important; gap:18px !important; padding:8px 26px !important;
  background:rgba(43,20,28,.68) !important; border-top:1px solid rgba(255,255,255,.18) !important;
  backdrop-filter:blur(12px) saturate(125%); -webkit-backdrop-filter:blur(12px) saturate(125%);
}
#navList { display:flex !important; align-items:center !important; gap:6px !important; margin:0 !important; white-space:nowrap; }
#navList a { display:inline-flex !important; align-items:center !important; min-height:38px !important; padding:8px 16px !important; border-radius:999px !important; transition:background-color .2s ease,transform .2s ease !important; }
#navList a:hover { background:rgba(255,255,255,.16) !important; transform:translateY(-1px); }
#main { width:min(1320px,calc(100% - 32px)) !important; margin:0 auto !important; display:grid !important; grid-template-columns:minmax(0,1fr) 278px !important; gap:24px !important; align-items:start !important; }
#mainContent { grid-column:1 !important; float:none !important; width:auto !important; min-width:0 !important; }
#sideBar { display:none !important; }
#cnblogs_post_body h1,#cnblogs_post_body h2,#cnblogs_post_body h3 { scroll-margin-top:26px; }
#ai-toc {
  grid-column:2 !important; position:sticky !important; top:18px !important; z-index:60 !important; max-height:calc(100vh - 36px) !important;
  padding:20px 14px 18px !important; overflow:hidden auto !important; border:1px solid rgba(111,48,66,.14) !important; border-radius:22px !important;
  background:var(--ai-paper) !important; box-shadow:0 16px 38px rgba(66,31,42,.13) !important;
  backdrop-filter:blur(15px) saturate(118%); -webkit-backdrop-filter:blur(15px) saturate(118%); scrollbar-width:thin; scrollbar-color:rgba(111,48,66,.34) transparent;
}
.ai-toc__eyebrow { display:flex; align-items:center; gap:9px; margin:0 6px 5px; color:var(--ai-wine-deep); font-size:15px; font-weight:800; letter-spacing:.12em; }
.ai-toc__eyebrow::before { content:""; width:30px; height:11px; border-radius:999px; background:linear-gradient(90deg,#9f3547 0 50%,#fff 50% 100%); box-shadow:inset 0 0 0 1px rgba(80,25,36,.16),0 3px 8px rgba(112,44,61,.2); }
.ai-toc__caption { margin:0 6px 13px; color:rgba(73,32,45,.58); font-size:10px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; }
.ai-toc__list { margin:0 !important; padding:0 !important; list-style:none !important; }
.ai-toc__item { margin:2px 0 !important; padding:0 !important; list-style:none !important; }
.ai-toc__link { display:block; position:relative; padding:7px 9px 7px 13px; overflow:hidden; border-radius:10px; color:rgba(55,38,44,.78) !important; font-size:13px; line-height:1.35; text-decoration:none !important; text-overflow:ellipsis; white-space:nowrap; transition:color .18s ease,background-color .18s ease,transform .18s ease; }
.ai-toc__link::before { content:""; position:absolute; left:3px; top:50%; width:4px; height:4px; border:1px solid rgba(111,48,66,.48); border-radius:50%; transform:translateY(-50%); }
.ai-toc__item--h2 .ai-toc__link { padding-left:25px; font-size:12.5px; }
.ai-toc__item--h3 .ai-toc__link { padding-left:37px; font-size:12px; opacity:.84; }
.ai-toc__item--h2 .ai-toc__link::before { left:14px; }
.ai-toc__item--h3 .ai-toc__link::before { left:26px; }
.ai-toc__link:hover,.ai-toc__link.is-active { color:var(--ai-wine-deep) !important; background:rgba(126,58,78,.12); transform:translateX(2px); }
.ai-toc__link.is-active { font-weight:800; }
.ai-toc__link.is-active::before { background:var(--ai-wine); border-color:var(--ai-wine); box-shadow:0 0 0 3px rgba(111,48,66,.12); }
#ai-toc-toggle { display:none; }
@media (max-width:1080px) {
  #main { display:block !important; }
  #ai-toc { position:fixed !important; top:74px !important; right:14px !important; bottom:76px !important; left:auto !important; width:min(320px,calc(100vw - 28px)) !important; max-height:none !important; z-index:10000 !important; opacity:0; pointer-events:none; transform:translateX(calc(100% + 28px)); transition:transform .24s ease,opacity .24s ease; }
  #ai-toc.is-open { opacity:1; pointer-events:auto; transform:translateX(0); }
  #ai-toc-toggle { position:fixed; right:16px; bottom:20px; z-index:10001; display:inline-flex; align-items:center; justify-content:center; gap:7px; min-width:74px; height:42px; padding:0 15px; border:1px solid rgba(255,255,255,.42); border-radius:999px; background:linear-gradient(135deg,rgba(111,48,66,.94),rgba(66,35,54,.92)); box-shadow:0 10px 24px rgba(60,24,36,.28); color:#fff; font:700 13px/1 system-ui,sans-serif; letter-spacing:.08em; cursor:pointer; backdrop-filter:blur(10px); }
  #ai-toc-toggle::before { content:""; width:18px; height:7px; border-radius:999px; background:linear-gradient(90deg,#c84c5f 0 50%,#fff 50% 100%); }
}
@media (max-width:600px) {
  #header { width:calc(100% - 16px) !important; height:250px !important; min-height:250px !important; margin:8px auto 14px !important; border-radius:18px !important; }
  #blogTitle { left:14px !important; bottom:68px !important; width:calc(100% - 28px) !important; padding:14px 16px 13px !important; border-radius:14px !important; }
  #blogTitle h1 { font-size:clamp(23px,7.6vw,32px) !important; }
  #blogTitle h2 { display:block !important; font-size:13px !important; line-height:1.35 !important; }
  #navigator { gap:8px !important; min-height:58px !important; padding:7px 10px !important; overflow-x:auto !important; }
  #navList { flex:0 0 auto !important; width:max-content !important; min-width:max-content !important; }
  #navigator .blogStats { display:none !important; }
  #main { width:calc(100% - 16px) !important; }
  #ai-toc-toggle { right:12px; bottom:14px; height:39px; }
}
@media (prefers-reduced-motion:reduce) { #ai-toc,#ai-toc-toggle,.ai-toc__link { transition:none !important; } }


/* Reference layout compatibility fix */
#header,#main,#blogTitle,#navigator,#ai-toc{box-sizing:border-box !important;}


/* Keep article and TOC in the same desktop grid row */
#mainContent{grid-row:1 !important;}
#ai-toc{grid-row:1 !important;align-self:start !important;}


/* Remove legacy one-pixel horizontal overflow */
html,body{max-width:100% !important;overflow-x:hidden !important;}


/* Responsive compatibility: remove legacy 950px floor and keep controls single-line */
#home{min-width:0 !important;box-sizing:border-box !important;}
#navList{flex-wrap:nowrap !important;height:auto !important;}
#navList li{float:none !important;width:auto !important;flex:0 0 auto !important;}
@media(max-width:1080px){
  #navigator .blogStats{display:none !important;}
  #ai-toc{bottom:auto !important;height:calc(100vh - 150px) !important;height:calc(100dvh - 150px) !important;max-height:calc(100vh - 150px) !important;max-height:calc(100dvh - 150px) !important;align-self:auto !important;}
}


/* Mobile header: fit the full title and all four navigation items */
@media(max-width:600px){
  #blogTitle{height:auto !important;min-height:0 !important;}
  #blogTitle h1{font-size:clamp(21px,6.1vw,26px) !important;white-space:nowrap !important;}
  #blogTitle h1 a{white-space:nowrap !important;}
  #navList{flex:1 1 auto !important;width:100% !important;min-width:0 !important;padding:0 !important;gap:0 !important;justify-content:space-around !important;}
  #navList li{flex:1 1 25% !important;margin:0 !important;min-width:0 !important;}
  #navList li:empty{display:none !important;}
  #navList a{width:100% !important;min-width:0 !important;justify-content:center !important;padding:8px 4px !important;}
}


/* Header alignment fix 20260910: override legacy 60px title box */
@media(min-width:601px){
  #blogTitle{height:auto !important;min-height:0 !important;}
  #navigator{height:62px !important;min-height:62px !important;margin:0 !important;}
  #navList{height:38px !important;min-height:0 !important;}
  #navList li{margin-top:0 !important;margin-bottom:0 !important;}
  #navigator .blogStats{align-self:center !important;margin:0 0 0 auto !important;}
}


/* Sticky TOC + rounded header fix 20260910 */
#home{overflow:visible !important;}
#header{isolation:isolate !important;background-clip:padding-box !important;}
#header::before{border-radius:inherit !important;}
#blogTitle{overflow:hidden !important;isolation:isolate !important;background-clip:padding-box !important;}
#navigator{border-radius:0 0 23px 23px !important;overflow:hidden !important;}


/* Let sticky TOC use the document viewport */
html{overflow-x:clip !important;overflow-y:auto !important;}
body{overflow:visible !important;}