/* 导航 */
.nav{display:flex;align-items:center;gap:2px;list-style:none}
.nav li{list-style:none}
.nav__item{position:relative}
.nav__link{
  display:inline-flex;align-items:center;padding:10px 12px;border-radius:var(--radius-sm);
  font-size:15.5px;letter-spacing:.06em;color:rgba(251,246,236,.84);
  transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease);
}
.nav__link:hover{color:var(--gold-300);background:rgba(232,185,120,.16)}
.nav__item.is-active>.nav__link{color:var(--gold-300);font-weight:600}
.nav__item.is-active>.nav__link::after{
  content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;background:var(--gold-400);
}

.nav-launch{display:none;width:44px;height:44px;place-items:center;border-radius:var(--radius-sm);color:var(--gold-300)}
.nav-launch svg{width:22px;height:22px}
.nav-launch .icon-close{display:none}
.site-header.is-open .nav-launch .icon-menu{display:none}
.site-header.is-open .nav-launch .icon-close{display:block}

@media (max-width:900px){
  .nav-launch{display:grid}
  .nav{
    display:none;position:fixed;left:0;right:0;top:var(--header-h);
    flex-direction:column;align-items:stretch;gap:0;
    padding:0;max-height:calc(100dvh - var(--header-h));overflow:auto;
    background:var(--cream-100);
    border-bottom:1px solid rgba(201,154,63,.45);
    box-shadow:0 18px 34px -26px rgba(94,20,15,.6);
    scrollbar-width:none;
  }
  .nav::-webkit-scrollbar{width:0;height:0}
  .site-header.is-open .nav{display:flex}
  .nav__item{border-bottom:1px solid var(--line)}
  .nav__item:last-child{border-bottom:0}
  .nav__link{
    display:flex;width:100%;justify-content:space-between;align-items:center;
    padding:15px var(--s5);font-size:16.5px;color:var(--ink-900);border-radius:0;
    border-left:3px solid transparent;
  }
  .nav__item.is-active>.nav__link{background:rgba(201,154,63,.12);border-left-color:var(--gold-500)}
  .nav__link:hover{color:var(--red-800);background:rgba(201,154,63,.14)}
  .nav__item.is-active>.nav__link{color:var(--red-800)}
  .nav__item.is-active>.nav__link::after{display:none}
}

/* 按钮 */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);
  min-height:44px;padding:0 var(--s5);border-radius:999px;
  font-size:16px;letter-spacing:.08em;
  transition:transform var(--t-fast) var(--ease),background var(--t-fast),color var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast);
}
.btn svg{width:16px;height:16px;transition:transform var(--t-fast) var(--ease)}
.btn:hover svg{transform:translateX(3px)}
.btn--primary{background:var(--red-800);color:var(--cream-100);border:1px solid rgba(201,154,63,.34);box-shadow:0 12px 28px -18px rgba(94,20,15,.95)}
.btn--primary:hover{background:var(--red-700);transform:translateY(-1px)}
.btn--ghost{color:var(--red-800);border:1px solid rgba(192,70,51,.34)}
.btn--ghost:hover{background:rgba(201,154,63,.14);border-color:var(--red-800)}
.section--dark .btn--ghost,.hero .btn--ghost,.cta .btn--ghost{color:var(--gold-300);border-color:rgba(201,154,63,.65)}
.section--dark .btn--ghost:hover,.hero .btn--ghost:hover,.cta .btn--ghost:hover{background:rgba(201,154,63,.18);border-color:var(--gold-300)}
.btn:active{transform:translateY(0)}

