/* ===== Scene 02 · The Great Hall · 大堂（精神中心）=====
   Hotfix v1.0.1 · 电影海报级对比增强
   只改视觉强度：字更大 · 金更亮(#FFD98A) · 黑更深(#05070A) · 米白更亮(#FFF3D8)
   · 暗角+中心金光 · 铜灯光晕×1.5
   结构/铜灯仪式/六 Gate 淡入 不变。未改 index.html。 */

* { margin:0; padding:0; box-sizing:border-box; }

:root{
  --bg:#05070A;          /* 加深，接近纯夜幕 */
  --gold:#FFD98A;        /* 提亮金（标题/铜灯/线条） */
  --gold-deep:#C8A96A;
  --text:#FFF3D8;        /* 提亮米白正文 */
  --muted:#b8ad94;
}

body {
  background:var(--bg);
  color:var(--text);
  font-family:'Noto Serif SC','Source Han Serif SC','SimSun',serif;
  line-height:1.95;
  overflow-x:hidden;
  position:relative;
}

/* —— 电影级暗角 + 中心金光（无卡片感）—— */
body::before {
  content:''; position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 38%, rgba(255,217,138,0.16) 0%, transparent 42%),  /* 中心金光 */
    radial-gradient(ellipse at 50% 50%, transparent 55%, rgba(0,0,0,0.55) 100%);      /* 暗角 */
}

.hall {
  max-width:900px; margin:0 auto;
  padding:130px 32px 110px;
  position:relative;
  text-align:center;
  z-index:1;
}

/* —— 穹顶天光（增强）—— */
.sky {
  position:fixed; top:-30vh; left:50%;
  width:130vw; height:85vh;
  transform:translateX(-50%);
  background:radial-gradient(ellipse at 50% 70%,
    rgba(255,217,138,0.22) 0%,
    rgba(232,199,122,0.07) 35%,
    transparent 65%);
  pointer-events:none; z-index:0;
}
.sky-beam {
  position:fixed; top:0; left:50%;
  width:52vw; height:100vh;
  transform:translateX(-50%);
  background:linear-gradient(180deg, rgba(255,217,138,0.14) 0%, transparent 72%);
  pointer-events:none; z-index:0;
}

/* —— 主标题（放大 25%·加粗·字距加大）—— */
.head { position:relative; z-index:2; margin-bottom:100px; }
.title {
  font-size:clamp(72px, 14.5vw, 176px);     /* +~30% */
  font-weight:bold;                          /* 加粗 */
  color:var(--gold);
  letter-spacing:14px;                       /* 字距加大 */
  text-shadow:0 0 60px rgba(255,217,138,0.65), 0 0 120px rgba(255,217,138,0.3);
  line-height:1.18;
}
.title .en {
  display:block;
  font-size:clamp(19px, 3vw, 30px);          /* +15% */
  letter-spacing:14px;
  color:var(--gold-deep);
  margin-top:22px;
  font-weight:300;
}
.subtitle {
  font-size:clamp(26px, 4.6vw, 40px);        /* +15% */
  color:var(--text);
  letter-spacing:10px;
  margin-top:42px;
  font-weight:300;
}
.subtitle-en {
  font-size:clamp(15px, 2.3vw, 20px);        /* +15% */
  color:var(--muted); letter-spacing:3px;
  margin-top:12px; font-style:italic;
}
.line { width:84px; height:2px; background:var(--gold); margin:46px auto; }  /* 线条加粗+金 */
.tags {
  font-size:clamp(17px, 2.6vw, 22px);        /* +15% */
  color:var(--gold-deep); letter-spacing:6px;
}

/* —— 建筑宣言（放大 1.2 倍·行距舒展）—— */
.manifesto {
  position:relative; z-index:2;
  margin-bottom:100px;
  padding:0 12px;
}
.manifesto p {
  font-size:clamp(22px, 3.4vw, 29px);        /* ×1.2 */
  letter-spacing:4px;
  color:var(--text);
  font-weight:300;
  line-height:2.25;                           /* 舒展 */
}
.manifesto .manifesto-en {
  font-size:clamp(14px, 2.1vw, 18px);        /* +15% */
  color:#9a8f88; letter-spacing:1.5px;
  margin-top:30px; line-height:2; font-style:italic;
}

/* —— 中央铜灯（光晕增强，点亮后 ×1.5）—— */
.lantern-wrap { position:relative; z-index:3; margin:70px auto 50px; }
.lantern {
  width:128px; height:180px; margin:0 auto; position:relative;
  cursor:pointer; transition:transform .4s ease;
}
.lantern:hover { transform:translateY(-5px); }

