/* 全局样式 */

* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}


body {

    font-family:
    "Microsoft YaHei",
    Arial,
    sans-serif;

    background: #f2f5f8;

    color: #333;

}



/* 顶部区域 */

header {

    text-align: center;

    background:
    linear-gradient(
        135deg,
        #4facfe,
        #00f2fe
    );

    color:white;

    padding:40px 20px;

}



.avatar img {

    width:150px;

    height:150px;

    border-radius:50%;

    border:5px solid white;

}



header h1 {

    margin-top:20px;

    font-size:36px;

}



header p {

    margin-top:10px;

    font-size:18px;

}



/* 内容区域 */


main {

    width:80%;

    max-width:900px;

    margin:30px auto;

}



section {

    background:white;

    padding:25px;

    margin-bottom:20px;

    border-radius:15px;

    box-shadow:
    0 5px 15px rgba(0,0,0,0.1);

}



h2 {

    color:#4facfe;

    margin-bottom:15px;

}



p {

    line-height:1.8;

}



ul {

    list-style:none;

}



li {

    padding:8px 0;

}



/* 技能标签 */


.skills span {


    display:inline-block;

    background:#4facfe;

    color:white;

    padding:8px 15px;

    border-radius:20px;

    margin:5px;


}



/* 按钮 */


button {


    display:block;

    margin:30px auto;

    padding:12px 30px;

    border:none;

    border-radius:30px;

    background:#4facfe;

    color:white;

    font-size:16px;

    cursor:pointer;


}



button:hover {


    background:#008cff;


}



/* 页脚 */


footer {


    text-align:center;

    background:#333;

    color:white;

    padding:20px;

}



/* 手机适配 */


@media(max-width:600px){


    main{

        width:90%;

    }


    header h1{

        font-size:28px;

    }


}