/* 章节卡 */
.chapter-card{
  position:relative;display:flex;flex-direction:column;gap:var(--s3);
  padding:var(--s5);background:var(--cream-100);
  border:1px solid var(--line);border-radius:var(--radius);
  transition:transform var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease),border-color var(--t-base);
}
.chapter-card:hover,.chapter-card:focus-within{transform:translateY(-3px);box-shadow:var(--shadow-card);border-color:rgba(192,70,51,.32)}
.chapter-card__no{font-family:var(--font-display);font-size:13px;letter-spacing:.22em;color:var(--gold-500)}
.chapter-card h3{font-size:21px;color:var(--ink-900)}
.chapter-card p{font-size:15.5px;line-height:1.85;color:var(--ink-500)}
.chapter-card__go{margin-top:auto;padding-top:var(--s2);display:inline-flex;align-items:center;gap:6px;font-size:13.5px;letter-spacing:.14em;color:var(--red-800)}
.chapter-card__go svg{width:14px;height:14px;transition:transform var(--t-fast) var(--ease)}
.chapter-card:hover .chapter-card__go svg{transform:translateX(4px)}
.chapter-card__link{position:absolute;inset:0;border-radius:var(--radius)}

/* 印章 */
.seal{
  display:inline-grid;place-items:center;width:46px;height:46px;
  background:var(--red-800);color:var(--cream-100);
  font-family:var(--font-display);font-size:17px;letter-spacing:0;
  border-radius:var(--radius-sm);
}

/* 照片框：不叠色，只在中性压暗保证图注可读 */
.photo-frame{position:relative;overflow:hidden;border-radius:var(--radius);isolation:isolate;background:var(--red-900)}
.photo-frame img{width:100%;height:100%;object-fit:cover;display:block}
.photo-frame::before{
  content:"";position:absolute;left:0;right:0;bottom:0;height:46%;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(16,11,11,0),rgba(16,11,11,.8));
}
.photo-frame__cap{
  position:absolute;z-index:2;left:var(--s4);right:var(--s4);bottom:var(--s4);
  color:var(--gold-300);font-size:13.5px;letter-spacing:.1em;line-height:1.6;
  text-shadow:0 1px 10px rgba(16,11,11,.9);
}

/* 面包屑与分页 */
.breadcrumb{display:flex;align-items:center;gap:var(--s2);font-size:13.5px;color:rgba(251,246,236,.62);letter-spacing:.06em}
.breadcrumb a{color:var(--gold-300)}
.breadcrumb a:hover{text-decoration:underline}
.breadcrumb li+li::before{content:"/";margin-right:var(--s2);opacity:.55}
.pager{display:flex;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;margin-top:var(--s8);padding-top:var(--s5);border-top:1px solid var(--line);font-size:15px}
.pager a{display:inline-flex;align-items:center;gap:8px;color:var(--red-800)}
.pager a:hover{text-decoration:underline}
.pager svg{width:14px;height:14px}

/* 订阅类辅助 */
.stat{display:flex;flex-direction:column;gap:var(--s1)}
.stat__num{font-family:var(--font-display);font-size:clamp(28px,3.6vw,42px);line-height:1.2;color:var(--gold-300);font-variant-numeric:tabular-nums}
.stat__unit{font-size:13.5px;letter-spacing:.16em;color:rgba(251,246,236,.68)}
.stat__label{font-size:13.5px;color:rgba(251,246,236,.62)}

/* 进度条与回到顶部 */
.progress{position:fixed;inset:0 0 auto;height:2px;z-index:120;pointer-events:none}
.progress__bar{height:100%;width:0;background:linear-gradient(90deg,var(--gold-500),var(--red-700))}
.to-top{
  position:fixed;right:var(--s4);bottom:var(--s4);z-index:110;
  width:44px;height:44px;display:grid;place-items:center;border-radius:50%;
  background:var(--red-800);color:var(--cream-100);
  box-shadow:0 12px 26px -14px rgba(94,20,15,.9);
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity var(--t-base) var(--ease),transform var(--t-base) var(--ease),visibility var(--t-base);
}
.to-top.is-in{opacity:1;visibility:visible;transform:none}
.to-top svg{width:18px;height:18px}

/* 无 JS 兜底导航 */
.noscript-nav{padding:var(--s4);background:var(--cream-200);font-size:14px}
.noscript-nav a{color:var(--red-800);margin-right:var(--s3)}
.pager > :only-child{margin-left:auto}