/* 科技风样式（霓虹蓝/青，网格背景，发光高亮） */
        /* 新增：Noto Sans SC（中文） + 保留 Orbitron/Inter/Space Grotesk 作为装饰性/英文字体 */
        @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&family=Inter:wght@300;400;600;700;800&family=Space+Grotesk:wght@400;600;700&family=Orbitron:wght@500;700&display=swap');

        :root {
            --bg-1: #0e1b3d;
            /* 更浅一些的蓝黑，提高整体亮度 */
            --bg-2: #1a2b55;
            /* 渐变终点更亮，减少压抑感 */
            --panel: rgba(10, 16, 32, 0.55);
            --glass-border: rgba(0, 243, 255, 0.08);
            --neon: #00f3ff;
            /* 赛博青 */
            --neon-2: #8b5cf6;
            /* 赛博紫 */
            --accent: #22d3ee;
            /* 高亮青 */
            --muted: #9fb4c8;
        }

        /* 背景极光动画 */
        @keyframes auroraShift {
            0% {
                transform: translate(-10%, -10%) rotate(0deg);
            }

            50% {
                transform: translate(10%, 5%) rotate(180deg);
            }

            100% {
                transform: translate(-10%, -10%) rotate(360deg);
            }
        }

        html,
        body {
            height: 100%;
        }

        body {
            /* 优先中文字体：Noto Sans SC，回退到常见系统字体（Windows: 微软雅黑）
               保留 Space Grotesk/Inter 供英文字体显示 */
            font-family: 'Noto Sans SC', 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Space Grotesk', 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
            margin: 0;
            padding: 0;
            color: #d9eef8;
            background:
                radial-gradient(600px 200px at 10% 10%, rgba(139, 92, 246, 0.10), transparent 14%),
                radial-gradient(800px 300px at 90% 90%, rgba(34, 211, 238, 0.09), transparent 16%),
                linear-gradient(180deg, var(--bg-1) 0%, var(--bg-2) 100%);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            overflow: hidden;
            background-attachment: fixed;
        }

        /* 未来感标题字体 */
        h1,
        h2,
        h3,
        .heading-orbitron {
            /* 标题保留 Orbitron（更具未来感），中文字符将使用 Noto Sans SC 回退显示 */
            font-family: 'Orbitron', 'Noto Sans SC', 'Space Grotesk', 'Inter', system-ui;
            letter-spacing: 0.02em;
        }

        /* 细腻网格背景（科技感） */
        body::before {
            content: "";
            position: fixed;
            inset: 0;
            z-index: 0;
            pointer-events: none;
            background-image: repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.02) 0 1px, transparent 1px 40px),
                repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.02) 0 1px, transparent 1px 40px);
            opacity: 0.04;
            mix-blend-mode: overlay;
        }

        /* 动态极光层，增强科技感 */
        body::after {
            content: "";
            position: fixed;
            inset: -20% -10% -20% -10%;
            z-index: 0;
            pointer-events: none;
            background: radial-gradient(40% 30% at 20% 20%, rgba(34, 211, 238, 0.08), transparent 60%),
                radial-gradient(35% 25% at 80% 70%, rgba(139, 92, 246, 0.08), transparent 60%),
                conic-gradient(from 0deg at 50% 50%, rgba(0, 243, 255, 0.06), rgba(139, 92, 246, 0.04), rgba(0, 243, 255, 0.06));
            filter: blur(30px) saturate(120%);
            animation: auroraShift 20s ease-in-out infinite;
        }

        /* 全局滚动条（科幻风） */
        ::-webkit-scrollbar {
            width: 10px;
            height: 10px
        }

        ::-webkit-scrollbar-track {
            background: transparent
        }

        ::-webkit-scrollbar-thumb {
            background: linear-gradient(180deg, rgba(0, 229, 255, 0.14), rgba(124, 58, 237, 0.06));
            border-radius: 10px;
            border: 2px solid rgba(0, 0, 0, 0.12);
        }

        /* 侧边栏风格 */
        aside {
            background: linear-gradient(180deg, rgba(8, 12, 20, 0.6), rgba(6, 10, 16, 0.5));
            border-right: 1px solid rgba(0, 243, 255, 0.08);
            box-shadow: 0 0 40px rgba(0, 243, 255, 0.04) inset;
            z-index: 2
        }

        aside img {
            width: 60%;
            display: block;
            margin: 0 auto;
            filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.7)) saturate(120%);
        }

        /* 侧栏链接高亮发光 */
        #sidebar-nav a {
            transition: transform .18s, box-shadow .18s, background .18s;
            color: var(--muted);
        }

        #sidebar-nav a.bg-blue-600,
        #sidebar-nav a:hover {
            transform: translateX(6px);
            box-shadow: 0 10px 30px rgba(0, 229, 255, 0.06), 0 6px 18px rgba(124, 58, 237, 0.04);
            background: linear-gradient(90deg, rgba(0, 229, 255, 0.04), rgba(124, 58, 237, 0.04));
            color: #eafcff;
        }

        #sidebar-nav i {
            color: var(--neon);
        }

        /* 卡片基底：半透明带发光边框 */
        .bg-slate-700\/60,
        .bg-slate-700\/60.backdrop-blur-sm {
            background: linear-gradient(180deg, rgba(6, 10, 16, 0.55), rgba(6, 10, 16, 0.38));
            border: 1px solid var(--glass-border);
            box-shadow: 0 8px 30px rgba(2, 6, 23, 0.6);
            backdrop-filter: saturate(140%) blur(10px);
            -webkit-backdrop-filter: saturate(140%) blur(10px);
            position: relative;
            z-index: 1;
        }

        .bg-slate-700\/60:after {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            box-shadow: 0 0 40px rgba(0, 243, 255, 0.03) inset
        }

        /* 特征卡和数值 */
        .p-4.rounded-lg {
            background: linear-gradient(180deg, rgba(8, 12, 20, 0.7), rgba(6, 10, 16, 0.5));
            border: 1px solid rgba(0, 243, 255, 0.06)
        }

        .text-3xl {
            font-weight: 800;
            color: #e6f8ff;
            text-shadow: 0 6px 18px rgba(0, 243, 255, 0.06)
        }

        /* 状态横幅 */
        #status-banner {
            border-radius: 12px;
            border: 1px solid var(--glass-border);
            background: linear-gradient(180deg, rgba(3, 7, 12, 0.6), rgba(3, 7, 12, 0.5))
        }

        #status-text {
            color: #dff8ff
        }

        /* 警报与健康卡片发光色 */
        #alarm-card {
            border-left: 4px solid rgba(255, 80, 80, 0.12);
            background: linear-gradient(180deg, rgba(40, 6, 6, 0.5), rgba(20, 6, 6, 0.28))
        }

        #healthy-card {
            border-left: 4px solid rgba(34, 197, 94, 0.08);
            background: linear-gradient(180deg, rgba(6, 20, 10, 0.5), rgba(6, 20, 10, 0.28))
        }

        /* 日志面板：仿终端风格 */
        .log-panel {
            background: linear-gradient(180deg, rgba(3, 7, 12, 0.7), rgba(2, 6, 10, 0.6));
            color: #bfeffd;
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "JetBrains Mono", "Roboto Mono", "Courier New";
            font-size: 13px
        }

        /* 聊天区与代码块样式 */
        .prose-like {
            color: #dff8ff
        }

        .prose-like code {
            background: rgba(0, 0, 0, 0.35);
            padding: 0.2rem 0.4rem;
            border-radius: 4px
        }

        /* 按钮：霓虹边与微浮动 */
        button,
        .btn {
            border-radius: 10px;
            padding: .45rem .8rem;
            background: linear-gradient(90deg, rgba(34, 211, 238, 0.10), rgba(139, 92, 246, 0.06));
            border: 1px solid rgba(0, 243, 255, 0.18);
            color: #e9fbff;
            box-shadow: 0 8px 30px rgba(2, 6, 23, 0.6)
        }

        button:hover {
            transform: translateY(-3px);
            box-shadow: 0 18px 50px rgba(0, 243, 255, 0.12);
            border-color: rgba(139, 92, 246, 0.28);
        }

        /* 小屏适配 */
        @media (max-width:1024px) {
            aside {
                width: 64px
            }

            #sidebar-nav span {
                display: none
            }

            .page-content {
                padding: 16px
            }
        }

        /* 辅助文本颜色 */
        .text-gray-400 {
            color: #8ea7b8
        }

        .text-gray-300 {
            color: #9fb4c8
        }

        .text-yellow-400 {
            color: #fbbf24
        }

        .text-red-400 {
            color: #ff8a8a
        }

        .text-green-400 {
            color: #34d399
        }