html {
    min-height: 100%;
}

body {
    position: relative;
    min-height: 100vh;
}

/* =========================
   粒子背景
   ========================= */

#particles-js {
    position: fixed !important;

    inset: 0 !important;

    width: 100vw !important;
    height: 100vh !important;

    z-index: 0 !important;

    pointer-events: none !important;

    overflow: hidden !important;
}

#particles-js canvas {
    position: fixed !important;

    inset: 0 !important;

    width: 100vw !important;
    height: 100vh !important;

    pointer-events: none !important;

    z-index: 0 !important;
}


/* =========================
   网站内容
   ========================= */

main {
    position: relative;
    z-index: 1;
}


/* =========================
   鼠标光晕
   ========================= */

#mouse-glow {

    position: fixed;

    width: 320px;
    height: 320px;

    border-radius: 50%;

    pointer-events: none;

    z-index: 0;

    transform: translate(-50%, -50%);

    background:
        radial-gradient(
            circle,

            rgba(115, 145, 255, 0.18) 0%,

            rgba(115, 145, 255, 0.09) 25%,

            rgba(115, 145, 255, 0.035) 45%,

            transparent 70%
        );

    filter: blur(8px);

    transition:
        left 0.08s ease-out,
        top 0.08s ease-out;

    mix-blend-mode: screen;
}