@import url("https://fonts.loli.net/css2?family=JetBrains+Mono:wght@400;500;700&display=swap");

:root{
  --radius: 18px;
  --gap: 18px;

  --glass-bg: rgba(255,255,255,.58);
  --glass-border: rgba(255,255,255,.40);
  --glass-shadow: 0 12px 36px rgba(0,0,0,.12);

  --pink: #ff2d55;
  --blue: #0a84ff;
  --purple: #bf5af2;

  --text: #1d1d1f;
  --muted: rgba(29,29,31,.70);

  --link: var(--blue);
  --link-hover: var(--pink);

  --font-hand: "Ma Shan Zheng","ZCOOL KuaiLe","KaiTi","STKaiti","FZShuTi","DFKai-SB",cursive;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;

  --hero-img: url("https://youke.xn--y7xa690gmna.cn/s1/2026/02/03/69820b024de17.webp");
}

*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
a{ color:var(--link); text-decoration:none; transition:.15s ease; }
a:hover{ color:var(--link-hover); }
pre,code,kbd,samp{ font-family:var(--font-mono)!important; }
body,button,input,textarea,select{ font-family:var(--font-hand)!important; }

body{
  color:var(--text);
  line-height:1.2;
  background:#e7ebf1;
  padding-bottom:40px;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  background-image:var(--hero-img);
  background-size:cover;
  background-position:center;
  filter:blur(26px) saturate(1.25);
  transform:scale(1.07);
  opacity:.24;
  z-index:-2;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  background:
    radial-gradient(circle at 20% 18%, rgba(255,255,255,.85), rgba(255,255,255,.35) 40%, rgba(0,0,0,.04) 85%),
    repeating-linear-gradient(135deg, rgba(0,0,0,.015) 0px, rgba(0,0,0,.015) 1px, transparent 1px, transparent 6px);
  z-index:-1;
}

::-webkit-scrollbar{ width:7px; height:7px; }
::-webkit-scrollbar-thumb{ background:rgba(0,0,0,.18); border-radius:999px; }
::-webkit-scrollbar-track{ background:transparent; }

#top_nav, #banner,
#header, #blogTitle, #blog-news, #navigator{
  display:none!important;
}

.glass{
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  border-radius:var(--radius);
  box-shadow:var(--glass-shadow);
  backdrop-filter:blur(18px) saturate(170%);
  -webkit-backdrop-filter:blur(18px) saturate(170%);
}

#myProgressBar{
  position:fixed;
  top:0; left:0;
  height:2px;
  width:0;
  background:var(--pink);
  z-index:999;
  animation:mybar 1.2s ease-out forwards;
}
@keyframes mybar{
  0%{ width:0; opacity:1; }
  85%{ width:100%; opacity:1; }
  100%{ width:100%; opacity:0; }
}

#mynavbar{
  position:fixed;
  top:0; left:0; right:0;
  height:70px;
  z-index:100;
  background:rgba(255,255,255,.72);
  border-bottom:1px solid rgba(255,255,255,.45);
  box-shadow:0 1px 14px rgba(0,0,0,.08);
}
.my-nav-inner{
  width:min(1600px, calc(100% - 48px));
  height:70px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
#mynavbar_menu{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
#mynavbar_menu a{
  padding:8px 12px;
  font-size:14px;
  color:var(--text);
  border-radius:14px;
  background:rgba(255,255,255,.30);
  border:1px solid rgba(255,255,255,.30);
}
#mynavbar_menu a:hover{
  background:rgba(255,255,255,.50);
  color:var(--pink);
  transform:translateY(-1px);
}

#myheader{
  margin-top:70px;
  position:relative;
  height:150px;
  overflow:hidden;
  border-radius:0 0 26px 26px;
}
#heroToggle{
  position:absolute;
  width:1px; height:1px;
  opacity:0;
  pointer-events:none;
}
#myheader_bg{
  height:150px;
  background-image:var(--hero-img);
  background-size:cover;
  background-position:center;
  transform:scale(1.03);
  filter:blur(10px);
  transition:filter .25s ease;
}
#heroToggle:checked ~ #myheader_bg{ filter:blur(0); }