.bowl {
  position:absolute; top:52px; left:50%;
  width:96px; height:58px; transform:translateX(-50%);
  background:linear-gradient(180deg,#5a4a2e,#3a2f1c);
  border:1.5px solid var(--gold);
  border-radius:0 0 50% 50% / 0 0 80% 80%;
  box-shadow:inset 0 -6px 14px rgba(0,0,0,0.6);
}
.bowl-rim {
  position:absolute; top:48px; left:50%;
  width:102px; height:9px; transform:translateX(-50%);
  background:linear-gradient(180deg,var(--gold),#9e8446);
  border-radius:50%;
}
.stand {
  position:absolute; top:110px; left:50%;
  width:7px; height:42px; transform:translateX(-50%);
  background:linear-gradient(180deg,#9e8446,#5a4a2e);
}
.stand::after {
  content:''; position:absolute; bottom:-6px; left:50%;
  width:54px; height:11px; transform:translateX(-50%);
  background:#3a2f1c; border:1px solid #9e8446; border-radius:50%;
}

/* 火苗（未点：暗；点亮：亮+光晕×1.5） */
.flame {
  position:absolute; top:16px; left:50%;
  width:20px; height:42px; transform:translateX(-50%);
  background:radial-gradient(ellipse at 50% 80%, #FFE9A8, var(--gold) 60%, transparent);
  border-radius:50% 50% 50% 50% / 70% 70% 40% 40%;
  opacity:0.15;
  transition:opacity 1s ease, filter 1s ease;
  filter:blur(2px);
}
.glow {
  position:absolute; top:-40px; left:50%;
  width:360px; height:360px;                   /* 基础放大 */
  transform:translate(-50%,0) scale(0.4);
  background:radial-gradient(circle, rgba(255,217,138,0.55), transparent 64%);
  opacity:0; transition:all 1.2s ease;
  pointer-events:none;
}
.char {
  position:absolute; top:-50px; left:50%; transform:translateX(-50%);
  font-size:42px; color:var(--gold); font-weight:300;
  text-shadow:0 0 22px rgba(255,217,138,0.7);
  opacity:0.5; transition:all 1s ease;
}
.hint {
  margin-top:26px;
  font-size:17px; color:var(--muted); letter-spacing:10px;
  transition:opacity .6s ease;
}

/* —— 点亮态（光晕 ×1.5）—— */
body.lit .flame {
  opacity:1; filter:blur(1px) drop-shadow(0 0 20px rgba(255,217,138,0.95));
  animation:flicker 2.4s ease-in-out infinite;
}
body.lit .glow {
  opacity:1;
  transform:translate(-50%,0) scale(1.5);      /* 光晕扩大 1.5 倍 */
}
body.lit .char { opacity:1; }
@keyframes flicker { 0%,100%{transform:translateX(-50%) scaleY(1);} 50%{transform:translateX(-50%) scaleY(1.14);} }

/* —— 六个 District Gate（文字放大·金色更亮·说明更清楚）—— */
.gates {
  position:relative; z-index:2;
  opacity:0; transform:translateY(30px);
  transition:all 1.2s ease;
  margin-top:50px;
}
.gates.shown { opacity:1; transform:translateY(0); }
.gate {
  display:flex; align-items:baseline; gap:20px;
  padding:26px 8px;
  border-bottom:1px solid rgba(255,217,138,0.25);
  text-align:left;
  transition:padding .3s, border-color .3s;
}
.gate:hover { padding-left:22px; border-color:var(--gold); }
.g-cn {
  font-size:26px;                              /* 放大 */
  color:var(--gold);                           /* 更亮金 */
  letter-spacing:4px; min-width:108px; font-weight:500;
  text-shadow:0 0 14px rgba(255,217,138,0.35);
}
.g-en { font-size:15px; color:var(--gold-deep); letter-spacing:2px; min-width:184px; }
.g-desc { font-size:16px; color:var(--text); flex:1; opacity:0.85; }   /* 说明更清楚：米白 */

/* —— 继续前行 —— */
.continue {
  position:relative; z-index:2;
  margin-top:90px;
  font-size:clamp(18px,2.8vw,24px);
  color:var(--gold); letter-spacing:7px;
  opacity:0; transition:opacity 1s ease 0.4s;
  text-shadow:0 0 18px rgba(255,217,138,0.4);
}
.continue.shown { opacity:0.9; }

@media(max-width:600px){
  .hall{ padding:90px 20px; }
  .title{ letter-spacing:8px; }
  .gate{ flex-wrap:wrap; gap:6px; }
  .g-en{ min-width:0; }
}
@media (prefers-reduced-motion: reduce){
  .flame{ animation:none !important; }
}