/* ===== Scene 06 · Journey Hall · 人生导航中心 =====
   Zhiyuan Engine v2.0 · 七层全实现
   身份→问题→分诊→诊断→置信度→安全→优先级→Journey */

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

:root{
  --bg:#040302; --gold:#FFD45A; --gold-bright:#FFF7B8; --gold-deep:#B87816;
  --gold-soft:#FFE08A; --text:#FFF3D8; --muted:#c4b596;
  --line:rgba(255,212,90,0.22); --red:#c84141; --green:#5a9a5a;
  --font-lishu:"华文隶书","STLiti","LiSu","Source Han Serif SC","SimSun",serif;
  --font-songti:"Noto Serif SC","Source Han Serif SC","SimSun",serif;
}

body{background:var(--bg);color:var(--text);font-family:var(--font-songti);line-height:1.9;overflow-x:hidden;}

.bg-glow{position:fixed;top:0;left:50%;width:80vw;height:60vh;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 40%,rgba(255,212,90,0.15),transparent 60%);pointer-events:none;z-index:0;}
.bg-vignette{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 50%,rgba(0,0,0,0.5) 100%);}

.hall{max-width:780px;margin:0 auto;padding:0 24px 80px;position:relative;z-index:1;}

/* —— 屏幕 —— */
.screen{min-height:100vh;padding:60px 24px;}
.screen:first-of-type{display:flex;flex-direction:column;align-items:center;justify-content:center;}

