/* 林深见鹿品牌启动画面:六边光核 + 探索光圈 */
.loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0b1a13;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.loader {
    position: relative;
    width: 132px;
    height: 132px;
}

.loader-emblem {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 88px;
    height: 88px;
    transform: translate(-50%, -50%);
    animation: loader-breathe 2.4s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
}

.loader-ring {
    position: absolute;
    top: 0;
    left: 0;
    width: 132px;
    height: 132px;
}

.loader-track {
    fill: none;
    stroke: rgba(217, 187, 114, 0.14);
    stroke-width: 1;
}

.loader-arc {
    fill: none;
    stroke: url(#loader-gradient);
    stroke-width: 2.5;
    stroke-linecap: round;
    /* 周长 2π×60≈377,取 90 的弧长 */
    stroke-dasharray: 90 287;
    filter: drop-shadow(0 0 6px rgba(117, 216, 192, 0.55));
    transform-origin: 66px 66px;
    animation: loader-orbit 1.6s linear infinite;
}

.loader-caption {
    position: absolute;
    top: calc(100% + 26px);
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    font-family: "JetBrains Mono", "SF Mono", Menlo, monospace;
    font-size: 10px;
    letter-spacing: 0.32em;
    text-indent: 0.32em;
    color: rgba(217, 187, 114, 0.66);
}

@keyframes loader-orbit {
    to {
        transform: rotate(360deg);
    }
}

@keyframes loader-breathe {
    0%,
    100% {
        transform: translate(-50%, -50%) scale(1);
        filter: drop-shadow(0 0 10px rgba(117, 216, 192, 0.25));
    }

    50% {
        transform: translate(-50%, -50%) scale(1.045);
        filter: drop-shadow(0 0 18px rgba(117, 216, 192, 0.5));
    }
}

@media (prefers-reduced-motion: reduce) {
    .loader-arc,
    .loader-emblem {
        animation: none;
    }
}