    <style>
        /* 全局变量：低饱和度高级色值 */
        :root {
            --primary-blue: #5294e8; /* 降低饱和度的主蓝 */
            --primary-purple: #8270e9; /* 降低饱和度的主紫 */
            --bg-light: #f9fafc; /* 更柔和的背景色 */
            --text-main: #2a3342; /* 主文本色（低对比） */
            --text-secondary: #58667b; /* 次要文本色 */
            --card-bg: #ffffff; /* 卡片背景 */
            --border-light: #e8f1ff; /* 浅蓝色边框 */
            --border-purple-light: #f0efff; /* 浅紫色边框 */
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body {
            font-family: "Inter", "PingFang SC", "Microsoft YaHei", sans-serif;
            background: var(--bg-light);
            color: var(--text-main);
            line-height: 1.65; /* 优化行高 */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 30px;
        }

        /* 全局平滑滚动 */
        html {
            scroll-behavior: smooth;
        }

        /* 导航：吸顶+滚动渐变 + 高级阴影 */
        .nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: sticky; /* 吸顶 */
            top: 20px;
            backdrop-filter: blur(12px);
            background: rgba(255,255,255,0.9);
            margin: 0 30px;
            border-radius: 16px;
            padding: 20px 32px;
            margin-top: 20px;
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04); /* 优化阴影 */
            z-index: 999;
            transition: all 0.5s ease; /* 滚动过渡 */
        }
        /* 滚动后导航样式 */
        .nav.scrolled {
            top: 0;
            margin: 0;
            border-radius: 0 0 16px 16px;
            background: rgba(255,255,255,0.98); /* 更实的背景 */
            padding: 16px 32px; /* 轻微缩小高度 */
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06); /* 阴影加重 */
        }
        .logo-box {
            display: flex;
            align-items: center;
        }
        .logo-placeholder {
            width: 200px;
            height: 48px;
            border-radius: 8px;
            background: var(--border-light);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--primary-blue);
            font-size: 14px;
            border: 1px dashed rgba(82, 148, 232, 0.3);
        }
        .logo-text {
            font-size: 22px;
            font-weight: 600;
            color: var(--primary-blue);
            margin-left: 16px;
            letter-spacing: 0.5px;
        }
        .logo-text span {
            color: var(--text-main);
            font-weight: 400;
        }
        .nav-menu {
            display: flex;
            align-items: center;
            gap: 40px;
        }
        .nav-menu a {
            color: var(--text-secondary);
            text-decoration: none;
            transition: color 0.4s ease, transform 0.2s ease, opacity 0.2s ease; /* 优化过渡 */
            font-size: 15px;
            padding: 8px 0;
            position: relative;
            font-weight: 500;
            overflow: hidden; /* 点击反馈容器 */
        }
        /* 导航链接点击水波纹 */
        .nav-menu a::before {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            width: 0;
            height: 0;
            background: rgba(82, 148, 232, 0.05);
            border-radius: 50%;
            transform: translate(-50%, -50%);
            transition: width 0.4s ease, height 0.4s ease;
        }
        .nav-menu a:active::before {
            width: 200px;
            height: 200px;
            opacity: 0;
        }
        .nav-menu a::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 2px;
            background: linear-gradient(90deg, var(--primary-blue), var(--primary-purple));
            border-radius: 1px;
            transition: width 0.3s ease;
        }
        .nav-menu a:hover::after {
            width: 100%;
        }
        .nav-menu a:hover {
            color: var(--primary-blue);
            transform: translateY(-1px); /* 轻微上浮 */
            opacity: 0.95;
        }

        /* 下拉菜单 */
        .dropdown {
            position: relative;
            display: inline-block;
        }
        .dropdown > a {
            cursor: pointer;
        }
        .dropdown-content {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            background: var(--card-bg);
            min-width: 200px;
            box-shadow: 0 8px 24px rgba(82, 148, 232, 0.12);
            border-radius: 12px;
            padding: 16px 0;
            z-index: 9999;
            border: 1px solid rgba(82, 148, 232, 0.1);
        }
        .dropdown-content a {
            color: var(--text-secondary);
            padding: 12px 24px;
            display: block;
            border-radius: 8px;
            margin: 0 6px;
            font-size: 15px;
        }
        .dropdown-content a:hover {
            background: var(--border-light);
            color: var(--primary-blue);
        }
        .dropdown:hover .dropdown-content {
            display: block;
        }

        /* 首屏：大气布局 + 高级纹理 + 动态光效 + 视差滚动 */
        .hero {
            padding: 150px 0 160px;
            text-align: center;
            background: linear-gradient(to bottom, #ffffff, var(--border-light));
            /* 细微噪点纹理 */
            background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h20v20H0V0zm2 2v16h16V2H2z' fill='%23000' fill-opacity='0.01' fill-rule='evenodd'/%3E%3C/svg%3E");
            position: relative;
            overflow: hidden;
            margin: 20px 30px;
            border-radius: 24px;
        }
        /* 首屏动态光效 */
        .hero::after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            width: 50%;
            height: 100%;
            background: radial-gradient(circle at 70% 30%, rgba(82, 148, 232, 0.05) 0%, transparent 60%);
            z-index: 0;
        }
        .hero .particle {
            position: absolute;
            border-radius: 50%;
            background: rgba(82, 148, 232, 0.1);
            animation: float 8s infinite ease-in-out;
            z-index: 0;
            transition: transform 0.2s ease; /* 视差滚动过渡 */
        }
        .hero .line {
            position: absolute;
            background: linear-gradient(90deg, rgba(82, 148, 232, 0.1), rgba(130, 112, 233, 0.1));
            height: 1px;
            animation: stretch 12s infinite ease-in-out;
            z-index: 0;
            transition: transform 0.2s ease; /* 视差滚动过渡 */
        }
        @keyframes float {
            0%,100% { transform: translate(0,0) scale(1); opacity: 0.7; }
            50% { transform: translate(15px,15px) scale(0.9); opacity: 0.9; }
        }
        @keyframes stretch {
            0%,100% { width: 100px; opacity: 0.5; }
            50% { width: 300px; opacity: 0.8; }
        }
        .hero .container {
            position: relative;
            z-index: 1;
        }
        .hero h1 {
            font-size: 52px;
            margin-bottom: 24px;
            background: linear-gradient(90deg, var(--primary-blue), var(--primary-purple));
            -webkit-background-clip: text;
            color: transparent;
            font-weight: 700;
            line-height: 1.25; /* 优化行高 */
            letter-spacing: -0.8px; /* 负间距更紧凑 */
        }
        .hero p {
            font-size: 22px;
            color: var(--text-secondary);
            max-width: 800px;
            margin: 0 auto 56px;
            font-weight: 400;
            line-height: 1.8;
        }
        .hero p strong {
            color: var(--primary-blue);
            font-weight: 600;
        }

        /* 按钮：高级样式 + 按压反馈 + 加载状态 */
        .btn {
            padding: 18px 48px;
            background: linear-gradient(90deg, var(--primary-blue), var(--primary-purple));
            color: #fff;
            border-radius: 12px;
            font-weight: 600;
            border: none;
            cursor: pointer;
            font-size: 18px;
            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            box-shadow: 0 6px 20px rgba(82, 148, 232, 0.15);
            position: relative;
            overflow: hidden;
        }
        /* 按钮按压反馈 */
        .btn::after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            width: 0;
            height: 0;
            background: rgba(255,255,255,0.2);
            border-radius: 50%;
            transform: translate(-50%, -50%);
            transition: width 0.6s ease, height 0.6s ease;
        }
        .btn:active::after {
            width: 300px;
            height: 300px;
            opacity: 0;
        }
        /* 按钮加载状态 */
        .btn.loading {
            pointer-events: none; /* 禁止重复点击 */
            opacity: 0.8;
            padding-left: 68px; /* 给加载图标留空间 */
        }
        .btn.loading::before {
            content: "";
            position: absolute;
            width: 20px;
            height: 20px;
            border: 2px solid rgba(255,255,255,0.5);
            border-radius: 50%;
            border-top-color: #fff;
            left: 28px;
            top: 50%;
            transform: translateY(-50%);
            animation: spin 1s linear infinite;
        }
        @keyframes spin {
            to { transform: translateY(-50%) rotate(360deg); }
        }
        .btn:hover {
            transform: translateY(-4px) scale(1.02); /* 轻微放大+上浮 */
            box-shadow: 0 10px 28px rgba(82, 148, 232, 0.2);
        }
        .btn:active {
            transform: translateY(-2px) scale(0.98); /* 点击时轻微下沉 */
        }

        /* 板块标题通用样式 */
        .section {
            padding: 80px 0;
        }
        .title {
            text-align: center;
            margin-bottom: 60px;
        }
        .title h2 {
            font-size: 36px;
            margin-bottom: 16px;
            font-weight: 700;
            letter-spacing: -0.5px;
            line-height: 1.2;
        }
        .title p {
            font-size: 18px;
            font-weight: 500;
            color: #334155;
            max-width: 750px;
            margin: 0 auto;
            line-height: 1.7;
        }

        /* ========== 核心业务板块 - 全新设计，带hexinyewu前缀 ========== */
        .hexinyewu-section {
            background-color: #f5f9ff;
            margin: 0 30px;
            border-radius: 20px;
            padding: 80px 0;
            position: relative;
            overflow: hidden;
        }
        /* 背景装饰元素 */
        .hexinyewu-section::before {
            content: "";
            position: absolute;
            top: -100px;
            right: -100px;
            width: 300px;
            height: 300px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(82, 148, 232, 0.05) 0%, transparent 70%);
            z-index: 0;
        }
        .hexinyewu-section::after {
            content: "";
            position: absolute;
            bottom: -100px;
            left: -100px;
            width: 300px;
            height: 300px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(82, 148, 232, 0.05) 0%, transparent 70%);
            z-index: 0;
        }
        .hexinyewu-section .title h2 {
            color: var(--primary-blue);
            position: relative;
            z-index: 1;
        }
        .hexinyewu-section .title p {
            position: relative;
            z-index: 1;
        }
        .hexinyewu-container {
            position: relative;
            z-index: 1;
        }
        
        .hexinyewu-card-box {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 32px;
            padding: 0 30px;
        }
        .hexinyewu-card {
            background: var(--card-bg);
            /* 细微纹理 */
            background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%239C92AC' fill-opacity='0.02' fill-rule='evenodd'/%3E%3C/svg%3E");
            border-radius: 20px;
            padding: 50px 40px;
            transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            border: 1px solid rgba(82, 148, 232, 0.1);
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            /* 初始隐藏，用于渐入动画 */
            opacity: 0;
            transform: translateY(20px);
        }
        /* 卡片渐变边框效果 */
        .hexinyewu-card::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, var(--primary-blue), #6bb0f5, var(--primary-purple));
            background-size: 200% 100%;
            animation: gradientShift 3s ease infinite;
        }
        @keyframes gradientShift {
            0%, 100% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
        }
        /* 卡片悬停时的光效 */
        .hexinyewu-card::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: radial-gradient(circle at 50% 0%, rgba(82, 148, 232, 0.05), transparent 70%);
            opacity: 0;
            transition: opacity 0.3s ease;
            pointer-events: none;
        }
        /* 业务图标容器 */
        .hexinyewu-icon {
            width: 90px;
            height: 90px;
            border-radius: 24px;
            background: linear-gradient(135deg, rgba(82, 148, 232, 0.1), rgba(130, 112, 233, 0.1));
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 30px;
            position: relative;
            transition: all 0.4s ease;
        }
        /* 图标样式 */
        .hexinyewu-icon::before {
            content: "";
            position: absolute;
            width: 40px;
            height: 40px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }
        /* 培训图标 - 书本 */
        .hexinyewu-card:nth-child(1) .hexinyewu-icon::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235294e8'%3E%3Cpath d='M21 5c-1.11-.35-2.33-.5-3.5-.5-1.95 0-4.05.4-5.5 1.5-1.45-1.1-3.55-1.5-5.5-1.5S2.45 4.9 1 6v14.65c0 .25.25.5.5.5.1 0 .15-.05.25-.05C3.1 20.45 5.05 20 6.5 20c1.95 0 4.05.4 5.5 1.5 1.35-.85 3.8-1.5 5.5-1.5 1.65 0 3.35.3 4.75 1.05.1.05.15.05.25.05.25 0 .5-.25.5-.5V6c-.6-.45-1.25-.75-2-1zm0 13.5c-1.1-.35-2.3-.5-3.5-.5-1.7 0-4.15.65-5.5 1.5V8c1.35-.85 3.8-1.5 5.5-1.5 1.2 0 2.4.15 3.5.5v11.5z'/%3E%3C/svg%3E");
        }
        /* 咨询图标 - 对话气泡 */
        .hexinyewu-card:nth-child(2) .hexinyewu-icon::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235294e8'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z'/%3E%3C/svg%3E");
        }
        /* 企业服务图标 - 建筑 */
        .hexinyewu-card:nth-child(3) .hexinyewu-icon::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235294e8'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z'/%3E%3C/svg%3E");
        }
        /* 卡片hover效果 */
        .hexinyewu-card:hover {
            transform: translateY(-12px) scale(1.02);
            box-shadow: 0 30px 60px rgba(82, 148, 232, 0.15), 0 0 0 1px rgba(82, 148, 232, 0.2);
            border-color: var(--primary-blue);
        }
        .hexinyewu-card:hover::after {
            opacity: 1;
        }
        .hexinyewu-card:hover .hexinyewu-icon {
            transform: scale(1.1);
            background: linear-gradient(135deg, rgba(82, 148, 232, 0.2), rgba(130, 112, 233, 0.2));
        }
        /* 渐入动画激活 */
        .hexinyewu-card.animate-in {
            opacity: 1;
            transform: translateY(0);
        }
        /* 卡片标题 */
        .hexinyewu-card h3 {
            font-size: 26px;
            margin-bottom: 20px;
            color: var(--text-main);
            font-weight: 700;
            position: relative;
            padding-bottom: 15px;
        }
        .hexinyewu-card h3::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 50px;
            height: 3px;
            background: linear-gradient(90deg, var(--primary-blue), var(--primary-purple));
            border-radius: 3px;
        }
        /* 卡片描述 */
        .hexinyewu-card p {
            color: var(--text-secondary);
            margin-bottom: 30px;
            font-size: 16px;
            line-height: 1.8;
            letter-spacing: 0.2px;
            flex: 1;
        }
        /* 优势卖点列表 */
        .hexinyewu-features {
            list-style: none;
            padding: 0;
            margin: 0 0 30px 0;
            width: 100%;
        }
        .hexinyewu-features li {
            font-size: 15px;
            color: var(--text-secondary);
            margin-bottom: 12px;
            padding-left: 24px;
            position: relative;
            text-align: left;
        }
        .hexinyewu-features li::before {
            content: "✓";
            position: absolute;
            left: 0;
            top: 0;
            color: var(--primary-blue);
            font-weight: 700;
            font-size: 14px;
        }
        /* 标签/卖点标签 */
        .hexinyewu-tag {
            display: inline-block;
            padding: 8px 20px;
            background: linear-gradient(90deg, rgba(82, 148, 232, 0.1), rgba(130, 112, 233, 0.1));
            color: var(--primary-blue);
            border-radius: 30px;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0.5px;
            border: 1px solid rgba(82, 148, 232, 0.2);
        }
        /* 咨询按钮 */
        .hexinyewu-btn {
            margin-top: 20px;
            padding: 12px 32px;
            background: linear-gradient(90deg, var(--primary-blue), var(--primary-purple));
            color: #fff;
            border-radius: 8px;
            font-weight: 600;
            border: none;
            cursor: pointer;
            font-size: 15px;
            transition: all 0.3s ease;
        }
        .hexinyewu-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(82, 148, 232, 0.3);
        }

        /* ========== 核心优势板块 - 全新设计，带hexinyoushi前缀 ========== */
        .hexinyoushi-section {
            background: linear-gradient(135deg, #f9f6ff, #f0edff);
            margin: 60px 30px 0;
            border-radius: 20px;
            padding: 80px 0;
            position: relative;
            overflow: hidden;
        }
        /* 背景装饰元素 - 紫色系 */
        .hexinyoushi-section::before {
            content: "";
            position: absolute;
            top: -100px;
            left: -100px;
            width: 300px;
            height: 300px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(130, 112, 233, 0.08) 0%, transparent 70%);
            z-index: 0;
        }
        .hexinyoushi-section::after {
            content: "";
            position: absolute;
            bottom: -100px;
            right: -100px;
            width: 300px;
            height: 300px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(130, 112, 233, 0.08) 0%, transparent 70%);
            z-index: 0;
        }
        .hexinyoushi-section .title h2 {
            color: var(--primary-purple);
            position: relative;
            z-index: 1;
        }
        .hexinyoushi-section .title p {
            position: relative;
            z-index: 1;
        }
        .hexinyoushi-container {
            position: relative;
            z-index: 1;
        }
        
        .hexinyoushi-card-box {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 32px;
            padding: 0 30px;
        }
        .hexinyoushi-card {
            background: var(--card-bg);
            /* 紫色系细微纹理 */
            background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%239C92AC' fill-opacity='0.02' fill-rule='evenodd'/%3E%3C/svg%3E");
            border-radius: 20px;
            padding: 50px 40px;
            transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            border: 1px solid rgba(130, 112, 233, 0.1);
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            /* 初始隐藏，用于渐入动画 */
            opacity: 0;
            transform: translateY(20px);
        }
        /* 卡片渐变边框效果 - 紫色系 */
        .hexinyoushi-card::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, var(--primary-purple), #9a88f0, #b4a8f5);
            background-size: 200% 100%;
            animation: gradientShiftPurple 3s ease infinite;
        }
        @keyframes gradientShiftPurple {
            0%, 100% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
        }
        /* 卡片悬停时的光效 - 紫色系 */
        .hexinyoushi-card::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: radial-gradient(circle at 50% 0%, rgba(130, 112, 233, 0.05), transparent 70%);
            opacity: 0;
            transition: opacity 0.3s ease;
            pointer-events: none;
        }
        /* 优势图标容器 */
        .hexinyoushi-icon {
            width: 90px;
            height: 90px;
            border-radius: 24px;
            background: linear-gradient(135deg, rgba(130, 112, 233, 0.1), rgba(180, 168, 245, 0.1));
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 30px;
            position: relative;
            transition: all 0.4s ease;
        }
        /* 图标样式 - 紫色系 */
        .hexinyoushi-icon::before {
            content: "";
            position: absolute;
            width: 40px;
            height: 40px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }
        /* 深耕底层逻辑图标 - 齿轮 */
        .hexinyoushi-card:nth-child(1) .hexinyoushi-icon::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238270e9'%3E%3Cpath d='M12 15.5A3.5 3.5 0 0 1 8.5 12 3.5 3.5 0 0 1 12 8.5a3.5 3.5 0 0 1 3.5 3.5A3.5 3.5 0 0 1 12 15.5zm0-5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm6.04-3.55l-1.42-1.42-2.12 2.12c-.2-.13-.42-.24-.65-.33l-.3-2.97H9.55l-.3 2.97c-.23.09-.45.2-.65.33L6.48 6.53 5.06 7.95l2.12 2.12c-.13.2-.24.42-.33.65l-2.97.3v2.9l2.97.3c.09.23.2.45.33.65L5.06 16.05l1.42 1.42 2.12-2.12c.2.13.42.24.65.33l.3 2.97h2.9l.3-2.97c.23-.09.45-.2.65-.33l2.12 2.12 1.42-1.42-2.12-2.12c.13-.2.24-.42.33-.65l2.97-.3v-2.9l-2.97-.3c-.09-.23-.2-.45-.33-.65l2.12-2.12z'/%3E%3C/svg%3E");
        }
        /* 实战+课程双驱动图标 - 火箭 */
        .hexinyoushi-card:nth-child(2) .hexinyoushi-icon::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238270e9'%3E%3Cpath d='M12 2.5s4.5 2.04 4.5 10.5c0 2.49-1.04 4.5-1.04 4.5h-7S7.5 15.49 7.5 13C7.5 4.54 12 2.5 12 2.5zm2 8.5c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2 7c2.67 0 8 1.34 8 4v2H4v-2c0-2.66 5.33-4 8-4z'/%3E%3C/svg%3E");
        }
        /* 全链路闭环服务图标 - 循环箭头 */
        .hexinyoushi-card:nth-child(3) .hexinyoushi-icon::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238270e9'%3E%3Cpath d='M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z'/%3E%3C/svg%3E");
        }
        /* 卡片hover效果 */
        .hexinyoushi-card:hover {
            transform: translateY(-12px) scale(1.02);
            box-shadow: 0 30px 60px rgba(130, 112, 233, 0.15), 0 0 0 1px rgba(130, 112, 233, 0.2);
            border-color: var(--primary-purple);
        }
        .hexinyoushi-card:hover::after {
            opacity: 1;
        }
        .hexinyoushi-card:hover .hexinyoushi-icon {
            transform: scale(1.1);
            background: linear-gradient(135deg, rgba(130, 112, 233, 0.2), rgba(180, 168, 245, 0.2));
        }
        /* 渐入动画激活 */
        .hexinyoushi-card.animate-in {
            opacity: 1;
            transform: translateY(0);
        }
        /* 卡片标题 */
        .hexinyoushi-card h3 {
            font-size: 26px;
            margin-bottom: 20px;
            color: var(--text-main);
            font-weight: 700;
            position: relative;
            padding-bottom: 15px;
        }
        .hexinyoushi-card h3::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 50px;
            height: 3px;
            background: linear-gradient(90deg, var(--primary-purple), #9a88f0);
            border-radius: 3px;
        }
        /* 卡片描述 */
        .hexinyoushi-card p {
            color: var(--text-secondary);
            margin-bottom: 30px;
            font-size: 16px;
            line-height: 1.8;
            letter-spacing: 0.2px;
            flex: 1;
        }
        /* 标签/卖点标签 - 紫色系 */
        .hexinyoushi-tag {
            display: inline-block;
            padding: 8px 20px;
            background: linear-gradient(90deg, rgba(130, 112, 233, 0.1), rgba(180, 168, 245, 0.1));
            color: var(--primary-purple);
            border-radius: 30px;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0.5px;
            border: 1px solid rgba(130, 112, 233, 0.2);
        }
        /* 了解更多按钮 */
        .hexinyoushi-btn {
            margin-top: 20px;
            padding: 12px 32px;
            background: linear-gradient(90deg, var(--primary-purple), #9a88f0);
            color: #fff;
            border-radius: 8px;
            font-weight: 600;
            border: none;
            cursor: pointer;
            font-size: 15px;
            transition: all 0.3s ease;
        }
        .hexinyoushi-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(130, 112, 233, 0.3);
        }

        /* 咨询板块：更大气 */
        .consult-section {
            background: linear-gradient(135deg, var(--border-light), #e8f1ff);
            border-radius: 20px;
            margin: 60px 30px 40px;
            padding: 80px 0;
            text-align: center;
        }
        .consult-section h2 {
            font-size: 36px;
            margin-bottom: 16px;
            font-weight: 700;
            color: var(--text-main);
        }
        .consult-section p {
            font-size: 18px;
            color: var(--text-secondary);
            margin: 0 auto 40px;
            max-width: 700px;
            line-height: 1.7;
        }

        /* 弹窗：缓入缓出+缩放 */
        .modal-mask {
            position: fixed;
            top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(0,0,0,0.6);
            display: none;
            align-items: center; justify-content: center;
            z-index: 9999;
            backdrop-filter: blur(8px);
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.4s ease, visibility 0.4s ease;
        }
        .modal-mask[style*="display: flex"] { /* 兼容原有JS控制 */
            opacity: 1;
            visibility: visible;
        }
        .modal-box {
            background: var(--card-bg);
            border-radius: 20px;
            padding: 50px;
            max-width: 450px;
            text-align: center;
            box-shadow: 0 20px 60px rgba(0,0,0,0.12); /* 优化阴影 */
            transform: scale(0.95);
            opacity: 0;
            transition: transform 0.4s ease, opacity 0.4s ease;
        }
        .modal-mask[style*="display: flex"] .modal-box {
            transform: scale(1);
            opacity: 1;
        }
        .modal-box h3 {
            font-size: 24px;
            margin-bottom: 20px;
            font-weight: 600;
        }
        .modal-box .phone {
            font-size: 32px;
            color: var(--primary-blue);
            font-weight: bold;
            margin: 24px 0;
            letter-spacing: 1px;
        }
        .modal-box p {
            font-size: 16px;
            color: var(--text-secondary);
            margin-bottom: 32px;
        }
        .modal-close {
            padding: 12px 32px;
            background: var(--bg-light);
            border: 1px solid #E2E8F0;
            border-radius: 10px;
            cursor: pointer;
            font-size: 16px;
            font-weight: 500;
            transition: all 0.3s ease;
        }
        .modal-close:hover {
            background: var(--border-light);
            border-color: var(--primary-blue);
            color: var(--primary-blue);
            transform: translateY(-2px);
        }

        /* 返回顶部按钮 */
        #backToTop {
            position: fixed;
            bottom: 30px;
            right: 30px;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: linear-gradient(90deg, var(--primary-blue), var(--primary-purple));
            color: #fff;
            border: none;
            cursor: pointer;
            opacity: 0;
            visibility: hidden;
            transform: translateY(20px);
            transition: all 0.4s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            box-shadow: 0 6px 20px rgba(82, 148, 232, 0.15);
            z-index: 998;
        }
        #backToTop:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 24px rgba(82, 148, 232, 0.2);
        }

        /* 底部：更大气的排版 */
        .footer {
            padding: 60px 30px;
            text-align: center;
            font-size: 15px;
            color: var(--text-secondary);
            border-top: 1px solid #E2E8F0;
            background: var(--card-bg);
            line-height: 2;
            margin-top: 60px;
        }

        /* 响应式适配：保证移动端也大气 */
        @media (max-width: 768px) {
            .container {
                padding: 0 20px;
            }
            .nav {
                margin: 0 20px;
                padding: 16px 20px;
            }
            .nav.scrolled {
                padding: 12px 20px;
            }
            .logo-placeholder {
                width: 160px;
                height: 40px;
            }
            .logo-text {
                font-size: 18px;
            }
            .nav-menu {
                gap: 20px;
            }
            .nav-menu a {
                font-size: 14px;
            }
            .hero {
                padding: 100px 0 110px;
                margin: 10px 20px;
                border-radius: 16px;
            }
            .hero h1 {
                font-size: 36px;
            }
            .hero p {
                font-size: 18px;
                max-width: 90%;
            }
            .btn {
                padding: 16px 36px;
                font-size: 16px;
            }
            .btn.loading {
                padding-left: 58px;
            }
            .section {
                padding: 60px 0;
            }
            .title h2 {
                font-size: 28px;
            }
            .title p {
                font-size: 16px;
            }
            .hexinyewu-card-box, .hexinyoushi-card-box {
                grid-template-columns: 1fr;
                gap: 24px;
            }
            .hexinyewu-card, .hexinyoushi-card {
                padding: 32px 24px;
            }
            .hexinyewu-section, .hexinyoushi-section {
                margin: 0 20px;
                padding: 60px 0;
            }
            .hexinyewu-card h3, .hexinyoushi-card h3 {
                font-size: 22px;
            }
            .hexinyewu-icon, .hexinyoushi-icon {
                width: 70px;
                height: 70px;
                margin-bottom: 20px;
            }
            .consult-section {
                margin: 40px 20px;
                padding: 60px 0;
            }
            .consult-section h2 {
                font-size: 28px;
            }
            #backToTop {
                width: 44px;
                height: 44px;
                font-size: 18px;
                bottom: 20px;
                right: 20px;
            }
        }
    </style>