/**
 * republic-uplift.css — 民国门户视觉提升层（2026-07-24）
 * 目标：编辑/文献气质的高级感——统一暖纸+墨+朱红一色系、化盒为线、放大字号留白。
 * 追加在 republic-page.css 之后，同特异性后者胜，故此层覆盖基线。
 * 刻意不走深色主题：全程暖纸底，仅以朱红做克制点睛。
 */

/* ── 版心基调：更暖的纸、更深的墨、单一朱红 ─────────────────── */
.republic-page {
  --u-paper: #f4efe4;
  --u-paper-card: #faf6ec;
  --u-ink: #211c16;
  --u-ink-soft: #5c5346;
  --u-hair: rgba(120, 104, 82, 0.24);
  --u-hair-soft: rgba(120, 104, 82, 0.14);
  --u-red: #8f2a24;
  background: #ece5d8;
}
.republic-page .read-shell {
  background: var(--u-paper);
  padding-bottom: 5rem;
}

/* ── Hero：更大气的报头 ───────────────────────────────────── */
.republic-page .hero--republic-xuan .hero-inner,
.republic-page .fsmag-roc-hero-inner {
  padding-top: 4.4rem;
  padding-bottom: 3.2rem;
}
.republic-page .hero--republic-xuan .hero-title {
  font-size: clamp(4rem, 13vw, 7.5rem);
  letter-spacing: 0.16em;
  color: var(--u-ink);
}
.republic-page .hero--republic-xuan .hero-en {
  font-size: 11px;
  letter-spacing: 0.42em;
  color: var(--u-red);
  margin-bottom: 14px;
}
.republic-page .hero--republic-xuan .hero-desc {
  font-size: 15px;
  line-height: 1.9;
  max-width: 460px;
  color: var(--u-ink-soft);
  margin-top: 14px;
}
.republic-page .hero--republic-xuan .hero-date {
  letter-spacing: 0.28em;
  color: #9a8a72;
}

/* ── 刊首语：去盒，改为留白 + 左侧朱红细线 ───────────────────── */
.republic-page .opening-note {
  border: none;
  background: transparent;
  border-left: 2px solid var(--u-red);
  padding: 0.4rem 0 0.4rem 1.2rem;
  margin: 1.6rem 0 2.2rem;
}
.republic-page .opening-kicker {
  font-size: 11px;
  letter-spacing: 0.24em;
  color: var(--u-red);
}
.republic-page .opening-text {
  font-size: 15px;
  line-height: 2.05;
  color: #3a352d;
  max-width: 46rem;
}

/* ── 章节之间的呼吸 + 统一 section-head 编辑气质 ──────────────── */
.republic-page .read-lower {
  margin-top: 4.5rem;
  padding-top: 0;
  border-top: none;
}
.republic-page .section-head h2 {
  font-size: 22px;
  letter-spacing: 0.16em;
  font-weight: 600;
  color: var(--u-ink);
}
.republic-page .section-head span {
  font-size: 10px;
  letter-spacing: 0.2em;
  color: var(--u-red);
}

/* ── Topic strips：化盒为线、统一底色与朱红点睛、拉开间距 ───────── */
.republic-page .topic-strip,
.republic-page .topic-strip:nth-of-type(1),
.republic-page .topic-strip:nth-of-type(2),
.republic-page .topic-strip:nth-of-type(3),
.republic-page .topic-strip:nth-of-type(4),
.republic-page .topic-strip:nth-of-type(5) {
  background: transparent;
  border: none;
  border-top: 1px solid var(--u-hair);
  padding: 2.6rem 0 0.4rem;
  margin-top: 3.4rem;
  border-radius: 0;
}
/* 统一朱红点睛，取消五色 tone 噪音 */
.republic-page .topic-strip[data-tone] { --strip-accent: var(--u-red); }
/* 重定位竖条与标题下细线（strip 已去 padding） */
.republic-page .topic-strip::before {
  left: 0;
  top: 2.9rem;
  width: 3px;
  height: 1.5rem;
  background: var(--u-red);
}
.republic-page .topic-strip::after { display: none; }
.republic-page .topic-strip .section-head {
  padding-left: 0.9rem;
  margin-bottom: 1.5rem;
}
.republic-page .topic-strip h2 {
  font-size: 34px;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: var(--u-ink);
}
@media (min-width: 720px) {
  .republic-page .topic-strip h2 { font-size: 42px; }
}
.republic-page .topic-strip .section-head span {
  color: var(--u-red);
  font-size: 11px;
  letter-spacing: 0.18em;
}

