/* ================================================================
   NOUS Review — FEMINISM IN TRANSLATION  (NOUS_Review-feminism.css)
   ----------------------------------------------------------------
   仅用于 Feminism-in-Translation.html。
   版式沿用 Cinema 页的拼贴舞台（三组人物 + 标签 + 箭头），
   配色改为肉桂粉（cinnamon pink）：豆沙玫瑰 / 陶土铜 / 奶油纸。
   三组人物 = 三种女性主义电影语言：
     BARBIE(the spectacle) → PORTRAIT OF A LADY ON FIRE(the gaze)
     → NIGHT AND FOG(the silence)
   依赖 NOUS_Review-shared.css / NOUS_Review-essay.css，在其后引入。
   ================================================================ */

:root{
  --fe-paper:#FAF0E9;        /* 奶油玫瑰纸 */
  --fe-paper-2:#F6E3D9;
  --fe-ink:#3B2A28;          /* 可可墨 */
  --fe-ink-soft:#6B4F49;
  --fe-muted:#9C8079;
  --fe-rose:#C08175;         /* 肉桂玫瑰 */
  --fe-rose-deep:#A25F53;
  --fe-blush:#F2D8CE;        /* 浅豆沙 */
  --fe-copper:#C9945F;       /* 肉桂棒铜 */
  --fe-cream:#FFFCF5;
  --fe-kraft:#E7C9B8;
  --fe-tape:rgba(226,181,160,.78);
  --fe-line:#E3CABE;
  --fe-hand:"Marker Felt","Chalkboard SE","Segoe Print","Comic Sans MS",cursive;
  --fe-hand-cn:"Kaiti SC","STKaiti","KaiTi","Hiragino Sans GB","Songti SC",serif;
  --fe-type:"Courier New",Courier,monospace;
}

body{
  background-color:var(--fe-paper);
  background-image:
    radial-gradient(ellipse 700px 470px at 6% 3%, rgba(192,129,117,.13), transparent 62%),
    radial-gradient(ellipse 640px 430px at 95% 12%, rgba(201,148,95,.10), transparent 62%),
    radial-gradient(ellipse 820px 520px at 52% 99%, rgba(242,216,206,.42), transparent 64%),
    radial-gradient(rgba(59,42,40,.045) 1px, transparent 1.3px);
  background-size:auto,auto,auto,22px 22px;
  color:var(--fe-ink);
}
::selection{ background:var(--fe-blush); color:var(--fe-ink); }

/* ============ 顶部细节 ============ */
.read-progress{ background:repeating-linear-gradient(90deg,var(--fe-rose) 0 16px,var(--fe-copper) 16px 32px); }
.read-progress::after{ background:var(--fe-rose-deep); }
.top-strip{
  background:repeating-linear-gradient(90deg,
    var(--fe-rose-deep) 0 120px, var(--fe-rose) 120px 240px, var(--fe-copper) 240px 360px);
}
.masthead{ background:rgba(250,240,233,.97); }
.masthead .nav-link:hover, .masthead .nav-link.active{
  background:var(--fe-blush); border-color:#DCB9AB; color:var(--fe-ink);
}

.es-band{ border-bottom:2px dashed var(--fe-ink); }
.es-band .tick{ color:var(--fe-rose-deep); }

/* ============ HERO — 剪贴簿（练习本纸 + 镂空人物 + 双语字幕） ============ */
.es-hero{ padding-top:26px; }

.collage-stage{
  position:relative;
  height:clamp(400px,41vw,505px);
  margin:8px -10px 52px;
  /* 微微俯视的桌面视角：整块剪贴簿向前倾一点，纸面才有体积 */
  transform:perspective(1900px) rotateX(1.9deg);
  transform-origin:50% 32%;
  transform-style:preserve-3d;
}
.collage-stage img, .collage-stage svg{ user-select:none; }

