.usecases-section{

padding:110px 20px;

background:linear-gradient(135deg,#56B8B8 0%,#419e9e 60%,#2d8686 100%);

font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;

color:white;

}

/* 容器 */

.usecases-container{

max-width:1250px;

margin:auto;

text-align:center;

}

/* 标题 */

.usecases-title{

font-size:48px;

font-weight:800;

margin-bottom:10px;

}

/* 副标题 */

.usecases-subtitle{

font-size:18px;

color:#9fb0c7;

margin-bottom:70px;

}

/* 卡片布局 */

.usecases-grid{

display:grid;

grid-template-columns:repeat(5,1fr);

gap:26px;

}

/* 卡片 */

.usecase-card{

background:rgba(255,255,255,0.04);

border:1px solid rgba(255,255,255,0.12);

border-radius:18px;

padding:30px;

text-align:left;

transition:all .25s ease;

}

/* hover */

.usecase-card:hover{

transform:translateY(-6px);

background:rgba(255,255,255,0.08);

border-color:rgba(255,255,255,0.25);

}

/* icon */

.usecase-icon{

font-size:32px;

color:#7c8cff;

margin-bottom:20px;

}

/* 标题 */

.usecase-card h3{

font-size:20px;

margin-bottom:10px;

}

/* 文案 */

.usecase-card p{

font-size:16px;

color:#9fb0c7;

line-height:1.6;

}


/* 移动端 */

@media(max-width:1100px){

.usecases-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:700px){

.usecases-grid{

grid-template-columns:1fr;

}

.usecases-title{

font-size:34px;

}

}