/* ============================================
   critical-essay.css — 末尾 2 板块：项目背景与选题意义 / 策展核心思路
   鎏金斜体艺术字正文
   ============================================ */

.critical-essay{
  position:relative;padding:120px 6% 100px;z-index:1;
  background:linear-gradient(180deg,var(--ivory-light) 0%,var(--ivory) 50%,var(--ivory-deep) 100%);
  overflow:hidden;
}
.critical-essay-inner{
  max-width:980px;margin:0 auto;position:relative;z-index:1;
}
.critical-essay-rosette{
  width:100px;height:100px;margin:0 auto 30px;filter:drop-shadow(0 0 16px rgba(var(--gold-rgb), 0.4));
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><defs><radialGradient id='cr'><stop offset='0%25' stop-color='%23FFD700'/><stop offset='100%25' stop-color='%23B8860B'/></radialGradient></defs><circle cx='50' cy='50' r='5' fill='url(%23cr)'/><path d='M50,10 Q56,28 50,46 Q44,28 50,10' fill='url(%23cr)' opacity='0.9'/><path d='M50,90 Q56,72 50,54 Q44,72 50,90' fill='url(%23cr)' opacity='0.9'/><path d='M10,50 Q28,44 46,50 Q28,56 10,50' fill='url(%23cr)' opacity='0.9'/><path d='M90,50 Q72,44 54,50 Q72,56 90,50' fill='url(%23cr)' opacity='0.9'/></svg>");
  background-size:contain;background-repeat:no-repeat;
}

.critical-essay-section{
  position:relative;margin-bottom:100px;
  padding:60px 50px;
  background:rgba(244,236,216,0.4);
  border:1px solid var(--gold-light);
  box-shadow:0 20px 60px rgba(var(--gold-deep-rgb), 0.08);
}
.critical-essay-section:last-child{margin-bottom:0}

.critical-essay-section::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:80%;height:1px;
  background:linear-gradient(90deg,transparent 0%,var(--gold) 30%,var(--gold-bright) 50%,var(--gold) 70%,transparent 100%);
  opacity:0.6}

.critical-num{
  font-family:'Cinzel Decorative',serif;font-size:14px;letter-spacing:0.4em;
  color:var(--gold-deep);text-align:center;margin-bottom:8px;opacity:0.7;
}
.critical-title{
  font-family:'Great Vibes','Cormorant Garamond','Noto Serif SC',serif;
  font-size:clamp(32px,5vw,54px);font-weight:400;font-style:italic;
  letter-spacing:0.08em;line-height:1.3;text-align:center;margin:0 0 12px;
  background:linear-gradient(135deg,var(--gold-pale) 0%,var(--gold-bright) 25%,var(--gold) 50%,var(--gold-bright) 75%,var(--gold-pale) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 12px rgba(var(--gold-rgb), 0.3));
}
.critical-title-en{
  font-family:'Cinzel',serif;font-size:12px;letter-spacing:0.4em;
  color:var(--gold-deep);text-align:center;margin:0 0 14px;opacity:0.65;text-transform:uppercase;
}
.critical-divider{
  width:80px;height:1px;margin:0 auto 40px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
}

/* 鎏金斜体艺术字正文 */
.critical-body{
  font-family:'Great Vibes','Cormorant Garamond','Noto Serif SC',serif;
  font-size:clamp(18px,2vw,22px);font-style:italic;
  line-height:1.95;color:var(--ink);text-align:left;
  letter-spacing:0.04em;
}
.critical-body p{margin:0 0 1.4em;text-indent:0}
.critical-body strong{
  font-family:'Cinzel Decorative',serif;font-style:normal;
  font-size:0.85em;letter-spacing:0.2em;
  color:var(--gold-deep);font-weight:700;
  border-bottom:1px solid var(--gold-light);
  padding-bottom:2px;margin-right:4px;
}
.critical-body em{
  font-style:italic;color:var(--gold-deep);
  border-bottom:1px dashed var(--gold-light);
  padding-bottom:1px;
}

