/* 强制首页 Slogan（打字机文字）锐化 */
.index-info .typed-text {
 color: #000000 !important; /* 纯黑 */
  /* 如果背景较深，加一个淡淡的白色发光边缘，文字会更清晰 */
  text-shadow: 0 0 2px rgba(255, 255, 255, 0.5) !important; 
  font-weight: 800 !important; /* 加粗 */
  filter: none !important;
}

/* 如果是副标题（slogan 下方的小字）模糊 */
.index-info .index-slogan {
  color: #000000 !important;
}

/* 2. 强化看板娘对话框文字清晰度 */
#waifu-tips {
  color: #333 !important;              /* 对话框通常是浅色背景，文字用深色 */
  font-weight: 500 !important;
  opacity: 1 !important;               /* 确保不透明 */
  line-height: 1.5;
}

/* 3. 如果看板娘对话框背景太透明，也可以改亮一点 */
.waifu-tips {
  background-color: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

/* 隐藏版权声明中的许可协议图标和文字 */
.post-copyright-license {
  display: none !important;
}

/* 全局底色/底图设置 */
body {
    /* 引用你本地的图片地址 */
    background-image: url("/img/senery3.jpg"); 
    
    /* 让背景图固定，不随滚动条晃动 */
    background-attachment: fixed; 
    
    /* 背景图全屏铺满 */
    background-size: cover;
    
    /* 背景图居中 */
    background-position: center;
}

/* 为了让正文更有“纸张感”，可以给正文容器加一点点透明度或阴影（可选） */
.column-content {
    background-color: rgba(255, 255, 255, 0.9); /* 白色背景，90% 不透明 */
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* 如果你用的是 Fluid 的深色模式，记得适配 */
[data-user-color-scheme='dark'] .column-content {
    background-color: rgba(30, 30, 30, 0.9);
}

/* ========== 首页文章卡片优化（亮色卡片 / 暗色透明） ========== */


/* 标题更自然 */
.index-header {
  margin-bottom: 0.65rem !important;
  font-size: 1.35rem !important;
  line-height: 1.5 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
}

/* 首页简介：由 front-matter 的 description 驱动 */
.index-excerpt {
  display: block !important;
  margin: 0.35rem 0 0.8rem 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  font-size: 0.98rem;
  line-height: 1.75;
}

.index-excerpt > div {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  width: 100%;
}

/* 底部元信息 */
.index-btm {
  margin-top: 0.1rem;
  padding-top: 0.6rem;
}

/* 图片统一 */
.index-img img {
  border-radius: 14px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

/* 卡片 hover 动效 */
.index-card {
  transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease;
  will-change: transform;
}

@media (hover: hover) and (pointer: fine) {
  .index-card:hover {
    transform: translateY(-4px);
  }
}

/* ========== 仅亮色模式：首页做独立卡片 ========== */
html[data-user-color-scheme='light'] .index-card {
  margin: 0 0 1.75rem 0 !important;
  padding: 1.25rem 1.5rem !important;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.65);
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

html[data-user-color-scheme='light'] .index-card:hover {
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.12);
}

html[data-user-color-scheme='light'] .index-info {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html[data-user-color-scheme='light'] .index-excerpt {
  color: rgba(60, 60, 67, 0.78) !important;
}

html[data-user-color-scheme='light'] .index-btm {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

/* ========== 暗色模式：首页保持原来透明连贯风格 ========== */
html[data-user-color-scheme='dark'] .index-card {
  margin-bottom: 2.5rem !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-user-color-scheme='dark'] .index-info {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

html[data-user-color-scheme='dark'] .index-excerpt {
  color: rgba(230, 237, 243, 0.72) !important;
}

html[data-user-color-scheme='dark'] .index-btm {
  border-top: none !important;
}

html[data-user-color-scheme='dark'] .index-card:hover {
  box-shadow: none !important;
}

/* 手机端 */
@media (max-width: 767px) {
  html[data-user-color-scheme='light'] .index-card {
    padding: 1rem !important;
    margin-bottom: 1.1rem !important;
    border-radius: 14px;
  }

  .index-header {
    font-size: 1.18rem !important;
    margin-bottom: 0.5rem !important;
  }

  .index-excerpt {
    font-size: 0.94rem;
    line-height: 1.65;
    margin-bottom: 0.65rem !important;
  }
}
/* ========== Mystery entry button on about page ========== */
.about-content .mystery-entry-section {
  position: relative;
  margin: clamp(56rem, 96vh, 80rem) auto 2rem;
  padding: 2.6rem 0 1.2rem;
  text-align: center;
}

.about-content .mystery-entry-section::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(520px, 88vw);
  height: 240px;
  transform: translate(-50%, -50%);
  background:
    radial-gradient(circle, rgba(59, 98, 196, 0.2), transparent 48%),
    radial-gradient(circle at 70% 42%, rgba(144, 234, 255, 0.18), transparent 38%),
    radial-gradient(circle at 38% 68%, rgba(255, 170, 222, 0.16), transparent 36%);
  filter: blur(40px);
  pointer-events: none;
  z-index: 0;
}

.about-content .mystery-entry-hint {
  position: relative;
  z-index: 1;
  margin: 1.2rem 0 0;
  color: rgba(69, 78, 112, 0.72);
  font-size: 0.92rem;
  letter-spacing: 0.08em;
}

.about-content .mystery-entry-button {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 270px;
  min-height: 68px;
  padding: 1.05rem 2.7rem;
  border-radius: 999px;
  overflow: hidden;
  isolation: isolate;
  text-decoration: none !important;
  color: #f8fbff !important;
  letter-spacing: 0.34em;
  font-size: 1.02rem;
  font-weight: 700;
  text-transform: uppercase;
  background:
    radial-gradient(circle at 50% 50%, rgba(205, 247, 255, 0.3), transparent 30%),
    linear-gradient(135deg, rgba(16, 36, 88, 0.98), rgba(33, 92, 148, 0.96) 32%, rgba(121, 67, 171, 0.94) 68%, rgba(239, 128, 177, 0.95));
  border: 1px solid rgba(214, 235, 255, 0.34);
  box-shadow:
    0 24px 48px rgba(18, 34, 79, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.34),
    inset 0 -10px 20px rgba(21, 11, 48, 0.22),
    0 0 36px rgba(108, 171, 255, 0.22);
  transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease;
}

.about-content .mystery-entry-button::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.24), transparent 24%, transparent 74%, rgba(255, 255, 255, 0.2)),
    radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.2), transparent 44%);
  opacity: 0.95;
  z-index: -1;
}

