/* Article heading windmill icons */
#content-inner.layout h1::before,
#content-inner.layout h2::before,
#content-inner.layout h3::before,
#content-inner.layout h4::before,
#content-inner.layout h5::before,
#content-inner.layout h6::before {
  -webkit-animation: ccc 4s linear infinite;
  animation: ccc 4s linear infinite;
}

@-webkit-keyframes ccc {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
  }
}

@keyframes ccc {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
  }
}

#content-inner.layout h1::before {
  color: #ef50a8;
  margin-left: -1.55rem;
  font-size: 1.3rem;
  margin-top: -0.23rem;
}

#content-inner.layout h2::before {
  color: #fb7061;
  margin-left: -1.35rem;
  font-size: 1.1rem;
  margin-top: -0.12rem;
}

#content-inner.layout h3::before {
  color: #ffbf00;
  margin-left: -1.22rem;
  font-size: 0.95rem;
  margin-top: -0.09rem;
}

#content-inner.layout h4::before {
  color: #a9e000;
  margin-left: -1.05rem;
  font-size: 0.8rem;
  margin-top: -0.09rem;
}

#content-inner.layout h5::before {
  color: #57c850;
  margin-left: -0.9rem;
  font-size: 0.7rem;
  margin-top: 0;
}

#content-inner.layout h6::before {
  color: #5ec1e0;
  margin-left: -0.9rem;
  font-size: 0.66rem;
  margin-top: 0;
}

#content-inner.layout h1:hover,
#content-inner.layout h2:hover,
#content-inner.layout h3:hover,
#content-inner.layout h4:hover,
#content-inner.layout h5:hover,
#content-inner.layout h6:hover {
  color: var(--theme-color);
}

#content-inner.layout h1:hover::before,
#content-inner.layout h2:hover::before,
#content-inner.layout h3:hover::before,
#content-inner.layout h4:hover::before,
#content-inner.layout h5:hover::before,
#content-inner.layout h6:hover::before {
  color: var(--theme-color);
  -webkit-animation: ccc 6s linear infinite;
  animation: ccc 6s linear infinite;
}

/* 侧边栏个人信息卡片动态渐变色 */
#aside-content > .card-widget.card-info {
  background: linear-gradient(
    -45deg,
    #e8d8b9,
    #eccec5,
    #a3e9eb,
    #bdbdf0,
    #eec1ea
  );
  box-shadow: 0 0 5px rgb(66, 68, 68);
  position: relative;
  background-size: 400% 400%;
  -webkit-animation: Gradient 10s ease infinite;
  -moz-animation: Gradient 10s ease infinite;
  animation: Gradient 10s ease infinite !important;
}
@-webkit-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-moz-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* 黑夜模式适配 */
[data-theme="dark"] #aside-content > .card-widget.card-info {
  background: #191919ee;
}

/* 个人信息卡片背景图 */
[data-theme="light"] #aside-content > .card-widget.card-info {
  background-image: url("https://s41.ax1x.com/2026/10/22/pnBLvm6.jpg");
  background-repeat: no-repeat;
  background-attachment: inherit;
  background-size: 100%;
}
[data-theme="dark"] #aside-content > .card-widget.card-info {
  background-image: url("https://s41.ax1x.com/2026/10/22/pnBLvm6.jpg");
  background-repeat: no-repeat;
  background-attachment: inherit;
  background-size: 100%;
}

/* 新年侧边栏 */
#newYear {
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid #777f80;
  border-radius: 26px;
  background: #191a1b;
  color: #e5e7e7;
}
#newYear .item-headline {
  display: none;
}
#newYear-main {
  min-height: 158px;
  padding: 14px 16px;
  display: grid;
  grid-template-columns: minmax(88px, 0.75fr) minmax(0, 2fr);
  align-items: center;
  gap: 12px;
  box-sizing: border-box;
  overflow: hidden;
}
#newYear-main p {
  margin: 0;
}
#newYear-main .newYear-countdown {
  position: relative;
  z-index: 1;
  text-align: center;
  min-width: 0;
}
#newYear-main .title {
  font-size: 1rem;
  font-weight: 700;
  white-space: nowrap;
}
#newYear-main .newYear-time {
  color: #62cec5;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.15;
}
#newYear-main .today {
  color: #a0a2a7;
  font-size: 0.9rem;
  white-space: nowrap;
}
#newYear-main .newYear-progress {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}
#newYear-main .newYear-progress-row {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
}
#newYear-main .newYear-period {
  color: #d0d1d2;
  white-space: nowrap;
}
#newYear-main .newYear-progress-bar {
  position: relative;
  height: 28px;
  overflow: hidden;
  border-radius: 8px;
  background: #263d3c;
}
#newYear-main .newYear-progress-bar::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--progress, 0%);
  border-radius: inherit;
  background: #2e817b;
  content: "";
  transition: width 0.4s ease;
}
#newYear-main .newYear-progress-value,
#newYear-main .newYear-progress-remaining {
  position: absolute;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  white-space: nowrap;
  line-height: 1;
}
#newYear-main .newYear-progress-value {
  left: 8px;
  color: #73d7ce;
  font-weight: 700;
  font-size: 0.75rem;
}
#newYear-main .newYear-progress-remaining {
  right: 8px;
  color: #b8c5c4;
  font-size: 0.68rem;
}
#newYear-main .newYear-firecracker {
  position: absolute;
  top: -24px;
  z-index: 0;
  pointer-events: none;
  opacity: 0.34;
  font-size: 18px;
  animation: newYearFirecrackerFall 4.5s linear forwards;
}
@keyframes newYearFirecrackerFall {
  to {
    transform: translateY(220px) rotate(480deg);
  }
}
@media (max-width: 400px) {
  #newYear-main {
    grid-template-columns: minmax(76px, 0.7fr) minmax(0, 2fr);
    gap: 8px;
    padding: 12px;
  }
  #newYear-main .newYear-progress-row {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 5px;
  }
  #newYear-main .newYear-progress-value {
    left: 6px;
    font-size: 0.68rem;
  }
  #newYear-main .newYear-progress-remaining {
    right: 6px;
    font-size: 0.62rem;
  }
}

