*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:#f5faff;color:#0a2540;line-height:1.6;scroll-behavior:smooth}.container{max-width:80%;margin:0 auto;padding:0 40px}.navbar{background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,80,200,.06);position:sticky;top:0;z-index:100;padding:14px 0}.nav-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;position:relative}.logo-area{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.6rem;color:#0a2540;text-decoration:none}.logo-area img{height:40px;width:auto;display:block}.logo-area span{color:#06f}.nav-links{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.nav-links a{text-decoration:none;font-weight:500;color:#1d3b5a;font-size:.92rem;transition:.2s;position:relative}.nav-links a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#06f;transition:width .3s}.nav-links a:hover::after{width:100%}.nav-links a:hover{color:#06f}.btn-nav{background:#06f;color:#fff!important;padding:8px 24px;border-radius:40px;font-weight:600;font-size:.85rem;box-shadow:0 4px 16px rgba(0,102,255,.18);transition:all .3s}.btn-nav::after{display:none!important}.btn-nav:hover{background:#0052cc;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,102,255,.25)}.btn-primary{background:#06f;color:#fff;border:none;padding:14px 38px;border-radius:60px;font-weight:600;font-size:1.05rem;display:inline-flex;align-items:center;gap:10px;box-shadow:0 4px 16px rgba(0,102,255,.2);transition:all .3s;cursor:pointer;text-decoration:none}.btn-primary:hover{transform:translateY(-3px);background:#0052cc;box-shadow:0 8px 28px rgba(0,102,255,.3)}.btn-outline{background:0 0;border:1.5px solid rgba(0,102,255,.15);color:#1d3b5a;padding:14px 28px;border-radius:60px;font-weight:600;font-size:1.05rem;display:inline-flex;align-items:center;gap:10px;transition:.3s;text-decoration:none}.btn-outline:hover{border-color:#06f;color:#06f;background:rgba(0,102,255,.02)}.hamburger{display:none;background:0 0;border:none;font-size:1.8rem;color:#0a2540;cursor:pointer;padding:4px 8px;transition:.2s;z-index:101}.hamburger:hover{color:#06f}.back-to-top{position:fixed;bottom:30px;right:30px;width:48px;height:48px;border-radius:50%;background:#06f;color:#fff;border:none;font-size:1.2rem;cursor:pointer;box-shadow:0 4px 16px rgba(0,102,255,.3);transition:all .3s ease;opacity:0;visibility:hidden;z-index:999}.back-to-top.show{opacity:1;visibility:visible}.back-to-top:hover{background:#0052cc;transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,102,255,.4)}.footer{background:#0a2540;color:rgba(255,255,255,.7);padding:50px 0 30px;border-top:3px solid #06f}.footer a{color:rgba(255,255,255,.6);text-decoration:none;transition:.2s}.footer a:hover{color:#fff}.footer .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;margin-bottom:30px}.footer .brand-col .logo{font-size:1.8rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px;margin-bottom:12px}.footer .brand-col .logo i{color:#06f}.footer .brand-col .logo span{color:#06f}.footer .brand-col p{font-size:.9rem;line-height:1.7;max-width:340px}.footer .col h4{color:#fff;font-size:1rem;font-weight:600;margin-bottom:14px;letter-spacing:.3px}.footer .col ul{list-style:none}.footer .col ul li{margin-bottom:8px}.footer .col ul li a{font-size:.9rem;color:rgba(255,255,255,.6);transition:.2s}.footer .col ul li a:hover{color:#06f}.footer .footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:18px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:.8rem}.footer .footer-bottom .icp{color:rgba(255,255,255,.4);text-align:center}.footer .footer-bottom .icp a{color:rgba(255,255,255,.4);text-decoration:none}.footer .footer-bottom .icp a:hover{color:#fff}.footer .footer-bottom .icp .sep{margin:0 10px;color:rgba(255,255,255,.15)}

