/* 未錸主機 Future Host - 3D Network Background Rescue v20260628-02 */

:root {
    --fh-bg: #020617;
    --fh-network-opacity: .82;
}

html {
    background: var(--fh-bg);
}

body {
    position: relative;
    min-height: 100vh;
    background:
        radial-gradient(circle at 20% 0%, rgba(56, 189, 248, .12), transparent 34rem),
        radial-gradient(circle at 82% 18%, rgba(139, 92, 246, .11), transparent 34rem),
        linear-gradient(180deg, #020617 0%, #050b18 44%, #020617 100%) !important;
}

.fh-page-content,
footer {
    position: relative;
    z-index: 2;
}

.fh-network-bg {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    background:
        radial-gradient(circle at 58% 30%, rgba(37, 99, 235, .20), transparent 30rem),
        radial-gradient(circle at 80% 14%, rgba(139, 92, 246, .15), transparent 30rem),
        linear-gradient(180deg, #020617 0%, #050816 100%);
}

.fh-network-bg__canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: var(--fh-network-opacity);
}

.fh-network-bg__veil {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(2, 6, 23, .08) 0%, rgba(2, 6, 23, .28) 58%, rgba(2, 6, 23, .78) 100%),
        radial-gradient(circle at 50% 35%, transparent 0%, rgba(2, 6, 23, .08) 42%, rgba(2, 6, 23, .70) 100%);
}

@media (max-width: 760px) {
    :root {
        --fh-network-opacity: .58;
    }
}

@media (prefers-reduced-motion: reduce) {
    .fh-network-bg__canvas {
        opacity: .56;
    }
}