/* Prompt Archive & Anthology — Editorial UI (Swiss × indie magazine) */
:root {
  --paper: #fdfbf7;
  --paper-2: #f4f1ea;
  --ink: #000000;
  /* 卷宗索引当前阅读区 — 赭石橙，与奶油纸黑墨版面协调 */
  --folio-accent: #b45309;
  --folio-accent-muted: #9a3412;
  --stone-200: #e7e5e4;
  --stone-400: #a8a29e;
  --stone-500: #78716c;
  --hairline: 1px solid var(--ink);
  --hairline-soft: 1px solid #d6d3d1;
  --max: 76rem;
  --display: "Playfair Display", "Source Serif 4", "Noto Serif SC", Georgia, serif;
  --serif: "Source Serif 4", "Noto Serif SC", Georgia, serif;
  --sans: "Inter", system-ui, sans-serif;
  /* 与手稿 / 图鉴 zine 区块一致 */
  --zine-shout: "Archivo Black", "Inter", system-ui, sans-serif;
  --zine-scrawl: "Caveat", cursive;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  /* 期刊小卡片：统一泛黄纸；区块细线分隔 */
  --mag-parchment: #f0e6d2;
}

@media (min-width: 1600px) {
  :root {
    --max: min(88rem, 94vw);
  }
}

@media (min-width: 2200px) {
  :root {
    --max: min(96rem, 93vw);
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: max(5.5rem, env(safe-area-inset-top, 0px));
  overflow-x: hidden;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body.anthology-body {
  margin: 0;
  min-height: 100vh;
  overflow-x: hidden;
  font-family: var(--serif);
  font-size: 1.08rem;
  font-weight: 400;
  line-height: 1.74;
  color: var(--ink);
  background: var(--paper);
  -webkit-font-smoothing: antialiased;
}

main.anth-main {
  display: block;
}

body.anthology-body button:focus-visible,
body.anthology-body a:focus-visible,
body.anthology-body input:focus-visible,
body.anthology-body select:focus-visible,
body.anthology-body textarea:focus-visible {
  outline: none;
}

/* Reading progress — hairline */
.anth-read-progress {
  position: fixed;
  top: 0;
  left: 0;
  height: 2px;
  width: 0%;
  z-index: 400;
  background: var(--ink);
  pointer-events: none;
  transition: width 0.12s var(--ease-out);
}

.anth-utility {
  margin: 0;
  font-family: var(--sans);
  font-size: max(11px, 0.72rem);
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--stone-500);
  line-height: 1.45;
}

.saas-inner {
  max-width: var(--max);
  margin: 0 auto;
  padding-left: max(clamp(1.25rem, 4vw, 2.5rem), env(safe-area-inset-left, 0px));
  padding-right: max(clamp(1.25rem, 4vw, 2.5rem), env(safe-area-inset-right, 0px));
}

/* —— Editorial nav (marginalia + hairline grid) —— */
.anth-nav-editorial {
  position: sticky;
  top: 0;
  z-index: 300;
  background: var(--paper);
  border-bottom: var(--hairline);
  overflow: visible;
}

.anth-nav-editorial__grid {
  max-width: var(--max);
  margin: 0 auto;
  padding: 0.65rem clamp(1.25rem, 4vw, 2.5rem);
  padding-left: max(clamp(1.25rem, 4vw, 2.5rem), env(safe-area-inset-left, 0px));
  padding-right: max(clamp(1.25rem, 4vw, 2.5rem), env(safe-area-inset-right, 0px));
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 1rem;
  overflow: visible;
  position: relative;
}

.anth-nav-editorial__mark {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  text-decoration: none;
  color: var(--ink);
  justify-self: start;
}

.anth-nav-editorial__mark-serif {
  font-family: var(--display);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.04em;
}

.anth-nav-editorial__mark-sans {
  font-family: var(--zine-shout);
  font-size: max(11px, 0.65rem);
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--stone-500);
}

.anth-nav-editorial__primary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.35rem 0.5rem;
}

.anth-nav-editorial__primary a {
  font-family: var(--zine-shout);
  font-size: max(11px, 0.65rem);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--stone-500);
  text-decoration: none;
  padding: 0.35rem 0;
  border-bottom: 1px solid transparent;
}

.anth-nav-editorial__primary a:hover {
  color: var(--folio-accent);
  border-bottom-color: var(--folio-accent);
}

.anth-nav-editorial__primary a:focus-visible {
  color: var(--folio-accent);
  border-bottom-color: var(--folio-accent);
  border-bottom-width: 2px;
}

.anth-nav-editorial__mark:focus-visible {
  color: var(--folio-accent);
  outline: 2px solid var(--folio-accent);
  outline-offset: 3px;
}

.anth-nav-editorial__editorial-entry:focus-visible {
  outline: 2px solid var(--folio-accent);
  outline-offset: 4px;
  border-radius: 2px;
}

.anth-link-marginal:focus-visible {
  background: transparent;
  color: var(--folio-accent);
  border-bottom-color: var(--folio-accent);
}

.anth-plate:focus-visible {
  outline: none;
  box-shadow: 4px 4px 0 0 var(--ink);
}

.anth-index-folio:focus-visible {
  outline: none;
}

.anth-index-folio:focus-visible .anth-index-folio__num {
  transform: translateX(4px);
}

.anth-index-folio:focus-visible:not(.is-active) {
  border-left-color: var(--ink);
}

.anth-nav-editorial__num {
  margin-right: 0.35rem;
  color: var(--stone-400);
  font-weight: 700;
}

.anth-nav-editorial__sep {
  color: var(--stone-200);
  font-size: 0.625rem;
}

.anth-nav-editorial__marginal {
  justify-self: end;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 0;
  width: 100%;
  max-width: 100%;
  flex-wrap: nowrap;
  margin-right: 0;
}

.anth-nav-editorial__editorial-entry {
  margin: 0;
  flex-shrink: 0;
  flex-wrap: nowrap;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  max-width: 100%;
  color: var(--ink);
  text-decoration: none;
  cursor: pointer;
  border: none;
  background: none;
  font: inherit;
  text-align: inherit;
  transition:
    color 0.25s ease,
    transform 0.25s ease;
}

.anth-nav-editorial__editorial-icon {
  flex-shrink: 0;
  display: block;
  color: var(--ink);
  transform: rotate(-2deg);
  transition:
    transform 0.25s ease,
    color 0.25s ease;
}

.anth-nav-editorial__editorial-wink {
  color: #ff3b30;
}

.anth-nav-editorial__editorial-text {
  position: relative;
  writing-mode: horizontal-tb;
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: none;
  color: inherit;
}

.anth-nav-editorial__editorial-text::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 2px;
  background: #ff3b30;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.25s ease;
}

.anth-nav-editorial__editorial-entry:hover .anth-nav-editorial__editorial-text::after {
  transform: scaleX(1);
}

.anth-nav-editorial__editorial-entry:hover .anth-nav-editorial__editorial-icon {
  transform: translateX(3px) rotate(2deg);
  color: var(--folio-accent);
}

@media (prefers-reduced-motion: reduce) {
  .anth-nav-editorial__editorial-entry,
  .anth-nav-editorial__editorial-icon,
  .anth-nav-editorial__editorial-text::after {
    transition: none;
  }

  .anth-nav-editorial__editorial-entry:hover .anth-nav-editorial__editorial-icon {
    transform: rotate(-2deg);
  }
}

@media (max-width: 820px) {
  .anth-nav-editorial__grid {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .anth-nav-editorial__mark,
  .anth-nav-editorial__marginal {
    justify-self: center;
  }

  .anth-nav-editorial__marginal {
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
    align-items: center;
    margin-right: 0;
  }

  .anth-nav-user-paper {
    width: 0;
    transform: none;
  }

  .anth-nav-editorial #anth-home-user-card-root.parent {
    top: 100%;
    transform: none;
    margin-top: clamp(-1.2rem, -4vh, -0.55rem);
    right: clamp(0.35rem, 2vw, 0.75rem);
    width: min(calc(100vw - 1.25rem), 300px);
  }

  .anth-nav-editorial__primary {
    order: 3;
    width: 100%;
    justify-content: center;
  }
}

/* —— Folio ornaments § —— */
.anth-folio-rule {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  padding: clamp(1.75rem, 5vw, 2.75rem) clamp(1rem, 4vw, 2rem);
  font-family: var(--serif);
  font-size: 0.8rem;
  font-style: italic;
  color: var(--stone-400);
  letter-spacing: 0.35em;
}

.anth-folio-rule::before,
.anth-folio-rule::after {
  content: "";
  flex: 1;
  max-width: min(28vw, 12rem);
  height: 1px;
  background: var(--stone-200);
}

/* 紧贴编辑团队模块：收紧 §  ornament 垂直占位 */
.anth-folio-rule--nest-masthead {
  padding: clamp(0.65rem, 1.75vw, 1rem) clamp(1rem, 4vw, 2rem);
}

/* —— Hero: cover + reader guide (centered block) —— */
.anth-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-bottom: var(--hairline);
  background-color: var(--paper);
}

.anth-hero > .splash-background {
  position: absolute;
  inset: 0;
  z-index: 0;
  /* PNG 兜底；支持 image-set 的浏览器优先选 WebP */
  background-image: url("/images/background_02.png");
  background-image: -webkit-image-set(
    url("/images/background_02.webp") type("image/webp"),
    url("/images/background_02.png") type("image/png")
  );
  background-image: image-set(
    url("/images/background_02.webp") type("image/webp"),
    url("/images/background_02.png") type("image/png")
  );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: contrast(1.3) brightness(1.1);
  mix-blend-mode: multiply;
  pointer-events: none;
  opacity: 0.9;
}

.anth-hero__inner {
  position: relative;
  z-index: 1;
  max-width: 54rem;
  margin-left: auto;
  margin-right: auto;
  padding: clamp(2.25rem, 7vw, 4rem) clamp(1.25rem, 4vw, 2.5rem);
}

@media (prefers-reduced-motion: reduce) {
  .anth-hero > .splash-background {
    filter: contrast(1.15) brightness(1.05);
    opacity: 0.82;
  }

  .anth-desk__brush:not(.anth-desk__brush--br) {
    filter: none;
    opacity: 0;
  }

  .anth-desk__brush--br {
    opacity: 0.78;
  }
}

.anth-hero__eyebrow {
  text-align: center;
  margin: 0 0 1.75rem;
}

/* 卷首：字系与 #desk / #archive zine 一致（Inter 正文 + Archivo 小标 + Playfair 大标题） */
.anth-hero#reader-guide .anth-hero__eyebrow.anth-utility {
  font-family: var(--zine-shout);
  letter-spacing: 0.12em;
  color: var(--ink);
  border-left: 4px solid #ff3b30;
  padding-left: 0.65rem;
  display: inline-block;
  transform: skewX(-2deg);
  text-transform: uppercase;
}

.anth-hero#reader-guide .anth-hero__display {
  font-family: var(--display);
  text-transform: uppercase;
  letter-spacing: -0.02em;
}

.anth-hero#reader-guide .anth-hero__subtitle {
  font-family: var(--sans);
  font-weight: 500;
  letter-spacing: 0.04em;
}

.anth-hero#reader-guide .anth-hero__deck,
.anth-hero#reader-guide .anth-hero__prose p {
  font-family: var(--sans);
  line-height: 1.55;
}

.anth-hero#reader-guide .anth-frontmatter__keywords {
  font-family: var(--zine-shout);
  letter-spacing: 0.12em;
}

.anth-hero__grid {
  display: grid;
  grid-template-columns: minmax(13rem, 18rem) minmax(0, 1fr);
  gap: clamp(1.5rem, 5vw, 2.75rem);
  align-items: stretch;
}

.anth-hero__cover-wrap {
  margin: 0;
  justify-self: stretch;
  width: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-self: stretch;
}

.anth-hero .anth-cover__journal {
  max-width: none;
  width: 100%;
  height: 100%;
  margin-inline: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 0;
}

.anth-hero .anth-cover__frame {
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  max-width: none;
  max-height: none;
  aspect-ratio: auto;
}

/* 卷首期刊：P5 Royal × 极简「档案卡」扁平构图（非拟真书本） */
.anth-hero .journal-archive {
  --ja-red: #e50000;
  --ja-ink: #000000;
  --ja-paper: #ffffff;
  --ja-ease: cubic-bezier(0.22, 1, 0.36, 1);

  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(1.1rem, 3.5vw, 2rem) clamp(0.35rem, 2vw, 1rem);
  isolation: isolate;
  transform: translate3d(0, 0, 0) rotate(-0.35deg) scale(1);
  transition:
    transform 0.48s var(--ja-ease),
    filter 0.48s var(--ja-ease);
}

