/* ============================================================
   page-shell.css — 内页与首页统一的 Midnight Aurora 壳层
   为 page-*.css（手绘变量）提供与 common.css 一致的暗色映射，
   并补充 shell-hero / title-metal / 玻璃 sketch-box。
   ============================================================ */

@import url('pearl-shell.css');

html.theme-midnight-aurora {
  /* 与旧版 page-*.css 中 var(--ink) 等对齐 → 映射到极光主题 */
}

/* 玻璃卡片：替代白底手绘盒 */

/* 马克笔高亮 → 极光渐变条 */

html.theme-midnight-aurora .section-header h2::after {
  background: linear-gradient(90deg, rgba(99, 102, 241, 0.5), rgba(232, 121, 249, 0.45));
  height: 5px;
  bottom: -4px;
}

html.theme-midnight-aurora .section-header p {
  color: var(--muted);
}

/* Lucide 线色随文字 */
html.theme-midnight-aurora .lucide {
  stroke: currentColor;
}

/* —— 珍珠雅境（首页专用主题变量） —— */
html.theme-pearl-elegance {
}

html.theme-pearl-elegance .lucide {
  stroke: currentColor;
}

/* —— 内页首屏：与 idx-hero 同系的收窄条带 —— */

@keyframes shell-aurora-pulse {
  0% {
    opacity: 0.88;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1.02);
  }
}

/* 内页大标题：与首页 title-metal 同系（不依赖 page-index.css） */

.page-shell.page-main {
  padding-top: 0;
}

/* 帮助页等：快捷链 pill → 极光描边 */

/* 博客列表顶区：与 shell 一致 */

/* 博客文章（无顶栏导航）：顶栏与分隔线随极光主题 */
html.theme-midnight-aurora[data-layout-no-nav] .blog-article-topbar {
  border-bottom-color: rgba(167, 139, 250, 0.22);
}

html.theme-midnight-aurora[data-layout-no-nav] .blog-article-head {
  border-bottom-color: rgba(167, 139, 250, 0.2);
}

html.theme-midnight-aurora[data-layout-no-nav] .blog-article-body h2 {
  border-left-color: rgba(167, 139, 250, 0.55);
}