*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui, sans-serif;}
body{
    background:#F7F8FA;
    color:#333;
    line-height:1.8;
}
header{
    background:#7e22ce;
    color:#fff;
    padding:1.6rem 5%;
    box-shadow:0 2px 8px rgba(0,0,0,0.08);
    position:sticky;
    top:0;
    z-index:99;
}
.container{max-width:1200px;margin:0 auto;padding:0 5%;}
nav{display:flex;justify-content:space-between;align-items:center;}
.logo{font-size:25px;font-weight:700;letter-spacing:1px;}
.nav-links a{
    color:#f3e8ff;
    margin-left:2rem;
    text-decoration:none;
    font-size:15px;
    transition:0.2s ease;
}
.nav-links a.active{
    color:#fff;
    font-weight:bold;
    border-bottom:2px solid #fff;
    padding-bottom:4px;
}
.nav-links a:hover{color:#fff;}

/* 首屏横幅：纯白干净，轻微阴影区分区块 */
.banner{
    background:#ffffff;
    padding:6rem 0;
    text-align:center;
}
.banner h1{
    font-size:38px;
    color:#4a148c;
    margin-bottom:1rem;
}
.banner p{
    font-size:17px;
    color:#555;
    max-width:850px;
    margin:0 auto;
}

section{padding:5rem 0;}
/* 内容区块：纯白卡片区域，区分页面模块 */
section.bg-block{
    background:#ffffff;
    margin:2rem 0;
    border-radius:16px;
    box-shadow:0 2px 12px rgba(0,0,0,0.04);
}
h2{
    font-size:27px;
    color:#222;
    text-align:center;
    margin-bottom:3rem;
    position:relative;
}
h2::after{
    content:"";
    width:60px;
    height:3px;
    background:#7e22ce;
    display:block;
    margin:12px auto 0;
    border-radius:3px;
}
.grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:2rem;
}
/* 纯白卡片，细微阴影，高级不刺眼 */
.card{
    background:#ffffff;
    padding:2rem;
    border-radius:14px;
    box-shadow:0 3px 16px rgba(0,0,0,0.06);
    transition:0.3s ease;
    border:1px solid #f0f0f0;
}
.card:hover{
    transform:translateY(-4px);
    box-shadow:0 6px 24px rgba(0,0,0,0.08);
}
.card h3{color:#7e22ce;margin-bottom:1rem;}
.text-desc{
    max-width:920px;
    margin:0 auto;
    text-align:center;
    color:#444;
    font-size:16px;
    line-height:2;
}
footer{
    background:#4a148c;
    color:#eee;
    padding:3rem 5%;
    text-align:center;
    margin-top:3rem;
}
/* 表单简约样式 */
.form-box{
    max-width:600px;
    margin:0 auto;
    background:#fff;
    padding:3rem;
    border-radius:16px;
    box-shadow:0 3px 16px rgba(0,0,0,0.06);
}
.form-item{margin-bottom:1.5rem;}
.form-item label{display:block;margin-bottom:0.5rem;font-weight:500;color:#333;}
.form-item input,.form-item textarea{
    width:100%;
    padding:0.9rem;
    border:1px solid #e0e0e0;
    border-radius:8px;
    outline:none;
    transition:0.2s;
}
.form-item input:focus,.form-item textarea:focus{
    border-color:#7e22ce;
    box-shadow:0 0 0 3px rgba(126,34,206,0.08);
}
.btn{
    background:#7e22ce;
    color:#fff;
    border:none;
    padding:1rem 2.4rem;
    border-radius:8px;
    cursor:pointer;
    font-size:16px;
    transition:0.3s;
}
.btn:hover{
    opacity:0.92;
    box-shadow:0 4px 14px rgba(126,34,206,0.15);
}