/* ============================================================
   展项库共享主题（所有展项共用，展项私有样式放各自 css）
   统一约定：1920×1080 舞台自适应缩放 / 左上角返回 / Esc 退出全屏 / 90 秒闲置回封面
   ============================================================ */

:root{
  --bg-0:#04060c;
  --bg-1:#080d18;
  --bg-2:#0d1322;
  --red:#e2231a;
  --red-deep:#9c0b12;
  --red-glow:rgba(226,35,26,.5);
  --gold:#e8c36b;
  --gold-soft:rgba(232,195,107,.8);
  --ink:#f4eee2;
  --muted:rgba(244,238,226,.55);
  --font-cn:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC","Source Han Sans SC",sans-serif;
  --font-num:Georgia,"Times New Roman","Segoe UI",sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{
  width:100%;height:100%;
  background:#000;overflow:hidden;
  font-family:var(--font-cn);
  color:var(--ink);
  user-select:none;-webkit-user-select:none;
  touch-action:manipulation;
  cursor:default;
}
body{position:fixed;inset:0;}

/* ===== 1920x1080 固定舞台，自动缩放铺满（由 exhibit-shell.js 驱动） ===== */
#stage{
  position:absolute;top:50%;left:50%;
  width:1920px;height:1080px;
  transform:translate(-50%,-50%) scale(1);
  transform-origin:center center;
  background:
    radial-gradient(115% 88% at 50% 42%, #101b31 0%, var(--bg-2) 40%, var(--bg-1) 70%, var(--bg-0) 100%);
  overflow:hidden;
}

/* ===== 左上角返回 / 右上角动作区样式已内置在 exhibit-shell.js（注入式，全展项统一） ===== */

/* ===== 通用按钮 ===== */
button{font-family:inherit;color:inherit}
button:focus-visible,a:focus-visible{outline:4px solid var(--gold);outline-offset:5px}

/* ===== 目录页共用（封面 index.html / 展项选型页 exhibits/*\/index.html） ===== */
.dir-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex:0 0 auto;
  padding-bottom:clamp(10px,1.8vh,18px);border-bottom:1px solid rgba(232,195,107,.18);}
.dir-brand{display:flex;align-items:center;gap:clamp(14px,1.4vw,22px);}
.dir-mark{width:clamp(46px,6.4vh,64px);height:clamp(46px,6.4vh,64px);border-radius:12px;flex:0 0 auto;
  background:linear-gradient(145deg,var(--red),var(--red-deep));
  box-shadow:0 0 26px var(--red-glow),inset 0 0 0 2px rgba(255,255,255,.16);position:relative;}
.dir-mark::before{content:"";position:absolute;inset:20%;border:3px solid rgba(255,255,255,.85);border-radius:5px;}
.dir-mark::after{content:"";position:absolute;width:10px;height:10px;background:#fff;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);}
.dir-title{font-size:clamp(26px,4.6vh,42px);font-weight:800;letter-spacing:8px;color:var(--ink);}
.dir-sub{margin-top:6px;font-size:clamp(12px,1.9vh,16px);letter-spacing:4px;color:var(--gold);}
.dir-desc{margin-top:6px;font-size:clamp(12px,1.8vh,15px);letter-spacing:1px;color:var(--muted);}
.dir-back{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:10px 24px;flex:0 0 auto;
  font-size:17px;letter-spacing:3px;color:var(--muted);text-decoration:none;
  border:1px solid rgba(232,195,107,.32);border-radius:999px;background:rgba(4,6,12,.5);
  transition:color .25s,border-color .25s;}
.dir-back:hover{color:var(--gold);border-color:var(--gold);}

/* 目录卡片门面：封面门牌与方案卡共用同一套底/边/悬停语言 */
.dir-card{
  border:1px solid rgba(232,195,107,.22);border-top:3px solid rgba(232,195,107,.5);
  border-radius:14px;
  background:linear-gradient(165deg,rgba(19,27,46,.78),rgba(8,13,24,.92));
  transition:transform .3s ease,border-color .3s ease,border-top-color .3s ease,box-shadow .3s ease;
}
.dir-card:hover{transform:translateY(-4px);border-top-color:var(--red);box-shadow:0 18px 44px rgba(0,0,0,.45);}

/* 无封面图时的字标图带：斜纹肌理 + 金色字标（渐变由内联 style 提供，纹理用叠加层） */
.dir-flatpic{display:grid;place-items:center;}
.dir-flatpic::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(135deg,rgba(232,195,107,.07) 0 2px,transparent 2px 12px);}
.dir-flatpic .glyph{position:static;z-index:1;font-weight:800;color:rgba(232,195,107,.62);}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}