/* 首屏高度优化：只调整底部画布高度，保持原有内容格式不变 */

/* 🎯 核心策略：仅限制首屏整体高度，不改变内部元素的原有布局 */

/* 首屏容器高度限制 - 只设置最大高度，保持内容自然流动 */
#lvFuYhxX {
    max-height: 100vh !important;
    overflow: hidden !important;
    /* 移除所有flex布局修改，保持原有布局 */
}

/* 减少首屏底部多余空白 - 这是关键调整 */
#lvFuYhxX .layout-body-f0b12 {
    padding-bottom: 2vh !important; /* 只减少底部内边距 */
}

/* 只移除过度的margin间距，不改变元素本身 */
#kDYKaAXO .layout_row-margin_bottom-b3e51 {
    height: 2vh !important; /* 减少手机展示区域底部间距 */
}

#blVhhzUh .layout_row-margin_bottom-b3e51 {
    height: 1vh !important; /* 减少App Store区域底部间距 */
}

#jhVzzpCT .layout_row-margin_bottom-b3e51 {
    height: 1vh !important; /* 减少主标题区域底部间距 */
}

/* 移动端适配 - 保持最小化调整 */
@media (max-width: 768px) {
    #lvFuYhxX {
        max-height: 100vh !important;
    }
    
    /* 移动端减少底部间距 */
    #lvFuYhxX .layout-body-f0b12 {
        padding-bottom: 1vh !important;
    }
}

/* 小屏幕设备优化 */
@media (max-height: 600px) {
    #lvFuYhxX .layout-body-f0b12 {
        padding-bottom: 0.5vh !important;
    }
    
    #kDYKaAXO .layout_row-margin_bottom-b3e51 {
        height: 1vh !important;
    }
}
