/* 背景样式 */
.bg-container {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
    overflow: hidden !important;
    background: #f7f9fc !important;
    pointer-events: none !important;
}

.floating-lines-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.bg-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 0;
}

.mouse-trail-canvas {
    position: fixed;
    inset: 0;
    z-index: 900;
    pointer-events: none;
}

.click-spark-canvas {
    position: fixed;
    inset: 0;
    z-index: 10000;
    pointer-events: none;
}

:root[data-theme="dark"] .bg-container {
    background:
        linear-gradient(135deg, #090b0f 0%, #10151b 48%, #17191d 100%) !important;
}

:root[data-theme="dark"] .bg-overlay {
    background: linear-gradient(180deg, rgba(8, 10, 14, 0.08), rgba(8, 10, 14, 0.38));
}

:root[data-theme="light"] .bg-container {
    background: linear-gradient(135deg, #f6f8f9 0%, #edf2f4 48%, #f9fafb 100%) !important;
}

@media (prefers-reduced-motion: reduce) {
    .mouse-trail-canvas,
    .click-spark-canvas {
        animation: none;
        display: none;
    }
}