/* 响应式设计 */
@media screen and (max-width: 768px) {
    /* 在小屏幕上的样式 */
    header {
        text-align: center;
    }
    h1 {
        font-size: 24px;
    }
    p {
        font-size: 16px;
    }
    ul {
        font-size: 16px;
    }
}

/* 在平板上的样式（可根据需要自定义） */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    /* 在平板上的样式 */
}

/* 在大屏幕上的样式（可根据需要自定义） */
@media screen and (min-width: 1025px) {
    /* 在大屏幕上的样式 */
}