@charset "utf-8";

/* =========================================================
   YEN HUE Theme — CMS 集成补丁
   ---------------------------------------------------------
   site.css 与前端 Frontend/assets/css/site.css 完全一致，不做任何修改；
   本文件只处理「yikaicms 渲染管线」带来的额外包裹层与少量集成细节：
     1. 中和 page.php / list.php 输出的 Tailwind 容器（本主题不加载 Tailwind）
     2. 用 nth-child 补上 {yk:list} 循环项无法携带的 data-d 交错延迟
     3. 后台管理条（登录管理员可见）不破坏深色版式
   ========================================================= */

/* ---------- 1. 中和核心模板的 Tailwind 包裹层 ---------- */

body {
  background: var(--bg);
  color: var(--ink);
}

main > section.py-12,
main > section.py-12 > .container,
main > section.py-12 > .container > div,
main > section.py-12 > .container > div > div {
  max-width: none;
  margin: 0;
  padding: 0;
}

main > section.py-12 article.bg-white,
main > section.py-12 > .container article.bg-white {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

main > section.py-12 .prose,
main > section.py-12 .prose-lg,
main > section.py-12 .max-w-none {
  max-width: none;
  margin: 0;
  padding: 0;
}

/* 正文里的图片默认撑满容器宽度，避免 CMS 富文本里的 img 溢出深色卡片 */
main .prose img,
main article img {
  max-width: 100%;
  height: auto;
}

/* ---------- 2. {yk:list} 循环项的交错入场延迟 ---------- */
/* 循环生成的节点无法逐条写 data-d，改用结构选择器还原前端的 stagger 节奏 */

.qlha140 > article:nth-child(2) { transition-delay: 80ms; }
.qlha140 > article:nth-child(3) { transition-delay: 160ms; }
.qlha140 > article:nth-child(4) { transition-delay: 240ms; }
.qlha140 > article:nth-child(5) { transition-delay: 320ms; }

.cbio320 > article:nth-child(2) { transition-delay: 90ms; }
.cbio320 > article:nth-child(3) { transition-delay: 180ms; }

.cyen598 > li:nth-child(2),
.cyen598 > article:nth-child(2) { transition-delay: 80ms; }
.cyen598 > li:nth-child(3),
.cyen598 > article:nth-child(3) { transition-delay: 160ms; }
.cyen598 > li:nth-child(4),
.cyen598 > article:nth-child(4) { transition-delay: 240ms; }

.snzp514 > li:nth-child(2) { transition-delay: 60ms; }
.snzp514 > li:nth-child(3) { transition-delay: 120ms; }
.snzp514 > li:nth-child(4) { transition-delay: 180ms; }
.snzp514 > li:nth-child(5) { transition-delay: 240ms; }
.snzp514 > li:nth-child(6) { transition-delay: 300ms; }

.whly560 > button:nth-child(3n + 2) { transition-delay: 60ms; }
.whly560 > button:nth-child(3n) { transition-delay: 120ms; }

/* ---------- 3. 后台管理条与前台编辑标记的兼容 ---------- */

.yk-admin-bar,
#ykAdminBar {
  position: relative;
  z-index: 9998;
}

[data-yk-edit] {
  position: relative;
}

/* ---------- 4. 无障碍：减少动效 ---------- */

@media (prefers-reduced-motion: reduce) {
  .lwcl296 .ljcb928 {
    opacity: 1;
    transform: none;
    transition: none;
  }
}