/* ==================== 全局重置与基础排版 ==================== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    width: 100%;
    min-height: 100vh;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    
    /* 这里是恢复后的原版渐变背景 */
    background: linear-gradient(135deg, #5ec8ff 0%, #93d8ff 20%, #b9d6e6 45%, #f0a882 70%, #ff5b32 100%);
    background-attachment: fixed;
    background-size: cover;
    
    touch-action: pan-y;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-touch-callout: none;
}

body {
    padding: 16px 0 20px;
    font-size: 16px;
    color: #222;
}

/* ==================== 主容器布局 ==================== */
#app {
    width: 100%;
    max-width: 880px;
    margin: 0 auto;
    padding: 0 10px;
    position: relative;
}

/* ==================== 响应式适配 (移动端) ==================== */
@media (max-width: 600px) {
    #app {
        width: 100%;
        margin: 0 auto;
        border-radius: 0px;
        padding: 0 10px;
    }
    
    body {
        padding: 10px 0 15px;
    }
}