/* 民国纪事 / 联大 / 李庄：象牙白宣纸底 + 轻水渍 + 思源宋体系（Noto Serif SC） */

:root {
  --fsmag-roc-blue: #1c355e;
  --fsmag-roc-blue-soft: #2a4a6e;
  --fsmag-ivory: #f2e8d8;
  --fsmag-ivory-light: #faf6ee;
  /* 联大 / 李庄 hero：宣纸纤维素材（NextCMS） */
  --fsmag-xuan-fiber-url: url("https://nextcms.digitconnection.ai/content/uploads/2026-04/xuanzhi-fiber_7b60e5d8.png");
}

.fsmag-roc-paper-hero {
  position: relative;
  overflow: hidden;
  background-color: #e8dfd2;
  background-image:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.055'/%3E%3C/svg%3E"),
    radial-gradient(ellipse 90% 70% at 10% 15%, rgba(28, 53, 94, 0.07), transparent 55%),
    radial-gradient(ellipse 60% 50% at 92% 8%, rgba(80, 70, 55, 0.06), transparent 48%),
    radial-gradient(ellipse 55% 45% at 70% 88%, rgba(45, 55, 75, 0.09), transparent 52%),
    radial-gradient(ellipse 40% 35% at 35% 55%, rgba(120, 110, 95, 0.07), transparent 45%),
    linear-gradient(168deg, var(--fsmag-ivory-light) 0%, #ebe3d4 42%, #dfd2c2 100%);
  background-blend-mode: multiply, normal, normal, normal, normal, normal;
}

/* 西南联大、李庄记事首页：在通用宣纸底上叠真实纤维纹理 */
.fsmag-roc-paper-hero.fsmag-roc-paper-hero--xuan-fiber {
  background-image:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.055'/%3E%3C/svg%3E"),
    radial-gradient(ellipse 90% 70% at 10% 15%, rgba(28, 53, 94, 0.07), transparent 55%),
    radial-gradient(ellipse 60% 50% at 92% 8%, rgba(80, 70, 55, 0.06), transparent 48%),
    radial-gradient(ellipse 55% 45% at 70% 88%, rgba(45, 55, 75, 0.09), transparent 52%),
    radial-gradient(ellipse 40% 35% at 35% 55%, rgba(120, 110, 95, 0.07), transparent 45%),
    var(--fsmag-xuan-fiber-url),
    linear-gradient(168deg, var(--fsmag-ivory-light) 0%, #ebe3d4 42%, #dfd2c2 100%);
  background-size: auto, auto, auto, auto, auto, cover, auto;
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0, center, 0 0;
  background-repeat: repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-blend-mode: multiply, normal, normal, normal, normal, multiply, normal;
}

.fsmag-roc-paper-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 45% 30% at 22% 38%, rgba(90, 100, 120, 0.11), transparent 65%),
    radial-gradient(ellipse 35% 28% at 78% 62%, rgba(70, 85, 105, 0.09), transparent 60%);
  mix-blend-mode: multiply;
  opacity: 0.85;
}

.fsmag-roc-paper-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 31px,
    rgba(28, 53, 94, 0.025) 31px,
    rgba(28, 53, 94, 0.025) 32px
  );
  opacity: 0.6;
}

.fsmag-roc-paper-hero .fsmag-roc-hero-inner {
  position: relative;
  z-index: 1;
}

.fsmag-roc-title {
  font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
  font-weight: 700;
  color: var(--fsmag-roc-blue);
  letter-spacing: 0.12em;
  line-height: 1.15;
}

.fsmag-roc-sub {
  font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
  color: var(--fsmag-roc-blue-soft);
  font-weight: 600;
  line-height: 1.65;
}