/* Migrated page-specific styles */
/* ============================================================
           🔸 页面 style（.kl-page 下所有模块）
           ============================================================ */

        /* ----- 英雄区 kl-hero ----- */
        .kl-page .kl-hero { padding: 70px 0 60px; background: linear-gradient(135deg, #ffffff 0%, #e6f0ff 100%); }
        .kl-page .kl-hero-grid {
            display: flex; align-items: center; gap: 60px;
            flex-wrap: wrap;
        }
        .kl-page .kl-hero-left { flex: 1.1; min-width: 320px; }
        .kl-page .kl-hero-right { flex: 1.2; min-width: 300px; display: flex; justify-content: flex-end; }
        .kl-page .kl-hero-badge {
            display: inline-block; background: rgba(0,102,255,0.06);
            border: 1px solid rgba(0,102,255,0.08); border-radius: 40px;
            padding: 6px 22px; font-size: 0.85rem; font-weight: 600;
            color: #0066ff; margin-bottom: 12px;
        }
        .kl-page .kl-hero h1 {
            font-size: 3.4rem; font-weight: 800; line-height: 1.08;
            color: #0a2540; margin-bottom: 12px;
        }
        .kl-page .kl-hero h1 .kl-highlight { color: #0066ff; }
        .kl-page .kl-hero-desc {
            font-size: 1.1rem; color: #2f5478; max-width: 520px;
            margin-bottom: 20px; line-height: 1.8;
        }
        .kl-page .kl-hero-desc strong { color: #0a2540; }
        .kl-page .kl-hero-actions { display: flex; flex-wrap: wrap; gap: 14px; }
        .kl-page .kl-hero-platforms {
            display: flex; gap: 12px; flex-wrap: wrap; margin-top: 16px;
        }
        .kl-page .kl-hero-platforms span {
            display: inline-flex; align-items: center; gap: 8px;
            background: #ffffff; padding: 6px 18px; border-radius: 30px;
            font-size: 0.9rem; font-weight: 500; color: #1d3b5a;
            border: 1px solid rgba(0,102,255,0.06);
            box-shadow: 0 2px 8px rgba(0,0,0,0.02);
        }
        .kl-page .kl-hero-platforms i { color: #0066ff; }

        .kl-page .kl-hero-imgsingle .img-wrapper {
            background: #ffffff; border: 2px solid rgba(0,102,255,0.06);
            border-radius: 24px; padding: 10px;
            box-shadow: 0 8px 32px rgba(0,102,255,0.04);
            transition: 0.4s; display: inline-flex;
            align-items: center; justify-content: center; max-width: 100%;
            animation: kl-heroFloat 3.5s ease-in-out infinite;
        }
        .kl-page .kl-hero-imgsingle .img-wrapper:hover {
            border-color: #0066ff; transform: translateY(-6px);
            box-shadow: 0 16px 40px rgba(0,102,255,0.06);
        }
        @keyframes kl-heroFloat {
            0% { transform: translateY(0); }
            50% { transform: translateY(-14px); }
            100% { transform: translateY(0); }
        }
        .kl-page .kl-hero-imgsingle .img-wrapper img {
            width: 100%; max-width: 720px; height: auto; border-radius: 16px;
            max-height: 400px; object-fit: contain; background: #fff;
            display: block;
        }

        /* ----- 品牌介绍1 brand-intro ----- */
        .kl-page .kl-brand-sec {
            padding: 60px 0 70px;
            background: #ffffff;
            border-top: 1px solid rgba(0,102,255,0.04);
            border-bottom: 1px solid rgba(0,102,255,0.04);
        }
        .kl-page .kl-brand-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 50px;
            align-items: stretch;
        }
        .kl-page .kl-brand-img {
            background: #f7faff;
            border-radius: 20px;
            padding: 16px;
            border: 1px solid rgba(0,102,255,0.04);
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 320px;
        }
        .kl-page .kl-brand-img img {
            width: 100%;
            height: auto;
            border-radius: 12px;
            display: block;
            max-height: 400px;
            object-fit: contain;
        }
        .kl-page .kl-brand-text {
            display: flex;
            flex-direction: column;
            justify-content: center;
            min-height: 320px;
        }
        .kl-page .kl-brand-text h2 {
            font-size: 2rem;
            font-weight: 700;
            color: #0a2540;
            margin-bottom: 14px;
        }
        .kl-page .kl-brand-text h2 i {
            color: #0066ff;
            margin-right: 10px;
        }
        .kl-page .kl-brand-text p {
            color: #2f5478;
            font-size: 1rem;
            line-height: 1.9;
            margin-bottom: 14px;
        }
        .kl-page .kl-brand-text p strong { color: #0a2540; }
        .kl-page .kl-brand-text .kl-brand-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 16px;
        }
        .kl-page .kl-brand-text .kl-brand-tags span {
            background: #f7faff;
            border: 1px solid rgba(0,102,255,0.06);
            border-radius: 30px;
            padding: 4px 16px;
            font-size: 0.8rem;
            color: #0066ff;
            font-weight: 500;
        }

        /* ----- 品牌介绍2 intro ----- */
        .kl-page .kl-intro-sec { padding: 70px 0 60px; background: #ffffff; border-top: 1px solid rgba(0,102,255,0.04); }
        .kl-page .kl-intro-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 50px;
            align-items: stretch;
        }
        .kl-page .kl-intro-text {
            display: flex;
            flex-direction: column;
            justify-content: center;
            min-height: 320px;
        }
        .kl-page .kl-intro-text h2 { font-size: 2rem; font-weight: 700; color: #0a2540; margin-bottom: 14px; }
        .kl-page .kl-intro-text h2 i { color: #0066ff; margin-right: 10px; }
        .kl-page .kl-intro-text p { color: #2f5478; font-size: 1rem; line-height: 1.8; margin-bottom: 14px; }
        .kl-page .kl-intro-text .kl-highlight-box {
            background: #f0f7ff; border-left: 4px solid #0066ff;
            padding: 18px 22px; border-radius: 8px; margin-top: 14px;
            font-size: 0.95rem;
        }
        .kl-page .kl-intro-text .kl-highlight-box strong { color: #0066ff; }
        .kl-page .kl-intro-stats {
            display: grid; grid-template-columns: 1fr 1fr; gap: 18px;
            align-content: center;
        }
        .kl-page .kl-stat-card {
            background: #f7faff; border-radius: 16px; padding: 24px 20px;
            border: 1px solid rgba(0,102,255,0.04); text-align: center;
        }
        .kl-page .kl-stat-card .num { font-size: 2.2rem; font-weight: 800; color: #0066ff; }
        .kl-page .kl-stat-card .label { font-size: 0.9rem; color: #2f5478; }

        /* ----- 定价 pricing ----- */
        .kl-page .kl-pricing-sec { padding: 70px 0 80px; background: #ffffff; border-top: 1px solid rgba(0,102,255,0.04); }
        .kl-page .kl-pricing-grid {
            display: flex; flex-wrap: wrap; gap: 30px;
            justify-content: center;
        }
        .kl-page .kl-pricing-card {
            background: #f7faff; border-radius: 28px; padding: 36px 30px 32px;
            flex: 1; min-width: 270px; max-width: 360px;
            border: 1px solid rgba(0,102,255,0.04); transition: 0.4s; text-align: center;
            box-shadow: 0 2px 12px rgba(0,0,0,0.02);
        }
        .kl-page .kl-pricing-card:hover {
            transform: translateY(-6px); border-color: rgba(0,102,255,0.10);
            box-shadow: 0 20px 40px -12px rgba(0,102,255,0.06);
        }
        .kl-page .kl-pricing-card.kl-featured {
            border: 2px solid #0066ff; background: linear-gradient(145deg, #ffffff, #f0f7ff);
            position: relative;
        }
        .kl-page .kl-pricing-card.kl-featured::before {
            content: "推荐"; position: absolute; top: -12px; right: 20px;
            background: #0066ff; color: #fff; padding: 3px 18px;
            border-radius: 30px; font-size: 0.7rem; font-weight: 600;
        }
        .kl-page .kl-pricing-icon { font-size: 2.8rem; color: #0066ff; margin-bottom: 16px; }
        .kl-page .kl-pricing-name { font-size: 1.5rem; font-weight: 700; margin-bottom: 8px; color: #0a2540; }
        .kl-page .kl-pricing-desc { color: #2f5478; font-size: 0.95rem; margin-bottom: 14px; }
        .kl-page .kl-pricing-price { font-size: 2.2rem; font-weight: 800; color: #0066ff; margin-bottom: 16px; }
        .kl-page .kl-price-unit { font-size: 0.9rem; font-weight: 400; color: #456b8c; }
        .kl-page .kl-price-old { font-size: 0.85rem; color: #64748b; text-decoration: line-through; margin-left: 8px; }
        .kl-page .kl-pricing-features {
            list-style: none; margin: 16px 0; text-align: left; padding-left: 4px;
        }
        .kl-page .kl-pricing-features li {
            padding: 8px 0; color: #2f5478; font-size: 0.92rem;
            display: flex; align-items: center; gap: 10px; line-height: 1.4;
        }
        .kl-page .kl-pricing-features li i { color: #0066ff; width: 22px; flex-shrink: 0; text-align: center; }
        .kl-page .kl-pricing-btn {
            background: #0066ff; color: #fff; display: inline-flex;
            align-items: center; justify-content: center; gap: 8px;
            width: 100%; padding: 14px; border-radius: 40px;
            font-weight: 600; font-size: 0.95rem; text-decoration: none; transition: 0.2s;
            border: none; cursor: pointer;
        }
        .kl-page .kl-pricing-btn:hover { background: #0052cc; transform: translateY(-2px); }

        /* ----- 核心服务 services ----- */
        .kl-page .kl-services-sec { padding: 70px 0 80px; background: #f7faff; }
        .kl-page .kl-sec-head { text-align: center; margin-bottom: 36px; }
        .kl-page .kl-sec-badge {
            display: inline-block; background: rgba(0,102,255,0.04);
            border: 1px solid rgba(0,102,255,0.06); border-radius: 40px;
            padding: 4px 20px; font-size: 0.8rem; font-weight: 600;
            color: #0066ff; margin-bottom: 6px;
        }
        .kl-page .kl-sec-title { font-size: 2rem; font-weight: 700; color: #0a2540; }
        .kl-page .kl-sec-title i { color: #0066ff; margin-right: 8px; }
        .kl-page .kl-sec-sub { color: #2f5478; font-size: 1rem; }

        .kl-page .services-flex {
            display: flex;
            align-items: stretch;
            gap: 50px;
            flex-wrap: wrap;
        }
        .kl-page .services-left {
            flex: 1.5;
            min-width: 320px;
        }
        .kl-page .kl-services-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 24px;
            height: 100%;
        }
        .kl-page .kl-service-card {
            background: #ffffff;
            border-radius: 20px;
            padding: 32px 26px 28px;
            border: 1px solid rgba(0,102,255,0.04);
            transition: 0.3s;
            box-shadow: 0 2px 12px rgba(0,0,0,0.02);
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .kl-page .kl-service-card:hover {
            transform: translateY(-4px);
            border-color: rgba(0,102,255,0.08);
            box-shadow: 0 12px 28px rgba(0,102,255,0.04);
        }
        .kl-page .kl-service-card .icon { font-size: 2.6rem; color: #0066ff; margin-bottom: 14px; display: block; }
        .kl-page .kl-service-card h3 { font-size: 1.2rem; font-weight: 700; color: #0a2540; }
        .kl-page .kl-service-card p { font-size: 0.92rem; color: #2f5478; line-height: 1.6; margin-top: 6px; }
        .kl-page .kl-service-card .tag {
            display: inline-block;
            background: rgba(0,102,255,0.04);
            padding: 3px 14px;
            border-radius: 30px;
            font-size: 0.7rem;
            color: #0066ff;
            font-weight: 600;
            margin-top: 12px;
        }
        .kl-page .services-right {
            flex: 1.2;
            min-width: 300px;
            display: flex;
            align-items: stretch;
            justify-content: center;
        }
        .kl-page .services-right .showcase-img {
            background: #ffffff;
            border-radius: 20px;
            padding: 10px;
            border: 1px solid rgba(0,102,255,0.04);
            transition: 0.3s;
            width: 100%;
            max-width: 750px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .kl-page .services-right .showcase-img:hover {
            border-color: rgba(0,102,255,0.08);
            box-shadow: 0 8px 24px rgba(0,102,255,0.04);
        }
        .kl-page .services-right .showcase-img img {
            width: 100%;
            height: auto;
            max-height: 420px;
            border-radius: 12px;
            display: block;
            object-fit: contain;
        }

        /* ----- 下载 download ----- */
        .kl-page .kl-dl-sec { padding: 70px 0 80px; background: #ffffff; border-top: 1px solid rgba(0,102,255,0.04); }
        .kl-page .download-header { text-align: center; margin-bottom: 34px; }
        .kl-page .download-header .badge {
            display: inline-block; background: rgba(0,102,255,0.04);
            border: 1px solid rgba(0,102,255,0.06); border-radius: 40px;
            padding: 4px 18px; font-size: 0.8rem; font-weight: 600;
            color: #0066ff; margin-bottom: 8px;
        }
        .kl-page .download-header h2 { font-size: 2.2rem; font-weight: 700; color: #0a2540; }
        .kl-page .download-header h2 i { color: #0066ff; margin-right: 8px; }
        .kl-page .download-header p { color: #2f5478; font-size: 1rem; }
        .kl-page .kl-dl-grid {
            display: grid; grid-template-columns: repeat(4, 1fr);
            gap: 24px;
        }
        .kl-page .kl-dl-card {
            background: #f7faff; border-radius: 20px; padding: 28px 20px 24px;
            text-align: center; border: 1px solid rgba(0,102,255,0.04);
            transition: 0.3s;
        }
        .kl-page .kl-dl-card:hover {
            transform: translateY(-4px); border-color: rgba(0,102,255,0.10);
            box-shadow: 0 8px 24px rgba(0,102,255,0.04);
        }
        .kl-page .kl-dl-card .icon-wrap { font-size: 2.8rem; color: #0066ff; margin-bottom: 10px; display: block; }
        .kl-page .kl-dl-card h3 { font-size: 1.2rem; font-weight: 700; color: #0a2540; }
        .kl-page .kl-dl-card .version { font-size: 0.75rem; color: #456b8c; }
        .kl-page .kl-dl-card .desc { font-size: 0.88rem; color: #2f5478; margin: 10px 0 16px; min-height: 40px; }
        .kl-page .kl-dl-card .btn-download {
            display: inline-flex; align-items: center; gap: 8px;
            background: #0066ff; color: #fff; padding: 10px 26px;
            border-radius: 40px; font-weight: 600; font-size: 0.88rem;
            text-decoration: none; transition: 0.3s;
            box-shadow: 0 4px 12px rgba(0,102,255,0.1);
        }
        .kl-page .kl-dl-card .btn-download:hover { background: #0052cc; transform: translateY(-2px); }
        .kl-page .kl-dl-card .badge-hot {
            font-size: 0.65rem; font-weight: 700; color: #0066ff;
            background: rgba(0,102,255,0.04); padding: 2px 12px;
            border-radius: 30px; display: inline-block; margin-bottom: 6px;
        }
        .kl-page .kl-dl-footer { text-align: center; margin-top: 28px; color: #456b8c; font-size: 0.9rem; }
        .kl-page .kl-dl-footer i { color: #0066ff; }

        /* ----- 技术优势 tech ----- */
        .kl-page .kl-tech-sec { padding: 70px 0 80px; background: #f7faff; border-top: 1px solid rgba(0,102,255,0.04); }
        .kl-page .tech-flex {
            display: flex;
            align-items: flex-start;
            gap: 50px;
            flex-wrap: wrap;
        }
        .kl-page .tech-left {
            flex: 1.3;
            min-width: 320px;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            padding-top: 80px;
        }
        .kl-page .tech-left .showcase-img {
            background: #ffffff;
            border-radius: 20px;
            padding: 12px;
            border: 1px solid rgba(0,102,255,0.04);
            transition: 0.3s;
            width: 100%;
            max-width: 700px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .kl-page .tech-left .showcase-img:hover {
            border-color: rgba(0,102,255,0.08);
            box-shadow: 0 8px 24px rgba(0,102,255,0.04);
        }
        .kl-page .tech-left .showcase-img img {
            width: 100%;
            height: auto;
            max-height: 450px;
            border-radius: 12px;
            display: block;
            object-fit: contain;
        }
        .kl-page .tech-right {
            flex: 1.1;
            min-width: 320px;
        }
        .kl-page .tech-right .kl-sec-head { text-align: left; margin-bottom: 24px; }
        .kl-page .tech-right .kl-tech-grid {
            display: grid; grid-template-columns: 1fr 1fr;
            gap: 20px;
        }
        .kl-page .tech-item {
            background: #ffffff; border-radius: 16px; padding: 24px 20px 20px;
            text-align: center; border: 1px solid rgba(0,102,255,0.04);
            transition: 0.3s;
        }
        .kl-page .tech-item:hover { transform: translateY(-4px); border-color: rgba(0,102,255,0.08); }
        .kl-page .tech-item i { font-size: 2rem; color: #0066ff; margin-bottom: 8px; display: block; }
        .kl-page .tech-item h3 { font-size: 1rem; font-weight: 700; color: #0a2540; }
        .kl-page .tech-item p { font-size: 0.85rem; color: #2f5478; }

        /* ----- 认证 cert ----- */
        .kl-page .kl-cert-sec { padding: 70px 0 80px; background: #ffffff; border-top: 1px solid rgba(0,102,255,0.04); }
        .kl-page .kl-cert-grid {
            display: flex; flex-wrap: wrap; gap: 40px;
            justify-content: center; align-items: stretch;
        }
        .kl-page .kl-cert-card {
            background: #f7faff; border-radius: 24px; padding: 32px 34px 34px;
            border: 1px solid rgba(0,102,255,0.04);
            transition: 0.3s; flex: 1 1 300px; max-width: 540px;
            display: flex; flex-direction: column; align-items: center;
            text-align: center;
        }
        .kl-page .kl-cert-card:hover {
            transform: translateY(-4px); border-color: rgba(0,102,255,0.08);
            box-shadow: 0 12px 28px rgba(0,102,255,0.04);
        }
        .kl-page .kl-cert-card .cert-img-wrap {
            width: 100%; max-width: 460px; margin: 0 auto 14px;
        }
        .kl-page .kl-cert-card .cert-img-wrap img {
            width: 100%; height: auto; border-radius: 12px;
            display: block;
        }
        .kl-page .kl-cert-card .cert-title {
            font-size: 1.2rem; font-weight: 700; color: #0a2540;
            margin-top: 8px;
        }
        .kl-page .kl-cert-card .cert-desc {
            font-size: 0.95rem; color: #2f5478; line-height: 1.7;
            margin-top: 6px;
        }
        .kl-page .kl-cert-card .cert-tags {
            display: flex; flex-wrap: wrap; gap: 10px;
            margin-top: 14px; justify-content: center;
        }
        .kl-page .kl-cert-card .cert-tags span {
            background: rgba(0,102,255,0.04); border: 1px solid rgba(0,102,255,0.06);
            border-radius: 30px; padding: 3px 18px;
            font-size: 0.75rem; font-weight: 600; color: #0066ff;
        }
        .kl-page .kl-cert-card .cert-badges {
            display: flex; flex-wrap: wrap; gap: 12px;
            justify-content: center; margin-top: 12px;
        }
        .kl-page .kl-cert-card .cert-badges .badge-item {
            background: rgba(0,102,255,0.03); border-radius: 12px;
            padding: 3px 16px; border: 1px solid rgba(0,102,255,0.04);
            font-size: 0.75rem; font-weight: 600; color: #0a2540;
            display: flex; align-items: center; gap: 8px;
        }
        .kl-page .kl-cert-card .cert-badges .badge-item i { color: #0066ff; }

        /* ----- 用户口碑 reviews（仅6条） ----- */
        .kl-page .kl-reviews-sec { padding: 60px 0 70px; background: #f7faff; }
        .kl-page .kl-reviews-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 28px;
        }
        .kl-page .kl-review-card {
            background: #ffffff;
            border-radius: 20px;
            padding: 28px 24px 24px;
            border: 1px solid rgba(0,102,255,0.04);
            transition: 0.3s;
            box-shadow: 0 2px 12px rgba(0,0,0,0.02);
            display: flex;
            flex-direction: column;
        }
        .kl-page .kl-review-card:hover {
            transform: translateY(-4px);
            border-color: rgba(0,102,255,0.08);
            box-shadow: 0 12px 28px rgba(0,102,255,0.04);
        }
        .kl-page .kl-review-card .stars {
            color: #f5a623;
            font-size: 0.9rem;
            letter-spacing: 2px;
            margin-bottom: 6px;
            flex-shrink: 0;
        }
        .kl-page .kl-review-card .text {
            font-size: 0.95rem;
            color: #0a2540;
            line-height: 1.7;
            flex: 1;
        }
        .kl-page .kl-review-card .author {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-top: 14px;
            padding-top: 14px;
            border-top: 1px solid rgba(0,102,255,0.04);
            flex-shrink: 0;
        }
        .kl-page .kl-review-card .author .avatar {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            flex-shrink: 0;
            overflow: hidden;
            border: 2px solid rgba(0,102,255,0.06);
        }
        .kl-page .kl-review-card .author .avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        .kl-page .kl-review-card .author .info .name {
            font-weight: 600;
            color: #0a2540;
            font-size: 0.9rem;
        }
        .kl-page .kl-review-card .author .info .location {
            font-size: 0.75rem;
            color: #456b8c;
        }
        .kl-page .kl-review-card .badge-verified {
            display: inline-block;
            background: rgba(34,197,94,0.08);
            color: #22c55e;
            font-size: 0.6rem;
            font-weight: 600;
            padding: 2px 10px;
            border-radius: 30px;
            margin-top: 4px;
            flex-shrink: 0;
        }
        .kl-page .kl-review-card .badge-verified i { margin-right: 4px; }

        /* ----- 知识库 knowledge（JS动态12条，无分页） ----- */
        .kl-page .kl-knowledge { padding: 70px 0 80px; background: #ffffff; border-top: 1px solid rgba(0,102,255,0.04); }
        .kl-page .kl-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 28px;
        }
        .kl-page .kl-card {
            background: #f7faff; border-radius: 20px; overflow: hidden;
            border: 1px solid rgba(0,102,255,0.04); transition: 0.3s;
            box-shadow: 0 2px 12px rgba(0,0,0,0.02);
            display: flex;
            flex-direction: column;
        }
        .kl-page .kl-card:hover { transform: translateY(-4px); border-color: rgba(0,102,255,0.08); box-shadow: 0 12px 28px rgba(0,102,255,0.04); }
        .kl-page .kl-card .knowledge-img {
            width: 100%; height: 180px; background: #e6f0ff;
            display: flex; align-items: center; justify-content: center; overflow: hidden;
        }
        .kl-page .kl-card .knowledge-img img {
            width: 100%; height: 100%; object-fit: cover; display: block;
        }
        .kl-page .knowledge-body { padding: 18px 20px 20px; flex: 1; display: flex; flex-direction: column; }
        .kl-page .knowledge-body h3 { font-size: 1rem; font-weight: 700; color: #0a2540; line-height: 1.3; margin-bottom: 6px; }
        .kl-page .knowledge-body h3 a { color: #0a2540; text-decoration: none; }
        .kl-page .knowledge-body h3 a:hover { color: #0066ff; }
        .kl-page .knowledge-body p { font-size: 0.88rem; color: #2f5478; margin-bottom: 10px; flex: 1; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
        .kl-page .knowledge-body .meta {
            font-size: 0.75rem; color: #456b8c; display: flex;
            align-items: center; justify-content: space-between;
            padding-top: 8px; border-top: 1px solid rgba(0,102,255,0.04);
        }
        .kl-page .knowledge-body .meta a { color: #0066ff; text-decoration: none; font-weight: 500; }

        /* ----- FAQ（每排2个，步骤化答案） ----- */
        .kl-page .kl-faq-sec { padding: 50px 0 70px; background: #f7faff; border-top: 1px solid rgba(0,102,255,0.04); }
        .kl-page .kl-faq-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 18px;
            align-items: stretch;
        }
        .kl-page .kl-faq-item {
            background: #ffffff;
            border-radius: 16px;
            padding: 24px 28px;
            border: 1px solid rgba(0,102,255,0.03);
            transition: 0.3s;
            display: flex;
            flex-direction: column;
            height: 100%;
        }
        .kl-page .kl-faq-item:hover { border-color: rgba(0,102,255,0.06); }
        .kl-page .kl-faq-item .q {
            font-weight: 700;
            font-size: 1rem;
            color: #0a2540;
            display: flex;
            align-items: center;
            gap: 12px;
            flex-shrink: 0;
        }
        .kl-page .kl-faq-item .q i {
            color: #0066ff;
            font-size: 0.8rem;
            width: 20px;
            flex-shrink: 0;
        }
        .kl-page .kl-faq-item .a {
            margin-top: 10px;
            color: #2f5478;
            font-size: 0.92rem;
            line-height: 1.8;
            flex: 1;
        }
        .kl-page .kl-faq-item .a .step {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            margin-top: 6px;
            padding-left: 4px;
        }
        .kl-page .kl-faq-item .a .step:first-child { margin-top: 0; }
        .kl-page .kl-faq-item .a .kl-step-num {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 22px;
            height: 22px;
            background: #0066ff;
            color: #fff;
            border-radius: 50%;
            font-size: 0.7rem;
            font-weight: 700;
            flex-shrink: 0;
            margin-top: 2px;
        }
        .kl-page .kl-faq-item .a .step-text { flex: 1; }
        .kl-page .kl-faq-item .a strong { color: #0a2540; }


        /* ============================================================
           📱 响应式（公用 + 页面）
           ============================================================ */
        @media (max-width: 1024px) {
            .container { padding: 0 30px; }
            .kl-page .kl-hero h1 { font-size: 2.6rem; }
            .kl-page .kl-brand-grid { grid-template-columns: 1fr; text-align: center; }
            .kl-page .kl-brand-grid .kl-brand-img { order: -1; }
            .kl-page .kl-brand-img { min-height: 200px; }
            .kl-page .kl-brand-text { min-height: auto; }
            .kl-page .kl-intro-grid { grid-template-columns: 1fr; text-align: center; }
            .kl-page .kl-intro-text { min-height: auto; }
            .kl-page .kl-intro-stats { max-width: 500px; margin: 0 auto; }
            .kl-page .services-flex { flex-direction: column; text-align: center; }
            .kl-page .kl-services-grid { grid-template-columns: 1fr 1fr; }
            .kl-page .services-right { width: 100%; }
            .kl-page .services-right .showcase-img { max-width: 100%; }
            .kl-page .kl-dl-grid { grid-template-columns: 1fr 1fr; }
            .kl-page .kl-reviews-grid { grid-template-columns: repeat(2, 1fr); }
            .kl-page .kl-grid { grid-template-columns: repeat(2, 1fr); }
            .kl-page .tech-flex { flex-direction: column; text-align: center; }
            .kl-page .tech-right .kl-sec-head { text-align: center; }
            .kl-page .tech-right .kl-tech-grid { grid-template-columns: 1fr 1fr; }
            .kl-page .tech-left { width: 100%; padding-top: 0; }
            .kl-page .tech-left .showcase-img { max-width: 100%; }
            .kl-page .kl-cert-grid { flex-direction: column; align-items: center; }
            .kl-page .kl-cert-card { max-width: 100%; width: 100%; }
            .footer .footer-grid { grid-template-columns: 1fr 1fr; }
            .kl-page .kl-faq-grid { grid-template-columns: 1fr 1fr; }
        }
        @media (max-width: 768px) {
            .container { max-width: 100%; padding: 0 20px; }
            .nav-inner { flex-direction: row; flex-wrap: wrap; }
            .hamburger { display: block; }
            .nav-links {
                display: none;
                flex-direction: column;
                width: 100%;
                gap: 12px;
                padding: 16px 0 8px;
                border-top: 1px solid rgba(0,102,255,0.06);
                margin-top: 4px;
                align-items: center;
            }
            .nav-links.active { display: flex; }
            .nav-links a { font-size: 1rem; }
            .btn-nav { width: 100%; text-align: center; justify-content: center; }
            .kl-page .kl-hero-grid { flex-direction: column; text-align: center; }
            .kl-page .kl-hero-left { min-width: unset; }
            .kl-page .kl-hero-right { min-width: unset; justify-content: center; }
            .kl-page .kl-hero h1 { font-size: 2.2rem; }
            .kl-page .kl-hero-desc { margin: 0 auto; }
            .kl-page .kl-hero-actions { justify-content: center; }
            .kl-page .kl-hero-platforms { justify-content: center; }
            .kl-page .kl-brand-grid { grid-template-columns: 1fr; text-align: center; }
            .kl-page .kl-brand-grid .kl-brand-img { order: -1; }
            .kl-page .kl-brand-img { min-height: 160px; }
            .kl-page .kl-intro-grid { grid-template-columns: 1fr; text-align: center; }
            .kl-page .kl-services-grid { grid-template-columns: 1fr; }
            .kl-page .kl-dl-grid { grid-template-columns: 1fr 1fr; }
            .kl-page .tech-right .kl-tech-grid { grid-template-columns: 1fr 1fr; }
            .kl-page .kl-reviews-grid { grid-template-columns: 1fr; }
            .kl-page .kl-grid { grid-template-columns: 1fr; }
            .kl-page .kl-cert-grid { flex-direction: column; align-items: center; }
            .kl-page .kl-cert-card { max-width: 100%; }
            .footer .footer-grid { grid-template-columns: 1fr 1fr; gap: 28px; }
            .footer .footer-bottom { flex-direction: column; text-align: center; }
            .kl-page .kl-faq-grid { grid-template-columns: 1fr; }
            .kl-page .kl-faq-item { padding: 20px; }
            .back-to-top { bottom: 20px; right: 20px; width: 44px; height: 44px; font-size: 1rem; }
        }
        @media (max-width: 480px) {
            .container { max-width: 100%; padding: 0 14px; }
            .kl-page .kl-hero h1 { font-size: 1.8rem; }
            .kl-page .kl-dl-grid { grid-template-columns: 1fr; }
            .kl-page .tech-right .kl-tech-grid { grid-template-columns: 1fr; }
            .kl-page .kl-hero-imgsingle .img-wrapper img { max-height: 200px; max-width: 280px; }
            .btn-primary, .btn-outline { padding: 12px 24px; font-size: 0.9rem; }
            .footer .footer-grid { grid-template-columns: 1fr; gap: 24px; text-align: center; }
            .footer .brand-col p { max-width: 100%; }
            .kl-page .kl-cert-card { padding: 20px 16px; }
            .kl-page .kl-cert-card .cert-img-wrap { max-width: 100%; }
            .kl-page .services-right .showcase-img img { max-height: 280px; }
            .kl-page .tech-left .showcase-img img { max-height: 300px; }
            .kl-page .services-right .showcase-img { max-width: 100%; }
            .kl-page .kl-brand-text .kl-brand-tags { justify-content: center; }
            .kl-page .kl-faq-item { padding: 16px; }
            .kl-page .kl-faq-item .a .step { flex-direction: column; gap: 4px; }
            .kl-page .kl-reviews-grid { grid-template-columns: 1fr; }
            .back-to-top { bottom: 16px; right: 16px; width: 40px; height: 40px; font-size: 0.9rem; }
        }

/* ============================================================
           🔸 页面 style（.kl-page 下所有模块）
           ============================================================ */

        /* ----- FAQ 英雄区 faq-kl-hero ----- */
        .kl-page .faq-kl-hero {
            padding: 80px 0 60px;
            background: linear-gradient(135deg, #ffffff 0%, #e6f0ff 100%);
            text-align: center;
            position: relative;
            overflow: hidden;
        }
        .kl-page .faq-kl-hero::after {
            content: '';
            position: absolute;
            top: -50%;
            right: -20%;
            width: 400px;
            height: 400px;
            background: radial-gradient(circle, rgba(0,102,255,0.03) 0%, transparent 70%);
            border-radius: 50%;
        }
        .kl-page .faq-kl-hero h1 {
            font-size: 2.8rem;
            font-weight: 800;
            color: #0a2540;
            margin-bottom: 12px;
            position: relative;
            z-index: 1;
        }
        .kl-page .faq-kl-hero h1 .kl-highlight { color: #0066ff; }
        .kl-page .faq-kl-hero .sub {
            font-size: 1.1rem;
            color: #2f5478;
            max-width: 600px;
            margin: 0 auto 8px;
            line-height: 1.8;
            position: relative;
            z-index: 1;
        }
        .kl-page .faq-kl-hero .sub strong { color: #0a2540; }
        .kl-page .faq-kl-hero .faq-badge {
            display: inline-block;
            background: rgba(0,102,255,0.06);
            border: 1px solid rgba(0,102,255,0.08);
            border-radius: 40px;
            padding: 6px 24px;
            font-size: 0.85rem;
            font-weight: 600;
            color: #0066ff;
            margin-bottom: 16px;
            position: relative;
            z-index: 1;
        }
        .kl-page .faq-kl-hero .faq-stats {
            display: flex;
            justify-content: center;
            gap: 40px;
            margin-top: 20px;
            position: relative;
            z-index: 1;
            flex-wrap: wrap;
        }
        .kl-page .faq-kl-hero .faq-stats .stat-item {
            text-align: center;
        }
        .kl-page .faq-kl-hero .faq-stats .stat-item .num {
            font-size: 1.8rem;
            font-weight: 800;
            color: #0066ff;
        }
        .kl-page .faq-kl-hero .faq-stats .stat-item .label {
            font-size: 0.85rem;
            color: #2f5478;
        }

        /* ----- FAQ 分类导航 ----- */
        .kl-page .faq-nav {
            padding: 20px 0 30px;
            background: #ffffff;
            border-bottom: 1px solid rgba(0,102,255,0.04);
        }
        .kl-page .faq-nav .nav-list {
            display: flex;
            justify-content: center;
            gap: 12px;
            flex-wrap: wrap;
        }
        .kl-page .faq-nav .nav-list a {
            display: inline-block;
            padding: 8px 24px;
            border-radius: 40px;
            font-size: 0.85rem;
            font-weight: 600;
            color: #2f5478;
            text-decoration: none;
            border: 1px solid rgba(0,102,255,0.06);
            transition: 0.3s;
            background: #f7faff;
        }
        .kl-page .faq-nav .nav-list a:hover,
        .kl-page .faq-nav .nav-list a.active {
            background: #0066ff;
            color: #fff;
            border-color: #0066ff;
            box-shadow: 0 4px 16px rgba(0,102,255,0.15);
            transform: translateY(-2px);
        }

        /* ----- FAQ 列表（全部展开，每排2个） ----- */
        .kl-page .faq-list-section {
            padding: 40px 0 70px;
            background: #f7faff;
        }
        .kl-page .faq-list-section .kl-sec-head {
            text-align: center;
            margin-bottom: 36px;
        }
        .kl-page .faq-list-section .kl-sec-badge {
            display: inline-block;
            background: rgba(0,102,255,0.04);
            border: 1px solid rgba(0,102,255,0.06);
            border-radius: 40px;
            padding: 4px 20px;
            font-size: 0.8rem;
            font-weight: 600;
            color: #0066ff;
            margin-bottom: 6px;
        }
        .kl-page .faq-list-section .kl-sec-title {
            font-size: 2rem;
            font-weight: 700;
            color: #0a2540;
        }
        .kl-page .faq-list-section .kl-sec-title i { color: #0066ff; margin-right: 8px; }
        .kl-page .faq-list-section .kl-sec-sub { color: #2f5478; font-size: 1rem; }

        .kl-page .kl-faq-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            max-width: 1100px;
            margin: 0 auto;
            align-items: stretch;
        }
        .kl-page .kl-faq-item {
            background: #ffffff;
            border-radius: 16px;
            padding: 26px 30px;
            border: 1px solid rgba(0,102,255,0.04);
            transition: 0.3s;
            display: flex;
            flex-direction: column;
            height: 100%;
            box-shadow: 0 2px 8px rgba(0,0,0,0.02);
        }
        .kl-page .kl-faq-item:hover {
            border-color: rgba(0,102,255,0.08);
            box-shadow: 0 8px 24px rgba(0,102,255,0.04);
            transform: translateY(-3px);
        }
        .kl-page .kl-faq-item .q {
            font-weight: 700;
            font-size: 1.05rem;
            color: #0a2540;
            display: flex;
            align-items: center;
            gap: 12px;
            flex-shrink: 0;
        }
        .kl-page .kl-faq-item .q .q-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 28px;
            height: 28px;
            background: rgba(0,102,255,0.06);
            color: #0066ff;
            border-radius: 50%;
            font-size: 0.7rem;
            flex-shrink: 0;
        }
        .kl-page .kl-faq-item .q .q-cat {
            font-size: 0.6rem;
            font-weight: 600;
            color: #0066ff;
            background: rgba(0,102,255,0.04);
            padding: 2px 12px;
            border-radius: 30px;
            margin-left: auto;
            flex-shrink: 0;
        }
        .kl-page .kl-faq-item .a {
            margin-top: 12px;
            color: #2f5478;
            font-size: 0.92rem;
            line-height: 1.8;
            flex: 1;
        }
        .kl-page .kl-faq-item .a .step {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            margin-top: 6px;
            padding-left: 4px;
        }
        .kl-page .kl-faq-item .a .step:first-child { margin-top: 0; }
        .kl-page .kl-faq-item .a .kl-step-num {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 22px;
            height: 22px;
            background: #0066ff;
            color: #fff;
            border-radius: 50%;
            font-size: 0.7rem;
            font-weight: 700;
            flex-shrink: 0;
            margin-top: 2px;
        }
        .kl-page .kl-faq-item .a .step-text { flex: 1; }
        .kl-page .kl-faq-item .a strong { color: #0a2540; }
        .kl-page .kl-faq-item .a a {
            color: #0066ff;
            text-decoration: none;
            font-weight: 600;
        }
        .kl-page .kl-faq-item .a a:hover { text-decoration: underline; }

        /* ----- 未找到答案 CTA ----- */
        .kl-page .faq-cta {
            padding: 50px 0 70px;
            background: #ffffff;
            border-top: 1px solid rgba(0,102,255,0.04);
            text-align: center;
        }
        .kl-page .faq-cta h2 {
            font-size: 1.8rem;
            font-weight: 700;
            color: #0a2540;
            margin-bottom: 8px;
        }
        .kl-page .faq-cta p {
            color: #2f5478;
            font-size: 1rem;
            margin-bottom: 20px;
        }
        .kl-page .faq-cta .kl-cta-btns {
            display: flex;
            gap: 14px;
            justify-content: center;
            flex-wrap: wrap;
        }

        /* ============================================================
           📱 响应式（包含汉堡菜单样式）
           ============================================================ */
        @media (max-width: 1024px) {
            .container { padding: 0 30px; }
            .kl-page .faq-kl-hero h1 { font-size: 2.4rem; }
            .kl-page .kl-faq-grid { gap: 16px; }
        }
        @media (max-width: 768px) {
            .container { max-width: 100%; padding: 0 20px; }

            /* ----- 汉堡菜单样式（移动端） ----- */
            .hamburger { display: block; }
            .nav-links {
                display: none;
                flex-direction: column;
                width: 100%;
                gap: 12px;
                padding: 16px 0 8px;
                border-top: 1px solid rgba(0,102,255,0.06);
                margin-top: 4px;
                align-items: center;
            }
            .nav-links.active { display: flex; }
            .nav-links a { font-size: 1rem; }
            .btn-nav { width: 100%; text-align: center; justify-content: center; }

            .kl-page .faq-kl-hero { padding: 50px 0 40px; }
            .kl-page .faq-kl-hero h1 { font-size: 1.8rem; }
            .kl-page .faq-kl-hero .faq-stats { gap: 24px; }
            .kl-page .faq-kl-hero .faq-stats .stat-item .num { font-size: 1.4rem; }
            .kl-page .faq-nav .nav-list a { font-size: 0.75rem; padding: 6px 16px; }
            .kl-page .kl-faq-grid { grid-template-columns: 1fr; }
            .kl-page .kl-faq-item { padding: 20px; }
            .kl-page .kl-faq-item .q { font-size: 0.95rem; }
            .kl-page .faq-cta h2 { font-size: 1.4rem; }
            .back-to-top { bottom: 20px; right: 20px; width: 44px; height: 44px; font-size: 1rem; }
        }
        @media (max-width: 480px) {
            .container { max-width: 100%; padding: 0 14px; }
            .kl-page .faq-kl-hero h1 { font-size: 1.6rem; }
            .kl-page .faq-kl-hero .faq-stats { gap: 16px; }
            .kl-page .faq-kl-hero .faq-stats .stat-item .num { font-size: 1.2rem; }
            .kl-page .faq-kl-hero .faq-stats .stat-item .label { font-size: 0.7rem; }
            .kl-page .faq-nav .nav-list { gap: 8px; }
            .kl-page .faq-nav .nav-list a { font-size: 0.7rem; padding: 4px 12px; }
            .kl-page .kl-faq-item { padding: 16px; }
            .kl-page .kl-faq-item .q { font-size: 0.9rem; flex-wrap: wrap; }
            .kl-page .kl-faq-item .q .q-cat { margin-left: 0; font-size: 0.55rem; }
            .kl-page .kl-faq-item .a .step { flex-direction: column; gap: 4px; }
            .kl-page .faq-cta .kl-cta-btns { flex-direction: column; align-items: center; }
            .kl-page .faq-cta .kl-cta-btns .btn-primary,
            .kl-page .faq-cta .kl-cta-btns .btn-outline { width: 100%; justify-content: center; }
            .back-to-top { bottom: 16px; right: 16px; width: 40px; height: 40px; font-size: 0.9rem; }
        }

/* ============================================================
           🔸 页面 style（.kl-page 下所有模块）
           ============================================================ */

        .kl-page .download-kl-hero {
            padding: 60px 0 50px;
            background: linear-gradient(135deg, #ffffff 0%, #e6f0ff 100%);
            position: relative;
            overflow: hidden;
        }
        .kl-page .download-kl-hero::after {
            content: '';
            position: absolute;
            top: -50%;
            right: -20%;
            width: 500px;
            height: 500px;
            background: radial-gradient(circle, rgba(0, 102, 255, 0.04) 0%, transparent 70%);
            border-radius: 50%;
            pointer-events: none;
        }
        /* 双栏容器 */
        .kl-page .kl-hero-wrap {
            display: flex;
            align-items: center;
            gap: 48px;
            position: relative;
            z-index: 1;
        }
        /* 左栏：文本内容 */
        .kl-page .kl-hero-text {
            flex: 1 1 55%;
            min-width: 0;
        }
        .kl-page .kl-hero-text .kl-dl-badge {
            display: inline-block;
            background: rgba(0, 102, 255, 0.06);
            border: 1px solid rgba(0, 102, 255, 0.08);
            border-radius: 40px;
            padding: 6px 24px;
            font-size: 0.85rem;
            font-weight: 600;
            color: #0066ff;
            margin-bottom: 14px;
        }
        .kl-page .kl-hero-text h1 {
            font-size: 2.8rem;
            font-weight: 800;
            color: #0a2540;
            margin-bottom: 10px;
            line-height: 1.2;
        }
        .kl-page .kl-hero-text h1 .kl-highlight {
            color: #0066ff;
        }
        .kl-page .kl-hero-text .sub {
            font-size: 1.05rem;
            color: #2f5478;
            max-width: 520px;
            line-height: 1.8;
            margin-bottom: 14px;
        }
        .kl-page .kl-hero-text .sub strong {
            color: #0a2540;
        }
        .kl-page .kl-hero-text .version-info {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            background: #f7faff;
            border-radius: 40px;
            padding: 10px 28px;
            font-size: 0.85rem;
            color: #2f5478;
            border: 1px solid rgba(0, 102, 255, 0.06);
            flex-wrap: wrap;
            justify-content: center;
            margin-bottom: 24px;
        }
        .kl-page .kl-hero-text .version-info i {
            color: #22c55e;
        }
        .kl-page .kl-hero-text .version-info strong {
            color: #0a2540;
        }
        .kl-page .kl-hero-text .version-info .sep {
            color: #64748b;
        }
        /* —— 新增：英雄区下载按钮 —— */
        .kl-page .kl-hero-actions {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 16px 20px;
            margin-top: 4px;
        }
        .kl-page .kl-hero-btn {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            background: #0066ff;
            color: #fff;
            padding: 14px 40px;
            border-radius: 50px;
            font-weight: 700;
            font-size: 1.1rem;
            text-decoration: none;
            transition: all 0.3s ease;
            box-shadow: 0 6px 24px rgba(0, 102, 255, 0.25);
            border: none;
            cursor: pointer;
            letter-spacing: 0.3px;
        }
        .kl-page .outline{background:#333;}
        .kl-page .kl-hero-btn:hover {
            background: #0052cc;
            transform: translateY(-3px);
            box-shadow: 0 12px 36px rgba(0, 102, 255, 0.35);
        }
        .kl-page .outline:hover{
            background: #555;
        }
        .kl-page .kl-hero-btn i {
            font-size: 1.1rem;
        }
      
        
        /* 右栏：展示图 */
        .kl-page .kl-hero-img {
            flex: 0 0 38%;
            max-width: 38%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .kl-page .kl-hero-img img {
            width: 100%;
            height: auto;
            max-width: 460px;
            border-radius: 20px;
            box-shadow: 0 20px 60px -12px rgba(0, 102, 255, 0.20);
            transition: transform 0.4s ease, box-shadow 0.4s ease;
            display: block;
            background: #f0f5ff;
            border: 1px solid rgba(0, 102, 255, 0.06);
        }
        .kl-page .kl-hero-img img:hover {
            transform: scale(1.01);
            box-shadow: 0 28px 72px -12px rgba(0, 102, 255, 0.28);
        }

        /* ----- 下载统计 kl-dl-stats ----- */
        .kl-page .kl-dl-stats {
            padding: 30px 0 40px;
            background: #ffffff;
            border-bottom: 1px solid rgba(0,102,255,0.04);
        }
        .kl-page .kl-dl-stats-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 24px;
            
            margin: 0 auto;
        }
        .kl-page .kl-dl-stats-card {
            text-align: center;
            padding: 16px 12px;
        }
        .kl-page .kl-dl-stats-card .num {
            font-size: 2rem;
            font-weight: 800;
            color: #0066ff;
        }
        .kl-page .kl-dl-stats-card .label {
            font-size: 0.9rem;
            color: #2f5478;
            margin-top: 2px;
        }
        .kl-page .kl-dl-stats-card .icon {
            font-size: 1.6rem;
            color: #0066ff;
            opacity: 0.3;
            margin-bottom: 4px;
        }

        /* ----- 平台下载卡片 ----- */
        .kl-page .kl-dl-platforms {
            padding: 40px 0 70px;
            background: #ffffff;
        }
        .kl-page .kl-dl-platforms .kl-sec-head {
            text-align: center;
            margin-bottom: 36px;
        }
        .kl-page .kl-dl-platforms .kl-sec-badge {
            display: inline-block;
            background: rgba(0,102,255,0.04);
            border: 1px solid rgba(0,102,255,0.06);
            border-radius: 40px;
            padding: 4px 20px;
            font-size: 0.8rem;
            font-weight: 600;
            color: #0066ff;
            margin-bottom: 6px;
        }
        .kl-page .kl-dl-platforms .kl-sec-title {
            font-size: 2rem;
            font-weight: 700;
            color: #0a2540;
        }
        .kl-page .kl-dl-platforms .kl-sec-title i { color: #0066ff; margin-right: 8px; }
        .kl-page .kl-dl-platforms .kl-sec-sub { color: #2f5478; font-size: 1rem; }

        .kl-page .kl-dl-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 24px;
        }
        .kl-page .kl-dl-card {
            background: #f7faff;
            border-radius: 20px;
            padding: 32px 24px 28px;
            text-align: center;
            border: 1px solid rgba(0,102,255,0.04);
            transition: all 0.35s ease;
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
        }
        .kl-page .kl-dl-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg, transparent, #0066ff, transparent);
            opacity: 0;
            transition: opacity 0.35s ease;
            border-radius: 20px 20px 0 0;
        }
        .kl-page .kl-dl-card:hover::before {
            opacity: 1;
        }
        .kl-page .kl-dl-card:hover {
            transform: translateY(-8px);
            border-color: rgba(0,102,255,0.12);
            box-shadow: 0 16px 40px -12px rgba(0,102,255,0.15);
        }
        .kl-page .kl-dl-card .icon-wrap {
            font-size: 3.2rem;
            color: #0066ff;
            margin-bottom: 12px;
            display: block;
            transition: transform 0.3s ease;
        }
        .kl-page .kl-dl-card:hover .icon-wrap {
            transform: scale(1.05);
        }
        .kl-page .kl-dl-card h3 {
            font-size: 1.3rem;
            font-weight: 700;
            color: #0a2540;
            margin-bottom: 4px;
        }
        .kl-page .kl-dl-card .version {
            font-size: 0.8rem;
            color: #456b8c;
            margin-bottom: 6px;
        }
        .kl-page .kl-dl-card .file-size {
            font-size: 0.75rem;
            color: #64748b;
            margin-bottom: 2px;
        }
        .kl-page .kl-dl-card .desc {
            font-size: 0.88rem;
            color: #2f5478;
            margin: 6px 0 16px;
            flex: 1;
            line-height: 1.6;
        }
        .kl-page .kl-dl-card .badge-hot {
            font-size: 0.65rem;
            font-weight: 700;
            color: #0066ff;
            background: rgba(0,102,255,0.04);
            padding: 2px 12px;
            border-radius: 30px;
            display: inline-block;
            margin-bottom: 6px;
        }
        .kl-page .kl-dl-card .badge-new {
            font-size: 0.6rem;
            font-weight: 700;
            color: #22c55e;
            background: rgba(34,197,94,0.08);
            padding: 2px 10px;
            border-radius: 30px;
            display: inline-block;
            margin-left: 6px;
        }
        .kl-page .kl-dl-card .btn-download {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: #0066ff;
            color: #fff;
            padding: 12px 28px;
            border-radius: 40px;
            font-weight: 600;
            font-size: 0.9rem;
            text-decoration: none;
            transition: all 0.3s ease;
            box-shadow: 0 4px 12px rgba(0,102,255,0.1);
            width: 100%;
            justify-content: center;
            margin-top: 4px;
        }
        .kl-page .kl-dl-card .btn-download:hover {
            background: #0052cc;
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(0,102,255,0.2);
        }
        .kl-page .kl-dl-card .btn-download.btn-apple {
            background: #000;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        }
        .kl-page .kl-dl-card .btn-download.btn-apple:hover {
            background: #1a1a1a;
            box-shadow: 0 8px 20px rgba(0,0,0,0.15);
        }
        .kl-page .kl-dl-card .btn-download .small-text {
            font-size: 0.65rem;
            font-weight: 400;
            opacity: 0.8;
            display: block;
        }
        .kl-page .kl-dl-card .security-badge {
            font-size: 0.7rem;
            color: #64748b;
            margin-top: 12px;
            display: flex;
            align-items: center;
            gap: 6px;
        }
        .kl-page .kl-dl-card .security-badge i {
            color: #22c55e;
            font-size: 0.6rem;
        }

        /* ----- 系统要求 ----- */
        .kl-page .system-requirements {
            padding: 30px 0 50px;
            background: #f7faff;
            border-top: 1px solid rgba(0,102,255,0.04);
        }
        .kl-page .system-requirements .kl-sec-head {
            text-align: center;
            margin-bottom: 28px;
        }
        .kl-page .system-requirements .kl-sec-badge {
            display: inline-block;
            background: rgba(0,102,255,0.04);
            border: 1px solid rgba(0,102,255,0.06);
            border-radius: 40px;
            padding: 4px 20px;
            font-size: 0.8rem;
            font-weight: 600;
            color: #0066ff;
            margin-bottom: 6px;
        }
        .kl-page .system-requirements .kl-sec-title {
            font-size: 1.6rem;
            font-weight: 700;
            color: #0a2540;
        }
        .kl-page .system-requirements .kl-sec-title i { color: #0066ff; margin-right: 8px; }

        .kl-page .req-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 16px;
            margin: 0 auto;
        }
        .kl-page .req-item {
            background: #ffffff;
            border-radius: 12px;
            padding: 20px 16px;
            text-align: center;
            border: 1px solid rgba(0,102,255,0.04);
            transition: 0.3s;
        }
        .kl-page .req-item:hover {
            border-color: rgba(0,102,255,0.08);
            transform: translateY(-2px);
        }
        .kl-page .req-item .req-icon {
            font-size: 1.6rem;
            color: #0066ff;
            margin-bottom: 6px;
            display: block;
        }
        .kl-page .req-item h3 {
            font-size: 0.9rem;
            font-weight: 700;
            color: #0a2540;
        }
        .kl-page .req-item p {
            font-size: 0.8rem;
            color: #2f5478;
            margin-top: 2px;
            line-height: 1.5;
        }

        /* ----- 下载引导区 ----- */
        .kl-page .download-guide {
            padding: 50px 0 70px;
            background: #ffffff;
            border-top: 1px solid rgba(0,102,255,0.04);
        }
        .kl-page .download-guide .kl-sec-head {
            text-align: center;
            margin-bottom: 32px;
        }
        .kl-page .download-guide .kl-sec-badge {
            display: inline-block;
            background: rgba(0,102,255,0.04);
            border: 1px solid rgba(0,102,255,0.06);
            border-radius: 40px;
            padding: 4px 20px;
            font-size: 0.8rem;
            font-weight: 600;
            color: #0066ff;
            margin-bottom: 6px;
        }
        .kl-page .download-guide .kl-sec-title {
            font-size: 2rem;
            font-weight: 700;
            color: #0a2540;
        }
        .kl-page .download-guide .kl-sec-title i { color: #0066ff; margin-right: 8px; }
        .kl-page .download-guide .kl-sec-sub { color: #2f5478; font-size: 1rem; }

        .kl-page .guide-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            max-width: 1000px;
            margin: 0 auto;
        }
        .kl-page .guide-step {
            background: #f7faff;
            border-radius: 16px;
            padding: 28px 20px;
            text-align: center;
            border: 1px solid rgba(0,102,255,0.04);
            transition: 0.3s;
            position: relative;
        }
        .kl-page .guide-step:hover {
            transform: translateY(-4px);
            border-color: rgba(0,102,255,0.08);
            box-shadow: 0 8px 24px rgba(0,102,255,0.04);
        }
        .kl-page .guide-step .kl-step-num {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 44px;
            height: 44px;
            background: #0066ff;
            color: #fff;
            border-radius: 50%;
            font-size: 1.1rem;
            font-weight: 700;
            margin-bottom: 12px;
        }
        .kl-page .guide-step .step-arrow {
            position: absolute;
            right: -17px;
            top: 50%;
            transform: translateY(-50%);
            color: #64748b;
            font-size: 1.2rem;
        }
        .kl-page .guide-step:last-child .step-arrow { display: none; }
        .kl-page .guide-step h3 {
            font-size: 1.1rem;
            font-weight: 700;
            color: #0a2540;
            margin-bottom: 6px;
        }
        .kl-page .guide-step p {
            font-size: 0.9rem;
            color: #2f5478;
            line-height: 1.6;
        }
        .kl-page .guide-step p strong { color: #0066ff; }

        /* ----- 安全与认证 ----- */
        .kl-page .security-section {
            padding: 50px 0 70px;
            background: #f7faff;
            border-top: 1px solid rgba(0,102,255,0.04);
            border-bottom: 1px solid rgba(0,102,255,0.04);
        }
        .kl-page .security-section .kl-sec-head {
            text-align: center;
            margin-bottom: 32px;
        }
        .kl-page .security-section .kl-sec-badge {
            display: inline-block;
            background: rgba(0,102,255,0.04);
            border: 1px solid rgba(0,102,255,0.06);
            border-radius: 40px;
            padding: 4px 20px;
            font-size: 0.8rem;
            font-weight: 600;
            color: #0066ff;
            margin-bottom: 6px;
        }
        .kl-page .security-section .kl-sec-title {
            font-size: 2rem;
            font-weight: 700;
            color: #0a2540;
        }
        .kl-page .security-section .kl-sec-title i { color: #0066ff; margin-right: 8px; }

        .kl-page .security-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
            
            margin: 0 auto;
        }
        .kl-page .security-item {
            background: #ffffff;
            border-radius: 16px;
            padding: 28px 24px;
            text-align: center;
            border: 1px solid rgba(0,102,255,0.04);
            transition: 0.3s;
        }
        .kl-page .security-item:hover {
            transform: translateY(-4px);
            border-color: rgba(0,102,255,0.08);
        }
        .kl-page .security-item .sec-icon {
            font-size: 2.4rem;
            color: #0066ff;
            margin-bottom: 12px;
            display: block;
        }
        .kl-page .security-item h3 {
            font-size: 1.1rem;
            font-weight: 700;
            color: #0a2540;
            margin-bottom: 6px;
        }
        .kl-page .security-item p {
            font-size: 0.9rem;
            color: #2f5478;
            line-height: 1.7;
        }
        .kl-page .security-item p strong { color: #0066ff; }

        /* ----- 版本更新日志 ----- */
        .kl-page .changelog-section {
            padding: 50px 0 70px;
            background: #ffffff;
            border-top: 1px solid rgba(0,102,255,0.04);
        }
        .kl-page .changelog-section .kl-sec-head {
            text-align: center;
            margin-bottom: 32px;
        }
        .kl-page .changelog-section .kl-sec-badge {
            display: inline-block;
            background: rgba(0,102,255,0.04);
            border: 1px solid rgba(0,102,255,0.06);
            border-radius: 40px;
            padding: 4px 20px;
            font-size: 0.8rem;
            font-weight: 600;
            color: #0066ff;
            margin-bottom: 6px;
        }
        .kl-page .changelog-section .kl-sec-title {
            font-size: 2rem;
            font-weight: 700;
            color: #0a2540;
        }
        .kl-page .changelog-section .kl-sec-title i { color: #0066ff; margin-right: 8px; }

        .kl-page .changelog-box {
            max-width: 780px;
            margin: 0 auto;
            background: #f7faff;
            border-radius: 20px;
            padding: 32px 36px;
            border: 1px solid rgba(0,102,255,0.04);
        }
        .kl-page .changelog-box .version-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            padding-bottom: 16px;
            border-bottom: 1px solid rgba(0,102,255,0.06);
            margin-bottom: 16px;
        }
        .kl-page .changelog-box .version-row .ver {
            font-size: 1.2rem;
            font-weight: 700;
            color: #0066ff;
        }
        .kl-page .changelog-box .version-row .ver .tag {
            font-size: 0.6rem;
            font-weight: 600;
            color: #22c55e;
            background: rgba(34,197,94,0.08);
            padding: 2px 10px;
            border-radius: 30px;
            margin-left: 8px;
        }
        .kl-page .changelog-box .version-row .date {
            font-size: 0.85rem;
            color: #456b8c;
        }
        .kl-page .changelog-box ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .kl-page .changelog-box ul li {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            padding: 8px 0;
            color: #2f5478;
            font-size: 0.92rem;
            line-height: 1.7;
        }
        .kl-page .changelog-box ul li i {
            color: #22c55e;
            margin-top: 3px;
            flex-shrink: 0;
        }
        .kl-page .changelog-box ul li strong { color: #0a2540; }
        .kl-page .changelog-box .history-toggle {
            text-align: center;
            margin-top: 16px;
            padding-top: 16px;
            border-top: 1px solid rgba(0,102,255,0.04);
        }
        .kl-page .changelog-box .history-toggle a {
            color: #0066ff;
            text-decoration: none;
            font-weight: 600;
            font-size: 0.9rem;
            cursor: pointer;
        }
        .kl-page .changelog-box .history-toggle a:hover {
            text-decoration: underline;
        }

        /* ----- 用户评价引用 ----- */
        .kl-page .review-quote-section {
            padding: 40px 0 50px;
            background: #f7faff;
            border-top: 1px solid rgba(0,102,255,0.04);
            border-bottom: 1px solid rgba(0,102,255,0.04);
        }
        .kl-page .review-quote-section .kl-sec-head {
            text-align: center;
            margin-bottom: 24px;
        }
        .kl-page .review-quote-section .kl-sec-badge {
            display: inline-block;
            background: rgba(0,102,255,0.04);
            border: 1px solid rgba(0,102,255,0.06);
            border-radius: 40px;
            padding: 4px 20px;
            font-size: 0.8rem;
            font-weight: 600;
            color: #0066ff;
            margin-bottom: 6px;
        }
        .kl-page .review-quote-section .kl-sec-title {
            font-size: 1.4rem;
            font-weight: 700;
            color: #0a2540;
        }
        .kl-page .review-quote-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            
            margin: 0 auto;
        }
        .kl-page .review-quote-item {
            background: #ffffff;
            border-radius: 14px;
            padding: 20px 22px;
            border: 1px solid rgba(0,102,255,0.04);
            text-align: center;
        }
        .kl-page .review-quote-item .stars {
            color: #f5a623;
            font-size: 0.85rem;
            letter-spacing: 2px;
            margin-bottom: 4px;
        }
        .kl-page .review-quote-item .quote-text {
            font-size: 0.9rem;
            color: #2f5478;
            line-height: 1.7;
            font-style: italic;
        }
        .kl-page .review-quote-item .quote-author {
            font-size: 0.8rem;
            color: #0a2540;
            font-weight: 600;
            margin-top: 6px;
        }

        /* ----- FAQ ----- */
        .kl-page .kl-faq-sec {
            padding: 60px 0 80px;
            background: #ffffff;
            border-top: 1px solid rgba(0,102,255,0.04);
        }
        .kl-page .kl-faq-sec .kl-sec-head {
            text-align: center;
            margin-bottom: 36px;
        }
        .kl-page .kl-faq-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 18px;
            align-items: stretch;
            max-width: 1000px;
            margin: 0 auto;
        }
        .kl-page .kl-faq-item {
            background: #f7faff;
            border-radius: 16px;
            padding: 24px 28px;
            border: 1px solid rgba(0,102,255,0.03);
            transition: 0.3s;
            display: flex;
            flex-direction: column;
            height: 100%;
        }
        .kl-page .kl-faq-item:hover { border-color: rgba(0,102,255,0.06); }
        .kl-page .kl-faq-item .q {
            font-weight: 700;
            font-size: 1rem;
            color: #0a2540;
            display: flex;
            align-items: center;
            gap: 12px;
            flex-shrink: 0;
        }
        .kl-page .kl-faq-item .q i {
            color: #0066ff;
            font-size: 0.8rem;
            width: 20px;
            flex-shrink: 0;
        }
        .kl-page .kl-faq-item .a {
            margin-top: 10px;
            color: #2f5478;
            font-size: 0.92rem;
            line-height: 1.8;
            flex: 1;
        }
        .kl-page .kl-faq-item .a .step {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            margin-top: 6px;
            padding-left: 4px;
        }
        .kl-page .kl-faq-item .a .step:first-child { margin-top: 0; }
        .kl-page .kl-faq-item .a .kl-step-num {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 22px;
            height: 22px;
            background: #0066ff;
            color: #fff;
            border-radius: 50%;
            font-size: 0.7rem;
            font-weight: 700;
            flex-shrink: 0;
            margin-top: 2px;
        }
        .kl-page .kl-faq-item .a .step-text { flex: 1; }
        .kl-page .kl-faq-item .a strong { color: #0a2540; }

        /* ============================================================
           📱 响应式（包含汉堡菜单样式）
           ============================================================ */
        @media (max-width: 1024px) {
            .container { padding: 0 30px; }
            .kl-page .download-kl-hero h1 { font-size: 2.4rem; }
            .kl-page .kl-dl-grid { grid-template-columns: repeat(2, 1fr); }
            .kl-page .req-grid { grid-template-columns: repeat(2, 1fr); }
            .kl-page .guide-grid { grid-template-columns: repeat(2, 1fr); }
            .kl-page .security-grid { grid-template-columns: repeat(2, 1fr); }
            .kl-page .review-quote-grid { grid-template-columns: repeat(2, 1fr); }
            .kl-page .kl-faq-grid { grid-template-columns: 1fr 1fr; }
            .kl-page .guide-step .step-arrow { display: none; }
        }
        @media (max-width: 768px) {
            .container { max-width: 100%; padding: 0 20px; }

            /* ----- 汉堡菜单样式（移动端） ----- */
            .hamburger { display: block; }
            .nav-links {
                display: none;
                flex-direction: column;
                width: 100%;
                gap: 12px;
                padding: 16px 0 8px;
                border-top: 1px solid rgba(0,102,255,0.06);
                margin-top: 4px;
                align-items: center;
            }
            .nav-links.active { display: flex; }
            .nav-links a { font-size: 1rem; }
            .btn-nav { width: 100%; text-align: center; justify-content: center; }
            .kl-page .kl-hero-wrap {
                flex-direction: column;
                gap: 28px;
                text-align: center;
            }

            .kl-page .kl-hero-text {
                flex: 1 1 auto;
                width: 100%;
            }

            .kl-page .kl-hero-text .sub {
                max-width: 100%;
                margin-left: auto;
                margin-right: auto;
            }

            .kl-page .kl-hero-actions {
                justify-content: center;
                flex-direction: column;
                align-items: center;
            }

            .kl-page .kl-hero-btn {
                padding: 12px 32px;
                font-size: 1rem;
                width: 100%;
                max-width: 280px;
                justify-content: center;
            }

            .kl-page .kl-hero-img {
                flex: 1 1 auto;
                max-width: 100%;
                width: 100%;
            }

            .kl-page .kl-hero-img img {
                max-width: 100%;
                max-height: 260px;
                object-fit: contain;
            }
            
            .kl-page .kl-dl-stats-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
            .kl-page .kl-dl-stats-card .num { font-size: 1.6rem; }
            .kl-page .kl-dl-grid { grid-template-columns: 1fr 1fr; gap: 16px; }
            .kl-page .kl-dl-card { padding: 24px 16px 20px; }
            .kl-page .kl-dl-card .btn-download { font-size: 0.8rem; padding: 10px 16px; }
            .kl-page .req-grid { grid-template-columns: 1fr 1fr; }
            .kl-page .guide-grid { grid-template-columns: 1fr; max-width: 100%; }
            .kl-page .guide-step { padding: 20px 16px; }
            .kl-page .security-grid { grid-template-columns: 1fr; }
            .kl-page .review-quote-grid { grid-template-columns: 1fr; }
            .kl-page .changelog-box { padding: 20px; }
            .kl-page .kl-faq-grid { grid-template-columns: 1fr; }
            .kl-page .kl-faq-item { padding: 20px; }
            .back-to-top { bottom: 20px; right: 20px; width: 44px; height: 44px; font-size: 1rem; }
        }
        @media (max-width: 480px) {
            .container { max-width: 100%; padding: 0 14px; }
            .kl-page .download-kl-hero h1 { font-size: 1.6rem; }
            .kl-page .kl-hero-btn {
                padding: 10px 24px;
                font-size: 0.9rem;
                max-width: 100%;
            }

            .kl-page .kl-hero-img img {
                max-height: 200px;
            }
            .kl-page .kl-dl-stats-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
            .kl-page .kl-dl-stats-card { padding: 12px 8px; }
            .kl-page .kl-dl-stats-card .num { font-size: 1.4rem; }
            .kl-page .kl-dl-grid { grid-template-columns: 1fr; }
            .kl-page .kl-dl-card { padding: 20px 14px; }
            .kl-page .kl-dl-card .icon-wrap { font-size: 2.6rem; }
            .kl-page .req-grid { grid-template-columns: 1fr; }
            .kl-page .guide-step { padding: 16px 12px; }
            .kl-page .security-item { padding: 20px 16px; }
            .kl-page .changelog-box { padding: 16px; }
            .kl-page .changelog-box .version-row .ver { font-size: 1rem; }
            .kl-page .changelog-box ul li { font-size: 0.85rem; }
            .kl-page .review-quote-item { padding: 16px; }
            .kl-page .kl-faq-item { padding: 16px; }
            .kl-page .kl-faq-item .q { font-size: 0.9rem; }
            .kl-page .kl-faq-item .a .step { flex-direction: column; gap: 4px; }
            .back-to-top { bottom: 16px; right: 16px; width: 40px; height: 40px; font-size: 0.9rem; }
        }

/* ============================================================
           🔸 页面 style（.kl-page 下所有模块）
           ============================================================ */

        /* ----- 评价英雄区 reviews-kl-hero ----- */
        .kl-page .reviews-kl-hero {
            padding: 80px 0 60px;
            background: linear-gradient(135deg, #ffffff 0%, #e6f0ff 100%);
            text-align: center;
        }
        .kl-page .reviews-kl-hero h1 {
            font-size: 2.8rem;
            font-weight: 800;
            color: #0a2540;
            margin-bottom: 12px;
        }
        .kl-page .reviews-kl-hero h1 .kl-highlight { color: #0066ff; }
        .kl-page .reviews-kl-hero .sub {
            font-size: 1.1rem;
            color: #2f5478;
            max-width: 600px;
            margin: 0 auto 8px;
            line-height: 1.8;
        }
        .kl-page .reviews-kl-hero .sub strong { color: #0a2540; }
        .kl-page .reviews-kl-hero .reviews-badge {
            display: inline-block;
            background: rgba(0,102,255,0.06);
            border: 1px solid rgba(0,102,255,0.08);
            border-radius: 40px;
            padding: 6px 24px;
            font-size: 0.85rem;
            font-weight: 600;
            color: #0066ff;
            margin-bottom: 16px;
        }

        /* ----- 评分统计 summary ----- */
        .kl-page .summary-section {
            padding: 40px 0 50px;
            background: #ffffff;
        }
        .kl-page .summary-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 24px;
            max-width: 900px;
            margin: 0 auto;
        }
        .kl-page .summary-card {
            background: #f7faff;
            border-radius: 16px;
            padding: 28px 20px;
            text-align: center;
            border: 1px solid rgba(0,102,255,0.04);
            transition: 0.3s;
        }
        .kl-page .summary-card:hover {
            transform: translateY(-4px);
            border-color: rgba(0,102,255,0.08);
        }
        .kl-page .summary-card .num {
            font-size: 2.2rem;
            font-weight: 800;
            color: #0066ff;
        }
        .kl-page .summary-card .label {
            font-size: 0.9rem;
            color: #2f5478;
            margin-top: 4px;
        }
        .kl-page .summary-card .stars {
            color: #f5a623;
            font-size: 1.2rem;
            letter-spacing: 2px;
        }

        /* ----- 用户评价列表 ----- */
        .kl-page .reviews-list-section {
            padding: 30px 0 70px;
            background: #f7faff;
        }
        .kl-page .reviews-list-section .kl-sec-head {
            text-align: center;
            margin-bottom: 36px;
        }
        .kl-page .reviews-list-section .kl-sec-badge {
            display: inline-block;
            background: rgba(0,102,255,0.04);
            border: 1px solid rgba(0,102,255,0.06);
            border-radius: 40px;
            padding: 4px 20px;
            font-size: 0.8rem;
            font-weight: 600;
            color: #0066ff;
            margin-bottom: 6px;
        }
        .kl-page .reviews-list-section .kl-sec-title {
            font-size: 2rem;
            font-weight: 700;
            color: #0a2540;
        }
        .kl-page .reviews-list-section .kl-sec-title i { color: #0066ff; margin-right: 8px; }
        .kl-page .reviews-list-section .kl-sec-sub { color: #2f5478; font-size: 1rem; }

        .kl-page .kl-reviews-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 28px;
        }
        .kl-page .kl-review-card {
            background: #ffffff;
            border-radius: 20px;
            padding: 28px 24px 24px;
            border: 1px solid rgba(0,102,255,0.04);
            transition: 0.3s;
            box-shadow: 0 2px 12px rgba(0,0,0,0.02);
            display: flex;
            flex-direction: column;
        }
        .kl-page .kl-review-card:hover {
            transform: translateY(-4px);
            border-color: rgba(0,102,255,0.08);
            box-shadow: 0 12px 28px rgba(0,102,255,0.04);
        }
        .kl-page .kl-review-card .stars {
            color: #f5a623;
            font-size: 0.9rem;
            letter-spacing: 2px;
            margin-bottom: 6px;
            flex-shrink: 0;
        }
        .kl-page .kl-review-card .text {
            font-size: 0.95rem;
            color: #0a2540;
            line-height: 1.7;
            flex: 1;
        }
        .kl-page .kl-review-card .text strong { color: #0066ff; }
        .kl-page .kl-review-card .author {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-top: 14px;
            padding-top: 14px;
            border-top: 1px solid rgba(0,102,255,0.04);
            flex-shrink: 0;
        }
        .kl-page .kl-review-card .author .avatar {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            flex-shrink: 0;
            overflow: hidden;
            border: 2px solid rgba(0,102,255,0.06);
        }
        .kl-page .kl-review-card .author .avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        .kl-page .kl-review-card .author .info .name {
            font-weight: 600;
            color: #0a2540;
            font-size: 0.9rem;
        }
        .kl-page .kl-review-card .author .info .location {
            font-size: 0.75rem;
            color: #456b8c;
        }
        .kl-page .kl-review-card .badge-verified {
            display: inline-block;
            background: rgba(34,197,94,0.08);
            color: #22c55e;
            font-size: 0.6rem;
            font-weight: 600;
            padding: 2px 10px;
            border-radius: 30px;
            margin-top: 4px;
            flex-shrink: 0;
        }
        .kl-page .kl-review-card .badge-verified i { margin-right: 4px; }

        /* ----- CTA 引导 ----- */
        .kl-page .reviews-cta {
            padding: 50px 0 60px;
            background: #ffffff;
            border-top: 1px solid rgba(0,102,255,0.04);
            text-align: center;
        }
        .kl-page .reviews-cta h2 {
            font-size: 1.8rem;
            font-weight: 700;
            color: #0a2540;
            margin-bottom: 8px;
        }
        .kl-page .reviews-cta p {
            color: #2f5478;
            font-size: 1rem;
            margin-bottom: 20px;
        }
        .kl-page .reviews-cta .kl-cta-btns {
            display: flex;
            gap: 14px;
            justify-content: center;
            flex-wrap: wrap;
        }

        /* ----- FAQ ----- */
        .kl-page .kl-faq-sec {
            padding: 60px 0 80px;
            background: #f7faff;
            border-top: 1px solid rgba(0,102,255,0.04);
        }
        .kl-page .kl-faq-sec .kl-sec-head {
            text-align: center;
            margin-bottom: 36px;
        }
        .kl-page .kl-faq-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 18px;
            align-items: stretch;
        }
        .kl-page .kl-faq-item {
            background: #ffffff;
            border-radius: 16px;
            padding: 24px 28px;
            border: 1px solid rgba(0,102,255,0.03);
            transition: 0.3s;
            display: flex;
            flex-direction: column;
            height: 100%;
        }
        .kl-page .kl-faq-item:hover { border-color: rgba(0,102,255,0.06); }
        .kl-page .kl-faq-item .q {
            font-weight: 700;
            font-size: 1rem;
            color: #0a2540;
            display: flex;
            align-items: center;
            gap: 12px;
            flex-shrink: 0;
        }
        .kl-page .kl-faq-item .q i {
            color: #0066ff;
            font-size: 0.8rem;
            width: 20px;
            flex-shrink: 0;
        }
        .kl-page .kl-faq-item .a {
            margin-top: 10px;
            color: #2f5478;
            font-size: 0.92rem;
            line-height: 1.8;
            flex: 1;
        }
        .kl-page .kl-faq-item .a .step {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            margin-top: 6px;
            padding-left: 4px;
        }
        .kl-page .kl-faq-item .a .step:first-child { margin-top: 0; }
        .kl-page .kl-faq-item .a .kl-step-num {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 22px;
            height: 22px;
            background: #0066ff;
            color: #fff;
            border-radius: 50%;
            font-size: 0.7rem;
            font-weight: 700;
            flex-shrink: 0;
            margin-top: 2px;
        }
        .kl-page .kl-faq-item .a .step-text { flex: 1; }
        .kl-page .kl-faq-item .a strong { color: #0a2540; }

        /* ============================================================
           📱 响应式（包含汉堡菜单样式）
           ============================================================ */
        @media (max-width: 1024px) {
            .container { padding: 0 30px; }
            .kl-page .reviews-kl-hero h1 { font-size: 2.4rem; }
            .kl-page .summary-grid { grid-template-columns: repeat(2, 1fr); }
            .kl-page .kl-reviews-grid { grid-template-columns: repeat(2, 1fr); }
            .kl-page .kl-faq-grid { grid-template-columns: 1fr 1fr; }
        }
        @media (max-width: 768px) {
            .container { max-width: 100%; padding: 0 20px; }

            /* ----- 汉堡菜单样式（移动端） ----- */
            .hamburger { display: block; }
            .nav-links {
                display: none;
                flex-direction: column;
                width: 100%;
                gap: 12px;
                padding: 16px 0 8px;
                border-top: 1px solid rgba(0,102,255,0.06);
                margin-top: 4px;
                align-items: center;
            }
            .nav-links.active { display: flex; }
            .nav-links a { font-size: 1rem; }
            .btn-nav { width: 100%; text-align: center; justify-content: center; }

            .kl-page .reviews-kl-hero { padding: 50px 0 40px; }
            .kl-page .reviews-kl-hero h1 { font-size: 1.8rem; }
            .kl-page .summary-grid { grid-template-columns: 1fr 1fr; gap: 14px; }
            .kl-page .summary-card { padding: 20px 14px; }
            .kl-page .summary-card .num { font-size: 1.6rem; }
            .kl-page .kl-reviews-grid { grid-template-columns: 1fr; }
            .kl-page .reviews-list-section { padding: 20px 0 50px; }
            .kl-page .kl-faq-grid { grid-template-columns: 1fr; }
            .kl-page .kl-faq-item { padding: 20px; }
            .kl-page .reviews-cta h2 { font-size: 1.4rem; }
            .back-to-top { bottom: 20px; right: 20px; width: 44px; height: 44px; font-size: 1rem; }
        }
        @media (max-width: 480px) {
            .container { max-width: 100%; padding: 0 14px; }
            .kl-page .reviews-kl-hero h1 { font-size: 1.6rem; }
            .kl-page .summary-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
            .kl-page .summary-card { padding: 16px 10px; }
            .kl-page .summary-card .num { font-size: 1.4rem; }
            .kl-page .summary-card .stars { font-size: 0.9rem; }
            .kl-page .kl-review-card { padding: 20px 16px; }
            .kl-page .kl-faq-item { padding: 16px; }
            .kl-page .kl-faq-item .q { font-size: 0.9rem; }
            .kl-page .kl-faq-item .a .step { flex-direction: column; gap: 4px; }
            .kl-page .reviews-cta .kl-cta-btns { flex-direction: column; align-items: center; }
            .kl-page .reviews-cta .kl-cta-btns .btn-primary,
            .kl-page .reviews-cta .kl-cta-btns .btn-outline { width: 100%; justify-content: center; }
            .back-to-top { bottom: 16px; right: 16px; width: 40px; height: 40px; font-size: 0.9rem; }
        }

/* ============================================================
           🔸 页面 style（.kl-page 下所有模块）
           ============================================================ */

        /* ----- 条款英雄区（差异化：简洁+文档图标） ----- */
        .kl-page .terms-kl-hero {
            padding: 70px 0 50px;
            background: linear-gradient(135deg, #ffffff 0%, #e6f0ff 100%);
            text-align: center;
            border-bottom: 1px solid rgba(0,102,255,0.04);
        }
        .kl-page .terms-kl-hero .doc-icon {
            font-size: 3.6rem;
            color: #0066ff;
            opacity: 0.12;
            display: block;
            margin-bottom: 4px;
        }
        .kl-page .terms-kl-hero .terms-badge {
            display: inline-block;
            background: rgba(0,102,255,0.06);
            border: 1px solid rgba(0,102,255,0.08);
            border-radius: 40px;
            padding: 4px 20px;
            font-size: 0.8rem;
            font-weight: 600;
            color: #0066ff;
            margin-bottom: 12px;
        }
        .kl-page .terms-kl-hero h1 {
            font-size: 2.6rem;
            font-weight: 800;
            color: #0a2540;
            margin-bottom: 8px;
        }
        .kl-page .terms-kl-hero h1 .kl-highlight { color: #0066ff; }
        .kl-page .terms-kl-hero .sub {
            font-size: 1.05rem;
            color: #2f5478;
            max-width: 600px;
            margin: 0 auto;
            line-height: 1.8;
        }
        .kl-page .terms-kl-hero .sub strong { color: #0a2540; }
        .kl-page .terms-kl-hero .last-update {
            margin-top: 14px;
            font-size: 0.85rem;
            color: #64748b;
        }

        /* ----- 条款内容（差异化：顶部锚点导航 + 卡片式章节） ----- */
        .kl-page .terms-content {
            padding: 40px 0 80px;
            background: #ffffff;
        }
        .kl-page .terms-content .kl-content-wrap {
            max-width: 900px;
            margin: 0 auto;
        }

        /* 顶部锚点导航（差异化：水平胶囊式，与隐私政策的侧边栏区分） */
        .kl-page .terms-content .anchor-nav {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 8px;
            padding: 16px 20px;
            background: #f7faff;
            border-radius: 16px;
            border: 1px solid rgba(0,102,255,0.04);
            margin-bottom: 36px;
        }
        .kl-page .terms-content .anchor-nav a {
            display: inline-block;
            padding: 6px 18px;
            border-radius: 30px;
            font-size: 0.82rem;
            font-weight: 500;
            color: #2f5478;
            text-decoration: none;
            transition: 0.2s;
            border: 1px solid transparent;
        }
        .kl-page .terms-content .anchor-nav a:hover {
            background: rgba(0,102,255,0.04);
            color: #0066ff;
        }
        .kl-page .terms-content .anchor-nav a.active {
            background: #0066ff;
            color: #fff;
            border-color: #0066ff;
            box-shadow: 0 2px 12px rgba(0,102,255,0.15);
        }

        /* 章节卡片（差异化：卡片式文档，与隐私政策的纯文本区分） */
        .kl-page .terms-content .section-card {
            background: #fafcff;
            border-radius: 16px;
            padding: 30px 34px;
            margin-bottom: 20px;
            border: 1px solid rgba(0,102,255,0.04);
            transition: 0.3s;
            scroll-margin-top: 90px;
        }
        .kl-page .terms-content .section-card:hover {
            border-color: rgba(0,102,255,0.06);
            box-shadow: 0 4px 16px rgba(0,102,255,0.02);
        }
        .kl-page .terms-content .section-card .sec-header {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 12px;
        }
        .kl-page .terms-content .section-card .sec-header .sec-num {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 32px;
            height: 32px;
            background: #0066ff;
            color: #fff;
            border-radius: 50%;
            font-size: 0.75rem;
            font-weight: 700;
            flex-shrink: 0;
        }
        .kl-page .terms-content .section-card .sec-header h2 {
            font-size: 1.2rem;
            font-weight: 700;
            color: #0a2540;
            margin: 0;
        }
        .kl-page .terms-content .section-card .sec-header .sec-icon {
            color: #0066ff;
            font-size: 1rem;
            margin-left: auto;
            opacity: 0.3;
        }
        .kl-page .terms-content .section-card p {
            font-size: 0.95rem;
            color: #2f5478;
            line-height: 1.9;
            margin-bottom: 10px;
        }
        .kl-page .terms-content .section-card p strong { color: #0a2540; }
        .kl-page .terms-content .section-card p:last-child { margin-bottom: 0; }
        .kl-page .terms-content .section-card ul {
            padding-left: 20px;
            margin: 8px 0 12px;
        }
        .kl-page .terms-content .section-card ul li {
            font-size: 0.95rem;
            color: #2f5478;
            line-height: 1.9;
            margin-bottom: 4px;
        }
        .kl-page .terms-content .section-card ul li strong { color: #0a2540; }
        .kl-page .terms-content .section-card .kl-highlight-box {
            background: #f0f7ff;
            border-left: 4px solid #0066ff;
            padding: 16px 20px;
            border-radius: 8px;
            margin: 12px 0 4px;
            font-size: 0.95rem;
            color: #2f5478;
            line-height: 1.8;
        }
        .kl-page .terms-content .section-card .kl-highlight-box strong { color: #0066ff; }

        /* ----- CTA 引导 ----- */
        .kl-page .terms-cta {
            padding: 50px 0 60px;
            background: #f7faff;
            border-top: 1px solid rgba(0,102,255,0.04);
            text-align: center;
        }
        .kl-page .terms-cta h2 {
            font-size: 1.6rem;
            font-weight: 700;
            color: #0a2540;
            margin-bottom: 6px;
        }
        .kl-page .terms-cta p {
            color: #2f5478;
            font-size: 1rem;
            margin-bottom: 18px;
        }
        .kl-page .terms-cta .kl-cta-btns {
            display: flex;
            gap: 14px;
            justify-content: center;
            flex-wrap: wrap;
        }

        /* ============================================================
           📱 响应式（包含汉堡菜单样式）
           ============================================================ */
        @media (max-width: 1024px) {
            .container { padding: 0 30px; }
            .kl-page .terms-kl-hero h1 { font-size: 2.2rem; }
            .kl-page .terms-content .section-card { padding: 24px 24px; }
        }
        @media (max-width: 768px) {
            .container { max-width: 100%; padding: 0 20px; }

            .hamburger { display: block; }
            .nav-links {
                display: none;
                flex-direction: column;
                width: 100%;
                gap: 12px;
                padding: 16px 0 8px;
                border-top: 1px solid rgba(0,102,255,0.06);
                margin-top: 4px;
                align-items: center;
            }
            .nav-links.active { display: flex; }
            .nav-links a { font-size: 1rem; }
            .btn-nav { width: 100%; text-align: center; justify-content: center; }

            .kl-page .terms-kl-hero { padding: 50px 0 30px; }
            .kl-page .terms-kl-hero h1 { font-size: 1.8rem; }
            .kl-page .terms-kl-hero .doc-icon { font-size: 2.6rem; }
            .kl-page .terms-content { padding: 20px 0 50px; }
            .kl-page .terms-content .anchor-nav { padding: 12px 14px; gap: 6px; }
            .kl-page .terms-content .anchor-nav a { font-size: 0.75rem; padding: 4px 12px; }
            .kl-page .terms-content .section-card { padding: 20px 18px; scroll-margin-top: 110px; }
            .kl-page .terms-content .section-card .sec-header h2 { font-size: 1.05rem; }
            .kl-page .terms-content .section-card p { font-size: 0.9rem; }
            .kl-page .terms-content .section-card ul li { font-size: 0.9rem; }
            .kl-page .terms-cta h2 { font-size: 1.3rem; }
            .back-to-top { bottom: 20px; right: 20px; width: 44px; height: 44px; font-size: 1rem; }
        }
        @media (max-width: 480px) {
            .container { max-width: 100%; padding: 0 14px; }
            .kl-page .terms-kl-hero h1 { font-size: 1.5rem; }
            .kl-page .terms-kl-hero .sub { font-size: 0.95rem; }
            .kl-page .terms-content .anchor-nav { gap: 4px; padding: 10px; }
            .kl-page .terms-content .anchor-nav a { font-size: 0.7rem; padding: 3px 10px; }
            .kl-page .terms-content .section-card { padding: 16px 14px; }
            .kl-page .terms-content .section-card .sec-header .sec-num { min-width: 26px; height: 26px; font-size: 0.65rem; }
            .kl-page .terms-content .section-card .sec-header h2 { font-size: 0.95rem; }
            .kl-page .terms-content .section-card .kl-highlight-box { padding: 12px 14px; font-size: 0.9rem; }
            .kl-page .terms-cta .kl-cta-btns { flex-direction: column; align-items: center; }
            .kl-page .terms-cta .kl-cta-btns .btn-primary,
            .kl-page .terms-cta .kl-cta-btns .btn-outline { width: 100%; justify-content: center; }
            .back-to-top { bottom: 16px; right: 16px; width: 40px; height: 40px; font-size: 0.9rem; }
        }

/* ============================================================
           🔸 页面 style（.kl-page 下所有模块）
           ============================================================ */

        /* ----- 隐私英雄区（差异化：简洁居中+盾牌图标） ----- */
        .kl-page .privacy-kl-hero {
            padding: 70px 0 50px;
            background: linear-gradient(135deg, #ffffff 0%, #e6f0ff 100%);
            text-align: center;
            border-bottom: 1px solid rgba(0,102,255,0.04);
        }
        .kl-page .privacy-kl-hero .shield-icon {
            font-size: 3.6rem;
            color: #0066ff;
            opacity: 0.12;
            display: block;
            margin-bottom: 4px;
        }
        .kl-page .privacy-kl-hero .privacy-badge {
            display: inline-block;
            background: rgba(0,102,255,0.06);
            border: 1px solid rgba(0,102,255,0.08);
            border-radius: 40px;
            padding: 4px 20px;
            font-size: 0.8rem;
            font-weight: 600;
            color: #0066ff;
            margin-bottom: 12px;
        }
        .kl-page .privacy-kl-hero h1 {
            font-size: 2.6rem;
            font-weight: 800;
            color: #0a2540;
            margin-bottom: 8px;
        }
        .kl-page .privacy-kl-hero h1 .kl-highlight { color: #0066ff; }
        .kl-page .privacy-kl-hero .sub {
            font-size: 1.05rem;
            color: #2f5478;
            max-width: 600px;
            margin: 0 auto;
            line-height: 1.8;
        }
        .kl-page .privacy-kl-hero .sub strong { color: #0a2540; }
        .kl-page .privacy-kl-hero .last-update {
            margin-top: 14px;
            font-size: 0.85rem;
            color: #64748b;
        }

        /* ----- 隐私内容（差异化：文档式布局，侧边栏+正文） ----- */
        .kl-page .privacy-content {
            padding: 40px 0 80px;
            background: #ffffff;
        }
        .kl-page .privacy-content .kl-content-wrap {
            display: flex;
            gap: 50px;
            align-items: flex-start;
            max-width: 1100px;
            margin: 0 auto;
        }

        /* 侧边导航 */
        .kl-page .privacy-content .kl-sidebar {
            flex: 0 0 220px;
            position: sticky;
            top: 100px;
            background: #f7faff;
            border-radius: 16px;
            padding: 20px 16px;
            border: 1px solid rgba(0,102,255,0.04);
        }
        .kl-page .privacy-content .kl-sidebar .kl-sidebar-title {
            font-size: 0.75rem;
            font-weight: 700;
            color: #64748b;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 12px;
            padding-bottom: 10px;
            border-bottom: 1px solid rgba(0,102,255,0.04);
        }
        .kl-page .privacy-content .kl-sidebar ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .kl-page .privacy-content .kl-sidebar ul li {
            margin-bottom: 2px;
        }
        .kl-page .privacy-content .kl-sidebar ul li a {
            display: block;
            padding: 8px 12px;
            font-size: 0.85rem;
            color: #2f5478;
            text-decoration: none;
            border-radius: 8px;
            transition: 0.2s;
        }
        .kl-page .privacy-content .kl-sidebar ul li a:hover {
            background: rgba(0,102,255,0.04);
            color: #0066ff;
        }
        .kl-page .privacy-content .kl-sidebar ul li a.active {
            background: rgba(0,102,255,0.06);
            color: #0066ff;
            font-weight: 600;
        }

        /* 正文 */
        .kl-page .privacy-content .main-body {
            flex: 1;
            min-width: 0;
        }
        .kl-page .privacy-content .main-body .section-block {
            margin-bottom: 40px;
            padding-bottom: 40px;
            border-bottom: 1px solid rgba(0,102,255,0.04);
        }
        .kl-page .privacy-content .main-body .section-block:last-child {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0;
        }
        .kl-page .privacy-content .main-body .section-block h2 {
            font-size: 1.4rem;
            font-weight: 700;
            color: #0a2540;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .kl-page .privacy-content .main-body .section-block h2 .sec-icon {
            color: #0066ff;
            font-size: 1.2rem;
        }
        .kl-page .privacy-content .main-body .section-block p {
            font-size: 0.95rem;
            color: #2f5478;
            line-height: 1.9;
            margin-bottom: 10px;
        }
        .kl-page .privacy-content .main-body .section-block p strong { color: #0a2540; }
        .kl-page .privacy-content .main-body .section-block ul {
            padding-left: 20px;
            margin: 8px 0 12px;
        }
        .kl-page .privacy-content .main-body .section-block ul li {
            font-size: 0.95rem;
            color: #2f5478;
            line-height: 1.9;
            margin-bottom: 4px;
        }
        .kl-page .privacy-content .main-body .section-block ul li strong { color: #0a2540; }
        .kl-page .privacy-content .main-body .section-block .kl-highlight-box {
            background: #f0f7ff;
            border-left: 4px solid #0066ff;
            padding: 18px 22px;
            border-radius: 8px;
            margin: 14px 0;
            font-size: 0.95rem;
            color: #2f5478;
            line-height: 1.8;
        }
        .kl-page .privacy-content .main-body .section-block .kl-highlight-box strong { color: #0066ff; }
        .kl-page .privacy-content .main-body .section-block .badge-list {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 12px;
        }
        .kl-page .privacy-content .main-body .section-block .badge-list .badge-item {
            background: #f7faff;
            border: 1px solid rgba(0,102,255,0.06);
            border-radius: 30px;
            padding: 4px 16px;
            font-size: 0.8rem;
            color: #0066ff;
            font-weight: 500;
        }

        /* ----- CTA 引导 ----- */
        .kl-page .privacy-cta {
            padding: 50px 0 60px;
            background: #f7faff;
            border-top: 1px solid rgba(0,102,255,0.04);
            text-align: center;
        }
        .kl-page .privacy-cta h2 {
            font-size: 1.6rem;
            font-weight: 700;
            color: #0a2540;
            margin-bottom: 6px;
        }
        .kl-page .privacy-cta p {
            color: #2f5478;
            font-size: 1rem;
            margin-bottom: 18px;
        }
        .kl-page .privacy-cta .kl-cta-btns {
            display: flex;
            gap: 14px;
            justify-content: center;
            flex-wrap: wrap;
        }

        /* ============================================================
           📱 响应式（包含汉堡菜单样式）
           ============================================================ */
        @media (max-width: 1024px) {
            .container { padding: 0 30px; }
            .kl-page .privacy-kl-hero h1 { font-size: 2.2rem; }
            .kl-page .privacy-content .kl-content-wrap { flex-direction: column; }
            .kl-page .privacy-content .kl-sidebar {
                flex: 1;
                position: static;
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                gap: 4px;
                padding: 16px;
            }
            .kl-page .privacy-content .kl-sidebar .kl-sidebar-title { width: 100%; margin-bottom: 4px; }
            .kl-page .privacy-content .kl-sidebar ul { display: flex; flex-wrap: wrap; gap: 4px; }
            .kl-page .privacy-content .kl-sidebar ul li { margin-bottom: 0; }
            .kl-page .privacy-content .kl-sidebar ul li a { padding: 6px 14px; font-size: 0.8rem; }
        }
        @media (max-width: 768px) {
            .container { max-width: 100%; padding: 0 20px; }

            .hamburger { display: block; }
            .nav-links {
                display: none;
                flex-direction: column;
                width: 100%;
                gap: 12px;
                padding: 16px 0 8px;
                border-top: 1px solid rgba(0,102,255,0.06);
                margin-top: 4px;
                align-items: center;
            }
            .nav-links.active { display: flex; }
            .nav-links a { font-size: 1rem; }
            .btn-nav { width: 100%; text-align: center; justify-content: center; }

            .kl-page .privacy-kl-hero { padding: 50px 0 30px; }
            .kl-page .privacy-kl-hero h1 { font-size: 1.8rem; }
            .kl-page .privacy-kl-hero .shield-icon { font-size: 2.6rem; }
            .kl-page .privacy-content { padding: 20px 0 50px; }
            .kl-page .privacy-content .kl-content-wrap { gap: 20px; }
            .kl-page .privacy-content .kl-sidebar { padding: 12px; }
            .kl-page .privacy-content .main-body .section-block h2 { font-size: 1.2rem; }
            .kl-page .privacy-content .main-body .section-block { margin-bottom: 28px; padding-bottom: 28px; }
            .kl-page .privacy-cta h2 { font-size: 1.3rem; }
            .back-to-top { bottom: 20px; right: 20px; width: 44px; height: 44px; font-size: 1rem; }
        }
        @media (max-width: 480px) {
            .container { max-width: 100%; padding: 0 14px; }
            .kl-page .privacy-kl-hero h1 { font-size: 1.5rem; }
            .kl-page .privacy-kl-hero .sub { font-size: 0.95rem; }
            .kl-page .privacy-content .kl-sidebar ul li a { font-size: 0.75rem; padding: 4px 10px; }
            .kl-page .privacy-content .main-body .section-block p { font-size: 0.9rem; }
            .kl-page .privacy-content .main-body .section-block ul li { font-size: 0.9rem; }
            .kl-page .privacy-content .main-body .section-block .kl-highlight-box { padding: 14px 16px; font-size: 0.9rem; }
            .kl-page .privacy-cta .kl-cta-btns { flex-direction: column; align-items: center; }
            .kl-page .privacy-cta .kl-cta-btns .btn-primary,
            .kl-page .privacy-cta .kl-cta-btns .btn-outline { width: 100%; justify-content: center; }
            .back-to-top { bottom: 16px; right: 16px; width: 40px; height: 40px; font-size: 0.9rem; }
        }

/* ============================================================
           🔸 页面 style（.kl-page 下所有模块）
           ============================================================ */

        /* ----- 价格英雄区 price-kl-hero ----- */
        .kl-page .price-kl-hero {
            padding: 80px 0 60px;
            background: linear-gradient(135deg, #ffffff 0%, #e6f0ff 100%);
            text-align: center;
        }
        .kl-page .price-kl-hero h1 {
            font-size: 2.8rem;
            font-weight: 800;
            color: #0a2540;
            margin-bottom: 12px;
        }
        .kl-page .price-kl-hero h1 .kl-highlight { color: #0066ff; }
        .kl-page .price-kl-hero .sub {
            font-size: 1.1rem;
            color: #2f5478;
            max-width: 600px;
            margin: 0 auto 8px;
            line-height: 1.8;
        }
        .kl-page .price-kl-hero .sub strong { color: #0a2540; }
        .kl-page .price-kl-hero .price-badge {
            display: inline-block;
            background: rgba(0,102,255,0.06);
            border: 1px solid rgba(0,102,255,0.08);
            border-radius: 40px;
            padding: 6px 24px;
            font-size: 0.85rem;
            font-weight: 600;
            color: #0066ff;
            margin-bottom: 16px;
        }

        /* ----- 价格套餐 pricing ----- */
        .kl-page .kl-pricing-sec {
            padding: 40px 0 80px;
            background: #ffffff;
        }
        .kl-page .kl-pricing-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
            justify-content: center;
        }
        .kl-page .kl-pricing-card {
            background: #f7faff;
            border-radius: 28px;
            padding: 40px 32px 36px;
            flex: 1;
            min-width: 270px;
            max-width: 380px;
            border: 1px solid rgba(0,102,255,0.04);
            transition: 0.4s;
            text-align: center;
            box-shadow: 0 2px 12px rgba(0,0,0,0.02);
            display: flex;
            flex-direction: column;
        }
        .kl-page .kl-pricing-card:hover {
            transform: translateY(-6px);
            border-color: rgba(0,102,255,0.10);
            box-shadow: 0 20px 40px -12px rgba(0,102,255,0.06);
        }
        .kl-page .kl-pricing-card.kl-featured {
            border: 2px solid #0066ff;
            background: linear-gradient(145deg, #ffffff, #f0f7ff);
            position: relative;
        }
        .kl-page .kl-pricing-card.kl-featured::before {
            content: "推荐";
            position: absolute;
            top: -12px;
            right: 20px;
            background: #0066ff;
            color: #fff;
            padding: 3px 18px;
            border-radius: 30px;
            font-size: 0.7rem;
            font-weight: 600;
        }
        .kl-page .kl-pricing-icon { font-size: 2.8rem; color: #0066ff; margin-bottom: 16px; }
        .kl-page .kl-pricing-name { font-size: 1.5rem; font-weight: 700; margin-bottom: 6px; color: #0a2540; }
        .kl-page .kl-pricing-desc { color: #2f5478; font-size: 0.95rem; margin-bottom: 14px; }
        .kl-page .kl-pricing-price {
            font-size: 2.4rem;
            font-weight: 800;
            color: #0066ff;
            margin-bottom: 6px;
        }
        .kl-page .kl-pricing-price .kl-price-unit { font-size: 0.9rem; font-weight: 400; color: #456b8c; }
        .kl-page .kl-pricing-price .kl-price-old {
            font-size: 0.85rem;
            color: #64748b;
            text-decoration: line-through;
            margin-left: 8px;
        }
        .kl-page .kl-pricing-price .price-save {
            display: block;
            font-size: 0.75rem;
            color: #22c55e;
            font-weight: 600;
            margin-top: 2px;
        }
        .kl-page .kl-pricing-features {
            list-style: none;
            margin: 16px 0 24px;
            text-align: left;
            padding-left: 4px;
            flex: 1;
        }
        .kl-page .kl-pricing-features li {
            padding: 8px 0;
            color: #2f5478;
            font-size: 0.92rem;
            display: flex;
            align-items: center;
            gap: 10px;
            line-height: 1.4;
        }
        .kl-page .kl-pricing-features li i {
            color: #0066ff;
            width: 22px;
            flex-shrink: 0;
            text-align: center;
        }
        .kl-page .kl-pricing-features li .tag-new {
            font-size: 0.6rem;
            background: rgba(34,197,94,0.1);
            color: #22c55e;
            padding: 1px 10px;
            border-radius: 30px;
            font-weight: 600;
            margin-left: 6px;
        }
        .kl-page .kl-pricing-btn {
            background: #0066ff;
            color: #fff;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            width: 100%;
            padding: 14px;
            border-radius: 40px;
            font-weight: 600;
            font-size: 0.95rem;
            text-decoration: none;
            transition: 0.2s;
            border: none;
            cursor: pointer;
            margin-top: auto;
        }
        .kl-page .kl-pricing-btn:hover { background: #0052cc; transform: translateY(-2px); }
        .kl-page .kl-pricing-btn.btn-outline-price {
            background: transparent;
            color: #0066ff;
            border: 1.5px solid rgba(0,102,255,0.15);
        }
        .kl-page .kl-pricing-btn.btn-outline-price:hover {
            background: #f0f7ff;
            border-color: #0066ff;
        }

        /* ----- 对比表 compare ----- */
        .kl-page .compare-section {
            padding: 60px 0 80px;
            background: #f7faff;
        }
        .kl-page .compare-section .kl-sec-head { text-align: center; margin-bottom: 36px; }
        .kl-page .compare-section .kl-sec-badge {
            display: inline-block;
            background: rgba(0,102,255,0.04);
            border: 1px solid rgba(0,102,255,0.06);
            border-radius: 40px;
            padding: 4px 20px;
            font-size: 0.8rem;
            font-weight: 600;
            color: #0066ff;
            margin-bottom: 6px;
        }
        .kl-page .compare-section .kl-sec-title {
            font-size: 2rem;
            font-weight: 700;
            color: #0a2540;
        }
        .kl-page .compare-section .kl-sec-title i { color: #0066ff; margin-right: 8px; }
        .kl-page .compare-section .kl-sec-sub { color: #2f5478; font-size: 1rem; }

        .kl-page .compare-table-wrap {
            overflow-x: auto;
            background: #ffffff;
            border-radius: 20px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.02);
            border: 1px solid rgba(0,102,255,0.04);
            padding: 4px;
        }
        .kl-page .compare-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 0.95rem;
            min-width: 600px;
        }
        .kl-page .compare-table th {
            padding: 18px 20px;
            text-align: center;
            font-weight: 700;
            color: #0a2540;
            border-bottom: 2px solid rgba(0,102,255,0.04);
            background: #f7faff;
        }
        .kl-page .compare-table th:first-child {
            text-align: left;
        }
        .kl-page .compare-table td {
            padding: 14px 20px;
            text-align: center;
            color: #2f5478;
            border-bottom: 1px solid rgba(0,102,255,0.04);
        }
        .kl-page .compare-table td:first-child {
            text-align: left;
            font-weight: 600;
            color: #0a2540;
        }
        .kl-page .compare-table tr:last-child td {
            border-bottom: none;
        }
        .kl-page .compare-table .check { color: #22c55e; font-size: 1.1rem; }
        .kl-page .compare-table .cross { color: #64748b; font-size: 1.1rem; }
        .kl-page .compare-table .kl-highlight-row td {
            background: #f0f7ff;
        }

        /* ----- FAQ ----- */
        .kl-page .kl-faq-sec {
            padding: 60px 0 80px;
            background: #ffffff;
            border-top: 1px solid rgba(0,102,255,0.04);
        }
        .kl-page .kl-faq-sec .kl-sec-head {
            text-align: center;
            margin-bottom: 36px;
        }
        .kl-page .kl-faq-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 18px;
            align-items: stretch;
        }
        .kl-page .kl-faq-item {
            background: #f7faff;
            border-radius: 16px;
            padding: 24px 28px;
            border: 1px solid rgba(0,102,255,0.03);
            transition: 0.3s;
            display: flex;
            flex-direction: column;
            height: 100%;
        }
        .kl-page .kl-faq-item:hover { border-color: rgba(0,102,255,0.06); }
        .kl-page .kl-faq-item .q {
            font-weight: 700;
            font-size: 1rem;
            color: #0a2540;
            display: flex;
            align-items: center;
            gap: 12px;
            flex-shrink: 0;
        }
        .kl-page .kl-faq-item .q i {
            color: #0066ff;
            font-size: 0.8rem;
            width: 20px;
            flex-shrink: 0;
        }
        .kl-page .kl-faq-item .a {
            margin-top: 10px;
            color: #2f5478;
            font-size: 0.92rem;
            line-height: 1.8;
            flex: 1;
        }
        .kl-page .kl-faq-item .a .step {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            margin-top: 6px;
            padding-left: 4px;
        }
        .kl-page .kl-faq-item .a .step:first-child { margin-top: 0; }
        .kl-page .kl-faq-item .a .kl-step-num {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 22px;
            height: 22px;
            background: #0066ff;
            color: #fff;
            border-radius: 50%;
            font-size: 0.7rem;
            font-weight: 700;
            flex-shrink: 0;
            margin-top: 2px;
        }
        .kl-page .kl-faq-item .a .step-text { flex: 1; }
        .kl-page .kl-faq-item .a strong { color: #0a2540; }

        /* ============================================================
           📱 响应式（包含汉堡菜单样式）
           ============================================================ */
        @media (max-width: 1024px) {
            .container { padding: 0 30px; }
            .kl-page .price-kl-hero h1 { font-size: 2.4rem; }
            .kl-page .compare-table-wrap { padding: 0; }
            .kl-page .kl-faq-grid { grid-template-columns: 1fr 1fr; }
        }
        @media (max-width: 768px) {
            .container { max-width: 100%; padding: 0 20px; }

            /* ----- 汉堡菜单样式（移动端） ----- */
            .hamburger { display: block; }
            .nav-links {
                display: none;
                flex-direction: column;
                width: 100%;
                gap: 12px;
                padding: 16px 0 8px;
                border-top: 1px solid rgba(0,102,255,0.06);
                margin-top: 4px;
                align-items: center;
            }
            .nav-links.active { display: flex; }
            .nav-links a { font-size: 1rem; }
            .btn-nav { width: 100%; text-align: center; justify-content: center; }

            .kl-page .price-kl-hero { padding: 50px 0 40px; }
            .kl-page .price-kl-hero h1 { font-size: 1.8rem; }
            .kl-page .kl-pricing-grid { gap: 20px; }
            .kl-page .kl-pricing-card { min-width: unset; max-width: 100%; }
            .kl-page .compare-section { padding: 40px 0 60px; }
            .kl-page .compare-table { font-size: 0.85rem; min-width: 480px; }
            .kl-page .compare-table th,
            .kl-page .compare-table td { padding: 12px 14px; }
            .kl-page .kl-faq-grid { grid-template-columns: 1fr; }
            .kl-page .kl-faq-item { padding: 20px; }
            .back-to-top { bottom: 20px; right: 20px; width: 44px; height: 44px; font-size: 1rem; }
        }
        @media (max-width: 480px) {
            .container { max-width: 100%; padding: 0 14px; }
            .kl-page .price-kl-hero h1 { font-size: 1.6rem; }
            .kl-page .kl-pricing-card { padding: 28px 20px 28px; }
            .kl-page .kl-pricing-price { font-size: 2rem; }
            .kl-page .compare-table { font-size: 0.75rem; min-width: 360px; }
            .kl-page .compare-table th,
            .kl-page .compare-table td { padding: 8px 10px; }
            .kl-page .kl-faq-item { padding: 16px; }
            .kl-page .kl-faq-item .q { font-size: 0.9rem; }
            .kl-page .kl-faq-item .a .step { flex-direction: column; gap: 4px; }
            .back-to-top { bottom: 16px; right: 16px; width: 40px; height: 40px; font-size: 0.9rem; }
        }

/* ============================================================
           🔸 页面 style（.kl-page 下所有模块）
           ============================================================ */

        /* ----- 知识库英雄区（带搜索框） ----- */
        .kl-page .knowledge-kl-hero {
            padding: 70px 0 50px;
            background: linear-gradient(135deg, #ffffff 0%, #e6f0ff 100%);
            text-align: center;
            border-bottom: 1px solid rgba(0,102,255,0.04);
        }
        .kl-page .knowledge-kl-hero .book-icon {
            font-size: 3.6rem;
            color: #0066ff;
            opacity: 0.12;
            display: block;
            margin-bottom: 4px;
        }
        .kl-page .knowledge-kl-hero .kl-know-badge {
            display: inline-block;
            background: rgba(0,102,255,0.06);
            border: 1px solid rgba(0,102,255,0.08);
            border-radius: 40px;
            padding: 4px 20px;
            font-size: 0.8rem;
            font-weight: 600;
            color: #0066ff;
            margin-bottom: 12px;
        }
        .kl-page .knowledge-kl-hero h1 {
            font-size: 2.6rem;
            font-weight: 800;
            color: #0a2540;
            margin-bottom: 8px;
        }
        .kl-page .knowledge-kl-hero h1 .kl-highlight { color: #0066ff; }
        .kl-page .knowledge-kl-hero .sub {
            font-size: 1.05rem;
            color: #2f5478;
            max-width: 600px;
            margin: 0 auto 18px;
            line-height: 1.8;
        }
        .kl-page .knowledge-kl-hero .sub strong { color: #0a2540; }

        /* 搜索框 */
        .kl-page .knowledge-kl-hero .search-box {
            max-width: 520px;
            margin: 0 auto;
            display: flex;
            background: #ffffff;
            border-radius: 60px;
            border: 1px solid rgba(0,102,255,0.08);
            overflow: hidden;
            box-shadow: 0 2px 12px rgba(0,0,0,0.02);
            transition: 0.3s;
        }
        .kl-page .knowledge-kl-hero .search-box:focus-within {
            border-color: #0066ff;
            box-shadow: 0 4px 20px rgba(0,102,255,0.06);
        }
        .kl-page .knowledge-kl-hero .search-box input {
            flex: 1;
            border: none;
            padding: 14px 24px;
            font-size: 0.95rem;
            outline: none;
            background: transparent;
            color: #0a2540;
            min-width: 0;
        }
        .kl-page .knowledge-kl-hero .search-box input::placeholder {
            color: #64748b;
        }
        .kl-page .knowledge-kl-hero .search-box button {
            background: #0066ff;
            border: none;
            color: #fff;
            padding: 14px 28px;
            font-size: 1rem;
            cursor: pointer;
            transition: 0.2s;
            flex-shrink: 0;
        }
        .kl-page .knowledge-kl-hero .search-box button:hover {
            background: #0052cc;
        }

        /* ----- 分类筛选 ----- */
        .kl-page .knowledge-filter {
            padding: 20px 0 30px;
            background: #ffffff;
            border-bottom: 1px solid rgba(0,102,255,0.04);
        }
        .kl-page .knowledge-filter .filter-wrap {
            display: flex;
            justify-content: center;
            gap: 8px;
            flex-wrap: wrap;
        }
        .kl-page .knowledge-filter .filter-wrap .filter-btn {
            padding: 8px 22px;
            border-radius: 30px;
            border: 1px solid rgba(0,102,255,0.06);
            background: #f7faff;
            font-size: 0.85rem;
            font-weight: 500;
            color: #2f5478;
            cursor: pointer;
            transition: 0.25s ease;
        }
        .kl-page .knowledge-filter .filter-wrap .filter-btn:hover {
            background: rgba(0,102,255,0.04);
            color: #0066ff;
            border-color: rgba(0,102,255,0.12);
        }
        .kl-page .knowledge-filter .filter-wrap .filter-btn.active {
            background: #0066ff;
            color: #fff;
            border-color: #0066ff;
            box-shadow: 0 2px 12px rgba(0,102,255,0.15);
        }

        /* ----- 文章列表（图文混合布局） ----- */
        .kl-page .knowledge-list {
            padding: 40px 0 70px;
            background: #f7faff;
        }
        .kl-page .knowledge-list .articles-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
        }

        /* 图文卡片 */
        .kl-page .knowledge-list .articles-grid .article-card {
            background: #ffffff;
            border-radius: 16px;
            overflow: hidden;
            border: 1px solid rgba(0,102,255,0.04);
            transition: 0.35s ease;
            display: flex;
            flex-direction: column;
        }
        .kl-page .knowledge-list .articles-grid .article-card:hover {
            border-color: rgba(0,102,255,0.08);
            box-shadow: 0 8px 28px rgba(0,102,255,0.04);
            transform: translateY(-4px);
        }
        .kl-page .knowledge-list .articles-grid .article-card .card-img {
            width: 100%;
            height: 160px;
            background: #e6f0ff;
            overflow: hidden;
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .kl-page .knowledge-list .articles-grid .article-card .card-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform 0.4s ease;
        }
        .kl-page .knowledge-list .articles-grid .article-card:hover .card-img img {
            transform: scale(1.02);
        }
        .kl-page .knowledge-list .articles-grid .article-card .card-body {
            padding: 18px 20px 20px;
            flex: 1;
            display: flex;
            flex-direction: column;
        }
        .kl-page .knowledge-list .articles-grid .article-card .card-body .tag {
            display: inline-block;
            font-size: 0.6rem;
            font-weight: 600;
            color: #0066ff;
            background: rgba(0,102,255,0.04);
            padding: 2px 10px;
            border-radius: 30px;
            margin-bottom: 6px;
            align-self: flex-start;
        }
        .kl-page .knowledge-list .articles-grid .article-card .card-body h3 {
            font-size: 1rem;
            font-weight: 700;
            color: #0a2540;
            margin-bottom: 4px;
            line-height: 1.35;
        }
        .kl-page .knowledge-list .articles-grid .article-card .card-body h3 a {
            color: #0a2540;
            text-decoration: none;
        }
        .kl-page .knowledge-list .articles-grid .article-card .card-body h3 a:hover {
            color: #0066ff;
        }
        .kl-page .knowledge-list .articles-grid .article-card .card-body p {
            font-size: 0.88rem;
            color: #2f5478;
            line-height: 1.7;
            margin-bottom: 10px;
            flex: 1;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .kl-page .knowledge-list .articles-grid .article-card .card-body .meta {
            font-size: 0.75rem;
            color: #64748b;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-top: 10px;
            border-top: 1px solid rgba(0,102,255,0.04);
        }
        .kl-page .knowledge-list .articles-grid .article-card .card-body .meta .read-link {
            color: #0066ff;
            text-decoration: none;
            font-weight: 500;
            font-size: 0.8rem;
        }
        .kl-page .knowledge-list .articles-grid .article-card .card-body .meta .read-link:hover {
            text-decoration: underline;
        }

        /* 特色大卡片（第一篇） */
        .kl-page .knowledge-list .articles-grid .article-card.kl-featured {
            grid-column: 1 / -1;
            flex-direction: row;
            padding: 0;
        }
        .kl-page .knowledge-list .articles-grid .article-card.kl-featured .card-img {
            width: 280px;
            height: 100%;
            min-height: 180px;
            flex-shrink: 0;
            border-radius: 16px 0 0 16px;
        }
        .kl-page .knowledge-list .articles-grid .article-card.kl-featured .card-body {
            padding: 24px 28px;
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .kl-page .knowledge-list .articles-grid .article-card.kl-featured .card-body .tag {
            font-size: 0.65rem;
        }
        .kl-page .knowledge-list .articles-grid .article-card.kl-featured .card-body h3 {
            font-size: 1.15rem;
        }
        .kl-page .knowledge-list .articles-grid .article-card.kl-featured .card-body p {
            -webkit-line-clamp: 2;
        }

        /* 空状态 */
        .kl-page .knowledge-list .articles-grid .no-result {
            grid-column: 1 / -1;
            text-align: center;
            padding: 60px 20px;
            color: #64748b;
        }
        .kl-page .knowledge-list .articles-grid .no-result i {
            font-size: 2.4rem;
            opacity: 0.3;
            display: block;
            margin-bottom: 12px;
        }

        /* ----- 加载更多 ----- */
        .kl-page .knowledge-list .load-more-wrap {
            text-align: center;
            margin-top: 36px;
        }
        .kl-page .knowledge-list .load-more-wrap .btn-load-more {
            padding: 12px 40px;
            border-radius: 40px;
            border: 1.5px solid rgba(0,102,255,0.08);
            background: #ffffff;
            color: #0a2540;
            font-weight: 600;
            font-size: 0.9rem;
            cursor: pointer;
            transition: 0.25s ease;
        }
        .kl-page .knowledge-list .load-more-wrap .btn-load-more:hover {
            border-color: #0066ff;
            color: #0066ff;
            background: rgba(0,102,255,0.02);
            transform: translateY(-2px);
        }
        .kl-page .knowledge-list .load-more-wrap .btn-load-more:disabled {
            opacity: 0.4;
            cursor: not-allowed;
            transform: none;
        }

        /* ----- CTA 引导 ----- */
        .kl-page .knowledge-cta {
            padding: 50px 0 60px;
            background: #ffffff;
            border-top: 1px solid rgba(0,102,255,0.04);
            text-align: center;
        }
        .kl-page .knowledge-cta h2 {
            font-size: 1.6rem;
            font-weight: 700;
            color: #0a2540;
            margin-bottom: 6px;
        }
        .kl-page .knowledge-cta p {
            color: #2f5478;
            font-size: 1rem;
            margin-bottom: 18px;
        }
        .kl-page .knowledge-cta .kl-cta-btns {
            display: flex;
            gap: 14px;
            justify-content: center;
            flex-wrap: wrap;
        }

        /* ============================================================
           📱 响应式
           ============================================================ */
        @media (max-width: 1024px) {
            .container { padding: 0 30px; }
            .kl-page .knowledge-kl-hero h1 { font-size: 2.2rem; }
            .kl-page .knowledge-list .articles-grid { gap: 18px; grid-template-columns: repeat(2, 1fr); }
            .kl-page .knowledge-list .articles-grid .article-card.kl-featured .card-img { width: 200px; }
        }
        @media (max-width: 768px) {
            .container { max-width: 100%; padding: 0 20px; }

            .hamburger { display: block; }
            .nav-links {
                display: none;
                flex-direction: column;
                width: 100%;
                gap: 12px;
                padding: 16px 0 8px;
                border-top: 1px solid rgba(0,102,255,0.06);
                margin-top: 4px;
                align-items: center;
            }
            .nav-links.active { display: flex; }
            .nav-links a { font-size: 1rem; }
            .btn-nav { width: 100%; text-align: center; justify-content: center; }

            .kl-page .knowledge-kl-hero { padding: 50px 0 30px; }
            .kl-page .knowledge-kl-hero h1 { font-size: 1.8rem; }
            .kl-page .knowledge-kl-hero .book-icon { font-size: 2.6rem; }
            .kl-page .knowledge-kl-hero .search-box { max-width: 100%; }
            .kl-page .knowledge-kl-hero .search-box input { padding: 12px 18px; font-size: 0.9rem; }
            .kl-page .knowledge-kl-hero .search-box button { padding: 12px 20px; }
            .kl-page .knowledge-filter .filter-wrap { gap: 6px; }
            .kl-page .knowledge-filter .filter-wrap .filter-btn { padding: 6px 14px; font-size: 0.75rem; }
            .kl-page .knowledge-list { padding: 20px 0 50px; }
            .kl-page .knowledge-list .articles-grid { grid-template-columns: 1fr; gap: 16px; }
            .kl-page .knowledge-list .articles-grid .article-card.kl-featured {
                flex-direction: column;
            }
            .kl-page .knowledge-list .articles-grid .article-card.kl-featured .card-img {
                width: 100%;
                height: 160px;
                border-radius: 16px 16px 0 0;
            }
            .kl-page .knowledge-list .articles-grid .article-card.kl-featured .card-body { padding: 18px 20px; }
            .kl-page .knowledge-list .articles-grid .article-card.kl-featured .card-body h3 { font-size: 1.05rem; }
            .kl-page .knowledge-cta h2 { font-size: 1.3rem; }
            .back-to-top { bottom: 20px; right: 20px; width: 44px; height: 44px; font-size: 1rem; }
        }
        @media (max-width: 480px) {
            .container { max-width: 100%; padding: 0 14px; }
            .kl-page .knowledge-kl-hero h1 { font-size: 1.5rem; }
            .kl-page .knowledge-kl-hero .sub { font-size: 0.95rem; }
            .kl-page .knowledge-kl-hero .search-box input { padding: 10px 14px; font-size: 0.85rem; }
            .kl-page .knowledge-kl-hero .search-box button { padding: 10px 16px; font-size: 0.85rem; }
            .kl-page .knowledge-filter .filter-wrap .filter-btn { padding: 4px 10px; font-size: 0.7rem; }
            .kl-page .knowledge-list .articles-grid .article-card .card-img { height: 130px; }
            .kl-page .knowledge-list .articles-grid .article-card .card-body { padding: 14px 16px; }
            .kl-page .knowledge-list .articles-grid .article-card .card-body h3 { font-size: 0.92rem; }
            .kl-page .knowledge-list .load-more-wrap .btn-load-more { padding: 10px 28px; font-size: 0.8rem; }
            .kl-page .knowledge-cta .kl-cta-btns { flex-direction: column; align-items: center; }
            .kl-page .knowledge-cta .kl-cta-btns .btn-primary,
            .kl-page .knowledge-cta .kl-cta-btns .btn-outline { width: 100%; justify-content: center; }
            .back-to-top { bottom: 16px; right: 16px; width: 40px; height: 40px; font-size: 0.9rem; }
        }

/* Migrated knowledge article detail styles */
/* ===== 文章详情页专属样式（完全保留模板） ===== */
        .kl-page .kl-detail-hero {
            padding: 30px 0 20px;
            background: linear-gradient(135deg, #ffffff 0%, #e6f0ff 100%);
            border-bottom: 1px solid rgba(0, 102, 255, 0.04);
        }
        .kl-page .kl-detail-hero .kl-breadcrumb {
            font-size: 0.85rem;
            color: #64748b;
            margin-bottom: 10px;
        }
        .kl-page .kl-detail-hero .kl-breadcrumb a {
            color: #0066ff;
            text-decoration: none;
        }
        .kl-page .kl-detail-hero .kl-breadcrumb a:hover {
            text-decoration: underline;
        }
        .kl-page .kl-detail-hero .kl-breadcrumb .sep {
            margin: 0 8px;
            color: #d1d9e6;
        }
        .kl-page .kl-detail-hero h1 {
            font-size: 2.2rem;
            font-weight: 800;
            color: #0a2540;
            line-height: 1.2;
            margin-bottom: 8px;
        }
        .kl-page .kl-detail-hero .kl-meta {
            display: flex;
            align-items: center;
            gap: 16px;
            flex-wrap: wrap;
            font-size: 0.85rem;
            color: #456b8c;
        }
        .kl-page .kl-detail-hero .kl-meta .tag {
            display: inline-block;
            font-size: 0.7rem;
            font-weight: 600;
            color: #0066ff;
            background: rgba(0, 102, 255, 0.06);
            padding: 2px 12px;
            border-radius: 30px;
        }
        .kl-page .kl-detail-hero .kl-meta .dot {
            color: #d1d9e6;
        }
        .kl-page .kl-detail {
            padding: 40px 0 60px;
            background: #f7faff;
        }
        .kl-page .kl-detail .kl-content-wrap {
            display: flex;
            gap: 50px;
            align-items: flex-start;
            max-width: 80%;
            margin: 0 auto;
            padding: 0 40px;
        }
        .kl-page .kl-detail .kl-article {
            flex: 1;
            min-width: 0;
            background: #ffffff;
            border-radius: 20px;
            padding: 40px 48px;
            border: 1px solid rgba(0, 102, 255, 0.04);
            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.02);
        }
        .kl-page .kl-detail .kl-article .kl-featured {
            width: 100%;
            height: 260px;
            background: #e6f0ff;
            border-radius: 12px;
            overflow: hidden;
            margin-bottom: 24px;
        }
        .kl-page .kl-detail .kl-article .kl-featured img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        .kl-page .kl-detail .kl-article .kl-body h2 {
            font-size: 1.6rem;
            font-weight: 700;
            color: #0a2540;
            margin: 28px 0 12px;
            padding-bottom: 10px;
            border-bottom: 2px solid rgba(0, 102, 255, 0.04);
        }
        .kl-page .kl-detail .kl-article .kl-body h2:first-of-type {
            margin-top: 0;
        }
        .kl-page .kl-detail .kl-article .kl-body h3 {
            font-size: 1.2rem;
            font-weight: 700;
            color: #0a2540;
            margin: 20px 0 10px;
        }
        .kl-page .kl-detail .kl-article .kl-body p {
            font-size: 1rem;
            color: #2f5478;
            line-height: 1.9;
            margin-bottom: 16px;
        }
        .kl-page .kl-detail .kl-article .kl-body p strong {
            color: #0a2540;
        }
        .kl-page .kl-detail .kl-article .kl-body p a {
            color: #0066ff;
            text-decoration: none;
            font-weight: 500;
        }
        .kl-page .kl-detail .kl-article .kl-body p a:hover {
            text-decoration: underline;
        }
        .kl-page .kl-detail .kl-article .kl-body ul {
            padding-left: 24px;
            margin: 12px 0 18px;
        }
        .kl-page .kl-detail .kl-article .kl-body ul li {
            font-size: 1rem;
            color: #2f5478;
            line-height: 1.9;
            margin-bottom: 6px;
        }
        .kl-page .kl-detail .kl-article .kl-body ul li strong {
            color: #0a2540;
        }
        .kl-page .kl-detail .kl-article .kl-body .kl-tip {
            background: #f0f7ff;
            border-left: 4px solid #0066ff;
            padding: 18px 24px;
            border-radius: 8px;
            margin: 18px 0;
            font-size: 0.95rem;
            color: #2f5478;
            line-height: 1.8;
        }
        .kl-page .kl-detail .kl-article .kl-body .kl-tip strong {
            color: #0066ff;
        }
        .kl-page .kl-detail .kl-article .kl-body .kl-step {
            background: #f7faff;
            border-radius: 12px;
            padding: 20px 24px;
            margin: 14px 0 20px;
            border: 1px solid rgba(0, 102, 255, 0.04);
        }
        .kl-page .kl-detail .kl-article .kl-body .kl-step .kl-step-item {
            display: flex;
            align-items: flex-start;
            gap: 14px;
            padding: 8px 0;
        }
        .kl-page .kl-detail .kl-article .kl-body .kl-step .kl-step-item .kl-step-num {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 30px;
            height: 30px;
            background: #0066ff;
            color: #fff;
            border-radius: 50%;
            font-size: 0.8rem;
            font-weight: 700;
            flex-shrink: 0;
            margin-top: 2px;
        }
        .kl-page .kl-detail .kl-article .kl-body .kl-step .kl-step-item .step-text {
            font-size: 0.95rem;
            color: #2f5478;
            line-height: 1.8;
        }
        .kl-page .kl-detail .kl-article .kl-body .kl-step .kl-step-item .step-text strong {
            color: #0a2540;
        }
        .kl-page .kl-detail .kl-article .kl-body .kl-step .kl-step-item .step-text a {
            color: #0066ff;
            text-decoration: none;
            font-weight: 500;
        }
        .kl-page .kl-detail .kl-article .kl-body .kl-step .kl-step-item .step-text a:hover {
            text-decoration: underline;
        }
        .kl-page .kl-detail .kl-article .kl-body .kl-warning {
            background: #fef9e7;
            border-left: 4px solid #f59e0b;
            padding: 16px 22px;
            border-radius: 8px;
            margin: 16px 0;
            font-size: 0.95rem;
            color: #2f5478;
            line-height: 1.8;
        }
        .kl-page .kl-detail .kl-article .kl-body .kl-warning strong {
            color: #d97706;
        }
        .kl-page .kl-detail .kl-sidebar {
            flex: 0 0 280px;
            position: sticky;
            top: 100px;
            display: flex;
            flex-direction: column;
            gap: 24px;
            flex-shrink: 0;
        }
        .kl-page .kl-detail .kl-sidebar .kl-side-card {
            background: #ffffff;
            border-radius: 16px;
            padding: 22px 24px;
            border: 1px solid rgba(0, 102, 255, 0.04);
            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.02);
        }
        .kl-page .kl-detail .kl-sidebar .kl-side-card .kl-side-title {
            font-size: 0.85rem;
            font-weight: 700;
            color: #0a2540;
            margin-bottom: 12px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .kl-page .kl-detail .kl-sidebar .kl-side-card .kl-side-title i {
            color: #0066ff;
        }
        .kl-page .kl-detail .kl-sidebar .kl-side-card .kl-side-title .line {
            flex: 1;
            height: 1px;
            background: rgba(0, 102, 255, 0.04);
        }
        .kl-page .kl-detail .kl-sidebar .kl-side-card ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .kl-page .kl-detail .kl-sidebar .kl-side-card ul li {
            padding: 8px 0;
            border-bottom: 1px solid rgba(0, 102, 255, 0.03);
        }
        .kl-page .kl-detail .kl-sidebar .kl-side-card ul li:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }
        .kl-page .kl-detail .kl-sidebar .kl-side-card ul li a {
            font-size: 0.88rem;
            color: #2f5478;
            text-decoration: none;
            transition: 0.2s;
            display: block;
            line-height: 1.5;
        }
        .kl-page .kl-detail .kl-sidebar .kl-side-card ul li a:hover {
            color: #0066ff;
        }
        .kl-page .kl-detail .kl-sidebar .kl-side-card ul li .kl-tag-sm {
            font-size: 0.6rem;
            color: #64748b;
            background: #f7faff;
            padding: 1px 8px;
            border-radius: 30px;
            margin-left: 6px;
        }
        .kl-page .kl-detail .kl-sidebar .kl-back {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            color: #0066ff;
            text-decoration: none;
            font-weight: 600;
            font-size: 0.9rem;
            padding: 8px 0;
            transition: 0.2s;
        }
        .kl-page .kl-detail .kl-sidebar .kl-back:hover {
            gap: 12px;
        }
        .kl-page .kl-detail-cta {
            padding: 40px 0 60px;
            background: #ffffff;
            border-top: 1px solid rgba(0, 102, 255, 0.04);
            text-align: center;
        }
        .kl-page .kl-detail-cta h2 {
            font-size: 1.6rem;
            font-weight: 700;
            color: #0a2540;
            margin-bottom: 6px;
        }
        .kl-page .kl-detail-cta p {
            color: #2f5478;
            font-size: 1rem;
            margin-bottom: 18px;
        }
        .kl-page .kl-detail-cta .kl-cta-btns {
            display: flex;
            gap: 14px;
            justify-content: center;
            flex-wrap: wrap;
        }
        @media (max-width: 1024px) {
            .kl-page .kl-detail .kl-content-wrap {
                padding: 0 30px;
                gap: 30px;
            }
            .kl-page .kl-detail-hero h1 {
                font-size: 1.8rem;
            }
            .kl-page .kl-detail .kl-sidebar {
                flex: 0 0 220px;
            }
            .kl-page .kl-detail .kl-article {
                padding: 30px 28px;
            }
        }
        @media (max-width: 768px) {
            .container {
                max-width: 100%;
                padding: 0 20px;
            }
            .kl-page .kl-detail .kl-content-wrap {
                max-width: 100%;
                padding: 0 20px;
            }
            .hamburger {
                display: block;
            }
            .nav-links {
                display: none;
                flex-direction: column;
                width: 100%;
                gap: 12px;
                padding: 16px 0 8px;
                border-top: 1px solid rgba(0, 102, 255, 0.06);
                margin-top: 4px;
                align-items: center;
            }
            .nav-links.active {
                display: flex;
            }
            .nav-links a {
                font-size: 1rem;
            }
            .btn-nav {
                width: 100%;
                text-align: center;
                justify-content: center;
            }
            .kl-page .kl-detail-hero {
                padding: 20px 0 16px;
            }
            .kl-page .kl-detail-hero h1 {
                font-size: 1.5rem;
            }
            .kl-page .kl-detail {
                padding: 20px 0 40px;
            }
            .kl-page .kl-detail .kl-content-wrap {
                flex-direction: column;
            }
            .kl-page .kl-detail .kl-article {
                padding: 20px 18px;
                border-radius: 16px;
            }
            .kl-page .kl-detail .kl-article .kl-featured {
                height: 160px;
            }
            .kl-page .kl-detail .kl-article .kl-body h2 {
                font-size: 1.2rem;
            }
            .kl-page .kl-detail .kl-article .kl-body h3 {
                font-size: 1.05rem;
            }
            .kl-page .kl-detail .kl-sidebar {
                flex: 1;
                position: static;
                width: 100%;
            }
            .kl-page .kl-detail .kl-sidebar .kl-side-card {
                padding: 18px 20px;
            }
            .kl-page .kl-detail-cta h2 {
                font-size: 1.3rem;
            }
            .kl-page .kl-detail-cta .kl-cta-btns {
                flex-direction: column;
                align-items: center;
            }
            .kl-page .kl-detail-cta .kl-cta-btns .btn-primary,
            .kl-page .kl-detail-cta .kl-cta-btns .btn-outline {
                width: 100%;
                justify-content: center;
            }
            .back-to-top {
                bottom: 20px;
                right: 20px;
                width: 44px;
                height: 44px;
                font-size: 1rem;
            }
        }
        @media (max-width: 480px) {
            .container {
                max-width: 100%;
                padding: 0 14px;
            }
            .kl-page .kl-detail .kl-content-wrap {
                padding: 0 14px;
            }
            .kl-page .kl-detail-hero h1 {
                font-size: 1.3rem;
            }
            .kl-page .kl-detail-hero .kl-meta {
                font-size: 0.75rem;
                gap: 10px;
            }
            .kl-page .kl-detail .kl-article {
                padding: 16px 14px;
            }
            .kl-page .kl-detail .kl-article .kl-featured {
                height: 120px;
            }
            .kl-page .kl-detail .kl-article .kl-body p {
                font-size: 0.92rem;
            }
            .kl-page .kl-detail .kl-article .kl-body ul li {
                font-size: 0.92rem;
            }
            .kl-page .kl-detail .kl-article .kl-body .kl-tip {
                padding: 12px 16px;
                font-size: 0.9rem;
            }
            .kl-page .kl-detail .kl-article .kl-body .kl-step {
                padding: 14px 16px;
            }
            .kl-page .kl-detail .kl-article .kl-body .kl-step .kl-step-item .step-text {
                font-size: 0.9rem;
            }
            .kl-page .kl-detail .kl-sidebar .kl-side-card {
                padding: 14px 16px;
            }
            .kl-page .kl-detail .kl-sidebar .kl-side-card ul li a {
                font-size: 0.82rem;
            }
            .back-to-top {
                bottom: 16px;
                right: 16px;
                width: 40px;
                height: 40px;
                font-size: 0.9rem;
            }
        }

/* WordPress article navigation */
.kl-page .kl-post-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 34px;
    padding-top: 22px;
    border-top: 1px solid rgba(0, 102, 255, 0.08);
}
.kl-page .kl-post-nav-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}
.kl-page .kl-post-nav-item.next { text-align: right; }
.kl-page .kl-post-nav-item > span {
    font-size: 0.72rem;
    color: #64748b;
    font-weight: 600;
}
.kl-page .kl-post-nav-item a,
.kl-page .kl-post-nav-item em {
    color: #2f5478;
    font-size: 0.9rem;
    line-height: 1.5;
    text-decoration: none;
    font-style: normal;
}
.kl-page .kl-post-nav-item a:hover { color: #0066ff; }
@media (max-width: 600px) {
    .kl-page .kl-post-nav { grid-template-columns: 1fr; }
    .kl-page .kl-post-nav-item.next { text-align: left; }
}