/* ================================================================
   NOUS Review — Transpacific Sensory Politics 专属装饰
   （NOUS_Review-transpacific.css · 2026-10-05 红蓝宣传画版）
   ----------------------------------------------------------------
   「宏大悲壮」constructivist / agitprop 拼贴 hero：
   深墨蓝夜空底 + 革命红放射光芒 + 撕纸红条收边，
   六张抠图素材虚实错落（海报/书封/版画原色，照片红蓝双色调）。
   只作用于本页；依赖 NOUS_Review-essay.css 的 .es-hero 基础版式。
   ================================================================ */

:root{
  --tp-red:#C8102E;
  --tp-red-deep:#8F1122;
  --tp-blue:#152341;
  --tp-blue-deep:#0C1526;
  --tp-cream:#F3EBDD;
}

/* ---- hero 骨架：加高、留出拼贴呼吸空间 ---- */
.es-hero{
  padding-top:60px;
  padding-bottom:92px;
}
.es-hero > .hero-flex{ position:relative;z-index:5; }

/* ---- 深墨蓝夜空底（全宽出血）---- */
.es-hero::before{
  content:"";
  position:absolute;
  inset:0 calc(50% - 50vw);
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(120% 95% at 50% 118%, rgba(200,16,46,.30) 0%, rgba(200,16,46,0) 56%),
    radial-gradient(70% 60% at 84% -12%, rgba(58,92,160,.30) 0%, rgba(58,92,160,0) 60%),
    linear-gradient(180deg,#1B2B50 0%,#152240 46%,#0E1930 100%);
}

/* ---- 放射光芒：标题正后方升起的革命红 sunburst ---- */
.tp-sky{
  position:absolute;
  inset:0 calc(50% - 50vw);
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(46% 60% at 50% 42%, rgba(200,16,46,.40) 0%, rgba(200,16,46,0) 72%),
    repeating-conic-gradient(from -90deg at 50% 40%,
      rgba(200,16,46,.16) 0deg 3deg, transparent 3deg 10.4deg);
  -webkit-mask-image:radial-gradient(62% 82% at 50% 40%,#000 0%,rgba(0,0,0,.45) 58%,transparent 100%);
  mask-image:radial-gradient(62% 82% at 50% 40%,#000 0%,rgba(0,0,0,.45) 58%,transparent 100%);
}
.tp-sky::after{          /* 半调网点，海报印刷颗粒 */
  content:"";
  position:absolute; inset:0;
  background-image:radial-gradient(rgba(243,235,221,.10) 1px, transparent 1.4px);
  background-size:7px 7px;
  opacity:.5;
}

/* ---- 拼贴层：六张抠图 + 红星 ---- */
.tp-montage{
  position:absolute;
  inset:0 calc(50% - 50vw);
  z-index:2;
  pointer-events:none;
}
.tp-stage{
  position:relative;
  max-width:1400px;
  height:100%;
  margin:0 auto;
}
.tp-montage img{
  position:absolute;
  display:block;
  height:auto;
}
/* 双色调：照片类压成红/蓝单色剪影，海报书封版画保持原色 */
.tp-redtone{ filter:grayscale(1) sepia(1) saturate(5) hue-rotate(-42deg) brightness(1.02) contrast(1.06); }
.tp-bluetone{ filter:grayscale(1) sepia(1) saturate(3.4) hue-rotate(174deg) brightness(1.06) contrast(1.02); }

.tp-poster{ left:1%;   top:36px;    width:186px; opacity:.97; transform:rotate(-2.5deg); }
.tp-type{   left:0;    bottom:16px;  width:330px; opacity:.56; transform:rotate(1.2deg); }
.tp-scott{  right:15%; top:-6px;   width:140px; opacity:.96; transform:rotate(2.6deg); }
.tp-radio{  right:1%;  top:86px;   width:308px; opacity:.58; transform:rotate(-1.6deg); }
.tp-panther{right:4%;  bottom:-6px; width:430px; opacity:.78; transform:rotate(.6deg); }
.tp-emory{  right:2.5%; bottom:14px; width:128px; opacity:.94; transform:rotate(2.2deg); }

/* 五角红星 */
.tp-star{
  position:absolute;
  display:block;
  background:var(--tp-red);
  clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);
}
.tp-star.s1{ left:30%; top:26px;  width:26px; height:26px; opacity:.9; }
.tp-star.s2{ right:9%;  top:20px;  width:17px; height:17px; opacity:.75; transform:rotate(12deg); }
.tp-star.s3{ left:12%;  top:44%;  width:14px; height:14px; opacity:.6; transform:rotate(-14deg); }
.tp-star.s4{ right:30%; bottom:34px; width:12px; height:12px; opacity:.55; transform:rotate(20deg); }

/* ---- 撕纸红条：hero 底边收口，压在米色纸面上 ---- */
.es-hero::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-2px;
  height:12px;
  z-index:6;
  pointer-events:none;
  background:linear-gradient(90deg,var(--tp-red-deep) 0%,var(--tp-red) 26%,#D8203C 50%,var(--tp-red) 74%,var(--tp-red-deep) 100%);
  clip-path:polygon(0 0,100% 0,100% 52%,97% 100%,94% 58%,91% 96%,88% 55%,85% 100%,82% 60%,79% 93%,76% 52%,73% 98%,70% 60%,67% 100%,64% 56%,61% 95%,58% 52%,55% 100%,52% 58%,49% 93%,46% 54%,43% 98%,40% 60%,37% 100%,34% 56%,31% 96%,28% 52%,25% 100%,22% 58%,19% 93%,16% 54%,13% 98%,10% 58%,7% 100%,4% 60%,1% 95%);
}

/* ---- 深底上的文字颜色覆写 ---- */
.es-hero .es-crumbs{ color:rgba(243,235,221,.62); }
.es-hero .es-crumbs a{ color:#EFD9C2; }
.es-hero .es-crumbs a:hover{ border-bottom-color:#EFD9C2; }
.es-hero .es-crumbs .sep{ color:rgba(243,235,221,.32); }

.es-hero .es-chip.track{
  background:var(--tp-red); color:#FFF4E8;
  box-shadow:2px 2px 0 rgba(0,0,0,.35);
}
.es-hero .es-chip.issue{
  background:transparent; color:rgba(243,235,221,.88);
  border:1px solid rgba(243,235,221,.42);
}
.es-hero .es-chip.subject{
  background:rgba(96,132,205,.22); color:#C3D3F2;
  border:1px solid rgba(148,176,230,.38);
}

.es-hero .es-fleuron{ color:rgba(243,235,221,.55); }

.es-hero .es-title{
  color:var(--tp-cream);
  text-shadow:0 2px 26px rgba(5,9,18,.55);
}

.es-hero .es-byline{ border-top:1px solid rgba(243,235,221,.24); }
.es-hero .byline-mono{
  background:var(--tp-red); color:#FFF4E8;
  box-shadow:3px 3px 0 rgba(0,0,0,.4);
}
.es-hero .es-byline .who{ color:var(--tp-cream); }
.es-hero .es-byline .who-sub{ color:rgba(243,235,221,.6); }

.es-hero .hero-side .vbig{ color:rgba(243,235,221,.85); }
.es-hero .hero-side .es-badge{
  background:var(--tp-red); color:#FFF4E8;
  box-shadow:2px 3px 0 rgba(0,0,0,.4);
}
.es-hero .hero-side .vsmall{ color:rgba(243,235,221,.55); }
.es-hero .hero-side .vrule{ background:linear-gradient(180deg,rgba(243,235,221,.4),transparent); }

/* ---- 移动端收敛 ---- */
@media (max-width:1100px){
  .tp-poster{ width:150px; }
  .tp-type{ width:260px; bottom:12px; }
  .tp-radio{ width:240px; opacity:.5; top:78px; }
  .tp-panther{ width:340px; bottom:-4px; }
  .tp-emory{ width:104px; right:2.5%; bottom:12px; }
}
@media (max-width:880px){
  .es-hero{ padding-top:44px; padding-bottom:74px; }
  .tp-stage{ max-width:none; }
  .tp-montage .tp-poster{ display:none; }
  .tp-type{ width:200px; bottom:14px; opacity:.5; }
  .tp-montage .tp-radio{ display:none; }
  .tp-scott{ width:96px; right:6%; top:-4px; }
  .tp-panther{ width:250px; right:2%; bottom:-10px; opacity:.62; }
  .tp-emory{ width:92px; right:4%; bottom:6px; }
  .tp-star.s3,.tp-star.s4{ display:none; }
  .tp-sky{ background:
    radial-gradient(44% 58% at 50% 40%, rgba(200,16,46,.30) 0%, rgba(200,16,46,0) 72%),
    repeating-conic-gradient(from -90deg at 50% 40%,
      rgba(200,16,46,.11) 0deg 3deg, transparent 10.4deg);
  }
}

/* ================================================================
   整页深蓝化：全页红蓝宣传画（2026-10-05 用户确认）
   正文 / 导航 / 侧栏 / 脚注 / 页脚全部反白
   ================================================================ */

body.tp-dark{
  background:
    radial-gradient(900px 420px at 80% 0%, rgba(58,92,160,.16) 0%, rgba(58,92,160,0) 70%),
    linear-gradient(180deg,#1B2B50 0%,#152240 34%,#101C38 62%,#0B1428 100%);
  color:#E6DFCE;
}
body.tp-dark ::selection{ background:var(--tp-red); color:#FFF4E8; }

/* 顶带与进度条改红金 */
body.tp-dark .top-strip{
  background:linear-gradient(90deg,var(--tp-red-deep) 0%,var(--tp-red) 30%,#D8203C 50%,var(--tp-red) 70%,var(--tp-red-deep) 100%);
}
body.tp-dark .read-progress{ background:linear-gradient(90deg,#D8203C,#F2C75C); }
body.tp-dark .read-progress::after{ background:#F2C75C; }

/* 导航：深夜蓝 + 红色高亮 */
body.tp-dark .masthead{
  background:rgba(11,19,36,.94);
  border-bottom:1px solid rgba(200,16,46,.45);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
body.tp-dark .site-logo img{
  border-radius:50%;
  box-shadow:0 0 0 1px rgba(243,235,221,.18);
}
body.tp-dark .logo{ color:#F3EBDD; }
body.tp-dark .nav-link{ color:#E6DFCE; }
body.tp-dark .nav-link:hover,
body.tp-dark .nav-link.active{
  background:rgba(200,16,46,.18);
  border-color:rgba(200,16,46,.6);
  color:#F6EFE1;
}
body.tp-dark .dropdown-panel{ background:#101C36; border-color:rgba(200,16,46,.4); }
body.tp-dark .dropdown-panel a{ color:#E6DFCE; }
body.tp-dark .dropdown-panel a:hover{ background:rgba(200,16,46,.28); color:#F6EFE1; }

/* journal band */
body.tp-dark .es-band{ color:#EFE7D6; border-bottom-color:var(--tp-red); }
body.tp-dark .es-band .dim{ color:rgba(239,231,214,.6); }
body.tp-dark .es-band .grow{ background:rgba(239,231,214,.22); }
body.tp-dark .es-band .tick{ color:#E4536A; }

/* 正文 */
body.tp-dark .es-body p{ color:#DDD5C2; }
body.tp-dark .es-body .dropcap::first-letter{
  color:#E4536A;
  text-shadow:0 0 26px rgba(200,16,46,.45);
}
body.tp-dark .es-body a{ color:#F2C75C; border-bottom-color:rgba(242,199,92,.5); }
body.tp-dark .es-body sup.cit a{ color:#F2C75C; }
body.tp-dark .es-ednote{
  color:rgba(230,223,206,.72);
  text-shadow:0 1px 10px rgba(11,19,36,.95), 0 0 22px rgba(11,19,36,.8);
}

/* 章节 */
body.tp-dark .es-sec .medal{
  background:var(--tp-red); color:#FFF4E8;
  box-shadow:2px 3px 0 rgba(0,0,0,.45);
}
body.tp-dark .es-sec .sec-title{ color:#F3EBDD; border-bottom-color:rgba(243,235,221,.22); }
body.tp-dark .es-sub::before{ display:none; }
body.tp-dark .es-sub .sub-title{ color:#F0E8D6; }
body.tp-dark .es-sub3 .sub-title{ color:#EAE1CC; }

/* Bibliography */
body.tp-dark .es-bib{ border-top-color:rgba(243,235,221,.22); }
body.tp-dark .es-bib h3{ color:#E4536A; }
body.tp-dark .es-bib h3::after{ background:rgba(243,235,221,.22); }
body.tp-dark .es-bib li{ color:#CFC7B2; border-bottom-color:rgba(243,235,221,.12); }
body.tp-dark .es-bib li::before{ background:#F2C75C; }

/* 结尾花饰 */
body.tp-dark .es-end{ color:#E4536A; }
body.tp-dark .es-end .el{ background:rgba(243,235,221,.22); }
body.tp-dark .es-endmark{ color:rgba(239,231,214,.55); }

/* 侧栏卡片：更深的蓝面板 */
body.tp-dark .rail-card{
  background:#111F3C;
  border:1px solid rgba(243,235,221,.14);
  box-shadow:4px 5px 0 rgba(0,0,0,.35);
}
body.tp-dark .rail-card .lbl{ color:#E4536A; }
body.tp-dark .rail-row{ color:rgba(230,223,206,.75); border-bottom-color:rgba(243,235,221,.12); }
body.tp-dark .rail-row b{ color:#F3EBDD; }
body.tp-dark .rail-card p{ color:#CFC7B2; }
body.tp-dark .rail-toc li{ border-bottom-color:rgba(243,235,221,.12); }
body.tp-dark .rail-toc a{ color:#CFC7B2; }
body.tp-dark .rail-toc a:hover{ color:#F6EFE1; }
body.tp-dark .rail-toc a.active{ color:#F6EFE1; }
body.tp-dark .rail-toc .rn{ color:#E4536A; }
body.tp-dark .ref-avatar{ background:var(--tp-red); }
body.tp-dark .ref-avatar.alt{ background:#3A5C9E; }
body.tp-dark .ref-body b{ color:#F0E8D6; }
body.tp-dark .ref-body p{ color:#CFC7B2; }
body.tp-dark .ref-note{ color:rgba(230,223,206,.55); }

/* 翻页卡 */
body.tp-dark .footnav-card{
  background:#111F3C;
  border-color:rgba(243,235,221,.14);
  box-shadow:5px 6px 0 rgba(0,0,0,.35);
}
body.tp-dark .footnav-card:hover{ box-shadow:7px 9px 0 rgba(200,16,46,.28); }
body.tp-dark .footnav-card .dir{ color:rgba(230,223,206,.6); }
body.tp-dark .footnav-card .t{ color:#F3EBDD; }
body.tp-dark .footnav-card.back .t{ color:#F2C75C; }

/* 页脚 */
body.tp-dark .legal-footer{ border-top-color:rgba(243,235,221,.16); }
body.tp-dark .legal-footer p{ color:rgba(230,223,206,.55); }