/* 浅色区块：统一柔和底色 + 淡花纹（无硬边界） */

.light-band {
    position: relative;
    overflow: hidden;
    background: #f9f8fc;
}

.light-deco {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

.light-pattern {
    position: absolute;
    inset: 0;
    opacity: 0.45;
    background-image: radial-gradient(circle at 1px 1px, rgba(124, 58, 237, 0.06) 1px, transparent 0);
    background-size: 20px 20px;
}

.light-grid {
    position: absolute;
    inset: -15%;
    opacity: 0.12;
    transform: rotate(-7deg);
    background-image:
        linear-gradient(rgba(124, 58, 237, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(124, 58, 237, 0.04) 1px, transparent 1px);
    background-size: 56px 56px;
}

.light-wave {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 90% 60% at 50% 0%, rgba(167, 139, 250, 0.06), transparent 75%),
        radial-gradient(ellipse 85% 55% at 50% 100%, rgba(96, 165, 250, 0.05), transparent 72%);
}

.light-lines {
    position: absolute;
    inset: 0;
    opacity: 0.22;
    background-image: repeating-linear-gradient(
        125deg,
        transparent,
        transparent 14px,
        rgba(124, 58, 237, 0.03) 14px,
        rgba(124, 58, 237, 0.03) 15px
    );
}

.light-corner {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(124, 58, 237, 0.05);
    opacity: 0.6;
}
.light-corner--tl {
    top: -64px;
    left: -64px;
    width: clamp(140px, 18vw, 220px);
    height: clamp(140px, 18vw, 220px);
}
.light-corner--br {
    bottom: -72px;
    right: -56px;
    width: clamp(180px, 22vw, 280px);
    height: clamp(180px, 22vw, 280px);
    border-style: dashed;
    border-color: rgba(37, 99, 235, 0.06);
}

.light-blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(88px);
    opacity: 0.32;
}
.light-blob--lavender {
    width: min(380px, 44vw);
    height: min(380px, 44vw);
    top: -8%;
    right: -6%;
    background: rgba(196, 181, 253, 0.35);
}
.light-blob--sky {
    width: min(300px, 36vw);
    height: min(300px, 36vw);
    bottom: -4%;
    left: -6%;
    background: rgba(96, 165, 250, 0.2);
}
.light-blob--mint {
    display: none;
}

.light-band .about-section,
.light-band .news-section {
    position: relative;
    z-index: 1;
    background: transparent;
}

@media (max-width: 768px) {
    .light-grid { opacity: 0.08; }
    .light-lines { opacity: 0.15; }
    .light-corner--br { display: none; }
    .light-blob { opacity: 0.22; }
}