.about-hero{
padding:100px 0;
margin-top: 80px;
background:
linear-gradient(
135deg,
#4F46E5,
#2563EB
);

color:white;

}



.about-hero h1{

font-size:52px;

font-weight:800;

line-height:1.3;

}



.about-hero p{

font-size:19px;

line-height:2;

opacity:.9;

}



.about-btn{

display:inline-block;

margin-top:30px;

padding:15px 40px;

background:white;

color:#4F46E5;

border-radius:12px;

font-weight:700;

}



.hero-box{

background:white;

padding:35px;

border-radius:24px;

color:#222;

box-shadow:
0 20px 50px rgba(0,0,0,.15);

}



.hero-box h3{

font-size:26px;

font-weight:700;

}


.hero-box li{

padding:12px 0;

border-bottom:1px solid #eee;

}


/* ===============================
   公共标题
================================ */


.section-tag{

    display:inline-block;

    padding:6px 18px;

    background:#eef2ff;

    color:#4f46e5;

    border-radius:30px;

    font-size:14px;

    margin-bottom:20px;

}


.section-title{

    font-size:38px;

    font-weight:800;

    color:#111827;

    margin-bottom:20px;

}



.section-text{

    color:#6b7280;

    font-size:17px;

    line-height:1.9;

}



/* ===============================
 关于我们
================================ */


.about-info-box{

    background:#f8fafc;

    padding:40px;

    border-radius:24px;

}



.info-item{

    display:flex;

    gap:20px;

    margin-bottom:30px;

}



.info-number{

    width:50px;

    height:50px;

    flex-shrink:0;

    background:#4f46e5;

    color:white;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-weight:700;

}



.info-item h4{

    font-size:22px;

    font-weight:700;

    margin-bottom:10px;

}


.info-item p{

    color:#6b7280;

    line-height:1.8;

}





/* ===============================
 使命卡片
================================ */


.mission-card{

    background:white;

    padding:35px;

    border-radius:20px;

    text-align:center;

    height:100%;

    box-shadow:

    0 10px 30px rgba(0,0,0,.05);

    transition:.3s;

}



.mission-card:hover{

    transform:translateY(-8px);

}



.mission-icon{

    font-size:45px;

    margin-bottom:20px;

}



.mission-card h3{

    font-size:24px;

    font-weight:700;

}



.mission-card p{

    color:#666;

    line-height:1.8;

}






/* ===============================
 核心业务
================================ */


.business-card{

    background:white;

    border-radius:20px;

    padding:30px;

    height:100%;

    border:1px solid #eee;

    transition:.3s;

}



.business-card:hover{

    transform:translateY(-8px);

    box-shadow:

    0 20px 40px rgba(0,0,0,.08);

}



.business-icon{

    font-size:42px;

    margin-bottom:20px;

}



.business-card h3{

    font-size:22px;

    font-weight:700;

}



.business-card p{

    color:#666;

    line-height:1.8;

    min-height:120px;

}



.business-card a{

    color:#4f46e5;

    font-weight:600;

}





/* ===============================
 平台优势
================================ */


.advantage-card{

    background:white;

    padding:35px;

    border-radius:20px;

    height:100%;

    transition:.3s;

}



.advantage-card:hover{

    transform:translateY(-6px);

    box-shadow:

    0 15px 35px rgba(0,0,0,.08);

}



.advantage-icon{

    font-size:45px;

    margin-bottom:20px;

}



.advantage-card h3{

    font-size:23px;

    font-weight:700;

}



.advantage-card p{

    color:#666;

    line-height:1.8;

}





/* ===============================
 用户卡片
================================ */


.user-card{

    background:#fff;

    padding:35px;

    border-radius:20px;

    text-align:center;

    height:100%;

    border:1px solid #eee;

}



.user-icon{

    font-size:45px;

    margin-bottom:20px;

}



.user-card h3{

    font-size:22px;

    font-weight:700;

}



.user-card p{

    color:#666;

    line-height:1.8;

}





/* ===============================
 创作者生态
================================ */


.creator-box{

    background:

    linear-gradient(
    135deg,
    #eef2ff,
    #ffffff
    );

    padding:60px;

    border-radius:30px;

}



.creator-box h2{

    font-size:38px;

    font-weight:800;

}



.creator-box p{

    color:#666;

    line-height:1.9;

    font-size:17px;

}



.creator-stat{

    background:white;

    padding:35px;

    border-radius:20px;

}



.creator-stat div{

    text-align:center;

    padding:20px;

}



.creator-stat strong{

    display:block;

    font-size:40px;

    color:#4f46e5;

}



.creator-stat span{

    color:#666;

}






/* ===============================
 SEO正文
================================ */


.seo-article{

    max-width:1200px;

    margin:auto;

}



.seo-article h2{

    font-size:30px;

    font-weight:800;

    margin-top:40px;

    margin-bottom:20px;

}



.seo-article p{

    font-size:17px;

    line-height:2;

    color:#4b5563;

}



.seo-article li{

    margin-bottom:15px;

    color:#555;

}





/* ===============================
 FAQ
================================ */


.faq-box{

    max-width:1200px;

    margin:auto;

}



.faq-box h3{

    font-size:22px;

    font-weight:700;

    margin-top:30px;
	margin-bottom: 30px;

}



.faq-box p{

    color:#666;

    line-height:1.9;

    background:white;

    padding:20px;

    border-radius:12px;

}






/* ===============================
 联系我们
================================ */


.contact-box{

    background:

    linear-gradient(
    135deg,
    #4f46e5,
    #2563eb
    );

    color:white;

    padding:60px;

    border-radius:30px;

}



.contact-box h2{

    font-size:38px;

    font-weight:800;

}



.contact-box p{

    font-size:17px;

    line-height:2;

}



.contact-info{

    margin-top:30px;

}





/* ===============================
 移动端
================================ */


@media(max-width:768px){


.about-hero h1{

    font-size:36px;

}



.section-title{

    font-size:30px;

}



.creator-box{

    padding:30px;

}



.creator-box h2{

    font-size:30px;

}



.contact-box{

    padding:35px 20px;

}


}