/* --- 极致紧凑、教育/SaaS 高保真版式 --- */
.uee-solution-section {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
background-color: #ffffff;
padding: 60px 5%;
color: #111827;
text-align: center;
}
.uee-container {
max-width: 1100px;
margin: 0 auto;
}
/* 1. 顶部标签 */
.uee-badge {
display: inline-block;
background-color: #fff7ed;
color: #FF7D2A;
padding: 6px 14px;
border-radius: 6px;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 25px;
}
/* 2. 主标题：极致紧缩行距 */
.uee-headline {
font-size: clamp(32px, 5vw, 56px);
font-weight: 800;
line-height: 1.1;
letter-spacing: -2px;
margin: 0 0 25px 0;
color: #0B1221;
}
.uee-headline span {
color: #59B7B8; /* 核心青色 */
font-style: italic;
}
.uee-subtext {
font-size: 18px;
color: #4B5563;
line-height: 1.5;
max-width: 750px;
margin: 0 auto 50px auto;
}
/* 3. 中间双卡片布局 */
.uee-card-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
margin-bottom: 80px;
}
.uee-card {
background-color: #f9faff;
border: 1px solid #f1f5f9;
border-radius: 20px;
padding: 30px;
text-align: left;
display: flex;
gap: 20px;
transition: transform 0.3s ease;
}
.uee-card:hover { transform: translateY(-5px); }
.uee-card-icon {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
flex-shrink: 0;
}
.uee-card-content h4 {
font-size: 18px;
font-weight: 700;
margin: 0 0 8px 0;
}
.uee-card-content p {
font-size: 14.5px;
color: #64748b;
line-height: 1.4;
margin: 0;
}
/* 4. 底部三列特性 */
.uee-feat-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}
.uee-feat-item {
display: flex;
flex-direction: column;
align-items: center;
}
.uee-feat-icon-box {
width: 52px;
height: 52px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
font-size: 24px;
}
/* 各个图标背景色 */
.bg-orange { background-color: #fff7ed; color: #FF7D2A; }
.bg-teal { background-color: #f0fdfa; color: #59B7B8; }
.bg-gray { background-color: #f1f5f9; color: #1e293b; }
.uee-feat-item h4 {
font-size: 19px;
font-weight: 700;
margin: 0 0 12px 0;
}
.uee-feat-item p {
font-size: 15px;
color: #64748b;
line-height: 1.5;
margin: 0;
}
/* 响应式适配 */
@media (max-width: 992px) {
.uee-card-grid, .uee-feat-grid { grid-template-columns: 1fr; }
.uee-headline { font-size: 32px; }
.uee-subtext { font-size: 16px; }
}