/* =======================================
   V75
   iOS顶部米白 → 互动场景无缝融合
======================================= */

/*
  顶部继续使用全站统一米白。
  不去强制覆盖iOS系统状态栏。
*/
html,
body,
.app-shell{
  background:#F1F0EB;
}


/* 互动场景保持正常全屏 */
.page-play{
  padding:0 !important;
  background:#F1F0EB !important;
}

.page-play #playStage{
  position:absolute;
  inset:0;
  overflow:hidden;

  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
}


/*
  核心：
  从状态栏米白向场景背景渐隐。
*/
.page-play #playStage::before{
  content:"";

  position:absolute;
  z-index:4;

  left:0;
  right:0;
  top:0;

  height:
    calc(
      env(safe-area-inset-top)
      + 145px
    );

  pointer-events:none;

  background:
    linear-gradient(
      to bottom,

      #F1F0EB 0%,

      rgba(241,240,235,.98) 18%,

      rgba(241,240,235,.92) 34%,

      rgba(241,240,235,.78) 50%,

      rgba(241,240,235,.58) 65%,

      rgba(241,240,235,.36) 78%,

      rgba(241,240,235,.17) 90%,

      rgba(241,240,235,0) 100%
    );
}


/*
  原本顶部有一点深色遮罩，
  V75降低它的存在感，
  防止米白渐变和黑色遮罩打架。
*/
.page-play #playStage::after{
  background:
    linear-gradient(
      to bottom,

      rgba(9,28,21,.03) 0%,

      transparent 28%,

      rgba(7,28,20,.08) 66%,

      rgba(7,24,18,.38) 100%
    ) !important;
}


/*
  顶部HUD继续浮在渐变上方
*/
.page-play .play-v71-hud{
  z-index:18 !important;
}

.page-play .play-v71-name{
  z-index:18 !important;
}


/*
  让顶部玻璃按钮在米白/场景交界处
  更轻、更协调
*/
.page-play .play-v71-left .play-status span,
.page-play .play-v71-right .glass-btn,
.page-play .play-v71-right .scene-btn{

  background:
    rgba(40,62,51,.42) !important;

  border-color:
    rgba(255,255,255,.32) !important;

  box-shadow:
    0 7px 18px
    rgba(25,38,31,.10) !important;
}


/*
  名字胶囊也和米白融合
*/
.page-play .play-v71-name .glass-title{

  background:
    rgba(250,248,243,.82) !important;

  color:
    #33473D !important;

  border-color:
    rgba(255,255,255,.88) !important;
}


/* 矮屏稍微缩短渐变 */
@media(max-height:760px){

  .page-play #playStage::before{

    height:
      calc(
        env(safe-area-inset-top)
        + 115px
      );

  }

}