.anth-hero .journal-archive__layer--plates {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

.anth-hero .journal-archive__plate {
  position: absolute;
  display: block;
  background: var(--ja-ink);
}

.anth-hero .journal-archive__plate--deep {
  width: 78%;
  height: 86%;
  left: 0;
  bottom: 6%;
  transform: skewX(-4deg) rotate(-1.2deg);
  opacity: 0.94;
}

.anth-hero .journal-archive__plate--rise {
  width: 72%;
  height: 78%;
  right: 2%;
  top: 10%;
  transform: skewX(5deg) rotate(2deg);
  opacity: 0.88;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.anth-hero .journal-archive__red-wedge {
  position: absolute;
  top: -2%;
  right: 8%;
  width: min(42%, 7.5rem);
  height: 26%;
  background: var(--ja-red);
  transform: skewX(-18deg) rotate(-8deg);
  z-index: 1;
  opacity: 0.95;
  clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 85%);
}

.anth-hero .journal-archive__layer--speed {
  position: absolute;
  inset: 18% 12% 14% 18%;
  pointer-events: none;
  z-index: 1;
  opacity: 0.55;
  background: repeating-linear-gradient(
    105deg,
    transparent 0,
    transparent 10px,
    rgba(255, 255, 255, 0.55) 10px,
    rgba(255, 255, 255, 0.55) 11px,
    transparent 11px,
    transparent 22px
  );
  mix-blend-mode: soft-light;
  mask-image: radial-gradient(ellipse 90% 75% at 50% 50%, #000 35%, transparent 72%);
  -webkit-mask-image: radial-gradient(ellipse 90% 75% at 50% 50%, #000 35%, transparent 72%);
}

.anth-hero .journal-archive__stage {
  position: relative;
  z-index: 2;
  width: min(100%, 16.25rem);
  max-width: 100%;
  transition: filter 0.48s var(--ja-ease);
}

.anth-hero .journal-archive__frame.anth-cover__frame {
  flex: none;
  position: relative;
  aspect-ratio: 2 / 3;
  width: 100%;
  max-height: min(58vh, 30rem);
  margin: 0 auto;
  border: 3px solid var(--ja-ink);
  background: var(--ja-paper);
  border-radius: 0;
  overflow: hidden;
  box-shadow:
    10px 12px 0 rgba(0, 0, 0, 0.12),
    0 0 0 1px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.48s var(--ja-ease);
}

.anth-hero .journal-archive__frame.anth-cover__frame::after {
  opacity: 0.04;
}

.anth-hero .journal-archive__frame .anth-cover__journal-img,
.anth-hero .journal-archive__frame picture {
  display: block;
  width: 100%;
  height: 100%;
}

.anth-hero .journal-archive__frame picture {
  min-height: 100%;
}

.anth-hero .journal-archive__tags {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 4;
}

.anth-hero .journal-archive__tag {
  position: absolute;
  font-family: var(--sans);
  font-size: max(9px, 0.58rem);
  font-weight: 800;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--ja-paper);
  background: var(--ja-ink);
  padding: 0.28rem 0.45rem 0.24rem;
  line-height: 1;
  transform: skewX(-8deg);
  border: 1px solid var(--ja-paper);
}

.anth-hero .journal-archive__tag:first-of-type {
  top: 6%;
  left: 5%;
}

.anth-hero .journal-archive__tag--side {
  top: 38%;
  right: 2%;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  letter-spacing: 0.28em;
  padding: 0.45rem 0.28rem;
  transform: skewY(-6deg);
}

.anth-hero .journal-archive__tag--file {
  bottom: 10%;
  left: 8%;
  transform: skewX(-10deg) rotate(-1deg);
}

.anth-hero .journal-archive__ink {
  position: absolute;
  width: 3.5rem;
  height: 3.5rem;
  pointer-events: none;
  z-index: 3;
  opacity: 0.09;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: cover;
}

.anth-hero .journal-archive__ink--nw {
  top: 4%;
  left: 2%;
  mask-image: radial-gradient(circle at 0 0, #000 42%, transparent 72%);
  -webkit-mask-image: radial-gradient(circle at 0 0, #000 42%, transparent 72%);
}

.anth-hero .journal-archive__ink--se {
  bottom: 6%;
  right: 4%;
  mask-image: radial-gradient(circle at 100% 100%, #000 42%, transparent 72%);
  -webkit-mask-image: radial-gradient(circle at 100% 100%, #000 42%, transparent 72%);
}

@media (hover: hover) {
  .anth-hero__cover-wrap:hover .journal-archive,
  .anth-hero .journal-archive:hover {
    transform: translate3d(0, -12px, 0) rotate(0deg) scale(1.025);
  }

  .anth-hero__cover-wrap:hover .journal-archive__frame.anth-cover__frame,
  .anth-hero .journal-archive:hover .journal-archive__frame.anth-cover__frame {
    box-shadow:
      14px 18px 0 rgba(0, 0, 0, 0.22),
      0 0 0 1px rgba(0, 0, 0, 0.08),
      0 18px 36px rgba(229, 0, 0, 0.12);
  }
}

.anth-hero__cover-wrap:focus-visible .journal-archive {
  transform: translate3d(0, -12px, 0) rotate(0deg) scale(1.025);
  outline: none;
}

.anth-hero__cover-wrap:focus-visible .journal-archive__frame.anth-cover__frame {
  box-shadow:
    14px 18px 0 rgba(0, 0, 0, 0.22),
    0 0 0 1px rgba(0, 0, 0, 0.08),
    0 18px 36px rgba(229, 0, 0, 0.12);
}

.anth-hero__cover-wrap:focus-visible {
  outline: 2px solid #e50000;
  outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
  .anth-hero .journal-archive {
    transition: none;
  }

  .anth-hero .journal-archive__frame.anth-cover__frame {
    transition: none;
  }

  .anth-hero__cover-wrap:hover .journal-archive,
  .anth-hero .journal-archive:hover,
  .anth-hero__cover-wrap:focus-visible .journal-archive {
    transform: none;
  }

  .anth-hero__cover-wrap:hover .journal-archive__frame.anth-cover__frame,
  .anth-hero .journal-archive:hover .journal-archive__frame.anth-cover__frame,
  .anth-hero__cover-wrap:focus-visible .journal-archive__frame.anth-cover__frame {
    box-shadow:
      10px 12px 0 rgba(0, 0, 0, 0.12),
      0 0 0 1px rgba(0, 0, 0, 0.06);
  }
}

.anth-hero__sheet {
  min-width: 0;
}

.anth-hero__display {
  margin: 0;
  font-family: var(--display);
  font-weight: 600;
}

.anth-hero__display-line {
  display: block;
  font-size: clamp(2rem, 6.5vw, 3.85rem);
  line-height: 0.96;
  letter-spacing: -0.035em;
}

.anth-hero__subtitle {
  margin: 0.6rem 0 0;
  font-family: var(--serif);
  font-size: clamp(1.05rem, 2.5vw, 1.22rem);
  font-weight: 500;
  letter-spacing: 0.08em;
  color: var(--stone-500);
}

.anth-hero__deck {
  margin: 1.15rem 0 0;
  max-width: 36rem;
  font-size: 1.02rem;
  line-height: 1.68;
  color: var(--ink);
}

.anth-hero__deck strong {
  font-weight: 600;
}

.anth-hero__prose {
  margin-top: 1.2rem;
}

.anth-hero__prose p {
  margin: 0 0 1rem;
  max-width: 38rem;
}

.anth-prose--dropcap > p:first-of-type::first-letter {
  float: left;
  font-family: var(--display);
  font-size: 3.85rem;
  line-height: 0.78;
  margin: 0.06em 0.14em 0 0;
  font-weight: 600;
  color: var(--ink);
}

.anth-frontmatter__jump {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-top: 2rem;
}

.anth-link-marginal {
  font-family: var(--sans);
  font-size: max(11px, 0.72rem);
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--ink);
  border-bottom: 1px solid var(--ink);
  text-decoration: none;
  padding-bottom: 0.15rem;
}

.anth-link-marginal:hover {
  background: transparent;
  color: var(--folio-accent);
  border-bottom-color: var(--folio-accent);
}

.anth-frontmatter__keywords {
  margin: 1.35rem 0 0;
  font-family: var(--sans);
  font-size: max(11px, 0.68rem);
  font-weight: 600;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: var(--stone-400);
}

/* —— Cover —— */
.anth-cover {
  border-bottom: var(--hairline);
}

.anth-cover__grid {
  display: grid;
  grid-template-columns: minmax(12rem, 16rem) 1fr;
  gap: clamp(1.75rem, 6vw, 4rem);
  align-items: end;
  padding: clamp(2.5rem, 8vw, 5rem) 0;
}

.anth-cover__journal {
  width: 100%;
  max-width: min(17.5rem, 88vw);
  justify-self: start;
}

.anth-cover__frame {
  border: var(--hairline);
  background: var(--paper-2);
  position: relative;
  overflow: hidden;
  aspect-ratio: 2 / 3;
  width: 100%;
  max-width: 17.5rem;
  max-height: min(70vh, 36rem);
}

.anth-cover__frame::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.07;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' 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)'/%3E%3C/svg%3E");
}

.anth-cover__journal-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.anth-cover__series {
  margin-bottom: 0.75rem;
}

.anth-display {
  margin: 0;
  font-family: var(--display);
  font-weight: 600;
}

.anth-display__line {
  display: block;
  font-size: clamp(3rem, 10vw, 6rem);
  line-height: 0.92;
  letter-spacing: -0.035em;
}

.anth-cover__subtitle-serif {
  margin: 0.35rem 0 0;
  font-family: var(--serif);
  font-size: clamp(1.65rem, 5vw, 2.35rem);
  font-weight: 500;
  letter-spacing: 0.12em;
}

.anth-cover__deck {
  margin: 1.5rem 0 0;
  max-width: 26rem;
  font-size: 1.02rem;
  color: var(--stone-500);
  line-height: 1.78;
}

/* —— Masthead · 横向展开的卷宗（平面 clip + 脊背位移，无拟物 / 无 3D） —— */
.anth-masthead {
  padding: 0;
  background: var(--paper);
  border-bottom: var(--hairline);
}

.anth-sheet-bleed {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 0 max(5vw, 1rem) clamp(2.5rem, 6vw, 4rem);
  box-sizing: border-box;
  background: var(--paper);
}

.anth-masthead .anth-sheet-bleed {
  padding-top: 0;
  padding-bottom: clamp(0.4rem, 1.2vw, 0.65rem);
}

.anth-dossier {
  margin: 0;
  box-sizing: border-box;
}

.anth-dossier__viewport {
  position: relative;
  overflow: hidden;
  --anth-dossier-spine: clamp(2.1rem, 5vw, 2.65rem);
  --anth-dossier-scroll-pad-x: clamp(0.75rem, 2.5vw, 1.35rem);
  --folio-p5-red: #e50000;
  --folio-p5-ease: cubic-bezier(0.22, 1, 0.36, 1);
  min-height: 15.5rem;
  background: var(--paper);
}

.anth-dossier__reveal {
  position: relative;
  z-index: 0;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 2.5s cubic-bezier(0.25, 1, 0.5, 1);
}

.anth-masthead-dossier.is-unfurled .anth-dossier__reveal {
  clip-path: inset(0 0 0 0);
}

.anth-dossier__spine {
  position: absolute;
  left: 0;
  right: auto;
  top: 0;
  bottom: 0;
  width: var(--anth-dossier-spine);
  background: var(--ink);
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: left 2.5s cubic-bezier(0.25, 1, 0.5, 1);
  pointer-events: none;
}

.anth-dossier__spine::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 3.25rem;
  background: var(--folio-p5-red);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 72%);
  pointer-events: none;
}

.anth-masthead-dossier.is-unfurled .anth-dossier__spine {
  left: calc(100% - var(--anth-dossier-spine));
}

.anth-dossier__spine-inner {
  position: relative;
  z-index: 1;
  margin: 0;
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-family: var(--sans);
  font-size: max(10px, 0.62rem);
  font-weight: 700;
  letter-spacing: 0.3em;
  color: var(--paper);
  line-height: 1.5;
  text-align: center;
}

/* —— P5 卷宗：横向卡片 + 肖像翻面 —— */
.anth-dossier__folio-head {
  position: relative;
  z-index: 2;
  padding: 1rem clamp(0.75rem, 2.5vw, 1.35rem) 0.65rem
    calc(clamp(0.75rem, 2.5vw, 1.35rem) + var(--anth-dossier-spine));
  border-bottom: 3px solid var(--ink);
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(4px);
}

.anth-dossier__folio-top {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.45rem;
}

.anth-dossier__folio-index {
  display: inline-block;
  background: var(--folio-p5-red);
  color: #fff;
  border: 2px solid var(--ink);
  padding: 0.2rem 0.4rem;
  font-family: var(--sans);
  font-size: max(9px, 0.55rem);
  font-weight: 800;
  letter-spacing: 0.04em;
  transform: skewX(-12deg) rotate(-3deg);
  box-shadow: 3px 3px 0 var(--ink);
}

.anth-dossier__folio-label {
  font-family: var(--sans);
  font-size: max(9px, 0.58rem);
  font-weight: 800;
  letter-spacing: 0.12em;
  color: var(--stone-500);
}

.anth-dossier__folio-title {
  margin: 0;
  font-family: var(--zine-shout);
  font-size: clamp(1.35rem, 3.2vw, 2.1rem);
  line-height: 0.95;
  font-weight: 900;
  letter-spacing: -0.02em;
  color: var(--ink);
}

.anth-dossier__scroll-shell {
  overflow-x: auto;
  overflow-y: hidden;
  padding: 1rem var(--anth-dossier-scroll-pad-x) 1.15rem
    calc(var(--anth-dossier-scroll-pad-x) + var(--anth-dossier-spine));
  cursor: grab;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  transition: padding-right 2.5s cubic-bezier(0.25, 1, 0.5, 1);
}

.anth-masthead-dossier.is-unfurled .anth-dossier__scroll-shell {
  padding-right: calc(var(--anth-dossier-scroll-pad-x) + var(--anth-dossier-spine));
}

.anth-dossier__scroll-shell::-webkit-scrollbar {
  display: none;
}

.anth-dossier__scroll-shell.anth-dossier__scroll-shell--dragging {
  cursor: grabbing;
}

/* —— 怪盗风底部滑动条（同步横向滚动） —— */
.anth-dossier__rail-wrap {
  position: relative;
  z-index: 2;
  padding: 0.35rem var(--anth-dossier-scroll-pad-x) 0.85rem
    calc(var(--anth-dossier-scroll-pad-x) + var(--anth-dossier-spine));
  transition: padding-right 2.5s cubic-bezier(0.25, 1, 0.5, 1);
  padding-right: var(--anth-dossier-scroll-pad-x);
}

.anth-masthead-dossier.is-unfurled .anth-dossier__rail-wrap {
  padding-right: calc(var(--anth-dossier-scroll-pad-x) + var(--anth-dossier-spine));
}

.anth-dossier__rail-wrap[hidden] {
  display: none !important;
}

.anth-dossier__rail {
  display: block;
  width: 100%;
  height: 1.5rem;
  margin: 0;
  cursor: ew-resize;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
}

.anth-dossier__rail:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 3px;
}

.anth-dossier__rail::-webkit-slider-runnable-track {
  height: 0.55rem;
  border: 3px solid var(--ink);
  background: linear-gradient(90deg, #0d0d0d 0%, #262626 42%, #0a0a0a 100%);
  box-shadow:
    4px 4px 0 rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  transform: skewX(-5deg);
}

.anth-dossier__rail::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 1.35rem;
  height: 1.35rem;
  margin-top: -0.45rem;
  background: var(--folio-p5-red);
  border: 3px solid var(--ink);
  border-radius: 2px;
  transform: rotate(-8deg);
  box-shadow: 3px 3px 0 var(--ink);
}

.anth-dossier__rail::-moz-range-track {
  height: 0.55rem;
  border: 3px solid var(--ink);
  background: linear-gradient(90deg, #0d0d0d 0%, #262626 42%, #0a0a0a 100%);
  box-shadow:
    4px 4px 0 rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.anth-dossier__rail::-moz-range-thumb {
  width: 1.35rem;
  height: 1.35rem;
  border: 3px solid var(--ink);
  border-radius: 2px;
  background: var(--folio-p5-red);
  box-shadow: 3px 3px 0 var(--ink);
}

.anth-dossier__row {
  display: flex;
  gap: 1rem;
  width: max-content;
  padding-bottom: 0.15rem;
}

@keyframes anth-dossier-breathe {
  0%,
  100% {
    transform: translateY(0) rotate(0deg);
    box-shadow: 5px 5px 0 var(--ink);
  }
  50% {
    transform: translateY(-10px) rotate(-1.15deg);
    box-shadow: 9px 14px 0 rgba(0, 0, 0, 0.28);
  }
}

.anth-dossier__card {
  position: relative;
  width: 10.5rem;
  max-width: 78vw;
  flex-shrink: 0;
  background: #fff;
  border: 3px solid var(--ink);
  overflow: hidden;
  cursor: pointer;
  box-shadow: 5px 5px 0 var(--ink);
  transform-origin: center center;
  transition:
    transform 0.5s var(--folio-p5-ease),
    box-shadow 0.5s var(--folio-p5-ease),
    background 0.5s var(--folio-p5-ease);
  animation: anth-dossier-breathe 2.65s ease-in-out infinite;
}

.anth-dossier__card:nth-child(2) {
  animation-delay: 0.25s;
}
.anth-dossier__card:nth-child(3) {
  animation-delay: 0.5s;
}
.anth-dossier__card:nth-child(4) {
  animation-delay: 0.75s;
}
.anth-dossier__card:nth-child(5) {
  animation-delay: 1s;
}
.anth-dossier__card:nth-child(6) {
  animation-delay: 1.25s;
}
.anth-dossier__card:nth-child(7) {
  animation-delay: 1.5s;
}
.anth-dossier__card:nth-child(8) {
  animation-delay: 1.75s;
}

@media (hover: hover) {
  .anth-dossier__card:hover {
    transform: translateY(-5px) rotate(-0.75deg) scale(1.012);
    box-shadow: 8px 8px 0 var(--ink);
  }
}

.anth-dossier__card:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 2px;
}

.anth-dossier__portrait {
  position: relative;
  width: 100%;
  height: 11.25rem;
  perspective: 900px;
  border-bottom: 3px solid var(--ink);
}

.anth-dossier__flip {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.9s var(--folio-p5-ease);
}

.anth-dossier__card.is-phantom .anth-dossier__flip {
  transform: rotateY(180deg);
}

.anth-dossier__face {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
}

.anth-dossier__flip-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.anth-dossier__face--back {
  transform: rotateY(180deg);
}

.anth-dossier__card-body {
  position: relative;
  padding: 0.55rem 0.6rem 0.65rem;
  transition: color 0.45s var(--folio-p5-ease), background 0.45s var(--folio-p5-ease);
}

.anth-dossier__card-num {
  margin: 0 0 0.2rem;
  font-family: ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;
  font-size: max(8px, 0.5rem);
  font-weight: 500;
  letter-spacing: 0.06em;
  color: var(--stone-500);
}

.anth-dossier__card .anth-dossier__role {
  margin: 0;
  font-family: var(--sans);
  font-size: max(9px, 0.55rem);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #666;
  line-height: 1.2;
  transition: transform 0.45s var(--folio-p5-ease), color 0.45s var(--folio-p5-ease),
    letter-spacing 0.45s var(--folio-p5-ease);
}

.anth-dossier__card .anth-dossier__name {
  margin: 0 0 0.45rem;
  font-family: var(--zine-shout);
  font-size: clamp(1.05rem, 2.6vw, 1.35rem);
  font-weight: 900;
  line-height: 0.95;
  letter-spacing: -0.02em;
  color: var(--ink);
  overflow-wrap: anywhere;
  transition: transform 0.45s var(--folio-p5-ease), color 0.45s var(--folio-p5-ease),
    text-shadow 0.45s var(--folio-p5-ease);
}

.anth-dossier__divider {
  width: 100%;
  height: 3px;
  background: var(--ink);
  overflow: hidden;
  position: relative;
  margin-bottom: 0;
}

.anth-dossier__divider::after {
  content: "";
  position: absolute;
  top: 0;
  right: -4rem;
  width: 4.5rem;
  height: 100%;
  background: var(--folio-p5-red);
  transform: skewX(-35deg);
  transition: right 0.45s var(--folio-p5-ease);
}

/* P5 phantom */
.anth-dossier__card.is-phantom {
  background: #060606;
  box-shadow: 8px 8px 0 var(--folio-p5-red);
}

.anth-dossier__card.is-phantom::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(140deg, rgba(229, 0, 0, 0.94) 0%, rgba(229, 0, 0, 0.94) 16%, transparent 16%),
    linear-gradient(-35deg, transparent 0%, transparent 80%, rgba(229, 0, 0, 0.95) 80%, rgba(229, 0, 0, 0.95) 100%);
}

.anth-dossier__card.is-phantom .anth-dossier__card-body::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 3.75rem;
  height: 3.75rem;
  background: var(--folio-p5-red);
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  z-index: 0;
  opacity: 0.95;
}

