/* ========================================== */
    /* Northstar 首頁載入畫面專用 CSS                 */
    /* ========================================== */
    #initial-loader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: #000000;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 99999;
        transition: opacity 0.6s ease;
    }

    .northstar-logo {
        width: 450px; 
        max-width: 85vw;
        animation: nsGlow 2s ease-in-out infinite alternate;
    }

    @keyframes nsGlow {
        0% { filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.2)); transform: scale(1); }
        100% { filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.9)) drop-shadow(0 0 30px rgba(255, 255, 255, 0.6)); transform: scale(1.02); }
    }

    /* 緩慢呼吸效果 (用於下滑提示) */
    @keyframes slowBreathing {
        0%, 100% { opacity: 0.2; }
        50% { opacity: 0.8; }
    }
    .animate-slow-breathing {
        animation: slowBreathing 4s ease-in-out infinite;
    }
    /* ========================================== */

    body { font-family: 'Inter', sans-serif; background-color: #050505; color: #ffffff; }
    .font-mono { font-family: 'JetBrains Mono', monospace; }
    .bg-grid { background-image: linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px); background-size: 40px 40px; background-position: center center; }
    .modal-backdrop { background-color: rgba(0, 0, 0, 0.85); backdrop-filter: blur(8px); }

    /* 文字發光特效 */
    .text-shadow-glow { text-shadow: 0 0 12px rgba(255,255,255,0.6); }
    /* 隱藏導覽列的橫向捲軸 */
    .hide-scrollbar::-webkit-scrollbar { display: none; }
    .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }