/* CSS 变量和基础样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif;
    background: linear-gradient(180deg, #E5E1F0 0%, #F0EEF7 20%, #FAFAFA 50%, #FFFFFF 80%);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.app-container {
    max-width: 100%; /* 改为100%自适应 */
    width: 100%;
    margin: 0 auto;
    min-height: 100vh;
    position: relative;
    background: linear-gradient(180deg, #E5E1F0 0%, #F0EEF7 15%, #F8F7FB 35%, #FEFEFE 60%);
    overflow-y: auto;
    overflow-x: hidden;
}

/* Home indicator - 精致版 */
.home-indicator {
    position: fixed;
    bottom: 4px;
    left: 50%;
    transform: translateX(-50%);
    width: 125px;
    height: 3.5px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 2px;
    opacity: 1;
}

/* 55寸触摸屏适配 - 1024px及以上使用全屏 (支持竖屏1080px) */
@media screen and (min-width: 1024px) {
    .app-container {
        max-width: 100%;
        width: 100%;
        margin: 0;
    }
    
    .bottom-nav-container, .input-bar {
        max-width: 100%;
        width: 100%;
    }
    
    .smart-mode-menu {
        max-width: calc(100% - 64px);
    }
    
    .home-indicator {
        width: 180px;
        height: 5px;
        bottom: 8px;
    }
}