.anth-dossier__card.is-phantom .anth-dossier__card-body::after {
  content: "";
  position: absolute;
  left: -0.85rem;
  bottom: 0.85rem;
  width: 6.5rem;
  height: 0.85rem;
  background: var(--ink);
  transform: rotate(-12deg);
  z-index: 0;
  opacity: 0.95;
}

.anth-dossier__card.is-phantom .anth-dossier__role {
  position: relative;
  z-index: 3;
  color: #ffb9b9;
  transform: skewX(-8deg) translateX(4px);
  letter-spacing: 0.125em;
}

.anth-dossier__card.is-phantom .anth-dossier__name {
  position: relative;
  z-index: 3;
  color: #fff;
  text-shadow: 4px 4px 0 var(--folio-p5-red);
  transform: skewX(-7deg) translateX(6px) scale(1.03);
}

.anth-dossier__card.is-phantom .anth-dossier__card-num {
  color: #a8a29e;
}

.anth-dossier__card.is-phantom .anth-dossier__divider::after {
  right: 0;
}

@media (max-width: 760px) {
  .anth-dossier__card {
    width: 9.25rem;
  }

  .anth-dossier__portrait {
    height: 9.75rem;
  }

  .anth-dossier__folio-head {
    padding-top: 0.85rem;
    padding-bottom: 0.55rem;
  }

  .anth-dossier__scroll-shell {
    padding-top: 0.85rem;
    padding-bottom: 1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .anth-dossier__reveal,
  .anth-dossier__spine,
  .anth-dossier__scroll-shell {
    transition: none !important;
  }

  .anth-dossier__card {
    animation: none !important;
  }

  .anth-dossier__flip {
    transition-duration: 0.01ms !important;
  }
}

.anth-sheet-empty {
  padding-bottom: clamp(2rem, 5vw, 3rem);
}

.anth-sheet-empty-msg {
  margin: 0;
  font-family: var(--serif);
  font-size: 1rem;
  font-style: italic;
  color: var(--stone-500);
}

.anth-vertical {
  margin: 0;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-family: var(--sans);
  font-size: max(11px, 0.65rem);
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: var(--stone-400);
}

/* —— Editor's desk —— */
.anth-desk {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-bottom: var(--hairline);
  background-color: var(--paper);
}

/* 手稿区：留白为主 + 克制的红黑几何与角隅墨迹（仅背景） */
#desk.anth-desk {
  background-color: #f5f5f2;
  background-image: linear-gradient(186deg, #ffffff 0%, #e8e7e3 38%, #f2f1ed 72%, #fafaf8 100%);
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}

#desk.anth-desk::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, transparent 22%),
    linear-gradient(90deg, rgba(229, 0, 0, 0.22) 0, rgba(229, 0, 0, 0.22) 3px, transparent 3px),
    linear-gradient(104deg, transparent 58%, rgba(229, 0, 0, 0.09) 58% 59.4%, transparent 59.4%),
    linear-gradient(transparent calc(100% - 1px), rgba(0, 0, 0, 0.11) calc(100% - 1px)),
    radial-gradient(circle at 8% 94%, rgba(0, 0, 0, 0.055) 0%, transparent 32%),
    radial-gradient(ellipse 72% 52% at 0% 0%, rgba(0, 0, 0, 0.065) 0%, transparent 58%),
    radial-gradient(ellipse 62% 48% at 100% 100%, rgba(229, 0, 0, 0.11) 0%, transparent 56%);
}

