:root{
    --primary:#005ce6;
    --text:#000;          /* 黑色文字 */
    --bg:#fff;
}
*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;color:var(--text);}
body{background:var(--bg);line-height:1.6;}
.container{max-width:1100px;margin:0 auto;padding:0 20px;}
a{color:var(--primary);}
ul{list-style:none;}
img{max-width:100%;display:block;}

.header-flex{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid #ddd;}
.logo{font-size:22px;font-weight:600;}
nav ul{display:flex;gap:20px;flex-wrap:wrap;}

.hero{text-align:center;padding:120px 20px;background:url('../img/banner.jpg') center/cover;color:#000;}
.hero h2{font-size:38px;margin-bottom:15px;}
.btn{background:var(--primary);color:#fff;padding:12px 30px;border-radius:4px;display:inline-block;margin-top:15px;}

.features{padding:80px 0;background:#fff;}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;}
.page-banner{background:#f2f6ff;padding:70px 20px;text-align:center;}
.page-banner h2{font-size:32px;}
/* 1. 让 profile 保持居中，但内部文字整体再缩 20 px */
.profile{
    max-width:1100px;
    margin:0 auto;
    padding:60px 20px;   /* 整体左右 20 px */
}

/* 2. 恢复列表符号，并再往里缩一点 */
.profile ul,
.profile ol{
    list-style: disc;
    padding-left: 40px;      /* 20+20，正好与外层留白相加为 40 px */
    margin: 0 0 1em 0;
}

/* 3. 标题、段落不用再额外加 padding，否则会再往外顶 */
.profile h4,
.profile p{
    margin-left: 0;
    margin-right: 0;
}
.avatar{width:200px;border-radius:50%;margin:20px auto;display:block;}

footer{background:#111;color:#fff;text-align:center;padding:20px 0;margin-top:60px;}