/* ════════════════════════════════════════════════════════════
   民国纪事首页 v3（2026-10-27）：刊首语 / 现代化的六条线 / 大事编年
   只在 /republic 首页加载（压轴）；配色取 republic-baseline.css 末尾的民国蓝变量。
   ════════════════════════════════════════════════════════════ */

/* 刊首语：去掉灰框与竖线，改为两段正文 + 蓝色眉题 */
.republic-page .opening-note { display: none; }
.rv3-opening { max-width: 44em; margin: 2.2rem 0 3rem; }
.rv3-kicker { font: 600 .74rem var(--rb-eng); letter-spacing: .24em; color: var(--rb-blue); margin-bottom: .9rem; }
.rv3-opening p { margin: 0 0 1rem; font-family: var(--rb-title); font-size: 1.12rem; line-height: 2; color: var(--rb-ink); text-align: justify; }
.rv3-opening .rv3-opening-link { font-family: var(--rb-sans); font-size: .92rem; color: var(--rb-ink-muted); }
.rv3-opening-link a { color: var(--rb-blue); text-decoration: none; border-bottom: 1px solid var(--rb-blue-line); }
.rv3-opening-link a:hover { border-bottom-color: var(--rb-blue); }

/* 通用区块标题：一道蓝线 + 宋体标题 + 英文小字 */
.rv3-section { margin: 0 0 3.4rem; }
.rv3-head { display: flex; align-items: baseline; gap: 1rem; border-top: 2px solid var(--rb-blue); padding-top: .8rem; margin-bottom: 1.4rem; }
.rv3-head h2 { margin: 0; font-family: var(--rb-title); font-size: 1.4rem; font-weight: 700; color: var(--rb-ink); letter-spacing: .04em; }
.rv3-head-en { font: 600 .68rem var(--rb-eng); letter-spacing: .2em; text-transform: uppercase; color: var(--rb-blue); }