#desk.anth-desk::after {
  content: "";
  position: absolute;
  right: max(0.45rem, 1.4vw);
  top: max(0.45rem, 1.4vw);
  width: 4.25rem;
  height: 4.25rem;
  pointer-events: none;
  z-index: 0;
  opacity: 0.12;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 96 96' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: cover;
  mask-image: radial-gradient(circle at 100% 0%, #000 40%, transparent 76%);
  -webkit-mask-image: radial-gradient(circle at 100% 0%, #000 40%, transparent 76%);
}

.anth-desk__brush {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: none;
  filter: none;
  mix-blend-mode: normal;
  opacity: 0;
}

/* 右下角：漫画分镜式方格网（P5 常见 tone / panel 底纹） */
.anth-desk__brush--br {
  inset: auto;
  right: 0;
  bottom: 0;
  width: min(62vw, 32rem);
  height: min(48vh, 26rem);
  opacity: 1;
  background-color: transparent;
  background-image:
    repeating-linear-gradient(
      0deg,
      rgba(0, 0, 0, 0) 0,
      rgba(0, 0, 0, 0) 11px,
      rgba(0, 0, 0, 0.16) 11px,
      rgba(0, 0, 0, 0.16) 12px
    ),
    repeating-linear-gradient(
      90deg,
      rgba(0, 0, 0, 0) 0,
      rgba(0, 0, 0, 0) 11px,
      rgba(0, 0, 0, 0.16) 11px,
      rgba(0, 0, 0, 0.16) 12px
    ),
    linear-gradient(158deg, rgba(229, 0, 0, 0.07) 0%, transparent 52%),
    radial-gradient(ellipse 90% 85% at 100% 100%, rgba(229, 0, 0, 0.06) 0%, transparent 58%);
  mix-blend-mode: multiply;
  mask-image: radial-gradient(ellipse 92% 88% at 100% 100%, #000 0%, transparent 70%);
  -webkit-mask-image: radial-gradient(ellipse 92% 88% at 100% 100%, #000 0%, transparent 70%);
}

.anth-desk__layout {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: clamp(2.5rem, 7vw, 4rem) clamp(1.25rem, 4vw, 2.5rem);
  gap: clamp(1rem, 3vw, 1.75rem);
}

.anth-desk__rail {
  width: 100%;
  max-width: 44rem;
  text-align: center;
  border-right: none;
  padding-right: 0;
}

.anth-desk__rail .anth-vertical {
  writing-mode: horizontal-tb;
  transform: none;
  letter-spacing: 0.24em;
}

.anth-desk__sheet--letter {
  width: 100%;
  max-width: 44rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  border-left: none;
}

.anth-desk__display {
  margin: 0.35rem 0 0;
  font-family: var(--display);
  font-size: clamp(2.15rem, 5vw, 3rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.05;
}

.anth-desk__lede {
  margin: 1rem 0 0;
  max-width: none;
  font-size: 1.12rem;
  line-height: 1.62;
  color: var(--stone-500);
}

.anth-desk__hint {
  display: block;
  margin-top: 0.45rem;
  font-size: 0.98rem;
  font-style: italic;
  color: var(--stone-400);
}

.anth-desk .anth-label {
  font-size: max(12px, 0.78rem);
  letter-spacing: 0.18em;
  margin-bottom: 0.5rem;
}

.anth-desk .anth-label--sub {
  font-size: max(11px, 0.72rem);
}

.anth-desk .anth-input--rule,
.anth-desk .saas-input.anth-input--rule {
  font-size: 1.06rem;
  padding: 0.65rem 0;
}

.anth-desk .anth-textarea--gridpaper {
  font-size: 1.06rem;
  line-height: 2rem;
  min-height: 15rem;
  background-image: linear-gradient(transparent calc(2rem - 1px), var(--stone-200) 1px);
  background-size: 100% 2rem;
  /* local 会在 Chrome/Edge 下随输入重绘导致文字忽清忽糊 */
  background-attachment: scroll;
}

.anth-desk .anth-btn-command {
  font-size: max(12px, 0.8rem);
  padding: 0.85rem 1.5rem;
}

.anth-desk .anth-btn-command--ghost,
.anth-desk .anth-ref-url-remove {
  font-size: max(12px, 0.78rem);
  padding: 0.6rem 1rem;
}

.anth-desk .anth-msg {
  font-size: max(12px, 0.78rem);
}

.anth-desk .anth-utility {
  font-size: max(12px, 0.78rem);
}

.anth-field {
  margin-bottom: 1.65rem;
}

.anth-label {
  display: block;
  font-family: var(--sans);
  font-size: 0.5625rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--stone-500);
  margin-bottom: 0.4rem;
}

.anth-label--sub {
  font-size: 0.5rem;
  opacity: 0.9;
}

/* Underline-only fields */
.anth-input--rule,
.saas-input.anth-input--rule {
  width: 100%;
  font-family: var(--serif);
  font-size: 0.98rem;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid var(--stone-200);
  background: transparent;
  padding: 0.55rem 0;
  outline: none;
}

.anth-input--rule:focus,
.anth-input--rule:focus-visible {
  outline: none;
  border-bottom-width: 2px;
  border-bottom-color: var(--ink);
}

.anth-select-index {
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--ink) 50%),
    linear-gradient(135deg, var(--ink) 50%, transparent 50%);
  background-position: calc(100% - 14px) calc(50% + 3px), calc(100% - 9px) calc(50% + 3px);
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  padding-right: 1.75rem;
  cursor: pointer;
}

.anth-textarea--gridpaper {
  width: 100%;
  font-family: var(--serif);
  font-size: 0.98rem;
  line-height: 2rem;
  min-height: 14rem;
  padding: 1.25rem 1rem;
  border: var(--hairline);
  border-radius: 0;
  background-color: var(--paper-2);
  background-image: linear-gradient(transparent calc(2rem - 1px), var(--stone-200) 1px);
  background-size: 100% 2rem;
  /* scroll：横线不随内容滚动，但避免 local 在部分浏览器与 transform 祖先叠加时的发糊/闪烁 */
  background-attachment: scroll;
  resize: vertical;
  outline: none;
}

.anth-textarea--gridpaper:focus,
.anth-textarea--gridpaper:focus-visible {
  outline: none;
  border-width: 2px;
  border-color: var(--ink);
}

.anth-input::placeholder,
.anth-textarea::placeholder,
.saas-input::placeholder {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 400;
  color: var(--stone-400);
  opacity: 1;
}

.anth-field-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
}

/* Command buttons */
.anth-btn-command,
.anth-btn-submit {
  font-family: var(--sans);
  font-size: max(10px, 0.625rem);
  font-weight: 700;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  padding: 0.75rem 1.35rem;
  border: var(--hairline);
  border-radius: 0;
  background: var(--ink);
  color: var(--paper);
  cursor: pointer;
}

.anth-btn-command:hover,
.anth-btn-submit:hover {
  background: var(--paper);
  color: var(--ink);
}

.anth-btn-command:focus-visible,
.anth-btn-submit:focus-visible {
  outline: none;
  box-shadow: 4px 4px 0 0 var(--ink);
}

.anth-btn-command--ghost:focus-visible,
.anth-btn-submit--outline:focus-visible {
  box-shadow: none;
  border-width: 2px;
}

.anth-btn-command--ghost,
.anth-btn-submit--outline {
  background: var(--paper);
  color: var(--ink);
}

.anth-btn-command--ghost:hover,
.anth-btn-submit--outline:hover {
  background: var(--ink);
  color: var(--paper);
}

.anth-msg {
  margin-left: 1rem;
  font-family: var(--sans);
  font-size: 0.6875rem;
  color: var(--stone-500);
}

.anth-ref-url-list {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.anth-ref-url-row {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

/* —— Archive —— editorial masthead + broadsheet plates —— */
.anth-archive {
  padding: clamp(2.75rem, 8vw, 5rem) 0 clamp(4rem, 10vw, 6rem);
}

.anth-archive__masthead {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
  gap: clamp(1.75rem, 5vw, 3.25rem);
  align-items: end;
  padding-bottom: clamp(2rem, 5vw, 3rem);
  margin-bottom: clamp(1.75rem, 4vw, 2.75rem);
  border-bottom: 1px solid var(--ink);
  text-align: left;
}

.anth-archive__masthead-left {
  align-self: start;
}

.anth-archive__masthead-right {
  align-self: end;
  padding-bottom: 0.15rem;
}

.anth-archive__eyebrow {
  margin: 0;
  font-family: var(--sans);
  font-size: max(10px, 0.625rem);
  font-weight: 600;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--stone-500);
}

.anth-archive__display {
  margin: 0.5rem 0 0;
  font-family: var(--display);
  font-size: clamp(2.5rem, 8vw, 5.25rem);
  font-weight: 600;
  letter-spacing: -0.035em;
  line-height: 0.92;
  color: var(--ink);
}

.anth-archive__editorial {
  margin: clamp(1.35rem, 3vw, 2rem) 0 0;
  padding: 0 0 0 clamp(1rem, 2.5vw, 1.35rem);
  border-left: 1px solid var(--ink);
  max-width: 46rem;
}

.anth-archive__editorial-p {
  margin: 0;
  font-family: var(--serif);
  font-size: clamp(0.98rem, 1.65vw, 1.06rem);
  font-style: italic;
  font-weight: 400;
  line-height: 1.82;
  color: var(--stone-500);
}

.anth-archive__editorial.anth-prose--dropcap > .anth-archive__editorial-p:first-of-type::first-letter {
  float: left;
  font-family: var(--display);
  font-size: clamp(2.5rem, 6vw, 3.35rem);
  line-height: 0.82;
  margin: 0.04em 0.12em 0 0;
  font-weight: 600;
  font-style: normal;
  color: var(--ink);
}

.anth-archive__search-bar {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.45rem;
  border-bottom: 1px solid var(--ink);
  padding-bottom: 0.45rem;
  transition: none;
}

.anth-archive__search-bar:focus-within {
  border-bottom-width: 2px;
}

.anth-archive__search-label {
  font-family: var(--sans);
  font-size: max(10px, 0.625rem);
  font-weight: 600;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: var(--stone-400);
}

.anth-archive__search-field {
  width: 100%;
  border: none !important;
  background: transparent !important;
  padding: 0.25rem 0 !important;
  margin: 0 !important;
  font-family: var(--serif);
  font-size: clamp(0.95rem, 1.55vw, 1.08rem);
  font-weight: 400;
  font-style: normal;
  color: var(--ink);
  box-shadow: none !important;
  outline: none !important;
}

.anth-archive__search-field:focus {
  outline: none !important;
  box-shadow: none !important;
}

.anth-archive__search-field::placeholder {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 400;
  color: var(--stone-400);
}

.anth-archive__controls {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: clamp(1.5rem, 4vw, 2.75rem);
  margin-bottom: clamp(2.25rem, 5vw, 3.5rem);
  padding-bottom: clamp(1rem, 2.5vw, 1.35rem);
  border-bottom: 1px solid var(--ink);
}

.anth-archive__controls-cluster {
  flex: 1 1 16rem;
  min-width: min(100%, 14rem);
}

.anth-archive__controls-cluster--mode {
  flex: 0 1 auto;
  text-align: right;
}

.anth-archive__controls-heading {
  margin: 0 0 0.65rem;
  font-family: var(--sans);
  font-size: max(10px, 0.625rem);
  font-weight: 600;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: var(--stone-500);
}

.anth-archive__controls-cluster--mode .anth-archive__controls-heading {
  text-align: right;
}

.anth-archive__filters {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem 0.15rem;
  justify-content: flex-start;
}

.anth-filter-chip__comma {
  font-family: var(--sans);
  font-size: max(10px, 0.625rem);
  color: var(--stone-400);
  margin-right: 0.15rem;
  user-select: none;
}

.anth-filter-chip {
  font-family: var(--sans);
  font-size: max(10px, 0.625rem);
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  border: none;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
  color: var(--stone-500);
  transition: none;
}

.anth-filter-chip__vol {
  margin-right: 0.35em;
  font-weight: 600;
  letter-spacing: 0.18em;
  color: var(--stone-400);
}

.anth-filter-chip__txt {
  font-weight: 500;
  letter-spacing: 0.12em;
}

.anth-filter-chip.is-active {
  color: var(--ink);
  font-weight: 700;
  border-bottom-color: var(--ink);
}

.anth-filter-chip:hover:not(.is-active) {
  color: var(--ink);
  font-family: var(--serif);
  font-style: italic;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: none;
}

.anth-filter-chip:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 3px;
}

a.anth-filter-chip {
  text-decoration: none;
  color: inherit;
}

.anth-archive__search-form {
  margin: 0;
  width: 100%;
}

.anth-archive__empty-wrap {
  margin: 0 auto;
  max-width: 76rem;
}

.anth-archive__empty {
  margin: 0;
}

.anth-archive__pager-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem 1.5rem;
}

.anth-archive__pager-btn--nav.is-disabled {
  cursor: not-allowed;
}

.anth-gallery-view-toggle {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem;
  border: none;
  background: transparent;
  padding: 0;
}

.anth-view-tab__gap {
  display: inline-block;
  width: 1rem;
}

.anth-view-tab__bracket {
  font-weight: 500;
  letter-spacing: 0;
  opacity: 0.55;
}

.anth-view-tab {
  font-family: var(--sans);
  font-size: max(10px, 0.68rem);
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.35rem 0.5rem;
  margin: 0;
  border: none;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  background: transparent;
  color: var(--stone-500);
  cursor: pointer;
  transition: none;
}

.anth-view-tab.is-active {
  color: var(--ink);
  border-bottom-color: var(--ink);
  font-weight: 700;
}

.anth-view-tab:hover:not(.is-active) {
  background: var(--ink);
  color: var(--paper);
}

.anth-view-tab:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 3px;
}

.anth-gallery-panel--sections {
  padding-bottom: clamp(3rem, 8vw, 5rem);
}

.anth-gallery-panel--masonry {
  padding-bottom: clamp(3rem, 8vw, 5rem);
}

.anth-gallery-panel--masonry[hidden] {
  display: none !important;
}

.anth-gallery-panel--sections[hidden] {
  display: none !important;
}

.anth-archive-layout {
  display: grid;
  grid-template-columns: minmax(5rem, 6.5rem) minmax(0, 1fr);
  gap: clamp(1.5rem, 4vw, 3rem);
  align-items: stretch;
  max-width: 76rem;
  margin-left: auto;
  margin-right: auto;
}

/* 外壳拉高整栏；sticky 在外层、滚动在内层，避免 overflow 与 sticky 同元素导致「整块钉死在视口」 */
.anth-archive__index-shell {
  align-self: stretch;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.anth-archive__index-rail {
  position: sticky;
  top: 5.75rem;
  align-self: flex-start;
  width: 100%;
  box-sizing: border-box;
  padding-left: 0.35rem;
  margin-left: -0.35rem;
  border-right: 1px solid var(--ink);
  overflow: visible;
}

.anth-archive__index-rail-scroll {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-right: 1rem;
  max-height: calc(100vh - 6rem);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--stone-400) transparent;
}

.anth-archive__index-rail-scroll::-webkit-scrollbar {
  width: 4px;
}

.anth-archive__index-rail-scroll::-webkit-scrollbar-thumb {
  background: var(--stone-400);
  border-radius: 0;
}

.anth-index-folio {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  text-decoration: none;
  color: inherit;
  border-left: 2px solid transparent;
  padding-left: 0.5rem;
  margin-left: -0.5rem;
  transition:
    color 0.25s var(--ease-out),
    border-color 0.25s var(--ease-out);
}

.anth-index-folio:hover .anth-index-folio__num {
  transform: translateX(3px);
}

.anth-index-folio.is-active {
  border-left-color: var(--folio-accent);
}

.anth-index-folio.is-active .anth-index-folio__num {
  color: var(--folio-accent);
}

.anth-index-folio.is-active .anth-index-folio__sec {
  color: var(--folio-accent-muted);
}

.anth-index-folio__num {
  font-family: var(--display);
  font-size: clamp(1.65rem, 3.75vw, 2.35rem);
  line-height: 0.95;
  letter-spacing: -0.04em;
  color: var(--ink);
  transition:
    transform 0.35s var(--ease-out),
    color 0.25s var(--ease-out);
}