/* —— 叠压纸边：露出下面两张纸的厚度 —— */
.cb-stack{
  position:absolute; inset:0; z-index:0; border-radius:2px;
  pointer-events:none;
}
.cb-stack.s1{
  background:linear-gradient(160deg,#EBC8B0,#E0B79A 68%,#D6A98B);
  transform:rotate(.95deg) translate(9px,13px);
  box-shadow:0 16px 34px rgba(59,42,40,.22);
}
.cb-stack.s2{
  background:linear-gradient(160deg,#F3E0D1,#EAD0BC 70%,#E2C4AC);
  transform:rotate(-1.6deg) translate(-10px,20px);
  box-shadow:0 12px 26px rgba(59,42,40,.13);
}
/* 落在页面上的一圈柔和影子 */
.cb-floor{
  position:absolute; z-index:0; left:2%; right:2%; bottom:-24px; height:66px;
  background:radial-gradient(46% 56% at 50% 40%, rgba(59,42,40,.34), rgba(59,42,40,0) 72%);
  filter:blur(11px);
  pointer-events:none;
}

/* —— 练习本纸 —— */
.cb-sheet{
  position:absolute; inset:0; z-index:1; border-radius:2px;
  transform:rotate(-.7deg);
  background:
    linear-gradient(90deg,transparent 0 52px, rgba(192,74,66,.32) 52px 53px, transparent 53px),
    repeating-linear-gradient(0deg, transparent 0 26px, rgba(96,132,160,.14) 26px 27px),
    linear-gradient(158deg,#FFFCF6 0%,#FDF4EA 62%,#FBEEE2 100%);
  box-shadow:
    0 0 0 1px rgba(59,42,40,.10),
    0 1px 0 rgba(255,255,255,.9) inset,
    0 -2px 0 rgba(196,164,146,.4) inset,
    1px 1px 0 #F4E2D3,
    2px 2px 0 #EED8C7,
    3px 3px 0 #E8CEB9,
    4px 4px 0 #E0C2AB,
    8px 12px 20px rgba(59,42,40,.14),
    18px 30px 56px rgba(59,42,40,.26);
}
/* 纸纤维颗粒 */
.cb-sheet::before{
  content:""; position:absolute; inset:0; z-index:0; border-radius:inherit;
  pointer-events:none; opacity:.62; mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23p)' opacity='0.38'/%3E%3C/svg%3E");
  background-size:200px 200px;
}
/* 左上打光 + 四周压暗：纸面像被台灯照着 */
.cb-sheet::after{
  content:""; position:absolute; inset:0; z-index:0; border-radius:inherit;
  pointer-events:none;
  background:
    radial-gradient(118% 76% at 12% 0%, rgba(255,255,255,.86), rgba(255,255,255,0) 44%),
    radial-gradient(90% 68% at 97% 100%, rgba(150,90,60,.17), transparent 58%),
    radial-gradient(128% 104% at 48% 42%, rgba(255,255,255,0) 46%, rgba(110,64,46,.21) 100%);
}
.cb-hole{
  position:absolute; left:9px; width:13px; height:13px; border-radius:50%;
  background:linear-gradient(160deg,#EBD3C3,#DFC0AC);
  box-shadow:
    inset 0 1px 2px rgba(59,42,40,.5),
    inset 0 -1px 1px rgba(255,255,255,.55),
    0 1px 0 rgba(255,255,255,.75);
}
.cb-hole.h1{ top:20%; } .cb-hole.h2{ top:48%; } .cb-hole.h3{ top:76%; }
.cb-sheet-date{
  position:absolute; right:13%; bottom:11px;
  font-family:var(--fe-type); font-size:9.5px; letter-spacing:.14em;
  color:var(--fe-muted); text-transform:uppercase;
}
.cb-sheet-page{
  position:absolute; right:16px; bottom:10px;
  font-family:var(--fe-type); font-size:10px; letter-spacing:.14em; color:var(--fe-muted);
}

/* —— 手写抬头 —— */
.cb-head{ position:absolute; left:70px; top:20px; z-index:4; }
.cb-head-en{
  display:block; font-family:var(--fe-hand); font-size:clamp(19px,2.5vw,29px);
  color:var(--fe-rose-deep); line-height:1.05;
  text-shadow:0 1px 0 rgba(255,255,255,.55), 0 2px 4px rgba(59,42,40,.13);
}
.cb-head-cn{
  display:block; margin-top:3px;
  font-family:var(--fe-hand-cn); font-size:13px; letter-spacing:.22em;
  color:var(--fe-ink-soft);
}
.cb-head-line{ display:block; width:clamp(180px,22vw,300px); height:9px; margin-top:2px; }

/* —— 人物：镂空贴纸 + 字幕条 —— */
.cb-fig{
  position:absolute; margin:0; display:flex; flex-direction:column;
  align-items:center; gap:0; z-index:2;
}
.cb-fig img{
  width:100%; height:auto; display:block;
  filter:
    drop-shadow(1px 0 0 rgba(255,252,246,.55))
    drop-shadow(-1px 0 0 rgba(255,252,246,.55))
    drop-shadow(0 1px 0 rgba(255,252,246,.7))
    drop-shadow(6px 9px 7px rgba(59,42,40,.26))
    drop-shadow(0 20px 28px rgba(59,42,40,.20))
    saturate(.96) sepia(.05);
  transition:transform .5s cubic-bezier(.2,.7,.3,1), filter .5s ease;
}
.cb-fig:hover img{ transform:translateY(-4px) scale(1.008); }
.f1{ left:1.5%; bottom:6%; width:23.5%; }
.f2{ left:27.5%; bottom:6%; width:31%; z-index:3; }
.f3{ right:3%; bottom:6%; width:24%; }

/* 中间那张压在一块撕下来的牛皮纸上 —— 前后层次的关键 */
.f2::before{
  content:""; position:absolute; z-index:-1;
  left:-7.5%; right:-7.5%; top:-4%; bottom:36px;
  transform:rotate(-1.7deg);
  background:linear-gradient(158deg,#E7C1A4,#D9AC89 58%,#CB9670 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.24),
    4px 9px 14px rgba(59,42,40,.24),
    0 20px 34px rgba(59,42,40,.16);
  -webkit-clip-path:polygon(1% 3%,13% 0.6%,27% 2.4%,41% 0.4%,56% 2.2%,71% 0.5%,85% 2%,99% 0.4%,100% 13%,98.4% 28%,100% 43%,97.8% 58%,99.4% 72%,97.9% 86%,99.6% 98%,86% 99.2%,70% 97.6%,54% 99.4%,38% 97.8%,22% 99.2%,8% 97.9%,1.2% 96%,0.4% 80%,1.9% 64%,0.5% 48%,2.1% 32%,0.6% 16%);
          clip-path:polygon(1% 3%,13% 0.6%,27% 2.4%,41% 0.4%,56% 2.2%,71% 0.5%,85% 2%,99% 0.4%,100% 13%,98.4% 28%,100% 43%,97.8% 58%,99.4% 72%,97.9% 86%,99.6% 98%,86% 99.2%,70% 97.6%,54% 99.4%,38% 97.8%,22% 99.2%,8% 97.9%,1.2% 96%,0.4% 80%,1.9% 64%,0.5% 48%,2.1% 32%,0.6% 16%);
}
.f2 img{ position:relative; z-index:1; }
/* 底部淡出，让镂空画面与纸面接住 */
.f1 img, .f2 img, .f3 img{
  -webkit-mask-image:linear-gradient(180deg,#000 0 88%, rgba(0,0,0,.6) 95%, transparent 100%);
          mask-image:linear-gradient(180deg,#000 0 88%, rgba(0,0,0,.6) 95%, transparent 100%);
}

.cb-sub{
  margin-top:9px; display:inline-flex; align-items:baseline; gap:7px;
  white-space:nowrap; position:relative;
  background:#241A18; color:#FFF3E2;
  padding:4px 11px 5px 8px; border-radius:2px;
  box-shadow:2px 3px 0 rgba(59,42,40,.16), 0 9px 16px rgba(59,42,40,.18);
  font-family:var(--es-serif);
}
.cb-sub::before{
  content:"CC"; font-family:var(--fe-type); font-size:7.5px; font-weight:700;
  letter-spacing:.04em; line-height:1;
  border:1px solid rgba(255,243,226,.55); border-radius:1.5px;
  padding:2px 3px 1px; color:rgba(255,243,226,.85);
}
.cb-sub i{ font-style:italic; font-size:12.5px; letter-spacing:.01em; }
.cb-sub b{
  font-weight:400; font-family:var(--fe-hand-cn);
  font-size:11.5px; letter-spacing:.12em; color:#F8CFA4;
}
/* 红笔圈住 "the gaze" */
.f2 .cb-sub::after{
  content:""; position:absolute; inset:-7px -13px -8px -13px;
  border:2px solid rgba(192,74,66,.8);
  border-radius:50% 46% 52% 48%/58% 46% 54% 42%;
  transform:rotate(-2.2deg);
}

/* —— 手绘 16mm 摄影机涂鸦 —— */
.cb-camera{
  position:absolute; left:51%; top:2.5%; width:19%; z-index:5;
  transform:rotate(-3deg);
  color:rgba(142,74,62,.42);
}

/* —— 星形亮片贴纸 —— */
.cb-star{ position:absolute; z-index:6; filter:drop-shadow(1px 3px 2px rgba(59,42,40,.20)); }
.st1{ left:31%; top:5%; width:40px; transform:rotate(-8deg); }
.st2{ right:26%; bottom:3.5%; width:30px; transform:rotate(14deg); opacity:.92; }
.st3{ right:9%; top:13%; width:26px; transform:rotate(9deg); opacity:.85; }

/* —— 铅笔箭头 —— */
.cb-arrow{ position:absolute; z-index:6; width:6.8%; opacity:.9; }
.a1{ left:25.5%; bottom:34%; }

/* —— 纸胶带 —— */
.cb-tape{
  position:absolute; z-index:7; width:82px; height:24px;
  background:
    linear-gradient(104deg, rgba(255,255,255,.55) 0 12%, rgba(255,255,255,.12) 26%, rgba(255,255,255,0) 42%),
    var(--fe-tape);
  border-left:1px dashed rgba(59,42,40,.12); border-right:1px dashed rgba(59,42,40,.12);
  box-shadow:0 2px 4px rgba(59,42,40,.18), 0 1px 0 rgba(255,255,255,.35) inset;
}
.t1{ left:-14px; top:-12px; transform:rotate(-38deg); width:88px; }
.t2{ right:-12px; top:-10px; transform:rotate(36deg); width:88px; }
/* 压在粉色残片上的小胶带：把层次钉住 */
.t4{ left:21.6%; top:22.4%; width:52px; height:18px; transform:rotate(9deg); opacity:.9; }

/* —— 铅笔 —— */
.cb-pencil{
  position:absolute; z-index:6; left:3%; bottom:5px;
  width:clamp(110px,13vw,168px); height:10px; border-radius:2px;
  transform:rotate(6deg);
  background:linear-gradient(90deg,
    #9C6B4E 0 3%, #C79A78 3% 8%, #E9BE96 8% 74%, #F6E7CE 74% 82%,
    #6E5344 82% 87%, #3B2A28 87% 100%);
  box-shadow:0 2px 0 rgba(59,42,40,.14), 0 8px 12px rgba(59,42,40,.16);
}
.cb-pencil i{
  position:absolute; left:0; top:0; bottom:0; width:8px;
  background:linear-gradient(180deg,#D9A0A2,#B47478);
  border-radius:2px 0 0 2px;
}

/* —— 票根 —— */
.cb-ticket{
  position:absolute; left:62%; bottom:25%; z-index:6;
  width:clamp(80px,9.2vw,112px);
  padding:10px 9px 11px 13px;
  transform:rotate(-7deg);
  background:linear-gradient(158deg,#F8E4C6,#EFD3AE);
  box-shadow:3px 7px 9px rgba(59,42,40,.26);
  border-left:2px dashed rgba(59,42,40,.3);
  display:flex; flex-direction:column; gap:2px;
  font-family:var(--fe-type); color:var(--fe-rose-deep);
  -webkit-clip-path:polygon(0 4%,4% 0,100% 2%,98% 98%,3% 100%);
          clip-path:polygon(0 4%,4% 0,100% 2%,98% 98%,3% 100%);
}
.cb-ticket .tk-a{ font-size:7.5px; letter-spacing:.18em; text-transform:uppercase; color:#9A7358; }
.cb-ticket .tk-b{ font-family:var(--es-serif); font-style:italic; font-size:13.5px; line-height:1.2; color:#8E4A3E; }
.cb-ticket .tk-c{ font-size:7.5px; letter-spacing:.14em; text-transform:uppercase; color:#9A7358; }

/* —— 邮票 —— */
.cb-stamp{
  position:absolute; right:18.5%; top:5%; width:clamp(46px,5.5vw,68px);
  z-index:6; transform:rotate(6deg);
  filter:drop-shadow(3px 5px 5px rgba(59,42,40,.26));
}

/* —— 圆形邮戳 —— */
.cb-mark{
  position:absolute; right:5%; top:15.5%; z-index:6;
  width:64px; height:64px; border-radius:50%;
  border:2px solid rgba(192,74,66,.42);
  display:grid; place-content:center; text-align:center;
  font-family:var(--fe-type); font-size:8.5px; letter-spacing:.14em;
  line-height:1.3; color:rgba(192,74,66,.6); text-transform:uppercase;
  transform:rotate(-11deg);
}
.cb-mark i{ font-style:normal; font-size:6.5px; display:block; margin-top:1px; }

/* —— 亮片 confetti —— */
.cb-conf{ position:absolute; z-index:6; width:7px; height:7px; border-radius:50%; background:var(--fe-copper); opacity:.72; }
.c1{ left:33%; top:4.5%; background:var(--fe-rose); }
.c2{ left:45%; top:15%; width:6px; height:6px; border-radius:1px; transform:rotate(28deg); }
.c3{ left:62%; top:33%; background:var(--fe-rose-deep); width:6px; height:6px; }
.c4{ left:66.5%; top:47%; width:5px; height:5px; }
.c5{ left:11.5%; top:17%; width:6px; height:6px; border-radius:1px; transform:rotate(38deg); background:var(--fe-rose); }
.c6{ left:29.5%; top:49%; width:5px; height:5px; }
.c7{ left:60%; top:65%; width:6px; height:6px; background:var(--fe-rose); }
.c8{ left:88%; top:37%; border-radius:1px; transform:rotate(16deg); }
.c9{ left:21%; top:31%; background:var(--fe-rose); }
.c10{ left:47%; top:60%; width:5px; height:5px; }
.c11{ left:64%; top:50%; width:6px; height:6px; background:var(--fe-rose-deep); opacity:.6; }
.c12{ left:41%; top:26%; width:5px; height:5px; border-radius:1px; transform:rotate(24deg); background:var(--fe-copper); }
.c13{ left:26%; top:14%; background:var(--fe-rose); width:5px; height:5px; }
.c14{ left:72.5%; top:57%; width:6px; height:6px; border-radius:1px; transform:rotate(-18deg); }

/* —— 细碎亮片 —— */
.cb-spark{ position:absolute; z-index:6; width:14px; height:14px; opacity:.78; }
.p1{ left:70.8%; top:9.5%; transform:rotate(12deg); }
.p2{ left:24.5%; top:11.5%; width:11px; height:11px; opacity:.66; transform:rotate(-8deg); }

/* —— 回形针 —— */
.cb-clip{
  position:absolute; right:1.6%; top:5%; width:26px; z-index:7;
  transform:rotate(-14deg);
}

/* ============ 面包屑 / 徽章 → 贴纸 ============ */
.es-crumbs{ font-family:var(--fe-type); font-size:11.5px; letter-spacing:.06em; }
.es-crumbs a{ color:var(--fe-rose-deep); }
.es-crumbs a:hover{ border-bottom-color:var(--fe-rose-deep); }

.es-chipline{ gap:10px; }
.es-chip{
  border:none !important; border-radius:2px;
  font-family:var(--fe-type); font-weight:700; letter-spacing:.1em;
  box-shadow:2px 3px 0 rgba(59,42,40,.14);
}
.es-chip.track{ background:var(--fe-rose-deep); color:#FFF6EE; transform:rotate(-2deg); }
.es-chip.issue{ background:var(--fe-copper); color:#3D2A17; transform:rotate(1.6deg); }
.es-chip.subject{ background:var(--fe-blush); color:#8A4E42; transform:rotate(-1.2deg); }

/* —— 标题 —— */
.es-title{
  color:var(--fe-ink);
  text-shadow:3px 3px 0 rgba(192,129,117,.2);
}
.es-title em{ font-style:italic; }

.es-subnote{
  font-family:var(--fe-hand); color:var(--fe-rose-deep);
  font-size:clamp(14px,1.8vw,18px); margin:10px 0 2px; transform:rotate(-1.2deg);
}
.es-subnote .cir{
  border:2px solid var(--fe-rose); border-radius:50% 46% 52% 48%/48% 52% 46% 54%;
  padding:2px 12px 4px; display:inline-block;
}

.es-byline{ border-top:2px dashed var(--fe-line); }
.byline-mono{
  background:var(--fe-rose-deep); color:#FFF6EE;
  box-shadow:3px 3px 0 rgba(59,42,40,.2); transform:rotate(-3deg);
}
.es-ednote{ color:var(--fe-muted); }

.hero-side .es-badge{
  background:var(--fe-copper); color:#3D2A17;
  box-shadow:2px 3px 0 rgba(59,42,40,.2); transform:rotate(4deg);
}
.hero-side .vrule{ background:linear-gradient(180deg,var(--fe-line),transparent); }

/* ============ ABSTRACT → 索引卡 ============ */
.es-abstract{
  background:var(--fe-cream);
  border:1px solid var(--fe-line);
  border-top:none;
  box-shadow:6px 7px 0 rgba(59,42,40,.1), 0 18px 30px rgba(59,42,40,.10);
  background-image:repeating-linear-gradient(0deg, transparent 0 26px, rgba(192,129,117,.16) 26px 27px);
  transform:rotate(-.4deg);
}
.es-abstract::before{
  border:1px solid rgba(162,95,83,.34);
  border-radius:2px;
}
.es-abstract .lbl{
  font-family:var(--fe-type); letter-spacing:.22em;
  color:var(--fe-rose-deep);
}
.corner-sprig{ display:none; }


/* ============ 章节标题 → 橡皮章 ============ */
.es-sec .medal{
  background:transparent; color:var(--fe-rose-deep);
  border:2.5px solid var(--fe-rose-deep); border-radius:4px;
  box-shadow:none; transform:rotate(-4deg);
  font-family:var(--fe-type); letter-spacing:.05em;
  opacity:.9;
}
.es-sec .sec-title{ border-bottom:2px dashed var(--fe-line); }
.es-sub .sub-title{ color:var(--fe-rose-deep); }
.es-sub::before{ background:var(--fe-copper); }

.es-body .dropcap::first-letter{ color:var(--fe-rose-deep); }

/* ============ 剧照 → 胶带照片 ============ */
.es-figure{ transform:rotate(-.5deg); }
.es-figure:nth-of-type(even){ transform:rotate(.6deg); }
.es-figure .slot:has(img){
  border:10px solid var(--fe-cream);
  outline:1px solid var(--fe-line);
  background:var(--fe-cream);
  box-shadow:5px 7px 0 rgba(59,42,40,.13), 0 16px 26px rgba(59,42,40,.12);
}
.es-figure .slot::before{
  content:""; position:absolute; left:50%; top:-12px; width:90px; height:24px;
  transform:translateX(-50%) rotate(-2deg);
  background:var(--fe-tape);
  border-left:1px dashed rgba(59,42,40,.12); border-right:1px dashed rgba(59,42,40,.12);
  box-shadow:0 1px 2px rgba(59,42,40,.1); z-index:2;
}
.es-figure figcaption .txt{
  font-family:var(--es-serif); font-size:12.5px; line-height:1.62;
  color:var(--fe-ink-soft); flex:1 1 auto; min-width:0;
}
.es-figure figcaption .no{
  font-family:var(--fe-type); font-weight:700; color:var(--fe-rose-deep);
  border:2px solid var(--fe-rose-deep); border-radius:3px; padding:1px 7px;
  transform:rotate(-3deg); display:inline-block;
}

/* —— 双联剧照 —— */
.es-figure.fig-pair .pair{
  display:grid; grid-template-columns:1fr 1fr; gap:10px;
}
.es-figure.fig-pair .slot::before{ width:64px; height:19px; top:-10px; }

/* ============ BIBLIOGRAPHY → 打字机纸 ============ */
.es-bib h3{
  font-family:var(--fe-type); letter-spacing:.2em; color:var(--fe-ink);
}
.es-bib h3::after{
  background:repeating-linear-gradient(90deg,var(--fe-ink) 0 6px, transparent 6px 12px);
  height:2px;
}
/* 参考文献正文改用全站书籍体（与 Review & Critique 一致），不再用打字机等宽 */
.es-bib li{ font-family:var(--es-serif); font-size:13.5px; line-height:1.75; letter-spacing:.005em; }
.es-bib li::before{ background:var(--fe-copper); }
.es-bib li a{ color:var(--fe-rose-deep); border-bottom:1px solid rgba(162,95,83,.35); word-break:break-word; }

/* ============ 侧栏 → 票根卡 ============ */
.rail-card{
  background:var(--fe-cream);
  border:1px solid var(--fe-line);
  border-left:6px solid var(--fe-rose);
  box-shadow:4px 5px 0 rgba(59,42,40,.1);
  transform:rotate(.5deg);
}
.rail-card .lbl{
  font-family:var(--fe-type); letter-spacing:.2em; color:var(--fe-rose-deep);
}
.rail-row{ border-bottom:1px dashed var(--fe-line); }
.ref-body b{ color:var(--fe-ink); font-family:var(--fe-type); }
.rail-toc a{ color:var(--fe-ink-soft); }
.rail-toc a:hover{ color:var(--fe-rose-deep); }
.rail-toc .rn{ color:var(--fe-rose-deep); }

/* 评论：三段之间留一行空行 */
.ref-comment{ color:var(--fe-ink-soft); }
.ref-comment + .ref-comment{ margin-top:12px; }

/* ============ 翻页 → 电影票根 ============ */
.footnav-card{
  background:var(--fe-cream);
  border:1px solid var(--fe-ink);
  border-radius:6px;
  box-shadow:5px 6px 0 rgba(59,42,40,.14);
  position:relative;
}
.footnav-card::after{
  content:""; position:absolute; top:50%; width:18px; height:18px;
  border-radius:50%; background:var(--fe-paper); border:1px solid var(--fe-ink);
  transform:translateY(-50%);
}
.footnav-card.prev::after{ right:-10px; }
.footnav-card.next::after{ left:-10px; }
.footnav-card .dir{ font-family:var(--fe-type); letter-spacing:.14em; }
.footnav-card .t{ color:var(--fe-rose-deep); }
.footnav-card:hover{ box-shadow:7px 9px 0 rgba(59,42,40,.18); }

/* ============ 结尾 —— 与全站一致的细线 + 蔷薇结 ============ */
.es-end{ margin:46px 0 10px; color:var(--fe-rose); }
.es-end .el{ background:var(--fe-line); }
.es-endmark{ color:var(--fe-muted); }

/* —— 35mm 胶片条 —— */
.cb-film{
  position:absolute; left:32.5%; top:3%; width:16.5%; z-index:5;
  transform:rotate(-5.5deg);
  filter:drop-shadow(3px 5px 5px rgba(59,42,40,.30));
}

/* —— 压在人物身后的撕纸残片 —— */
.cb-scrap{
  position:absolute; z-index:1; pointer-events:none;
  background:linear-gradient(158deg,#F7DDD2,#F1CABC 58%,#E9BDAC 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.34),
    2px 6px 10px rgba(59,42,40,.18),
    0 14px 24px rgba(59,42,40,.10);
  -webkit-clip-path:polygon(2% 4%,16% 0.8%,31% 3%,46% 0.6%,62% 2.6%,78% 0.8%,93% 3%,99.4% 1.6%,100% 17%,98.2% 33%,100% 50%,98.6% 66%,100% 82%,98.4% 97%,84% 98.8%,68% 96.9%,52% 98.9%,36% 97.2%,20% 99%,6% 97.4%,1% 95%,0.6% 78%,2.2% 62%,0.7% 46%,2.4% 30%,0.8% 15%);
          clip-path:polygon(2% 4%,16% 0.8%,31% 3%,46% 0.6%,62% 2.6%,78% 0.8%,93% 3%,99.4% 1.6%,100% 17%,98.2% 33%,100% 50%,98.6% 66%,100% 82%,98.4% 97%,84% 98.8%,68% 96.9%,52% 98.9%,36% 97.2%,20% 99%,6% 97.4%,1% 95%,0.6% 78%,2.2% 62%,0.7% 46%,2.4% 30%,0.8% 15%);
}
.sc-l{
  left:9.4%; top:21%; width:15.4%; height:29%;
  transform:rotate(-5.5deg);
}
.sc-eye{
  position:absolute; right:7%; top:8%; width:56%; height:auto;
  color:rgba(142,74,62,.46);
  transform:rotate(-3deg);
}

/* —— 接触印相框 —— */
.cb-cell{
  position:absolute; left:69%; top:40.5%; width:clamp(56px,6.4vw,78px);
  z-index:4; transform:rotate(3deg);
}
.cb-cell text{ font-family:"Courier New",monospace; }

/* —— 场记板 —— */
.cb-slate{
  position:absolute; left:55.5%; top:38%; width:clamp(54px,6.2vw,76px);
  z-index:6; transform:rotate(-7deg);
  filter:drop-shadow(3px 6px 6px rgba(59,42,40,.30));
}

/* ============ 响应式 ============ */
@media(max-width:880px){
  /* 本页参考文献里有超长 URL，避免把版心撑出屏幕 */
  .es-layout{ grid-template-columns:minmax(0,1fr); }
  .es-body{ min-width:0; }
  .es-bib li a{ overflow-wrap:anywhere; word-break:break-word; }
  /* 手机端：纸面变窄，人物缩成一行三格，装饰件只留铅笔与一条胶带 */
  .collage-stage{
    height:auto; margin:6px -4px 34px;
    transform:none;
  }
  .cb-stack, .cb-floor, .cb-scrap{ display:none !important; }
  .cb-sheet{
    position:absolute; inset:-6px -2px 0; transform:rotate(-.5deg);
    background:
      linear-gradient(90deg,transparent 0 22px, rgba(192,74,66,.3) 22px 23px, transparent 23px),
      repeating-linear-gradient(0deg, transparent 0 24px, rgba(96,132,160,.18) 24px 25px),
      linear-gradient(158deg,#FFFCF6,#FDF3E8);
  }
  .cb-hole{ left:6px; width:8px; height:8px; }
  .cb-sheet-page{ font-size:8px; right:10px; }
  .cb-sheet-date{ display:none; }
  .cb-head{ left:28px; top:10px; }
  .cb-head-cn{ font-size:10px; letter-spacing:.16em; }
  .cb-head-line{ width:150px; }

  .collage-stage{
    display:grid; grid-template-columns:repeat(3,1fr);
    gap:6px; align-items:end; padding:58px 12px 44px;
  }
  .cb-fig{ position:static; width:auto !important; transform:rotate(-1.4deg); }
  .cb-fig:nth-of-type(2){ transform:rotate(1deg); }
  .cb-fig:nth-of-type(3){ transform:rotate(1.8deg); }
  .cb-sub{ margin-top:6px; padding:3px 5px 4px; gap:3px; max-width:100%; }
  .cb-sub::before{ display:none; }
  .cb-sub i{ font-size:8.6px; }
  .f2 .cb-sub::after{ inset:-4px -6px -5px -6px; border-width:1.5px; }
  .f2::before{ display:none; }

  .cb-star, .cb-arrow, .cb-tape, .cb-clip, .cb-camera, .cb-ticket,
  .cb-film, .cb-slate, .cb-cell, .cb-spark,
  .cb-doily, .cb-stamp, .cb-mark, .cb-conf{ display:none !important; }
  .cb-pencil{ left:4%; bottom:-14px; width:96px; height:8px; transform:rotate(-5deg); }

  .es-abstract{ transform:none; }
  .es-figure.fig-pair .pair{ gap:6px; }
}