.about-content .mystery-entry-button::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 16px);
  transform: translate(-50%, 10px) scale(0.96);
  padding: 0.72rem 1rem;
  border-radius: 14px;
  background: rgba(11, 18, 38, 0.96);
  color: #f6f8ff;
  white-space: nowrap;
  letter-spacing: normal;
  font-size: 0.92rem;
  font-weight: 600;
  box-shadow: 0 14px 30px rgba(16, 19, 39, 0.18);
  border: 1px solid rgba(150, 169, 255, 0.18);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.22s ease, transform 0.22s ease;
}

.about-content .mystery-entry-button:hover {
  transform: translateY(-5px) scale(1.035);
  filter: saturate(1.14) brightness(1.04);
  box-shadow:
    0 28px 58px rgba(18, 34, 79, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    inset 0 -12px 22px rgba(21, 11, 48, 0.24),
    0 0 46px rgba(131, 198, 255, 0.34);
}

.about-content .mystery-entry-button:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 4px rgba(140, 181, 255, 0.22),
    0 18px 40px rgba(56, 37, 99, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.32);
}

.about-content .mystery-entry-stars {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

.about-content .mystery-entry-stars::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 34%, rgba(255, 255, 255, 0.96) 0 1px, transparent 2.4px),
    radial-gradient(circle at 78% 28%, rgba(205, 247, 255, 0.92) 0 1.2px, transparent 3px),
    radial-gradient(circle at 65% 72%, rgba(255, 209, 244, 0.88) 0 1.5px, transparent 3px),
    radial-gradient(circle at 34% 69%, rgba(188, 230, 255, 0.9) 0 1px, transparent 2.8px),
    radial-gradient(circle at 52% 44%, rgba(255, 245, 199, 0.78) 0 1.2px, transparent 3px);
  opacity: 0.94;
}

.about-content .mystery-entry-stars::after {
  content: "";
  position: absolute;
  inset: -18%;
  background:
    conic-gradient(from 180deg at 50% 50%, transparent 0deg, rgba(194, 246, 255, 0.26) 70deg, transparent 132deg, rgba(255, 196, 236, 0.24) 226deg, transparent 288deg, rgba(255, 255, 255, 0.22) 360deg);
  animation: mystery-entry-aurora 8s linear infinite;
  opacity: 0.84;
  mix-blend-mode: screen;
}

.about-content .mystery-entry-text {
  position: relative;
  z-index: 1;
  text-shadow: 0 0 12px rgba(255, 255, 255, 0.18);
}

@media (hover: hover) and (pointer: fine) {
  .about-content .mystery-entry-button:hover::after {
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
  }
}

@media (max-width: 767px) {
  .about-content .mystery-entry-section {
    margin-top: clamp(40rem, 72vh, 56rem);
    padding-top: 1.6rem;
  }

  .about-content .mystery-entry-button {
    min-width: 220px;
    min-height: 62px;
    padding: 0.95rem 2rem;
    letter-spacing: 0.22em;
  }

  .about-content .mystery-entry-hint {
    padding: 0 0.8rem;
  }
}

@keyframes mystery-entry-aurora {
  0% {
    transform: rotate(0deg) scale(1);
  }
  100% {
    transform: rotate(360deg) scale(1.06);
  }
}