.anth-index-folio__sec {
  font-family: var(--sans);
  font-size: max(10px, 0.625rem);
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--stone-500);
  line-height: 1.35;
  word-break: break-word;
  transition: color 0.25s var(--ease-out);
}

.anth-archive-flow {
  display: flex;
  flex-direction: column;
  gap: clamp(3rem, 7vw, 5rem);
}

.anth-volume__head {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid var(--ink);
}

.anth-volume__title {
  margin: 0;
  font-family: var(--display);
  font-size: clamp(1.38rem, 3.25vw, 1.95rem);
  font-weight: 600;
  letter-spacing: -0.02em;
}

.anth-plate-grid,
.anth-plate-grid--sections {
  list-style: none;
  margin: clamp(1.5rem, 4vw, 2.25rem) 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
  gap: clamp(2.75rem, 6vw, 4.25rem);
}

/* 每条稿：等比缩小 A4（210×297）、整张泛黄纸、无边框（大区不设底色） */
.anth-gallery-panel--sections .anth-plate-grid--sections {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr));
  gap: clamp(1.25rem, 3.5vw, 2.25rem);
  justify-items: center;
}

.anth-gallery-panel--sections .anth-plate-grid--sections > .anth-plate-cell {
  display: flex;
  justify-content: center;
  width: 100%;
}

/* VOL.00「全部」：与分卷区同一套网格，桌面一行 4 张 */
.anth-gallery-panel--masonry .anth-plate-grid--sections {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(1.25rem, 3.5vw, 2.25rem);
  justify-items: center;
}

.anth-gallery-panel--masonry .anth-plate-grid--sections > .anth-plate-cell {
  display: flex;
  justify-content: center;
  width: 100%;
}

.anth-gallery-panel--sections .anth-plate--mag,
.anth-gallery-panel--masonry .anth-plate--mag {
  display: grid;
  grid-template-columns: minmax(0, 27%) 1fr;
  gap: 0;
  width: min(13.75rem, 100%);
  aspect-ratio: 210 / 297;
  align-self: start;
  box-sizing: border-box;
  border: none;
  outline: none;
  background: var(--mag-parchment);
  overflow: hidden;
  min-height: 0;
  box-shadow: none;
}

.anth-gallery-panel--sections .anth-plate__cover--mag,
.anth-gallery-panel--masonry .anth-plate__cover--mag {
  margin: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
  border: none;
  background: var(--mag-parchment);
}

.anth-gallery-panel--sections .anth-plate--mag .anth-plate__img-wrap,
.anth-gallery-panel--masonry .anth-plate--mag .anth-plate__img-wrap {
  flex: 0 0 auto;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 0;
  border: none !important;
  background: var(--mag-parchment);
}

.anth-gallery-panel--sections .anth-plate--mag .anth-plate__thumb,
.anth-gallery-panel--masonry .anth-plate--mag .anth-plate__thumb {
  width: 100%;
  height: 100%;
  aspect-ratio: unset;
  max-height: none;
  object-fit: cover;
  filter: grayscale(0.88) sepia(0.14) contrast(1.05);
  border-radius: 0;
  border: none;
}

.anth-gallery-panel--sections .anth-plate__inner--mag,
.anth-gallery-panel--masonry .anth-plate__inner--mag {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  border: none;
  min-height: 0;
  overflow: hidden;
  background: transparent;
}

.anth-gallery-panel--sections .anth-plate__band--head,
.anth-gallery-panel--masonry .anth-plate__band--head {
  flex-shrink: 0;
  padding: 0.32rem 0.38rem 0.42rem;
  background: var(--mag-parchment);
  border-bottom: 1px solid var(--ink);
}

.anth-gallery-panel--sections .anth-plate__band--body,
.anth-gallery-panel--masonry .anth-plate__band--body {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 0.4rem 0.38rem 0.34rem;
  background: var(--mag-parchment);
}

.anth-gallery-panel--sections .anth-plate__footer--mag.anth-plate__band--author,
.anth-gallery-panel--masonry .anth-plate__footer--mag.anth-plate__band--author {
  margin-top: auto;
  flex-shrink: 0;
  padding: 0.42rem 0.38rem 0.38rem;
  border: none;
  border-top: 1px solid var(--ink);
  background: var(--mag-parchment);
}

.anth-gallery-panel--sections .anth-plate--mag .anth-plate__vol,
.anth-gallery-panel--masonry .anth-plate--mag .anth-plate__vol {
  margin: 0 0 0.28rem;
  font-family: var(--sans);
  font-size: max(7px, 0.48rem);
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--ink);
  opacity: 0.88;
}

.anth-gallery-panel--sections .anth-plate--mag .anth-plate__title,
.anth-gallery-panel--masonry .anth-plate--mag .anth-plate__title {
  margin: 0;
  font-family: var(--display);
  font-size: clamp(0.72rem, 2.1vw, 0.88rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.12;
  color: var(--ink);
}

.anth-gallery-panel--sections .anth-plate__sep,
.anth-gallery-panel--masonry .anth-plate__sep {
  margin: 0.22rem 0 0;
  font-family: var(--serif);
  font-size: 0.72rem;
  line-height: 1;
  color: var(--ink);
  opacity: 0.42;
  letter-spacing: 0.15em;
}

.anth-gallery-panel--sections .anth-plate__excerpt--mag,
.anth-gallery-panel--masonry .anth-plate__excerpt--mag {
  margin: 0;
  padding: 0;
  font-family: var(--serif);
  font-size: clamp(0.62rem, 1.85vw, 0.72rem);
  font-style: italic;
  font-weight: 400;
  line-height: 1.58;
  letter-spacing: 0.008em;
  color: var(--ink);
  opacity: 0.92;
  flex: 1;
  min-height: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
}

.anth-gallery-panel--sections .anth-plate__excerpt--mag::first-letter,
.anth-gallery-panel--masonry .anth-plate__excerpt--mag::first-letter {
  float: left;
  font-family: var(--display);
  font-style: normal;
  font-size: 1.45rem;
  line-height: 0.82;
  padding-right: 0.18rem;
  margin-top: 0.03rem;
  color: var(--ink);
}

.anth-gallery-panel--sections .anth-plate__footer--mag:not(.anth-plate__band--author),
.anth-gallery-panel--masonry .anth-plate__footer--mag:not(.anth-plate__band--author) {
  margin-top: auto;
  flex-shrink: 0;
  padding-top: 0.38rem;
  border: none;
}

.anth-gallery-panel--sections .anth-plate__footer--mag .anth-plate__caption-line,
.anth-gallery-panel--masonry .anth-plate__footer--mag .anth-plate__caption-line {
  font-family: var(--sans);
  font-size: max(6px, 0.42rem);
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ink);
  opacity: 0.65;
}

.anth-gallery-panel--sections .anth-plate--mag .anth-plate__badge,
.anth-gallery-panel--masonry .anth-plate--mag .anth-plate__badge {
  opacity: 1;
  color: var(--ink);
  background: color-mix(in srgb, var(--mag-parchment) 72%, #fff);
  border: none;
  box-shadow: none;
  font-family: var(--sans);
  font-size: max(6px, 0.42rem);
  letter-spacing: 0.12em;
}

@media (max-width: 520px) {
  .anth-gallery-panel--sections .anth-plate--mag,
  .anth-gallery-panel--masonry .anth-plate--mag {
    grid-template-columns: 1fr;
    width: min(13.75rem, 88vw);
    aspect-ratio: 210 / 297;
  }

  .anth-gallery-panel--sections .anth-plate__cover--mag,
  .anth-gallery-panel--masonry .anth-plate__cover--mag {
    flex-direction: row;
    border: none;
  }

  .anth-gallery-panel--sections .anth-plate--mag .anth-plate__img-wrap,
  .anth-gallery-panel--masonry .anth-plate--mag .anth-plate__img-wrap {
    max-width: 27%;
  }
}

.anth-masonry-waterfall {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  column-count: 3;
  column-gap: clamp(2.75rem, 6vw, 4rem);
  width: 100%;
  max-width: 76rem;
}

.anth-masonry-waterfall > .anth-plate-cell {
  break-inside: avoid;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0 0 clamp(1.5rem, 4vw, 2.25rem);
  vertical-align: top;
  border: none;
  box-sizing: border-box;
}

.anth-plate-cell {
  border: none;
  margin: 0;
}

.anth-plate-cell[hidden] {
  display: none !important;
}

.anth-plate {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
  background: transparent;
  transition: none;
  box-shadow: none;
}

.anth-plate--essay:hover {
  background: transparent;
  box-shadow: none;
  transform: none;
}

.anth-plate__cover {
  margin: 0;
  border: none;
}

.anth-plate__img-wrap {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--ink);
  background: var(--paper-2);
}

.anth-plate__img-wrap::after {
  display: none;
}

.anth-plate__badge {
  position: absolute;
  bottom: 0.4rem;
  right: 0.4rem;
  z-index: 2;
  padding: 0.2rem 0.38rem;
  font-family: ui-monospace, "SF Mono", Consolas, monospace;
  font-size: max(8px, 0.5rem);
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--paper);
  background: var(--ink);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease-out;
}

.anth-plate:hover .anth-plate__badge {
  opacity: 1;
}

.anth-plate__thumb,
.anth-plate__cover img {
  width: 100%;
  aspect-ratio: 5 / 3;
  max-height: none;
  object-fit: cover;
  display: block;
  border: none;
}

.anth-plate__inner {
  padding: clamp(1rem, 2.5vw, 1.35rem) 0 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.anth-plate:hover .anth-plate__title {
  font-style: italic;
}

.anth-plate__vol {
  margin: 0;
  font-family: var(--sans);
  font-size: max(10px, 0.625rem);
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--stone-500);
}

.anth-plate__title {
  margin: 0.55rem 0 0;
  font-family: var(--display);
  font-size: clamp(1.38rem, 2.85vw, 1.92rem);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.025em;
}

.anth-plate__excerpt--prose {
  margin: 1rem 0 0;
  font-family: var(--serif);
  font-size: clamp(0.95rem, 1.55vw, 1.02rem);
  line-height: 1.92;
  color: var(--ink);
  opacity: 0.82;
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.anth-plate__footer {
  margin-top: clamp(1.15rem, 3vw, 1.5rem);
  padding-top: 0.65rem;
  border-top: 1px solid var(--ink);
}

.anth-plate__footer--caption {
  display: block;
}

.anth-plate__caption-line {
  font-family: var(--sans);
  font-size: max(9px, 0.5625rem);
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--stone-500);
  line-height: 1.45;
}

.anth-plate__words,
.anth-plate__exif {
  font-family: var(--sans);
  font-size: max(10px, 0.625rem);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--stone-500);
}

.anth-archive .anth-volume__title {
  font-size: clamp(1.5rem, 3.5vw, 2rem);
}

.anth-archive .anth-index-folio__num {
  font-size: clamp(1.85rem, 4vw, 2.65rem);
}

.anth-archive .anth-index-folio__sec {
  font-size: max(10px, 0.625rem);
}

@media (prefers-reduced-motion: reduce) {
  .anth-plate__badge {
    transition: none;
  }

  .anth-index-folio,
  .anth-index-folio__num,
  .anth-index-folio__sec {
    transition: none;
  }
}

.anth-plates-section {
  margin-top: clamp(3rem, 8vw, 5rem);
  padding-top: clamp(2rem, 5vw, 3rem);
  border-top: var(--hairline);
}

.anth-plates-section__head {
  margin-bottom: 0.25rem;
}

.anth-plates-section__title {
  margin: 0.35rem 0 0;
  font-family: var(--display);
  font-size: clamp(1.38rem, 3.25vw, 1.88rem);
}

.anth-plates-section__sub {
  margin: 0.5rem 0 0;
  font-size: 0.9375rem;
  color: var(--stone-500);
  font-style: italic;
}

/* Lightbox — full-bleed insert, hard geometry */
.anth-lightbox {
  position: fixed;
  inset: 0;
  z-index: 500;
  background: var(--paper);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 0;
}

.anth-lightbox[hidden] {
  display: none !important;
}

.anth-lightbox__close {
  position: relative;
  z-index: 2;
  align-self: flex-end;
  font-family: var(--sans);
  font-size: max(11px, 0.72rem);
  font-weight: 700;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  background: var(--paper);
  color: var(--ink);
  border: none;
  border-left: var(--hairline);
  border-bottom: var(--hairline);
  padding: 1.05rem 1.4rem;
  margin: 0;
  cursor: pointer;
  border-radius: 0;
}

.anth-lightbox__close:hover {
  background: var(--ink);
  color: var(--paper);
}

.anth-lightbox__close:focus-visible {
  outline: none;
  background: var(--ink);
  color: var(--paper);
}

.anth-lightbox__shell {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(1rem, 4vw, 3rem);
  border-top: var(--hairline);
  margin-top: -1px;
  min-height: 0;
}

.anth-lightbox__img {
  max-width: min(92vw, 56rem);
  max-height: calc(100vh - 6rem);
  width: auto;
  height: auto;
  object-fit: contain;
  border: var(--hairline);
}

.anth-footer-min {
  border-top: var(--hairline-soft);
  padding: 2.5rem 0 calc(3.5rem + env(safe-area-inset-bottom, 0px));
  margin-top: 2rem;
}

.anth-footer-min .anth-utility {
  text-align: center;
}

