/* 手机、iPad 只用横屏（2026-10-04 用户要求"默认横屏、不要支持竖屏"）：网页没法强制转屏（iPhone 的 Safari 不给锁方向），
   触屏设备竖着拿时整页盖一层"请横过来"。只认触屏（hover:none + pointer:coarse），电脑窗口再窄也不受影响。
   练习室 nocturne_left_hand/public/style.css 末尾有同样一段。 */
@media (orientation:portrait) and (hover:none) and (pointer:coarse){
  html,body{overflow:hidden!important}
  body>*{visibility:hidden!important}
  body::before,body::after{visibility:visible;position:fixed;left:0;right:0;z-index:2147483647;text-align:center;pointer-events:none}
  body::before{content:"";top:0;bottom:0;background:#10100f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='none' stroke='%23e4bb79' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='30' y='14' width='36' height='60' rx='6' opacity='.45'/%3E%3Crect x='18' y='36' width='60' height='36' rx='6'/%3E%3Cpath d='M70 20a22 22 0 0 1 8 14l3-4m-3 4-4-3'/%3E%3C/svg%3E") center calc(50% - 46px)/110px no-repeat}
  body::after{content:"请把屏幕横过来\A练琴只支持横屏";white-space:pre;top:calc(50% + 34px);color:#eee;font:600 20px/1.7 system-ui,"PingFang SC","Microsoft YaHei",sans-serif}
}