:root{
  --showcase-surface:rgba(7,8,12,.9);
  --showcase-surface-soft:rgba(8,9,13,.72);
  --showcase-line:rgba(244,239,230,.22);
  --showcase-line-strong:rgba(244,239,230,.42);
  --showcase-text:#f4f1ea;
  --showcase-soft:rgba(244,241,234,.68);
  --showcase-faint:rgba(244,241,234,.4);
  --showcase-gold:#ffd479;
  --showcase-mint:#5eead4;
  --showcase-pink:#ff4d8f;
}

/* 娱乐圈统一视觉层：精简版与完整版共用，流程规则仍由各页面自身控制。 */
html,body,#game{background:#08080c!important}
#game[data-route="changye"]{
  --showcase-script-set:url("immersive/script-sets/assets/changye-court-set-v1.png");
}
#game[data-route="yunjian"]{
  --showcase-script-set:url("immersive/script-sets/assets/yunjian-celestial-set-v1.png");
}
#game[data-route="poxiao"]{
  --showcase-script-set:url("immersive/script-sets/assets/poxiao-ballroom-set-v1.png");
}
#game[data-route="guguo"]{
  --showcase-script-set:url("immersive/script-sets/assets/guguo-palace-set-v1.png");
}
#game[data-route="zangfeng"]{
  --showcase-script-set:url("immersive/shoot/assets/continuous-set-v1.png");
}
#bg{
  background-color:#08080c!important;
  background-size:cover!important;
  background-position:center!important;
  filter:none!important;
}
#bg::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(2,3,6,.68),rgba(2,3,6,.16) 44%,rgba(2,3,6,.36)),
    linear-gradient(180deg,rgba(2,3,6,.48),transparent 24%,rgba(2,3,6,.72));
}
/*
 * ADV 场景沿用页面自身的场景色，不再把四张玩法图按通用 bg 类批量替换。
 * bg-hotel / bg-cafe / bg-agency 等类会同时被对白、选择与夜晚行动复用；
 * 若在这里强行绑定玩法图，上一玩法的剧本桌或片场就会“串场”到后续剧情。
 */
#bgIcon{display:none!important}
#bgCap{z-index:2;color:var(--showcase-soft)!important;text-shadow:0 1px 8px #000}
#game[data-route] #bg.bg-set{
  background-image:
    linear-gradient(90deg,rgba(2,3,6,.56),rgba(2,3,6,.12) 52%,rgba(2,3,6,.34)),
    var(--showcase-script-set)!important;
}

/* 稳定 HUD、ADV 与分支层级，统一到新版小圆角、编辑式分区。 */
#hud{
  min-height:48px!important;
  padding:
    env(safe-area-inset-top,0)
    max(14px,calc(env(safe-area-inset-right,0) + 10px))
    0
    max(14px,calc(env(safe-area-inset-left,0) + 10px))!important;
  background:linear-gradient(180deg,rgba(2,3,6,.94),rgba(2,3,6,0))!important;
}
.hgroup,.hbtn,.hphase,.hwork{
  border-color:var(--showcase-line)!important;
  background:rgba(5,6,10,.7)!important;
}
#advWrap{
  padding:0 max(14px,calc(env(safe-area-inset-right,0) + 10px))
    max(12px,calc(env(safe-area-inset-bottom,0) + 8px))
    max(14px,calc(env(safe-area-inset-left,0) + 10px))!important;
}
#advName{border-radius:6px 6px 0 0!important}
#advBox{
  border-color:var(--showcase-line)!important;
  border-radius:6px!important;
  background:rgba(6,7,11,.9)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.38)!important;
}
.ch{
  border-color:var(--showcase-line-strong)!important;
  border-radius:6px!important;
  background:rgba(6,7,11,.9)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.34)!important;
}
.ch:hover,.ch:focus-visible{
  border-color:var(--showcase-gold)!important;
  background:rgba(20,18,12,.94)!important;
}