/* 六条线：三列，编号 + 标题 + 一句话 + 篇目 */
.rv3-lines { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 2rem 2.4rem; }
@media (min-width: 720px) { .rv3-lines { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1040px) { .rv3-lines { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.rv3-line { padding-top: .9rem; border-top: 1px solid var(--rb-blue-line); }
.rv3-line-no { font: 500 .78rem var(--rb-eng); letter-spacing: .12em; color: var(--rb-blue); }
.rv3-line h3 { margin: .25rem 0 .5rem; font-family: var(--rb-title); font-size: 1.22rem; color: var(--rb-ink); }
.rv3-line-text { margin: 0 0 .8rem; font-family: var(--rb-title); font-size: .97rem; line-height: 1.85; color: var(--rb-ink-soft); text-align: justify; }
.rv3-line ul { list-style: none; margin: 0; padding: 0; }
.rv3-line ul li { padding: .38rem 0; border-top: 1px dotted var(--rb-border); }
.rv3-line ul li a { font-family: var(--rb-title); font-size: .93rem; color: var(--rb-ink); text-decoration: none; }
.rv3-line ul li a::before { content: "— "; color: var(--rb-blue); }
.rv3-line ul li a:hover { color: var(--rb-blue); }

/* 大事编年：两栏紧凑表，年份蓝色 */
.rv3-timeline { list-style: none; margin: 0; padding: 0; columns: 1; column-gap: 3rem; }
@media (min-width: 900px) { .rv3-timeline { columns: 2; } }
.rv3-timeline li { break-inside: avoid; display: grid; grid-template-columns: 3.6rem minmax(0, 1fr); gap: .8rem; padding: .7rem 0; border-bottom: 1px solid var(--rb-border-soft); }
.rv3-tl-year { font-family: var(--rb-title); font-size: 1.08rem; font-weight: 700; color: var(--rb-blue); }
.rv3-tl-text { font-family: var(--rb-title); font-size: .96rem; line-height: 1.75; color: var(--rb-ink); }
.rv3-tl-link { display: inline-block; margin-left: .55rem; font-family: var(--rb-sans); font-size: .82rem; color: var(--rb-blue); text-decoration: none; border-bottom: 1px solid var(--rb-blue-line); }
.rv3-tl-link::before { content: "→ "; }
.rv3-tl-link:hover { border-bottom-color: var(--rb-blue); }

/* ── 蓝色块（2026-10-27 二轮）：剂量控制，四处实色，其余仍是白底黑字蓝线 ── */
/* 刊首语：蓝底白字小标签 */
[data-edition="republic"] .rv3-kicker { display: inline-block; background: var(--rb-blue) !important; color: #FFFFFF !important; font: 600 .8rem/1.5 var(--rb-title) !important; letter-spacing: .3em !important; padding: .26rem .5rem .26rem .8rem; }
/* 六条线：编号做成蓝色方块 */
.rv3-line-no { display: inline-flex; align-items: center; justify-content: center; min-width: 2rem; height: 2rem; background: var(--rb-blue); color: #FFFFFF; font: 600 .8rem var(--rb-eng); letter-spacing: .04em; }
.rv3-line h3 { margin-top: .6rem; }
/* 大事编年：浅蓝底板，年份白字蓝块 */
#timeline .rv3-timeline { background: var(--rb-blue-soft); padding: 1.2rem 1.6rem; }
#timeline .rv3-timeline li { border-bottom-color: var(--rb-blue-line); }
#timeline .rv3-tl-year { align-self: start; text-align: center; background: var(--rb-blue); color: #FFFFFF; font-size: .95rem; padding: .12rem 0; margin-top: .14rem; }
/* 梅贻琦日记：人物卡改深蓝实色块，日记正文仍白卡 */
[data-edition="republic"] .republic-page .diary-profile {
  background: linear-gradient(160deg, #1A3456 0%, #1E3A5F 60%, #26466F 100%) !important;
  border-color: transparent !important;
}
[data-edition="republic"] .republic-page .diary-avatar { border-color: rgba(243, 237, 225, 0.55) !important; }
[data-edition="republic"] .republic-page .diary-name { color: #F3EDE1 !important; }
[data-edition="republic"] .republic-page .diary-bio { color: rgba(243, 237, 225, 0.78) !important; }
@media (max-width: 719px) { #timeline .rv3-timeline { padding: .8rem 1rem; } }

/* ════════════════════════════════════════════════════════════
   细节（2026-10-27 三轮，站长：「美化细节，暗示那个时代同样有非常高级的审美」）
   借民国书刊与建筑本身的语汇：朱文方印、首字下沉、文武线、鱼尾、大写数字、民国纪年、Art Deco 饰线。
   只在细节上用，不做仿旧底纹，不加图。
   ════════════════════════════════════════════════════════════ */

/* 报头：标题右侧一方朱文方印，印文四字两行，自右向左读 */
.rv-hero-row { display: flex; align-items: center; gap: 1.4rem; }
.rv-seal {
  flex: none; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr;
  width: 3.6rem; height: 3.6rem; padding: .28rem; box-sizing: border-box;
  background: var(--rb-seal, #8F2A24); color: #F6EFE2;
  font: 700 1.05rem/1 "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
  text-align: center; align-items: center; justify-items: center;
  box-shadow: inset 0 0 0 2px #F6EFE2, inset 0 0 0 3px var(--rb-seal, #8F2A24);
  border-radius: 3px; transform: rotate(-4deg); opacity: .93;
}
@media (max-width: 640px) { .rv-seal { width: 2.8rem; height: 2.8rem; font-size: .82rem; } }

/* 刊首语首字下沉：旧杂志的方框首字 */
.rv3-opening p:first-of-type::first-letter {
  float: left; font-size: 3.05em; line-height: 1; margin: .08em .14em 0 0; padding: .06em .1em .02em;
  color: var(--rb-blue-deep, #1E3A5F); font-weight: 700;
  border: 1px solid var(--rb-blue-line, #B9C6D8); box-shadow: 3px 3px 0 var(--rb-blue-soft, #E9EEF5);
}

/* 区块标题：文武线（上粗下细）+ 标题前一枚鱼尾 */
.rv3-head { border-top: 3px solid var(--rb-blue); position: relative; padding-top: 1rem; }
.rv3-head::before { content: ""; position: absolute; left: 0; right: 0; top: 3px; border-top: 1px solid var(--rb-blue); }
.rv3-head h2::before {
  content: ""; display: inline-block; width: .78em; height: .56em; margin-right: .45em; vertical-align: .08em;
  background: var(--rb-blue);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 62%, 0 100%);  /* 鱼尾：上平下开叉 */
}

/* 六条线：大写数字在蓝方块里用宋体 */
.rv3-line-no { font: 700 1rem/1 var(--rb-title) !important; letter-spacing: 0 !important; }

/* 大事编年：年份蓝块下注民国纪年 */
.rv3-tl-when { display: flex; flex-direction: column; align-items: stretch; gap: .28rem; }
.rv3-timeline li { grid-template-columns: 5.6rem minmax(0, 1fr) !important; }
.rv3-tl-roc { font: .72rem/1.3 var(--rb-title); color: var(--rb-blue); text-align: center; letter-spacing: .02em; white-space: nowrap; }

/* Art Deco 饰线 */
.rv-deco { display: flex; justify-content: center; margin: .4rem 0 2.6rem; }
.rv-deco svg { width: 160px; height: auto; overflow: visible; }
.rv-deco path { fill: none; stroke: var(--rb-blue); stroke-width: 1; }
.rv-deco .rv-deco-solid { fill: var(--rb-blue); }
/* 年份蓝块撑满左栏，与下面的民国纪年同宽对齐 */
#timeline .rv3-tl-when .rv3-tl-year { align-self: stretch !important; display: block; text-align: center; letter-spacing: .06em; }