/**
 * fsmag.co · 关于本刊（/about）— v2 重设计
 *
 * 设计原则（品质感 = 减法）：
 *   - 单一装饰语言：金色细线（hairline rule），不再混用渐变线/印章框/格子
 *   - 双色克制：深蓝只用于标题与首字；朱红只出现一次（落款印章）
 *   - 中文一律正体（无伪斜体）；英文小字统一 Montserrat 大字距
 *   - 信末式落款：右置 + 竖排朱印，呼应纸刊卷首语
 */

.fsmag-about {
  max-width: 680px;
  margin: 0 auto;
  padding: clamp(3rem, 7vw, 5.5rem) var(--fsmag-space-read-pad, 32px)
    clamp(3rem, 7vw, 5rem);
  color: var(--fsmag-color-ink, #2b2b2b);
  font-family: var(--fsmag-font-prose, "Noto Serif SC", serif);
}

/* ========== 卷首 ========== */
.fsmag-about-hero {
  text-align: center;
  margin-bottom: clamp(2.5rem, 6vw, 4rem);
}

.fsmag-about-eyebrow {
  margin: 0 0 1.6rem;
  font-family: var(--fsmag-font-eng, "Montserrat", sans-serif);
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.32em;
  text-indent: 0.32em;
  text-transform: uppercase;
  color: var(--fsmag-color-gold, #c5a059);
}

.fsmag-about-title {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.9rem;
}

.fsmag-about-title-cn {
  font-family: var(--fsmag-font-title, "Noto Serif SC", serif);
  font-size: clamp(2.5rem, 6vw, 3.4rem);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.18em;
  text-indent: 0.18em;
  color: var(--fsmag-color-deep, #1c355e);
}

.fsmag-about-title-en {
  font-family: var(--fsmag-font-eng, "Montserrat", sans-serif);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.4em;
  text-indent: 0.4em;
  text-transform: uppercase;
  color: var(--fsmag-color-ink-muted, #888);
}

.fsmag-about-dek {
  margin: 1.6rem 0 0;
  font-size: clamp(0.98rem, 1.5vw, 1.08rem);
  color: var(--fsmag-color-ink-soft, #555);
  letter-spacing: 0.06em;
}

.fsmag-about-rule {
  width: 2.75rem;
  height: 1px;
  background: var(--fsmag-color-gold, #c5a059);
  margin: 2.2rem auto 0;
}

/* ========== 正文 ========== */
.fsmag-about-lead {
  font-size: clamp(1.12rem, 1.8vw, 1.22rem);
  line-height: 2;
  margin: 0 0 1.6em;
  text-align: justify;
}

.fsmag-about-lead::first-letter {
  font-family: var(--fsmag-font-title, serif);
  font-size: 2.9em;
  font-weight: 600;
  line-height: 1;
  float: left;
  margin: 0.06em 0.18em 0 0;
  color: var(--fsmag-color-deep, #1c355e);
}

.fsmag-about-para {
  font-size: clamp(1rem, 1.5vw, 1.06rem);
  line-height: 2.05;
  margin: 0 0 1.6em;
  text-align: justify;
}

/* ========== 分隔 ========== */
.fsmag-about-divider {
  text-align: center;
  margin: clamp(2.5rem, 5vw, 3.5rem) 0;
  color: var(--fsmag-color-gold, #c5a059);
  font-size: 0.6rem;
  opacity: 0.8;
}

/* ========== 四个关注点 ========== */
.fsmag-about-pillars {
  list-style: none;
  margin: 0;
  padding: 2.2rem 0;
  border-top: 1px solid var(--fsmag-color-border, #ece8e0);
  border-bottom: 1px solid var(--fsmag-color-border, #ece8e0);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.8rem 1rem;
}

@media (min-width: 640px) {
  .fsmag-about-pillars {
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
  }
}

.fsmag-about-pillar {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.fsmag-about-pillar-en {
  font-family: var(--fsmag-font-eng, "Montserrat", sans-serif);
  font-size: 0.62rem;
  font-weight: 600;
  letter-spacing: 0.28em;
  text-indent: 0.28em;
  text-transform: uppercase;
  color: var(--fsmag-color-gold, #c5a059);
}

.fsmag-about-pillar-zh {
  font-family: var(--fsmag-font-title, serif);
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  color: var(--fsmag-color-ink, #2b2b2b);
}

.fsmag-about-pillar-note {
  font-size: 0.8rem;
  line-height: 1.7;
  color: var(--fsmag-color-ink-muted, #888);
}

/* ========== 收尾 ========== */
.fsmag-about-closing {
  margin: clamp(2.5rem, 5vw, 3.5rem) 0 0;
  text-align: center;
}

.fsmag-about-closing p {
  margin: 0 0 0.6rem;
  font-size: clamp(1.05rem, 1.6vw, 1.15rem);
  line-height: 1.9;
  letter-spacing: 0.05em;
  color: var(--fsmag-color-ink, #2b2b2b);
}

.fsmag-about-closing p:last-child {
  margin-bottom: 0;
  font-size: clamp(0.92rem, 1.4vw, 1rem);
  color: var(--fsmag-color-ink-soft, #555);
}

/* ========== 落款：信末式右置 + 竖排朱印 ========== */
.fsmag-about-signature {
  margin-top: clamp(3.5rem, 7vw, 5rem);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.35rem;
  text-align: right;
}

.fsmag-about-sign-name {
  margin: 0;
  font-family: var(--fsmag-font-title, serif);
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  color: var(--fsmag-color-ink, #2b2b2b);
}

.fsmag-about-sign-meta {
  margin: 0;
  font-size: 0.8rem;
  letter-spacing: 0.08em;
  color: var(--fsmag-color-ink-muted, #888);
}

.fsmag-about-seal {
  margin-top: 0.9rem;
  display: inline-block;
  writing-mode: vertical-rl;
  padding: 0.5rem 0.28rem;
  background: var(--fsmag-color-vermillion, #8b2942);
  color: #f6f1e7;
  font-family: var(--fsmag-font-title, serif);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.3em;
  line-height: 1;
  border-radius: 2px;
}

.fsmag-about-locale {
  margin: clamp(2.5rem, 5vw, 3.5rem) 0 0;
  text-align: center;
  font-family: var(--fsmag-font-eng, "Montserrat", sans-serif);
  font-size: 0.62rem;
  font-weight: 600;
  letter-spacing: 0.42em;
  text-indent: 0.42em;
  text-transform: uppercase;
  color: var(--fsmag-color-gold, #c5a059);
}

/* ========== 站点声明 ========== */
.fsmag-about-disclaimer {
  margin-top: clamp(2.5rem, 5vw, 3.5rem);
  padding-top: 1.6rem;
  border-top: 1px solid var(--fsmag-color-border, #ece8e0);
}

.fsmag-about-disclaimer h2 {
  margin: 0 0 0.8rem;
  font-family: var(--fsmag-font-eng, "Montserrat", sans-serif);
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.3em;
  text-indent: 0.3em;
  text-transform: uppercase;
  text-align: center;
  color: var(--fsmag-color-ink-muted, #888);
}

.fsmag-about-disclaimer p {
  margin: 0;
  font-size: 0.83rem;
  line-height: 2;
  color: var(--fsmag-color-ink-muted, #888);
  text-align: justify;
}

/* ── 三刊结构提示行 ── */
.fsmag-about-imprint {
  margin: 2.2rem 0 0;
  text-align: center;
  font-size: 0.88rem;
  letter-spacing: 0.05em;
  color: var(--fsmag-color-ink-soft, #555);
}
.fsmag-about-imprint a {
  color: var(--fsmag-color-deep, #1c355e);
  text-decoration: none;
  border-bottom: 1px solid var(--fsmag-color-gold, #c5a059);
  transition: color 0.2s;
}
.fsmag-about-imprint a:hover {
  color: var(--fsmag-color-vermillion, #8b2942);
}