/* ===== Scene 07 · Case Archive · 验证室 =====
   案例是验证层，不是八卦层。脱敏+联动三层。
   延续 Zhiyuan Visual Language */

* { 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); --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%);}
.archive{max-width:900px;margin:0 auto;padding:0 24px 80px;position:relative;z-index:1;}

/* 首屏 */
.head{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;}
.eyebrow{color:var(--gold-deep);font-size:clamp(13px,2vw,17px);letter-spacing:10px;margin-bottom:28px;font-family:'JetBrains Mono','Consolas',monospace;}
.head h1{font-family:var(--font-lishu);font-size:clamp(44px,7vw,80px);font-weight:400;letter-spacing:12px;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);}
.head-line{width:220px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:28px auto;}
.creed{color:var(--gold-soft);font-size:clamp(16px,2.6vw,22px);letter-spacing:4px;font-weight:300;line-height:2;}

/* 筛选 */
.filter-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:0 0 40px;}
.filter-btn{background:transparent;border:1px solid var(--line);color:var(--muted);font-family:var(--font-lishu);font-size:clamp(14px,2vw,17px);letter-spacing:3px;padding:8px 20px;border-radius:2px;cursor:pointer;transition:all .3s;}
.filter-btn:hover{border-color:var(--gold);color:var(--gold-soft);}
.filter-btn.active{border-color:var(--gold);color:var(--bg);background:var(--gold);}

/* 案例列表 */
.case-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding-bottom:40px;}
.case-card{position:relative;padding:36px 28px;background:linear-gradient(145deg,rgba(28,22,12,0.85),rgba(5,7,10,0.92));border:1px solid var(--line);cursor:pointer;transition:border-color .4s,box-shadow .4s;overflow:hidden;}
.case-card::before,.case-card::after{content:'';position:absolute;width:22px;height:22px;border-color:var(--gold);opacity:0.4;z-index:2;transition:opacity .4s;}
.case-card::before{top:10px;left:10px;border-top:2px solid;border-left:2px solid;}
.case-card::after{bottom:10px;right:10px;border-bottom:2px solid;border-right:2px solid;}
.case-card:hover{border-color:var(--gold);box-shadow:0 0 20px rgba(255,212,90,0.12);}
.case-card:hover::before,.case-card:hover::after{opacity:0.8;}
.case-id{color:var(--gold-deep);font-size:12px;letter-spacing:3px;font-family:'JetBrains Mono',monospace;display:block;margin-bottom:8px;}
.case-theme{color:var(--gold);font-size:13px;letter-spacing:2px;font-family:var(--font-lishu);display:block;margin-bottom:16px;border:1px solid var(--gold-deep);padding:3px 10px;border-radius:2px;display:inline-block;}
.case-title{font-family:var(--font-lishu);font-size:clamp(18px,2.4vw,24px);font-weight:400;color:var(--gold-soft);letter-spacing:2px;line-height:1.5;margin-bottom:12px;}
.case-summary{color:var(--muted);font-size:13px;letter-spacing:1px;font-weight:300;line-height:1.8;margin-bottom:20px;}
.case-enter{color:var(--gold);font-size:14px;letter-spacing:4px;opacity:0.6;transition:opacity .3s;}
.case-card:hover .case-enter{opacity:1;}

/* 案例详情 overlay */
.case-hall{display:none;position:fixed;inset:0;z-index:100;background:linear-gradient(135deg,#060503,#0a0806);overflow-y:auto;}
.case-hall.active{display:block;animation:fadeIn .5s ease;}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
.hall-back{position:fixed;top:24px;left:24px;z-index:110;color:var(--gold);font-size:15px;letter-spacing:3px;cursor:pointer;background:rgba(4,3,2,0.8);border:1px solid var(--line);border-radius:4px;padding:10px 20px;transition:all .3s;}
.hall-back:hover{border-color:var(--gold);letter-spacing:6px;}
.hall-content{max-width:680px;margin:0 auto;padding:100px 32px 80px;}
.hall-id{color:var(--gold-deep);font-size:14px;letter-spacing:4px;font-family:'JetBrains Mono',monospace;display:block;margin-bottom:8px;}
.hall-theme{color:var(--gold);font-size:15px;letter-spacing:3px;font-family:var(--font-lishu);display:inline-block;border:1px solid var(--gold-deep);padding:4px 14px;border-radius:2px;margin-bottom:28px;}
.hall-title{font-family:var(--font-lishu);font-size:clamp(28px,4vw,42px);font-weight:400;color:var(--gold-soft);letter-spacing:4px;line-height:1.4;margin-bottom:48px;text-shadow:0 0 24px rgba(255,212,90,0.3);}
.hall-section{margin-bottom:40px;padding-left:20px;border-left:2px solid rgba(255,212,90,0.15);}
.hall-label{display:block;color:var(--gold-deep);font-size:12px;letter-spacing:4px;margin-bottom:12px;font-family:'JetBrains Mono',monospace;}
.hall-text{color:var(--text);font-size:17px;letter-spacing:2px;font-weight:300;line-height:2.1;}
.hall-insight{color:var(--gold);font-size:18px;letter-spacing:2px;font-weight:300;font-style:italic;line-height:2.1;}
.hall-lessons{list-style:none;}
.hall-lessons li{color:var(--text);font-size:16px;letter-spacing:1px;padding:6px 0;font-weight:300;}
.hall-lessons li::before{content:'✓ ';color:var(--green);}
.hall-books{display:flex;flex-wrap:wrap;gap:10px;}
.hall-book{color:var(--gold);font-size:14px;letter-spacing:2px;border:1px solid var(--gold-deep);padding:6px 16px;border-radius:2px;font-family:var(--font-lishu);text-decoration:none;transition:all .3s;}
.hall-book:hover{border-color:var(--gold);background:rgba(255,212,90,0.08);}
.hall-actions{display:flex;flex-direction:column;gap:8px;}
.hall-action{color:var(--muted);font-size:14px;letter-spacing:1px;padding:8px 16px;background:rgba(255,212,90,0.05);border-radius:2px;}
.hall-links{display:flex;gap:16px;margin-top:40px;}
.hall-link{color:var(--gold);font-size:15px;letter-spacing:3px;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:4px;transition:letter-spacing .3s;}
.hall-link:hover{letter-spacing:6px;}
.hall-anon{margin-top:48px;padding:16px 20px;background:rgba(90,154,90,0.08);border-left:3px solid var(--green);font-size:13px;color:var(--green);letter-spacing:1px;}

/* 底部 */
.foot{text-align:center;padding:50px 24px;border-top:1px solid var(--line);margin-top:40px;}
.foot p{color:var(--gold);font-size:clamp(16px,2.4vw,20px);letter-spacing:4px;font-weight:300;}
.foot-link{color:var(--gold);text-decoration:none;border-bottom:1px solid var(--line);font-size:14px;letter-spacing:2px;}
.foot-sep{color:var(--muted);margin:0 8px;}

@media(max-width:600px){
  .archive{padding:0 16px 60px;}
  .case-list{grid-template-columns:1fr;}
  .hall-content{padding:80px 20px 60px;}
  .head h1{letter-spacing:6px;}
}