/* 板块内部小节 */
.critical-block{
  margin:32px 0 0;padding:24px 30px;
  border-left:2px solid var(--gold);
  background:linear-gradient(90deg,rgba(var(--gold-rgb), 0.05),transparent 60%);
}
.critical-block-title{
  font-family:'Cinzel Decorative',serif;font-size:13px;letter-spacing:0.35em;
  color:var(--gold-deep);text-transform:uppercase;margin:0 0 12px;font-style:normal;
}
.critical-block-body{
  font-family:'Great Vibes','Cormorant Garamond','Noto Serif SC',serif;
  font-size:clamp(17px,1.9vw,21px);font-style:italic;
  line-height:1.9;color:var(--ink);letter-spacing:0.03em;
}
.critical-block-body p{margin:0 0 0.9em}
.critical-block-body ol,.critical-block-body ul{margin:0 0 0.9em;padding-left:1.5em}
.critical-block-body li{margin:0 0 0.5em}
.critical-block-body li::marker{color:var(--gold);font-weight:700}

/* 主线流程 */
.curatorial-arc{
  display:flex;justify-content:space-between;align-items:center;
  margin:40px 0 30px;gap:6px;flex-wrap:wrap;
}
.curatorial-arc-step{
  flex:1 1 0;min-width:90px;text-align:center;padding:14px 6px;
  border:1px solid var(--gold);background:rgba(var(--gold-rgb), 0.05);
  position:relative;
}
.curatorial-arc-step::after{
  content:'→';position:absolute;right:-10px;top:50%;
  transform:translateY(-50%);color:var(--gold);font-size:18px;
  font-family:'Cinzel',serif;
}
.curatorial-arc-step:last-child::after{display:none}
.curatorial-arc-step .step-num{
  display:block;font-family:'Cinzel Decorative',serif;font-size:14px;
  color:var(--gold);font-style:normal;letter-spacing:0.3em;margin-bottom:4px;
}
.curatorial-arc-step .step-cn{
  display:block;font-family:'Noto Serif SC',serif;font-size:13px;
  font-weight:600;color:var(--ink);letter-spacing:0.1em;margin-bottom:2px;
}
.curatorial-arc-step .step-en{
  display:block;font-family:'Cormorant Garamond',serif;font-size:10px;
  font-style:italic;color:var(--gold-deep);letter-spacing:0.15em;opacity:0.75;
}

/* 章末签名 */
.critical-essay-sign{
  margin-top:50px;text-align:center;
  font-family:'Cormorant Garamond',serif;font-size:15px;font-style:italic;
  color:var(--gold-deep);letter-spacing:0.15em;line-height:1.8;
  padding-top:30px;border-top:1px solid var(--gold-light);
}
.critical-essay-sign strong{
  font-family:'Cinzel Decorative',serif;font-style:normal;
  font-size:11px;letter-spacing:0.4em;color:var(--gold);
  text-transform:uppercase;display:block;margin-bottom:8px;
}

@media(max-width:768px){
  .critical-essay{padding:80px 4% 60px}
  .critical-essay-section{padding:40px 24px;margin-bottom:60px}
  .critical-block{padding:18px 20px}
  .curatorial-arc-step{min-width:80px;padding:10px 4px}
  .curatorial-arc-step::after{font-size:14px;right:-8px}
  .curatorial-arc-step .step-cn{font-size:11px}
}

/* ========== 目标受众矩阵 ========== */
.audience-matrix{
  font-family:'Noto Serif SC',serif;
  background:rgba(244,236,216,0.4);
}
.audience-matrix th,.audience-matrix td{
  vertical-align:top;
  letter-spacing:0.02em;
}
.audience-matrix th{
  font-family:'Cinzel',serif;
  font-size:11px;
}
.audience-matrix td{
  font-size:13px;line-height:1.55;
}
@media (max-width:760px){
  .audience-matrix{font-size:12px}
  .audience-matrix th,.audience-matrix td{padding:8px 6px !important}
}

/* ========== 导览词脚本 ========== */
.audio-script{
  background:linear-gradient(135deg,rgba(244,236,216,0.5),rgba(232,220,192,0.3));
  border-left:3px solid var(--gold);
  padding:18px 22px;margin:10px 0;
  border-radius:0 4px 4px 0;
}
.audio-script-time{
  font-family:'Cinzel',serif;font-size:11px;font-weight:600;
  color:var(--gold-deep);letter-spacing:0.18em;
  margin:8px 0 6px;
}
.audio-script-time:first-child{margin-top:0}
.audio-script-line{
  font-family:'Noto Serif SC',serif;font-size:13.5px;line-height:1.85;
  color:var(--ink);margin:0 0 12px;letter-spacing:0.03em;
  font-style:italic;
}