.anth-footer-min__folio {
  margin: 1rem 0 0;
  text-align: center;
  font-family: var(--serif);
  font-size: 0.85rem;
  font-style: italic;
  color: var(--stone-400);
  letter-spacing: 0.35em;
}

/* Toast — editor's note, bottom-left insert */
.anth-ms-toast {
  position: fixed;
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
  z-index: 600;
  padding: 0;
  pointer-events: none;
}

.anth-ms-toast[hidden] {
  display: none !important;
}

.anth-ms-toast__scrim {
  position: fixed;
  inset: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  pointer-events: auto;
}

.anth-ms-toast__dialog {
  position: relative;
  pointer-events: auto;
  max-width: min(28rem, 100vw);
  margin: 0;
  border: var(--hairline);
  border-left: none;
  border-bottom: none;
  background: var(--paper);
  padding: 1.5rem 1.75rem 0;
}

.anth-ms-toast__folio {
  margin: 0;
  font-family: var(--sans);
  font-size: max(10px, 0.62rem);
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--stone-500);
}

.anth-ms-toast__note-type {
  margin: 0.85rem 0 0;
  font-family: var(--sans);
  font-size: max(10px, 0.65rem);
  font-weight: 700;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--ink);
}

.anth-ms-toast__heading {
  font-family: var(--display);
  font-size: clamp(1.5rem, 4vw, 2.35rem);
  font-weight: 600;
  margin: 0.5rem 0 0;
  line-height: 1.05;
}

.anth-ms-toast__prose {
  margin: 1rem 0 0;
  font-family: var(--serif);
  font-size: 1.02rem;
  line-height: 1.65;
}

.anth-ms-toast__close {
  display: block;
  width: 100%;
  margin-top: 1.35rem;
  padding: 1rem 0 1.25rem;
  font-family: var(--sans);
  font-size: max(10px, 0.68rem);
  font-weight: 700;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  text-align: left;
  border: none;
  border-top: var(--hairline);
  background: transparent;
  color: var(--ink);
  cursor: pointer;
  border-radius: 0;
}

.anth-ms-toast__close:hover {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: none;
}

.anth-ms-toast__close:focus-visible {
  outline: none;
  background: var(--ink);
  color: var(--paper);
}

/* Doc page — P5 Royal × neo-brutal 舞台底 + 正文卡片（无 transform，避免正文发糊） */
.anth-doc-shell {
  --doc-p5-red: #e50000;
  --doc-p5-ink: #0a0a0a;
  --doc-p5-paper: #ffffff;
  position: relative;
  isolation: isolate;
  overflow-x: clip;
  padding: clamp(1.25rem, 3.5vw, 2rem) clamp(0.85rem, 3vw, 1.75rem) clamp(2.25rem, 5vw, 3.5rem);
  background-color: var(--doc-p5-paper);
  background-image: linear-gradient(180deg, #fafafa 0%, #ffffff 52%, #f7f7f7 100%);
  border-top: none;
  border-bottom: 4px solid var(--doc-p5-ink);
}

.anth-doc-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    linear-gradient(180deg, var(--doc-p5-ink) 0, var(--doc-p5-ink) 5px, transparent 5px),
    linear-gradient(90deg, var(--doc-p5-red) 0, var(--doc-p5-red) 4px, transparent 4px),
    linear-gradient(118deg, transparent 62%, rgba(229, 0, 0, 0.14) 62% 63.4%, transparent 63.4%),
    linear-gradient(270deg, transparent calc(100% - 1px), rgba(10, 10, 10, 0.08) calc(100% - 1px));
}

.anth-doc-shell::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: min(42vw, 17rem);
  height: min(32vh, 13rem);
  pointer-events: none;
  z-index: 0;
  opacity: 0.35;
  background-image:
    repeating-linear-gradient(
      0deg,
      transparent 0,
      transparent 15px,
      rgba(10, 10, 10, 0.07) 15px,
      rgba(10, 10, 10, 0.07) 16px
    ),
    repeating-linear-gradient(
      90deg,
      transparent 0,
      transparent 15px,
      rgba(10, 10, 10, 0.07) 15px,
      rgba(10, 10, 10, 0.07) 16px
    ),
    radial-gradient(ellipse 100% 100% at 100% 100%, rgba(229, 0, 0, 0.06) 0%, transparent 55%);
  mask-image: radial-gradient(ellipse 100% 100% at 100% 100%, #000 0%, #000 42%, transparent 72%);
  -webkit-mask-image: radial-gradient(ellipse 100% 100% at 100% 100%, #000 0%, #000 42%, transparent 72%);
}

.anth-doc {
  position: relative;
  z-index: 1;
  width: min(46rem, 100%);
  max-width: 46rem;
  margin: 0 auto;
  padding: clamp(1.75rem, 4vw, 2.75rem) clamp(1.15rem, 3.5vw, 2rem) clamp(2.25rem, 5vw, 3rem);
  background: var(--doc-p5-paper);
  border: 4px solid var(--doc-p5-ink);
  box-shadow: -12px 16px 0 var(--doc-p5-red);
}

.anth-doc__meta {
  margin: 0 0 0.5rem;
  padding-left: 0.55rem;
  border-left: 4px solid var(--doc-p5-red);
  font-family: var(--zine-shout);
  font-size: 0.6rem;
  font-weight: 900;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--doc-p5-ink);
}

.anth-doc__title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.65rem 1rem;
  margin: 0 0 1rem;
}

.anth-doc__title-row .anth-doc__title {
  flex: 1 1 min(0, 100%);
  min-width: 0;
  margin: 0;
}

.anth-doc__title-row .anth-doc__title-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.45rem 0.55rem;
  flex-shrink: 0;
  align-self: flex-start;
  margin-top: 0.12rem;
}

.anth-doc-shell .anth-doc__title-actions a.anth-btn-command {
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.anth-doc__title {
  font-family: var(--zine-shout);
  font-size: clamp(1.5rem, 4.5vw, 2.35rem);
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1.06;
  margin: 0 0 1rem;
  color: var(--doc-p5-ink);
}

.anth-doc__byline {
  margin: 0 0 1rem;
  font-family: var(--sans);
  font-size: max(11px, 0.72rem);
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(10, 10, 10, 0.52);
}

.anth-doc__effect {
  margin: 0 0 1.65rem;
}

.anth-doc__effect-label {
  margin: 0 0 0.45rem;
  font-family: var(--zine-shout);
  font-size: 0.6rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--doc-p5-ink);
  padding-left: 0.55rem;
  border-left: 4px solid var(--doc-p5-red);
}

.anth-doc__effect-frame {
  position: relative;
  margin: 0;
  padding: 0;
  max-width: 100%;
  border: 4px solid var(--doc-p5-ink);
  background: linear-gradient(160deg, #d9d6d1 0%, #c9c6c0 45%, #c3c0ba 100%);
  box-shadow: 8px 8px 0 rgba(10, 10, 10, 0.14);
  overflow: hidden;
}

.anth-doc__effect-frame:not(.anth-doc__effect-frame--empty)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(135deg, rgba(229, 0, 0, 0.4) 0%, rgba(229, 0, 0, 0.4) 12%, transparent 12%),
    linear-gradient(-32deg, transparent 0%, transparent 88%, rgba(120, 116, 110, 0.32) 88%, rgba(100, 96, 90, 0.38) 100%);
}

.anth-doc__effect-img {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: auto;
}

.anth-doc__effect-frame--empty {
  min-height: clamp(10rem, 28vw, 14rem);
  display: flex;
  align-items: center;
  justify-content: center;
}

.anth-doc__effect-frame--empty::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(135deg, rgba(229, 0, 0, 0.4) 0%, rgba(229, 0, 0, 0.4) 12%, transparent 12%),
    linear-gradient(-32deg, transparent 0%, transparent 88%, rgba(120, 116, 110, 0.32) 88%, rgba(100, 96, 90, 0.38) 100%);
}

.anth-doc__effect-placeholder {
  position: relative;
  z-index: 2;
  font-family: var(--zine-shout);
  font-size: clamp(1.05rem, 3.2vw, 1.55rem);
  font-weight: 900;
  letter-spacing: 0.08em;
  color: var(--doc-p5-red);
  transform: skewX(-7deg) rotate(-1.5deg);
  text-align: center;
  padding: 1rem 1.25rem;
  line-height: 1.2;
  text-shadow:
    1px 1px 0 rgba(255, 255, 255, 0.5),
    2px 2px 0 rgba(0, 0, 0, 0.1);
  border: 4px solid var(--doc-p5-ink);
  background: rgba(255, 255, 255, 0.35);
  box-shadow: 5px 5px 0 rgba(10, 10, 10, 0.16);
}

.anth-doc__effect-frame.anth-lightbox-trigger {
  cursor: zoom-in;
}

.anth-doc__effect-frame.anth-lightbox-trigger:focus-visible {
  outline: 3px solid var(--doc-p5-red);
  outline-offset: 3px;
}

.anth-doc__body {
  white-space: pre-wrap;
  word-break: break-word;
  line-height: 1.82;
  font-size: 1.02rem;
  font-family: var(--sans);
  color: var(--doc-p5-ink);
}

.anth-doc__body a {
  color: var(--doc-p5-red);
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px solid rgba(229, 0, 0, 0.35);
}

.anth-doc__body a:hover {
  border-bottom-color: var(--doc-p5-red);
  background: rgba(229, 0, 0, 0.06);
}

.anth-doc__refs {
  margin-top: 2.25rem;
  padding-top: 1.35rem;
  border-top: 3px solid var(--doc-p5-ink);
}

.anth-doc__refs .anth-label {
  font-family: var(--zine-shout);
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--doc-p5-ink);
}

.anth-doc__refs ul {
  margin: 0.65rem 0 0;
  padding: 0;
  list-style: none;
}

.anth-doc__refs li {
  margin: 0.45rem 0;
  padding-left: 0.65rem;
  border-left: 3px solid rgba(229, 0, 0, 0.85);
}

.anth-doc__refs a {
  font-family: var(--sans);
  font-size: 0.88rem;
  font-weight: 500;
  color: var(--doc-p5-red);
  text-decoration: none;
  word-break: break-all;
  border-bottom: 1px solid rgba(229, 0, 0, 0.35);
}

.anth-doc__refs a:hover {
  border-bottom-color: var(--doc-p5-red);
}

.anth-doc__actions {
  margin: 2rem 0 0;
}

.anth-doc-shell .anth-btn-command--ghost {
  font-family: var(--zine-shout);
  font-size: max(10px, 0.62rem);
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border: 3px solid var(--doc-p5-ink);
  border-radius: 0;
  background: var(--doc-p5-paper);
  color: var(--doc-p5-ink);
  clip-path: polygon(0 5%, 100% 0, 100% 95%, 4% 100%);
  box-shadow: 4px 5px 0 rgba(10, 10, 10, 0.12);
  transition:
    background 0.12s ease,
    color 0.12s ease,
    box-shadow 0.12s ease;
}

.anth-doc-shell .anth-btn-command--ghost:hover {
  background: var(--doc-p5-red);
  color: var(--doc-p5-paper);
  box-shadow: 6px 7px 0 var(--doc-p5-ink);
}

.anth-doc-shell .anth-btn-command--ghost:focus-visible {
  outline: 2px solid var(--doc-p5-red);
  outline-offset: 2px;
}

.anth-doc__back {
  margin-top: 2.5rem;
}

.anth-doc-shell .anth-link-marginal {
  font-family: var(--zine-shout);
  font-size: max(10px, 0.62rem);
  font-weight: 900;
  letter-spacing: 0.14em;
  color: var(--doc-p5-ink);
  border-bottom: 3px solid var(--doc-p5-ink);
}

.anth-doc-shell .anth-link-marginal:hover {
  color: var(--doc-p5-red);
  border-bottom-color: var(--doc-p5-red);
  background: transparent;
}

