:root {
            --主色: #ff4131;    /* 战术红 */
            --副色: #00f3ff;    /* 激光蓝 */
            --警告: #ffcc00;    /* 警戒黄 */
            --背景: #050608;    /* 深渊黑 */
            --卡片: rgba(20, 24, 30, 0.95);
            --边框: rgba(255, 49, 49, 0.3);
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }
        
        body { 
            background-color: var(--背景); 
            color: #ffffff; 
            font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
            overflow-x: hidden;
            background-image: 
                linear-gradient(rgba(255, 49, 49, 0.05) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255, 49, 49, 0.05) 1px, transparent 1px);
            background-size: 30px 30px;
        }

        /* --- 导航栏 --- */
        header {
            position: fixed; top: 0; width: 100%; z-index: 1000;
            background: rgba(5, 6, 8, 0.95);
            border-bottom: 3px solid var(--主色);
            box-shadow: 0 0 20px rgba(255, 49, 49, 0.4);
        }
        nav {
            max-width: 1200px; margin: 0 auto; display: flex;
            justify-content: space-between; align-items: center; padding: 18px 20px;
        }
        .品牌 { font-size: 26px; font-weight: 900; color: var(--主色); letter-spacing: 2px; }
        .导航菜单 { display: flex; gap: 30px; }
        .导航菜单 a { color: #fff; font-size: 15px; font-weight: bold; text-decoration: none; transition: 0.3s; }
        .导航菜单 a:hover { color: var(--副色); text-shadow: 0 0 10px var(--副色); }

        /* --- 首页核心区 --- */
        .核心区 {
            padding: 160px 20px 80px; max-width: 1200px; margin: 0 auto;
            display: flex; align-items: center; gap: 40px; min-height: 85vh;
        }
        .内容主体 { flex: 1.2; }
        .主标题 { font-size: clamp(36px, 5vw, 60px); line-height: 1.2; margin-bottom: 25px; font-weight: 900; }
        .主标题 span { 
            color: var(--副色); display: block; font-size: 0.6em; margin-top: 10px;
            text-shadow: 0 0 15px var(--副色);
        }
        .描述文字 { 
            font-size: 18px; color: #ccc; margin-bottom: 40px; 
            border-left: 5px solid var(--主色); padding-left: 20px; line-height: 1.8;
        }

        .按钮组 { display: flex; gap: 20px; margin-bottom: 30px; }
        .按钮 {
            flex: 1; padding: 20px; font-size: 20px; font-weight: 900; 
            text-align: center; cursor: pointer; border: none; transition: 0.3s;
            clip-path: polygon(5% 0, 100% 0, 95% 100%, 0% 100%);
            text-decoration: none;
        }
        .购买按钮 { background: var(--主色); color: #fff; box-shadow: 0 0 15px rgba(255, 49, 49, 0.5); }
        .下载按钮 { background: #222; color: #fff; border: 1px solid #444; }
        .按钮:hover { transform: scale(1.05); filter: brightness(1.2); }

        .视觉展示 { flex: 0.8; background: #000; padding: 20px; border: 1px solid var(--边框); border-radius: 4px; }
        .控制台 { 
            font-family: "Consolas", monospace; color: var(--副色); 
            font-size: 13px; height: 300px; overflow: hidden; line-height: 2;
        }

        /* --- 板块通用样式 --- */
        .板块 { padding: 80px 20px; max-width: 1200px; margin: 0 auto; }
        .板块标题 { text-align: center; margin-bottom: 50px; }
        .板块标题 h2 { font-size: 38px; color: var(--主色); margin-bottom: 15px; font-weight: 900; }
        .板块标题 p { color: #888; letter-spacing: 1px; }
        
        .功能网格 { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px; }
        .功能卡片 { 
            background: var(--卡片); padding: 40px; border: 1px solid var(--边框);
            position: relative; transition: 0.3s;
        }
        .功能卡片:hover { border-color: var(--副色); transform: translateY(-5px); background: rgba(0, 243, 255, 0.05); }
        .功能卡片 h3 { color: var(--警告); margin-bottom: 20px; font-size: 22px; }
        .功能卡片 ul li { list-style: none; color: #bbb; margin-bottom: 12px; font-size: 15px; }
        .功能卡片 ul li::before { content: "◆"; color: var(--主色); margin-right: 10px; }

        /* --- 运行展示 --- */
        .展示行 { 
            display: flex; align-items: center; gap: 50px; margin-bottom: 60px; 
            background: rgba(255,255,255,0.02); padding: 40px; border-radius: 10px;
        }
        .展示行:nth-child(even) { flex-direction: row-reverse; }
        .展示文案 { flex: 1; }
        .展示文案 h4 { font-size: 26px; color: var(--副色); margin-bottom: 20px; }
        .展示文案 p { font-size: 16px; color: #aaa; margin-bottom: 15px; line-height: 1.8; }
        .展示媒体 { flex: 1.2; border: 2px solid #333; position: relative; }
        .展示媒体 img { width: 100%; display: block; }
        .图片标签 { position: absolute; bottom: 10px; left: 10px; background: var(--主色); padding: 5px 15px; font-size: 12px; font-weight: bold; }

        /* --- 兼容性样式 --- */
        .兼容网格 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
        .兼容项 { 
            background: #0d1117; padding: 35px; text-align: center; 
            border: 1px solid #222; border-bottom: 4px solid var(--主色); 
            transition: 0.3s;
        }
        .兼容项:hover { background: #161b22; transform: translateY(-5px); }
        .兼容项 h4 { font-size: 22px; color: var(--副色); margin-bottom: 15px; }
        .兼容项 p { font-size: 14px; color: #888; line-height: 1.8; }
        
        /* --- 部署指引样式 --- */
        .指引盒 { background: #000; padding: 45px; border: 1px solid #333; border-left: 6px solid var(--主色); }
        .步骤 { margin-bottom: 30px; }
        .步骤:last-child { margin-bottom: 0; }
        .步骤标题 { color: var(--警告); font-weight: bold; font-size: 20px; margin-bottom: 12px; display: block; }
        .步骤内容 { color: #ccc; line-height: 1.8; font-size: 15px; }

        footer { padding: 60px 20px; background: #000; border-top: 1px solid #222; text-align: center; }
        .声明 { font-size: 13px; color: #444; line-height: 2; max-width: 900px; margin: 0 auto; }

        @media (max-width: 768px) {
            .导航菜单 { display: none; }
            .核心区 { flex-direction: column; padding-top: 120px; text-align: center; }
            .按钮组 { flex-direction: column; }
            .展示行, .展示行:nth-child(even) { flex-direction: column; gap: 20px; padding: 20px; }
            .兼容网格 { grid-template-columns: 1fr; }
        }