@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.hover-scale {
transition: transform 0.3s ease;
}
.hover-scale:hover {
transform: scale(1.05);
}
.section-title {
@apply text-3xl font-bold text-gray-800 mb-4;
}
.section-description {
@apply text-base text-gray-600 mb-8;
}
.feature-icon {
display: inline-block;
width: 1.2em;
height: 1.2em;
margin-right: 0.5em;
vertical-align: middle;
background-color: #22c55e;
-webkit-mask-size: cover;
mask-size: cover;
}
.icon-globe {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.icon-link {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.icon-cog {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.icon-robot {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.icon-star {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.icon-smile {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.icon-brain {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* 醒目设置“系统介绍”和“未来展望”标题 */
main section:nth-child(3) .section-title,
main section:nth-child(4) .section-title {
font-size: 2.5rem;
font-weight: 800;
color: #1e40af;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
letter-spacing: 1px;
margin-bottom: 1.5rem;
}