#myheader_cover{
  position:absolute;
  inset:0;
  cursor:pointer;
  background:linear-gradient(120deg, rgba(18,18,22,.38), rgba(18,18,22,.18) 50%, rgba(255,255,255,.08) 100%);
  box-shadow:inset 0 -60px 120px rgba(0,0,0,.22);
}
#mypost_title{
  position:absolute;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  width:min(980px, calc(100% - 32px));
  padding:14px 16px;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.30);
  border-radius:18px;
  backdrop-filter:blur(16px) saturate(160%);
  -webkit-backdrop-filter:blur(16px) saturate(160%);
  color:#fff;
}
#mypost_title_h{
  font-weight:700;
  font-size:22px;
  text-shadow:0 10px 30px rgba(0,0,0,.25);
}
#mypost_title_f{
  margin-top:6px;
  font-size:13px;
  color:rgba(255,255,255,.88);
}

#main{
  width:min(1600px, calc(100% - 48px))!important;
  margin:var(--gap) auto 0!important;
  padding:0 0 0!important;
  background:transparent!important;

  display:grid!important;
  grid-template-columns:20% minmax(0, 1fr) 20%;
  gap:var(--gap);
  align-items:start;
}

#leftcontent, #centercontent, #rightcontent{
  float:none!important;
  width:auto!important;
  min-width:0;
}

.sidebar > *{
  padding:14px 16px;
  margin:0 0 var(--gap);
}
.sidebar > *:last-child{ margin-bottom:0; }
.sidebar > *{ border-radius:var(--radius); }
.sidebar > *{
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  box-shadow:var(--glass-shadow);
  backdrop-filter:blur(18px) saturate(170%);
  -webkit-backdrop-filter:blur(18px) saturate(170%);
}

.listtitle, .catListTitle, .sidebar :where(h2,h3){
  margin:2px 0 12px;
  font-weight:800;
  font-size:15px;
  letter-spacing:.3px;
  background:linear-gradient(90deg, var(--blue), var(--purple), var(--pink));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.sidebar :where(ul,ol){
  list-style:none!important;
  padding-left:0!important;
  margin:0!important;
}
.sidebar li{ margin:8px 0; }
.sidebar :where(li a, .catList a, .catListLink a){
  display:block;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.45);
  border:1px solid rgba(255,255,255,.38);
  box-shadow:0 8px 18px rgba(0,0,0,.08);
  color:var(--text);
}
.sidebar :where(li a, .catList a, .catListLink a):hover{
  background:rgba(255,255,255,.62);
  color:var(--pink);
  transform:translateY(-1px);
}

/* #calendar table{
  width:100%;
  border-collapse:collapse;
  overflow:hidden;
  border-radius:14px;
  background:rgba(255,255,255,.38);
  border:1px solid rgba(255,255,255,.35);
}

#calendar td, #calendar th{
  text-align:center;
  padding:6px 0;
  color:var(--text);
} */

/* .datetitle{
  margin:0 0 var(--gap);
  font-size:22px;
  font-weight:900;
} */

.postlist .itemdesc{
  display:none!important;
}

.postlist :where(.postTitle2, .posttitle){
  display:block;
  padding:14px 18px;
  margin:0;
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  border-bottom:0;
  border-radius:var(--radius) var(--radius) 0 0;
  backdrop-filter:blur(18px) saturate(170%);
  -webkit-backdrop-filter:blur(18px) saturate(170%);
}

.postlist :where(.postTitle2, .posttitle) a{
  font-size:20px;
  font-weight:900;
  color:var(--text)!important;
}
.postlist :where(.postTitle2, .posttitle) a:hover{ color:var(--pink)!important; }

.postlist .c_b_p_desc{
  margin:0 0 var(--gap);
  padding:14px 18px;
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  border-top:0;
  border-radius:0 0 var(--radius) var(--radius);
  box-shadow:var(--glass-shadow);
  color:var(--muted);
  overflow:hidden;
}
.postlist .c_b_p_desc .desc_img{
  max-width:100%;
  height:auto;
  border-radius:14px;
  display:block;
  margin:10px 0 12px;
}
.postlist .c_b_p_desc_readmore{
  margin-left:8px;
  font-weight:800;
  color:var(--purple)!important;
}
.postlist .c_b_p_desc_readmore:hover{ color:var(--pink)!important; }

.footer{
  margin-top:var(--gap);
  padding:14px 16px;
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  border-radius:var(--radius);
  box-shadow:var(--glass-shadow);
}

