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

        .mkapswbsite-glass-card {
            background: rgba(255, 255, 255, 0.85);
            backdrop-filter: blur(2px);
            border-radius: 2rem;
            border: 1px solid rgba(42, 110, 255, 0.25);
            box-shadow: 0 12px 28px -8px rgba(0, 0, 0, 0.08);
            transition: transform 0.25s ease, border-color 0.2s;
        }
        .mkapswbsite-glass-card, .mkapswbsite-adv-item, .solution-card, .insight-card, .service-item, .suggest-hover-card, .device-card-mini, .mkapswbsite-problem-card, .price-table-bg table tr {
            transition: all 0.25s cubic-bezier(0.2, 0.9, 0.4, 1.1);
        }

        .mkapswbsite-btn {
            background: linear-gradient(105deg, #eef3ff, #e0eaff);
            border: 1px solid #2a6eff40;
            padding: 12px 32px;
            border-radius: 60px;
            font-weight: 600;
            font-size: 1.6rem;
            color: #1e3a8a;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            z-index: 1;
        }
		.mkapswbsite-btn:active {
            transform: scale(0.97);
        }
        .mkapswbsite-btn::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
            transition: left 0.5s;
            z-index: -1;
        }
        .mkapswbsite-btn:hover::before {
            left: 100%;
        }
        .mkapswbsite-btn-primary {
            background: linear-gradient(115deg, #2a6eff, #1a4fcf);
            color: white;
            border: none;
            box-shadow: 0 8px 20px -8px #2a6eff60;
        }
        .mkapswbsite-btn-primary:hover {
            transform: scale(1.02);
        }
        .mkapswbsite-btn-outline {
            background: transparent;
            border: 1.5px solid #2a6eff;
            color: #2a6eff;
        }
        .mkapswbsite-btn-outline:hover {
            background: rgba(42,110,255,0.08);
        }

        .mkapswbsite-section-title {
            font-size: 3rem;
            font-weight: 800;
            background: linear-gradient(135deg, #1e2f5a, #2a6eff);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            margin-bottom: 1rem;
            letter-spacing: -0.02em;
        }
        .mkapswbsite-sub {
            color: #4a5b7a;
            font-size: 1.8rem;
            margin-bottom: 2rem;
        }
        /* 额外动画波纹光效 */
        @keyframes borderGlow {
            0% { border-color: rgba(42,110,255,0.2); box-shadow: 0 0 0 0 rgba(42,110,255,0);}
            100% { border-color: rgba(42,110,255,0.8); box-shadow: 0 0 0 5px rgba(42,110,255,0);}
        }
        .mkapswbsite-btn-primary:focus-visible {
            animation: borderGlow 0.6s ease;
        }
        /* Hero */
        .mkapswbsite-hero {
            position: relative;
            min-height: 90vh;
            display: flex;
            align-items: center;
            overflow: hidden;
            padding: 3rem 0;
            background: radial-gradient(ellipse at 80% 30%, #eef4ff, #ffffff);
        }
        .mkapswbsite-hero-bg-deco {
            position: absolute;
            inset: 0;
            z-index: 0;
        }
        .mkapswbsite-hero h1 {
            font-size: 5rem;
            font-weight: 800;
            line-height: 1.2;
            background: linear-gradient(to right, #645ae9, #ef6868);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
        .mkapswbsite-hero p {
            font-size: 2rem;
            color: #626b8f;
            margin: 1.5rem 0;
        }
        .mkapswbsite-orb {
            position: absolute;
            width: 400px;
            height: 400px;
            background: radial-gradient(circle, rgba(42,110,255,0.08) 0%, rgba(200,220,255,0) 70%);
            border-radius: 50%;
            top: -100px;
            right: -100px;
            animation: floatOrb 12s infinite alternate;
        }
        .mkapswbsite-orb2 {
            left: -150px;
            bottom: -100px;
            width: 500px;
            height: 500px;
            background: radial-gradient(circle, rgba(100,160,255,0.08) 0%, rgba(255,255,255,0) 70%);
            animation: floatOrb 18s infinite alternate-reverse;
        }
        @keyframes floatOrb {
            0% { transform: translate(0,0) scale(1); opacity: 0.4; }
            100% { transform: translate(40px, 40px) scale(1.1); opacity: 0.7; }
        }
        .mkapswbsite-grid-lines {
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: linear-gradient(rgba(42,110,255,0.1) 1px, transparent 1px),
                              linear-gradient(90deg, rgba(42,110,255,0.08) 1px, transparent 1px);
            background-size: 40px 40px;
            animation: moveGrid 20s linear infinite;
        }
        @keyframes moveGrid {
            0% { background-position: 0 0; }
            100% { background-position: 40px 40px; }
        }
        /* 旋转齿轮等装饰恢复 */
        .hero-deco-svg {
            position: absolute;
            z-index: 1;
            pointer-events: none;
            opacity: 0.4;
			transition: transform 0.3s;
        }
        .hero-deco-svg:hover {
            filter: drop-shadow(0 0 6px #2a6eff);
        }
        @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
        @keyframes spinReverse { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } }
        @keyframes float { 0% { transform: translateY(0px); } 100% { transform: translateY(15px); } }

        .mkapswbsite-hero-content {
            position: relative;
            z-index: 2;
            max-width: 700px;
        }
        .hero-float-png {
            position: absolute;
            right: 8%;
            top: 50%;
            transform: translateY(-50%);
            width: 300px;
            max-width: 32vw;
            z-index: 2;
            pointer-events: none;
            animation: gentleShake 5s infinite ease-in-out;
            filter: drop-shadow(0 10px 20px rgba(0,0,0,0.05));
        }
		
        @keyframes gentleShake {
            0% { transform: translateY(-50%) rotate(0deg) translateX(0); }
            25% { transform: translateY(-52%) rotate(1deg) translateX(3px); }
            75% { transform: translateY(-48%) rotate(-1deg) translateX(-3px); }
            100% { transform: translateY(-50%) rotate(0deg) translateX(0); }
        }
        @media (max-width: 1000px) {
            .hero-float-png { right: 2%; width: 240px; }
        }
        @media (max-width: 800px) {
            .hero-float-png { display: none; }
        }

        /* 两列布局 */
        .mkapswbsite-two-columns {
            display: flex;
            flex-wrap: wrap;
            gap: 2.5rem;
            margin: 3rem 0;
        }
        .mkapswbsite-col {
            flex: 1 1 400px;
        }
        .mkapswbsite-risk-card {
            background: #ffffff;
            border-radius: 2rem;
            padding: 2rem;
            border-left: 5px solid #ff6b6b;
            box-shadow: 0 12px 24px -12px rgba(0,0,0,0.05);
            height: 100%;
            display: flex;
            flex-direction: column;
        }
        .mkapswbsite-risk-card p{font-size:1.6rem;margin-bottom: 1.6rem;}
        .risk-image {
            margin-top: 1.8rem;
            text-align: center;
        }
        .risk-image img {
            max-width: 100%;
            width: 200px;
        }

        /* 核心优势: SVG+标题同行 */
        .mkapswbsite-advantage-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 1.5rem;
            margin-top: 1rem;
        }
        .mkapswbsite-adv-item {
            background: #ffffff;
            border-radius: 1.5rem;
            padding: 1.5rem;
            transition: all 0.35s cubic-bezier(0.2, 0.9, 0.4, 1.1);
            border: 1px solid #e2edff;
            box-shadow: 0 4px 12px rgba(0,0,0,0.02);
        }
        .adv-header {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 12px;
        }
        .adv-header svg {
            flex-shrink: 0;
			transition: transform 0.3s ease;
        }
        .adv-header h4 {
            font-size: 2rem;
            font-weight: 700;
            margin: 0;
            color: #1e2f5a;
        }
        .mkapswbsite-adv-item p {
            margin-left: 0;
            color: #4a5b7a;
            font-size: 1.6rem;
            line-height: 1.4;
        }
        .mkapswbsite-adv-item:hover {
            border-color: #2a6eff;
            box-shadow: 0 8px 20px -8px rgba(42,110,255,0.25);
            transform: scale(1.08);
        }

        /* 问题卡片 */
        .mkapswbsite-grid-4 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
            gap: 2rem;
            margin: 2rem 0;
        }
        .mkapswbsite-grid-4 h3{margin-bottom:1rem;}
        .mkapswbsite-problem-card {
            background: white;
            border-radius: 1.8rem;
            padding: 2rem 1.5rem;
            text-align: center;
            transition: all 0.3s ease;
            border-bottom: 3px solid #ff8a6e;
        }
        .mkapswbsite-problem-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 30px -12px rgba(255, 100, 80, 0.25);
            border-bottom-color: #ff4d3a;
        }
        /* 个性化定制 */

       .mkapswbsite-left-detail p{
            font-size: 1.6rem;
        }
        .mkapswbsite-showcase {
            display: flex;
            flex-wrap: wrap;
            gap: 2.5rem;
            align-items: center;
        }
        .device-showcase-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1.2rem;
            margin: 1.5rem 0;
        }
        .device-card-mini {
            background: linear-gradient(145deg, #ffffff, #f8fafd);
            border-radius: 1.5rem;
            padding: 1.4rem 1.2rem;
            display: flex;
            align-items: center;
            gap: 14px;
            border: 1px solid #eef2ff;
            transition: all 0.3s;
            cursor: default;
        }
        .device-card-mini:hover {
            border-color: #2a6eff;
            transform: translateY(-4px) scale(1.02);
            background: white;
            box-shadow: 0 12px 20px -12px rgba(42,110,255,0.2);
        }
        .device-icon {
            font-size: 2.6rem;
			transition: transform 0.2s;
        }
        .device-card-mini span {
            font-size: 2.6rem;
            font-weight: 600;
            color: #1f3a6b;
            font-size: 2.1rem;
        }
        .device-card-mini small {
            display: block;
            font-size: 1.6rem;
            color: #5a6e8a;
        }
     .device-card-mini:hover .device-icon {
            transform: rotate(3deg) scale(1.05);
        }
        /* 右侧图形美化 */
        .mkapswbsite-right-graphic {
            flex: 1;
            text-align: center;
            background: linear-gradient(145deg, #ffffff, #f2f6fe);
            border-radius: 2rem;
            padding: 1.8rem;
            border: 1px solid #e0ebff;
        }

        /* 报价表样式 */
      .table-bg table tr {
            transition: background 0.2s;
        }
        .price-mdz {
            margin: 2.5rem 0;
        }
        .price-mdz p{font-size:1.8rem;}
        .table-bg {
		    margin-top: 2.3rem;
            background: white;
            border-radius: 2rem;
            padding: 1.5rem;
            box-shadow: 0 12px 28px -12px rgba(0,0,0,0.08);
            border: 1px solid #eef2ff;
            overflow-x: auto;
			transition: box-shadow 0.3s;
        }
        .table-bg:hover {
            box-shadow: 0 22px 35px -16px rgba(42,110,255,0.2);
        }

        .price-table-1, .price-table-2, .price-table-3 {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 1.5rem;
            font-size: 1.6rem;
            table-layout: fixed;
        }
        .price-table-1 td, .price-table-2 td, .price-table-3 td {
            border: 1px solid #e2e8f0;
            padding: 12px 10px;
            vertical-align: middle;
        }
        /* 统一列宽比例 */
        .price-table-1 td:first-child, .price-table-2 td:first-child, .price-table-3 td:first-child { width: 110px; }
        .price-table-1 td:nth-child(2), .price-table-2 td:nth-child(2), .price-table-3 td:nth-child(2) { width: 140px; }
        .price-table-1 td:nth-child(3), .price-table-2 td:nth-child(3), .price-table-3 td:nth-child(3) { width: 180px; }
        .price-table-1 td:nth-child(4), .price-table-2 td:nth-child(4), .price-table-3 td:nth-child(4) { width: 180px; }
        .one-color { background: #f8fbff; font-weight: 700; }
        .two-color { background: #f0f5ff; }
        .thr-color { background: #f0f5ff; }
        .tt { font-weight: 700; color: #1e2f5a; }
        .red { color: #e6492d; font-weight: 700; }
        .four { background: #eef3ff; font-weight: 700; }
        .five { background: #fafcff; }
        .six { background: #fff; }
        @media (max-width: 700px) {
            .price-table-1, .price-table-2, .price-table-3 { font-size: 0.7rem; }
            .price-table-1 td, .price-table-2 td, .price-table-3 td { padding: 6px 4px; }
        }
.suggest-hover-card p{margin-top:1rem;}
        /* 推广卡片 */
        .suggest-hover-card {
            transition: all 0.3s ease;
            border-radius: 1.8rem;
            background: #fff;
        }
        .suggest-hover-card:hover {
            transform: translateY(-6px);
            border-color: #2a6eff !important;
            box-shadow: 0 20px 28px -12px rgba(42,110,255,0.2);
            background: #ffffff;
        }


        .solution-section {
            margin: 3rem 0 5rem;
        }
        .solution-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.8rem;
            margin-top: 3.4rem;
        }
        .solution-card {
            background: #ffffff;
            border-radius: 1.8rem;
            padding: 1.8rem 1.2rem;
            transition: all 0.3s ease;
            border: 1px solid #eef2ff;
            box-shadow: 0 8px 18px -10px rgba(0,0,0,0.03);
            text-align: center;
        }
		.solution-card::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 6%;
            width: 84%;
            height: 2px;
            background: linear-gradient(90deg, #2a6eff, #8cb4ff);
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.4s ease;
        }
        .solution-card:hover::after {
            transform: scaleX(1);
        }
        .solution-card:hover {
            border-color: #2a6eff;
            box-shadow: 0 18px 30px -12px rgba(42,110,255,0.25);
            transform: translateY(-8px);
            background: #ffffff;
        }
        .solution-icon {
            margin-bottom: 1rem;
            display: inline-block;
        }
		        .solution-icon svg {
            transition: transform 0.3s;
        }
        .solution-card:hover .solution-icon svg {
            transform: rotateY(180deg);
        }
        .solution-card h3 {
            font-size: 2.4rem;
            font-weight: 700;
            margin: 0.5rem 0 1rem;
            color: #1e2f5a;
        }
        .solution-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .solution-list li {
            font-size: 1.6rem;
            padding: 0.4rem 0;
            color: #4a5b7a;
            border-bottom: 1px dashed #eef2ff;
        }
        .solution-list li:last-child {
            border-bottom: none;
        }
        @media (max-width: 1100px) {
            .solution-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 1.5rem;
            }
        }
        @media (max-width: 640px) {
            .solution-grid {
                grid-template-columns: 1fr;
            }
        }

        /* 为什么选择我们 - 四个懂模块 */
        .insight-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 1.5rem;
            margin: 2rem 0;
        }
        .insight-card {
            background: #ffffff;
            border-radius: 1.5rem;
            padding: 1.2rem;
            text-align: center;
            border: 1px solid #e9eff9;
            transition: all 0.3s ease;
            cursor: default;
        }
        .insight-card:hover {
            transform: translateY(-8px) scale(1.02);
            background: linear-gradient(145deg, #ffffff, #f2f8ff);
            border-color: #2a6eff;
            box-shadow: 0 12px 24px -10px rgba(42,110,255,0.2);
        }
	   .insight-card:hover .insight-icon {
            transform: scale(1.1);
        }
        .insight-icon {
            font-size: 2.2rem;
            margin-bottom: 0.5rem;
			transition: transform 0.2s;
        }
        .service-icons {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            gap: 1.4rem;
            margin: 3rem 0;
        }
        .service-item {
            background: #f9fcff;
            border-radius: 1.2rem;
            padding: 1rem;
            text-align: center;
            transition: 0.2s;
            border: 1px solid #e9eff9;
			transition: all 0.25s;
			    font-size: larger;
        }
		 .service-item:hover {
            background: #e6f0ff;
            transform: translateY(-3px);
            border-color: #2a6eff;
            box-shadow: 0 8px 20px -8px rgba(42,110,255,0.2);
        }
        .why-choose-section {
            background: #ffffff;
            border-radius: 2rem;
            margin: 3rem 0 2rem;
            padding: 2rem;
            box-shadow: 0 12px 28px -12px rgba(0,0,0,0.05);
			transition: all 0.2s;
        }
        .why-choose-section p{font-size:2.2rem;}
        .advantages-grid-stats{padding:2rem;}
        .why-choose-section h3{font-size:3.2rem;}
        .glow-text { font-weight: 600; color: #1f3a6b; }
  
        @keyframes fadeUp {
            from { opacity: 0; transform: translateY(20px);}
            to { opacity: 1; transform: translateY(0);}
        }

/***************************企业网站建设***************************************/
        .mkapweb-modal {
            display: none;
            position: fixed;
            top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(0,0,0,0.8);
            align-items: center;
            justify-content: center;
            z-index: 999;
        }
        .mkapweb-modal-content {
            width: 80%;
            background: #000;
            border-radius: 2rem;
            padding: 1rem;
            position: relative;
        }
        .mkapweb-modal-close {
            position: absolute;
            top: -4rem;
            right: 0;
            color: white;
            font-size: 3rem;
            background: transparent;
            border: none;
            cursor: pointer;
        }
        .mkapweb-modal iframe {
            width: 100%;
            aspect-ratio: 16/9;
            border-radius: 1.5rem;
        }


        [class^="mkapweb-"] { max-width: 100%; }

        .mkapweb-container {
            width: 90%;
            margin: 0 auto;
            padding: 4rem 0;
        }

        .mkapweb-section-title {
            font-size: 3.6rem;
            font-weight: 600;
            margin-bottom: 2rem;
            letter-spacing: -0.02em;
            background: linear-gradient(145deg, #0b2b3f, #1d4a6d);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .mkapweb-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 1rem;
            background: #1d4e7c;
            color: #fff;
            border: none;
            padding: 1.2rem 3.2rem;
            font-size: 1.8rem;
            font-weight: 500;
            border-radius: 4rem;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 0.8rem 1.6rem rgba(0,40,80,0.1);
            text-decoration: none;
            border: 1px solid rgba(255,255,255,0.2);
        }
        .mkapweb-btn span { transition: transform 0.2s ease; }
        .mkapweb-btn:hover {
            background: #0f3b5e;
            gap: 1.6rem;
            box-shadow: 0 1.2rem 2.4rem rgba(0,60,120,0.25);
        }
        .mkapweb-btn:hover span { transform: translateX(0.6rem); }

        /* 渐显动画 */
        .mkapweb-fade {
            opacity: 0;
            transform: translateY(3rem);
            transition: opacity 0.8s cubic-bezier(0.2,0.9,0.3,1), transform 0.8s cubic-bezier(0.2,0.9,0.3,1);
        }
        .mkapweb-visible { opacity: 1; transform: translateY(0); }

        /* ---------- 1. HERO 区域 ---------- */
        .mkapweb-hero {
            background: linear-gradient(115deg, #e7f0f8 0%, #dae8f2 100%);
            min-height: 70vh;
            display: flex;
            align-items: center;
            position: relative;
        }
        .mkapweb-hero .mkapweb-container {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 4rem;
            padding: 4rem 0;
            position: relative;
            z-index: 3;
        }
        .mkapweb-hero-left {
            flex: 1 1 45%;
            position: relative;
            z-index: 5;
        }
        .mkapweb-hero-left h1 {
            font-size: clamp(3rem, 8vw, 4rem);
            font-weight: 700;
            line-height: 1.1;
            color: #0a2a3b;
            margin-bottom: 2.3rem;
        }
        .mkapweb-hero-left h1 span {
            color: #1d6f9c;
            display: block;
            font-size: 0.7em;
            font-weight: 400;
            letter-spacing: 0.2rem;
        }
        .mkapweb-left-decor {
            position: absolute;
            bottom: -30px; left: 350px; 
            width: 330px; height: 330px;
            pointer-events: none;
            z-index: 1;
            opacity: 0.7;
        }
        .mkapweb-left-decor svg { width: 100%; height: 100%; }
        .mkapweb-hero-right {
            flex: 1 1 45%;
            position: relative;
            z-index: 4;
            text-align: center; 
        }
        .mkapweb-hero-image {
            max-width: 100%;
            height: auto;
        }

        .mkapweb-advantages { background: #ffffff; }
        .mkapweb-top-cards {
            display: flex;
            flex-wrap: wrap;
            gap: 2.5rem;
            margin-bottom: 5rem;
            justify-content: center;
        }
        .mkapweb-card-simple {
            flex: 1 1 240px;
            background: rgba(245, 250, 255, 0.7);
            backdrop-filter: blur(2px);
            border-radius: 3rem;
            padding: 3rem 2rem 2.5rem;
            text-align: center;
            box-shadow: 0 1rem 2rem rgba(0,30,60,0.05);
            border: 1px solid rgba(255,255,255,0.7);
            position: relative;
            overflow: hidden;
            transition: transform 0.25s ease, box-shadow 0.3s ease, background 0.2s;
        }
        .mkapweb-card-simple:hover {
            transform: translateY(-6px);
            box-shadow: 0 2rem 3rem rgba(0,70,130,0.15), 0 0 0 4px rgba(29, 110, 156, 0.2);
            background: #deecf8;
        }
        .mkapweb-card-simple svg {
            width: 5rem;
            height: 5rem;
            margin-bottom: 1rem;
            color: #1d6f9c;
        }
        .mkapweb-card-simple h3 {
            font-size: 2.4rem;
            font-weight: 600;
            color: #163a4f;
            margin-bottom: 0.5rem;
        }
        .mkapweb-card-simple p {
            font-size: 1.5rem;
            color: #3f5e74;
            opacity: 0.9;
        }

        /* 十个优势网格 */
        .mkapweb-grid-10 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
            gap: 2.5rem;
            margin: 5rem 0 4rem;
        }
        .mkapweb-feature-item {
            background: #f2f7fc;
            padding: 2.5rem 2rem;
            border-radius: 2.5rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            transition: all 0.3s ease;
            border: 1px solid #e2edf5;
            position: relative;
            overflow: hidden;
        }
        .mkapweb-feature-item:hover {
            transform: translateY(-3px);
            box-shadow: 0 0 20px rgba(29, 110, 156, 0.5);
            background: #aeceeb;
        }
        .mkapweb-feature-item svg {
            width: 4.5rem;
            height: 4.5rem;
            margin-bottom: 1rem;
            fill: none;
            stroke: #1d6f9c;
            stroke-width: 1.8;
        }
        .mkapweb-feature-item h4 {
            font-size: 2.0rem;
            font-weight: 600;
            color: #11364b;
            margin-bottom: 0.5rem;
        }
        .mkapweb-feature-item p { font-size: 1.4rem; color: #3f5e74; }

        .mkapweb-inquire-wrap { text-align: center; margin-top: 2rem; }


        .mkapweb-process {
            background: linear-gradient(rgba(0, 25, 45, 0.85), rgba(0, 20, 40, 0.95)), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800" opacity="0.2"><path fill="%234b9fd1" d="M0,400 Q300,250 600,400 T1200,400 L1200,800 0,800 Z"/></svg>');
            background-size: cover, cover;
            background-blend-mode: overlay;
            color: #fff;
        }
        .mkapweb-process .mkapweb-container { position: relative; }
        .mkapweb-process-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 4rem;
        }
        .mkapweb-process-header h2 {
            font-size: 4rem;
            font-weight: 600;
            color: white;
            text-shadow: 0 2px 10px rgba(0,0,0,0.3);
        }
        .mkapweb-building-row {
            display: flex;
            align-items: center;
            gap: 2rem;
        }
        .mkapweb-building-row span {
            font-size: 2.2rem;
            letter-spacing: 0.4rem;
            color: #d4ecff;
        }
        .mkapweb-process-step-detail {
            display: flex;
            flex-wrap: wrap;
            gap: 4rem;
            background: rgba(255,255,255,0.06);
            backdrop-filter: blur(12px);
            border-radius: 4rem;
            padding: 4rem;
            border: 1px solid rgba(255,255,255,0.2);
        }
        .mkapweb-step-indicator {
            display: flex;
            flex-direction: column;
            gap: 2.5rem;
            min-width: 200px;
        }
        .mkapweb-step-btn {
            background: transparent;
            border: 2px solid rgba(255,255,255,0.3);
            color: white;
            font-size: 2rem;
            padding: 1.5rem 2rem;
            border-radius: 5rem;
            font-weight: 600;
            cursor: pointer;
            transition: 0.3s;
            text-align: left;
        }
        .mkapweb-step-btn.active {
            background: white;
            color: #0a2a3b;
            border-color: white;
            box-shadow: 0 1rem 2rem rgba(0,0,0,0.3);
        }
        .mkapweb-right-panel {
            flex: 2;
        }
        .mkapweb-step-desc {
            font-size: 2rem;
            line-height: 1.6;
            background: rgba(0,0,0,0.2);
            border-radius: 3rem;
            padding: 3rem;
            margin-bottom: 2rem;
        }
        .mkapweb-folder-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 2rem;
            justify-content: space-between;
        }
        .mkapweb-folder-item {
            flex: 1 1 160px;
            background: rgba(255,255,255,0.1);
            backdrop-filter: blur(6px);
            border-radius: 2rem;
            padding: 2rem 1rem;
            text-align: center;
            border: 1px solid rgba(255,255,255,0.2);
            transition: transform 0.2s;
        }
        .mkapweb-folder-item svg {
            width: 5rem;
            height: 5rem;
            margin-bottom: 1rem;
            fill: none;
            stroke: #ffd966;
            stroke-width: 1.5;
        }
        .mkapweb-folder-item p {
            font-size: 1.8rem;
            font-weight: 500;
            color: #fff;
        }

        /* ---------- 4. 客户案例 ---------- */
        .mkapweb-cases-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 2rem;
        }
        .mkapweb-view-more {
            background: transparent;
            border: 2px solid #1d4e7c;
            color: #1d4e7c;
            padding: 0.8rem 2.4rem;
            border-radius: 4rem;
            font-size: 1.8rem;
            text-decoration: none;
            transition: 0.2s;
        }
        .mkapweb-view-more:hover {
            background: #1d4e7c;
            color: white;
        }
        .mkapweb-cases-carousel {
            display: flex;
            gap: 3rem;
            overflow-x: auto;
            scroll-behavior: smooth;
            margin: 3rem 0;
            padding-bottom: 1rem;
            scrollbar-width: none;
        }
        .mkapweb-cases-carousel::-webkit-scrollbar { display: none; }
        .mkapweb-case-card {
            min-width: 28rem;
            background: #fff;
            border-radius: 2rem;
            padding: 2rem;
            box-shadow: 0 1rem 3rem rgba(0,0,0,0.05);
            flex-shrink: 0;
            text-decoration: none;
            color: inherit;
            display: block;
            transition: 0.2s;
        }
        .mkapweb-case-card:hover { transform: translateY(-0.5rem); box-shadow: 0 2rem 4rem rgba(0,60,120,0.15); }
        .mkapweb-case-card h4 { margin: 1.5rem 0 0.5rem; font-size: 2rem; }
        .mkapweb-case-card p { color: #1d6f9c; font-weight: 500; }
        .mkapweb-case-controls {
            display: flex;
            gap: 2rem;
            justify-content: center;
        }
        .mkapweb-case-controls button {
            background: #1d4e7c;
            border: none;
            color: white;
            width: 5rem;
            height: 5rem;
            border-radius: 50%;
            font-size: 2.5rem;
            cursor: pointer;
        }


        .mkapweb-global {
            background: #e2eff9; /* 备用背景色 */
            padding: 5rem 0;
            position: relative;
            overflow: hidden;
        }

        .mkapweb-global-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            pointer-events: none; /* 允许点击穿透到内容 */
        }
        .mkapweb-global-bg .earth-bg {
            position: absolute;
            bottom: -39%;
            width: 96%;
            max-width: 990px;
            animation: mkapweb-float 4s ease-in-out infinite;
        }
        .mkapweb-global-bg .earth-bg img {
            width: 100%;
            height: auto;
        }
        .mkapweb-global-bg .cloud-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        .mkapweb-global-bg .cloud-bg img {
            position: absolute;
            width: 120%;
            opacity: 0.3;
            animation: mkapweb-cloudMove 20s linear infinite;
        }
        .mkapweb-global-bg .cloud-bg img:first-child {
            top: 10%;
            left: -10%;
        }
        .mkapweb-global-bg .cloud-bg img:last-child {
            top: 30%;
            left: -20%;
            animation-delay: -5s;
            opacity: 0.2;
        }
        @keyframes mkapweb-float {
            0% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
            100% { transform: translateY(0); }
        }
        @keyframes mkapweb-cloudMove {
            0% { transform: translateX(0); }
            100% { transform: translateX(-30%); }
        }

        .mkapweb-global .mkapweb-container {
            position: relative;
            z-index: 2;
            display: flex;
            justify-content: flex-end; /* 内容靠右 */
        }
        .mkapweb-global-card {
            background: rgba(255, 255, 255, 0.85);
            backdrop-filter: blur(8px);
            border-radius: 3rem;
            padding: 3.5rem;
            max-width: 710px;
            width: 100%;
            box-shadow: 0 2rem 3rem rgba(0,0,0,0.1);
            border: 1px solid rgba(255,255,255,0.5);
        }
        .mkapweb-global-card h2 {
            font-size: 3.2rem;
            font-weight: 600;
            color: #1d3557;
            margin-bottom: 1.5rem;
        }
        .mkapweb-global-card .sub-line {
            font-size: 2rem;
            color: #2b4b65;
            border-left: 5px solid #1d6f9c;
            padding-left: 2rem;
            margin: 1.5rem 0;
        }
        .mkapweb-global-card .desc {
            font-size: 1.8rem;
            color: #3f5e74;
            margin-bottom: 2.5rem;
            line-height: 1.6;
        }
        /* 地区列表两列布局 */
        .mkapweb-region-wrapper {
            display: flex;
            gap: 3rem;
            flex-wrap: wrap;
        }
        .mkapweb-region-col {
            flex: 1 1 200px;
        }
        .mkapweb-region-col h4 {
            font-size: 2.2rem;
            border-bottom: 3px solid #1d6f9c;
            display: inline-block;
            margin-bottom: 1.5rem;
            color: #1d3557;
        }
        .mkapweb-city-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1rem 2rem;
            list-style: none;
            padding: 0;
        }
        .mkapweb-city-grid li {
            font-size: 1.6rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
        .mkapweb-city-grid li svg {
            width: 1.6rem;
            height: 1.6rem;
            fill: #1d6f9c;
        }

        /* ---------- 6. 实时数据反馈（卡片左侧加SVG图标，悬停背景加深） ---------- */
        .mkapweb-feedback {
            background: #ffffff;
            padding: 6rem 0;
        }
        .mkapweb-feedback-header {
            text-align: left;
            margin-bottom: 2rem;
        }
        .mkapweb-feedback-header h2 {
            font-size: 3.6rem;
            font-weight: 600;
            color: #1d3557;
            margin-bottom: 0.5rem;
        }
        .mkapweb-feedback-header p {
            font-size: 2rem;
            color: #2b4b65;
            border-left: 5px solid #1d6f9c;
            padding-left: 2rem;
            margin-top: 0.5rem;
        }
        .mkapweb-feedback-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 3rem;
            margin: 4rem 0;
        }
        .mkapweb-feedback-card {
            background: #f5faff;
            border-radius: 2.5rem;
            padding: 2.8rem;
            border: 1px solid #d9e9f5;
            transition: all 0.25s ease;
            display: flex;
            gap: 2rem;
            align-items: flex-start;
        }
        .mkapweb-feedback-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 1.5rem 2.5rem rgba(0,70,130,0.1);
            background: #e3f0fd; 
        }
        .mkapweb-feedback-card .card-icon {
            flex-shrink: 0;
            width: 6rem;
            height: 6rem;
            background: #1d4e7c;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
        }
        .mkapweb-feedback-card .card-icon svg {
            width: 3.5rem;
            height: 3.5rem;
            fill: none;
            stroke: white;
            stroke-width: 2.5;
        }
        .mkapweb-feedback-card .card-content {
            flex: 1;
        }
        .mkapweb-feedback-card .card-content .main-text {
            font-size: 2rem;
            font-weight: 600;
            color: #0b2b3f;
            margin-bottom: 0.8rem;
        }
        .mkapweb-feedback-card .card-content .detail {
            font-size: 1.6rem;
            color: #3f5e74;
            line-height: 1.6;
        }
        @media (max-width: 700px) {
            .mkapweb-feedback-grid {
                grid-template-columns: 1fr;
            }
            .mkapweb-left-decor{
                display: none !important;
            }
        }

        /* 海浪底部 */
        .mkapweb-wave-footer {
            background: #0b2738;
            color: white;
            position: relative;
            margin-top: 6rem;
            overflow: hidden;
        }
        .mkapweb-wave-svg {
            width: 100%;
            display: block;
            line-height: 0;
        }
        .mkapweb-footer-content {
            padding: 4rem 0;
            text-align: center;
            position: relative;
            z-index: 2;
        }
        .mkapweb-footer-content a[href^="tel"] {
            color: #9ac9e8;
            font-size: 2.8rem;
            font-weight: 600;
            text-decoration: none;
            border-bottom: 2px dashed;
        }
        .mkapweb-footer-dots {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            pointer-events: none;
            z-index: 1;
        }



/************************外贸网站制作************************************/
       .mkapwm-wrapper {
            width: 100%;
            padding: 0 3%;
        }

        .mkapwm-card, .mkapwm-feature-card, .mkapwm-stat-card, .mkapwm-function-card {
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.7) 0%, rgba(235, 245, 255, 0.8) 100%);
            backdrop-filter: blur(3px);
            border-radius: 2.2rem 1rem 2.2rem 1rem;
            box-shadow: 0 25px 40px -18px rgba(0, 50, 100, 0.3), inset 0 1px 3px rgba(255,255,255,0.8);
            padding: 1.8rem 1.5rem;
            border: 1px solid rgba(255,255,255,0.6);
            transition: all 0.25s ease;
        }

        .mkapwm-feature-card:hover, .mkapwm-function-card:hover, .mkapwm-stat-card:hover {
            transform: translateY(-6px) scale(1.01);
            box-shadow: 0 30px 50px -18px #1f4e8c, 0 0 0 2px rgba(255,255,255,0.8);
            background: linear-gradient(145deg, rgba(255,255,255,0.8), rgba(240, 248, 255, 0.9));
        }

        .mkapwm-main-title {
            font-size: 4rem;
            font-weight: 700;
            line-height: 1.2;
            color: #0a2f4d;
            letter-spacing: -0.02em;
            margin-bottom: 1.5rem;
        }

        .mkapwm-section-title {
            font-size: 3rem;
            font-weight: 650;
            color: #123b60;
            margin: 2rem 0 1.2rem 0;
            letter-spacing: -0.01em;
        }

        .mkapwm-subhead {
            font-size: 2.2rem;
            font-weight: 600;
            color: #1d4e7c;
            margin: 1.8rem 0 1rem;
        }

        .mkapwm-split-title {
            flex-wrap: wrap;
        }
        .mkapwm-char {
            display: inline-block;
            opacity: 0;
            transform: translateY(30px);
            animation: none;
            color: #0a2f4d;
        }

        .mkapwm-fade-group {
            opacity: 0;
            transform: translateY(20px);
            animation: none;
        }

        .mkapwm-delay-1 { animation-delay: 0.15s; }
        .mkapwm-delay-2 { animation-delay: 0.3s; }
        .mkapwm-delay-3 { animation-delay: 0.45s; }
        .mkapwm-delay-4 { animation-delay: 0.6s; }
        .mkapwm-delay-5 { animation-delay: 0.75s; }

        .mkapwm-section-visible .mkapwm-char {
            animation: mkapwmFloatUp 0.4s cubic-bezier(0.15, 0.85, 0.35, 1) forwards;
        }
        .mkapwm-section-visible .mkapwm-fade-group {
            animation: mkapwmFadeSlide 0.6s ease forwards;
        }

        @keyframes mkapwmFloatUp {
            0% { opacity: 0; transform: translateY(30px); }
            100% { opacity: 1; transform: translateY(0); }
        }
        @keyframes mkapwmFadeSlide {
            0% { opacity: 0; transform: translateY(20px); }
            100% { opacity: 1; transform: translateY(0); }
        }

        .mkapwm-row {
            display: grid;
            flex-wrap: wrap;
            width: 100%;
            gap: 2%;
			grid-template-columns: repeat(3, 1fr);
        }
        .mkapwm-half {
            flex: 1 1 45%;
            min-width: 320px;
        }
        .mkapwm-grid-3 {
            display: flex;
            flex-wrap: wrap;
            gap: 2%;
            margin-top: 2rem;
        }
        .mkapwm-grid-3 > * {
            flex: 1 1 30%;
            min-width: 270px;
            margin-bottom: 1.5rem;
        }

        .mkapwm-check-item {
            display: flex;
            align-items: center;
            gap: 1rem;
            background: rgba(255,255,255,0.4);
            border-radius: 60px;
            padding: 0.7rem 1.8rem;
            margin: 1.2rem 0;
            backdrop-filter: blur(2px);
            border: 1px solid rgba(255,255,255,0.6);
            font-size: 2rem;
            font-weight: 450;
            color: #1b3b5c;
        }

        .mkapwm-earth-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
            padding: 1rem;
        }
        .mkapwm-earth-svg {
            width: 100%;
            max-width: 380px;
            height: auto;
            filter: drop-shadow(0 15px 15px rgba(48, 102, 163, 0.2));
        }

        .mkapwm-pie-block {
            background: rgba(255,255,255,0.3);
            border-radius: 2rem;
            padding: 1.5rem;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .mkapwm-pie-svg {
            width: 100%;
            max-width: 280px;
            height: auto;
            filter: drop-shadow(0 6px 12px rgba(60, 100, 150, 0.2));
        }
        .mkapwm-legend {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 0.8rem 1.8rem;
            margin-top: 1.2rem;
        }
        .mkapwm-legend-item {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            background: #ffffffb3;
            padding: 0.3rem 1.2rem 0.3rem 0.3rem;
            border-radius: 40px;
            font-size: 1.4rem;
            font-weight: 500;
            color: #163a57;
            border: 1px solid white;
        }
        .mkapwm-dot {
            width: 20px;
            height: 20px;
            border-radius: 20px;
            box-shadow: inset 0 2px 4px rgba(0,0,0,0.05);
        }

        .mkapwm-card-header {
            display: flex;
            align-items: center;
            gap: 1rem;
            margin-bottom: 1rem;
        }
        .mkapwm-card-header svg {
            flex-shrink: 0;
            width: 2.6rem;
            height: 2.6rem;
        }
        .mkapwm-card-header h4 {
            font-size: 2.2rem;
            font-weight: 680;
            color: #104070;
            line-height: 1.8;
        }
        .mkapwm-function-card p {
            font-size: 1.6rem;
            color: #1e4468;
            margin-top: 1.5rem;
        }

        .mkapwm-feature-header {
            display: flex;
            align-items: center;
            gap: 1rem;
            margin-bottom: 1.4rem;
        }
        .mkapwm-feature-header svg {
            width: 2.8rem;
            height: 2.8rem;
        }
        .mkapwm-feature-header h3 {
            font-size: 1.8rem;
            font-weight: 600;
            color: #0f3b62;
        }

        .mkapwm-section {
            width: 100%;
            margin: 3rem 0 5rem 0;
        }


  @media (max-width: 700px) {
.mkapwm-row{ grid-template-columns: repeat(1, 1fr);}
}



/************************营销型网站************************************/

        .mkapyxx-section {
            width: 100%;
            padding: 5% 6%;
            position: relative;
        }

        .mkapyxx-row {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            gap: 2%;
        }
        .mkapyxx-col {
            flex: 1 1 45%;
            min-width: 300px;
            margin-bottom: 2%;
        }
        .mkapyxx-grid-3 {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 2%;
        }
        .mkapyxx-grid-6 {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 2rem;
        }
        .mkapyxx-grid-4 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 2rem;
        }
        @media (max-width: 900px) {
            .mkapyxx-grid-3, .mkapyxx-grid-6, .mkapyxx-grid-4 { grid-template-columns: repeat(2, 1fr); }
            .mkapyxx-row { flex-direction: column; }
        }
        @media (max-width: 600px) {
            .mkapyxx-grid-6, .mkapyxx-grid-4 { grid-template-columns: 1fr; }
        }

        /* 卡片渐变 */
        .mkapyxx-card {
            border-radius: 36px;
            padding: 2rem;
            background: linear-gradient(145deg, rgba(255,255,255,0.6) 0%, rgba(245,240,255,0.9) 100%);
            box-shadow: 0 20px 40px -10px rgba(40,20,30,0.1);
            backdrop-filter: blur(2px);
            transition: transform 0.25s ease, box-shadow 0.3s ease;
        }
        .mkapyxx-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 30px 45px -12px #2f1c2e33;
        }

        .grad-soft1 { background: linear-gradient(125deg, #faf1e9, #fde9e0); }
        .grad-soft2 { background: linear-gradient(135deg, #eef2fa, #e0e9fa); }
        .grad-soft3 { background: linear-gradient(115deg, #f2f1fa, #eae2f5); }
        .grad-soft4 { background: linear-gradient(145deg, #e2f0ea, #d4ece3); }
        .grad-soft5 { background: linear-gradient(155deg, #fff3e5, #ffead2); }
        .grad-soft6 { background: linear-gradient(165deg, #f1e6f5, #e9d9f0); }

        .mkapyxx-btn {
            display: inline-block;
            margin-top: 1.5rem;
            padding: 0.8rem 2.4rem;
            border-radius: 60px;
            background: #ffffffc4;
            border: 1px solid #c0b1b1;
            font-weight: 500;
            color: #3c2b3e;
            text-decoration: none;
            transition: all 0.3s;
            cursor: pointer;
            backdrop-filter: blur(2px);
        }
        .mkapyxx-btn:hover {
            background: #fff;
            box-shadow: 0 12px 24px -12px #2f1c2e;
        }
        .btn-arrow { margin-left: 0.4rem; }

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

        /* 第一屏 */
        .banner-tagline {
            font-size: 3rem;
            font-weight: 800;
            color: #2e3b3b;
            text-align: center;
        }

        /* 第二屏 环形大图 + 问题靠两边 */
        .why-d {
            position: relative;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            margin: 3rem 0;
        }
        .m-title {
            width: 100%;
            text-align: center;
            margin-bottom: 3rem;
        }
        .m-title h5 { font-size: 2.8rem; font-weight: 800; }
        .m-title h5 i { color: #aa4e3c; }
        .m-title p { font-size: 1.2rem; color: #3f4a4a; margin: 0.5rem 0; }
        .m-title em { font-style: normal; background: #ebdacd; padding: 0.3rem 2rem; border-radius: 60px; }

        .ring-container {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between; /* 更靠两边 */
            width: 100%;
        }
        .rule-left, .rule-right {
            flex: 0 1 28%;
            min-width: 260px;
            display: flex;
            flex-direction: column;
            gap: 2.2rem;
        }
        /* 使问题卡片更靠边缘 */
        .rule-left {
            align-items: flex-start;
        }
        .rule-right {
            align-items: flex-end;
        }
        .ring-center {
            flex: 0 0 400px; 
            margin: 0 1rem;
            position: relative;
        }
        .ring-center svg {
            width: 100%;
            height: auto;
            filter: drop-shadow(0 15px 20px #b99c8f);
        }
        .rule-item {
            background: rgba(255,255,240,0.7);
            backdrop-filter: blur(4px);
            border-radius: 2rem;
            padding: 1.2rem 1.8rem;
            transition: transform 0.2s, background 0.2s;
            border: 1px solid #fff2e1;
            max-width: 800px;
        }
        .rule-item:hover { transform: scale(1.03); background: #f5efe2; }
        .rule-item span { font-weight: 700; font-size: 1.3rem; color: #7e4f3f; display: block; margin-bottom: 0.3rem; }
        .rule-item p { line-height: 1.5; color: #2f3f3f; }

        /* 左右偏移量加大 */
        .rule-left .rule-item:nth-child(1) { transform: translateX(-20px) translateY(-5px); }
        .rule-left .rule-item:nth-child(2) { transform: translateX(5px) translateY(10px); }
        .rule-left .rule-item:nth-child(3) { transform: translateX(-15px) translateY(20px); }
        .rule-right .rule-item:nth-child(1) { transform: translateX(20px) translateY(-8px); }
        .rule-right .rule-item:nth-child(2) { transform: translateX(-5px) translateY(12px); }
        .rule-right .rule-item:nth-child(3) { transform: translateX(15px) translateY(25px); }

        @media (max-width: 1000px) {
            .ring-container { flex-direction: column; }
            .rule-left, .rule-right { width: 100%; align-items: center; }
            .rule-left .rule-item, .rule-right .rule-item { transform: none !important; }
        }

        /* 第三屏 双模块 */
        .value-module {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 2.5rem;
            margin: 3rem 0;
        }
        .value-card {
            background: linear-gradient(145deg, #f6ede8, #f7e3d8);
            border-radius: 48px;
            padding: 2.5rem;
            transition: transform 0.25s, box-shadow 0.3s;
            border: 1px solid #eed6c9;
        }
        .value-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 30px 40px -18px #673f32;
        }
        .value-header {
            display: flex;
            align-items: center;
            gap: 1rem;
            margin-bottom: 1.5rem;
        }
        .value-header svg {
            width: 48px;
            height: 48px;
            stroke: #9b5f4b;
            stroke-width: 1.8;
            fill: none;
        }
        .value-header h3 {
            font-size: 2.2rem;
            font-weight: 500;
            color: #3a2b28;
        }
        .value-card p {
            margin: 0.8rem 0;
            font-size: 1.1rem;
            color: #4d3f3c;
            padding-left: 0.5rem;
        }

        /* 第四屏 六大特点 (标题前加SVG并居中) */
        .feature-card {
            background: rgba(255,245,235,0.7);
            backdrop-filter: blur(4px);
            border-radius: 48px;
            padding: 2rem;
            transition: transform 0.25s, box-shadow 0.3s;
            border: 1px solid #f5dacb;
            display: flex;
            flex-direction: column;
            align-items: center; /* 居中对齐 */
            text-align: center;
        }
        .feature-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 25px 40px -15px #734e3f;
        }
        .feature-header {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.8rem;
            margin-bottom: 1.2rem;
        }
        .feature-header svg {
            width: 42px;
            height: 42px;
            stroke: #8b5e4b;
            fill: none;
        }
        .feature-header h4 {
            font-size: 1.8rem;
            font-weight: 500;
            color: #4d3530;
            margin: 0;
        }
        .feature-card p {
            color: #435050;
            line-height: 1.7;
            font-size: 1rem;
			text-align: justify;
        }

        /* 底部策划模块四个卡片 */
        .planning-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 2rem;
            margin-top: 3rem;
        }
        .planning-card {
            background: #fffcf8;
            border-radius: 40px;
            padding: 2rem;
            border: 1px solid #e5cfc2;
            transition: transform 0.2s, background 0.2s, box-shadow 0.2s;
        }
        .planning-card:hover {
            transform: scale(1.02) translateY(-4px);
            background: #ffffff;
            box-shadow: 0 25px 35px -15px #9b7766;
        }
        .planning-card strong {
            font-size: 1.4rem;
            display: block;
            margin-bottom: 0.8rem;
            color: #6b4538;
        }
        .planning-card p {
            color: #3f4f4f;
            line-height: 1.6;
        }

        .footer-cta {
            background: linear-gradient(115deg, #e5d9d1, #f7ebe1);
            border-radius: 60px;
            padding: 2.5rem;
            margin-top: 3rem;
            text-align: center;
        }

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


/***************************H5微网站***************************************/
section { width: 100%; }
        .mkh5-wrap {
            width: 100%;
            padding: 5% 6%;
            background: radial-gradient(circle at 20% 30%, rgba(255,235,215,0.5), rgba(210,225,245,0.7));
            backdrop-filter: blur(3px);
            box-shadow: 0 20px 35px -12px rgba(25,45,65,0.2);
        }
        .mkh5-wrap-alt1 { background: #e5eef7; }
        .mkh5-wrap-alt2 { background: #ecddcd; }
        .mkh5-wrap-bg { background: #e3eef5; }

        /* 标题逐字动画 */
        .split-title {
            font-size: clamp(2.2rem, 7vw, 4rem);
            font-weight: 700;
            color: #1a3147;
            line-height: 1.2;
            margin-bottom: 0.8rem;
        }
        .split-word {
            display: inline-block;
            opacity: 0;
            transform: translateY(0.3em);
            animation: riseUp 0.5s ease forwards;
        }
        @keyframes riseUp {
            to { opacity: 1; transform: translateY(0); }
        }

        /* 按钮 */
        .mkh5-btn {
            background: linear-gradient(135deg, #2f5275, #17324f);
            border: none;
            border-radius: 60px;
            padding: 12px 36px;
            font-size: 1.3rem;
            color: white;
            box-shadow: 0 10px 18px -6px #1e3b58;
            cursor: pointer;
            transition: 0.2s;
            border: 1px solid rgba(255,255,255,0.3);
            display: inline-block;
        }
        .mkh5-btn a { color: white; text-decoration: none; }
        .mkh5-btn:hover { background: #3b6185; transform: scale(1.02); }

        /* 卡片通用玻璃效果 */
        .mkh5-glass-card {
            background: rgba(255,255,255,0.5);
            backdrop-filter: blur(12px);
            border-radius: 48px;
            padding: 2rem;
            border: 1px solid rgba(255,255,255,0.7);
        }

        /* ===== 第1屏 三大亮点 ===== */
        .mkh5-highlights-wrapper {
            display: flex;
            flex-wrap: wrap;
            gap: 2rem;
        }
        .mkh5-highlights-left {
            flex: 2 1 500px;
            background: rgba(255,255,250,0.7);
            backdrop-filter: blur(8px);
            border-radius: 48px;
            padding: 2.5rem;
        }
        .mkh5-highlights-right {
            flex: 1 1 280px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            background: rgba(215,235,250,0.4);
            backdrop-filter: blur(6px);
            border-radius: 48px;
            padding: 1.5rem;
        }
        .mkh5-func-desc {
            display: flex;
            align-items: flex-start;
            gap: 1rem;
            margin: 1.2rem 0;
            background: rgba(255,255,245,0.6);
            border-radius: 40px;
            padding: 1.5rem;
        }
        .mkh5-func-desc svg { width: 48px; height: 48px; flex-shrink: 0; }
        .mkh5-func-desc-text p { margin-bottom: 0.3rem; font-size: 1rem; color: #1f3f5c; }
        .mkh5-func-desc-text p:first-child { font-weight: 700; font-size: 1.3rem; }

        .mkh5-feature-grid-4col {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 0.8rem 1.5rem;
            margin: 1.8rem 0 1.5rem;
        }
        .mkh5-feature-grid-4col .mkh5-item {
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 1rem;
        }
        .mkh5-feature-grid-4col .mkh5-item svg {
            width: 20px; height: 20px;
            flex-shrink: 0;
        }

        /* ===== 第2屏 特色功能 (图标+标题+介绍) ===== */
        .mkh5-feature-grid-5col {
            display: grid;
            grid-template-columns: repeat(5,1fr);
            gap: 1rem;
            margin: 2rem 0;
        }
        .mkh5-feature-item {
            background: rgba(255,255,240,0.6);
            backdrop-filter: blur(4px);
            border-radius: 60px;
            padding: 1.5rem 0.5rem;
            text-align: center;
            border: 1px solid rgba(255,255,255,0.8);
            transition: all 0.25s ease;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
        }
        .mkh5-feature-item svg {
            width: 70px;
            height: 70px;
            margin-bottom: 8px;
            filter: drop-shadow(0 6px 8px rgba(90,60,30,0.15));
        }
        .mkh5-feature-title {
            font-weight: 700;
            font-size: 1.2rem;
            margin-bottom: 4px;
            color: #1f3f5c;
        }
        .mkh5-feature-desc {
            font-size: 0.85rem;
            color: #2d4b68;
            line-height: 1.4;
            max-width: 95%;
            margin: 0 auto;
        }
        .mkh5-feature-item:hover {
            transform: translateY(-8px) scale(1.02);
            background: white;
            box-shadow: 0 20px 25px -12px #3a5f7a;
        }

        /* ===== 视觉定制卡片 (8个大小不一 + 不同渐变色) ===== */
        .mkh5-vision-masonry {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 12px;
            margin: 1.2rem 0 0;
        }
        .mkh5-vision-card {
            backdrop-filter: blur(4px);
            border-radius: 28px;
            padding: 12px 8px;
            text-align: center;
            font-weight: 500;
            border: 1px solid white;
            transition: 0.2s;
            box-shadow: 0 5px 12px -8px #2d4b6e;
            /* 不同渐变色 */
        }
        .mkh5-vision-card:nth-child(1) { background: linear-gradient(145deg, #ffe8d4, #ffd0b5); padding: 18px 5px; font-size: 1.2rem; }
        .mkh5-vision-card:nth-child(2) { background: linear-gradient(145deg, #d4e0ff, #b5ccf5); padding: 8px 5px; }
        .mkh5-vision-card:nth-child(3) { background: linear-gradient(145deg, #d0f0d0, #a8d8b0); padding: 22px 10px; }
        .mkh5-vision-card:nth-child(4) { background: linear-gradient(145deg, #ffe0b0, #f5c894); padding: 14px 5px; }
        .mkh5-vision-card:nth-child(5) { background: linear-gradient(145deg, #f2d0f0, #e0b5e5); padding: 25px 5px; }
        .mkh5-vision-card:nth-child(6) { background: linear-gradient(145deg, #b0e0e6, #8fc7d1); padding: 12px 5px; }
        .mkh5-vision-card:nth-child(7) { background: linear-gradient(145deg, #fbc0cb, #f5a5b8); padding: 30px 5px; }
        .mkh5-vision-card:nth-child(8) { background: linear-gradient(145deg, #d9d0f0, #c2b5e6); padding: 16px 5px; }
        .mkh5-vision-card:hover {
            transform: scale(1.04);
            box-shadow: 0 10px 18px -6px #34597a;
            z-index: 3;
        }

        /* ===== 流程定制垂直列表 (四项) ===== */
        .mkh5-process-vertical {
            display: flex;
            flex-direction: column;
            gap: 12px;
            margin: 1rem 0;
        }
        .mkh5-process-vertical div {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 1.15rem;
        }

        /* ===== 对比标题带底色 ===== */
        .mkh5-compare-title {
            font-size: 2rem;
            font-weight: 700;
            display: inline-block;
            background: #ffe9cf;
            padding: 0.3rem 2rem 0.3rem 1.2rem;
            border-radius: 100px 100px 100px 30px;
            margin-left: 5%;
            margin-bottom: 1.2rem;
            box-shadow: 0 4px 8px rgba(160,120,80,0.1);
        }
        .mkh5-compare-title.green { background: #d2f0d2; }

        /* 对比列表项：加图标、hover动效 */
        .mkh5-compare-list {
            display: grid;
            gap: 0.8rem;
        }
        .mkh5-compare-item {
            display: flex;
            align-items: center;
            gap: 12px;
            font-size: 1.1rem;
            padding: 8px 12px;
            border-radius: 40px;
            transition: all 0.2s;
            background: rgba(255,255,255,0.3);
        }
        .mkh5-compare-item svg {
            width: 28px;
            height: 28px;
            flex-shrink: 0;
        }
        .mkh5-compare-item:hover {
            background: rgba(255,255,255,0.9);
            transform: translateX(6px) scale(1.02);
            box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        }

        /* ===== 原创定制 (左: 5+12高端 + 右图片按钮) ===== */
        .mkh5-original-wrap {
            display: flex;
            flex-wrap: wrap;
            gap: 2rem;
            background: rgba(245,230,215,0.5);
            backdrop-filter: blur(6px);
            border-radius: 60px;
            padding: 2.5rem;
            margin: 2rem 0;
        }
        .mkh5-original-left { flex: 2 1 340px; }
        .mkh5-original-right {
            flex: 1 1 220px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 1.5rem;
        }
        .mkh5-original-tags-3col {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 12px 15px;
            margin: 1rem 0 2rem 0;
        }
        .mkh5-original-tag-item {
            background: white;
            border-radius: 40px;
            padding: 8px 10px;
            text-align: center;
            font-size: 1rem;
            border: 1px solid #cbdae9;
            white-space: nowrap;
        }
        .mkh5-premium-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 12px;
            margin-top: 0.5rem;
        }
        .mkh5-premium-item {
            background: rgba(255,255,255,0.7);
            border-radius: 40px;
            padding: 8px 5px;
            text-align: center;
            font-size: 0.95rem;
            border: 1px solid white;
            backdrop-filter: blur(2px);
            transition: 0.1s;
        }
        .mkh5-premium-item:hover {
            background: white;
            transform: scale(1.02);
        }

        /* ===== H5页面定制 — 改为玻璃效果，移除复杂svg背景 ===== */
        .mkh5-page-bg {
            background: rgba(255, 250, 240, 0.25);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            border-radius: 60px;
            padding: 2rem 1rem;
            border: 1px solid rgba(255,255,255,0.5);
            box-shadow: 0 10px 25px -10px rgba(0,0,0,0.1);
        }
        .mkh5-page-gallery-row {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 1.2rem;
            margin-bottom: 1.2rem;
        }
        .mkh5-page-gallery-row:first-child {
            margin-bottom: 1.2rem;
        }
        .mkh5-page-card {
            flex: 0 1 calc(20% - 1rem);
            min-width: 100px;
            max-width: 180px;
        }
        .mkh5-page-gallery-row:last-child .mkh5-page-card {
            flex: 0 1 calc(25% - 1rem);
        }
        .mkh5-page-card svg {
            width: 100%;
            height: auto;
            border-radius: 24px;
        }
        .mkh5-page-card span { display: none; }

        /* ===== H5游戏定制 (图标大、光晕) ===== */
        .mkh5-game-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
            gap: 18px;
            margin: 2rem 0;
        }
        .mkh5-game-card {
            background: rgba(255,255,250,0.6);
            backdrop-filter: blur(6px);
            border-radius: 42px;
            padding: 20px 8px 15px;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            border: 1px solid rgba(255,255,255,0.8);
            transition: 0.25s;
        }
        .mkh5-game-card svg {
            width: 80px; height: 80px;
            margin-bottom: 10px;
            filter: drop-shadow(0 6px 10px #80604030);
        }
        .mkh5-game-card:hover {
            transform: scale(1.06);
            background: white;
            box-shadow: 0 0 22px #ffcf9a, 0 12px 24px -12px #28557e;
        }

        /* ===== 优势模块：多行内容 ===== */
        .mkh5-advantage-row {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            justify-content: center;
            margin: 2rem 0 3rem;
        }
        .mkh5-advantage-item {
            flex: 1 1 160px;
            background: rgba(255,255,255,0.6);
            backdrop-filter: blur(8px);
            border-radius: 50px;
            padding: 16px 10px;
            text-align: center;
            border: 1px solid white;
            line-height: 1.5;
        }
        .mkh5-advantage-item .strong-line {
            font-weight: 700;
            font-size: 1.3rem;
            margin-bottom: 6px;
        }
        .mkh5-advantage-item .detail-line {
            font-size: 1rem;
            color: #1f3f5c;
        }

        /* ===== 波浪 + 浮动圆点 ===== */
        .mkh5-wave-area {
            position: relative;
            width: 100%;
            margin: 2rem 0 1rem;
        }
        .mkh5-wave-line svg {
            display: block;
            width: 100%;
            height: auto;
        }
        .mkh5-dot-steps {
            display: flex;
            justify-content: space-around;
            align-items: center;
            margin-top: -32px;
            position: relative;
            z-index: 5;
            transform: translateY(20px);
            opacity: 0;
            transition: transform 0.6s cubic-bezier(0.2, 0.9, 0.3, 1.2), opacity 0.5s;
        }
        .mkh5-dot-steps.visible {
            transform: translateY(-6px);
            opacity: 1;
        }
        .mkh5-step-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
            flex: 0 1 80px;
        }
        .mkh5-dot {
            width: 46px;
            height: 46px;
            background: radial-gradient(circle at 30% 30%, #ffdbb5, #f09f5b);
            border-radius: 50%;
            border: 3px solid white;
            box-shadow: 0 4px 12px #a5672e;
            transition: 0.2s;
        }
        .mkh5-step-item:hover .mkh5-dot { transform: scale(1.2); background: #ffb247; }
        .mkh5-step-item span {
            background: rgba(255,250,240,0.8);
            padding: 4px 12px;
            border-radius: 40px;
            font-size: 0.9rem;
            white-space: nowrap;
        }

        .text-muted { font-size: 1.2rem; color: #2a4055; margin-bottom: 1rem; }
        .mkh5-flex { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }

        @media (max-width: 700px) {
            .mkh5-feature-grid-5col { grid-template-columns: repeat(2,1fr); }
            .mkh5-vision-masonry { grid-template-columns: repeat(2,1fr); }
            .mkh5-original-tags-3col { grid-template-columns: repeat(2,1fr); }
            .mkh5-feature-grid-4col { grid-template-columns: repeat(2,1fr); }
            .mkh5-premium-grid { grid-template-columns: repeat(2,1fr); }
            .mkh5-page-card { flex: 0 1 calc(50% - 1rem) !important; }
        }





/***************************自适应网站***************************************/
        .mkapzsy-wrap {
            width: 100%;
            padding: 4% 6%;    
            background: linear-gradient(135deg, #f0f4fa 0%, #e6ecf5 100%);
        }
        .mkapzsy-wrap-alt {
            background: #ffffff;
        }
        .mkapzsy-container {
            width: 100%;             /* 全宽，不再有max-width */
        }

        /* 标题通用 */
        .mkapzsy-title-lg {
            font-size: clamp(2rem, 5vw, 3.5rem);
            font-weight: 700;
            color: #1e3a5f;
            line-height: 1.2;
            margin-bottom: 1rem;
        }
        .mkapzsy-title-md {
            font-size: 2.5rem;
            font-weight: 600;
            color: #1e3a5f;
        }
        .mkapzsy-title-sm {
            font-size: 1.6rem;
            font-weight: 600;
            color: #1e3a5f;
        }
        .mkapzsy-text-muted {
            font-size: 2.4rem;
            line-height: 1.5;
        }

        /* ===== 滚动动画 ===== */
        .mkapzsy-animate {
            opacity: 0;
            transform: translateX(-30px);
            transition: opacity 0.6s cubic-bezier(0.2, 0.9, 0.3, 1), transform 0.6s cubic-bezier(0.2, 0.9, 0.3, 1);
        }
        .mkapzsy-animate.mkapzsy-visible {
            opacity: 1;
            transform: translateX(0);
        }

        .mkapzsy-btn {
            background: #1e3a5f;
            color: white;
            padding: 12px 32px;
            border-radius: 40px;
            border: none;
            font-size: 1.1rem;
            cursor: pointer;
            transition: 0.2s;
        }
        .mkapzsy-btn:hover {
            background: #14324e;
        }

        /* ========== 第一屏 ========== */
        .mkapzsy-hero {
            display: flex;
            flex-wrap: wrap;
            gap: 2rem;
            margin-bottom: 2rem;
        }
        .mkapzsy-hero-left {
            flex: 1 1 400px;
        }
        .mkapzsy-hero-left h1 {
            font-size: 5rem;
            font-weight: 800;
            color: #0f2b44;
            line-height: 1.1;
        }
        .mkapzsy-hero-left h1 span {
            display: block;
            font-size: 3rem;
            font-weight: 400;
            color: #3d5e7e;
            margin-top: 1rem;
        }
        .mkapzsy-hero-left p {
            margin: 1.5rem 0;
            font-size: 1.6rem;
            color: #1f3f5c;
            max-width: 600px;
        }
        .mkapzsy-hero-right {
            flex: 1 1 300px;
            display: flex;
            justify-content: center;
            align-items: center;
            background: rgba(200, 220, 240, 0.3);
            border-radius: 60px;
            padding: 2rem;
        }
        .mkapzsy-device-svg {
            display: flex;
            gap: 1rem;
            flex-wrap: wrap;
            justify-content: center;
        }
        .mkapzsy-device-svg svg {
            width: 80px;
            height: 80px;
        }

        .mkapzsy-device-chain {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            gap: 0.8rem 0.2rem;
            margin: 2rem 0 1.5rem;
            font-size: 1.6rem;
            font-weight: 500;
            color: #1e3a5f;
        }
        .mkapzsy-device-chain .item {
            background: rgba(255,255,255,0.6);
            padding: 6px 16px;
            border-radius: 40px;
            border: 1px solid #b0c8dd;
        }
        .mkapzsy-device-chain .plus {
            font-size: 1.8rem;
            font-weight: 300;
            color: #7c9bc0;
        }

        .mkapzsy-quote {
            background: rgba(230, 240, 255, 0.5);
            border-radius: 40px;
            padding: 1.5rem 2rem;
            font-size: 1.6rem;
            color: #1b3b57;
            border-left: 6px solid #2b5f8a;
            margin-top: 2rem;
        }


        .mkapzsy-upgrade {
            padding: 2rem 0;
        }
        .mkapzsy-upgrade p {
            max-width: 900px;
            font-size: 1.6rem;
            margin: 1rem 0 2rem;
        }
 
        .mkapzsy-feature-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.5rem;
            margin: 2rem 0;
        }
        .mkapzsy-feature-card {
            border-radius: 36px;
            padding: 1.8rem 1rem;
            text-align: center;
            backdrop-filter: blur(4px);
            box-shadow: 0 10px 18px -8px rgba(30,60,90,0.2);
            transition: all 0.3s ease;
            border: 1px solid rgba(255,255,255,0.6);
        }
        .mkapzsy-feature-card:nth-child(1) {
            background: linear-gradient(145deg, #f9e7b3, #f5d998);
        }
        .mkapzsy-feature-card:nth-child(2) {
            background: linear-gradient(145deg, #c5e0b4, #a8d5a0);
        }
        .mkapzsy-feature-card:nth-child(3) {
            background: linear-gradient(145deg, #fbc0cb, #f7b1c0);
        }
        .mkapzsy-feature-card:nth-child(4) {
            background: linear-gradient(145deg, #b5d0f0, #9fbfe0);
        }
        .mkapzsy-feature-card:hover {
            transform: translateY(-10px) scale(1.02);
            box-shadow: 0 20px 25px -8px #1e3f6e;
        }
        .mkapzsy-feature-card svg {
            width: 60px;
            height: 60px;
            margin-bottom: 1rem;
        }
        .mkapzsy-feature-card h4 {
            font-size: 2.2rem;
            margin-bottom: 0.5rem;
            color: #113750;
        }
        .mkapzsy-feature-card p {
            font-size: 1.6rem;
            color: #1f3d5c;
            text-align: justify;
        }

        /* ========== 第三屏 ========== */
        .mkapzsy-compare {
            display: flex;
            flex-wrap: wrap;
            gap: 2rem;
            margin: 2rem 0;
        }
        .mkapzsy-compare-col {
            flex: 1 1 300px;
            background: rgba(240, 245, 255, 0.6);
            border-radius: 48px;
            padding: 2rem;
            border: 1px solid #ceddec;
        }
        .mkapzsy-compare-col h3 {
            font-size: 2.8rem;
            margin-bottom: 3.5rem;
            color: #153e60;
            text-align: center;
        }
        .mkapzsy-compare-item {
            display: flex;
            gap: 1rem;
            margin-bottom: 2rem;
            align-items: flex-start;
        }
        .mkapzsy-compare-item svg {
            width: 28px;
            height: 28px;
            flex-shrink: 0;
        }
        .mkapzsy-compare-item p {
            font-size: 1.6rem;
            color: #1c3f5e;
        }

        .mkapzsy-problem-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.2rem;
            margin: 2rem 0;
        }
        .mkapzsy-problem-card {
            background: linear-gradient(145deg, #6688aa, #3f6185);
            border-radius: 30px;
            padding: 2rem 1rem;
            text-align: center;
            color: white;
            font-weight: 600;
            font-size: 2rem;
            box-shadow: 0 12px 20px -10px #1e3f60;
            min-height: 140px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        .mkapzsy-problem-card:hover {
            transform: scale(1.05) translateY(-5px);
            box-shadow: 0 18px 28px -8px #0f2f4a;
            background: linear-gradient(145deg, #7599bb, #4f7195);
        }

        /* ========== 第四屏 ========== */
        .mkapzsy-attitude-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.5rem;
            margin-top: 2rem;
        }
        .mkapzsy-attitude-card {
            border-radius: 16px;
            padding: 2.4rem 1.85rem;
            box-shadow: 0 15px 25px -12px #6f8fb0;
            border: 1px solid rgba(255, 255, 255, 0.3);
            color: #132a40;
            transition: all 0.2s;
        }
        .mkapzsy-attitude-card:nth-child(1) { background: linear-gradient(145deg, #fde6c5, #f5d5af); }
        .mkapzsy-attitude-card:nth-child(2) { background: linear-gradient(145deg, #d4e4fc, #c0d4f0); }
        .mkapzsy-attitude-card:nth-child(3) { background: linear-gradient(145deg, #d1f0de, #b8e2cc); }
        .mkapzsy-attitude-card:nth-child(4) { background: linear-gradient(145deg, #fadfd6, #f5cfc0); }
        .mkapzsy-attitude-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 20px 30px -8px #3a5f82;
        }
        .mkapzsy-attitude-card h3 {
            font-size: 2.26rem;
            color: #1c3a5c;
            margin-bottom: 2.6rem;
            border-left: 6px solid #3c7ab0;
            padding-left: 1rem;
        }
        .mkapzsy-attitude-card p {
            color: #1f3d5a;
            line-height: 1.6;
        }

        /* 响应式 */
        @media (max-width: 900px) {
            .mkapzsy-feature-grid,
            .mkapzsy-problem-grid,
            .mkapzsy-attitude-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        @media (max-width: 550px) {
            .mkapzsy-feature-grid,
            .mkapzsy-problem-grid,
            .mkapzsy-attitude-grid {
                grid-template-columns: 1fr;
            }
            .mkapzsy-device-chain .plus {
                display: none;
            }
            .mkapzsy-device-chain {
                flex-direction: column;
            }
        }