*{margin:0;padding:0;box-sizing:border-box;}
html,body{
  width:100%;height:100%;
  background:#0a0a12;
  font-family:'Ma Shan Zheng','STKaiti','KaiTi',serif;
  color:#e8d5a3;
  overflow:hidden;
  -webkit-tap-highlight-color:transparent;
}
#app{
  width:100%;height:100%;
  max-width:500px;
  margin:0 auto;
  display:flex;flex-direction:column;
  position:relative;
  overflow:hidden;
  padding-top:env(safe-area-inset-top);
  padding-bottom:env(safe-area-inset-bottom);
}
@media(min-width:501px){
  #app{
    border-left:1px solid rgba(212,175,55,0.15);
    border-right:1px solid rgba(212,175,55,0.15);
  }
}
/* ── 背景图层 ── */
#sceneBg{
  position:absolute;top:0;left:0;right:0;bottom:0;
  z-index:0;overflow:hidden;
  pointer-events:none;
}
.scene-bg-img{
  width:100%;height:100%;
  object-fit:cover;
  opacity:.35;
  display:block;
}

#sceneBg::after{
  content:'';
  position:absolute;top:0;left:0;right:0;bottom:0;
  background:radial-gradient(ellipse at 30% 20%,rgba(212,175,55,0.04) 0%,transparent 60%);
  pointer-events:none;
}