/* 复刻引擎样式：开始遮罩 / 音乐按钮 / 翻页辅助 */
html,body{margin:0;padding:0;height:100%;background:#000;overflow:hidden;
  -webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
#app,#index{width:100%;height:100%}
#index{position:relative}

/* —— 音乐按钮（替代原 iconfont 图标）—— */
#audio{position:fixed;right:.3rem;top:.3rem;z-index:99;width:1rem;height:1rem}
#audio .audio{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 .08rem rgba(0,0,0,.15);cursor:pointer}
#audio .icon-yinle{font-style:normal;font-size:.5rem;color:#fff;line-height:1}
#audio.playing .audio{animation:disc-spin 6s linear infinite}
@keyframes disc-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}

/* —— 开始遮罩：首次点击后播放音乐并开始翻页 —— */
#start-mask{position:fixed;inset:0;z-index:200;background:#9d261e;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:.6rem;transition:opacity .6s ease}
#start-mask.hide{opacity:0;pointer-events:none}
#start-mask .ring{width:1.8rem;height:1.8rem;border-radius:50%;border:.04rem solid rgba(255,255,255,.9);
  display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#fff;
  animation:breath 1.6s ease-in-out infinite}
#start-mask .txt{color:#fff;font-size:.42rem;letter-spacing:.12em;font-family:'ChillHuoFangSong_1','ChillHuoFangSong_2',serif}
@keyframes breath{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.12);opacity:1}}

/* —— 翻页提示箭头（首次进入时轻微引导）—— */
#swipe-hint{position:fixed;left:50%;bottom:.5rem;transform:translateX(-50%);z-index:98;color:#fff;
  font-size:.32rem;opacity:.85;animation:hint-float 1.4s ease-in-out infinite;pointer-events:none;
  text-shadow:0 0 4px rgba(0,0,0,.4)}
@keyframes hint-float{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-.18rem)}}