/* 基础样式重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
}

html {
    font-size: 100px;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    min-height: 100vh;
    padding: 0.2rem;
    position: relative;
    overflow-x: hidden;
}

/* 响应式字体大小 */
@media screen and (max-width: 321px) {
    body {
        font-size: 16px;
    }
    footer, header {
        font-size: 16px;
    }
}

@media screen and (min-width: 321px) and (max-width: 400px) {
    body {
        font-size: 17px;
    }
    footer, header {
        font-size: 17px;
    }
}

@media screen and (min-width: 400px) {
    body {
        font-size: 19px;
    }
    footer, header {
        font-size: 19px;
    }
}

/* 平滑滚动 */
html {
    scroll-behavior: smooth;
}

/* 选择文本样式 */
::selection {
    background-color: rgba(102, 126, 234, 0.3);
    color: #fff;
}