/* 电子时钟 */
.card-widget.card-clock {
  padding: 0 !important;
  overflow: hidden;
  border-radius: 18px;
  background: #35383e;
}
.card-widget.card-clock .card-glass {
  padding: 0;
  background: transparent;
}
.card-widget.card-clock .card-background {
  height: 176px;
  margin: 0;
  padding: 20px 28px;
  border-radius: 18px;
  background: #35383e;
  box-shadow: none;
  box-sizing: border-box;
}
.card-widget.card-clock .card-content {
  height: 100%;
}
.card-widget.card-clock #hexo_electric_clock {
  height: 100%;
  padding: 10px 18px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.card-widget.card-clock .clock-row {
  color: #fff;
  font-size: 0.9rem;
  line-height: 1.5;
}
.card-widget.card-clock .card-clock-time {
  color: #62cec5;
  font-size: clamp(2.25rem, 10vw, 3rem);
  line-height: 1.25;
  text-shadow: 0 0 8px rgba(98, 206, 197, 0.55);
}
.card-widget.card-clock .card-clock-weather,
.card-widget.card-clock .card-clock-clockdate,
.card-widget.card-clock .card-clock-location,
.card-widget.card-clock .card-clock-dackorlight {
  color: #fff;
}
@media (max-width: 400px) {
  .card-widget.card-clock .card-background {
    padding: 16px 18px;
  }
  .card-widget.card-clock #hexo_electric_clock {
    padding: 8px 10px;
  }
}

/* 移除主题默认的蓝色渐变遮罩 */
#aside-content > .card-widget.card-info::before {
  background: none !important;
  animation: none !important;
}

/* 深色模式的交互高亮色 */
[data-theme="dark"] {
  --anzhiyu-theme-deep: #236762;
  --anzhiyu-theme-op-deep: rgba(46, 129, 123, 0.867);
  --anzhiyu-theme-op: rgba(46, 129, 123, 0.137);
  --anzhiyu-hovertext: #2e817b;
  --anzhiyu-lighttext: #2e817b;
}

/* 个人信息Follow me按钮 */
#aside-content > .card-widget.card-info > #card-info-btn {
  background-color: #3eb8be;
  border-radius: 8px;
}

/* 夜间模式菜单栏发光字 */
[data-theme="dark"] #nav .site-page,
[data-theme="dark"] #nav .menus_items .menus_item .menus_item_child li a,
[data-theme="dark"] #sidebar #sidebar-menus .menus_items .site-page {
  text-shadow: 0 0 2px var(--anzhiyu-theme) !important;
}

/* 闪烁变动颜色连续渐变 */
#site-name,
#site-title,
#site-subtitle,
#post-info,
.author-info__name,
.author-info__description {
  transition: text-shadow 1s linear !important;
}

/* 全站卡片毛玻璃 */
:root,
[data-theme="light"] {
  --glass-card-background: rgba(255, 255, 255, 0.3);
  --anzhiyu-card-bg: var(--glass-card-background);
  --card-bg: var(--glass-card-background);
}
[data-theme="dark"] {
  --glass-card-background: rgba(29, 30, 34, 0.3);
  --anzhiyu-card-bg: var(--glass-card-background);
  --card-bg: var(--glass-card-background);
}

#aside-content .card-widget,
#recent-posts > .recent-post-item,
#post,
#page,
#archive,
#tag,
#category,
.author-content-item,
.flink-list-item,
.card-hover {
  background-color: var(--glass-card-background) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

#aside-content > .card-widget.card-info {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)),
    url("https://s41.ax1x.com/2026/10/22/pnBLvm6.jpg") !important;
}
[data-theme="dark"] #aside-content > .card-widget.card-info {
  background-image:
    linear-gradient(rgba(25, 25, 25, 0.7), rgba(25, 25, 25, 0.7)),
    url("https://s41.ax1x.com/2026/10/22/pnBLvm6.jpg") !important;
}

#newYear {
  background-color: rgba(25, 26, 27, 0.3) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

#aside-content .card-widget.card-clock {
  background-color: rgba(53, 56, 62, 0.3) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
#aside-content .card-widget.card-clock .card-background {
  background: transparent !important;
}

/* 顶部导航与即刻短文栏毛玻璃 */
#page-header #nav {
  top: 10px;
  left: 10px;
  width: calc(100% - 20px);
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 18px;
  background-color: rgba(29, 30, 34, 0.3) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
#page-header.nav-fixed #nav {
  background-color: rgba(29, 30, 34, 0.3) !important;
}

#bbTimeList {
  background-color: rgba(255, 255, 255, 0.3) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
[data-theme="dark"] #bbTimeList {
  background-color: rgba(29, 30, 34, 0.3) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

@media (max-width: 768px) {
  #page-header #nav {
    top: 8px;
    left: 8px;
    width: calc(100% - 16px);
  }
}

/* Keep the author avatar visible instead of revealing the card description on hover */
#aside-content .card-info:hover .author-info-avatar {
  opacity: 1;
  transform: scale(1);
}
#aside-content .card-info:hover .author-info__description {
  opacity: 0;
}
#aside-content .card-info:hover .author-status {
  opacity: 1;
  transform: scale(1);
}