/* ========== 实体展动线平面图 ========== */
.floorplan{
  margin:14px 0 6px;
}
.floorplan-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-template-rows:repeat(2,1fr);
  gap:10px;
  max-width:780px;margin:0 auto;
}
.floorplan-room{
  aspect-ratio:1;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-family:'Noto Serif SC',serif;font-weight:600;font-size:14px;
  color:var(--ink);text-align:center;letter-spacing:0.06em;
  background:linear-gradient(135deg,rgba(244,236,216,0.7),rgba(232,220,192,0.4));
  border:1.5px solid var(--gold);
  position:relative;padding:8px;
  transition:all 0.4s ease;
}
.floorplan-room::before{
  content:'';position:absolute;top:6px;left:6px;right:6px;bottom:6px;
  border:1px dashed rgba(var(--gold-deep-rgb), 0.3);pointer-events:none;
}
.floorplan-room small{
  font-family:'Cormorant Garamond',serif;font-weight:400;
  font-size:10px;color:var(--ink-soft);font-style:italic;
  letter-spacing:0.04em;margin-top:4px;
}
.floorplan-room:hover{
  background:linear-gradient(135deg,rgba(244,236,216,0.95),rgba(232,220,192,0.6));
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(var(--gold-deep-rgb), 0.15);
}
.floorplan-caption{
  text-align:center;font-family:'Cormorant Garamond',serif;
  font-size:12px;font-style:italic;color:var(--ink-soft);
  margin:14px 0 0;letter-spacing:0.05em;
}
@media (max-width:760px){
  .floorplan-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .floorplan-room{font-size:12px;padding:6px}
  .floorplan-room small{font-size:9px}
}

/* ============================================
   v7.1.12 critical-essay 暗色增强可读性
   - 主块背景：牙色 → 暗月蓝
   - 文字 → 月白
   - 边框 → 月金
   - 强对比解决"两色色块残留"问题
   ============================================ */
