#cnblogs_ch
{
    display:none;
}
#opt_under_post
{
    display:none;
}
#related_posts_card
{
    display:none;
}
#under_post_card1
{
    display:none;
}
#under_post_card2
{
    display:none;
}
.typing-text
{
    
}
body {
    /* background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/hdr3ch2o.png); */
    /* 背景图垂直、水平均居中 */
    background-position: center center;
    /* 背景图不平铺 */
    background-repeat: no-repeat;
    /* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */
    background-attachment: fixed;
    /* 让背景图基于容器大小伸缩 */
    background-size: 100% auto;
    /* 设置背景颜色，背景图加载过程中会显示背景色 */
    background-color: #FFF8E7;
}
#home
{
    opacity: 0.55;
}
#nav_main
{
    display: none;
}
/* 博客园加载动画 */
.loading-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFF8E7;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    transition: opacity 0.5s ease;
}

.loader {
    width: 60px;
    height: 30px;
    display: grid;
    margin: 20px auto;
}

.loader:before,
.loader:after {
    content: "";
    grid-area: 1/1;
    --c: no-repeat linear-gradient(#062b70c3  0 0); /* 博客园主题色 */
    background: var(--c), var(--c), var(--c);
    animation: l14-1 1s infinite linear, l14-2 1s infinite linear;
}

.loader:after {
    transform: scale(-1);
}

@keyframes l14-1 {
    0%, 3% { background-size: 0 4px, 4px 0, 0 4px; }
    16.67% { background-size: calc(50% - 6px) 4px, 4px 0, 0 4px; }
    33.33% { background-size: calc(50% - 6px) 4px, 4px 14px, 0 4px; }
    46%, 54% { background-size: calc(50% - 6px) 4px, 4px 14px, calc(50% + 6px) 4px; }
    66.67% { background-size: 0 4px, 4px 14px, calc(50% + 6px) 4px; }
    83.33% { background-size: 0 4px, 4px 0, calc(50% + 6px) 4px; }
    96%, 100% { background-size: 0 4px, 4px 0, 0 4px; }
}

@keyframes l14-2 {
    0%, 49.9% { background-position: 0 50%, left calc(50% - 6px) bottom 13px, left 24px top 3px; }
    50%, 100% { background-position: right 36px top 50%, left calc(50% - 6px) top 3px, right 0 top 3px; }
}

.loading-text {
    margin-top: 20px;
    color: #2e6da4;
    font-family: 'Microsoft YaHei', sans-serif;
    font-size: 16px;
    font-weight: 500;
}

/* 页面加载完成后的样式 */
body.loaded #mainContent {
    opacity: 1 !important;
}

#mainContent {
    opacity: 0;
    transition: opacity 0.5s ease;
}

/*首页上方文字*/
.header-loader {  /* 改为这个类名 */
  max-width: fit-content;
  color: #2e6da4;
  font-size: 80px;
  font-family: "Microsoft YaHei", sans-serif;
  position: relative;
  font-style: italic;
  font-weight: 600;
  text-align: center;
  margin: 20px auto;

}
#cnblogs-header-text {
    background: transparent !important;
}
.header-loader span {  /* 改为这个类名 */
  animation: cut 2s infinite;
}
.header-loader::after {  /* 改为这个类名 */
  position: absolute;
  content: "";
  width: 100%;
  height: 6px;
  border-radius: 4px;
  background-color: #ff828291;
  top: -10px;
  filter: blur(10px);
  animation: scan 2s infinite;
  left: 0;
  z-index: 0;
}
.header-loader::before {  /* 改为这个类名 */
  position: absolute;
  content: "";
  width: 100%;
  height: 5px;
  border-radius: 4px;
  background-color: #ff8282;
  top: 0px;
  animation: scan 2s infinite;
  left: 0;
  z-index: 1;
  filter: opacity(0.9);
  top: -10px;
}
@keyframes scan {
  0% { top: 0px; }
  25% { top: 90px; }
  50% { top: 0px; }
  75% { top: 90px; }
}
@keyframes cut {
  0% { clip-path: inset(0 0 0 0); }
  25% { clip-path: inset(100% 0 0 0); }
  50% { clip-path: inset(0 0 100% 0); }
  75% { clip-path: inset(0 0 0 0); }
}