/* 手机竖屏专用：强制横屏满屏显示 */
body, html {
    width: 100vh !important;
    height: 100vw !important;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg); /* 兼容 Android/iOS */
    transform-origin: center center;
    -webkit-transform-origin: center center;
    position: fixed;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    -webkit-translate: -50% -50%;
    overflow: hidden;
    min-width: 100% !important;
    min-height: 100% !important;
    background: #000;
}

/* 内容层正向满屏 */
#app-stage {
    width: 100vh !important;
    height: 100vw !important;
    transform: none !important;
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100% !important;
    min-height: 100% !important;
    overflow: hidden;
}

/* 修复交互和布局 */
.hotspot, .book-spine, .sun-btn, #book-trigger-btn, .btn-ui {
    pointer-events: auto !important;
    transform: scale(0.95) !important; /* 微调大小，避免挤压 */
}

/* 书架优化 */
.shelf-container {
    grid-template-columns: repeat(auto-fill, minmax(60px, 1fr)) !important;
    padding: 15px !important;
}

/* 背景/视频满屏 */
.bg-video, .scene, #entry-layer {
    object-fit: cover !important;
    background-size: cover !important;
    width: 100% !important;
    height: 100% !important;
}