/* 全屏浮层不再是空黑板：场景图负责氛围，内容面负责可读性。 */
#map.ov{
  background:
    linear-gradient(90deg,rgba(3,4,7,.82),rgba(3,4,7,.54)),
    url("immersive/map/assets/studio-city-map-v1.png") center/cover no-repeat!important;
}
#map.ov[data-mode="night"]{
  background:
    linear-gradient(90deg,rgba(3,4,7,.82),rgba(3,4,7,.46)),
    url("immersive/relation-events/assets/city-rooftop-night-v1.png") center/cover no-repeat!important;
}
#map.ov[data-mode="training"]{
  background:
    linear-gradient(90deg,rgba(3,4,7,.78),rgba(3,4,7,.48)),
    url("immersive/map/assets/acting-rehearsal-studio-v1.png") center/cover no-repeat!important;
}
#works.ov,#file.ov{
  background:
    linear-gradient(90deg,rgba(3,4,7,.76),rgba(3,4,7,.62)),
    url("immersive/biography/assets/role-biography-desk-v1.png") center/cover no-repeat!important;
}
#map .ov-body,#works .ov-body,#file .ov-body{
  background:linear-gradient(90deg,rgba(5,6,10,.88),rgba(5,6,10,.34))!important;
}
#map .ov-body{
  position:relative!important;
  padding:clamp(62px,8vh,92px) clamp(34px,6vw,112px) clamp(24px,4vh,46px)!important;
  overflow:hidden!important;
  background:linear-gradient(90deg,rgba(3,4,7,.54),rgba(3,4,7,.08) 48%,rgba(3,4,7,.34))!important;
}
#map .mp-k,#map .mp-t{position:relative;z-index:2;width:max-content;text-shadow:0 2px 12px rgba(0,0,0,.92)}
#map .mp-t{margin-bottom:0!important}
#map .mp-grid{
  position:relative!important;
  display:block!important;
  flex:1!important;
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  margin:0!important;
}
#map .mp-loc{
  position:absolute!important;
  width:clamp(210px,18vw,284px)!important;
  min-height:78px;
  padding:10px 12px!important;
  border-color:rgba(255,255,255,.3)!important;
  border-radius:6px!important;
  background:rgba(5,6,10,.78)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.42)!important;
  backdrop-filter:blur(8px);
}
#map .mp-loc:hover,#map .mp-loc:focus-visible{border-color:var(--showcase-gold)!important;background:rgba(20,18,12,.9)!important}
#map .mp-loc:nth-child(1){left:2%;top:20%}
#map .mp-loc:nth-child(2){left:25%;top:55%}
#map .mp-loc:nth-child(3){left:45%;top:14%}
#map .mp-loc:nth-child(4){right:2%;top:38%}
#map .mp-loc:nth-child(5){left:48%;bottom:0}
#map .mp-loc:nth-child(6){right:8%;bottom:2%}
#map[data-mode="training"] .mp-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:center!important;
  gap:14px!important;
}
#map[data-mode="training"] .mp-loc{position:relative!important;inset:auto!important;width:auto!important;min-height:110px}
.ov:not(#map):not(#works):not(#file),
#phone,#dossier,#manintro{
  background:
    radial-gradient(circle at 50% 34%,rgba(22,23,31,.52),rgba(5,6,10,.94) 72%),
    #08080c!important;
}
#train{
  background:
    linear-gradient(90deg,rgba(3,4,7,.78),rgba(3,4,7,.44)),
    url("immersive/map/assets/acting-rehearsal-studio-v1.png") center/cover no-repeat!important;
}
#premiere{
  background:
    linear-gradient(90deg,rgba(3,4,7,.78),rgba(3,4,7,.42)),
    url("immersive/premiere/assets/premiere-monitor-room-v1.png") center/cover no-repeat!important;
}
.ov-body,.ph-body,.ds-card,.mi-card{
  border-color:var(--showcase-line)!important;
  border-radius:10px!important;
  box-shadow:0 24px 70px rgba(0,0,0,.58)!important;
}
.mp-loc,.wk-card,.fl-c,.rp-row{
  border-color:var(--showcase-line)!important;
  border-radius:6px!important;
  background:rgba(6,7,11,.72)!important;
}

