/* ================================================================
   NOUS Review — FB02 “How Conversations Change Us” 专属主题
   ----------------------------------------------------------------
   忧郁淡蓝 · 植物版画风（Rudolf Sieck 素材抠图垫底）。
   无海浪、无丝带、无手绘装饰层。只覆盖颜色与装饰，不改版式。
   依赖 NOUS_Review-shared.css / NOUS_Review-essay.css。
   ================================================================ */

:root{
  --paper:#EEF2F7;
  --paper-2:#F7FAFC;
  --ink:#2B3A4A;
  --muted:#75828F;
  --navy:#2E4257;
  --blue:#C3D2E0;
  --blue-deep:#5A7A99;
  --mustard:#9FB2CC;        /* 雾蓝珍珠，替代原金色 */
  --yellow-soft:#E3EBF3;
  --coral:#9E7F92;          /* 灰紫暮色点缀 */
  --coral-soft:#E9DEE6;
  --sage:#A9BDCE;
  --sage-soft:#E1EAF1;
  --line:#CFDAE4;
  --shadow:rgba(46,66,87,.13);
  --es-paper-2:#F7FAFC;
  --es-card:#FBFDFE;
  --es-line-soft:#D3DEE8;
}

/* ---- 忧郁淡蓝底色（整页，极浅灰蓝，无绿无黄） ---- */
body{
  background:
    linear-gradient(180deg,
      #F1F4F8 0%,
      #E5EBF2 20%,
      #E9EEF4 50%,
      #EFF3F7 78%,
      #F6F8FA 100%)
    top / 100% 100vh no-repeat fixed,
    #EEF2F7;
}

/* ---- 顶部色条：暮紫-雾蓝-青灰-墨蓝 ---- */
.top-strip{
  background:linear-gradient(90deg,
    #9E7F92 0 25%,
    #9FB2CC 25% 50%,
    #7E9CBA 50% 75%,
    #2E4257 75% 100%);
}

/* ---- masthead 淡蓝玻璃 ---- */
.masthead{
  background:rgba(242,246,250,.95);
  border-bottom-color:#C9D6E2;
}

/* ---- 阅读进度条 ---- */
.read-progress{ background:linear-gradient(90deg,#9E7F92,#9FB2CC,#2E4257); }

/* ============ HERO：极淡的忧郁光晕 ============ */
.es-hero{ overflow:visible; }
.es-hero::before{
  content:"";position:absolute;inset:-28px -46px -6px;z-index:0;pointer-events:none;
  background:
    radial-gradient(56% 68% at 26% 10%, rgba(148,175,203,.20), transparent 66%),
    radial-gradient(40% 55% at 78% -4%, rgba(158,127,146,.08), transparent 72%),
    radial-gradient(34% 46% at 52% 46%, rgba(195,210,224,.22), transparent 75%);
}

/* ============ 整页细噪点（纸感，极轻） ============ */
body::before{
  content:"";position:fixed;inset:0;z-index:2000;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
  opacity:.045;
}

/* ============ 植物版画垫底层（抠图素材） ============ */
.tide-deco{ position:absolute;inset:0;z-index:0;pointer-events:none; }
.tide-deco img{ position:absolute; }

/* Dior 蓝花束：居中拱门，衬在标题正后方 */
.td-b-dior{
  top:-70px;left:50%;
  width:660px;height:auto;
  transform:translateX(-58%);
  opacity:.3;
}

/* 白色花地：横垫 hero 底部，向四周渐渐淡去 */
.td-b-meadow{
  bottom:-56px;left:-40px;
  width:calc(100% + 90px);height:auto;
  opacity:.38;mix-blend-mode:multiply;
}

/* 茉莉墨线：从右上角垂落，罩住标题上方 */
.td-b-jasmin{
  top:-26px;right:-46px;
  width:640px;height:auto;
  opacity:.42;mix-blend-mode:multiply;
}

/* 百合绿面板：左侧竖幅装饰柱，四边渐隐 */
.td-b-lilies{
  top:130px;left:-38px;
  width:225px;height:auto;
  opacity:.4;mix-blend-mode:multiply;
}

/* 蓝色龙胆：左下角，向下垂坠 */
.td-b-gentian{
  bottom:-46px;left:-95px;
  width:290px;height:auto;
  opacity:.5;
}

/* 白睡莲：右下角 */
.td-b-lily{
  bottom:-34px;right:36px;
  width:280px;height:auto;
  opacity:.46;
  transform:scaleX(-1);
}

@media(max-width:880px){
  .td-b-dior{ width:92%;top:-40px;opacity:.24; }
  .td-b-meadow{ bottom:-40px;opacity:.3; }
  .td-b-lilies{ width:150px;top:90px;opacity:.3; }
  .td-b-jasmin{ width:88%;right:-24px;top:-16px;opacity:.32; }
  .td-b-gentian{ width:200px;opacity:.4; }
  .td-b-lily{ width:190px;right:6px;opacity:.36; }
}

/* ---- 署名分隔线：淡蓝渐变细线 ---- */
.es-byline{
  border-top:none;
  padding-top:22px;
  background:linear-gradient(90deg,transparent 0%,#C9D8E6 16%,#CBB9C6 50%,#C9D8E6 84%,transparent 100%)
    top / 100% 1px no-repeat;
}

/* ============ 卡片与面板：淡蓝纸感 ============ */
.es-abstract{
  background:#FBFDFE;
  border-color:#CBD9E5;
  border-top-color:var(--blue-deep);
  box-shadow:7px 8px 0 rgba(46,66,87,.06);
}
.es-abstract::before{ border-color:rgba(122,150,190,.4); }

.rail-card{
  background:#FBFDFE;
  border-color:#CBD9E5;
  box-shadow:4px 5px 0 rgba(46,66,87,.06);
}
.footnav-card{
  background:#FBFDFE;
  border-color:#CBD9E5;
  box-shadow:5px 6px 0 rgba(46,66,87,.06);
}

/* ---- chips：暮紫 / 雾蓝 / 青灰 ---- */
.es-chip.track{ background:#E9DEE6;color:#7A5B6C; }
.es-chip.issue{ background:#E3EBF3;color:#4E637B; }
.es-chip.subject{ background:#DCE6EF;color:#33587E; }

/* ---- 图片空位底纹：蓝调 ---- */
.es-figure .slot{
  background:repeating-linear-gradient(45deg,rgba(90,122,153,.05) 0 12px,transparent 12px 24px),#EDF2F7;
  border-color:rgba(90,122,153,.30);
}

/* ---- 注释定位高亮：淡蓝 ---- */
.es-notes li:target{ background:#E4EDF5;box-shadow:0 0 0 6px #E4EDF5; }

/* ---- 结尾花饰与脚注编号随暮紫 ---- */
.es-end{ color:var(--coral); }

/* ============ 结尾区植物小枝 ============ */
.es-end{ position:relative; }
.end-sprig{
  position:absolute;
  width:132px;height:auto;
  color:var(--coral);
  opacity:.62;
}
.end-sprig-l{
  left:50%;top:-44px;
  transform:translateX(calc(-100% - 46px));
}
.end-sprig-r{
  left:50%;top:-44px;
  transform:translateX(46px);
}
@media(max-width:880px){
  .end-sprig{ width:92px;top:-30px;opacity:.5; }
  .end-sprig-l{ transform:translateX(calc(-100% - 18px)); }
  .end-sprig-r{ transform:translateX(18px); }
}

/* ============ 花丛底上的文字可读性：加深 ============ */
.es-crumbs{ color:#4A5E72; }
.es-crumbs a{ color:#37506B; }
.es-crumbs .sep{ color:#6B7E90; }
.byline-who .who{ color:#22354A; }
.byline-who .who-sub{ color:#57687A; }
.es-ednote{ color:#4A5E72; text-shadow:0 1px 0 rgba(247,250,252,.75); }