/* ══════════════════════════════════════════════════════════════
   mobile-fix.css —— 手机端通用修补（所有页面 + 外壳统一引入）
   1. 长按不弹系统菜单、不拖出图片
   2. 禁止橡皮筋/回弹滚动穿透
   3. 100dvh 兜底（iOS 15.4 以下）
   4. 触控目标最小 44px
   5. 低端机降级：毛玻璃失效时用半透明纯色
   6. 输入框/可保存图片保留文本选择与长按
   ══════════════════════════════════════════════════════════════ */

/* 1. 触摸行为 */
html,body{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  user-select:none;
  overscroll-behavior:none;
  touch-action:manipulation;          /* 去掉双击缩放等待，点击响应更快 */
}
*{-webkit-tap-highlight-color:transparent}
img{-webkit-user-drag:none;user-drag:none}

/* 保留可输入 / 可长按保存的区域 */
input,textarea,select,[contenteditable],
#saveImgLayer img,.sil-tip,
.write-input,.epi-textarea,#writeInput{
  -webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default;
}

/* 2. 高度兜底：dvh 不支持的旧内核回落到 vh */
.stage,.page,.page-cover,#page2.page,.stage > section{
  height:100vh;
  height:100dvh;
}

/* 3. 右侧翻页点阵：视觉仍 6px，热区放大到 44px（手指点得中） */
.dots i{position:relative}
.dots i::before{
  content:'';position:absolute;left:50%;top:50%;
  width:44px;height:44px;margin:-22px 0 0 -22px;
}

/* 4. 毛玻璃降级：不支持 backdrop-filter 的内核（旧安卓/X5）改半透明纯色 */
@supports not ((backdrop-filter:blur(4px)) or (-webkit-backdrop-filter:blur(4px))){
  #p8.doneg .p8-base{background:rgba(248,240,224,.94)}
  .pop,.vpop,.share-overlay{backdrop-filter:none;-webkit-backdrop-filter:none}
}

/* 5. 小屏（<360px 宽）字号与留白兜底，避免文字挤压 */
@media (max-width:359px){
  html{font-size:15px}
}

/* 6. 横屏：整页居中留边，不做拉伸 */
@media (orientation:landscape) and (max-height:500px){
  body{background:#211a12}
}

/* 7. 关键小控件热区补足（视觉不变，手指更好点） */
#page .anchor{width:44px;height:44px}
.infoCard .arrow{position:relative}
.infoCard .arrow::after{content:'';position:absolute;inset:-9px}
#p8Plq{touch-action:manipulation}
/* 8. 兜底：任何可点元素给出指针手势（iOS 上更稳定地产生 click） */
[data-noswipe],.p4-hot,.frame,#p11Anchor,.anchor,.infoCard,.tab,.share-action{cursor:pointer}