/* 人物小传：复用新版剧本桌场景与工作台结构。 */
#bioPuzzle{
  isolation:isolate;
  background:
    linear-gradient(180deg,rgba(3,3,6,.38),rgba(3,3,6,.18) 44%,rgba(3,3,6,.7)),
    url("immersive/biography/assets/role-biography-desk-v1.png") center/cover no-repeat!important;
}
#bioPuzzle::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(90deg,rgba(3,4,7,.64),rgba(3,4,7,.12) 44%,rgba(3,4,7,.34));
}
.bp-top,.bp-bottom{
  position:relative;
  z-index:2;
  border-color:var(--showcase-line)!important;
  background:rgba(4,5,8,.88)!important;
  backdrop-filter:blur(14px);
}
.bp-main{
  position:relative;
  z-index:1;
  width:min(1180px,calc(100% - 12vw));
  min-height:0;
  margin:auto;
  border-top:1px solid var(--showcase-line);
  border-bottom:1px solid var(--showcase-line);
  background:rgba(5,6,10,.46);
  box-shadow:0 22px 64px rgba(0,0,0,.36);
  backdrop-filter:blur(2px);
}
.bp-pool{
  border-color:var(--showcase-line)!important;
  background:rgba(5,6,10,.64)!important;
}
.bp-timeline{background:rgba(5,6,10,.28)!important}
.bp-card{
  border-color:rgba(244,239,230,.4)!important;
  border-radius:8px!important;
  background:rgba(8,9,13,.72)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.3)!important;
}
.bp-slot{
  border-color:rgba(244,239,230,.34)!important;
  border-radius:8px!important;
  background:rgba(6,7,11,.38)!important;
}
.bp-slot.fill{
  border-color:rgba(94,234,212,.58)!important;
  background:rgba(7,18,18,.62)!important;
}
.bp-evidence{
  border-left-color:var(--showcase-gold)!important;
  background:rgba(9,8,7,.46)!important;
}
.bp-submit,.bp-r-go{min-height:44px;border-radius:6px!important}
.bp-result{
  background:rgba(3,4,7,.76)!important;
  backdrop-filter:blur(12px);
}
.bp-r-card{
  border-color:var(--showcase-line-strong)!important;
  border-radius:10px!important;
  background:rgba(6,7,11,.96)!important;
  box-shadow:0 28px 84px rgba(0,0,0,.64)!important;
}

/* 片场观察：保留原内容与热点逻辑，换成新版真实片场背景。 */
#explore{
  isolation:isolate;
  background:url("immersive/observation/assets/first-set-observation-v1.png") center/cover no-repeat!important;
}
#game[data-route] #explore{
  background-image:var(--showcase-event-bg,var(--showcase-script-set))!important;
  background-position:center!important;
  background-size:cover!important;
}
#explore .scrim{
  background:
    linear-gradient(90deg,rgba(3,4,7,.72),transparent 34%,rgba(3,4,7,.42)),
    linear-gradient(180deg,rgba(3,4,7,.42),transparent 24%,rgba(3,4,7,.78))!important;
}
.xp-corner{display:none!important}
.xp-tl{
  top:66px!important;
  left:max(18px,calc(env(safe-area-inset-left,0) + 10px))!important;
  width:292px;
  padding:13px 14px;
  border:1px solid var(--showcase-line)!important;
  border-left:3px solid var(--showcase-gold)!important;
  border-radius:6px;
  background:rgba(5,6,10,.88);
  box-shadow:0 16px 42px rgba(0,0,0,.38);
  backdrop-filter:blur(12px);
}
.xp-title{font-size:20px!important;letter-spacing:2px!important}
.xp-title .xp-x{color:var(--showcase-gold)!important}
.xp-sub{margin-left:0!important;color:var(--showcase-gold)!important}
.xp-tr{
  top:66px!important;
  border-color:var(--showcase-line)!important;
  border-radius:6px!important;
  background:rgba(5,6,10,.78)!important;
}
.xp-hot{
  padding:5px 10px 5px 5px;
  border:1px solid var(--showcase-line-strong);
  border-radius:8px;
  background:rgba(5,6,10,.88);
  box-shadow:0 14px 38px rgba(0,0,0,.48);
  backdrop-filter:blur(12px);
}
.xp-ring{width:44px!important;height:44px!important}
.xp-ic{
  inset:5px!important;
  border-color:var(--showcase-gold)!important;
  background:rgba(255,212,121,.08)!important;
  box-shadow:none!important;
}
.xp-lab{padding:4px 8px!important;background:transparent!important;backdrop-filter:none!important}
.xp-detail{
  bottom:max(16px,calc(env(safe-area-inset-bottom,0) + 10px))!important;
  border-color:var(--showcase-line-strong)!important;
  border-left:3px solid var(--showcase-gold)!important;
  border-radius:10px!important;
  background:rgba(6,7,11,.96)!important;
}
.xp-go{
  right:max(16px,calc(env(safe-area-inset-right,0) + 10px))!important;
  left:auto!important;
  bottom:max(18px,calc(env(safe-area-inset-bottom,0) + 12px))!important;
  transform:none!important;
  min-height:48px!important;
  border-radius:6px!important;
}