.anth-doc-shell .anth-link-marginal:focus-visible {
  outline: 2px solid var(--doc-p5-red);
  outline-offset: 3px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* Legacy class aliases */
.anth-section-serif {
  font-family: var(--display);
}

/* Responsive */
@media (max-width: 900px) {
  .anth-archive__masthead {
    grid-template-columns: 1fr;
  }

  .anth-archive__masthead-right {
    align-self: stretch;
    max-width: 100%;
  }

  .anth-archive__controls {
    flex-direction: column;
    align-items: stretch;
  }

  .anth-archive__controls-cluster--mode {
    text-align: left;
  }

  .anth-archive__controls-cluster--mode .anth-archive__controls-heading {
    text-align: left;
  }

  .anth-gallery-view-toggle {
    justify-content: flex-start;
  }

  .anth-archive-layout {
    grid-template-columns: 1fr;
  }

  .anth-archive__index-shell {
    align-self: stretch;
    width: 100%;
  }

  .anth-archive__index-rail {
    position: relative;
    top: auto;
    align-self: stretch;
    padding-left: 0;
    margin-left: 0;
    border-right: none;
  border-bottom: var(--hairline-soft);
    margin-bottom: 1.5rem;
    overflow: visible;
  }

  .anth-archive__index-rail-scroll {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 1.25rem;
    padding: 0 0 1rem;
    padding-right: 0;
    max-height: none;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .anth-archive__index-rail-scroll::-webkit-scrollbar {
    display: none;
  }

  .anth-index-folio {
    flex: 0 0 auto;
    min-width: 4.5rem;
    border-left: none;
    padding-left: 0;
    margin-left: 0;
    border-bottom: 2px solid transparent;
    padding-bottom: 0.35rem;
  }

  .anth-index-folio.is-active {
    border-left-color: transparent;
    border-bottom-color: var(--folio-accent);
  }

  .anth-index-folio:focus-visible:not(.is-active) {
    border-left-color: transparent;
  border-bottom-color: var(--ink);
}

  .anth-frontmatter__layout,
  .anth-cover__grid,
  .anth-hero__grid {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .anth-hero__cover-wrap {
    justify-self: center;
    max-width: min(17rem, 82vw);
    height: auto;
    align-self: center;
  }

  .anth-hero .anth-cover__journal {
    height: auto;
  }

  .anth-hero .anth-cover__frame {
    flex: none;
    aspect-ratio: 2 / 3;
    max-height: min(52vh, 28rem);
    width: 100%;
  }

  .anth-frontmatter__rail {
    border-right: none;
    padding-right: 0;
    border-bottom: var(--hairline-soft);
    padding-bottom: 1rem;
    margin-bottom: 0.5rem;
  }

  .anth-desk__rail {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }

  .anth-vertical {
    writing-mode: horizontal-tb;
    transform: none;
    letter-spacing: 0.22em;
  }

  .anth-desk__sheet--letter {
    border-left: none;
    padding-left: 0;
  }

  .anth-field-cols {
    grid-template-columns: 1fr;
  }

  .anth-gallery-panel--masonry .anth-plate-grid--sections {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .anth-gallery-panel--masonry .anth-plate-grid--sections {
    grid-template-columns: 1fr;
  }
}

/* 小屏手机：收紧排版、安全区、文档与首屏封面 */
@media (max-width: 480px) {
  body.anthology-body {
    font-size: 1rem;
    line-height: 1.65;
  }

  .anth-hero__inner {
    padding-left: max(0.85rem, env(safe-area-inset-left, 0px));
    padding-right: max(0.85rem, env(safe-area-inset-right, 0px));
    padding-top: clamp(1.35rem, 5vw, 2.25rem);
    padding-bottom: clamp(1.35rem, 5vw, 2.25rem);
  }

  .anth-hero#reader-guide .anth-hero__display-line {
    font-size: clamp(1.65rem, 11vw, 2.35rem);
  }

  .anth-hero__cover-wrap {
    max-width: min(15.5rem, 88vw);
  }

  .anth-hero .journal-archive__frame.anth-cover__frame {
    max-height: min(44vh, 22rem);
  }

  .anth-doc-shell {
    padding-left: max(0.65rem, env(safe-area-inset-left, 0px));
    padding-right: max(0.65rem, env(safe-area-inset-right, 0px));
  }

  .anth-doc {
    width: 100%;
    max-width: none;
    padding-left: max(0.85rem, env(safe-area-inset-left, 0px));
    padding-right: max(0.85rem, env(safe-area-inset-right, 0px));
    box-shadow: -8px 12px 0 var(--doc-p5-red);
  }

  .anth-doc__title-row {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
  }

  .anth-doc__title-row .anth-doc__title-actions {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0.5rem;
  }

  .anth-doc__effect-img {
    width: 100%;
    height: auto;
    max-height: min(56vh, 28rem);
    object-fit: contain;
    background: #f3f3f3;
  }

  .anth-archive {
    padding-left: max(0, env(safe-area-inset-left, 0px));
    padding-right: max(0, env(safe-area-inset-right, 0px));
  }

  .anth-frontmatter__jump {
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
  }
}

/* —— 顶栏：Persona5 风用户卡（红 / 白 / 黑；职称顶栏；贴纸头像） —— */
.anth-nav-user-paper {
  flex: 0 0 0;
  width: 0;
  min-width: 0;
  height: 0;
  overflow: visible;
  position: static;
  z-index: 2;
  pointer-events: none;
}

.anth-nav-user-paper #anth-home-user-card-root {
  pointer-events: auto;
}

.anth-nav-editorial #anth-home-user-card-root.parent {
  position: absolute;
  right: clamp(0.25rem, 1.25vw, 0.85rem);
  top: 0.65rem;
  width: min(302px, calc(100vw - 2rem));
  margin-left: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding: 10px;
  box-sizing: border-box;
  z-index: 5;
  transform: none;
  transform-origin: top right;
}

.anth-nav-editorial #anth-home-user-card-root {
  --p5-red: #e50000;
  --p5-black: #000000;
  --p5-white: #ffffff;
}

/* 编辑部入口：避免其它 display 规则盖掉 [hidden] */
.anth-nav-editorial #anth-home-user-card-root #anth-editorial-go-btn[hidden] {
  display: none !important;
}

.anth-nav-editorial #anth-home-user-card-root .p5-card {
  position: relative;
  width: 100%;
  min-height: 148px;
  background: var(--p5-red);
  overflow: hidden;
  border: 4px solid var(--p5-black);
  box-shadow:
    0 0 0 3px var(--p5-white),
    10px 10px 0 var(--p5-black);
  font-family: Impact, "Arial Black", "Helvetica Neue", sans-serif;
}

.anth-nav-editorial #anth-home-user-card-root .p5-bg-cut {
  position: absolute;
  pointer-events: none;
  z-index: 0;
}

.anth-nav-editorial #anth-home-user-card-root .p5-bg-cut-1 {
  width: 200px;
  height: 200px;
  right: -72px;
  top: -96px;
  background: repeating-linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.12) 0 8px,
    transparent 8px 16px
  );
  transform: rotate(-12deg);
}

.anth-nav-editorial #anth-home-user-card-root .p5-bg-cut-2 {
  width: 120%;
  height: 10px;
  left: -12%;
  top: 42px;
  background: var(--p5-white);
  transform: rotate(-8deg);
  opacity: 0.88;
}

.anth-nav-editorial #anth-home-user-card-root .p5-card-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 40px;
  height: auto;
  background: var(--p5-white);
  border-bottom: 4px solid var(--p5-black);
  display: flex;
  align-items: center;
  padding: 6px 10px 6px 14px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 93% 100%, 88% 82%, 0 82%);
  z-index: 2;
  box-sizing: border-box;
}

.anth-nav-editorial #anth-home-user-card-root .p5-header-text {
  margin: 0;
  font-size: clamp(9px, 2.6vw, 12px);
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--p5-black);
  line-height: 1.2;
  max-width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  position: relative;
  z-index: 1;
  transform: skewX(-10deg);
  padding: 0;
  margin: 0;
  transition:
    transform 0.18s cubic-bezier(0.175, 0.885, 0.32, 1.275),
    text-shadow 0.18s ease,
    color 0.18s ease,
    background-color 0.18s ease,
    box-shadow 0.18s ease,
    padding 0.18s ease,
    margin 0.18s ease;
  text-shadow: none;
}

.anth-nav-editorial #anth-home-user-card-root .p5-header-text:hover {
  transform: skewX(-10deg) translate(-2px, -2px) rotate(-0.5deg);
  color: var(--p5-white);
  background-color: var(--p5-black);
  box-shadow: 7px 7px 0 var(--p5-white);
  text-shadow: none;
  padding: 3px 8px;
  margin: -2px 0 0 -4px;
}

.anth-nav-editorial #anth-home-user-card-root #anth-home-user-role[hidden] {
  display: none !important;
}

.anth-nav-editorial #anth-home-user-card-root .p5-card-content {
  position: relative;
  width: 100%;
  min-height: 148px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 0.4rem;
  padding: 52px 10px 10px 12px;
  box-sizing: border-box;
  z-index: 1;
}

.anth-nav-editorial #anth-home-user-card-root .p5-info-area {
  position: relative;
  z-index: 2;
  flex: 1;
  min-width: 0;
  padding-right: 2px;
}

.anth-nav-editorial #anth-home-user-card-root .p5-username {
  display: block;
  position: relative;
  font-size: clamp(1.05rem, 4.2vw, 1.35rem);
  line-height: 1.05;
  color: var(--p5-white);
  font-weight: 900;
  transform: skewX(-8deg) rotate(-1.5deg);
  transition:
    transform 0.18s cubic-bezier(0.175, 0.885, 0.32, 1.275),
    text-shadow 0.18s ease,
    color 0.18s ease,
    background-color 0.18s ease,
    box-shadow 0.18s ease;
  text-shadow:
    3px 3px 0 var(--p5-black),
    6px 6px 0 rgba(0, 0, 0, 0.2);
  overflow-wrap: anywhere;
  word-break: break-word;
  z-index: 2;
  width: fit-content;
  max-width: 100%;
  padding: 0.08em 0.12em 0.12em;
  margin: -0.08em 0 0 -0.06em;
  box-sizing: border-box;
}

.anth-nav-editorial #anth-home-user-card-root .p5-username:hover {
  transform: skewX(-8deg) rotate(-1.5deg) translate(-2px, -2px) rotate(-0.5deg);
  color: var(--p5-white);
  background-color: var(--p5-black);
  box-shadow: 7px 7px 0 var(--p5-white);
  text-shadow: none;
}

.anth-nav-editorial #anth-home-user-card-root .p5-username::after {
  content: "";
  position: absolute;
  width: min(110%, 12rem);
  height: 6px;
  background: var(--p5-white);
  left: -4px;
  bottom: -6px;
  transform: rotate(-2deg);
  pointer-events: none;
  opacity: 1;
  transition:
    transform 0.18s cubic-bezier(0.175, 0.885, 0.32, 1.275),
    opacity 0.18s ease;
}

.anth-nav-editorial #anth-home-user-card-root .p5-username:hover::after {
  opacity: 0;
  transform: rotate(-2deg) translate(-2px, -2px);
}

.anth-nav-editorial #anth-home-user-card-root .p5-btn-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem 0.55rem;
  margin-top: 0.55rem;
}

.anth-nav-editorial #anth-home-user-card-root .p5-btn {
  position: relative;
  cursor: pointer;
  border: none;
  background: var(--p5-white);
  color: var(--p5-black);
  padding: 0.38rem 0.55rem;
  font-size: clamp(10px, 2.6vw, 12px);
  font-weight: 900;
  transform: skewX(-12deg);
  border: 3px solid var(--p5-black);
  transition:
    background 0.18s ease,
    color 0.18s ease,
    transform 0.18s cubic-bezier(0.175, 0.885, 0.32, 1.275),
    box-shadow 0.18s ease;
  box-shadow: 4px 4px 0 var(--p5-black);
  font-family: inherit;
  line-height: 1.25;
}

.anth-nav-editorial #anth-home-user-card-root .p5-btn__label {
  display: inline-block;
  transform: skewX(12deg);
}

.anth-nav-editorial #anth-home-user-card-root .p5-btn:hover {
  background: var(--p5-black);
  color: var(--p5-white);
  transform: skewX(-12deg) translate(-2px, -2px) rotate(-0.5deg);
  box-shadow: 7px 7px 0 var(--p5-white);
}

.anth-nav-editorial #anth-home-user-card-root .p5-btn--main {
  background: var(--p5-black);
  color: var(--p5-white);
}

.anth-nav-editorial #anth-home-user-card-root .p5-btn--main:hover {
  background: var(--p5-white);
  color: var(--p5-black);
  box-shadow: 7px 7px 0 var(--p5-red);
}

.anth-nav-editorial #anth-home-user-card-root .p5-btn:focus-visible {
  outline: 2px solid var(--p5-white);
  outline-offset: 2px;
}

.anth-nav-editorial #anth-home-user-card-root .p5-avatar-wrapper {
  position: relative;
  flex-shrink: 0;
  width: 68px;
  height: 68px;
  transform: rotate(5deg) translateY(-4px);
  z-index: 3;
}

.anth-nav-editorial #anth-home-user-card-root .p5-avatar-frame {
  position: absolute;
  inset: -5px;
  border: 4px solid var(--p5-black);
  background: var(--p5-white);
  z-index: 0;
  transform: rotate(-5deg);
  pointer-events: none;
}

.anth-nav-editorial #anth-home-user-card-root .p5-avatar {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 3px solid var(--p5-black);
  z-index: 2;
  display: block;
  box-sizing: border-box;
}

.anth-nav-editorial #anth-home-user-card-root .p5-avatar[hidden] {
  display: none !important;
}

.anth-nav-editorial #anth-home-user-card-root .p5-avatar-ph {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.65rem;
  font-weight: 900;
  color: var(--p5-red);
  z-index: 1;
  pointer-events: none;
}

.anth-nav-editorial #anth-home-user-card-root .p5-avatar-ph[hidden] {
  display: none !important;
}

.anth-nav-editorial #anth-home-user-card-root .p5-avatar-tag {
  position: absolute;
  left: -6px;
  bottom: -6px;
  background: var(--p5-black);
  color: var(--p5-white);
  padding: 3px 6px;
  font-size: clamp(8px, 2vw, 10px);
  font-weight: 900;
  letter-spacing: 0.06em;
  border: 2px solid var(--p5-white);
  transform: skewX(-14deg) rotate(-6deg);
  z-index: 5;
  white-space: nowrap;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .anth-nav-editorial #anth-home-user-card-root .p5-btn {
    transition: none;
  }

  .anth-nav-editorial #anth-home-user-card-root .p5-btn:hover {
    transform: skewX(-12deg);
  }

  .anth-nav-editorial #anth-home-user-card-root .p5-btn--main:hover {
    transform: skewX(-12deg);
  }

  .anth-nav-editorial #anth-home-user-card-root .p5-header-text,
  .anth-nav-editorial #anth-home-user-card-root .p5-username {
    transition: none;
  }

  .anth-nav-editorial #anth-home-user-card-root .p5-header-text:hover {
    transform: skewX(-10deg);
    color: inherit;
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    margin: 0;
  }

  .anth-nav-editorial #anth-home-user-card-root .p5-username:hover {
    transform: skewX(-8deg) rotate(-1.5deg);
    color: inherit;
    background-color: transparent;
    box-shadow: none;
    text-shadow:
      3px 3px 0 var(--p5-black),
      6px 6px 0 rgba(0, 0, 0, 0.2);
  }

  .anth-nav-editorial #anth-home-user-card-root .p5-username:hover::after {
    opacity: 1;
    transform: rotate(-2deg);
  }
}

