/* 民国纪事 / 联大 / 李庄：近白宣纸底 + 纤维素材 + 轻水渍 + 横格（Noto Serif SC） */

:root {
  --fsmag-roc-blue: #1c355e;
  --fsmag-roc-blue-soft: #2a4a6e;
  --fsmag-ivory: #f2e8d8;
  --fsmag-ivory-light: #fdfcfa;
  /* 联大 / 李庄 / 民国纪事 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: #fafafa;
  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.042'/%3E%3C/svg%3E"),
    radial-gradient(ellipse 90% 70% at 10% 15%, rgba(28, 53, 94, 0.034), transparent 55%),
    radial-gradient(ellipse 60% 50% at 92% 8%, rgba(80, 70, 55, 0.028), transparent 48%),
    radial-gradient(ellipse 55% 45% at 70% 88%, rgba(45, 55, 75, 0.036), transparent 52%),
    radial-gradient(ellipse 40% 35% at 35% 55%, rgba(120, 110, 95, 0.032), transparent 45%),
    linear-gradient(168deg, #fefefe 0%, #f6f5f2 44%, #ecebe8 100%);
  background-blend-mode: multiply, normal, normal, normal, normal, normal;
}

/* 李庄 / 联大 / 民国纪事首页：在通用底上叠真实纤维纹理（与李庄 hero 一致） */
.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.042'/%3E%3C/svg%3E"),
    radial-gradient(ellipse 90% 70% at 10% 15%, rgba(28, 53, 94, 0.034), transparent 55%),
    radial-gradient(ellipse 60% 50% at 92% 8%, rgba(80, 70, 55, 0.028), transparent 48%),
    radial-gradient(ellipse 55% 45% at 70% 88%, rgba(45, 55, 75, 0.036), transparent 52%),
    radial-gradient(ellipse 40% 35% at 35% 55%, rgba(120, 110, 95, 0.032), transparent 45%),
    var(--fsmag-xuan-fiber-url),
    linear-gradient(168deg, #fefefe 0%, #f6f5f2 44%, #ecebe8 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.055), transparent 65%),
    radial-gradient(ellipse 35% 28% at 78% 62%, rgba(70, 85, 105, 0.045), transparent 60%);
  mix-blend-mode: multiply;
  opacity: 0.48;
}

.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.014) 31px,
    rgba(28, 53, 94, 0.014) 32px
  );
  opacity: 0.42;
}

.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;
}