/* 心理拆解：以片场证据图为底，内容压在清晰的双栏工作面上。 */
#analyze{
  isolation:isolate;
  background:
    linear-gradient(rgba(3,4,7,.56),rgba(3,4,7,.72)),
    url("immersive/observation/assets/first-set-observation-v1.png") center/cover no-repeat!important;
}
#game[data-route] #analyze{
  background-image:
    linear-gradient(rgba(3,4,7,.56),rgba(3,4,7,.72)),
    var(--showcase-script-set)!important;
  background-position:center!important;
  background-size:cover!important;
}
.az-top,.az-bot{
  position:relative;
  z-index:2;
  background:rgba(4,5,8,.88)!important;
  backdrop-filter:blur(14px);
}
.az-main{
  position:relative;
  z-index:1;
  width:min(1180px,calc(100% - 8vw));
  min-height:0;
  margin:auto;
  border:1px solid var(--showcase-line);
  background:rgba(5,6,10,.7);
  box-shadow:0 22px 64px rgba(0,0,0,.36);
  backdrop-filter:blur(8px);
}
.az-groups{border-color:var(--showcase-line)!important}
.az-chain{background:rgba(5,6,10,.58)!important}
.az-opt,.az-slot,.az-rchain,.az-unlock{
  border-radius:6px!important;
  background:rgba(8,9,13,.68)!important;
}
.az-res{
  background:
    linear-gradient(rgba(3,4,7,.74),rgba(3,4,7,.82)),
    url("immersive/shoot/assets/continuous-set-v1.png") center/cover no-repeat!important;
}
#game[data-route] .az-res{
  background-image:
    linear-gradient(rgba(3,4,7,.74),rgba(3,4,7,.82)),
    var(--showcase-script-set)!important;
  background-position:center!important;
  background-size:cover!important;
}
#settle{
  background:
    radial-gradient(circle at 50% 30%,rgba(24,22,28,.46),rgba(5,6,10,.96) 72%),
    #08080c!important;
}
.az-card{
  border-color:var(--showcase-line-strong)!important;
  border-radius:10px!important;
  background:rgba(6,7,11,.95)!important;
  box-shadow:0 28px 84px rgba(0,0,0,.64)!important;
}
.az-sub,.az-rbtn{min-height:44px;border-radius:6px!important}

/* 开拍、QTE、来电和关系互动均保留原玩法，只统一场景材质。 */
#clap,#qte{
  background:
    linear-gradient(90deg,rgba(3,4,7,.72),rgba(3,4,7,.26),rgba(3,4,7,.54)),
    url("immersive/shoot/assets/continuous-set-v1.png") center/cover no-repeat!important;
}
#game[data-route] #clap,
#game[data-route] #qte{
  background-image:
    linear-gradient(90deg,rgba(3,4,7,.72),rgba(3,4,7,.26),rgba(3,4,7,.54)),
    var(--showcase-script-set)!important;
  background-position:center!important;
  background-size:cover!important;
}
#qte::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(3,4,7,.46),transparent 28%,rgba(3,4,7,.72));
  pointer-events:none;
}
.qte-wrap{
  position:relative;
  z-index:1;
  border:1px solid var(--showcase-line);
  border-radius:10px;
  background:rgba(6,7,11,.82);
  box-shadow:0 22px 64px rgba(0,0,0,.48);
  backdrop-filter:blur(12px);
}
#call{
  background:
    radial-gradient(circle at 50% 36%,rgba(22,22,31,.5),rgba(5,6,10,.96) 72%),
    #08080c!important;
}
#heart,#beat{
  background:
    radial-gradient(circle at 50% 42%,rgba(22,26,34,.62),rgba(5,6,10,.96) 74%),
    #08080c!important;
}