:root[data-theme="dark"] .critical-essay {
  background: linear-gradient(180deg, #0F1B2A 0%, #1A2840 50%, #0F1B2A 100%);
}
:root[data-theme="dark"] .critical-essay-section {
  background: rgba(36, 58, 82, 0.4);
  border-color: var(--gold-light);
  box-shadow: 0 20px 60px rgba(15, 27, 42, 0.5);
}
:root[data-theme="dark"] .critical-essay-section::before {
  background: linear-gradient(90deg, transparent 0%, var(--gold-bright) 30%, var(--gold-pale) 50%, var(--gold-bright) 70%, transparent 100%);
}
:root[data-theme="dark"] .critical-num {
  color: var(--gold-bright);
  opacity: 0.85;
}
:root[data-theme="dark"] .critical-title {
  filter: drop-shadow(0 0 20px rgba(232, 240, 250, 0.6));
}
:root[data-theme="dark"] .critical-title-en {
  color: var(--gold-light);
  opacity: 0.85;
}
:root[data-theme="dark"] .critical-body {
  color: var(--text-light);
}
:root[data-theme="dark"] .critical-body strong {
  color: var(--gold-bright);
  border-bottom-color: var(--gold-light);
}
:root[data-theme="dark"] .critical-body em {
  color: var(--gold-pale);
  border-bottom-color: var(--gold-light);
}
:root[data-theme="dark"] .critical-block {
  background: linear-gradient(90deg, rgba(168, 192, 216, 0.08), transparent 60%);
  border-left-color: var(--gold-light);
}
:root[data-theme="dark"] .critical-block-title {
  color: var(--gold-bright);
}
:root[data-theme="dark"] .critical-block-body {
  color: var(--text-light);
}
:root[data-theme="dark"] .critical-block-body strong {
  color: var(--gold-bright);
  border-bottom-color: var(--gold-light);
}
:root[data-theme="dark"] .critical-block-body li::marker {
  color: var(--gold-bright);
}
:root[data-theme="dark"] .curatorial-arc-step {
  background: rgba(36, 58, 82, 0.5);
  border-color: var(--gold-light);
}
:root[data-theme="dark"] .curatorial-arc-step::after {
  color: var(--gold-bright);
}
:root[data-theme="dark"] .curatorial-arc-step .step-num {
  color: var(--gold-bright);
}
:root[data-theme="dark"] .curatorial-arc-step .step-cn {
  color: var(--text-light);
}
:root[data-theme="dark"] .curatorial-arc-step .step-en {
  color: var(--gold-light);
}

/* ============================================
   v7.1.16: critical-essay 内联 style 抽出 → class
   ============================================ */

/* L1554: XII 章节 反向渐变背景 */
.critical-essay--reverse{background:linear-gradient(180deg,var(--ivory-deep) 0%,var(--ivory) 50%,var(--ivory-light) 100%)}

/* L1623: VI section critical-block dark rose border */
.critical-block--diaochan{border-left-color:var(--diaochan-rose);background:linear-gradient(90deg,rgba(139,40,72,0.06),transparent 60%)}

/* L1630/1668/1687: critical-block 鎏金深边 */
.critical-block--gold{border-left-color:var(--gold-deep)}

/* L1664: 差异一句话 小字软墨色 */
.text--ink-soft{color:var(--ink-soft);font-size:0.88em;margin-top:8px}
:root[data-theme="dark"] .critical-essay-sign {
  color: var(--gold-light);
  border-top-color: var(--gold-light);
}
:root[data-theme="dark"] .critical-essay-sign strong {
  color: var(--gold-bright);
}
:root[data-theme="dark"] .audience-matrix {
  background: rgba(36, 58, 82, 0.4);
}
:root[data-theme="dark"] .audience-matrix th,
:root[data-theme="dark"] .audience-matrix td {
  color: var(--text-light);
}
:root[data-theme="dark"] .audio-script {
  background: linear-gradient(135deg, rgba(36, 58, 82, 0.5), rgba(15, 27, 42, 0.3));
  border-left-color: var(--gold-bright);
}
:root[data-theme="dark"] .audio-script-time {
  color: var(--gold-bright);
}
:root[data-theme="dark"] .audio-script-line {
  color: var(--text-light);
}
:root[data-theme="dark"] .floorplan-room {
  background: linear-gradient(135deg, rgba(36, 58, 82, 0.6), rgba(15, 27, 42, 0.4));
  color: var(--text-light);
  border-color: var(--gold-light);
}
:root[data-theme="dark"] .floorplan-room small {
  color: var(--gold-light);
}
:root[data-theme="dark"] .floorplan-caption {
  color: var(--gold-light);
}

/* ============================================
   v7.1.16: curatorial table 通用样式
   用于 3 个 table(audience-matrix / 成本结构 / 竞品对比)
   1:1 还原原内联 style,保证视觉行为完全一致
   ============================================ */
.curatorial-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:13px}
.curatorial-table--narrow{margin:14px 0;font-size:12.5px}
.curatorial-table--tight{margin:12px 0}
.curatorial-th{padding:10px 8px;text-align:left;color:var(--gold-deep);letter-spacing:0.08em;font-weight:600}
.curatorial-th--narrow{padding:10px 6px;letter-spacing:0.06em}
.curatorial-td{padding:8px 4px;color:var(--ink)}
.curatorial-td-num{padding:8px 4px;text-align:right;color:var(--gold-deep);font-weight:600}
.curatorial-td-source{padding:8px 4px;color:var(--ink-soft);font-size:0.9em}
.curatorial-td--text{padding:8px 4px;color:var(--ink);font-weight:600}
.curatorial-tr-head{border-bottom:1.5px solid var(--gold);background:rgba(184,134,11,0.08)}
.curatorial-tr-row{border-bottom:1px dashed rgba(184,134,11,0.25)}
.curatorial-tr-row-alt{border-bottom:1px dashed rgba(184,134,11,0.25);background:rgba(244,236,216,0.3)}

/* padding modifiers(L1464 audience-matrix 用 12px 8px) */
.curatorial-td--p-12-8{padding:12px 8px}
.curatorial-td--p-10-6{padding:10px 6px}
.curatorial-td--bold{font-weight:600}
.curatorial-td-num--p-12-8{padding:12px 8px;color:var(--gold-deep);font-weight:600}
.curatorial-td-source--p-10-6{padding:10px 6px;color:var(--ink-soft);font-size:0.92em}