/* —— 编辑部登录 / 提示弹窗（P5 Royal × neo-brutal 红黑白） —— */
.anth-auth-dialog {
  padding: 0;
  border: none;
  background: transparent;
  max-width: calc(100vw - 1.25rem);
  overflow: visible;
}

.anth-auth-dialog::backdrop {
  background: rgba(0, 0, 0, 0.78);
  backdrop-filter: none;
}

.anth-auth-dialog__panel {
  --auth-red: #e50000;
  --auth-ink: #0a0a0a;
  --auth-paper: #ffffff;
  position: relative;
  isolation: isolate;
  width: min(432px, 94vw);
  background-color: var(--auth-paper);
  background-image:
    linear-gradient(180deg, var(--auth-ink) 0, var(--auth-ink) 5px, transparent 5px),
    linear-gradient(118deg, transparent 54%, rgba(229, 0, 0, 0.16) 54% 55.4%, transparent 55.4%);
  border: 4px solid var(--auth-ink);
  box-shadow: -12px 14px 0 var(--auth-red);
  padding: 2.1rem 1.85rem 1.75rem 1.75rem;
}

.anth-auth-dialog__panel--compact {
  padding: 1.65rem 1.5rem 1.5rem;
}

.anth-auth-dialog__close {
  position: absolute;
  top: 0.65rem;
  right: 0.65rem;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.35rem;
  height: 2.35rem;
  margin: 0;
  padding: 0;
  border: 3px solid var(--auth-ink, #0a0a0a);
  background: var(--auth-paper, #ffffff);
  color: var(--auth-ink, #0a0a0a);
  font-size: 1.4rem;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
  clip-path: polygon(10% 0, 100% 0, 100% 90%, 90% 100%, 0 100%, 0 12%);
  transition:
    background 0.12s ease,
    color 0.12s ease;
}

.anth-auth-dialog__close:hover {
  background: var(--auth-ink, #0a0a0a);
  color: var(--auth-paper, #ffffff);
}

.anth-auth-dialog__close:focus-visible {
  outline: 2px solid var(--auth-red, #e50000);
  outline-offset: 2px;
}

.anth-auth-dialog__kicker {
  margin: 0 0 0.5rem;
  padding-left: 0.6rem;
  border-left: 4px solid var(--auth-red, #e50000);
  font-family: var(--zine-shout);
  font-size: 0.65rem;
  font-weight: 900;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--auth-ink, #0a0a0a);
}

.anth-auth-dialog__title {
  margin: 0 0 0.35rem;
  font-family: var(--zine-shout);
  font-size: clamp(1.35rem, 4vw, 1.75rem);
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.05;
  color: var(--auth-ink, #0a0a0a);
}

.anth-auth-dialog__title--sm {
  font-size: 1.15rem;
  letter-spacing: 0.08em;
}

.anth-auth-dialog__sub {
  margin: 0 0 1.25rem;
  font-family: var(--sans);
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: rgba(10, 10, 10, 0.55);
}

.anth-auth-dialog__form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.anth-auth-dialog__field {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.anth-auth-dialog__label {
  font-family: var(--zine-shout);
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--auth-ink, #0a0a0a);
  transform: skewX(-5deg);
  transform-origin: left center;
}

.anth-auth-dialog__error {
  margin: 0;
  padding: 0.5rem 0.65rem;
  border-left: 4px solid var(--auth-red, #e50000);
  font-family: var(--sans);
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--auth-red, #e50000);
  background: rgba(229, 0, 0, 0.06);
}

.anth-auth-dialog__body {
  margin: 0 0 1.15rem;
  font-family: var(--sans);
  line-height: 1.55;
  font-size: 0.92rem;
  color: var(--auth-ink, #0a0a0a);
}

.anth-auth-dialog .anth-input--rule,
.anth-auth-dialog .saas-input.anth-input--rule {
  font-family: var(--sans);
  font-size: 1rem;
  font-weight: 500;
  padding: 0.65rem 0;
  border: none;
  border-bottom: 3px solid var(--auth-ink, #0a0a0a);
  border-radius: 0;
  background: transparent;
  color: var(--auth-ink, #0a0a0a);
  transition: border-bottom-color 0.12s ease;
}

.anth-auth-dialog .anth-input--rule::placeholder,
.anth-auth-dialog .saas-input.anth-input--rule::placeholder {
  font-family: var(--sans);
  font-style: normal;
  color: rgba(10, 10, 10, 0.38);
}

.anth-auth-dialog .anth-input--rule:focus,
.anth-auth-dialog .anth-input--rule:focus-visible,
.anth-auth-dialog .saas-input.anth-input--rule:focus,
.anth-auth-dialog .saas-input.anth-input--rule:focus-visible {
  outline: none;
  border-bottom-color: var(--auth-red, #e50000);
}

.anth-auth-dialog .anth-btn-command {
  margin-top: 0.15rem;
  width: 100%;
  font-family: var(--zine-shout);
  font-size: max(11px, 0.72rem);
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.85rem 1rem;
  border: 3px solid var(--auth-ink, #0a0a0a);
  border-radius: 0;
  background: var(--auth-ink, #0a0a0a);
  color: var(--auth-paper, #ffffff);
  cursor: pointer;
  clip-path: polygon(2% 0, 100% 0, 98% 100%, 0 96%);
  box-shadow: 6px 6px 0 rgba(229, 0, 0, 0.92);
  transition:
    background 0.12s ease,
    color 0.12s ease,
    box-shadow 0.12s ease,
    transform 0.12s ease;
}

.anth-auth-dialog .anth-btn-command:hover {
  background: var(--auth-paper, #ffffff);
  color: var(--auth-ink, #0a0a0a);
  box-shadow: 8px 8px 0 var(--auth-red, #e50000);
}

.anth-auth-dialog .anth-btn-command:focus-visible {
  outline: none;
  box-shadow:
    8px 8px 0 var(--auth-red, #e50000),
    0 0 0 2px var(--auth-paper, #ffffff),
    0 0 0 4px var(--auth-ink, #0a0a0a);
}

.anth-auth-dialog--notice .anth-btn-command {
  width: 100%;
}

/* 登录弹窗：为内部绝对定位加载层提供参照（与浏览器 dialog top layer 一致） */
#anth-auth-login-dialog.anth-auth-dialog {
  position: relative;
}

/* —— 编辑部登录：提交后在弹窗内盖住表单（透明底，叠在面板之上） —— */
.anth-auth-load-overlay {
  box-sizing: border-box;
  background: transparent;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#anth-auth-login-dialog .anth-auth-load-overlay {
  position: absolute;
  inset: 0;
  z-index: 50;
  pointer-events: auto;
}

/* 前往编辑部：整页悬浮加载（跳转前 fixed 盖住当前页） */
#anth-editorial-loading-root.anth-auth-load-overlay {
  position: fixed;
  inset: 0;
  z-index: 200000;
  pointer-events: auto;
}

/* 登出 / 会话处理：全页加载层（与编辑部跳转层同级） */
#anth-auth-busy-overlay.anth-auth-load-overlay {
  position: fixed;
  inset: 0;
  z-index: 200001;
  pointer-events: auto;
}

.anth-auth-load-overlay[hidden] {
  display: none !important;
}

.anth-auth-load-overlay__inner {
  --auth-load-red: #e50000;
  --auth-load-black: #000000;
  --auth-load-white: #ffffff;
  --auth-load-snap: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  font-family: var(--zine-shout), "Arial Black", Impact, sans-serif;
  pointer-events: none;
  transform: scale(0.92);
  transform-origin: center center;
}

@media (min-width: 480px) {
  .anth-auth-load-overlay__inner {
    transform: scale(0.96);
  }
}

@media (min-width: 640px) {
  .anth-auth-load-overlay__inner {
    transform: none;
  }
}

.anth-auth-load__cards {
  position: relative;
  width: 360px;
  height: 240px;
  max-width: 100%;
}

.anth-auth-load__card {
  position: absolute;
  width: 160px;
  height: 220px;
  left: 50%;
  top: 50%;
  overflow: hidden;
  border: 7px solid var(--auth-load-black);
  background: var(--auth-load-white);
  box-shadow:
    0 0 0 5px var(--auth-load-white),
    0 25px 50px rgba(229, 0, 0, 0.35);
  opacity: 0;
  transform-origin: center center;
  animation: anth-auth-load-deal 3s var(--auth-load-snap) infinite;
}

.anth-auth-load__card--1 {
  --auth-load-x: -95px;
  --auth-load-rot: -18deg;
  animation-delay: 0s;
}

.anth-auth-load__card--2 {
  --auth-load-x: 0px;
  --auth-load-rot: 0deg;
  animation-delay: 0.28s;
}

.anth-auth-load__card--3 {
  --auth-load-x: 95px;
  --auth-load-rot: 18deg;
  animation-delay: 0.56s;
}

.anth-auth-load__card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, var(--auth-load-red) 0%, var(--auth-load-red) 42%, transparent 42%),
    linear-gradient(-35deg, transparent 0%, transparent 46%, var(--auth-load-black) 46%, var(--auth-load-black) 100%),
    linear-gradient(var(--auth-load-white), var(--auth-load-white));
}

.anth-auth-load__card::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(110deg, transparent 0%, transparent 62%, var(--auth-load-red) 62%, var(--auth-load-red) 69%, transparent 69%),
    linear-gradient(-110deg, transparent 0%, transparent 25%, var(--auth-load-white) 25%, var(--auth-load-white) 32%, transparent 32%);
  mix-blend-mode: screen;
}

.anth-auth-load__frame {
  position: absolute;
  inset: 12px;
  border: 4px solid var(--auth-load-black);
  z-index: 2;
  pointer-events: none;
}

.anth-auth-load__slash {
  position: absolute;
  width: 240px;
  height: 12px;
  background: var(--auth-load-white);
  top: 18px;
  left: -45px;
  transform: rotate(-28deg);
  z-index: 1;
  opacity: 0.95;
  pointer-events: none;
}

.anth-auth-load__word {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
  font-size: clamp(2.5rem, 12vw, 3.9rem);
  font-weight: 900;
  font-style: italic;
  color: var(--auth-load-white);
  transform: skewX(-12deg) rotate(-8deg);
  text-shadow:
    6px 6px 0 var(--auth-load-black),
    -4px -4px 0 var(--auth-load-red);
  pointer-events: none;
}

.anth-auth-load__tag {
  position: absolute;
  bottom: 14px;
  right: 14px;
  z-index: 5;
  background: var(--auth-load-red);
  color: var(--auth-load-white);
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 900;
  font-style: italic;
  transform: skewX(-14deg) rotate(-6deg);
  border: 3px solid var(--auth-load-black);
  letter-spacing: 0.06em;
  pointer-events: none;
}

.anth-auth-load__loading {
  margin: 2.25rem 0 0;
  font-size: clamp(1.65rem, 7vw, 2.65rem);
  font-weight: 900;
  font-style: italic;
  letter-spacing: 0.18em;
  color: var(--auth-load-white);
  transform: skewX(-14deg) rotate(-2deg);
  text-shadow:
    5px 5px 0 var(--auth-load-red),
    0 0 1px rgba(0, 0, 0, 0.85),
    0 0 10px rgba(0, 0, 0, 0.35);
  animation: anth-auth-load-pulse 0.7s ease-in-out infinite alternate;
  pointer-events: none;
}

@keyframes anth-auth-load-deal {
  0% {
    opacity: 0;
    transform: translate(-50%, -200%) rotate(-32deg) scale(0.35);
  }

  18% {
    opacity: 1;
    transform: translate(calc(-50% + var(--auth-load-x)), -50%) rotate(calc(var(--auth-load-rot) + 4deg)) scale(1.03);
  }

  26% {
    opacity: 1;
    transform: translate(calc(-50% + var(--auth-load-x)), -50%) rotate(var(--auth-load-rot)) scale(1);
  }

  72% {
    opacity: 1;
    transform: translate(calc(-50% + var(--auth-load-x)), -50%) rotate(var(--auth-load-rot)) scale(1);
  }

  100% {
    opacity: 0;
    transform: translate(120%, -120%) rotate(24deg) scale(0.58);
  }
}

@keyframes anth-auth-load-pulse {
  from {
    transform: skewX(-14deg) rotate(-2deg) scale(1);
    color: var(--auth-load-white);
  }

  to {
    transform: skewX(-14deg) rotate(-2deg) scale(1.03);
    color: var(--auth-load-red);
  }
}

@media (prefers-reduced-motion: reduce) {
  .anth-auth-load__card {
    animation: none;
    opacity: 1;
    transform: translate(calc(-50% + var(--auth-load-x)), -50%) rotate(var(--auth-load-rot)) scale(1);
  }

  .anth-auth-load__loading {
    animation: none;
  }
}