@media (max-height:430px){
  #map .ov-body{padding:max(48px,calc(env(safe-area-inset-top,0px) + 42px)) max(9vw,calc(env(safe-area-inset-right,0px) + 52px)) max(8px,env(safe-area-inset-bottom,0px)) max(9vw,calc(env(safe-area-inset-left,0px) + 52px))!important}
  #map .mp-k{margin-bottom:1px!important}
  #map .mp-t{font-size:14px!important;margin-bottom:6px!important}
  #map .mp-grid,#map[data-mode="training"] .mp-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:7px!important;align-items:stretch!important}
  #map[data-mode="training"] .mp-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:minmax(0,1fr)!important;align-items:center!important}
  #map .mp-loc,#map[data-mode="training"] .mp-loc{position:relative!important;inset:auto!important;width:auto!important;min-height:0!important;padding:7px 9px!important;overflow:hidden}
  #map .mp-i{font-size:13px!important}
  #map .mp-n{font-size:10px!important}
  #map .mp-s{font-size:7px!important;margin-top:2px!important}
  #map .mp-w{font-size:8px!important;margin-top:4px!important}
  .bp-main{width:min(1180px,calc(100% - 18vw))}
  .az-main{width:min(1180px,calc(100% - 12vw))}
  .xp-tl{top:54px!important;width:258px;padding:9px 11px}
  .xp-title{font-size:16px!important}
  .xp-obj{margin-top:8px!important;gap:5px!important}
  .xp-tr{top:54px!important}
}
@media (max-width:760px),(max-height:365px){
  #hud{gap:5px!important}
  .hgroup{gap:6px!important;padding:4px 7px!important}
  .hgroup .hs:nth-child(n+4){display:none!important}
  .hbtn{padding:3px 7px!important;letter-spacing:1px!important;white-space:nowrap!important}
  .bp-main{width:calc(100% - 16vw)}
  .az-main{width:calc(100% - 10vw)}
  .xp-tl{width:228px}
  .xp-lt,.xp-ol em{display:none}
}

