/* Aiweline_Official — 框架特性 / 框架模块 对角线切割背景区块 */

.site-features,
.site-modules {
    position: relative;
    scroll-margin-top: 96px;
    padding: 84px 0 92px;
    border-bottom: 1px solid var(--site-border);
    isolation: isolate;
    overflow: hidden;
}

.site-features-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

.site-features-slice {
    position: absolute;
    inset: 0;
}

.site-features-slice--1 {
    background: linear-gradient(128deg, #071b14 0%, #0f2f26 52%, #163d34 100%);
    clip-path: polygon(0 0, 100% 0, 58% 100%, 0 100%);
}

.site-features-slice--2 {
    background: linear-gradient(118deg, #07865f 0%, #0a9d72 46%, #05684c 100%);
    clip-path: polygon(34% 0, 100% 0, 100% 68%, 52% 100%, 0 100%, 0 42%);
    opacity: .94;
}

.site-features-slice--3 {
    background: linear-gradient(108deg, #2563eb 0%, #1d4ed8 55%, #1e40af 100%);
    clip-path: polygon(70% 0, 100% 0, 100% 100%, 46% 100%);
    opacity: .62;
}

.site-features-slice--4 {
    background: linear-gradient(152deg, #0891b2 0%, #0e7490 100%);
    clip-path: polygon(0 58%, 42% 0, 76% 0, 30% 100%, 0 100%);
    opacity: .38;
}

.site-features-slice--5 {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .08) 100%);
    clip-path: polygon(18% 0, 100% 0, 82% 100%, 0 100%);
}

.site-features-inner,
.site-modules-inner {
    position: relative;
    z-index: 1;
}

.site-features .site-section-head,
.site-modules .site-section-head {
    max-width: 820px;
    margin-bottom: 36px;
}

.site-features .site-eyebrow,
.site-modules .site-eyebrow {
    color: #86efac;
}

.site-features .site-section-head h2,
.site-modules .site-section-head h2 {
    color: #fff;
}

.site-features .site-section-head p,
.site-modules .site-section-head p {
    color: #c9e8dc;
}

@media (max-width: 680px) {
    .site-features,
    .site-modules {
        padding: 58px 0 64px;
    }
}