/* ── 卡片：去边框去底，图 + 题下排的开放式编辑网格 ───────────── */
.republic-page .rail-track { gap: 1.5rem 1.4rem; }
.republic-page .rail-card {
  border: none;
  background: transparent;
  border-radius: 0;
}
.republic-page .rail-card:hover { box-shadow: none; }
.republic-page .rail-thumb {
  aspect-ratio: 4 / 5;
  max-height: none;
  border-radius: 2px;
  background: var(--u-paper-card);
  box-shadow: 0 1px 0 var(--u-hair-soft);
}
.republic-page .rail-card:hover .rail-thumb img { transform: scale(1.04); }
.republic-page .rail-meta {
  border-top: none;
  background: transparent;
  padding: 0.6rem 0.1rem 0;
}
.republic-page .rail-kicker {
  font-size: 10px;
  letter-spacing: 0.18em;
  color: var(--u-red);
}
.republic-page .rail-title {
  font-size: 15px;
  line-height: 1.55;
  font-weight: 500;
  color: var(--u-ink);
  margin-top: 0.28rem;
  transition: color 0.2s var(--ease-out);
}
.republic-page .rail-card:hover .rail-title { color: var(--u-red); }

/* 无封面：素雅纸卡 + 朱红细边 + 极淡"第一街"落款，取代灰块/黑块 */
.republic-page .rail-thumb-empty {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    linear-gradient(135deg, #faf6ec 0%, #f1e9d8 100%);
  border: 1px solid var(--u-hair-soft);
  box-shadow: inset 0 0 0 3px rgba(143, 42, 36, 0.04);
}
.republic-page .rail-thumb-seal {
  font-family: "Noto Serif SC", "Songti SC", serif;
  font-size: clamp(14px, 3.4vw, 22px);
  letter-spacing: 0.26em;
  color: rgba(143, 42, 36, 0.28);
  writing-mode: vertical-rl;
  text-orientation: upright;
}

/* ── 本期选读 trio：去黑底占位，统一纸调 ──────────────────────── */
.republic-page .trio { border: 1px solid var(--u-hair); background: var(--u-paper-card); }
.republic-page .trio-card { border-color: var(--u-hair-soft); background: var(--u-paper-card); }
.republic-page .trio-card:hover { background: #fffdf7; }
.republic-page .trio-card .pic { background: var(--u-paper); }

/* ── 日记区：软化盒线 ─────────────────────────────────────── */
.republic-page .diary-zone {
  border: 1px solid var(--u-hair);
  background: var(--u-paper-card);
  padding: 1rem;
}

/* ═══════════════════════════════════════════════════════════════
   子页提升层（faces/vista/lianda/lizhuang/lurk/shenbao）
   手法同 hub：暖纸底、放大报头/栏目题、化盒为线、深色块改纸、留白。
   ═══════════════════════════════════════════════════════════════ */

/* 页面底色统一暖纸 */
.republic-page.faces-page,
.republic-page.vista-page,
.republic-page.republic-subpage { background: #ece5d8; }
.republic-page .read-shell,
.republic-page .faces-shell,
.republic-page .vista-shell { background: var(--u-paper); }

/* 子页报头放大 */
.republic-page .faces-hero h1,
.republic-page .vista-hero h1,
.republic-page .hero-title {
  font-size: clamp(3rem, 9vw, 5.4rem) !important;
  letter-spacing: 0.14em !important;
  color: var(--u-ink);
}
.republic-page .faces-hero .faces-kicker,
.republic-page .vista-hero .vista-kicker,
.republic-page .hero-en {
  color: var(--u-red);
  letter-spacing: 0.36em;
}
.republic-page .faces-hero-sub,
.republic-page .vista-hero-sub { color: var(--u-red); letter-spacing: 0.3em; }
.republic-page .faces-hero-lede,
.republic-page .vista-hero-lede,
.republic-page .hero-desc { color: var(--u-ink-soft); }

/* 章节题放大 + 朱红英文 kicker + 留白 */
.republic-page .subpage-section-head h2,
.republic-page .vista-section-head h2,
.republic-page .faces-section-head h2,
.republic-page .vista-parts .vista-section-head h2 {
  font-size: clamp(1.5rem, 3vw, 2rem) !important;
  letter-spacing: 0.1em !important;
  color: var(--u-ink);
}
.republic-page .subpage-section-head span,
.republic-page .vista-section-head span,
.republic-page .faces-section-head span { color: var(--u-red); letter-spacing: 0.2em; }
.republic-page .subpage-section,
.republic-page .faces-parts,
.republic-page .vista-parts { margin-top: 3.2rem; }

/* 卡片：化盒为线（细发丝线 + 纸色 + 留白 + 中性淡阴影） */
.republic-page .faces-part-card,
.republic-page .vista-part-card,
.republic-page .faces-overview article,
.republic-page .vista-overview article,
.republic-page .primer-card,
.republic-page .focus-card,
.republic-page .grid-card,
.republic-page .archive-card,
.republic-page .relation-box,
.republic-page .lianda-sister-main {
  background: var(--u-paper-card) !important;
  border: 1px solid var(--u-hair-soft) !important;
  box-shadow: none !important;
  border-radius: 3px;
}
.republic-page .faces-part-card:hover,
.republic-page .vista-part-card:hover,
.republic-page .grid-card:hover,
.republic-page .archive-card:hover {
  border-color: var(--u-hair) !important;
  box-shadow: 0 6px 18px rgba(74, 58, 36, 0.08) !important;
}
/* 序号圆圈 / key 盒：朱红细线，去实底 */
.republic-page .faces-part-index,
.republic-page .vista-part-index {
  border-color: var(--u-red) !important;
  color: var(--u-red) !important;
}
.republic-page .faces-part-key,
.republic-page .vista-part-key {
  background: rgba(143, 42, 36, 0.05) !important;
  color: var(--u-red) !important;
}

/* 空图位：纸色落款卡，取代灰/空框 */
.republic-page .faces-people-empty,
.republic-page .archive-thumb--empty,
.republic-page .photo-story-thumb--empty {
  background: linear-gradient(135deg, #faf6ec 0%, #f1e9d8 100%) !important;
  border: 1px solid var(--u-hair-soft) !important;
  color: rgba(143, 42, 36, 0.3) !important;
}

/* ── 深蓝 CTA（潜伏底部 feature-link-card）→ 暖纸 + 墨字 + 朱红点睛 ── */
.republic-page .feature-link-card {
  background: var(--u-paper-card) !important;
  border: 1px solid var(--u-red) !important;
  box-shadow: none !important;
  color: var(--u-ink) !important;
}
.republic-page .feature-link-card *,
.republic-page .feature-link-card h3,
.republic-page .feature-link-card p { color: var(--u-ink) !important; }
.republic-page .feature-link-card .feature-link-kicker,
.republic-page .feature-link-card .feature-link-cta,
.republic-page .feature-link-card [class*="kicker"],
.republic-page .feature-link-card [class*="cta"] { color: var(--u-red) !important; }

/* ── 蓝调 hero（若某页用 heroVariant blue）→ 暖纸 ── */
.republic-page .hero--blue {
  background: var(--u-paper) !important;
  color: var(--u-ink) !important;
}
.republic-page .hero--blue * { color: var(--u-ink) !important; }

/* ═══ minguo 系列徽标（shenbao / lurk-minguo，无 .republic-page 包裹）══
   深底白字 tone 徽标 → 纸底墨字 + 朱红细线。不加作用域，全局命中。 */
.minguo-nav-id,
.minguo-series-id {
  background: #faf6ec !important;
  color: var(--u-red, #8f2a24) !important;
  border: 1px solid rgba(143, 42, 36, 0.4) !important;
}
.minguo-nav-item.tone-a .minguo-nav-id, .tone-a .minguo-series-id,
.minguo-nav-item.tone-b .minguo-nav-id, .tone-b .minguo-series-id,
.minguo-nav-item.tone-c .minguo-nav-id, .tone-c .minguo-series-id,
.minguo-nav-item.tone-d .minguo-nav-id, .tone-d .minguo-series-id,
.minguo-nav-item.tone-e .minguo-nav-id, .tone-e .minguo-series-id,
.minguo-nav-item.tone-f .minguo-nav-id, .tone-f .minguo-series-id {
  background: #faf6ec !important;
  color: #8f2a24 !important;
}
.minguo-hero h1 { color: #211c16 !important; }