/* 2026-07-31：精简版沉浸玩法视觉收口。 */
.qte-wrap{
  width:100%!important;max-width:none!important;height:100%;
  padding:max(62px,calc(env(safe-area-inset-top,0px) + 46px)) max(7vw,calc(env(safe-area-inset-right,0px) + 24px)) max(28px,calc(env(safe-area-inset-bottom,0px) + 18px)) max(7vw,calc(env(safe-area-inset-left,0px) + 24px))!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;backdrop-filter:none!important;justify-content:center;
  gap:clamp(8px,1.5vh,16px)!important
}
.qte-top{width:min(860px,100%);margin:0 auto;padding:10px 14px;border-left:3px solid var(--showcase-gold);border-bottom:1px solid var(--showcase-line);background:rgba(5,6,10,.72)}
.qte-ti{color:var(--showcase-text)!important}
.qte-dir{min-height:28px;display:flex;align-items:center;border-color:rgba(255,212,121,.56)!important;border-radius:5px!important;color:var(--showcase-gold)!important;background:rgba(255,212,121,.06)}
.qt-stage{width:min(760px,100%)!important;height:min(34vh,250px)!important;min-height:118px;margin:0 auto!important}
.qt-dot{width:48px!important;height:48px!important;border:1px solid var(--showcase-gold)!important;background:rgba(5,6,10,.92)!important;color:var(--showcase-gold)!important;box-shadow:0 0 0 7px rgba(255,212,121,.08)!important}
.qt-ring{border:2px solid var(--showcase-gold)!important;box-shadow:0 0 0 1px rgba(255,212,121,.18)}
.qt-ring.good{border-color:var(--showcase-mint)!important;box-shadow:0 0 0 6px rgba(94,234,212,.1)!important}
.qt-lbl{padding:5px 9px!important;border-left:2px solid var(--showcase-gold);border-radius:0!important;color:var(--showcase-text)!important;background:rgba(5,6,10,.86)!important}
.qte-meterwrap,.qh-bar,.qte-node,.qte-ges,.qte-timer,.qte-hold,.qte-fb{width:min(760px,100%)!important;margin-left:auto!important;margin-right:auto!important}
.qte-meter,.qh-bar{height:18px!important;border-radius:3px!important;background:rgba(5,6,10,.86)!important;box-shadow:inset 0 0 0 1px var(--showcase-line)!important}
.qte-fill,.qh-fill{background:var(--showcase-gold)!important}
.qte-fill.good,.qh-fill.good{background:var(--showcase-mint)!important}
.qte-fill.over,.qh-fill.over{background:var(--showcase-danger)!important}
.qte-node{color:var(--showcase-text)!important}
.qte-node.hot{color:var(--showcase-pink)!important;text-shadow:none!important}
.qte-emo,.qte-ges{color:var(--showcase-text-soft)!important}
.qte-timer{height:3px!important;border-radius:0!important;background:rgba(255,255,255,.08)!important}
.qte-timer>i{background:linear-gradient(90deg,var(--showcase-gold),var(--showcase-pink))!important}
.qte-hold{min-height:48px;padding:13px 18px!important;border:1px solid rgba(255,212,121,.72)!important;border-radius:6px!important;color:#17140e!important;background:var(--showcase-gold)!important;box-shadow:none!important}
.qte-hold.on{transform:translateY(2px)!important;color:var(--showcase-text)!important;background:rgba(255,212,121,.18)!important;box-shadow:inset 0 0 0 1px var(--showcase-gold)!important}
.qt-swipezone{border:1px solid var(--showcase-line-strong)!important;border-radius:0!important;background:rgba(5,6,10,.4)!important}
.qt-swipezone.on{border-color:var(--showcase-mint)!important;background:rgba(94,234,212,.05)!important}
.qt-arrow{color:var(--showcase-gold)!important;text-shadow:none!important}

#variety{
  background:
    linear-gradient(90deg,rgba(3,4,7,.86),rgba(3,4,7,.48),rgba(3,4,7,.82)),
    url("immersive/variety/assets/late-night-variety-studio-v1.png") center/cover no-repeat!important;
}
.vr-wrap{max-width:1180px!important;padding:max(58px,calc(env(safe-area-inset-top,0px) + 44px)) max(7vw,calc(env(safe-area-inset-right,0px) + 22px)) max(24px,calc(env(safe-area-inset-bottom,0px) + 16px)) max(7vw,calc(env(safe-area-inset-left,0px) + 22px))!important}
.vr-top{padding:10px 14px;border-left:3px solid var(--showcase-gold);border-bottom:1px solid var(--showcase-line);background:rgba(5,6,10,.72)}
.vr-mood{margin:10px 0 0!important;padding:9px 14px;border-bottom:1px solid var(--showcase-line);background:rgba(5,6,10,.6)}
.vr-bar,.vr-timer{border-radius:0!important;background:rgba(255,255,255,.08)!important}
.vr-bar i{border-radius:0!important;background:var(--showcase-gold)!important}
.vr-bar i.hot{background:var(--showcase-pink)!important}.vr-bar i.cold{background:var(--showcase-text-faint)!important}
.vr-stage{flex:0 1 auto!important;width:min(760px,100%);margin:auto;padding:clamp(18px,4vh,34px);border-top:1px solid var(--showcase-line-strong);border-bottom:1px solid var(--showcase-line-strong);background:rgba(5,6,10,.78);backdrop-filter:blur(10px)}
.vr-mc{border-radius:3px!important;background:rgba(255,212,121,.08)!important}
.vr-o{min-height:48px;padding:11px 14px!important;border-radius:6px!important;border-color:var(--showcase-line)!important;background:rgba(8,9,13,.84)!important;transform:none!important}
.vr-o:hover{border-color:var(--showcase-gold)!important;background:rgba(255,212,121,.08)!important}
.vr-safe{border-left:3px solid var(--showcase-mint)!important}.vr-gag{border-left:3px solid var(--showcase-pink)!important}.vr-risk{border-left:3px solid var(--showcase-danger)!important;border-style:solid!important}

