@media (max-width: 768px), (hover: none) {
    /* 1. 大面积页面去掉毛玻璃，用高不透明度背景替代防止底色渗透 */
    .page,
    .settings-content,
    .settings-group,
    .bento-card,
    .widget,
    .char-card,
    .chat-list-item,
    .chat-item,
    [class*="glass"] {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background: rgba(250, 245, 248, 0.98) !important;
    }

    body.dark-mode .page,
    body.dark-mode .settings-content,
    body.dark-mode .settings-group,
    body.dark-mode .bento-card,
    body.dark-mode .widget {
        background: rgba(20, 20, 25, 0.98) !important;
    }

    /* 2. 小面积UI保留毛玻璃但降低模糊半径 */
    .app-header,
    .chat-input-container,
    .taro-dock-container,
    .dock,
    .modal-content {
        backdrop-filter: blur(10px) saturate(150%) !important;
        -webkit-backdrop-filter: blur(10px) saturate(150%) !important;
        background: rgba(255, 255, 255, 0.75) !important;
    }

    body.dark-mode .app-header,
    body.dark-mode .chat-input-container,
    body.dark-mode .taro-dock-container,
    body.dark-mode .dock,
    body.dark-mode .modal-content {
        background: rgba(20, 20, 25, 0.75) !important;
    }

    /* 3. 缩短过渡动画 */
    .app-icon,
    .grid-item,
    .control-item,
    .list-item {
        transition-duration: 0.15s !important;
    }

    #glimmer-splash {
        animation-duration: 1s !important;
    }
}

/* 滚动优化 */
.chat-messages,
.page,
.settings-content,
.wb-list-body,
.wb-hanging-area,
[class*="scroll"] {
    -webkit-overflow-scrolling: touch;
}

.chat-messages,
.page,
.wb-list-body,
.wb-hanging-area {
    touch-action: pan-y;
    overscroll-behavior-y: contain;
}

.page-container {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

/* 万象界面移动端滚动修复 */
@media (max-width: 768px), (hover: none) {
    #worldbook .wb-list-layer {
        /* 强制启用硬件加速 */
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        will-change: transform;
    }
    
    #worldbook .wb-list-body {
        /* 强制启用触摸滚动 */
        -webkit-overflow-scrolling: touch !important;
        overflow-y: auto !important;
        touch-action: pan-y !important;
        /* 确保有足够的最小高度可以滚动 */
        min-height: 200px;
        /* 移除可能阻止滚动的属性 */
        overscroll-behavior: auto;
    }
    
    #worldbook .wb-entry-item {
        /* 移除条目上的毛玻璃，提升性能 */
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
    
    /* 图片面板滚动优化 */
    .image-panel .panel-body {
        -webkit-overflow-scrolling: touch !important;
        overflow-y: auto !important;
        touch-action: pan-y !important;
    }
}

/* 触摸优化 */
a, button, input, select, textarea,
[onclick], [data-action], .app-icon, .chat-item {
    touch-action: manipulation;
}

/* 确保弹出面板可以正常交互 */
.image-panel,
.pay-modal-overlay,
.redpacket-modal,
.clean-drawer {
    touch-action: auto !important;
}

* {
    -webkit-tap-highlight-color: transparent;
}

body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeSpeed;
    overscroll-behavior-y: contain;
}

/* iOS安全区域适配 */
html {
    height: -webkit-fill-available;
}

body {
    min-height: -webkit-fill-available;
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}

.app-header,
.phone-header,
[class*="header"] {
    padding-top: calc(env(safe-area-inset-top) + 8px) !important;
}

.chat-input-container,
.dock,
.taro-dock-container {
    padding-bottom: calc(env(safe-area-inset-bottom) + 4px) !important;
}