body {
            font-family: 'Noto Sans TC', sans-serif;
            background-color: #FAFAF9;
            /* Stone-50 */
            color: #1C1917;
            /* Stone-900 */
        }

        /* Chart Container Specifics */
        .chart-container {
            position: relative;
            width: 100%;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
            height: 300px;
            max-height: 400px;
        }

        @media (min-width: 768px) {
            .chart-container {
                height: 350px;
            }
        }

        /* Animations */
        @keyframes fade-in {
            from {
                opacity: 0;
                transform: translateY(10px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .animate-fade-in {
            animation: fade-in 0.5s ease-out forwards;
        }

        /* Three.js Container */
        #hero-canvas {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 0;
            background-color: #020617;
            /* Deep Space Color Fallback */
        }

        /* 導覽列特效 CSS */
        #nav-pill {
            position: absolute;
            height: 100%;
            height: 100%;
            border-radius: 9999px;
            z-index: 1;
            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
            /* Spring-like easing */
            opacity: 0;
            pointer-events: none;
        }

        /* Logo 駭客特效字體 */
        .hacker-text {
            font-family: 'JetBrains Mono', monospace;
        }

        /* Nav Active State Text Color */
        .nav-link.current-menu-item,
        .nav-link.active {
            color: #1c1917;
            /* Stone-900 */
        }