.eyebrow{color:var(--gold-deep);font-size:clamp(12px,1.8vw,16px);letter-spacing:8px;margin-bottom:28px;font-family:'JetBrains Mono','Consolas',monospace;text-align:center;}
.screen-title,.screen:first-of-type h1{font-family:var(--font-lishu);text-align:center;letter-spacing:10px;}
.screen:first-of-type h1{font-size:clamp(40px,6.5vw,72px);font-weight:400;background:linear-gradient(180deg,#FFF7B8,#FFD45A,#B87816);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 14px rgba(255,217,138,.35),0 0 42px rgba(255,180,60,.18);}
.screen-title{font-size:clamp(32px,5vw,52px);color:var(--gold-soft);margin-bottom:16px;}
.head-line{width:200px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:24px auto 24px;}
.creed{color:var(--gold-soft);font-size:clamp(17px,2.6vw,22px);letter-spacing:5px;margin-bottom:48px;text-align:center;}
.screen-sub{color:var(--muted);font-size:16px;letter-spacing:2px;margin-bottom:40px;text-align:center;}

/* —— 选择 —— */
.select-section{width:100%;max-width:560px;margin-bottom:40px;}
.select-label{color:var(--gold);font-size:clamp(17px,2.6vw,22px);letter-spacing:4px;margin-bottom:16px;font-family:var(--font-lishu);text-align:center;}
.options{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
.option{padding:10px 24px;border:1px solid var(--line);color:var(--muted);font-size:clamp(14px,2vw,17px);letter-spacing:2px;cursor:pointer;border-radius:2px;transition:all .3s;font-family:var(--font-songti);}
.option:hover{border-color:var(--gold);color:var(--gold-soft);}
.option.selected{border-color:var(--gold);color:var(--bg);background:var(--gold);}

/* —— CTA —— */
.cta{display:block;margin:32px auto 0;padding:16px 48px;border:2px solid var(--gold);background:transparent;color:var(--gold);font-size:clamp(16px,2.4vw,20px);letter-spacing:5px;cursor:pointer;border-radius:2px;font-family:var(--font-songti);transition:all .4s;}
.cta:hover:not(:disabled){background:var(--gold);color:var(--bg);}
.cta:disabled{opacity:0.3;cursor:not-allowed;}

/* —— 分诊追问 —— */
.diag-question{margin-bottom:36px;text-align:center;}
.diag-label{color:var(--gold-soft);font-size:clamp(16px,2.4vw,20px);letter-spacing:3px;margin-bottom:14px;}

/* —— 安全拦截 —— */
.safety-screen{text-align:center;padding-top:25vh;}
.safety-icon{font-size:64px;color:var(--red);margin-bottom:24px;}
.safety-title{font-family:var(--font-lishu);font-size:36px;color:var(--red);letter-spacing:6px;margin-bottom:24px;}
.safety-msg{font-size:20px;color:var(--text);letter-spacing:3px;line-height:2;margin-bottom:20px;}
.safety-phone{font-size:18px;color:var(--gold);letter-spacing:4px;margin-bottom:40px;}

/* —— 诊断面板 —— */
.diag-panel{background:linear-gradient(145deg,rgba(28,22,12,0.8),rgba(5,7,10,0.9));border:1px solid var(--line);padding:40px 32px;margin-bottom:48px;border-radius:4px;}
.diag-confidence-bar{width:100%;height:8px;background:rgba(255,212,90,0.1);border-radius:4px;overflow:hidden;margin-bottom:8px;}
.bar-fill{height:100%;background:linear-gradient(90deg,var(--gold-deep),var(--gold),var(--gold-bright));transition:width 1s ease;}
.diag-confidence-text{color:var(--gold);font-size:14px;letter-spacing:2px;margin-bottom:24px;font-family:'JetBrains Mono',monospace;}
.diag-cause,.diag-priority,.diag-evidence{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px;}
.diag-label{color:var(--gold-deep);font-size:14px;letter-spacing:3px;min-width:56px;padding-top:2px;}
.diag-value{color:var(--gold-soft);font-size:20px;letter-spacing:3px;font-family:var(--font-lishu);}
.priority-tag{font-size:15px;letter-spacing:2px;padding:4px 14px;border-radius:2px;color:var(--text);}
.priority-urgent{background:rgba(200,65,65,0.3);border:1px solid var(--red);}
.priority-deep{background:rgba(90,154,90,0.2);border:1px solid var(--green);}
.priority-normal{background:rgba(255,212,90,0.15);border:1px solid var(--gold-deep);}
.priority-observe{background:rgba(154,143,168,0.2);border:1px solid var(--muted);}
.evidence-list{display:flex;flex-wrap:wrap;gap:8px;}
.evidence-item{color:var(--green);font-size:14px;letter-spacing:1px;background:rgba(90,154,90,0.1);padding:4px 12px;border-radius:2px;}

/* —— Journey —— */
.journey-header{text-align:center;margin-bottom:40px;}
.journey-persona{color:var(--gold-deep);font-size:15px;letter-spacing:3px;margin-bottom:12px;}
.journey-title{font-family:var(--font-lishu);font-size:clamp(32px,4.5vw,48px);font-weight:400;color:var(--gold-soft);letter-spacing:6px;text-shadow:0 0 24px rgba(255,212,90,0.35);}
.journey-line{width:180px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:20px auto;}
.journey-total{color:var(--muted);font-size:15px;letter-spacing:2px;}

.journey-path{padding:0 0 20px;}
.journey-card{position:relative;max-width:480px;margin:0 auto;padding:44px 36px;text-align:center;background:linear-gradient(145deg,rgba(28,22,12,0.9),rgba(5,7,10,0.95));border:1px solid var(--line);border-top:none;}
.journey-card::before,.journey-card::after{content:'';position:absolute;width:26px;height:26px;border-color:var(--gold);opacity:0.5;z-index:2;}
.journey-card::before{top:0;left:0;border-top:2px solid;border-left:2px solid;}
.journey-card::after{bottom:0;right:0;border-bottom:2px solid;border-right:2px solid;}
.journey-card:first-child{border-top:1px solid var(--line);}

/* Journey Card 七模块 */
.jc-progress-bar{width:100%;height:4px;background:rgba(255,212,90,0.1);border-radius:2px;overflow:hidden;margin-bottom:24px;}
.jc-progress-fill{height:100%;background:linear-gradient(90deg,var(--gold-deep),var(--gold));transition:width .6s ease;width:0%;}
.jc-station{color:var(--gold-deep);font-size:15px;letter-spacing:4px;margin-bottom:16px;font-family:var(--font-lishu);}
.jc-axis{width:2px;height:28px;background:var(--gold);margin:0 auto 16px;opacity:0.3;}
.jc-theme{font-family:var(--font-lishu);font-size:clamp(26px,3.8vw,36px);font-weight:400;color:var(--gold-soft);letter-spacing:5px;text-shadow:0 0 20px rgba(255,212,90,0.35);margin-bottom:24px;}
.jc-module{text-align:left;margin-bottom:20px;padding-left:20px;border-left:2px solid rgba(255,212,90,0.15);}
.jc-module-label{display:block;color:var(--gold-deep);font-size:11px;letter-spacing:3px;margin-bottom:6px;font-family:'JetBrains Mono',monospace;}
.jc-why{color:var(--text);font-size:14px;letter-spacing:1px;font-weight:300;line-height:1.9;}
.jc-books{display:flex;flex-wrap:wrap;gap:6px;}
.jc-book{color:var(--gold);font-size:13px;letter-spacing:1px;border:1px solid var(--gold-deep);padding:4px 12px;border-radius:2px;font-family:var(--font-lishu);}
.jc-chapter{color:var(--gold-soft);font-size:14px;letter-spacing:1px;font-weight:300;}
.jc-case{color:var(--green);font-size:14px;letter-spacing:1px;font-weight:300;}
.jc-action{color:var(--text);font-size:14px;letter-spacing:1px;font-weight:300;}
.jc-outcome{color:var(--gold);font-size:14px;letter-spacing:1px;font-weight:300;font-style:italic;line-height:1.9;}
.jc-meta{color:var(--gold-deep);font-size:13px;letter-spacing:2px;margin-bottom:20px;}
.jc-start{padding:10px 32px;border:1px solid var(--gold);background:transparent;color:var(--gold);font-size:15px;letter-spacing:5px;cursor:pointer;font-family:inherit;transition:all .3s;}
.jc-start:hover{background:var(--gold);color:var(--bg);}
.jc-start.done{background:rgba(90,154,90,0.2);border-color:var(--green);color:var(--green);cursor:default;}

/* 顶部进度 */
.top-progress-wrap{margin-top:24px;}
.top-progress-bar{width:100%;max-width:400px;height:6px;background:rgba(255,212,90,0.1);border-radius:3px;overflow:hidden;margin:0 auto 8px;}
.top-progress-fill{height:100%;background:linear-gradient(90deg,var(--gold-deep),var(--gold),var(--gold-bright));transition:width .6s ease;}
.top-progress-text{color:var(--gold);font-size:13px;letter-spacing:2px;text-align:center;}

/* —— 完成 —— */
.journey-complete{text-align:center;padding:60px 24px 20px;}
.complete-glow{width:160px;height:160px;margin:0 auto 32px;border-radius:50%;background:radial-gradient(circle,rgba(255,212,90,0.18),transparent 60%);}
.journey-complete p{color:var(--gold-soft);font-size:clamp(17px,2.8vw,24px);letter-spacing:4px;font-weight:300;line-height:2;}
.complete-vision{color:var(--gold)!important;font-style:italic;margin-top:8px;}
.engine-ver{margin-top:24px;color:var(--muted);font-size:12px;letter-spacing:1px;font-family:'JetBrains Mono',monospace;}

/* —— 底部 —— */
.hall-foot{text-align:center;padding:48px 24px;border-top:1px solid var(--line);margin-top:40px;}
.hall-foot p{color:var(--gold);font-size:clamp(15px,2.4vw,20px);letter-spacing:4px;font-weight:300;line-height:2;}
.hall-foot .en{margin-top:12px;color:var(--muted);font-size:13px;letter-spacing:2px;font-style:italic;}

@media(max-width:600px){
  .hall{padding:0 16px 60px;}
  .screen:first-of-type h1{letter-spacing:5px;}
  .options{flex-direction:column;align-items:center;}
  .option{width:85%;text-align:center;}
  .journey-card{padding:32px 20px;}
}