.mkwzyh-container {
            margin: 0 auto;
            padding: 0 3%;
            width: 100%;
        }

        /* ---------- Banner---------- */
        .mkwzyh-banner {
            position: relative;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            background: radial-gradient(circle at 10% 30%, rgba(200, 225, 255, 0.6), rgba(235, 245, 255, 0.9));
            overflow: hidden;
        }
        .mkwzyh-banner-bg {
            position: absolute;
            inset: 0;
            background-image: linear-gradient(#b0d4ff 1px, transparent 1px), linear-gradient(90deg, #b0d4ff 1px, transparent 1px);
            background-size: 48px 48px;
            opacity: 0.2;
            pointer-events: none;
        }
        .mkwzyh-deco-top-right {
            position: absolute;
            top: 5%;
            right: 3%;
            width: 15rem;
            height: 15rem;
            opacity: 0.3;
            pointer-events: none;
            z-index: 1;
        }
        .mkwzyh-deco-bottom-left {
            position: absolute;
            bottom: 5%;
            left: 2%;
            width: 12rem;
            height: 12rem;
            opacity: 0.25;
            pointer-events: none;
            z-index: 1;
        }
        .mkwzyh-banner-left-shade {
            position: absolute;
            left: 0;
            top: 20%;
            width: 40%;
            height: 60%;
            background: linear-gradient(135deg, rgba(25, 80, 120, 0.2), rgba(10, 50, 80, 0.35));
            filter: blur(70px);
            border-radius: 50%;
            z-index: 0;
            pointer-events: none;
        }
        .mkwzyh-banner-grid {
            position: relative;
            z-index: 2;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            gap: 2rem;
            width: 100%;
        }
        .mkwzyh-banner-left {
            flex: 1.2;
            min-width: 260px;
            position: relative;
            z-index: 3;
        }
        .mkwzyh-banner-right {
            flex: 0.9;
            min-width: 260px;
            position: relative;
            z-index: 3;
        }
        .mkwzyh-title-main {
            font-size: 2.8rem;
            font-weight: 800;
            line-height: 1.2;
            background: linear-gradient(135deg, #1A5F9E, #2D8FCF);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            margin-bottom: 2rem;
        }
        .mkwzyh-desc {
            font-size: 1.6rem;
            color: #2c3e4e;
            margin-bottom: 1.8rem;
            line-height: 1.5;
            opacity: 0.85;
        }
        .mkwzyh-dynamic-content {
            background: rgba(255, 255, 255, 0.6);
            backdrop-filter: blur(6px);
            border-radius: 24px;
            padding: 1.2rem 1.5rem;
            border-left: 4px solid #2D8FCF;
            transition: all 0.25s ease;
        }
        .mkwzyh-dynamic-content h3 {
            font-size: 1.35rem;
            margin-bottom: 0.6rem;
            color: #0F3B5C;
        }
        .mkwzyh-dynamic-content p {
            font-size: 0.95rem;
            line-height: 1.6;
            color: #1f3b4c;
        }
        .mkwzyh-btn-group {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }
        .mkwzyh-info-btn {
            background: rgba(255, 255, 255, 0.7);
            backdrop-filter: blur(4px);
            border: 1px solid rgba(45, 143, 207, 0.3);
            padding: 0.9rem 1.4rem;
            border-radius: 60px;
            font-weight: 600;
            font-size: 2rem;
            text-align: left;
            color: #1a4b72;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            gap: 0.8rem;
        }
        .mkwzyh-info-btn svg {
            width: 24px;
            height: 24px;
            stroke: #2D8FCF;
            stroke-width: 1.5;
            fill: none;
        }
        .mkwzyh-info-btn:hover, .mkwzyh-info-btn.active {
            background: #2D8FCF;
            color: white;
            border-color: #2D8FCF;
            transform: translateX(8px);
            box-shadow: 0 12px 18px -8px rgba(45, 143, 207, 0.4);
        }
        .mkwzyh-info-btn:hover svg, .mkwzyh-info-btn.active svg {
            stroke: white;
        }
        .mkwzyh-scroll-hint {
            position: absolute;
            bottom: 3rem;
            left: 50%;
            transform: translateX(-50%);
            z-index: 5;
            animation: mkwzyh-bounce 2s infinite;
            cursor: pointer;
        }
        @keyframes mkwzyh-bounce {
            0%, 100% { transform: translateX(-50%) translateY(0); opacity: 0.6; }
            50% { transform: translateX(-50%) translateY(12px); opacity: 1; }
        }

        .pause-auto-btn {
            position: absolute;
            bottom: 4rem;
            left: 12%;
            z-index: 20;
            background: rgba(255,255,255,0.85);
            backdrop-filter: blur(8px);
            border-radius: 60px;
            padding: 0.6rem 1.2rem;
            display: flex;
            align-items: center;
            gap: 0.6rem;
            font-size: 2rem;
            font-weight: 600;
            color: #1a5f8e;
            cursor: pointer;
            transition: all 0.2s ease;
            border: 1px solid rgba(45,143,207,0.4);
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
            font-family: system-ui, sans-serif;
        }
        .pause-auto-btn:hover {
            background: #2D8FCF;
            color: white;
            border-color: #2D8FCF;
        }
        .pause-auto-btn i {
            font-style: normal;
            font-weight: bold;
        }

        /* AI SEO 模块 */
        .mkwzyh-ai-seo {
            background: linear-gradient(135deg, #0B2B40, #123e5a);
            position: relative;
            overflow: hidden;
            padding: 9rem 0;
            color: white;
        }
        .mkwzyh-ai-seo .blur-circle {
            position: absolute;
            width: 12rem;
            height: 12rem;
            background: rgba(255,255,255,0.08);
            border-radius: 50%;
            filter: blur(50px);
        }
        .ai-svg-deco {
            position: absolute;
            pointer-events: none;
            opacity: 0.2;
            z-index: 0;
        }
        .ai-svg-deco-1 { top: 5%; left: 0; width: 150px; }
        .ai-svg-deco-2 { bottom: 5%; right: 0; width: 200px; }

        .ai-flex {
            display: flex;
            flex-wrap: wrap;
            gap: 2rem;
            align-items: center;
            position: relative;
            z-index: 2;
        }
        .ai-left { flex: 1; }
        .ai-right { flex: 1; background: rgba(255,255,255,0.1); backdrop-filter: blur(8px); border-radius: 1.5rem; padding: 2rem;line-height: 45px; }
        .progress-bar {
            width: 100%;
            height: 0.6rem;
            background: rgba(255,255,255,0.2);
            border-radius: 1rem;
            overflow: hidden;
            margin: 0.5rem 0;
        }
        .progress-fill {
            width: 0%;
            height: 100%;
            background: #FFD966;
            border-radius: 1rem;
            transition: width 1s cubic-bezier(0.2, 0.9, 0.4, 1.1);
        }
        .ai-badge {
            background: rgba(255,255,255,0.2);
            backdrop-filter: blur(4px);
            padding: 0.3rem 1rem;
            border-radius: 2rem;
            font-size: 1.6rem;
            display: inline-block;
        }
        .feature-icon {
            background: rgba(255,255,255,0.2);
            border-radius: 50%;
            width: 2.5rem;
            height: 2.5rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-right: 0.5rem;
        }

        /* 动态数据区域 */
        .mkwzyh-stats {
            position: relative;
            color: white;
            text-align: center;
            padding: 20rem 5%;
            overflow: hidden;
            background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://mk-apps.cn/statics/common/seohibcn.webp) center no-repeat;
            background-size: cover;
        }
        .bubble-deco {
            position: absolute;
            width: 14rem;
            height: 14rem;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(255,255,240,0.15), transparent 70%);
            pointer-events: none;
            animation: floatBubble 8s infinite alternate ease-in-out;
        }
        .bubble1 { top: -5rem; left: -5rem; }
        .bubble2 { bottom: -4rem; right: -4rem; width: 18rem; height: 18rem; animation-duration: 12s; }
        @keyframes floatBubble {
            0% { transform: translate(0, 0) scale(1); opacity: 0.4; }
            100% { transform: translate(20px, -20px) scale(1.1); opacity: 0.7; }
        }
        .stats-svg-deco {
            position: absolute;
            bottom: 0;
            left: 0;
            opacity: 0.15;
            pointer-events: none;
            width: 180px;
        }

        .mkwzyh-stats-quote {
            font-size: 3rem;
            font-weight: 600;
            margin-bottom: 5rem;
            background: linear-gradient(120deg, #FFF, #D4E6FF);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
        .mkwzyh-stats-grid {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 2rem;
            max-width: 1000px;
            margin: 0 auto;
        }
        .mkwzyh-stat-card {
            background: rgba(255, 255, 255, 0.08);
            backdrop-filter: blur(5px);
            border-radius: 32px;
            padding: 1.5rem 2rem;
            min-width: 160px;
            flex: 1;
            transition: transform 0.2s ease, background 0.2s;
            border: 1px solid rgba(255,255,255,0.2);
        }
        .mkwzyh-stat-card:hover {
            transform: translateY(-6px);
            background: rgba(45, 143, 207, 0.35);
            border-color: #2D8FCF;
        }
        .mkwzyh-stat-number {
            font-size: 2.8rem;
            margin-bottom: 1.6rem;
            font-weight: 800;
            line-height: 1;
            background: linear-gradient(135deg, #FFF, #AAD0FF);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }

        /* 整站SEO优化卡片 */
        .mkwzyh-service-cards {
            background: #f0f6fe;
            padding: 4rem 5%;
        }
        .qc-grids {
            display: flex;
            flex-wrap: wrap;
            gap: 2rem;
            justify-content: center;
        }
        .qc-unit-8-24 {
            flex: 1;
            min-width: 260px;
            background: white;
            border-radius: 1.5rem;
            transition: all 0.25s;
            box-shadow: 0 8px 20px rgba(0,0,0,0.05);
        }
        .qc-unit-8-24:hover { transform: translateY(-6px); box-shadow: 0 20px 30px rgba(0,0,0,0.1); }
        .unit-box {
            display: block;
            padding: 1.8rem;
            text-decoration: none;
            color: inherit;
            text-align: center;
        }
        .service-img {
            width: 100%;
            height: 160px;
            object-fit: cover;
            border-radius: 1rem;
            background: #cfe3fc;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 3rem;
        }
        .unit-box .title {
            font-weight: bold;
            font-size: 2.2rem;
            margin-bottom: 0.5rem;
        }
        .unit-box p {
            margin-top: 0.8rem;
        }

        /* 服务流程 */
        .mkwzyh-service-flow {
            background: #d9eaff;
            padding: 6rem 5%;
        }
        .mkwzyh-section-header {
            text-align: center;
            margin-bottom: 3rem;
        }
        .mkwzyh-section-header h2 {
            font-size: 3rem;
            font-weight: 700;
            color: #0F3B5C;
        }
        .mkwzyh-flow-wrapper {
            display: flex;
            flex-wrap: wrap;
            gap: 2rem;
        }
        .mkwzyh-steps-nav {
            flex: 1;
            min-width: 200px;
            background: rgba(255,255,255,0.5);
            border-radius: 2rem;
            padding: 1rem 0;
            height: fit-content;
        }
        .mkwzyh-step-item {
            display: flex;
            align-items: center;
            gap: 1rem;
            padding: 1rem 1.5rem;
            font-size: 2rem;
            margin: 0.2rem 0;
            cursor: pointer;
            transition: all 0.25s;
            border-left: 4px solid transparent;
            font-weight: 500;
            color: #2c577c;
        }
        .mkwzyh-step-item.active {
            background: rgba(45, 143, 207, 0.2);
            border-left-color: #2D8FCF;
            color: #0F3B5C;
            font-weight: 600;
            font-size: 2.2rem;
        }
        .mkwzyh-step-num {
            font-size: 1.8rem;
            font-weight: 800;
            width: 48px;
            color: #2D8FCF;
        }

        .mkwzyh-step-detail-panel {
            background: linear-gradient(135deg, #fef9e8, #eef2fa);
            border-radius: 2rem;
            padding: 2rem 1.8rem;
            display: flex;
            flex-wrap: wrap;
            gap: 2rem;
            align-items: center;       
            flex: 2.5;
            min-height: 380px;
            box-shadow: 0 8px 24px rgba(0,0,0,0.05);
        }
        .step-text-area {
            flex: 1.2;
        }
        .step-image-area {
            flex: 0.8;
            text-align: center;
        }
        .step-image-area img {
            max-width: 100%;
            border-radius: 1.2rem;
            box-shadow: 0 12px 20px rgba(0,0,0,0.1);
        }
        .mkwzyh-feature-list {
            display: flex;
            flex-wrap: wrap;
            gap: 1rem;
            margin-top: 3rem;
        }
        .mkwzyh-feature-item {
            background: #eef3fc;
            border-radius: 10px;
            padding: 0.5rem 1.2rem;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            font-size: 1.6rem;
            font-weight: 500;
            color: #1f6392;
        }
        .mkwzyh-btn-outline {
            background: transparent;
            border: 1.5px solid #2D8FCF;
            padding: 0.8rem 1.8rem;
            border-radius: 40px;
            font-weight: 600;
            color: #2D8FCF;
            margin-top: 1.5rem;
            cursor: pointer;
            transition: all 0.2s;
            display: inline-block;
        }
        .mkwzyh-btn-outline:hover {
            background: #2D8FCF;
            color: white;
            transform: scale(1.02);
        }

        /* ========= SEO实操 ========= */
        .mkwzyh-seo-practice {
            background: white;
 
        }
        .grid-2col {
            display: flex;
            flex-wrap: wrap;
            gap: 4rem;
            align-items: stretch; 
        }
        .seo-col {
            flex: 1;
            background: #f8fafd;
            border-radius: 1.8rem;
            padding: 1.8rem;
            box-shadow: 0 5px 15px rgba(0,0,0,0.02);
            display: flex;
            flex-direction: column;
        }
        .seo-col h3 {
            font-size: 2rem;
            font-weight: 700;
            margin-bottom: 1.8rem;
            padding-bottom: 0.5rem;
            border-bottom: 3px solid #2D8FCF;
            display: inline-block;
        }
        .cards-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
            gap: 1.2rem;
            margin-top: 1rem;
            flex: 1;
        }
        .seo-card {
            background: white;
            border-radius: 1.2rem;
            padding: 1.2rem;
            transition: all 0.3s ease;
            border: 1px solid #e9eff5;
            box-shadow: 0 2px 6px rgba(0,0,0,0.02);
            min-height: 190px;         
            display: flex;
            flex-direction: column;
        }
        .seo-card:hover {
            transform: translateY(-4px);
            background: #ffffff;
            border-color: #2D8FCF;
            box-shadow: 0 12px 24px -12px rgba(45, 143, 207, 0.25);
        }
        .seo-card h4 {
            font-size: 1.8rem;
            font-weight: 700;
            color: #1a5f8e;
            margin-bottom: 0.6rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
        .seo-card p {
            font-size: 1.8rem;
            line-height: 1.5;
            color: #4a627a;
            flex: 1;
        }
        .seo-card .highlight-note {
            background: #f0f7ff;
            padding: 0.6rem;
            border-radius: 0.8rem;
            margin-top: 0.8rem;
            font-size: 1.6rem;
            border-left: 3px solid #2D8FCF;
        }
        .seo-card.placeholder {
            visibility: hidden;
            opacity: 0;
            pointer-events: none;
            min-height: 190px;
            border: 1px solid transparent;
            background: transparent;
            box-shadow: none;
        }
  

        .mkwzyh-keywords-section,
        .mkwzyh-why-section {
            padding: 6rem 3%;
            position: relative;
            overflow: hidden;
        }
        /* 为什么选择我们*/
        .mkwzyh-why-section {
            background: linear-gradient(135deg, #eef5fc 0%, #e0edfa 45%, #f4faff 100%);
            position: relative;
            z-index: 1;
        }

        .why-deco-svg {
            position: absolute;
            pointer-events: none;
            z-index: 0;
            opacity: 0.4;
        }
        .deco-dots-1 {
            top: 5%;
            left: 2%;
            width: 180px;
            animation: floatRotate 14s infinite alternate ease-in-out;
        }
        .deco-dots-2 {
            bottom: 8%;
            right: 3%;
            width: 240px;
            animation: floatRotate 18s infinite alternate-reverse;
        }
        .deco-wave {
            top: 30%;
            right: -30px;
            width: 260px;
            opacity: 0.25;
            animation: waveMove 12s infinite linear;
        }
        .deco-circle {
            bottom: 15%;
            left: -40px;
            width: 200px;
            opacity: 0.2;
            animation: pulseGlow 8s infinite alternate;
        }
        @keyframes floatRotate {
            0% { transform: translate(0, 0) rotate(0deg); }
            100% { transform: translate(20px, -15px) rotate(8deg); }
        }
        @keyframes waveMove {
            0% { transform: translateX(0) translateY(0); }
            100% { transform: translateX(-20px) translateY(15px); }
        }
        @keyframes pulseGlow {
            0% { opacity: 0.1; transform: scale(0.95); }
            100% { opacity: 0.3; transform: scale(1.1); }
        }
        .mkwzyh-why-section .mkwzyh-container {
            position: relative;
            z-index: 2;
        }
        .mkwzyh-keywords-section {
            background: #f8fafd;
        }
        .mkwzyh-keywords-grid,
        .mkwzyh-why-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 1.5rem;
        }
        .mkwzyh-keyword-card,
        .mkwzyh-service-card {
            background: white;
            border-radius: 1.2rem;
            transition: all 0.3s ease;
            border: 1px solid #e9eff5;
            overflow: hidden;
        }
        .mkwzyh-keyword-card:hover,
        .mkwzyh-service-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 20px 30px -12px rgba(0,0,0,0.12);
        }
        .mkwzyh-card-header {
            height: 4px;
        }
        .mkwzyh-card-body {
            padding: 1.5rem;
        }
        .mkwzyh-flex-icon {
            display: flex;
            align-items: center;
            gap: 1rem;
            margin-bottom: 1rem;
        }
        .mkwzyh-icon-bg {
            width: 3rem;
            height: 3rem;
            background: #eef3fc;
            border-radius: 0.75rem;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            color: #2D8FCF;
        }
        .mkwzyh-text-muted {
            color: #5a6e82;
            font-size: 1.6rem;
            line-height: 1.5;
        }
        .mkwzyh-text-center {
            text-align: center;
        }
        .mkwzyh-mb-16 {
            margin-bottom: 3rem;
        }
        .mkwzyh-max-w-3xl {
            max-width: 48rem;
            margin-left: auto;
            margin-right: auto;
        }
        .mkwzyh-font-bold {
            font-weight: 700;
        }
        .mkwzyh-text-lg {
            font-size: 1.125rem;
        }

        footer {
            text-align: center;
            padding: 2rem;
            background: #EFF6FF;
            color: #4d6a8f;
        }

        @media (max-width: 860px) {
            .mkwzyh-banner-grid { flex-direction: column; }
            .mkwzyh-stats-grid { gap: 1rem; }
            .mkwzyh-flow-wrapper { flex-direction: column; }
            .mkwzyh-step-detail-panel { flex-direction: column; align-items: flex-start; }
            .step-image-area { order: -1; width: 100%; }
            .ai-flex { flex-direction: column; }
            .cards-grid { grid-template-columns: 1fr; }
            .tip-grid { grid-template-columns: 1fr; }
            .pause-auto-btn { left: 5%; }
            .seo-card { min-height: auto; }
        }
/****************SEO优化*******************************/
        .mkapseo-container {
            max-width: 100%;
            margin: 0 auto;
            padding: 3% 5%;
        }

        /* 大标题样式 */
        .mkapseo-section-title {
            font-size: 4rem;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 2.6rem;
            background: linear-gradient(145deg, #0f2b5e, #1e3b77);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        @media (max-width: 900px) {
            .mkapseo-section-title {
                font-size: 2rem;
            }
        }

        /* 按钮 */
        .mkapseo-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            background: linear-gradient(145deg, #2563eb, #1d4ed8);
            color: white;
            font-weight: 600;
            padding: 0.8rem 2.2rem;
            border-radius: 60px;
            border: none;
            cursor: pointer;
            transition: all 0.2s ease;
            text-decoration: none;
            font-size: 1.6rem;
            margin-top: 2rem;
            box-shadow: 0 8px 18px -6px #1e3a8a;
        }
        .mkapseo-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 25px -8px #1e3a8a;
        }
        .mkapseo-btn-outline {
            background: transparent;
            border: 2px solid #ffffffcc;
            color: white;
            box-shadow: none;
        }
        .mkapseo-btn-outline:hover {
            background: white;
            color: #1d4ed8;
            border-color: white;
        }

        /* banner 左右结构 + 背景图片 */
        .mkapseo-banner {
            background: #0a1b32;  
            background-image: url('data:image/svg+xml;utf8,<svg width="100%" height="100%" viewBox="0 0 1200 600" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="60" height="60" patternUnits="userSpaceOnUse"><path d="M 60 0 L 0 0 0 60" fill="none" stroke="rgba(67, 126, 245, 0.15)" stroke-width="1"/></pattern><radialGradient id="glow" cx="30%" cy="40%" r="70%"><stop offset="0%" stop-color="%23365eb5" stop-opacity="0.3"/><stop offset="100%" stop-color="%23000" stop-opacity="0.7"/></radialGradient></defs><rect width="100%" height="100%" fill="url(%23grid)"/><rect width="100%" height="100%" fill="url(%23glow)" mix-blend-mode="overlay"/></svg>');
            background-size: cover, cover;
            background-position: center;
            background-blend-mode: overlay;
            padding: 2.5rem 0 3rem;
            color: white;
        }
        .mkapseo-banner .mkapseo-container {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 2rem;
        }
        .mkapseo-banner-left {
            flex: 1 1 300px;
        }
        .mkapseo-banner-left h1 {
            font-size: 4rem;
            font-weight: 800;
            line-height: 1.2;
        }
        .mkapseo-banner-left p {
            font-size: 2rem;
            margin: 1rem 0 2rem;
            opacity: 0.9;
        }
        .mkapseo-banner-right {
            flex: 1 1 300px;
            background: rgba(255,255,255,0.08);
            backdrop-filter: blur(10px);
            padding: 2rem 2.2rem;
            border-radius: 2.5rem;
            border: 1px solid rgba(255,255,255,0.15);
            box-shadow: 0 25px 40px -15px black;
        }
        .mkapseo-banner-right p {
            font-size: 1.8rem;
            line-height: 1.7;
            color: #f0f6ff;
        }

        /* 错位图文区 — 护眼色背景统一，卡片改用柔和底色 */
        .mkapseo-offset-row {
            display: flex;
            align-items: center;
            gap: 5%;
            margin: 5rem 0;
            flex-wrap: wrap;
        }
        .mkapseo-offset-col {
            flex: 1 1 300px;
        }
        /* 图片模拟 — 更形象的插图风格 */
        .mkapseo-real-img {
            width: 100%;
            border-radius: 2rem;
            box-shadow: 0 30px 35px -15px #a0b8d0;
            background: #d9e8cf;  /* 护眼色深一度 */
            min-height: 260px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #1e3b77;
            font-size: 1.5rem;
            font-weight: 600;
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" width="400" height="300"><rect width="400" height="300" fill="%239bbf8f" /><text x="70" y="130" fill="white" font-size="26" font-weight="bold">📈 SEO 增长策略</text><circle cx="270" cy="160" r="45" fill="%23ffffff30"/><path d="M150 210 L220 140 L280 180 L340 110" stroke="white" stroke-width="4" fill="none"/><circle cx="220" cy="140" r="8" fill="white"/><circle cx="280" cy="180" r="8" fill="white"/><circle cx="340" cy="110" r="8" fill="white"/></svg>');
            background-size: cover;
        }
        /* 困扰列表 + 按钮融合 */
        .mkapseo-problem-list {
            background: #f0f7e8;  /* 护眼色卡片 */
            border-radius: 2rem;
            padding: 0.8rem 1.5rem 0.8rem 1.5rem;
            box-shadow: 0 8px 25px #cddec2;
        }
        .mkapseo-problem-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: 1px solid #cbdcc2;
            padding: 1rem 0.5rem;
        }
        .mkapseo-problem-item:last-child {
            border-bottom: none;
        }
        .mkapseo-problem-text strong {
            font-size: 2rem;
            color: #0f2b5e;
        }
        .mkapseo-svg-btn {
            background: #e8f0fe;
            border-radius: 30px;
            padding: 0.4rem 1.2rem;
            display: inline-flex;
            align-items: center;
            gap: 0.3rem;
            color: #2563eb;
            font-weight: 500;
            text-decoration: none;
            transition: 0.2s;
        }
        .mkapseo-svg-btn:hover {
            background: #2563eb;
            color: white;
        }
        /* 融合在列表内的“怎么办”按钮样式 (与问题项类似但突出) */
        .mkapseo-problem-item.special-action {
            border-top: 2px dashed #2563eb60;
            margin-top: 2rem;
            justify-content: center;
            background: #e2eed9;
            border-radius: 60px;
            border-bottom: none;
            padding: 0.7rem 1rem;
        }
        .mkapseo-problem-item.special-action a {
            background: transparent;
            color: #1d4ed8;
            font-weight: 700;
            font-size: 1.8rem;
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        /* 三个模块 图标+标题同行 — 护眼色卡片 */
        .mkapseo-feature-cards {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 2rem;
            margin: 3rem 0 4rem;
        }
        .mkapseo-card {
            background: #f1f8ea;  /* 护眼色 */
            border-radius: 2rem;
            padding: 2rem 1.8rem;
            box-shadow: 0 15px 30px -12px #a1b892;
            border: 1px solid #e2f0d4;
            transition: all 0.2s;
        }
        .mkapseo-card:hover {
            box-shadow: 0 25px 35px -12px #1e3b77;
        }
        .mkapseo-card-header {
            display: flex;
            align-items: center;
            gap: 0.8rem;
            margin-bottom: 1rem;
        }
        .mkapseo-card-header svg {
            width: 2.4rem;
            height: 2.4rem;
            stroke: #2563eb;
            stroke-width: 1.8;
            fill: none;
        }
        .mkapseo-card-header h3 {
            font-size: 1.6rem;
            font-weight: 600;
        }

        /* 8个功能网格 — hover深色背景 */
        .mkapseo-grid-8 {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.8rem;
            margin: 3rem 0;
        }
        .mkapseo-grid-item {
            background: #ebf3e2;  /* 护眼色浅调 */
            border-radius: 2rem;
            padding: 2rem 1.2rem;
            text-align: center;
            border: 1px solid #d4e6c4;
            transition: 0.2s;
        }
        .mkapseo-grid-item:hover {
            background: #1e3a5f;  /* 深色背景 */
            box-shadow: 0 15px 25px -10px #0e2a47;
            transform: translateY(-5px);
        }
        .mkapseo-grid-item:hover h4,
        .mkapseo-grid-item:hover p {
            color: white;
        }
        .mkapseo-grid-item:hover svg {
            stroke: #ffffff;  /* 白色图标 */
        }
        .mkapseo-grid-item svg {
            width: 2.8rem;
            height: 2.8rem;
            stroke: #2563eb;
            stroke-width: 1.5;
            fill: none;
            margin-bottom: 1rem;
            transition: stroke 0.2s;
        }
        .mkapseo-grid-item h4 {
            font-size: 1.2rem;
            font-weight: 600;
            margin-bottom: 0.5rem;
            transition: color 0.2s;
        }
        .mkapseo-grid-item p {
            font-size: 0.9rem;
            color: #3d5775;
            transition: color 0.2s;
        }

        /* 报价卡片 — 渐变标题背景 + 价格小单位 */
        .mkapseo-pricing-row {
            display: flex;
            align-items: flex-end;
            justify-content: center;
            gap: 2rem;
            flex-wrap: wrap;
            margin: 3rem 0 4rem;
        }
        .mkapseo-pricing-card {
            background: #f2f9ec;  /* 护眼色卡片 */
            border-radius: 2.5rem;
            padding: 2.5rem 2rem;
            flex: 1 1 280px;
            max-width: 320px;
            box-shadow: 0 20px 35px -10px #a1b58e;
            border: 1px solid #daeacd;
            transition: 0.2s;
        }
        .mkapseo-pricing-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 30px 45px -10px #2563eb60;
        }
        .mkapseo-pricing-card.mkapseo-popular {
            transform: translateY(-1.5rem);
            border: 2px solid #2563eb;
            box-shadow: 0 25px 40px -10px #2563eb;
        }
        /* 渐变标题区域 */
        .pricing-header {
            padding: 0.7rem 1rem;
            border-radius: 2rem;
            margin-bottom: 1rem;
            color: white;
            text-shadow: 0 2px 3px rgba(0,0,0,0.1);
        }
        .pricing-header h4 {
            font-size: 1.8rem;
            font-weight: 700;
            margin-bottom: 0.2rem;
            color: white;
        }
        .pricing-header p {
            color: rgba(255,255,255,0.9);
            font-size: 0.95rem;
        }
        .mkapseo-pricing-card:nth-child(1) .pricing-header {
            background: linear-gradient(145deg, #2563eb, #1d4ed8);
        }
        .mkapseo-pricing-card:nth-child(2) .pricing-header {
            background: linear-gradient(145deg, #16a34a, #15803d);
        }
        .mkapseo-pricing-card:nth-child(3) .pricing-header {
            background: linear-gradient(145deg, #9333ea, #7e22ce);
        }
        .price-amount {
            font-size: 2.2rem;
            font-weight: 800;
            color: #0f2b5e;
            margin: 1rem 0;
        }
        .currency-symbol {
            font-size: 0.7em;
            vertical-align: super;
        }
        .year-text {
            font-size: 0.6em;
            font-weight: 400;
            margin-left: 0.2rem;
            color: #3f5775;
        }
        .mkapseo-feature-list {
            list-style: none;
            margin-top: 1.5rem;
        }
        .mkapseo-feature-list li {
            display: flex;
            align-items: center;
            gap: 0.6rem;
            margin-bottom: 0.7rem;
            font-size: 0.95rem;
        }
        .mkapseo-feature-list li svg {
            width: 1.2rem;
            height: 1.2rem;
            stroke: #2563eb;
            stroke-width: 2.5;
            fill: none;
            flex-shrink: 0;
        }

        /* 快速收录区域 */
        .mkapseo-quick-index {
            display: flex;
            flex-wrap: wrap;
            gap: 4%;
            margin: 4rem 0;
        }
        .mkapseo-left-faq {
            width: 54%;
        }
        .mkapseo-right-calc {
            width: 42%;
            position: sticky;
            top: 2rem;
            align-self: start;
            background: #edf5e5;  /* 护眼色 */
            border-radius: 2.5rem;
            padding: 2rem;
            backdrop-filter: blur(8px);
            border: 1px solid #d4e6c4;
        }
        .mkapseo-steps {
            display: flex;
            gap: 1rem;
            margin: 2rem 0;
        }
        .mkapseo-step {
            background: #dbeace;  /* 护眼色深一度 */
            border-radius: 2rem;
            padding: 1rem;
            flex: 1;
            font-weight: 600;
            text-align: center;
        }
        /* 收录成功图片 — 初始模糊，悬停清晰 (满足用户要求) */
        .mkapseo-site-img {
            background: #ffffff;
            border-radius: 1.8rem;
            padding: 1.2rem;
            margin: 1.2rem 0;
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 150" width="700" height="150"><rect width="700" height="150" fill="%23f8fafc" rx="24" ry="24"/><text x="40" y="55" fill="%231e3a8a" font-size="24" font-weight="bold">site:yourdomain.com</text><text x="40" y="100" fill="%23333" font-size="20">找到约 328 条结果  (0.23 秒)</text><circle cx="600" cy="70" r="20" fill="%232563eb" opacity="0.2"/><text x="560" y="80" fill="%232563eb" font-size="22">✓</text></svg>');
            background-size: cover;
            background-position: center;
            height: 150px;
            border: 1px solid #b7d6a3;
            box-shadow: 0 4px 8px rgba(0,40,0,0.1);
            filter: blur(3px);
            transition: filter 0.3s ease;
        }
        .mkapseo-site-img:hover {
            filter: blur(0);
        }
        .mkapseo-faq-list {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
            margin: 2rem 0;
        }
        .mkapseo-faq-item {
            background: #e6f1dc;  /* 护眼色 */
            border-radius: 1.5rem;
            padding: 1.3rem 1.8rem;
            border-left: 6px solid #2563eb;
        }
        .mkapseo-faq-q {
            font-weight: 700;
            font-size: 1.1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
            margin-bottom: 0.5rem;
        }
        .mkapseo-faq-q svg {
            width: 1.2rem;
            height: 1.2rem;
            stroke: #2563eb;
        }
        .mkapseo-faq-a {
            color: #2c3e5a;
            padding-left: 1.7rem;
        }

        /* 流程区域 */
        .mkapseo-process {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 2rem;
            margin: 4rem 0;
        }
        .mkapseo-process-item {
            flex: 1 1 140px;
            text-align: center;
            background: #e5f0db;  /* 护眼色 */
            padding: 1.8rem 1rem;
            border-radius: 2rem;
            transition: 0.2s;
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.5s, transform 0.5s;
        }
        .mkapseo-process-item.mkapseo-visible {
            opacity: 1;
            transform: translateY(0);
        }
        .mkapseo-process-item svg {
            width: 3.2rem;
            height: 3.2rem;
            stroke: #2563eb;
            stroke-width: 1.5;
            fill: none;
            margin-bottom: 0.8rem;
        }

        /* 动效系统 */
        .ys-fadeupnew {
            transform: translate3d(0px, 4rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
            opacity: 0;
            transform-style: preserve-3d;
            transition: transform 1s cubic-bezier(0.2, 0.9, 0.3, 1), opacity 0.6s ease;
        }
        .ys-fadeupnew.fadeInup {
            transform: translate3d(0px, 0rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
            opacity: 1;
        }

        /* ---------- 支付模态框 ---------- */
        .payment-modal {
            display: none;
            position: fixed;
            top: 0; left: 0; width: 100%; height: 100%;
            background-color: rgba(0,0,0,0.6);
            z-index: 1000;
            justify-content: center;
            align-items: center;
        }
        .payment-modal.active {
            display: flex;
        }
        .modal-content {
            background: #f9fff5;
            border-radius: 2.5rem;
            max-width: 700px;
            width: 90%;
            padding: 2.5rem 2rem;
            box-shadow: 0 30px 50px rgba(0,40,0,0.5);
            position: relative;
            border: 2px solid #b7d6a3;
        }
        .close-modal {
            position: absolute;
            top: 1.2rem; right: 1.8rem;
            font-size: 2rem;
            cursor: pointer;
            color: #2e5c3e;
            line-height: 1;
            background: none;
            border: none;
        }
        .payment-qr-row {
            display: flex;
            flex-wrap: wrap;
            gap: 2rem;
            justify-content: center;
            margin: 2rem 0 1rem;
        }
        .qr-item {
            text-align: center;
            background: white;
            padding: 1.5rem 1rem;
            border-radius: 2rem;
            box-shadow: 0 8px 20px #b0cfa0;
            flex: 1 1 200px;
        }
        .qr-code-box {
            width: 160px;
            height: 160px;
            margin: 0 auto 1rem;
            background: repeating-linear-gradient(45deg, #000 0px, #000 8px, #fff 8px, #fff 16px);
            border-radius: 1.2rem;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            text-shadow: 1px 1px 0 #000;
        }
        /* 模拟二维码上的文字 (仅示意) */
        .qr-code-box span {
            background: rgba(255,255,255,0.7);
            color: #000;
            padding: 0.2rem 0.5rem;
            border-radius: 2rem;
            font-size: 1rem;
        }
        .qr-item p {
            font-size: 1.1rem;
            margin: 0.5rem 0 0.2rem;
            color: #1d3d2d;
            font-weight: 600;
        }
        .qr-item small {
            color: #4f6b5c;
        }
        .payment-info {
            text-align: center;
            font-size: 1.2rem;
            margin: 1rem 0 0.5rem;
            border-top: 1px dashed #2563eb;
            padding-top: 1.5rem;
        }
        .payment-info strong {
            color: #1e4a2e;
        }

        /* 响应式 */
        @media (max-width: 900px) {
            .mkapseo-banner-left h1 { font-size: 2.4rem; }
            .mkapseo-feature-cards { grid-template-columns: 1fr; }
            .mkapseo-grid-8 { grid-template-columns: repeat(2,1fr); }
            .mkapseo-left-faq, .mkapseo-right-calc { width: 100%; }
        }
        @media (max-width: 600px) {
            .mkapseo-grid-8 { grid-template-columns: 1fr; }
            .mkapseo-faq-list { grid-template-columns: 1fr; }
        }


/****************GEO营销*******************************/
        .mkapgeo-wrapper {
            max-width: 100%;
            margin: 0 auto;
            padding: 2% 3%;
        }

        /* 通用区块：柔和渐变，圆润 */
        .mkapgeo-section {
            width: 100%;
            padding: 5% 6% 6% 6%;
            border-radius: 3rem 3rem 2rem 2rem;
            margin-bottom: 2%;
            box-shadow: 0 20px 40px -10px rgba(0,20,30,0.15);
            transition: background 0.3s;
            position: relative;
            overflow: hidden;
        }

        /* 各屏渐变背景 (柔和且有渐变感) */
        .mkapgeo-banner {
            background: linear-gradient(145deg, #d9e9ff 0%, #b5d8ff 40%, #cfc7ff 100%);
        }
        .mkapgeo-what {
            background: linear-gradient(125deg, #ffe7f0 0%, #ffe0d9 60%, #fff3cf 100%);
        }
        .mkapgeo-advantage {
            background: linear-gradient(155deg, #d2f0f9 0%, #e0dbff 50%, #f5deee 100%);
        }
        .mkapgeo-search-change {
            background: linear-gradient(135deg, #ddeeff 0%, #f0e6ff 70%, #fef6d8 100%);
        }

        .mkapgeo-row {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            gap: 4%;
        }
        .mkapgeo-col {
            flex: 1 1 46%;
            min-width: 280px;
        }

        /* 标题字号调小 (一级、二级) */
        .mkapgeo-title {
            font-size: clamp(1.8rem, 5vw, 3.2rem);
            font-weight: 750;
            line-height: 1.2;
            letter-spacing: -0.01em;
            margin-bottom: 1rem;
        }
        .mkapgeo-sub {
            font-size: clamp(1.1rem, 3.5vw, 1.9rem);
            font-weight: 400;
            opacity: 0.9;
            margin-bottom: 2rem;
        }

        /* 逐字上浮渐显 (默认字符不可见，等待拆分后通过类触发动画) */
        .mkapgeo-char {
            display: inline-block;
            opacity: 0;
            animation: mkapgeoFloatUp 0.5s ease forwards;
        }
        @keyframes mkapgeoFloatUp {
            0% { opacity: 0; transform: translateY(16px); }
            100% { opacity: 1; transform: translateY(0); }
        }

        /* 整体渐显模块 (默认隐藏，通过滚动添加类触发) */
        .mkapgeo-fade-block {
            opacity: 0;
            /* 动画在 .mkapgeo-visible 时触发 */
        }
        .mkapgeo-fade-block.mkapgeo-visible {
            animation: mkapgeoFadeRise 0.8s cubic-bezier(0.2,0.9,0.3,1) forwards;
        }
        @keyframes mkapgeoFadeRise {
            0% { opacity: 0; transform: translateY(20px); }
            100% { opacity: 1; transform: translateY(0); }
        }

        /* 按钮微调，hover更自然 */
        .mkapgeo-btn {
            display: inline-block;
            background: white;
            border: none;
            padding: 0.8rem 2rem;
            border-radius: 60px;
            font-weight: 600;
            font-size: 1.1rem;
            color: #0b1a33;
            cursor: pointer;
            transition: all 0.25s ease;
            box-shadow: 0 6px 14px -6px rgba(0,40,60,0.2);
            margin-top: 1rem;
            margin-right: 1.5rem;
        }
        .mkapgeo-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 12px 24px -10px rgba(0,80,120,0.3);
            background: #ffffff;
        }

        /* 第二屏三个光点按钮 */
        .mkapgeo-btn-geo {
            position: relative;
            background: #ffffffc9;
            border: 1px solid #8f9bb3;
            overflow: visible;
            z-index: 2;
            margin-right: 2%;
        }
        .mkapgeo-btn-geo .mkapgeo-rotate-dots {
            position: absolute;
            top: -15%; left: -15%;
            width: 130%; height: 130%;
            pointer-events: none;
            opacity: 0;
            transition: opacity 0.25s;
            z-index: 1;
        }
        .mkapgeo-btn-geo:hover .mkapgeo-rotate-dots {
            opacity: 0.9;
        }
        .mkapgeo-rotate-dots svg {
            width: 100%;
            height: 100%;
            display: block;
            animation: mkapgeoSpinReverse 8s linear infinite;
        }
        @keyframes mkapgeoSpinReverse {
            from { transform: rotate(0deg); }
            to { transform: rotate(-360deg); }
        }

        /* 第三屏卡片hover效果更自然 */
        .mkapgeo-card-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 5%;
            margin-top: 2rem;
        }
        .mkapgeo-card {
            background: rgba(255,255,255,0.45);
            backdrop-filter: blur(4px);
            border-radius: 2.5rem;
            padding: 1.8rem 1.5rem;
            box-shadow: 0 10px 20px -8px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
            border: 1px solid rgba(255,255,255,0.8);
            background: linear-gradient(145deg, rgba(255,255,255,0.7), rgba(255,255,255,0.3));
        }
        .mkapgeo-card:nth-child(1) { background: linear-gradient(120deg, #f7e4ff, #fcf0da); }
        .mkapgeo-card:nth-child(2) { background: linear-gradient(220deg, #daf0fd, #ffe3f0); }
        .mkapgeo-card:nth-child(3) { background: linear-gradient(40deg, #fdeacb, #d7f0fe); }
        .mkapgeo-card:nth-child(4) { background: linear-gradient(300deg, #e6e2ff, #fef3dd); }
        .mkapgeo-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 24px 36px -16px rgba(0,60,100,0.25);
        }
        .mkapgeo-card h3 { font-size: 1.6rem; margin-bottom: 0.8rem; }
        .mkapgeo-card p { font-size: 0.98rem; line-height: 1.5; opacity: 0.8; }

        /* 第四屏对比块 hover 微动 */
        .mkapgeo-compare {
            display: flex;
            flex-wrap: wrap;
            gap: 3%;
            justify-content: center;
        }
        .mkapgeo-compare-box {
            flex: 1 1 40%;
            background: rgba(255,255,255,0.45);
            backdrop-filter: blur(4px);
            border-radius: 2.5rem;
            padding: 2.4rem 2rem;
            margin-top: 2rem;
            box-shadow: 0 15px 30px -10px rgba(0,0,0,0.1);
            border: 1px solid rgba(255,255,255,0.8);
            min-width: 260px;
            transition: transform 0.25s ease, box-shadow 0.3s;
        }
        .mkapgeo-compare-box:first-child {
            transform: translateY(5%);
            background: linear-gradient(125deg, #ffe8e8, #f9f0d0);
        }
        .mkapgeo-compare-box:last-child {
            transform: translateY(-2%);
            background: linear-gradient(155deg, #daf1fd, #eadbff);
        }
        .mkapgeo-compare-box:hover {
            transform: translateY(0%) scale(1.01);
            box-shadow: 0 30px 45px -15px #1e3b5b30;
        }
        .mkapgeo-icon-row {
            display: flex;
            flex-wrap: wrap;
            gap: 1rem 1.8rem;
            margin: 1.8rem 0;
            align-items: center;
        }
        .mkapgeo-svg-icon {
            width: 3rem;
            height: 3rem;
            background: rgba(255,255,255,0.5);
            border-radius: 30%;
            padding: 0.4rem;
        }
        .mkapgeo-ellipsis-svg {
            width: 3rem;
            height: 3rem;
            opacity: 0.7;
        }

        /* 半圆背景装饰（第三屏） */
        .mkapgeo-semicircle-bg {
            position: absolute;
            top: 0;
            right: 0;
            width: 50%;
            height: 100%;
            pointer-events: none;
            opacity: 0.3;
            z-index: 0;
        }

        @media (max-width: 700px) {
            .mkapgeo-section { padding: 10% 5%; }
            .mkapgeo-card-grid { grid-template-columns: 1fr; }
            .mkapgeo-compare-box:first-child, .mkapgeo-compare-box:last-child { transform: none; }
        }

        .mkapgeo-btn-group {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
        }
        .mkapgeo-highlight {
            font-weight: 600;
            background: linear-gradient(to right, #022b4e, #1b4a7a);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        /* banner svg 无背景框，更大融入感 */
        .mkapgeo-banner-svg {
            width: 100%;
            height: auto;
            max-height: 520px;
            display: block;
            filter: drop-shadow(0 0 6px rgba(150,200,255,0.3));
        }



/****************全网营销*******************************/
        .mkapqw-wrapper {
            max-width: 100%;
            margin: 0 auto;
        }

        /* 通用区块样式：柔和渐变背景 */
        .mkapqw-section {
            width: 100%;
            padding: 5% 6% 6% 6%;
            border-radius: 3rem 3rem 2rem 2rem;
            margin-bottom: 2%;
            box-shadow: 0 20px 40px -10px rgba(0,20,40,0.2);
            position: relative;
            overflow: hidden;
        }

        /* 各屏独特渐变 (可微调) */
        .mkapqw-banner {
            background: linear-gradient(135deg, #e2e9ff 0%, #d0d9ff 50%, #f3e7fd 100%);
        }
        .mkapqw-ads {
            background: linear-gradient(145deg, #f2eefe 0%, #e6e2ff 70%, #fef0dd 100%);
        }
        .mkapqw-highlight {
            background: linear-gradient(125deg, #fbe9f0 0%, #ffe1d9 60%, #fcf2cf 100%);
        }
        .mkapqw-value {
            background: linear-gradient(155deg, #dff2fb 0%, #ece2ff 50%, #fee9f2 100%);
        }
        .mkapqw-international {
            background: linear-gradient(135deg, #d9ecff 0%, #f2e2fa 70%, #fef2da 100%);
        }

        /* 标题字号 */
        .mkapqw-title {
            font-size: clamp(2rem, 6vw, 3.5rem);
            font-weight: 750;
            line-height: 1.2;
            letter-spacing: -0.01em;
            margin-bottom: 1rem;
        }
        .mkapqw-sub {
            font-size: clamp(1.1rem, 3vw, 1.8rem);
            font-weight: 400;
            opacity: 0.9;
            margin-bottom: 2rem;
        }

        /* 逐字动画 (默认隐藏，通过js拆分并赋予可见性) */
        .mkapqw-char {
            display: inline-block;
            opacity: 0;
            animation: mkapqwFloatUp 0.5s ease forwards;
        }
        @keyframes mkapqwFloatUp {
            0% { opacity: 0; transform: translateY(18px); }
            100% { opacity: 1; transform: translateY(0); }
        }

        /* 整体渐显模块 (滚动触发) */
        .mkapqw-fade-block {
            opacity: 0;
            transition: opacity 0.01s; /* 占位 */
        }
        .mkapqw-fade-block.mkapqw-visible {
            animation: mkapqwFadeRise 0.8s cubic-bezier(0.2,0.9,0.3,1) forwards;
        }
        @keyframes mkapqwFadeRise {
            0% { opacity: 0; transform: translateY(25px); }
            100% { opacity: 1; transform: translateY(0); }
        }

        /* 第一屏专用：手风琴左右布局 */
        .mkapqw-accordion {
            display: flex;
            flex-wrap: wrap;
            gap: 4%;
            margin-top: 2rem;
        }
        .mkapqw-accordion-left {
            flex: 2 1 55%;
            background: rgba(255,255,255,0.3);
            backdrop-filter: blur(8px);
            border-radius: 2.5rem;
            padding: 2.5rem 2rem;
            box-shadow: 0 20px 30px -10px rgba(0,0,0,0.1);
            border: 1px solid rgba(255,255,255,0.6);
        }
        .mkapqw-accordion-left .mkapqw-service-detail {
            display: none;
        }
        .mkapqw-accordion-left .mkapqw-service-detail.active {
            display: block;
        }
        .mkapqw-service-detail h3 {
            font-size: 1.2rem; font-weight: 400; letter-spacing: 2px; color: #2a3f6e; margin-bottom: 1rem;
        }
        .mkapqw-service-detail h4 {
            font-size: 2.2rem; font-weight: 700; margin-bottom: 1.2rem;
        }
        .mkapqw-service-detail h5 {
            font-size: 1.1rem; font-weight: 350; line-height: 1.6; margin-bottom: 1.8rem; color: #1f2937;
        }
        .mkapqw-service-detail h6 {
            font-size: 1rem; font-weight: 400; line-height: 1.9; white-space: pre-line; color: #1e3a5f;
        }

        .mkapqw-accordion-right {
            flex: 1 1 25%;
            min-width: 200px;
        }
        .mkapqw-accordion-right ul {
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 0.8rem;
        }
        .mkapqw-accordion-right li {
            background: #3a4a6b;  /* 基础色，后面用行内style覆盖 */
            padding: 1.5rem 1rem;
            border-radius: 3rem;
            text-align: center;
            font-size: 1.3rem;
            font-weight: 600;
            color: white;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 8px 12px -5px rgba(0,0,0,0.2);
            border: 1px solid rgba(255,255,255,0.3);
        }
        .mkapqw-accordion-right li.active {
            transform: scale(1.02);
            box-shadow: 0 15px 25px -8px #001e3f;
            border: 2px solid white;
        }
        .mkapqw-accordion-right li:hover {
            transform: translateY(-4px);
            filter: brightness(1.1);
        }

        /* 第二屏：广告网格 */
        .mkapqw-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
            gap: 1.5rem;
            margin: 3rem 0;
        }
        .mkapqw-grid-item {
            background: rgba(255,255,255,0.4);
            backdrop-filter: blur(4px);
            border-radius: 2rem;
            padding: 1.5rem 0.5rem;
            text-align: center;
            transition: all 0.2s ease;
            border: 1px solid rgba(255,255,255,0.6);
        }
        .mkapqw-grid-item:hover {
            transform: translateY(-6px);
            background: rgba(255,255,255,0.7);
            box-shadow: 0 20px 25px -10px #1b344d;
        }
        .mkapqw-grid-item .mkapqw-icon {
            width: 50px; height: 50px; margin: 0 auto 0.8rem;
        }
        .mkapqw-grid-item dt {
            font-weight: 700; font-size: 1.2rem; margin-bottom: 0.3rem;
        }
        .mkapqw-grid-item p {
            font-size: 0.85rem; opacity: 0.8; padding: 0 0.5rem;
        }

        /* 按钮组 */
        .mkapqw-btn-group {
            display: flex; flex-wrap: wrap; gap: 1.5rem; justify-content: center;
        }
        .mkapqw-btn {
            background: white; border: none; padding: 0.8rem 2.5rem; border-radius: 60px;
            font-weight: 600; font-size: 1.2rem; color: #0b1a33; cursor: pointer;
            transition: all 0.25s ease; box-shadow: 0 6px 14px -6px rgba(0,40,60,0.3);
        }
        .mkapqw-btn:hover {
            transform: translateY(-3px); box-shadow: 0 15px 25px -10px #022549;
        }

        /* 第三屏 (自定义营销王牌) */
        .mkapqw-highlight-box {
            display: flex; flex-wrap: wrap; align-items: center; gap: 4%;
            background: rgba(255,255,255,0.3); backdrop-filter: blur(5px);
            border-radius: 3rem; padding: 3rem; margin-top: 2rem;
        }
        .mkapqw-highlight-left {
            flex: 1.2 1 280px; text-align: center;
        }
        .mkapqw-highlight-left .mkapqw-big-number {
            font-size: 7rem; font-weight: 800; line-height: 1; color: #2a3f6e; opacity: 0.2; margin-bottom: -1rem;
        }
        .mkapqw-highlight-left svg { width: 80%; max-width: 300px; height: auto; }
        .mkapqw-highlight-right {
            flex: 2 1 400px;
        }
        .mkapqw-highlight-right h3 { font-size: 2.4rem; font-weight: 700; margin-bottom: 1rem; }
        .mkapqw-highlight-right p { font-size: 1.2rem; line-height: 1.6; margin-bottom: 2rem; }
        .mkapqw-tag-list { display: flex; flex-wrap: wrap; gap: 0.8rem; }
        .mkapqw-tag { background: rgba(255,255,255,0.5); padding: 0.5rem 1.5rem; border-radius: 40px; font-weight: 500; }

        /* 第四屏 (左右价值) */
        .mkapqw-value-row {
            display: flex; flex-wrap: wrap; gap: 2%; margin-top: 2rem;
        }
        .mkapqw-value-left {
            flex: 1.2 1 300px;
            background: linear-gradient(145deg, #1f3a5f30, #a0c0ff30);
            border-radius: 3rem; padding: 2.5rem 2rem;
            backdrop-filter: blur(4px);
            border: 1px solid rgba(255,255,255,0.6);
        }
        .mkapqw-value-left .title h4 { font-size: 1.2rem; font-weight: 400; color: #2e4a7a; }
        .mkapqw-value-left .title h2 { font-size: 3rem; font-weight: 800; margin-bottom: 0.5rem; }
        .mkapqw-value-left .p { margin-bottom: 2rem; font-size: 1rem; }
        .mkapqw-value-left ul { list-style: none; display: flex; gap: 2rem; }
        .mkapqw-value-left li { text-align: center; }
        .mkapqw-value-left li .ico svg { width: 50px; height: 50px; }
        .mkapqw-value-left li h5 { font-size: 1.2rem; margin-top: 0.4rem; }
        .mkapqw-value-left li h6 { font-size: 0.9rem; opacity: 0.7; }

        .mkapqw-value-right {
            flex: 2.5 1 500px;
            background: rgba(255,255,255,0.2); backdrop-filter: blur(4px);
            border-radius: 3rem; padding: 2rem;
            border: 1px solid rgba(255,255,255,0.6);
        }
        .mkapqw-value-right ul {
            display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.8rem;
            list-style: none;
        }
        .mkapqw-value-right li {
            background: rgba(255,255,255,0.4); border-radius: 2rem; padding: 1.5rem 1.2rem;
            transition: 0.2s;
        }
        .mkapqw-value-right li:hover { transform: translateY(-4px); background: rgba(255,255,255,0.7); }
        .mkapqw-value-right .ico svg { width: 40px; height: 40px; margin-bottom: 0.5rem; }
        .mkapqw-value-right .title.elli { font-weight: 700; font-size: 1.1rem; margin-bottom: 0.4rem; }
        .mkapqw-value-right .p { font-size: 0.9rem; line-height: 1.5; opacity: 0.8; }

        /* 第五屏 (国际整合营销) 四列 */
        .mkapqw-international-grid {
            display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.8rem; margin-top: 3rem;
        }
        @media (max-width: 900px) { .mkapqw-international-grid { grid-template-columns: repeat(2, 1fr); } }
        @media (max-width: 500px) { .mkapqw-international-grid { grid-template-columns: 1fr; } }
        .mkapqw-intl-card {
            background: rgba(255,255,255,0.3); backdrop-filter: blur(4px);
            border-radius: 2.5rem; padding: 2rem 1.5rem;
            border: 1px solid rgba(255,255,255,0.6);
            transition: 0.2s;
        }
        .mkapqw-intl-card:hover { background: rgba(255,255,255,0.6); transform: translateY(-5px); }
        .mkapqw-intl-card h3 { font-size: 1.8rem; margin-bottom: 0.5rem; }
        .mkapqw-intl-card p { margin: 1rem 0; font-size: 0.95rem; line-height: 1.5; }
        .mkapqw-icon-row { display: flex; flex-wrap: wrap; gap: 0.8rem; margin-top: 1rem; }
        .mkapqw-icon-row svg { width: 30px; height: 30px; opacity: 0.8; }

        /* 通用工具 */
        .mkapqw-space2 { height: 2rem; }
        .mkapqw-text-center { text-align: center; }

        /* 响应式 */
        @media (max-width: 700px) {
            .mkapqw-section { padding: 12% 5%; }
            .mkapqw-accordion-left { order: 2; }
            .mkapqw-accordion-right { order: 1; margin-bottom: 1rem; }
            .mkapqw-value-right ul { grid-template-columns: 1fr; }
        }



/****************外贸获客系统*******************************/
        .mkapwmhk-section {
            width: 100%;
            padding: 5% 6%;
            position: relative;
        }
        /* 弹性/网格 */
        .mkapwmhk-row {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            gap: 2%;
        }
        .mkapwmhk-col {
            flex: 1 1 30%;
            min-width: 280px;
            margin-bottom: 2%;
        }
        .mkapwmhk-grid-4 {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.5%;
        }
        @media (max-width: 900px) {
            .mkapwmhk-grid-4 { grid-template-columns: repeat(2, 1fr); }
            .mkapwmhk-row { flex-direction: column; }
        }

        /* 卡片基础 + 柔和渐变 */
        .mkapwmhk-card {
            border-radius: 32px;
            padding: 2rem 1.8rem;
            height: 100%;
            background: linear-gradient(145deg, rgba(255,255,255,0.6) 0%, rgba(240,245,255,0.9) 100%);
            box-shadow: 0 20px 40px -10px rgba(0,20,30,0.15);
            backdrop-filter: blur(2px);
            transition: transform 0.25s ease, box-shadow 0.3s ease, background 0.3s ease;
        }
        .mkapwmhk-card:hover {
            transform: translateY(-6px) scale(1.02);
            box-shadow: 0 30px 50px -15px rgba(0,40,60,0.25);
        }

        /* 渐变预设 */
        .grad-1 { background: linear-gradient(125deg, #f9f3e9, #ffece5); }
        .grad-2 { background: linear-gradient(135deg, #e9f0f9, #dce9f5); }
        .grad-3 { background: linear-gradient(115deg, #f0f3fa, #faeef5); }
        .grad-4 { background: linear-gradient(145deg, #ebf3f0, #dff0f0); }
        .grad-5 { background: linear-gradient(155deg, #fef7e9, #fff2e0); }
        .grad-6 { background: linear-gradient(165deg, #f0eef9, #ede4f5); }
        .grad-7 { background: linear-gradient(135deg, #e2f0f0, #d4e9e9); }
        .grad-8 { background: linear-gradient(125deg, #ffe8e0, #ffdbd0); }
        .grad-9 { background: linear-gradient(115deg, #e0f0ea, #cce8dd); }

        /* 按钮 */
        .mkapwmhk-btn {
            display: inline-block;
            margin-top: 1.8rem;
            padding: 0.7rem 2rem;
            border-radius: 60px;
            background: rgba(255,255,255,0.7);
            border: 1px solid rgba(0,40,60,0.1);
            font-weight: 500;
            color: #024d6e;
            text-decoration: none;
            transition: all 0.3s;
            box-shadow: 0 6px 12px -8px #023b4e;
            cursor: pointer; /* 提示可点击 */
        }
        .mkapwmhk-btn:hover {
            background: #fff;
            box-shadow: 0 14px 24px -12px #022b3a;
        }
        .btn-arrow { margin-left: 0.4rem; transition: margin 0.2s; }
        .mkapwmhk-btn:hover .btn-arrow { margin-left: 0.8rem; }

        /* 滚动触发动画 (减慢) */
        .mkapwmhk-scroll-fade {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.9s ease, transform 0.9s ease;
        }
        .mkapwmhk-scroll-fade.revealed {
            opacity: 1;
            transform: translateY(0);
        }
        .mkapwmhk-word-split .word-span {
            display: inline-block;
            opacity: 0;
            animation: mkapwmhkFloatWord 0.9s ease forwards;
        }
        @keyframes mkapwmhkFloatWord {
            0% { opacity: 0; transform: translateY(0.6em) scale(0.95); }
            100% { opacity: 1; transform: translateY(0) scale(1); }
        }

        /* 特点网格 */
        .feature-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.2rem;
            margin: 2.5rem 0;
        }
        .feature-item {
            padding: 1.5rem 1rem;
            border-radius: 28px;
            text-align: center;
            font-weight: 600;
            transition: 0.2s;
            box-shadow: 0 6px 14px rgba(0,20,30,0.05);
            cursor: default;
        }
        .feature-item:hover {
            transform: scale(1.03) translateY(-5px);
            box-shadow: 0 20px 28px -12px #012b3f;
        }

        /* seo卡片 */
        .seo-card {
            padding: 2rem 1.5rem;
            border-radius: 36px;
            text-align: center;
            background: linear-gradient(125deg, #f4fafe, #eaf1fa);
            transition: 0.25s;
        }
        .seo-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 25px 35px -15px #022b3a;
        }
        .seo-header {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.75rem;
            margin-bottom: 1.5rem;
        }
        .seo-header svg {
            width: 36px;
            height: 36px;
            stroke: #036b8a;
            transition: transform 0.2s;
        }
        .seo-card:hover .seo-header svg {
            transform: rotate(5deg) scale(1.1);
        }
        .seo-header h4 {
            font-size: 1.5rem;
            font-weight: 600;
            margin: 0;
        }
        .seo-card p {
            line-height: 1.6;
            color: #1f4459;
            margin-top: 1rem;
        }

        /* 社交卡片 - 图标居中优化 + 月活小字 */
        .mkapwmhk-social-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1.8rem;
            margin: 2.5rem 0;
        }
        .mkapwmhk-social-card {
            background: linear-gradient(145deg, #ffffffb3, #f3f7fc);
            border-radius: 40px;
            padding: 1.8rem 1.5rem;
            transition: all 0.3s ease;
            border: 1px solid rgba(255,255,255,0.6);
            box-shadow: 0 12px 24px -16px #17394c1a;
            backdrop-filter: none;
        }
        .mkapwmhk-social-card:hover {
            background: linear-gradient(145deg, #f0f7ff, #e4eefa);
            transform: scale(1.02);
            box-shadow: 0 20px 30px -10px #17394c33;
            filter: none;
        }
        .social-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 1.5rem;
        }
        .social-left {
            display: flex;
            align-items: center;
            gap: 0.8rem;
        }
        /* 修正SVG图标居中：确保viewBox和内容居中 */
        .social-left svg {
            width: 44px;
            height: 44px;
            display: block; /* 防止多余空白 */
        }
        /* 各平台图标重新调整使其内部文字居中 */
        .social-left svg text {
            text-anchor: middle;
            dominant-baseline: middle;
        }
        .social-left span {
            font-weight: 700;
            font-size: 1.3rem;
            color: #02455e;
        }
        .social-right {
            text-align: right;
        }
        .social-stats {
            font-size: 2.2rem;
            font-weight: 700;
            color: #02455e;
            line-height: 1.1;
            display: flex;
            align-items: baseline;
            gap: 0.2rem;
        }
        .social-stats .unit {
            font-size: 1rem;        /* 小号 */
            font-weight: 400;
            color: #6f8a9a;         /* 浅灰色，区别于数字 */
            margin-left: 0.1rem;
        }
        .social-bullets {
            list-style: none;
            margin-top: 1.2rem;
            padding-left: 0;
        }
        .social-bullets li {
            padding: 0.3rem 0 0.3rem 1.2rem;
            position: relative;
            font-size: 0.95rem;
            color: #1d3b4a;
            border-bottom: 1px dashed #cddde5;
        }
        .social-bullets li::before {
            content: "•";
            color: #0284a3;
            font-weight: bold;
            position: absolute;
            left: 0;
        }

        /* 问题与服务卡片 */
        .issue-card, .service-card {
            padding: 1.8rem 1rem;
            border-radius: 36px;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            background: linear-gradient(135deg, #ffffffd6, #f1f9ff);
            transition: transform 0.25s, box-shadow 0.3s;
        }
        .issue-card:hover, .service-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 30px -10px #17394c66;
        }
        .issue-card svg, .service-card svg {
            width: 44px;
            height: 44px;
            margin-bottom: 1rem;
            stroke: #036b8a;
            fill: none;
        }
        .issue-card {
            background: linear-gradient(125deg, #fdf3ec, #fbe9de);
        }

        /* 客户类型卡片 - 内容居中 */
        .client-card {
            padding: 1.8rem;
            border-radius: 36px;
            background: linear-gradient(145deg, #ffffffd6, #eaf0f5);
            transition: 0.25s;
            display: flex;
            flex-direction: column;
            align-items: center;       /* 水平居中 */
            text-align: center;        /* 文字居中 */
        }
        .client-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 28px -12px #012b3f;
        }
        .client-header {
            display: flex;
            align-items: center;
            justify-content: center;    /* 居中 */
            gap: 0.8rem;
            margin-bottom: 1.2rem;
            width: 100%;
        }
        .client-header svg {
            width: 40px;
            height: 40px;
            stroke: #036b8a;
        }
        .client-header h4 {
            font-size: 1.5rem;
            font-weight: 600;
            margin: 0;
        }
        .dilemma-badge {
            background: rgba(3, 107, 138, 0.15);
            padding: 0.4rem 1rem;
            border-radius: 60px;
            display: inline-block;
            font-weight: 600;
            margin-bottom: 1rem;
            color: #024d6e;
            border: 1px solid #afd1de;
        }
        .client-card p {
            margin: 0.5rem 0;
            line-height: 1.6;
        }

        /* 双卡片 */
        .double-card {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 2rem;
            margin-top: 2rem;
        }
        .feature-card {
            padding: 2rem;
            border-radius: 40px;
            background: linear-gradient(125deg, #f4fafe, #e3f0f5);
            transition: 0.25s;
        }
        .feature-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 25px 35px -15px #022b3a;
        }
        .feature-card h3 {
            font-size: 2rem;
            margin-bottom: 1.5rem;
            color: #02455e;
        }
        .feature-card ul {
            list-style: none;
        }
        .feature-card li {
            padding: 0.5rem 0 0.5rem 1.5rem;
            position: relative;
            font-size: 1.1rem;
        }
        .feature-card li::before {
            content: "✓";
            color: #0284a3;
            font-weight: bold;
            position: absolute;
            left: 0;
        }

        /* 标题大小 */
        h2.section-title { font-size: 3rem; margin-bottom: 0.5rem; }
        h3.subtitle { font-size: 2.2rem; margin: 2.5rem 0 1.5rem; }
        .banner-tagline {
            font-size: 2.5rem;
            font-weight: 300;
            letter-spacing: 4px;
            color: #1d4f63;
            text-align: center;
            margin-bottom: 1rem;
        }

        hr { border: none; height: 1px; background: linear-gradient(90deg,transparent,#afc9d4,transparent); margin: 2rem 0; }
        .mkapwmhk-anchor { scroll-margin-top: 2rem; }