#heart,#beat{
  background:
    linear-gradient(90deg,rgba(3,4,7,.88),rgba(3,4,7,.5),rgba(3,4,7,.84)),
    var(--showcase-event-bg,var(--showcase-script-set)) center/cover no-repeat!important;
}
.bt-vig{background:linear-gradient(180deg,rgba(3,4,7,.34),rgba(3,4,7,.78))!important}
.bt-sub,.bt-face,.h-sub,.h-face{color:var(--showcase-text)!important;text-shadow:0 1px 6px #000!important}
.bt-tip,.bt-distlab{color:var(--showcase-text-soft)!important}
.bt-timer{background:rgba(255,255,255,.08)!important}.bt-timer>i{background:linear-gradient(90deg,var(--showcase-gold),var(--showcase-pink))!important}
.bt-gauge{width:10px!important;border-radius:2px!important;background:rgba(5,6,10,.78)!important}
.bt-amb>i{background:var(--showcase-pink)!important}.bt-seen>i{background:var(--showcase-gold)!important}.bt-seen .bt-red{background:var(--showcase-mint)!important;box-shadow:none!important}
.bt-stage{border-radius:0!important;border-color:var(--showcase-line)!important;color:var(--showcase-text-faint)!important;background:rgba(5,6,10,.46)}
.bt-dist{border-radius:3px!important;background:rgba(5,6,10,.86)!important}.bt-dist .bt-dot{background:var(--showcase-gold)!important;box-shadow:0 0 0 5px rgba(255,212,121,.1)!important}
.bt-pad{min-height:48px;padding:13px 18px!important;border:1px solid rgba(255,212,121,.72)!important;border-radius:6px!important;color:#17140e!important;background:var(--showcase-gold)!important;box-shadow:none!important}
.bt-pad.on{transform:translateY(2px)!important;color:var(--showcase-text)!important;background:rgba(255,212,121,.16)!important;box-shadow:inset 0 0 0 1px var(--showcase-gold)!important}

#call{
  background:
    radial-gradient(circle at 50% 36%,rgba(22,22,31,.5),rgba(5,6,10,.96) 72%),
    #08080c!important;
}

/* 选择剧本正文使用项目会议室，不改章节纯黑字卡。 */
#game.showcase-script-choice #bg.bg-agency{
  background-image:
    linear-gradient(90deg,rgba(2,3,6,.7),rgba(2,3,6,.18) 56%,rgba(2,3,6,.42)),
    url("immersive/script-choice/assets/agency-script-choice-v1.png")!important;
  background-position:center!important;
  background-size:cover!important;
}
#game.showcase-script-choice #works.ov{
  background:
    linear-gradient(90deg,rgba(3,4,7,.8),rgba(3,4,7,.42),rgba(3,4,7,.72)),
    url("immersive/script-choice/assets/agency-script-choice-v1.png") center/cover no-repeat!important;
}
#game.showcase-script-choice .wk-go{min-height:44px!important;padding:10px 12px!important}
.cl-label{margin-bottom:24px!important;color:var(--showcase-text-faint)!important}
.cl-av{border:1px solid var(--showcase-line-strong);background:rgba(5,6,10,.9)!important;color:var(--showcase-text)!important;box-shadow:0 18px 46px rgba(0,0,0,.55)!important}
.cl-name{font-size:clamp(22px,3vw,32px)!important}.cl-role{color:var(--showcase-text-soft)!important}.cl-btns{margin-top:42px!important}

.mi-card{border-color:var(--showcase-line-strong)!important;border-radius:0!important;background:rgba(6,7,11,.96)!important;box-shadow:0 28px 84px rgba(0,0,0,.62)!important}
.mi-art{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(5,6,10,.96))!important}
.mi-lead,.mi-tag,.mi-go{border-radius:6px!important}.mi-tag{background:rgba(255,255,255,.02)}

@media (max-height:430px){
  .qte-wrap{padding-top:max(48px,calc(env(safe-area-inset-top,0px) + 38px))!important;padding-bottom:max(10px,env(safe-area-inset-bottom,0px))!important;gap:5px!important}
  .qte-top{padding:6px 10px}.qt-stage{height:118px!important}.qte-hold{min-height:44px;padding:9px 14px!important}
  .vr-wrap{padding-top:max(48px,calc(env(safe-area-inset-top,0px) + 38px))!important;padding-bottom:max(8px,env(safe-area-inset-bottom,0px))!important}
  .vr-top,.vr-mood{padding:6px 10px}.vr-stage{padding:10px 14px;gap:7px!important}.vr-o{min-height:44px;padding:8px 11px!important}
  .cl-label{margin-bottom:12px!important}.cl-avwrap{width:88px!important;height:88px!important;margin-bottom:10px!important}.cl-av,.cl-ring{width:76px!important;height:76px!important}.cl-btns{margin-top:18px!important}
  #explore .xp-hot:first-child{left:max(36%,280px)!important;top:68%!important}
}