#cnblogs_post_body mjx-container[display="true"],
#cnblogs_post_body .MathJax_Display,
#cnblogs_post_body .katex-display{
  display:block;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  padding-bottom:6px;
}

#post-bottom-bar{
  position:fixed;
  left:0; right:0; bottom:0;
  z-index:200;
  height:36px;
  background:rgba(255,255,255,.75);
  border-top:1px solid rgba(255,255,255,.45);
}

.post-bottom-bar .bottom-bar-inner{
  margin:0 auto;
  padding:0 12px;
  max-width:1100px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.bottom-bar-items{
  display:flex;
  align-items:center;
  gap:8px;
}

.post-bottom-bar .bottom-bar-item a{
  display:inline-block;
  padding:10px 10px;
  color:var(--text);
  font-size:14px;
  border-radius:999px;
  background:rgba(255,255,255,.40);
  border:1px solid rgba(255,255,255,.35);
}

.post-bottom-bar .bottom-bar-item a:hover{
  color:var(--pink);
  background:rgba(255,255,255,.65);
  transform:translateY(-1px);
}

@media (max-width:1100px){
  #main{
    grid-template-columns:1fr;
    width:calc(100% - 28px)!important;
  }
}

#centercontent .footer{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
  margin-top: 18px !important;
}

#centercontent :is(#post_detail, #topic_detail, #topics, .post){
  background: rgba(255,255,255,.45) !important;
  border: 1px solid rgba(255,255,255,.40) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--glass-shadow) !important;
  backdrop-filter: blur(20px) saturate(170%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(170%) !important;
  padding: 18px 20px !important;
}

#centercontent :is(#post_detail, #topic_detail, #topics, .post) :is(#cnblogs_post_body, .postBody, .postCon){
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

:is(#cnblogs_post_body,.postBody,.postCon) img{ border-radius:14px; }

#centercontent .entrylist{ list-style:none; padding:0; margin:0; }
#centercontent .entrylistitem{ margin:0; }
#centercontent #myposts .PostList{ margin:0 0 var(--gap); }

#centercontent :is(.entrylistItemTitle, #myposts .postTitl2){
  display:block;
  padding:14px 18px;
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  border-radius:var(--radius);
  backdrop-filter:blur(18px) saturate(170%);
  -webkit-backdrop-filter:blur(18px) saturate(170%);
}

#centercontent .entrylistItemTitle{
  border-bottom:0;
  border-radius:var(--radius) var(--radius) 0 0;
  box-shadow:none;
}

#centercontent #myposts .postTitl2{ box-shadow:var(--glass-shadow); }

#centercontent :is(.entrylistItemTitle span, #myposts .postTitl2 > a span){
  font-size:20px;
  font-weight:900;
  color:var(--text)!important;
}

#centercontent :is(.entrylistItemTitle:hover span, #myposts .postTitl2 > a:hover span){
  color:var(--pink)!important;
}

#centercontent .entrylistitem .c_b_p_desc{
  margin:0 0 var(--gap);
  padding:14px 18px;
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  border-top:0;
  border-radius:0 0 var(--radius) var(--radius);
  box-shadow:var(--glass-shadow);
  color:var(--muted);
  overflow:hidden;
}
#centercontent #myposts .postText2:empty{ display:none; }

#centercontent :is(.postlist, .entrylistitem) .c_b_p_desc .desc_img{
  max-width:100%;
  height:auto;
  border-radius:14px;
  display:block;
  margin:10px 0 12px;
}

#centercontent :is(.postlist, .entrylistitem) .c_b_p_desc_readmore{
  margin-left:8px;
  font-weight:800;
  color:var(--purple)!important;
}

#centercontent :is(.postlist, .entrylistitem) .c_b_p_desc_readmore:hover{
  color:var(--pink)!important;
}

#centercontent :is(.entrylistitem .itemdesc, #myposts .postDesc2){
  display:none!important;
}

#centercontent .entrylistitem > a.entrylistItemTitle{
  border-radius: var(--radius) var(--radius) 0 0 !important;
  border-bottom: 0 !important;
}

#centercontent .entrylistitem > .c_b_p_desc{
  border-radius: 0 0 var(--radius) var(--radius) !important;
  border-top: 0 !important;
  margin-top: 0 !important;
}


#calendar{ display:none!important; } /* 可选：要不要隐藏日历 */
#calendar ~ *{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}