﻿/* ===== Style 1 ===== */


        /* ========== 首页独有样式 ========== */

        /* --- Hero 区 --- */
        .hek-website-development-company-hero {
            position: relative;
            background: var(--v-hero-bg, linear-gradient(135deg, #0f1a2e 0%, #1a2d4a 50%, #1a56db 100%));
            padding: 140px 0 100px;
            overflow: hidden;
        }
        .hek-website-development-company-hero::before {
            content: '';
            position: absolute;
            top: -30%;
            right: -10%;
            width: 600px;
            height: 600px;
            background: radial-gradient(circle, var(--v-hero-text-muted, rgba(26,86,219,0.2)) 0%, transparent 70%);
            border-radius: 50%;
            pointer-events: none;
        }
        .hek-website-development-company-hero::after {
            content: '';
            position: absolute;
            bottom: -20%;
            left: -5%;
            width: 400px;
            height: 400px;
            background: radial-gradient(circle, var(--v-hero-text-muted, rgba(37,99,235,0.15)) 0%, transparent 70%);
            border-radius: 50%;
            pointer-events: none;
        }
        .hek-website-development-company-hero-inner {
            position: relative;
            z-index: 2;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 24px;
        }
        .hek-website-development-company-hero-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }
        .hek-website-development-company-hero-content {
            color: var(--v-hero-text, #fff);
        }
        .hek-website-development-company-hero-badge {
            display: inline-block;
            background: var(--v-hero-surface-bg, rgba(255,255,255,0.12));
            backdrop-filter: blur(4px);
            border: 1px solid var(--v-hero-surface-border, rgba(255,255,255,0.18));
            padding: 6px 18px;
            border-radius: 0;
            font-size: 13px;
            font-weight: 500;
            letter-spacing: 0.5px;
            color: var(--v-hero-text-muted, #bfd4ff);
            margin-bottom: 20px;
            text-transform: uppercase;
        }
        .hek-website-development-company-hero-title {
            font-size: 48px;
            font-weight: 800;
            line-height: 1.15;
            margin: 0 0 18px;
            color: var(--v-hero-text, #fff);
            letter-spacing: -0.5px;
        }
        .hek-website-development-company-hero-title span {
            color: var(--v-hero-text-muted, #60a5fa);
        }
        .hek-website-development-company-hero-subtitle {
            font-size: 18px;
            line-height: 1.7;
            color: var(--v-hero-text-muted, rgba(255,255,255,0.75));
            margin: 0 0 32px;
            max-width: 520px;
        }
        .hek-website-development-company-hero-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 16px;
            margin-bottom: 28px;
        }
        .hek-website-development-company-hero-btn-primary {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: var(--v-hero-btn-bg, #1a56db);
            color: var(--v-hero-text, #fff);
            padding: 14px 36px;
            font-size: 16px;
            font-weight: 600;
            text-decoration: none;
            border: 2px solid var(--v-hero-btn-border, #1a56db);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }
        .hek-website-development-company-hero-btn-primary:hover {
            background: var(--v-hero-btn-bg-hover, #1e40af);
            border-color: var(--v-hero-btn-border-hover, #1e40af);
            transform: translateY(-2px);
            box-shadow: 0 12px 30px var(--v-hero-btn-shadow, rgba(26,86,219,0.35));
        }
        .hek-website-development-company-hero-btn-secondary {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: transparent;
            color: var(--v-hero-text, #fff);
            padding: 14px 36px;
            font-size: 16px;
            font-weight: 600;
            text-decoration: none;
            border: 2px solid var(--v-hero-surface-border, rgba(255,255,255,0.35));
            transition: all 0.3s ease;
        }
        .hek-website-development-company-hero-btn-secondary:hover {
            border-color: var(--v-hero-text-muted, #60a5fa);
            background: var(--v-hero-surface-bg, rgba(255,255,255,0.08));
            transform: translateY(-2px);
        }
        .hek-website-development-company-hero-meta {
            display: flex;
            flex-wrap: wrap;
            gap: 12px 24px;
            font-size: 14px;
            color: var(--v-hero-text-muted, rgba(255,255,255,0.55));
        }
        .hek-website-development-company-hero-meta span {
            display: flex;
            align-items: center;
            gap: 6px;
        }
        .hek-website-development-company-hero-meta .hek-dot {
            display: inline-block;
            width: 5px;
            height: 5px;
            background: var(--v-hero-text-muted, #60a5fa);
        }
        /* --- Hero 右侧统计卡 --- */
        .hek-website-development-company-hero-stats {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
        }
        .hek-website-development-company-hero-stat-card {
            background: var(--v-hero-surface-bg, rgba(255,255,255,0.06));
            backdrop-filter: blur(6px);
            border: 1px solid var(--v-hero-surface-border, rgba(255,255,255,0.08));
            padding: 22px 20px;
            transition: all 0.3s ease;
        }
        .hek-website-development-company-hero-stat-card:hover {
            background: var(--v-hero-surface-bg, rgba(255,255,255,0.10));
            border-color: var(--v-hero-text-muted, rgba(96,165,250,0.25));
            transform: translateY(-3px);
        }
        .hek-website-development-company-hero-stat-no {
            font-size: 32px;
            font-weight: 800;
            color: var(--v-hero-text-muted, #60a5fa);
            line-height: 1;
            margin-bottom: 6px;
        }
        .hek-website-development-company-hero-stat-title {
            font-size: 15px;
            font-weight: 600;
            color: var(--v-hero-text, #fff);
            margin-bottom: 4px;
        }
        .hek-website-development-company-hero-stat-desc {
            font-size: 13px;
            color: var(--v-hero-text-muted, rgba(255,255,255,0.55));
            line-height: 1.5;
        }

        /* --- 信任条 --- */
        .hek-website-development-company-trust {
            background: #f8fafc;
            padding: 60px 0;
            border-bottom: 1px solid #e9edf2;
        }
        .hek-website-development-company-trust-inner {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 24px;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 40px;
        }
        .hek-website-development-company-trust-item {
            text-align: center;
            padding: 0 12px;
        }
        .hek-website-development-company-trust-icon {
            width: 52px;
            height: 52px;
            margin: 0 auto 16px;
            background: #e0edff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            color: #1a56db;
        }
        .hek-website-development-company-trust-title {
            font-size: 17px;
            font-weight: 700;
            color: #1a202c;
            margin: 0 0 8px;
        }
        .hek-website-development-company-trust-desc {
            font-size: 14px;
            color: #4a5568;
            line-height: 1.7;
            margin: 0;
        }

        /* --- 服务区 --- */
        .hek-website-development-company-services {
            padding: 90px 0 80px;
            background: #fff;
        }
        .hek-website-development-company-services-inner {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 24px;
        }
        .hek-website-development-company-services-header {
            text-align: center;
            margin-bottom: 56px;
        }
        .hek-website-development-company-services-badge {
            display: inline-block;
            background: #e0edff;
            color: #1a56db;
            padding: 5px 18px;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 0.3px;
            margin-bottom: 14px;
        }
        .hek-website-development-company-services-title {
            font-size: 34px;
            font-weight: 800;
            color: #1a202c;
            margin: 0 0 12px;
            letter-spacing: -0.3px;
        }
        .hek-website-development-company-services-intro {
            font-size: 16px;
            color: #4a5568;
            max-width: 600px;
            margin: 0 auto;
            line-height: 1.7;
        }
        .hek-website-development-company-services-layout {
            display: grid;
            grid-template-columns: 1fr 320px;
            gap: 50px;
            align-items: start;
        }
        .hek-website-development-company-services-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 24px;
        }
        .hek-website-development-company-service-card {
            background: #f8fafc;
            border: 1px solid #e9edf2;
            padding: 32px 28px;
            transition: all 0.35s ease;
            position: relative;
        }
        .hek-website-development-company-service-card:hover {
            border-color: #1a56db;
            transform: translateY(-4px);
            box-shadow: 0 16px 40px rgba(26,86,219,0.08);
        }
        .hek-website-development-company-service-card::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 3px;
            height: 0;
            background: #1a56db;
            transition: height 0.35s ease;
        }
        .hek-website-development-company-service-card:hover::after {
            height: 100%;
        }
        .hek-website-development-company-service-icon {
            width: 44px;
            height: 44px;
            background: #e0edff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            color: #1a56db;
            margin-bottom: 16px;
        }
        .hek-website-development-company-service-title {
            font-size: 17px;
            font-weight: 700;
            color: #1a202c;
            margin: 0 0 8px;
        }
        .hek-website-development-company-service-desc {
            font-size: 14px;
            color: #4a5568;
            line-height: 1.6;
            margin: 0;
        }
        /* --- 服务区右侧面板 --- */
        .hek-website-development-company-services-panel {
            background: #0f1a2e;
            padding: 36px 30px;
            border: 1px solid rgba(255,255,255,0.06);
            position: sticky;
            top: 100px;
        }
        .hek-website-development-company-panel-badge {
            display: inline-block;
            background: rgba(96,165,250,0.15);
            color: #60a5fa;
            padding: 4px 14px;
            font-size: 12px;
            font-weight: 600;
            letter-spacing: 0.3px;
            margin-bottom: 14px;
        }
        .hek-website-development-company-panel-title {
            font-size: 22px;
            font-weight: 700;
            color: #fff;
            margin: 0 0 10px;
        }
        .hek-website-development-company-panel-desc {
            font-size: 14px;
            color: rgba(255,255,255,0.6);
            line-height: 1.7;
            margin: 0 0 24px;
        }
        .hek-website-development-company-panel-item {
            border-top: 1px solid rgba(255,255,255,0.08);
            padding: 18px 0;
        }
        .hek-website-development-company-panel-item:first-of-type {
            border-top: none;
            padding-top: 0;
        }
        .hek-website-development-company-panel-item-title {
            font-size: 15px;
            font-weight: 600;
            color: #fff;
            margin: 0 0 4px;
        }
        .hek-website-development-company-panel-item-desc {
            font-size: 13px;
            color: rgba(255,255,255,0.5);
            line-height: 1.6;
            margin: 0;
        }

        /* --- 核心亮点区 --- */
        .hek-website-development-company-features {
            padding: 90px 0;
            background: #f8fafc;
        }
        .hek-website-development-company-features-inner {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 24px;
        }
        .hek-website-development-company-features-header {
            text-align: center;
            margin-bottom: 56px;
        }
        .hek-website-development-company-features-badge {
            display: inline-block;
            background: #1a56db;
            color: #fff;
            padding: 5px 18px;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 0.3px;
            margin-bottom: 14px;
        }
        .hek-website-development-company-features-title {
            font-size: 34px;
            font-weight: 800;
            color: #1a202c;
            margin: 0;
            letter-spacing: -0.3px;
        }
        .hek-website-development-company-features-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 28px;
        }
        .hek-website-development-company-feature-card {
            background: #fff;
            border: 1px solid #e9edf2;
            padding: 32px 28px;
            transition: all 0.35s ease;
            position: relative;
            overflow: hidden;
        }
        .hek-website-development-company-feature-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: #1a56db;
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.4s ease;
        }
        .hek-website-development-company-feature-card:hover::before {
            transform: scaleX(1);
        }
        .hek-website-development-company-feature-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 16px 40px rgba(26,86,219,0.08);
            border-color: #1a56db;
        }
        .hek-website-development-company-feature-no {
            font-size: 42px;
            font-weight: 800;
            color: #e0edff;
            line-height: 1;
            margin-bottom: 10px;
            transition: color 0.3s ease;
        }
        .hek-website-development-company-feature-card:hover .hek-website-development-company-feature-no {
            color: #1a56db;
        }
        .hek-website-development-company-feature-title {
            font-size: 17px;
            font-weight: 700;
            color: #1a202c;
            margin: 0 0 8px;
        }
        .hek-website-development-company-feature-desc {
            font-size: 14px;
            color: #4a5568;
            line-height: 1.7;
            margin: 0;
        }

        /* --- 评价区 --- */
        .hek-website-development-company-testimonials {
            padding: 90px 0;
            background: #fff;
        }
        .hek-website-development-company-testimonials-inner {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 24px;
        }
        .hek-website-development-company-testimonials-header {
            text-align: center;
            margin-bottom: 56px;
        }
        .hek-website-development-company-testimonials-badge {
            display: inline-block;
            background: #e0edff;
            color: #1a56db;
            padding: 5px 18px;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 0.3px;
            margin-bottom: 14px;
        }
        .hek-website-development-company-testimonials-title {
            font-size: 34px;
            font-weight: 800;
            color: #1a202c;
            margin: 0 0 12px;
            letter-spacing: -0.3px;
        }
        .hek-website-development-company-testimonials-intro {
            font-size: 16px;
            color: #4a5568;
            max-width: 600px;
            margin: 0 auto;
            line-height: 1.7;
        }
        .hek-website-development-company-testimonials-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 28px;
        }
        .hek-website-development-company-testimonial-card {
            background: #f8fafc;
            border: 1px solid #e9edf2;
            padding: 32px 28px;
            transition: all 0.35s ease;
            display: flex;
            flex-direction: column;
        }
        .hek-website-development-company-testimonial-card:hover {
            border-color: #1a56db;
            transform: translateY(-3px);
            box-shadow: 0 12px 32px rgba(26,86,219,0.06);
        }
        .hek-website-development-company-testimonial-quote {
            font-size: 15px;
            color: #2d3748;
            line-height: 1.8;
            margin: 0 0 24px;
            flex: 1;
            font-style: italic;
        }
        .hek-website-development-company-testimonial-quote::before {
            content: '\\201C';
            font-size: 36px;
            color: #1a56db;
            font-weight: 700;
            line-height: 0;
            vertical-align: -8px;
            margin-right: 4px;
            display: inline;
        }
        .hek-website-development-company-testimonial-author {
            border-top: 1px solid #e9edf2;
            padding-top: 16px;
        }
        .hek-website-development-company-testimonial-name {
            font-size: 15px;
            font-weight: 700;
            color: #1a202c;
            margin: 0 0 2px;
        }
        .hek-website-development-company-testimonial-role {
            font-size: 13px;
            color: #6b7280;
            margin: 0;
        }

        /* --- CTA 区 --- */
        .hek-website-development-company-cta {
            background: var(--v-cta-bg, linear-gradient(135deg, #0f1a2e 0%, #1a2d4a 50%, #1a56db 100%));
            padding: 80px 0;
            text-align: center;
            position: relative;
            overflow: hidden;
        }
        .hek-website-development-company-cta::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -20%;
            width: 600px;
            height: 600px;
            background: radial-gradient(circle, rgba(96,165,250,0.10) 0%, transparent 70%);
            border-radius: 50%;
            pointer-events: none;
        }
        .hek-website-development-company-cta-inner {
            position: relative;
            z-index: 2;
            max-width: 720px;
            margin: 0 auto;
            padding: 0 24px;
        }
        .hek-website-development-company-cta-badge {
            display: inline-block;
            background: rgba(255,255,255,0.10);
            border: 1px solid rgba(255,255,255,0.15);
            color: var(--v-cta-text-muted, #bfd4ff);
            padding: 5px 18px;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 0.3px;
            margin-bottom: 18px;
        }
        .hek-website-development-company-cta-title {
            font-size: 36px;
            font-weight: 800;
            color: var(--v-cta-text, #fff);
            margin: 0 0 14px;
            letter-spacing: -0.3px;
        }
        .hek-website-development-company-cta-desc {
            font-size: 17px;
            color: var(--v-cta-text-muted, rgba(255,255,255,0.7));
            line-height: 1.7;
            margin: 0 0 36px;
        }
        .hek-website-development-company-cta-actions {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 16px;
        }
        .hek-website-development-company-cta-btn-primary {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #1a56db;
            color: #fff;
            padding: 15px 42px;
            font-size: 16px;
            font-weight: 600;
            text-decoration: none;
            border: 2px solid #1a56db;
            transition: all 0.3s ease;
        }
        .hek-website-development-company-cta-btn-primary:hover {
            background: #1e40af;
            border-color: #1e40af;
            transform: translateY(-2px);
            box-shadow: 0 12px 30px rgba(26,86,219,0.35);
        }
        .hek-website-development-company-cta-btn-secondary {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: transparent;
            color: var(--v-cta-btn2-color, #fff);
            padding: 15px 42px;
            font-size: 16px;
            font-weight: 600;
            text-decoration: none;
            border: 2px solid var(--v-cta-btn2-border, rgba(255,255,255,0.3));
            transition: all 0.3s ease;
        }
        .hek-website-development-company-cta-btn-secondary:hover {
            border-color: var(--v-cta-btn2-hover-border, #60a5fa);
            background: var(--v-cta-btn2-hover-bg, rgba(255,255,255,0.06));
            transform: translateY(-2px);
        }

        /* --- 最新文章区 --- */
        .hek-website-development-company-latest {
            padding: 80px 0 90px;
            background: #f8fafc;
        }
        .hek-website-development-company-latest-inner {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 24px;
        }
        .hek-website-development-company-latest-header {
            text-align: center;
            margin-bottom: 48px;
        }
        .hek-website-development-company-latest-title {
            font-size: 30px;
            font-weight: 800;
            color: #1a202c;
            margin: 0;
            letter-spacing: -0.3px;
        }
        .hek-website-development-company-latest-title::after {
            content: '';
            display: block;
            width: 50px;
            height: 3px;
            background: #1a56db;
            margin: 14px auto 0;
        }
        .hek-website-development-company-latest-grid {
            max-width: 1200px;
            margin: 0 auto;
        }

        /* ========== 响应式 ========== */
        @media (max-width: 1024px) {
            .hek-website-development-company-hero-title {
                font-size: 38px;
            }
            .hek-website-development-company-hero-grid {
                gap: 40px;
            }
            .hek-website-development-company-services-layout {
                grid-template-columns: 1fr;
            }
            .hek-website-development-company-services-panel {
                position: static;
                margin-top: 16px;
            }
            .hek-website-development-company-features-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            .hek-website-development-company-testimonials-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        @media (max-width: 768px) {
            .hek-website-development-company-hero {
                padding: 120px 0 70px;
            }
            .hek-website-development-company-hero-grid {
                grid-template-columns: 1fr;
                gap: 40px;
            }
            .hek-website-development-company-hero-title {
                font-size: 30px;
            }
            .hek-website-development-company-hero-subtitle {
                font-size: 16px;
            }
            .hek-website-development-company-hero-stats {
                grid-template-columns: 1fr 1fr;
            }
            .hek-website-development-company-trust-inner {
                grid-template-columns: 1fr;
                gap: 28px;
            }
            .hek-website-development-company-services-grid {
                grid-template-columns: 1fr;
            }
            .hek-website-development-company-features-grid {
                grid-template-columns: 1fr;
            }
            .hek-website-development-company-testimonials-grid {
                grid-template-columns: 1fr;
            }
            .hek-website-development-company-cta-title {
                font-size: 28px;
            }
        }
        @media (max-width: 480px) {
            .hek-website-development-company-hero-title {
                font-size: 26px;
            }
            .hek-website-development-company-hero-stats {
                grid-template-columns: 1fr;
            }
            .hek-website-development-company-hero-actions {
                flex-direction: column;
            }
            .hek-website-development-company-hero-btn-primary,
            .hek-website-development-company-hero-btn-secondary {
                width: 100%;
                text-align: center;
            }
            .hek-website-development-company-cta-actions {
                flex-direction: column;
            }
            .hek-website-development-company-cta-btn-primary,
            .hek-website-development-company-cta-btn-secondary {
                width: 100%;
                text-align: center;
            }
            .hek-website-development-company-services-title {
                font-size: 26px;
            }
            .hek-website-development-company-features-title {
                font-size: 26px;
            }
            .hek-website-development-company-testimonials-title {
                font-size: 26px;
            }
        }

        /* ========== 首页布局变异 (body class 驱动) ========== */

        /* --- 服务面板: 面板左置 --- */
        body.hek-tv-hp-panel-left .hek-website-development-company-services-layout {
            grid-template-columns: 320px 1fr;
        }
        body.hek-tv-hp-panel-left .hek-website-development-company-services-panel {
            order: -1;
        }

        /* --- 服务面板: 面板顶部全宽 --- */
        body.hek-tv-hp-panel-top .hek-website-development-company-services-layout {
            grid-template-columns: 1fr;
        }
        body.hek-tv-hp-panel-top .hek-website-development-company-services-panel {
            order: -1;
            position: static;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 20px;
            padding: 28px 30px;
        }
        body.hek-tv-hp-panel-top .hek-website-development-company-panel-badge { grid-column: 1 / -1; }
        body.hek-tv-hp-panel-top .hek-website-development-company-panel-title { grid-column: 1 / -1; }
        body.hek-tv-hp-panel-top .hek-website-development-company-panel-desc { grid-column: 1 / -1; }
        body.hek-tv-hp-panel-top .hek-website-development-company-services-grid {
            grid-template-columns: repeat(3, 1fr);
        }

        /* --- 服务面板: 隐藏面板，服务卡片全宽3列 --- */
        body.hek-tv-hp-panel-hidden .hek-website-development-company-services-panel {
            display: none;
        }
        body.hek-tv-hp-panel-hidden .hek-website-development-company-services-layout {
            grid-template-columns: 1fr;
        }
        body.hek-tv-hp-panel-hidden .hek-website-development-company-services-grid {
            grid-template-columns: repeat(3, 1fr);
        }

        /* --- 亮点卡片: 2列 --- */
        body.hek-tv-hp-features-grid2 .hek-website-development-company-features-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 32px;
        }

        /* --- 亮点卡片: 4列 --- */
        body.hek-tv-hp-features-grid4 .hek-website-development-company-features-grid {
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }
        body.hek-tv-hp-features-grid4 .hek-website-development-company-feature-card {
            padding: 24px 20px;
        }
        body.hek-tv-hp-features-grid4 .hek-website-development-company-feature-no {
            font-size: 32px;
        }

        /* --- 亮点卡片: 水平全宽 --- */
        body.hek-tv-hp-features-horizontal .hek-website-development-company-features-grid {
            grid-template-columns: 1fr;
            gap: 16px;
        }
        body.hek-tv-hp-features-horizontal .hek-website-development-company-feature-card {
            display: grid;
            grid-template-columns: 60px 1fr;
            gap: 0 20px;
            align-items: center;
            padding: 24px 28px;
        }
        body.hek-tv-hp-features-horizontal .hek-website-development-company-feature-no {
            font-size: 36px;
            margin-bottom: 0;
            grid-row: 1 / span 2;
        }
        body.hek-tv-hp-features-horizontal .hek-website-development-company-feature-title {
            margin-bottom: 4px;
        }

        /* --- 亮点卡片: 交替大小 --- */
        body.hek-tv-hp-features-alternating .hek-website-development-company-features-grid {
            grid-template-columns: repeat(3, 1fr);
            grid-auto-rows: auto;
        }
        body.hek-tv-hp-features-alternating .hek-website-development-company-feature-card:nth-child(1),
        body.hek-tv-hp-features-alternating .hek-website-development-company-feature-card:nth-child(4) {
            grid-column: span 2;
        }
        body.hek-tv-hp-features-alternating .hek-website-development-company-feature-card:nth-child(1) .hek-website-development-company-feature-no,
        body.hek-tv-hp-features-alternating .hek-website-development-company-feature-card:nth-child(4) .hek-website-development-company-feature-no {
            font-size: 56px;
        }

        /* --- 最新动态: 3列 --- */
        body.hek-tv-hp-latest-grid3 .hek-hp-articles-grid {
            grid-template-columns: repeat(3, 1fr) !important;
        }

        /* --- 最新动态: 2列 --- */
        body.hek-tv-hp-latest-grid2 .hek-hp-articles-grid {
            grid-template-columns: repeat(2, 1fr) !important;
        }

        /* --- 最新动态: 左1大图 + 右侧标题列表 --- */
        body.hek-tv-hp-latest-hero-left .hek-hp-articles-grid {
            grid-template-columns: 3fr 2fr !important;
            grid-template-rows: auto;
            gap: 0 !important;
        }
        body.hek-tv-hp-latest-hero-left .hek-hp-article-item:first-child {
            grid-row: 1 / span 7;
            border-radius: 12px 0 0 12px !important;
            position: relative;
        }
        body.hek-tv-hp-latest-hero-left .hek-hp-article-item:first-child .hek-hp-article-cover {
            aspect-ratio: auto;
            height: 100%;
            position: absolute;
            inset: 0;
        }
        body.hek-tv-hp-latest-hero-left .hek-hp-article-item:first-child .hek-hp-article-cover img {
            height: 100%;
            object-fit: cover;
        }
        body.hek-tv-hp-latest-hero-left .hek-hp-article-item:first-child .hek-hp-article-body {
            position: relative;
            z-index: 2;
            margin-top: auto;
            background: linear-gradient(0deg, rgba(0,0,0,0.72) 0%, transparent 100%);
            padding: 60px 20px 18px;
            display: flex;
            flex-direction: column;
            min-height: 100%;
            justify-content: flex-end;
        }
        body.hek-tv-hp-latest-hero-left .hek-hp-article-item:first-child .hek-hp-article-body h3 {
            color: #fff;
            font-size: 18px;
            -webkit-line-clamp: 3;
        }
        body.hek-tv-hp-latest-hero-left .hek-hp-article-item:first-child .hek-hp-article-body p {
            display: none;
        }
        body.hek-tv-hp-latest-hero-left .hek-hp-article-item:first-child .hek-hp-article-body span {
            color: rgba(255,255,255,0.7);
        }
        body.hek-tv-hp-latest-hero-left .hek-hp-article-item:not(:first-child) {
            flex-direction: row;
            align-items: center;
            border-radius: 0 !important;
            border: none !important;
            border-bottom: 1px solid #eef1f5 !important;
            background: #fff;
            gap: 0;
            padding: 0;
        }
        body.hek-tv-hp-latest-hero-left .hek-hp-article-item:not(:first-child):hover {
            box-shadow: none;
            transform: none;
            background: #f8fafc;
        }
        body.hek-tv-hp-latest-hero-left .hek-hp-article-item:not(:first-child) .hek-hp-article-cover {
            display: none;
        }
        body.hek-tv-hp-latest-hero-left .hek-hp-article-item:not(:first-child) .hek-hp-article-body {
            padding: 14px 18px;
        }
        body.hek-tv-hp-latest-hero-left .hek-hp-article-item:not(:first-child) .hek-hp-article-body h3 {
            font-size: 14px;
            -webkit-line-clamp: 1;
        }
        body.hek-tv-hp-latest-hero-left .hek-hp-article-item:not(:first-child) .hek-hp-article-body p {
            display: none;
        }

        /* --- 最新动态: 左侧标题列表 + 右1大图 --- */
        body.hek-tv-hp-latest-hero-right .hek-hp-articles-grid {
            grid-template-columns: 2fr 3fr !important;
            grid-template-rows: auto;
            gap: 0 !important;
        }
        body.hek-tv-hp-latest-hero-right .hek-hp-article-item:last-child {
            grid-column: 2;
            grid-row: 1 / span 7;
            border-radius: 0 12px 12px 0 !important;
            position: relative;
        }
        body.hek-tv-hp-latest-hero-right .hek-hp-article-item:last-child .hek-hp-article-cover {
            aspect-ratio: auto;
            height: 100%;
            position: absolute;
            inset: 0;
        }
        body.hek-tv-hp-latest-hero-right .hek-hp-article-item:last-child .hek-hp-article-cover img {
            height: 100%;
            object-fit: cover;
        }
        body.hek-tv-hp-latest-hero-right .hek-hp-article-item:last-child .hek-hp-article-body {
            position: relative;
            z-index: 2;
            margin-top: auto;
            background: linear-gradient(0deg, rgba(0,0,0,0.72) 0%, transparent 100%);
            padding: 60px 20px 18px;
            display: flex;
            flex-direction: column;
            min-height: 100%;
            justify-content: flex-end;
        }
        body.hek-tv-hp-latest-hero-right .hek-hp-article-item:last-child .hek-hp-article-body h3 {
            color: #fff;
            font-size: 18px;
            -webkit-line-clamp: 3;
        }
        body.hek-tv-hp-latest-hero-right .hek-hp-article-item:last-child .hek-hp-article-body p {
            display: none;
        }
        body.hek-tv-hp-latest-hero-right .hek-hp-article-item:last-child .hek-hp-article-body span {
            color: rgba(255,255,255,0.7);
        }
        body.hek-tv-hp-latest-hero-right .hek-hp-article-item:not(:last-child) {
            flex-direction: row;
            align-items: center;
            border-radius: 0 !important;
            border: none !important;
            border-bottom: 1px solid #eef1f5 !important;
            background: #fff;
            gap: 0;
            padding: 0;
        }
        body.hek-tv-hp-latest-hero-right .hek-hp-article-item:not(:last-child):hover {
            box-shadow: none;
            transform: none;
            background: #f8fafc;
        }
        body.hek-tv-hp-latest-hero-right .hek-hp-article-item:not(:last-child) .hek-hp-article-cover {
            display: none;
        }
        body.hek-tv-hp-latest-hero-right .hek-hp-article-item:not(:last-child) .hek-hp-article-body {
            padding: 14px 18px;
        }
        body.hek-tv-hp-latest-hero-right .hek-hp-article-item:not(:last-child) .hek-hp-article-body h3 {
            font-size: 14px;
            -webkit-line-clamp: 1;
        }
        body.hek-tv-hp-latest-hero-right .hek-hp-article-item:not(:last-child) .hek-hp-article-body p {
            display: none;
        }

        /* --- 最新动态: 纯标题+描述双列无图 --- */
        body.hek-tv-hp-latest-text-list .hek-hp-articles-grid {
            grid-template-columns: repeat(2, 1fr) !important;
            gap: 0 32px !important;
        }
        body.hek-tv-hp-latest-text-list .hek-hp-article-item {
            flex-direction: row;
            align-items: center;
            background: transparent;
            border: none;
            border-bottom: 1px solid #e9edf2;
            border-radius: 0 !important;
            padding: 0;
        }
        body.hek-tv-hp-latest-text-list .hek-hp-article-item:hover {
            box-shadow: none;
            transform: none;
        }
        body.hek-tv-hp-latest-text-list .hek-hp-article-cover {
            display: none;
        }
        body.hek-tv-hp-latest-text-list .hek-hp-article-body {
            padding: 14px 0;
        }
        body.hek-tv-hp-latest-text-list .hek-hp-article-body h3 {
            font-size: 15px;
        }

        /* --- 服务面板变异 响应式覆盖 --- */
        @media (max-width: 1024px) {
            body.hek-tv-hp-panel-left .hek-website-development-company-services-layout {
                grid-template-columns: 1fr;
            }
            body.hek-tv-hp-panel-left .hek-website-development-company-services-panel {
                order: 0;
                position: static;
            }
            body.hek-tv-hp-panel-top .hek-website-development-company-services-panel {
                grid-template-columns: 1fr;
            }
        }
        @media (max-width: 768px) {
            body.hek-tv-hp-features-grid4 .hek-website-development-company-features-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            body.hek-tv-hp-features-alternating .hek-website-development-company-feature-card:nth-child(1),
            body.hek-tv-hp-features-alternating .hek-website-development-company-feature-card:nth-child(4) {
                grid-column: span 1;
            }
            body.hek-tv-hp-features-alternating .hek-website-development-company-features-grid {
                grid-template-columns: 1fr;
            }
            body.hek-tv-hp-latest-hero-left .hek-hp-articles-grid,
            body.hek-tv-hp-latest-hero-right .hek-hp-articles-grid {
                grid-template-columns: 1fr !important;
            }
            body.hek-tv-hp-latest-hero-left .hek-hp-article-item:first-child,
            body.hek-tv-hp-latest-hero-right .hek-hp-article-item:last-child {
                grid-row: auto;
                grid-column: auto;
            }
            body.hek-tv-hp-latest-hero-left .hek-hp-article-item:not(:first-child),
            body.hek-tv-hp-latest-hero-right .hek-hp-article-item:not(:last-child) {
                flex-direction: column;
            }
            body.hek-tv-hp-latest-hero-left .hek-hp-article-item:not(:first-child) .hek-hp-article-cover,
            body.hek-tv-hp-latest-hero-right .hek-hp-article-item:not(:last-child) .hek-hp-article-cover {
                display: block;
            }
            body.hek-tv-hp-latest-text-list .hek-hp-articles-grid {
                grid-template-columns: 1fr !important;
            }
        }
    

/* ===== Style 2 ===== */

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  /* 主色系 */
  --primary: var(--primary-color, #1a56db);
  --primary-dark: var(--primary-dark-v, #153e9e);
  --primary-light: var(--primary-light-v, #3b82f6);
  --primary-bg: var(--primary-light-v, #f0f7ff);
  --accent: var(--accent-color, #60a5fa);
  --bg-subtle: var(--v-bg-subtle, #f8fafc);

  /* 深色 */
  --dark: #0f1a2e;
  --dark-light: #1a2d4a;

  /* 中性色 */
  --gray-50: #f8fafc;
  --gray-100: #eef2f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;

  /* 字体 */
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-size-base: 16px;
  --line-height-base: 1.6;

  /* 间距 */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;

  /* 卡片 */
  --card-radius: var(--v-radius-lg, 0);
  --card-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
  --card-shadow-hover: 0 4px 12px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.08);

  /* 过渡 */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;

  /* 变异引擎标准变量 */
  --primary-color: var(--v-primary, #1a56db);
  --primary-dark-v: var(--v-primary-dark, #153e9e);
  --primary-light-v: var(--v-primary-light, #3b82f6);
  --accent-color: var(--v-accent, #60a5fa);
}

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: var(--font-sans);
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  color: var(--gray-800);
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: var(--primary);
  text-decoration: none;
  transition: color var(--transition-fast);
}

a:hover {
  color: var(--primary-dark);
}

ul,
ol {
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  line-height: 1.3;
  color: var(--dark);
}

/* ===== 通用工具类 ===== */
.hek-website-development-company-container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 var(--space-lg);
}

.hek-website-development-company-section {
  padding: var(--space-3xl) 0;
}

.hek-website-development-company-section-title {
  font-size: 2rem;
  font-weight: 700;
  color: var(--dark);
  margin-bottom: var(--space-sm);
}

.hek-website-development-company-section-subtitle {
  color: var(--gray-500);
  font-size: 1.125rem;
  margin-bottom: var(--space-2xl);
}

.hek-website-development-company-text-center {
  text-align: center;
}

.hek-website-development-company-flex {
  display: flex;
  flex-wrap: wrap;
}

.hek-website-development-company-grid {
  display: grid;
  gap: var(--space-lg);
}

/* 按钮基础 */
.hek-website-development-company-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  border: none;
  border-radius: 0;
  cursor: pointer;
  transition: background-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
  text-decoration: none;
  line-height: 1.2;
}

.hek-website-development-company-btn-primary {
  background-color: var(--primary);
  color: #fff;
}

.hek-website-development-company-btn-primary:hover {
  background-color: var(--primary-dark);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(26, 86, 219, 0.3);
}

.hek-website-development-company-btn-secondary {
  background-color: transparent;
  color: var(--primary);
  border: 2px solid var(--primary);
}

.hek-website-development-company-btn-secondary:hover {
  background-color: var(--primary);
  color: #fff;
  transform: translateY(-2px);
}

/* ===== 系统类名样式（无前缀） ===== */
/* 文章列表卡片（栏目页文章列表） */
.hek-article-list-card {
  background: #fff;
  border-radius: 0;
  box-shadow: var(--card-shadow);
  overflow: hidden;
  transition: box-shadow var(--transition-normal);
}

.hek-article-list-card:hover {
  box-shadow: var(--card-shadow-hover);
}

.hek-article-list-card-link {
  text-decoration: none !important;
  color: inherit !important;
  display: block;
}

.hek-article-list-thumb {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background-color: var(--gray-200);
}

.hek-article-list-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-normal);
}

.hek-article-list-card:hover .hek-article-list-thumb img {
  transform: scale(1.05);
}

.hek-article-list-time {
  font-size: 0.8125rem;
  color: var(--gray-500);
  margin-bottom: var(--space-sm);
}

.hek-article-list-body {
  padding: var(--space-lg);
}

.hek-article-list-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--dark);
  margin-bottom: var(--space-sm);
  line-height: 1.4;
}

.hek-article-list-desc {
  font-size: 0.9375rem;
  color: var(--gray-600);
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 文章卡片（相关文章） */
.hek-article-card {
  display: inline-block !important;
  text-decoration: none !important;
  vertical-align: top;
  width: calc(25% - 16px);
  margin: 0 8px 16px;
  background: #fff;
  border-radius: 0;
  box-shadow: var(--card-shadow);
  overflow: hidden;
  transition: box-shadow var(--transition-normal);
}

.hek-article-card:hover {
  box-shadow: var(--card-shadow-hover);
}

.hek-article-card-thumb {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background-color: var(--gray-200);
}

.hek-article-card-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-normal);
}

.hek-article-card:hover .hek-article-card-thumb img {
  transform: scale(1.05);
}

.hek-article-card-title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--dark);
  padding: var(--space-md);
  line-height: 1.4;
}

/* 随机文章链接 */
.hek-random-article-link {
  display: flex !important;
  text-decoration: none !important;
  align-items: center;
  padding: var(--space-sm) 0;
  border-bottom: 1px solid var(--gray-200);
  transition: background-color var(--transition-fast);
}

.hek-random-article-link:last-child {
  border-bottom: none;
}

.hek-random-article-link:hover {
  background-color: var(--gray-50);
}

.hek-random-article-index {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--primary);
  background-color: var(--primary-bg);
  border-radius: 0;
  margin-right: var(--space-sm);
}

.hek-random-article-text {
  flex: 1;
  font-size: 0.9375rem;
  color: var(--gray-700);
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ===== .hek-header-dark 相关 ===== */
.hek-header-dark {
  padding-top: 70px; /* 固定导航高度占位，保持内容不被遮挡 */
}

.hek-header-dark .hek-website-development-company-header {
  background-color: var(--v-dark-bg, #0f1a2e) !important;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.hek-header-dark .hek-website-development-company-logo {
  color: #ffffff !important;
}

.hek-header-dark .hek-website-development-company-nav a {
  color: rgba(255,255,255,0.85) !important;
}

.hek-header-dark .hek-website-development-company-nav a:hover,
.hek-header-dark .hek-website-development-company-nav a.hek-is-active {
  color: #ffffff !important;
}

.hek-header-dark .hek-website-development-company-hamburger span {
  background: #ffffff;
}

/* ===== 分页组件 ===== */
.hek-archive-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 40px;
  padding: 20px 0;
}

.hek-archive-page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 500;
  color: var(--gray-600);
  background: #fff;
  border: 1px solid var(--gray-200);
  border-radius: var(--v-radius-sm, 4px);
  text-decoration: none !important;
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  line-height: 1;
}

.hek-archive-page-link:hover {
  color: var(--v-primary, #1a56db);
  border-color: var(--v-primary, #1a56db);
  background: color-mix(in srgb, var(--v-primary, #1a56db) 6%, #fff);
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

.hek-archive-page-link.hek-is-active {
  color: #fff;
  background: var(--v-primary, #1a56db);
  border-color: var(--v-primary, #1a56db);
  pointer-events: none;
  box-shadow: 0 2px 6px color-mix(in srgb, var(--v-primary, #1a56db) 30%, transparent);
}

.hek-archive-page-dots {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  color: var(--gray-400);
  font-size: 14px;
  letter-spacing: 2px;
}

/* 分页跟随导航变异风格 */
body.hek-tv-nav-pill .hek-archive-page-link {
  border-radius: 9999px;
}
body.hek-tv-nav-rounded .hek-archive-page-link {
  border-radius: 8px;
}
body.hek-tv-nav-square .hek-archive-page-link {
  border-radius: 0;
}
body.hek-tv-nav-outline-pill .hek-archive-page-link {
  border-radius: 9999px;
  background: transparent;
}
body.hek-tv-nav-outline-pill .hek-archive-page-link:hover {
  background: transparent;
  border-color: var(--v-primary, #1a56db);
  color: var(--v-primary, #1a56db);
}
body.hek-tv-nav-outline-pill .hek-archive-page-link.hek-is-active {
  background: var(--v-primary, #1a56db);
  color: #fff;
}

/* ===== 响应式 ===== */
@media (max-width: 1024px) {
  .hek-article-card {
    width: calc(33.33% - 16px);
  }
}

@media (max-width: 900px) {
  .hek-header-dark {
    padding-top: 60px;
  }
}

@media (max-width: 768px) {
  .hek-website-development-company-container {
    padding: 0 var(--space-md);
  }

  .hek-website-development-company-section {
    padding: var(--space-2xl) 0;
  }

  .hek-website-development-company-section-title {
    font-size: 1.625rem;
  }

  .hek-article-card {
    width: calc(50% - 12px);
    margin: 0 6px 12px;
  }
}

@media (max-width: 480px) {
  .hek-article-card {
    width: 100%;
    margin: 0 0 12px;
  }

  .hek-article-list-body {
    padding: var(--space-md);
  }

  .hek-header-dark {
    padding-top: 56px;
  }

  .hek-archive-pagination {
    gap: 4px;
    margin-top: 24px;
  }
  .hek-archive-page-link {
    min-width: 32px;
    height: 32px;
    padding: 0 10px;
    font-size: 13px;
  }
  .hek-archive-page-dots {
    min-width: 24px;
    height: 32px;
  }
}

/* ===== 过渡动画 ===== */
.hek-fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.hek-fade-in.hek-visible {
  opacity: 1;
  transform: translateY(0);
}

/* ===== 打印样式 ===== */
@media print {
  .hek-website-development-company-header,
  .hek-website-development-company-footer,
  .hek-article-ad-top,
  .hek-article-ad-middle,
  .hek-article-ad-bottom,
  .hek-article-ad-sidebar,
  #sidebar,
  .hek-random-article-wrapper,
  .hek-related-articles-wrapper {
    display: none !important;
  }

  body {
    font-size: 12pt;
    line-height: 1.5;
    color: #000;
  }

  a {
    text-decoration: underline;
  }
}

/* ===== Style 3 ===== */

:root{--v-primary:#059669;--v-primary-dark:#047857;--v-primary-light:#d1fae5;--v-accent:#8b5cf6;--v-bg-subtle:#f0fdf4;--v-dark-bg:#0a1a0f;--v-font-heading:"Inter", "PingFang SC", "Microsoft YaHei", sans-serif;--v-font-body:"Inter", "PingFang SC", "Microsoft YaHei", sans-serif;--v-space-xs:0.5rem;--v-space-sm:1rem;--v-space-md:1.25rem;--v-space-lg:2.5rem;--v-space-xl:4rem;--v-space-2xl:6rem;--v-radius-sm:6px;--v-radius-md:10px;--v-radius-lg:14px;--v-radius-xl:18px;--v-radius-full:9999px}
/* 变异覆盖 */
:root {
  --primary-color: var(--v-primary);
  --primary-dark: var(--v-primary-dark);
  --primary-light: var(--v-primary-light);
  --accent-color: var(--v-accent);
  --bg-subtle: var(--v-bg-subtle);
  --dark-bg: var(--v-dark-bg);
}
body { font-family: var(--v-font-body) !important; }
h1,h2,h3,h4,h5,h6 { font-family: var(--v-font-heading) !important; }

/* == 页面宽度变异 == */
:root{--v-page-width:1440px;}
:root{--v-hero-bg:linear-gradient(165deg, var(--v-dark-bg) 0%, color-mix(in srgb, var(--v-primary-dark) 20%, #111827) 100%);--v-hero-text:#ffffff;--v-hero-text-secondary:rgba(255,255,255,0.75);--v-hero-text-muted:rgba(255,255,255,0.55);--v-hero-surface:rgba(255,255,255,0.04);--v-hero-surface-border:rgba(255,255,255,0.08);--v-hero-surface-hover:rgba(255,255,255,0.08);--v-hero-btn2-border:rgba(255,255,255,0.30);--v-hero-btn2-hover-bg:rgba(255,255,255,0.08);--v-hero-btn2-hover-border:rgba(255,255,255,0.50);--v-hero-divider:rgba(255,255,255,0.06);--v-hero-deco:radial-gradient(circle, color-mix(in srgb, var(--v-primary) 15%, transparent) 0%, transparent 70%)}
:root{--v-footer-bg:var(--v-primary-dark, #1d4ed8);--v-footer-text:#ffffff;--v-footer-text-muted:rgba(255,255,255,0.70);--v-footer-border:rgba(255,255,255,0.12);--v-footer-link-hover:#ffffff;--v-footer-divider:linear-gradient(90deg, transparent, rgba(255,255,255,0.20), transparent);--v-footer-tag-bg:rgba(255,255,255,0.10);--v-footer-tag-border:rgba(255,255,255,0.15);--v-footer-tag-hover-bg:rgba(255,255,255,0.18)}
:root{--v-cta-bg:linear-gradient(180deg, var(--v-bg-subtle, #f8fafc) 0%, #ffffff 100%);--v-cta-text:var(--v-dark-bg, #0B1E3A);--v-cta-text-muted:#64748b;--v-cta-btn2-color:var(--v-primary, #2563eb);--v-cta-btn2-border:var(--v-primary, #2563eb);--v-cta-btn2-hover-bg:color-mix(in srgb, var(--v-primary) 8%, transparent);--v-cta-btn2-hover-border:var(--v-primary-dark, #1d4ed8)}
:root{--v-sidebar-bg:color-mix(in srgb, var(--v-primary) 4%, #ffffff);--v-sidebar-border:1px solid color-mix(in srgb, var(--v-primary) 12%, transparent);--v-sidebar-shadow:0 1px 6px color-mix(in srgb, var(--v-primary) 8%, transparent);--v-sidebar-title-color:var(--v-primary-dark, #1d4ed8);--v-sidebar-title-border:2px solid var(--v-primary, #2563eb);--v-sidebar-text:#334155;--v-sidebar-link-hover:var(--v-primary-dark, #1d4ed8);--v-sidebar-item-border:color-mix(in srgb, var(--v-primary) 10%, transparent);--v-sidebar-icon-bg:color-mix(in srgb, var(--v-primary) 15%, transparent);--v-sidebar-icon-color:var(--v-primary, #2563eb)}
:root{--v-list-bg:var(--v-dark-bg, #0B1E3A);--v-list-border:1px solid rgba(255,255,255,0.08);--v-list-shadow:0 2px 8px rgba(0,0,0,0.20);--v-list-shadow-hover:0 8px 32px rgba(0,0,0,0.30);--v-list-title-color:#ffffff;--v-list-title-hover:var(--v-primary-light, #93c5fd);--v-list-desc-color:rgba(255,255,255,0.65);--v-list-time-bg:rgba(255,255,255,0.15);--v-list-time-color:#ffffff;--v-list-radius:var(--v-radius-lg, 10px)}

/* == 栏目页列表布局变异 == */
.hek-tv-archive-text-only .hek-article-list-thumb{display:none !important;}
.hek-tv-archive-text-only .hek-article-list-card-link{padding:14px 20px !important;gap:0 !important;}
.hek-tv-archive-text-only .hek-article-list-body{gap:4px !important;}
.hek-tv-archive-text-only .hek-article-list-title{font-size:16px !important;}
.hek-tv-archive-text-only .hek-article-list-desc{-webkit-line-clamp:1 !important;}

/* == 文章页排版变异 == */
.hek-tv-article-body article p,.hek-tv-article-body .hek-article-content p,.hek-tv-article-body .hek-article-body p,.hek-tv-article-body .hek-sb-article-content p{font-size:16px;line-height:1.75;margin-bottom:2em;}
.hek-tv-article-body article li,.hek-tv-article-body .hek-article-content li,.hek-tv-article-body .hek-sb-article-content li{font-size:16px;line-height:1.75;}
.hek-tv-article-title h1.hek-article-title,.hek-tv-article-title article>h1,.hek-tv-article-title .hek-sb-article-body h1{text-align:left;padding-left:16px;border-left:4px solid var(--v-primary, #2563eb);}

/* == 首页最新文章布局变异 == */
:root{--v-hp-article-min-w:300px}

/* == 首页服务面板布局变异 == */

/* == Services 卡片变异 == */
.hek-service-card{background:var(--v-list-bg,#ffffff);border:var(--v-list-border,1px solid var(--border-color,#e2e8f0));border-radius:var(--v-list-radius,var(--radius-xl,16px));box-shadow:var(--v-list-shadow,none);}
.hek-service-card:hover{box-shadow:var(--v-list-shadow-hover,0 8px 28px rgba(0,0,0,0.1));}
.hek-service-card .hek-card-icon{background:color-mix(in srgb, var(--v-primary,#3b82f6) 10%, transparent);}

/* == 分页样式变异 == */
:root{--v-pagi-align:center;--v-pagi-radius:0;--v-pagi-border:1px solid var(--border-color,#e2e8f0);--v-pagi-bg:var(--bg-white,#fff);--v-pagi-active-bg:var(--v-primary,#3b82f6);--v-pagi-active-color:#fff;--v-pagi-hover-color:var(--v-primary,#3b82f6);}

/* == 首屏统计卡片变异 == */
:root{--v-stat-cols:repeat(4, minmax(0, 1fr));--v-stat-radius:var(--v-radius-lg, 10px);--v-stat-bg:var(--bg-white, #fff);--v-stat-border:1px solid var(--border-color, #e2e8f0);--v-stat-padding:1.75rem 1rem;--v-stat-text:#0B1E3A;--v-stat-text-secondary:#64748b;--v-stat-num-bg:color-mix(in srgb, var(--v-primary, #3b82f6) 10%, transparent);--v-stat-num-color:var(--v-primary, #3b82f6);--v-stat-hover-transform:translateY(-2px);--v-stat-hover-shadow:0 4px 16px rgba(0,0,0,0.08);}
.hek-stat-item:nth-child(-n+2),.hek-sb-stat:nth-child(-n+2){border-radius:50%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:color-mix(in srgb,var(--v-primary,#3b82f6) 6%,transparent);border:2px solid color-mix(in srgb,var(--v-primary,#3b82f6) 15%,transparent);}

/* == 页脚导航变异 == */
:root{--v-fnav-display:flex;--v-fnav-gap:0.5rem 2rem;}

/* == 导航菜单变异 == */
.hek-header-content,.hek-sb-topbar{justify-content:flex-start;gap:1rem;}
.hek-header-content .hek-logo,.hek-sb-topbar .hek-sb-logo{margin-right:1.5rem;}
.hek-header-content .hek-nav,.hek-sb-topbar .hek-sb-nav{margin-right:auto;}
.hek-header-search{margin-left:auto;}
.hek-nav-links,.hek-menu-nav,.hek-sb-nav{gap:0.75rem;}
.hek-nav-links a,.hek-menu-nav a,.hek-sb-nav a{border-radius:0;padding:0.5rem 0.75rem;position:relative;}
.hek-nav-links a::after,.hek-menu-nav a::after,.hek-sb-nav a::after{content:'';position:absolute;bottom:2px;left:50%;width:0;height:3px;border-radius:3px;background:var(--v-primary, #3b82f6);transform:translateX(-50%);transition:width 0.2s;}
.hek-nav-links a:hover::after,.hek-menu-nav a:hover::after,.hek-sb-nav a:hover::after{width:6px;}
.hek-nav-links a.hek-is-active::after,.hek-menu-nav a.hek-is-active::after,.hek-sb-nav a.hek-is-active::after{width:6px;}
.hek-nav-links a.hek-is-active,.hek-menu-nav a.hek-is-active,.hek-sb-nav a.hek-is-active{color:var(--v-primary, #3b82f6);background:none;font-weight:600;}


/* ===== Style 4 ===== */

.hek-trae-browser-inspect-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999997;pointer-events:auto;background:rgba(0,0,0,0)}.hek-trae-browser-inspect-highlight-box{position:absolute;top:0;left:0;z-index:999998;display:none}.hek-trae-browser-inspect-highlight-tag{position:absolute;left:0px;top:0px;height:18px;padding:0 6px;box-sizing:border-box;border-radius:4px;background-color:var(--vscode-icube-colorSuccessHover, "#2FB287");color:var(--vscode-icube-colorSnow, "#fff");font-size:12px;font-weight:400;display:none;align-items:center;z-index:999999}.hek-trae-browser-inspect-highlight-box-show{display:flex}.hek-trae-browser-inspect-select-button.hek-trae-browser-inspect-highlight-box-show{display:flex !important}.hek-trae-browser-inspect-select-button{position:absolute;top:0;left:0;background-color:var(--vscode-icube--bg-bg-base-secondary, "#222427");color:var(--vscode-icube--text-text-default-active, "#F5F9FE");font-size:11px;font-weight:500;border:1px solid var(--vscode-icube--border-neutral-l1, "#E0E2F217");border-radius:6px;padding:0 8px;height:32px;display:none;align-items:center;cursor:pointer;z-index:999999;gap:4px}.hek-trae-browser-inspect-select-button svg,.hek-trae-browser-inspect-select-button span{z-index:1}.hek-trae-browser-inspect-select-highlight-box{background:rgba(0,0,0,0) !important}.hek-trae-browser-inspect-select-highlight-box .hek-trae-browser-inspect-highlight-tag{background-color:var(--vscode-icube--status-success-active, "#1E8B56")}.hek-trae-browser-inspect-comment-card-container{position:fixed;top:0;left:0;z-index:9999999;pointer-events:auto}.hek-trae-browser-inspect-comment-card-container .hek-trae-browser-inspect-comment-card{display:flex;padding-top:0px !important;align-items:center;z-index:9999999 !important;background-color:var(--vscode-icube--bg-bg-menu)}*[contenteditable]{outline:none}.hek-trae-browser-inspect-click-effect{position:fixed;width:40px;height:40px;margin-left:-20px;margin-top:-20px;border-radius:50%;background-color:var(--vscode-icube-colorSuccessHover, #2FB287);pointer-events:none;animation:trae-browser-inspect-ripple 500ms ease-out forwards;z-index:999999}@keyframes trae-browser-inspect-ripple{0%{transform:scale(0.3);opacity:.8}100%{transform:scale(2);opacity:0}}.hek-trae-browser-inspect-ref-box{position:absolute;border:2px solid var(--vscode-icube-colorSuccessHover, "#2FB287");pointer-events:none;z-index:999998;animation:trae-browser-inspect-fadeInOut 2s ease-in-out forwards}.hek-trae-browser-inspect-ref-label{position:absolute;top:-14px;left:0;height:14px;padding:0 4px;box-sizing:border-box;border-radius:2px;background-color:var(--vscode-icube-colorSuccessHover, "#2FB287");color:var(--vscode-icube-colorSnow, "#fff");font-size:9px;font-weight:500;display:flex;align-items:center;white-space:nowrap;z-index:999999}@keyframes trae-browser-inspect-fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}100%{opacity:0}}.hek-trae-browser-inspect-input-highlight{position:absolute;border:2px solid var(--vscode-icube-colorSuccessHover, "#2FB287");border-radius:4px;pointer-events:none;z-index:999998;box-shadow:0 0 8px var(--vscode-icube-colorSuccessHover, "#2FB287");animation:trae-browser-inspect-input-pulse 600ms ease-out forwards}@keyframes trae-browser-inspect-input-pulse{0%{opacity:0;box-shadow:0 0 0 var(--vscode-icube-colorSuccessHover, "#2FB287")}30%{opacity:1;box-shadow:0 0 12px var(--vscode-icube-colorSuccessHover, "#2FB287")}100%{opacity:0;box-shadow:0 0 0 var(--vscode-icube-colorSuccessHover, "#2FB287")}}.hek-trae-browser-inspect-virtual-cursor{position:fixed;width:20px;height:20px;pointer-events:none;z-index:9999999;opacity:0;transition:opacity .2s ease}.hek-trae-browser-inspect-virtual-cursor.hek-trae-browser-inspect-cursor-visible{opacity:1}.hek-trae-browser-inspect-virtual-cursor.hek-trae-browser-inspect-cursor-idle{animation:trae-browser-inspect-cursor-breathe 2s ease-in-out infinite}.hek-trae-browser-inspect-virtual-cursor svg{width:20px;height:20px;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3))}@keyframes trae-browser-inspect-cursor-breathe{0%,100%{opacity:.7}50%{opacity:1}}.hek-trae-browser-inspect-scroll-indicator{position:fixed;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:8px;background-color:rgba(0,0,0,.7);color:#fff;font-size:13px;font-weight:500;pointer-events:none;z-index:999999;animation:trae-browser-inspect-indicator-fade 800ms ease-out forwards;backdrop-filter:blur(4px)}.hek-trae-browser-inspect-scroll-indicator svg{width:16px;height:16px;fill:#fff}.hek-trae-browser-inspect-scroll-indicator.hek-trae-scroll-up{top:12px;left:50%;transform:translateX(-50%)}.hek-trae-browser-inspect-scroll-indicator.hek-trae-scroll-down{bottom:12px;left:50%;transform:translateX(-50%)}.hek-trae-browser-inspect-scroll-indicator.hek-trae-scroll-left{left:12px;top:50%;transform:translateY(-50%)}.hek-trae-browser-inspect-scroll-indicator.hek-trae-scroll-right{right:12px;top:50%;transform:translateY(-50%)}@keyframes trae-browser-inspect-indicator-fade{0%{opacity:0;transform:translateX(-50%) scale(0.9)}15%{opacity:1;transform:translateX(-50%) scale(1)}85%{opacity:1}100%{opacity:0}}.hek-trae-browser-inspect-scroll-indicator.hek-trae-scroll-left,.hek-trae-browser-inspect-scroll-indicator.hek-trae-scroll-right{animation-name:trae-browser-inspect-indicator-fade-y}@keyframes trae-browser-inspect-indicator-fade-y{0%{opacity:0;transform:translateY(-50%) scale(0.9)}15%{opacity:1;transform:translateY(-50%) scale(1)}85%{opacity:1}100%{opacity:0}}.hek-trae-browser-inspect-key-badge{position:fixed;bottom:60px;left:50%;transform:translateX(-50%);padding:8px 20px;border-radius:8px;background-color:rgba(0,0,0,.8);color:#fff;font-size:18px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,monospace;pointer-events:none;z-index:999999;animation:trae-browser-inspect-key-pop 500ms ease-out forwards;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 12px rgba(0,0,0,.3);letter-spacing:1px}@keyframes trae-browser-inspect-key-pop{0%{opacity:0;transform:translateX(-50%) translateY(10px) scale(0.9)}20%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}80%{opacity:1}100%{opacity:0;transform:translateX(-50%) translateY(-10px)}}.hek-trae-browser-inspect-step-badge{position:fixed;top:12px;left:12px;padding:6px 12px;border-radius:6px;background-color:var(--vscode-icube-colorSuccessHover, #2FB287);color:#fff;font-size:12px;font-weight:600;pointer-events:none;z-index:999999;animation:trae-browser-inspect-step-slide 600ms ease-out forwards;box-shadow:0 2px 8px rgba(47,178,135,.3);max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hek-trae-browser-inspect-step-badge.hek-trae-step-old{opacity:.4;transform:translateY(0)}@keyframes trae-browser-inspect-step-slide{0%{opacity:0;transform:translateX(-20px)}20%{opacity:1;transform:translateX(0)}100%{opacity:1;transform:translateX(0)}}.hek-trae-browser-inspect-drag-trail{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999998}.hek-trae-browser-inspect-drag-trail svg{width:100%;height:100%}.hek-trae-browser-inspect-drag-trail .hek-trae-drag-path{fill:none;stroke:var(--vscode-icube-colorSuccessHover, #2FB287);stroke-width:2;stroke-dasharray:8 4;opacity:.6;animation:trae-browser-inspect-dash 600ms linear forwards}.hek-trae-browser-inspect-drag-trail .hek-trae-drag-dot{fill:var(--vscode-icube-colorSuccessHover, #2FB287);filter:drop-shadow(0 0 4px rgba(47, 178, 135, 0.6))}.hek-trae-browser-inspect-drag-trail .hek-trae-drag-endpoint{fill:none;stroke:var(--vscode-icube-colorSuccessHover, #2FB287);stroke-width:2;opacity:.5}@keyframes trae-browser-inspect-dash{0%{stroke-dashoffset:200}100%{stroke-dashoffset:0}}.hek-trae-browser-inspect-drag-trail.hek-trae-drag-fade{animation:trae-browser-inspect-trail-fade 400ms ease-out forwards}@keyframes trae-browser-inspect-trail-fade{0%{opacity:1}100%{opacity:0}}

/* ===== Style 5 ===== */

.hek-buttonsCard-bTXa5j {
  padding: var(--spacer-4);
  background: none;
  align-items: center;
  gap: 0;
  display: inline-flex;
}

.hek-actionButton-opZL8g {
  align-items: center;
  gap: var(--spacer-4);
  padding: var(--spacer-4) var(--spacer-8);
  border-radius: var(--radius-4);
  cursor: pointer;
  transition: background-color var(--transition-fast);
  background: none;
  border: none;
  display: inline-flex;
}

.hek-actionButton-opZL8g:hover {
  background: var(--bg-bg-overlay-l2);
}

.hek-actionButton-opZL8g:active {
  background: var(--bg-bg-overlay-l3);
}

.hek-actionButton-opZL8g:focus-visible {
  outline: 2px solid var(--status-primary-default);
  outline-offset: 1px;
}

.hek-icon-ObJEMt {
  width: 16px;
  height: 16px;
  color: var(--icon-icon-default);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hek-title-GptGAg {
  font-family: var(--font-family-default);
  color: var(--text-text-default);
  white-space: nowrap;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
}

.hek-shortcut-nbwTG4 {
  color: var(--icon-icon-secondary);
  flex-shrink: 0;
  align-items: center;
  gap: 2px;
  display: flex;
}

.hek-shortcutKey-EE6xrE {
  font-family: var(--font-family-default);
  color: var(--icon-icon-secondary);
  font-size: 11px;
  font-weight: 500;
  line-height: 12px;
}

.hek-divider-cFGVKQ {
  box-sizing: content-box;
  background-clip: content-box;
  background-color: var(--border-border-neutral-l2);
  flex-shrink: 0;
  width: 1px;
  height: 12px;
  padding: 0 6px;
}



/* ===== Style 6 ===== */

.hek-commentEditorCard-Un4Xaa {
  width: 320px;
  padding: var(--spacing-sm);
  background: none;
  flex-direction: column;
  display: flex;
}

.hek-textContainer-ZISwbW {
  padding: var(--spacing-sm);
  background: var(--bg-bg-overlay-l1);
  border: 1px solid var(--border-border-neutral-l3);
  border-radius: var(--radius-sm);
  align-items: center;
  gap: var(--spacing-sm);
  padding-right: 0;
  display: flex;
}

.hek-textarea-ggj4j6 {
  padding: 0 var(--spacing-sm) 0 2px;
  font-family: var(--font-family-default);
  color: var(--text-text-default);
  resize: none;
  scrollbar-width: thin;
  scrollbar-color: #56637726 transparent;
  background: none;
  border: none;
  outline: none;
  flex: 1;
  max-height: 140px;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  overflow-y: auto;
}

.hek-textarea-ggj4j6::-webkit-scrollbar {
  width: 6px;
}

.hek-textarea-ggj4j6::-webkit-scrollbar-track {
  background: none;
}

.hek-textarea-ggj4j6::-webkit-scrollbar-thumb {
  background: #56637726;
  border-radius: 3px;
}

.hek-textarea-ggj4j6::placeholder {
  color: var(--text-text-tertiary);
}

.hek-actionBar-u_t8vc {
  justify-content: flex-end;
  align-items: center;
  gap: var(--spacing-xs);
  opacity: 0;
  max-height: 0;
  transition: max-height .2s ease-out, opacity .2s ease-out, margin-top .2s ease-out;
  display: flex;
  overflow: hidden;
}

.hek-actionBarVisible-PxXsje {
  opacity: 1;
  max-height: 32px;
  margin-top: var(--spacing-sm);
}

.hek-actionBarNoExpandAnimation-FCra2J {
  transition: opacity .2s ease-out;
}

.hek-actionBarNoExpandAnimation-FCra2J.hek-actionBarVisible-PxXsje {
  max-height: 32px;
  margin-top: var(--spacing-sm);
}

.hek-cancelButton-Lu0me9 {
  height: 24px;
  padding: 0 var(--spacing-xs);
  background: var(--bg-bg-overlay-l2);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: background-color var(--transition-fast);
  border: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hek-deleteButton-HP_HE1 {
  height: 24px;
  padding: 0 var(--spacing-sm);
  border-radius: var(--radius-sm);
  color: var(--status-error-default);
  font-family: var(--font-family-default);
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.hek-deleteButton-HP_HE1:hover {
  background: var(--status-error-surface-l1);
}

.hek-deleteButton-HP_HE1:focus-visible {
  outline: 2px solid var(--status-primary-default);
  outline-offset: 1px;
}

.hek-cancelButton-Lu0me9:hover, .hek-cancelButton-Lu0me9:active {
  background: var(--bg-bg-overlay-l3);
}

.hek-cancelButton-Lu0me9:focus-visible {
  outline: 2px solid var(--status-primary-default);
  outline-offset: 1px;
}

.hek-cancelText-j1RS1q {
  font-family: var(--font-family-default);
  color: var(--text-text-default);
  white-space: nowrap;
  padding: 0 var(--spacing-xs);
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
}

.hek-submitButton-BqyEd7 {
  height: 24px;
  padding: 0 var(--spacing-sm);
  background: var(--bg-bg-invert);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: background-color var(--transition-fast);
  border: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hek-submitButton-BqyEd7:hover:not(:disabled) {
  background: var(--bg-bg-invert-hover);
}

.hek-submitButton-BqyEd7:active:not(:disabled) {
  background: var(--bg-bg-invert-active);
}

.hek-submitButton-BqyEd7:disabled {
  background: var(--bg-bg-invert-disabled);
  color: var(--text-text-disabled);
  cursor: not-allowed;
}

.hek-submitButton-BqyEd7:focus-visible {
  outline: 2px solid var(--status-primary-default);
  outline-offset: 1px;
}

.hek-submitText-N58QRq {
  font-family: var(--font-family-default);
  color: var(--text-text-onaccent);
  white-space: nowrap;
  padding: 0 var(--spacing-xs);
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
}

.hek-submitButton-BqyEd7:disabled .hek-submitText-N58QRq {
  color: var(--text-text-disabled);
}

.hek-submitIcon-vyKSKQ {
  width: 12px;
  height: 12px;
  color: var(--icon-icon-onaccent);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hek-submitButton-BqyEd7:disabled .hek-submitIcon-vyKSKQ {
  color: var(--text-text-disabled);
}

.hek-limitWarning-Hocj0v {
  align-items: center;
  gap: var(--spacing-xs);
  color: var(--status-warning-default);
  user-select: none;
  flex: 1;
  display: flex;
}

.hek-limitText-hBXEaq {
  font-family: var(--font-family-default);
  color: var(--status-warning-default);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}



/* ===== Style 7 ===== */

.hek-previewCommentCardContainer-HEkpU8 {
  border-radius: var(--radius-8);
  background: var(--bg-bg-menu);
  border: 1px solid var(--border-border-neutral-l1);
  transition: width .25s cubic-bezier(.4, 0, .2, 1), height .25s cubic-bezier(.4, 0, .2, 1);
  display: inline-block;
  overflow: hidden;
  box-shadow: 0 2px 6px #0003, 0 .5px #ffffff0f, inset 0 .5px #ffffff0f;
}

.hek-previewCommentCardContent-ELaLah {
  width: max-content;
  position: relative;
}

.hek-previewCommentCardFadeEnter-OMhMD9 {
  opacity: 0;
}

.hek-previewCommentCardFadeEnterActive-Eacuvn {
  opacity: 1;
  transition: opacity .2s ease-in;
}

.hek-previewCommentCardFadeExit-ms9vgc {
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hek-previewCommentCardFadeExitActive-vyQTsd {
  opacity: 0;
  transition: opacity .15s ease-out;
}

.hek-previewCommentCardSuccessCard-PWnm2o {
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 12px;
  display: flex;
}

.hek-previewCommentCardSuccessIcon-Oht9Ir {
  width: 16px;
  height: 16px;
  color: var(--status-success-default);
  justify-content: center;
  align-items: center;
  display: flex;
}

.hek-previewCommentCardSuccessText-s40BWG {
  font-family: var(--font-family-default);
  color: var(--text-text-default);
  user-select: none;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}



/* ===== Style 8 ===== */


            .hek-trae-browser-inspect-draggable {
                cursor: grab !important;
            }
            .hek-trae-browser-inspect-dragging-active {
                cursor: grabbing !important;
            }
            .hek-trae-browser-inspect-drag-ghost {
                opacity: 0.7;
                pointer-events: none;
                position: fixed;
                z-index: 999998;
                transform: scale(0.95);
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
                transition: none;
            }
            .hek-trae-browser-inspect-element-placeholder {
                opacity: 0.3;
            }
        

/* ===== Style 9 ===== */

:root {--vscode-foreground: #31353a;--vscode-disabledForeground: #8a9096;--vscode-errorForeground: #cc4b53;--vscode-descriptionForeground: #5b6066;--vscode-icon-foreground: #5b6066;--vscode-focusBorder: rgba(0, 0, 0, 0);--vscode-textLink-foreground: #006ab1;--vscode-textLink-activeForeground: #387bff;--vscode-textSeparator-foreground: rgba(0, 0, 0, 0.18);--vscode-textPreformat-foreground: #a31515;--vscode-textPreformat-background: rgba(0, 0, 0, 0.1);--vscode-textBlockQuote-background: #f2f2f2;--vscode-textBlockQuote-border: rgba(0, 122, 204, 0.5);--vscode-textCodeBlock-background: rgba(220, 220, 220, 0.4);--vscode-sash-hoverBorder: #0fdc78;--vscode-badge-background: #c4c4c4;--vscode-badge-foreground: #333333;--vscode-activityWarningBadge-foreground: #ffffff;--vscode-activityWarningBadge-background: #b27c00;--vscode-activityErrorBadge-foreground: #ffffff;--vscode-activityErrorBadge-background: #e51400;--vscode-scrollbar-shadow: #dddddd;--vscode-scrollbarSlider-background: rgba(100, 100, 100, 0.4);--vscode-scrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7);--vscode-scrollbarSlider-activeBackground: rgba(0, 0, 0, 0.6);--vscode-progressBar-background: #2f74ff;--vscode-chart-line: #236b8e;--vscode-chart-axis: rgba(0, 0, 0, 0.6);--vscode-chart-guide: rgba(0, 0, 0, 0.2);--vscode-editor-background: #ffffff;--vscode-editor-foreground: #31353a;--vscode-editorStickyScroll-background: #ffffff;--vscode-editorStickyScrollGutter-background: #ffffff;--vscode-editorStickyScrollHover-background: rgba(91, 146, 255, 0.08);--vscode-editorStickyScroll-shadow: #dddddd;--vscode-editorWidget-background: #f3f3f3;--vscode-editorWidget-foreground: #31353a;--vscode-editorWidget-border: #c8c8c8;--vscode-editorError-foreground: #e51400;--vscode-editorWarning-foreground: #bf8803;--vscode-editorInfo-foreground: #0063d3;--vscode-editorHint-foreground: #6c6c6c;--vscode-editorLink-activeForeground: #36393d;--vscode-editor-selectionBackground: rgba(47, 116, 255, 0.18);--vscode-editor-inactiveSelectionBackground: #e5ebf1;--vscode-editor-selectionHighlightBackground: rgba(173, 214, 255, 0.5);--vscode-editor-compositionBorder: #000000;--vscode-editor-findMatchBackground: #a8ac94;--vscode-editor-findMatchHighlightBackground: rgba(234, 92, 0, 0.33);--vscode-editor-findRangeHighlightBackground: rgba(180, 180, 180, 0.3);--vscode-editor-hoverHighlightBackground: rgba(173, 214, 255, 0.15);--vscode-editorHoverWidget-background: #ffffff;--vscode-editorHoverWidget-foreground: #31353a;--vscode-editorHoverWidget-border: rgba(77, 107, 153, 0.09);--vscode-editorHoverWidget-statusBarBackground: #f2f2f2;--vscode-editorInlayHint-foreground: #969696;--vscode-editorInlayHint-background: rgba(196, 196, 196, 0.1);--vscode-editorInlayHint-typeForeground: #969696;--vscode-editorInlayHint-typeBackground: rgba(196, 196, 196, 0.1);--vscode-editorInlayHint-parameterForeground: #969696;--vscode-editorInlayHint-parameterBackground: rgba(196, 196, 196, 0.1);--vscode-editorLightBulb-foreground: #ddb100;--vscode-editorLightBulbAutoFix-foreground: #007acc;--vscode-editorLightBulbAi-foreground: #ddb100;--vscode-editor-snippetTabstopHighlightBackground: rgba(10, 50, 100, 0.2);--vscode-editor-snippetFinalTabstopHighlightBorder: rgba(10, 50, 100, 0.5);--vscode-diffEditor-insertedTextBackground: rgba(64, 176, 139, 0.18);--vscode-diffEditor-removedTextBackground: rgba(232, 70, 58, 0.16);--vscode-diffEditor-insertedLineBackground: rgba(64, 176, 139, 0.12);--vscode-diffEditor-removedLineBackground: rgba(232, 70, 58, 0.12);--vscode-diffEditorOverview-insertedForeground: rgba(64, 176, 139, 0.18);--vscode-diffEditorOverview-removedForeground: rgba(232, 70, 58, 0.16);--vscode-diffEditor-diagonalFill: rgba(34, 34, 34, 0.2);--vscode-diffEditor-unchangedRegionBackground: #ffffff;--vscode-diffEditor-unchangedRegionForeground: #31353a;--vscode-diffEditor-unchangedCodeBackground: rgba(184, 184, 184, 0.16);--vscode-widget-shadow: rgba(0, 0, 0, 0.08);--vscode-widget-border: rgba(77, 107, 153, 0.09);--vscode-toolbar-hoverBackground: rgba(86, 99, 119, 0.11);--vscode-toolbar-activeBackground: rgba(86, 99, 119, 0.15);--vscode-breadcrumb-foreground: rgba(49, 53, 58, 0.8);--vscode-breadcrumb-background: #ffffff;--vscode-breadcrumb-focusForeground: #272a2e;--vscode-breadcrumb-activeSelectionForeground: #272a2e;--vscode-breadcrumbPicker-background: #ffffff;--vscode-merge-currentHeaderBackground: rgba(64, 200, 174, 0.5);--vscode-merge-currentContentBackground: rgba(64, 200, 174, 0.2);--vscode-merge-incomingHeaderBackground: rgba(64, 166, 255, 0.5);--vscode-merge-incomingContentBackground: rgba(64, 166, 255, 0.2);--vscode-merge-commonHeaderBackground: rgba(96, 96, 96, 0.4);--vscode-merge-commonContentBackground: rgba(96, 96, 96, 0.16);--vscode-editorOverviewRuler-currentContentForeground: rgba(64, 200, 174, 0.5);--vscode-editorOverviewRuler-incomingContentForeground: rgba(64, 166, 255, 0.5);--vscode-editorOverviewRuler-commonContentForeground: rgba(96, 96, 96, 0.4);--vscode-editorOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49);--vscode-editorOverviewRuler-selectionHighlightForeground: rgba(160, 160, 160, 0.8);--vscode-problemsErrorIcon-foreground: #e51400;--vscode-problemsWarningIcon-foreground: #bf8803;--vscode-problemsInfoIcon-foreground: #0063d3;--vscode-minimap-findMatchHighlight: #d18616;--vscode-minimap-selectionOccurrenceHighlight: #c9c9c9;--vscode-minimap-selectionHighlight: #add6ff;--vscode-minimap-infoHighlight: #0063d3;--vscode-minimap-warningHighlight: #bf8803;--vscode-minimap-errorHighlight: rgba(255, 18, 18, 0.7);--vscode-minimap-foregroundOpacity: #000000;--vscode-minimapSlider-background: rgba(100, 100, 100, 0.2);--vscode-minimapSlider-hoverBackground: rgba(100, 100, 100, 0.35);--vscode-minimapSlider-activeBackground: rgba(0, 0, 0, 0.3);--vscode-charts-foreground: #31353a;--vscode-charts-lines: rgba(49, 53, 58, 0.5);--vscode-charts-red: #e51400;--vscode-charts-blue: #0063d3;--vscode-charts-yellow: #bf8803;--vscode-charts-orange: #d18616;--vscode-charts-green: #388a34;--vscode-charts-purple: #652d90;--vscode-input-background: rgba(86, 99, 119, 0.07);--vscode-input-foreground: #31353a;--vscode-inputOption-activeBorder: rgba(77, 107, 153, 0.36);--vscode-inputOption-hoverBackground: rgba(184, 184, 184, 0.31);--vscode-inputOption-activeBackground: rgba(0, 0, 0, 0);--vscode-inputOption-activeForeground: #000000;--vscode-input-placeholderForeground: #5b6066;--vscode-inputValidation-infoBackground: #d6ecf2;--vscode-inputValidation-infoBorder: #007acc;--vscode-inputValidation-warningBackground: #f6f5d2;--vscode-inputValidation-warningBorder: #b89500;--vscode-inputValidation-errorBackground: #f2dede;--vscode-inputValidation-errorBorder: #e8463a;--vscode-dropdown-background: #ffffff;--vscode-dropdown-foreground: #31353a;--vscode-dropdown-border: #cecece;--vscode-button-foreground: #ffffff;--vscode-button-separator: rgba(193, 195, 205, 0.12);--vscode-button-background: #31353a;--vscode-button-hoverBackground: #72767b;--vscode-button-secondaryForeground: #ffffff;--vscode-button-secondaryBackground: #5f6a79;--vscode-button-secondaryHoverBackground: #4c5561;--vscode-radio-activeForeground: #000000;--vscode-radio-activeBackground: rgba(0, 0, 0, 0);--vscode-radio-activeBorder: rgba(77, 107, 153, 0.36);--vscode-radio-inactiveBorder: rgba(0, 0, 0, 0.2);--vscode-radio-inactiveHoverBackground: rgba(184, 184, 184, 0.31);--vscode-checkbox-background: #ffffff;--vscode-checkbox-selectBackground: #f3f3f3;--vscode-checkbox-foreground: #31353a;--vscode-checkbox-border: #919191;--vscode-checkbox-selectBorder: #5b6066;--vscode-checkbox-disabled.hek-background: #bbbcbd;--vscode-checkbox-disabled.hek-foreground: #74777b;--vscode-keybindingLabel-background: rgba(221, 221, 221, 0.4);--vscode-keybindingLabel-foreground: #555555;--vscode-keybindingLabel-border: rgba(204, 204, 204, 0.4);--vscode-keybindingLabel-bottomBorder: rgba(187, 187, 187, 0.4);--vscode-list-focusOutline: rgba(0, 0, 0, 0);--vscode-list-focusAndSelectionOutline: #90c2f9;--vscode-list-activeSelectionBackground: rgba(86, 99, 119, 0.11);--vscode-list-activeSelectionForeground: #111214;--vscode-list-activeSelectionIconForeground: #5b6066;--vscode-list-inactiveSelectionBackground: rgba(86, 99, 119, 0.11);--vscode-list-inactiveSelectionForeground: #111214;--vscode-list-hoverBackground: rgba(86, 99, 119, 0.11);--vscode-list-dropBackground: rgba(86, 99, 119, 0.11);--vscode-list-dropBetweenBackground: #5b6066;--vscode-list-highlightForeground: #0066bf;--vscode-list-focusHighlightForeground: #0066bf;--vscode-list-invalidItemForeground: #b89500;--vscode-list-errorForeground: #e8463a;--vscode-list-warningForeground: #855f00;--vscode-listFilterWidget-background: #f3f3f3;--vscode-listFilterWidget-outline: rgba(0, 0, 0, 0);--vscode-listFilterWidget-noMatchesOutline: #be1100;--vscode-listFilterWidget-shadow: rgba(0, 0, 0, 0.08);--vscode-list-filterMatchBackground: rgba(234, 92, 0, 0.33);--vscode-list-deemphasizedForeground: #8e8e90;--vscode-tree-indentGuidesStroke: rgba(77, 107, 153, 0.09);--vscode-tree-inactiveIndentGuidesStroke: rgba(221, 226, 233, 0.08);--vscode-tree-tableColumnsBorder: rgba(97, 97, 97, 0.13);--vscode-tree-tableOddRowsBackground: rgba(49, 53, 58, 0.04);--vscode-editorActionList-background: #f3f3f3;--vscode-editorActionList-foreground: #31353a;--vscode-editorActionList-focusForeground: #111214;--vscode-editorActionList-focusBackground: rgba(86, 99, 119, 0.11);--vscode-menu-border: rgba(77, 107, 153, 0.09);--vscode-menu-foreground: #616161;--vscode-menu-background: #ffffff;--vscode-menu-selectionForeground: #111214;--vscode-menu-selectionBackground: rgba(86, 99, 119, 0.11);--vscode-menu-separatorBackground: rgba(77, 107, 153, 0.09);--vscode-quickInput-background: #f8f9fa;--vscode-quickInput-foreground: #31353a;--vscode-quickInputTitle-background: rgba(0, 0, 0, 0.04);--vscode-pickerGroup-foreground: #31353a;--vscode-pickerGroup-border: rgba(77, 107, 153, 0.09);--vscode-quickInputList-focusForeground: #111214;--vscode-quickInputList-focusIconForeground: #5b6066;--vscode-quickInputList-focusBackground: rgba(86, 99, 119, 0.11);--vscode-search-resultsInfoForeground: #31353a;--vscode-searchEditor-findMatchBackground: rgba(234, 92, 0, 0.22);--vscode-tab-activeBackground: rgba(86, 99, 119, 0.11);--vscode-tab-unfocusedActiveBackground: rgba(86, 99, 119, 0.11);--vscode-tab-inactiveBackground: #f8f8f9;--vscode-tab-unfocusedInactiveBackground: #f8f8f9;--vscode-tab-activeForeground: #333333;--vscode-tab-inactiveForeground: #5b6066;--vscode-tab-unfocusedActiveForeground: #31353a;--vscode-tab-unfocusedInactiveForeground: rgba(91, 96, 102, 0.5);--vscode-tab-border: rgba(77, 107, 153, 0.09);--vscode-tab-lastPinnedBorder: rgba(97, 97, 97, 0.19);--vscode-tab-activeBorder: #ffffff;--vscode-tab-unfocusedActiveBorder: rgba(255, 255, 255, 0.7);--vscode-tab-activeBorderTop: #000000;--vscode-tab-unfocusedActiveBorderTop: rgba(0, 0, 0, 0.7);--vscode-tab-selectedBorderTop: #000000;--vscode-tab-selectedBackground: rgba(86, 99, 119, 0.11);--vscode-tab-selectedForeground: #333333;--vscode-tab-dragAndDropBorder: #333333;--vscode-tab-activeModifiedBorder: #33aaee;--vscode-tab-inactiveModifiedBorder: rgba(51, 170, 238, 0.5);--vscode-tab-unfocusedActiveModifiedBorder: rgba(51, 170, 238, 0.7);--vscode-tab-unfocusedInactiveModifiedBorder: rgba(51, 170, 238, 0.25);--vscode-editorPane-background: #ffffff;--vscode-editorGroupHeader-tabsBackground: #f8f8f9;--vscode-editorGroupHeader-tabsBorder: rgba(77, 107, 153, 0.09);--vscode-editorGroupHeader-noTabsBackground: #ffffff;--vscode-editorGroup-border: #e7e7e7;--vscode-editorGroup-dropBackground: rgba(33, 97, 224, 0.16);--vscode-editorGroup-dropIntoPromptForeground: #31353a;--vscode-editorGroup-dropIntoPromptBackground: #f3f3f3;--vscode-sideBySideEditor-horizontalBorder: #e7e7e7;--vscode-sideBySideEditor-verticalBorder: #e7e7e7;--vscode-panel-background: #ffffff;--vscode-panel-border: rgba(128, 128, 128, 0.35);--vscode-panelTitle-activeForeground: #111214;--vscode-panelTitle-inactiveForeground: #5b6066;--vscode-panelTitle-activeBorder: #111214;--vscode-panelInput-border: #dddddd;--vscode-panel-dropBorder: #111214;--vscode-panelSection-dropBackground: rgba(33, 97, 224, 0.16);--vscode-panelSectionHeader-background: #ffffff;--vscode-panelSectionHeader-foreground: #111214;--vscode-panelSectionHeader-border: rgba(77, 107, 153, 0.18);--vscode-panelSection-border: rgba(128, 128, 128, 0.35);--vscode-panelStickyScroll-background: #ffffff;--vscode-panelStickyScroll-shadow: #dddddd;--vscode-banner-background: rgba(60, 69, 83, 0.11);--vscode-banner-foreground: #111214;--vscode-banner-iconForeground: #0063d3;--vscode-statusBar-foreground: #ffffff;--vscode-statusBar-noFolderForeground: #ffffff;--vscode-statusBar-background: rgba(0, 0, 0, 0);--vscode-statusBar-noFolderBackground: rgba(0, 0, 0, 0);--vscode-statusBar-focusBorder: #ffffff;--vscode-statusBarItem-activeBackground: rgba(255, 255, 255, 0.18);--vscode-statusBarItem-focusBorder: #ffffff;--vscode-statusBarItem-hoverBackground: rgba(0, 0, 0, 0.12);--vscode-statusBarItem-hoverForeground: #ffffff;--vscode-statusBarItem-compactHoverBackground: rgba(0, 0, 0, 0.12);--vscode-statusBarItem-prominentForeground: #ffffff;--vscode-statusBarItem-prominentBackground: rgba(0, 0, 0, 0.5);--vscode-statusBarItem-prominentHoverForeground: #ffffff;--vscode-statusBarItem-prominentHoverBackground: rgba(0, 0, 0, 0.12);--vscode-statusBarItem-errorBackground: #c72e0f;--vscode-statusBarItem-errorForeground: #ffffff;--vscode-statusBarItem-errorHoverForeground: #ffffff;--vscode-statusBarItem-errorHoverBackground: rgba(0, 0, 0, 0.12);--vscode-statusBarItem-warningBackground: #725102;--vscode-statusBarItem-warningForeground: #ffffff;--vscode-statusBarItem-warningHoverForeground: #ffffff;--vscode-statusBarItem-warningHoverBackground: rgba(0, 0, 0, 0.12);--vscode-activityBar-background: #edeff2;--vscode-activityBar-foreground: #111214;--vscode-activityBar-inactiveForeground: #5b6066;--vscode-activityBar-activeBorder: #111214;--vscode-activityBar-dropBorder: #111214;--vscode-activityBarBadge-background: #2f74ff;--vscode-activityBarBadge-foreground: #ffffff;--vscode-activityBarTop-foreground: #424242;--vscode-activityBarTop-activeBorder: #424242;--vscode-activityBarTop-inactiveForeground: rgba(66, 66, 66, 0.75);--vscode-activityBarTop-dropBorder: #424242;--vscode-profileBadge-background: #c4c4c4;--vscode-profileBadge-foreground: #333333;--vscode-statusBarItem-remoteBackground: #16825d;--vscode-statusBarItem-remoteForeground: #ffffff;--vscode-statusBarItem-remoteHoverForeground: #ffffff;--vscode-statusBarItem-remoteHoverBackground: rgba(0, 0, 0, 0.12);--vscode-statusBarItem-offlineBackground: #6c1717;--vscode-statusBarItem-offlineForeground: #ffffff;--vscode-statusBarItem-offlineHoverForeground: #ffffff;--vscode-statusBarItem-offlineHoverBackground: rgba(0, 0, 0, 0.12);--vscode-extensionBadge-remoteBackground: #2f74ff;--vscode-extensionBadge-remoteForeground: #ffffff;--vscode-sideBar-background: #ffffff;--vscode-sideBarTitle-background: #ffffff;--vscode-sideBarTitle-foreground: #6f6f6f;--vscode-sideBar-dropBackground: rgba(33, 97, 224, 0.16);--vscode-sideBarSectionHeader-background: #ffffff;--vscode-sideBarSectionHeader-foreground: #31353a;--vscode-sideBarSectionHeader-border: rgba(77, 107, 153, 0.18);--vscode-sideBarActivityBarTop-border: rgba(77, 107, 153, 0.18);--vscode-sideBarStickyScroll-background: #ffffff;--vscode-sideBarStickyScroll-shadow: #dddddd;--vscode-titleBar-activeForeground: #5b6066;--vscode-titleBar-inactiveForeground: rgba(91, 96, 102, 0.6);--vscode-titleBar-activeBackground: #edeff2;--vscode-titleBar-inactiveBackground: #edeff2;--vscode-menubar-selectionForeground: #5b6066;--vscode-menubar-selectionBackground: rgba(86, 99, 119, 0.11);--vscode-commandCenter-foreground: #5b6066;--vscode-commandCenter-activeForeground: #5b6066;--vscode-commandCenter-inactiveForeground: rgba(91, 96, 102, 0.6);--vscode-commandCenter-background: rgba(0, 0, 0, 0.05);--vscode-commandCenter-activeBackground: rgba(0, 0, 0, 0.08);--vscode-commandCenter-border: rgba(91, 96, 102, 0.2);--vscode-commandCenter-activeBorder: rgba(91, 96, 102, 0.3);--vscode-commandCenter-inactiveBorder: rgba(91, 96, 102, 0.15);--vscode-notificationCenter-border: rgba(77, 107, 153, 0.09);--vscode-notificationToast-border: rgba(77, 107, 153, 0.09);--vscode-notifications-foreground: #31353a;--vscode-notifications-background: #ffffff;--vscode-notificationLink-foreground: #006ab1;--vscode-notificationCenterHeader-background: #f2f2f2;--vscode-notifications-border: #f2f2f2;--vscode-notificationsErrorIcon-foreground: #e8463a;--vscode-notificationsWarningIcon-foreground: #e28a00;--vscode-notificationsInfoIcon-foreground: #2f74ff;--vscode-iCubeNotificationCenter-border: rgba(77, 107, 153, 0.09);--vscode-icube-colorSnow: #ffffff;--vscode-icube-colorBlack: #000000;--vscode-icube-colorSnowDisable: rgba(255, 255, 255, 0.3);--vscode-icube-modalOverlay: rgba(0, 0, 0, 0.4);--vscode-icube-colorBg1: #ffffff;--vscode-icube-colorBg2: #edeff2;--vscode-icube-colorBg3: #ffffff;--vscode-icube-colorBg4: #e1e1e1;--vscode-icube-diffColorBg3: rgba(225, 225, 225, 0.35);--vscode-icube-colorBgCode: #ffffff;--vscode-icube-colorBgTr0: rgba(86, 99, 119, 0.07);--vscode-icube-colorBtnHover: rgba(86, 99, 119, 0.11);--vscode-icube-colorBg5: rgba(77, 97, 128, 0.08);--vscode-icube-colorBtnHover2: rgba(86, 99, 119, 0.15);--vscode-icube-colorBtnTransparent3: rgba(86, 99, 119, 0.19);--vscode-icube-colorBlend: rgba(77, 97, 128, 0.12);--vscode-icube-colorTransparent: rgba(255, 255, 255, 0);--vscode-icube-colorWidgetShadow: rgba(0, 0, 0, 0.04);--vscode-icube-colorWidgetShadow2: rgba(0, 0, 0, 0.08);--vscode-icube-colorWidgetShadow3: rgba(0, 0, 0, 0.2);--vscode-icube-colorDefaultText: #31353a;--vscode-icube-colorHighlightText: #111214;--vscode-icube-colorGrayText: #5b6066;--vscode-icube-colorGrayText2: #617080;--vscode-icube-colorDisableText: #8a9096;--vscode-icube-colorBlackText: #111314;--vscode-icube-colorBlackText1: #ffffff;--vscode-icube-colorBlackText2: #000000;--vscode-icube-colorDefaultAvatar: #5b92ff;--vscode-icube-colorDefaultAvatarBackground: #1759dd;--vscode-icube-modalLayoutBg: rgba(0, 25, 49, 0.2);--vscode-icube-colorIcon: #939fb8;--vscode-icube-colorCodeCodeInstruction: #b15ef2;--vscode-icube-colorLine1: rgba(77, 107, 153, 0.09);--vscode-icube-colorLine2: rgba(77, 107, 153, 0.18);--vscode-icube-colorLine3: rgba(77, 107, 153, 0.36);--vscode-icube-colorBrand: #36393d;--vscode-icube-colorBrandHover: #72767b;--vscode-icube-colorBrandActive: #1a1b1d;--vscode-icube-colorBrandTransparent: rgba(86, 99, 119, 0.11);--vscode-icube-colorBrandTransparent2: rgba(86, 99, 119, 0.15);--vscode-icube-colorBrandTransparent3: rgba(86, 99, 119, 0.19);--vscode-icube-colorStatusRegular: #2f74ff;--vscode-icube-colorStatusRegularHover: #4c88ff;--vscode-icube-colorStatusRegularActive: #1759dd;--vscode-icube-colorStatusRegularTransparent: rgba(47, 116, 255, 0.12);--vscode-icube-colorStatusRegularTransparent2: rgba(47, 116, 255, 0.18);--vscode-icube-colorStatusRegularTransparent3: rgba(47, 116, 255, 0.36);--vscode-icube-colorSuccess: #26a57b;--vscode-icube-colorSuccessHover: #2ca77f;--vscode-icube-colorSuccessActive: #1e8b56;--vscode-icube-colorSuccessTransparent: rgba(64, 176, 139, 0.12);--vscode-icube-colorSuccessTransparent2: rgba(64, 176, 139, 0.18);--vscode-icube-colorSuccessTransparent3: rgba(64, 176, 139, 0.36);--vscode-icube-colorError: #e8463a;--vscode-icube-colorErrorHover: #ea574c;--vscode-icube-colorErrorActive: #c9382f;--vscode-icube-colorErrorTransparent: rgba(232, 70, 58, 0.12);--vscode-icube-colorErrorTransparent2: rgba(232, 70, 58, 0.16);--vscode-icube-colorErrorTransparent3: rgba(232, 70, 58, 0.36);--vscode-icube-colorWarning: #e28a00;--vscode-icube-colorWarningHover: #f18c13;--vscode-icube-colorWarningActive: #c46f11;--vscode-icube-colorWarningTransparent: rgba(226, 138, 0, 0.12);--vscode-icube-colorWarningTransparent2: rgba(226, 138, 0, 0.16);--vscode-icube-colorWarningTransparent3: rgba(226, 138, 0, 0.36);--vscode-icube-colorAlert: #c6a626;--vscode-icube-colorAlertHover: #dfb716;--vscode-icube-colorAlertActive: #af8d06;--vscode-icube-colorAlertTransparent: rgba(198, 166, 38, 0.14);--vscode-icube-colorAlertTransparent2: rgba(198, 166, 38, 0.2);--vscode-icube-colorAlertTransparent3: rgba(198, 166, 38, 0.36);--vscode-icube-colorErrorTm1: rgba(204, 75, 83, 0.2);--vscode-icube-colorErrorTr1: rgba(232, 70, 58, 0.12);--vscode-icube-colorSpinLoading: #2f74ff;--vscode-icube-colorC1: #00b983;--vscode-icube-colorC2: #ff6b45;--vscode-icube-colorC3: #f2a90c;--vscode-icube-colorC4: #5fbf00;--vscode-icube-colorC5: #00b8f8;--vscode-icube-colorC6: #3f85ff;--vscode-icube-colorC7: #f53cff;--vscode-icube-colorC8: #9570ff;--vscode-icube-colorC9: #747e94;--vscode-icube-colorDiffToggleBtnBg: #8d7aff;--vscode-icube-textPreformatBackground: #9d89eb;--vscode-icube-colorRed1: #dd3730;--vscode-icube-colorRed2: rgba(221, 55, 48, 0.1);--vscode-icube-colorRed3: #dd3730;--vscode-icube-colorGreen1: #00906e;--vscode-icube-colorDiffBtn1: #ffffff;--vscode-icube-diffInsertedTextBackground: rgba(38, 165, 123, 0.32);--vscode-icube-colorChatError: rgba(97, 97, 97, 0);--vscode-icube-chatIconBg1: #ff4a36;--vscode-icube-chatIconColor1: #ffffff;--vscode-icube-emptyExplorerButtonBgColor: rgba(77, 97, 128, 0.08);--vscode-icube-emptyExplorerButtonTextColor: #333940;--vscode-icube-emptyExplorerSplitTextColor: #333940;--vscode-icube-emptyExplorerSplitColor: rgba(77, 107, 153, 0.2);--vscode-icube-lite.hek-colorBg1: #25252d;--vscode-icube-lite.hek-colorBg2: #1d1c23;--vscode-icube-lite.hek-colorLine1: #2e2e38;--vscode-widget-shadow1: rgba(0, 0, 0, 0.08);--vscode-widget-shadow2: rgba(0, 0, 0, 0.1);--vscode-widget-light.hek-shadow1: rgba(0, 0, 0, 0.04);--vscode-widget-light.hek-shadow2: rgba(0, 0, 0, 0.08);--vscode-icube-tooltipsTextColor: #ffffff;--vscode-icube-ai.hek-disableInputBorderColor: rgba(77, 107, 153, 0.4);--vscode-icube-scrollbarBgColor: rgba(100, 100, 100, 0.4);--vscode-icube-scrollbarHoverBgColor: rgba(100, 100, 100, 0.4);--vscode-icube-desktopEmptyWorkspaceIconBg: rgba(77, 97, 128, 0.08);--vscode-icube-desktopEmptyWorkspaceHoverBg: rgba(77, 107, 153, 0.12);--vscode-icube--code-code-text: #17181a;--vscode-icube-primaryButtonBackground: #31353a;--vscode-icube-primaryButtonForeground: #ffffff;--vscode-icube-primaryButtonHoverBackground: #72767b;--vscode-icube-primaryButtonHoverForeground: #ffffff;--vscode-icube-primaryButtonActivateBackground: #1a1b1d;--vscode-icube-primaryButtonActivateForeground: #ffffff;--vscode-icube-primaryButtonDisableBackground: #8a9096;--vscode-icube-primaryButtonDisableForeground: #ffffff;--vscode-icube-defaultButtonBackground: rgba(86, 99, 119, 0.11);--vscode-icube-defaultButtonForeground: #31353a;--vscode-icube-defaultButtonHoverBackground: rgba(86, 99, 119, 0.15);--vscode-icube-defaultButtonHoverForeground: #31353a;--vscode-icube-defaultButtonActivateBackground: rgba(86, 99, 119, 0.19);--vscode-icube-defaultButtonActivateForeground: #31353a;--vscode-icube-defaultButtonDisableBackground: rgba(86, 99, 119, 0.15);--vscode-icube-defaultButtonDisableForeground: #8a9096;--vscode-icube-checkboxBorder: #31353a;--vscode-icube-checkboxBackground: #31353a;--vscode-icube-checkboxDisabledBackground: #8a9096;--vscode-icube-checkboxForeground: #ffffff;--vscode-icube-checkboxUncheckedBorder: rgba(77, 107, 153, 0.18);--vscode-icube-checkboxUncheckedBackground: #ffffff;--vscode-icube-badgeBackground: #2f74ff;--vscode-icube-badgeForeground: #ffffff;--vscode-icube-colorBgTr1: rgba(86, 99, 119, 0.11);--vscode-icube-colorBgTr2: rgba(86, 99, 119, 0.15);--vscode-icube-colorBgTr3: rgba(86, 99, 119, 0.19);--vscode-icube-colorTextDefault: #31353a;--vscode-icube-colorTextHighlight: #111214;--vscode-icube-colorTextGray: #5b6066;--vscode-icube-colorTextDisable: #8a9096;--vscode-icube-colorBrandTr1: rgba(86, 99, 119, 0.11);--vscode-icube-colorBrandTr2: rgba(86, 99, 119, 0.15);--vscode-icube-colorBrandTr3: rgba(86, 99, 119, 0.19);--vscode-icube-colorSuccessTr1: rgba(64, 176, 139, 0.12);--vscode-icube-colorSuccessTr2: rgba(64, 176, 139, 0.18);--vscode-icube-colorSuccessTr3: rgba(64, 176, 139, 0.36);--vscode-icube-colorErrorTr2: rgba(232, 70, 58, 0.16);--vscode-icube-colorErrorTr3: rgba(232, 70, 58, 0.36);--vscode-icube-colorWarningTr1: rgba(226, 138, 0, 0.12);--vscode-icube-colorWarningTr2: rgba(226, 138, 0, 0.16);--vscode-icube-colorWarningTr3: rgba(226, 138, 0, 0.36);--vscode-icube-colorAlertTr1: rgba(198, 166, 38, 0.14);--vscode-icube-colorAlertTr2: rgba(198, 166, 38, 0.2);--vscode-icube-colorAlertTr3: rgba(198, 166, 38, 0.36);--vscode-icube-colorTextButtonHighlight: #111214;--vscode-icube--special-white: #ffffff;--vscode-icube--special-black: #000000;--vscode-icube--bg-bg-base-default: #ffffff;--vscode-icube--bg-bg-tooltip: #ffffff;--vscode-icube--bg-bg-base-secondary: #edeff2;--vscode-icube--bg-bg-base-tertiary: #ffffff;--vscode-icube--bg-bg-overlay-l1: rgba(86, 99, 119, 0.07);--vscode-icube--bg-bg-overlay-l2: rgba(86, 99, 119, 0.11);--vscode-icube--bg-bg-overlay-l3: rgba(86, 99, 119, 0.15);--vscode-icube--bg-bg-overlay-l4: rgba(86, 99, 119, 0.19);--vscode-icube--border-border-neutral-l1: rgba(77, 107, 153, 0.09);--vscode-icube--border-border-neutral-l2: rgba(77, 107, 153, 0.18);--vscode-icube--border-border-neutral-l3: rgba(77, 107, 153, 0.36);--vscode-icube--text-text-default-hover: #111214;--vscode-icube--text-text-default-active: #111214;--vscode-icube--icon-icon-default-hover: #111214;--vscode-icube--icon-icon-default-active: #111214;--vscode-icube--text-text-default: #31353a;--vscode-icube--text-text-secondary-hover: #31353a;--vscode-icube--text-text-secondary-active: #31353a;--vscode-icube--icon-icon-default: #31353a;--vscode-icube--icon-icon-secondary-hover: #31353a;--vscode-icube--icon-icon-secondary-active: #31353a;--vscode-icube--text-text-secondary: #5b6066;--vscode-icube--icon-icon-secondary: #5b6066;--vscode-icube--text-text-tertiary: #8a9096;--vscode-icube--text-text-disabled: #8a9096;--vscode-icube--icon-icon-tertiary: #8a9096;--vscode-icube--icon-icon-disabled: #8a9096;--vscode-icube--status-primary-default: #2f74ff;--vscode-icube--status-primary-hover: #4c88ff;--vscode-icube--status-primary-active: #1759dd;--vscode-icube--status-primary-surface-l1: rgba(47, 116, 255, 0.12);--vscode-icube--status-primary-surface-l2: rgba(47, 116, 255, 0.18);--vscode-icube--status-primary-surface-l3: rgba(47, 116, 255, 0.36);--vscode-icube--status-success-default: #26a57b;--vscode-icube--status-success-hover: #2ca77f;--vscode-icube--status-success-active: #1e8b56;--vscode-icube--status-success-surface-l1: rgba(64, 176, 139, 0.12);--vscode-icube--status-success-surface-l2: rgba(64, 176, 139, 0.18);--vscode-icube--status-success-surface-l3: rgba(64, 176, 139, 0.36);--vscode-icube--status-alert-default: #c6a626;--vscode-icube--status-alert-hover: #dfb716;--vscode-icube--status-alert-active: #af8d06;--vscode-icube--status-alert-surface-l1: rgba(198, 166, 38, 0.14);--vscode-icube--status-alert-surface-l2: rgba(198, 166, 38, 0.2);--vscode-icube--status-alert-surface-l3: rgba(198, 166, 38, 0.36);--vscode-icube--status-warning-default: #e28a00;--vscode-icube--status-warning-hover: #f18c13;--vscode-icube--status-warning-active: #c46f11;--vscode-icube--status-warning-surface-l1: rgba(226, 138, 0, 0.12);--vscode-icube--status-warning-surface-l2: rgba(226, 138, 0, 0.16);--vscode-icube--status-warning-surface-l3: rgba(226, 138, 0, 0.36);--vscode-icube--status-error-default: #e8463a;--vscode-icube--status-error-hover: #ea574c;--vscode-icube--status-error-active: #c9382f;--vscode-icube--status-error-surface-l1: rgba(232, 70, 58, 0.12);--vscode-icube--status-error-surface-l2: rgba(232, 70, 58, 0.16);--vscode-icube--status-error-surface-l3: rgba(232, 70, 58, 0.36);--vscode-icube--bg-bg-invert: #36393d;--vscode-icube--bg-bg-invert-hover: #72767b;--vscode-icube--bg-bg-invert-active: #1a1b1d;--vscode-icube--bg-bg-invert-disabled: rgba(86, 99, 119, 0.19);--vscode-icube--accent-accent-teal: #00b983;--vscode-icube--accent-accent-coral: #ff6b45;--vscode-icube--accent-accent-amber: #f2a90c;--vscode-icube--accent-accent-lime: #5fbf00;--vscode-icube--accent-accent-cyan: #00b8f8;--vscode-icube--accent-accent-blue: #3f85ff;--vscode-icube--accent-accent-magenta: #f53cff;--vscode-icube--accent-accent-violet: #9570ff;--vscode-icube--accent-accent-slate: #747e94;--vscode-icube--bg-bg-menu: #f8f9fa;--vscode-icube--bg-bg-menu-tr0: rgba(255, 255, 255, 0);--vscode-icube--bg-bg-brand: #0fdc78;--vscode-icube--bg-bg-brand-hover: #0ab861;--vscode-icube--bg-bg-brand-disabled: rgba(10, 184, 97, 0.2);--vscode-icube--border-border-contrast: #000000;--vscode-icube--border-border-brand: #0fdc78;--vscode-icube--text-text-brand: #0ab861;--vscode-icube--icon-icon-brand: #0ab861;--vscode-icube--text-text-brand-hover: #0fdc78;--vscode-icube--icon-icon-brand-hover: #0fdc78;--vscode-icube--text-text-onbrand: #0c0c0d;--vscode-icube--icon-icon-onbrand: #0c0c0d;--vscode-icube--text-text-onaccent: #ffffff;--vscode-icube--icon-icon-onaccent: #ffffff;--vscode-icube--special-bgtabsoverlay: rgba(193, 195, 205, 0.12);--vscode-icube--code-code-tag: #e24864;--vscode-icube--code-code-instruction: #b15ef2;--vscode-icube--code-code-doc: #8393a3;--vscode-icube--code-code-parameter: #4da621;--vscode-icube--cue: #0ab861;--vscode-icube--cue-tr0: rgba(10, 184, 97, 0);--vscode-icube--cue-tr1: rgba(10, 184, 97, 0.16);--vscode-icube--cue-tr2: rgba(10, 184, 97, 0.32);--vscode-icube--cue-diff-add: #00a56e;--vscode-icube--cue-diff-add-inline: rgba(0, 165, 110, 0.12);--vscode-icube--cue-diff-add-popup: rgba(0, 165, 110, 0.18);--vscode-icube--cue-diff-remove: rgba(232, 70, 58, 0.14);--vscode-icube--cue-diff-line: rgba(0, 0, 0, 0.32);--vscode-solo-lite-root-background: #edeff2;--vscode-icube-memoryRiskBackground: #fef3e2;--vscode-icube-memoryRiskBorder: #e8a838;--vscode-icube-memoryRiskIcon: #c87a1c;--vscode-icube-blendColor.hek-btnHover.hek-bg2: #e0e3e9;--vscode-icube-blendColor.hek-btnTransparent3.hek-bg2: #d3d8df;--vscode-editor-lineHighlightBackground: rgba(114, 118, 123, 0.08);--vscode-editor-inactiveLineHighlightBackground: rgba(114, 118, 123, 0.08);--vscode-editor-lineHighlightBorder: #eeeeee;--vscode-editor-rangeHighlightBackground: rgba(253, 255, 0, 0.2);--vscode-editor-symbolHighlightBackground: rgba(234, 92, 0, 0.33);--vscode-editorCursor-foreground: #000000;--vscode-editorMultiCursor-primary.hek-foreground: #000000;--vscode-editorMultiCursor-secondary.hek-foreground: #000000;--vscode-editorWhitespace-foreground: rgba(51, 51, 51, 0.2);--vscode-editorLineNumber-foreground: #72767b;--vscode-editorIndentGuide-background: rgba(77, 107, 153, 0.09);--vscode-editorIndentGuide-activeBackground: rgba(77, 107, 153, 0.36);--vscode-editorIndentGuide-background1: rgba(77, 107, 153, 0.09);--vscode-editorIndentGuide-background2: rgba(0, 0, 0, 0);--vscode-editorIndentGuide-background3: rgba(0, 0, 0, 0);--vscode-editorIndentGuide-background4: rgba(0, 0, 0, 0);--vscode-editorIndentGuide-background5: rgba(0, 0, 0, 0);--vscode-editorIndentGuide-background6: rgba(0, 0, 0, 0);--vscode-editorIndentGuide-activeBackground1: rgba(77, 107, 153, 0.36);--vscode-editorIndentGuide-activeBackground2: rgba(0, 0, 0, 0);--vscode-editorIndentGuide-activeBackground3: rgba(0, 0, 0, 0);--vscode-editorIndentGuide-activeBackground4: rgba(0, 0, 0, 0);--vscode-editorIndentGuide-activeBackground5: rgba(0, 0, 0, 0);--vscode-editorIndentGuide-activeBackground6: rgba(0, 0, 0, 0);--vscode-editorActiveLineNumber-foreground: #0b216f;--vscode-editorLineNumber-activeForeground: #111214;--vscode-editorRuler-foreground: #d3d3d3;--vscode-editorCodeLens-foreground: #919191;--vscode-editorBracketMatch-background: rgba(114, 118, 123, 0.24);--vscode-editorBracketMatch-border: #b9b9b9;--vscode-editorOverviewRuler-border: rgba(127, 127, 127, 0.3);--vscode-editorGutter-background: #ffffff;--vscode-editorUnnecessaryCode-opacity: rgba(0, 0, 0, 0.5);--vscode-editorGhostText-foreground: rgba(0, 0, 0, 0.47);--vscode-editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, 0.6);--vscode-editorOverviewRuler-errorForeground: rgba(255, 18, 18, 0.7);--vscode-editorOverviewRuler-warningForeground: #bf8803;--vscode-editorOverviewRuler-infoForeground: #0063d3;--vscode-editorBracketHighlight-foreground1: #0431fa;--vscode-editorBracketHighlight-foreground2: #319331;--vscode-editorBracketHighlight-foreground3: #7b3814;--vscode-editorBracketHighlight-foreground4: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-foreground5: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-foreground6: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-unexpectedBracket.hek-foreground: rgba(255, 18, 18, 0.8);--vscode-editorBracketPairGuide-background1: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background2: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background3: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background4: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background5: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background6: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground1: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground2: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground3: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground4: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground5: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0);--vscode-editorUnicodeHighlight-border: #bf8803;--vscode-diffEditor-move.hek-border: rgba(139, 139, 139, 0.61);--vscode-diffEditor-moveActive.hek-border: #ffa500;--vscode-diffEditor-unchangedRegionShadow: rgba(115, 115, 115, 0.75);--vscode-settings-headerForeground: #111214;--vscode-settings-settingsHeaderHoverForeground: rgba(17, 18, 20, 0.7);--vscode-settings-modifiedItemIndicator: #36393d;--vscode-settings-headerBorder: rgba(77, 107, 153, 0.18);--vscode-settings-sashBorder: rgba(128, 128, 128, 0.35);--vscode-settings-dropdownBackground: #ffffff;--vscode-settings-dropdownForeground: #31353a;--vscode-settings-dropdownBorder: rgba(77, 107, 153, 0.09);--vscode-settings-dropdownListBorder: #c8c8c8;--vscode-settings-checkboxBackground: #ffffff;--vscode-settings-checkboxForeground: #31353a;--vscode-settings-checkboxBorder: #919191;--vscode-settings-textInputBackground: rgba(86, 99, 119, 0.07);--vscode-settings-textInputForeground: #31353a;--vscode-settings-textInputBorder: #cecece;--vscode-settings-numberInputBackground: rgba(86, 99, 119, 0.07);--vscode-settings-numberInputForeground: #31353a;--vscode-settings-numberInputBorder: #cecece;--vscode-settings-focusedRowBackground: rgba(86, 99, 119, 0.07);--vscode-settings-rowHoverBackground: rgba(86, 99, 119, 0.03);--vscode-settings-focusedRowBorder: rgba(0, 0, 0, 0);--vscode-editorOverviewRuler-bracketMatchForeground: #a0a0a0;--vscode-actionBar-toggledBackground: #dddddd;--vscode-symbolIcon-arrayForeground: #31353a;--vscode-symbolIcon-booleanForeground: #31353a;--vscode-symbolIcon-classForeground: #d67e00;--vscode-symbolIcon-colorForeground: #31353a;--vscode-symbolIcon-constantForeground: #31353a;--vscode-symbolIcon-constructorForeground: #652d90;--vscode-symbolIcon-enumeratorForeground: #d67e00;--vscode-symbolIcon-enumeratorMemberForeground: #007acc;--vscode-symbolIcon-eventForeground: #d67e00;--vscode-symbolIcon-fieldForeground: #007acc;--vscode-symbolIcon-fileForeground: #31353a;--vscode-symbolIcon-folderForeground: #31353a;--vscode-symbolIcon-functionForeground: #652d90;--vscode-symbolIcon-interfaceForeground: #007acc;--vscode-symbolIcon-keyForeground: #31353a;--vscode-symbolIcon-keywordForeground: #31353a;--vscode-symbolIcon-methodForeground: #b180d7;--vscode-symbolIcon-moduleForeground: #31353a;--vscode-symbolIcon-namespaceForeground: #31353a;--vscode-symbolIcon-nullForeground: #31353a;--vscode-symbolIcon-numberForeground: #31353a;--vscode-symbolIcon-objectForeground: #31353a;--vscode-symbolIcon-operatorForeground: #31353a;--vscode-symbolIcon-packageForeground: #31353a;--vscode-symbolIcon-propertyForeground: #31353a;--vscode-symbolIcon-referenceForeground: #31353a;--vscode-symbolIcon-snippetForeground: #31353a;--vscode-symbolIcon-stringForeground: #31353a;--vscode-symbolIcon-structForeground: #31353a;--vscode-symbolIcon-textForeground: #31353a;--vscode-symbolIcon-typeParameterForeground: #31353a;--vscode-symbolIcon-unitForeground: #31353a;--vscode-symbolIcon-variableForeground: #007acc;--vscode-peekViewTitle-background: #f3f3f3;--vscode-peekViewTitleLabel-foreground: #000000;--vscode-peekViewTitleDescription-foreground: #616161;--vscode-peekView-border: #0063d3;--vscode-peekViewResult-background: #f3f3f3;--vscode-peekViewResult-lineForeground: #646465;--vscode-peekViewResult-fileForeground: #1e1e1e;--vscode-peekViewResult-selectionBackground: rgba(51, 153, 255, 0.2);--vscode-peekViewResult-selectionForeground: #6c6c6c;--vscode-peekViewEditor-background: #f2f8fc;--vscode-peekViewEditorGutter-background: #f2f8fc;--vscode-peekViewEditorStickyScroll-background: #f2f8fc;--vscode-peekViewEditorStickyScrollGutter-background: #f2f8fc;--vscode-peekViewResult-matchHighlightBackground: rgba(234, 92, 0, 0.3);--vscode-peekViewEditor-matchHighlightBackground: rgba(245, 216, 2, 0.87);--vscode-editorMarkerNavigationError-background: #e51400;--vscode-editorMarkerNavigationError-headerBackground: rgba(229, 20, 0, 0.1);--vscode-editorMarkerNavigationWarning-background: #bf8803;--vscode-editorMarkerNavigationWarning-headerBackground: rgba(191, 136, 3, 0.1);--vscode-editorMarkerNavigationInfo-background: #0063d3;--vscode-editorMarkerNavigationInfo-headerBackground: rgba(0, 99, 211, 0.1);--vscode-editorMarkerNavigation-background: #ffffff;--vscode-editor-foldBackground: rgba(47, 116, 255, 0.05);--vscode-editor-foldPlaceholderForeground: #808080;--vscode-editorGutter-foldingControlForeground: #5b6066;--vscode-editorSuggestWidget-background: #f3f3f3;--vscode-editorSuggestWidget-border: #c8c8c8;--vscode-editorSuggestWidget-foreground: #31353a;--vscode-editorSuggestWidget-selectedForeground: #111214;--vscode-editorSuggestWidget-selectedIconForeground: #5b6066;--vscode-editorSuggestWidget-selectedBackground: rgba(86, 99, 119, 0.11);--vscode-editorSuggestWidget-highlightForeground: #0066bf;--vscode-editorSuggestWidget-focusHighlightForeground: #0066bf;--vscode-editorSuggestWidgetStatus-foreground: rgba(49, 53, 58, 0.5);--vscode-inlineEdit-originalBackground: rgba(232, 70, 58, 0.03);--vscode-inlineEdit-modifiedBackground: rgba(64, 176, 139, 0.05);--vscode-inlineEdit-originalChangedLineBackground: rgba(232, 70, 58, 0.13);--vscode-inlineEdit-originalChangedTextBackground: rgba(232, 70, 58, 0.13);--vscode-inlineEdit-modifiedChangedLineBackground: rgba(64, 176, 139, 0.09);--vscode-inlineEdit-modifiedChangedTextBackground: rgba(64, 176, 139, 0.13);--vscode-inlineEdit-gutterIndicator.hek-primaryForeground: #ffffff;--vscode-inlineEdit-gutterIndicator.hek-primaryBorder: #31353a;--vscode-inlineEdit-gutterIndicator.hek-primaryBackground: rgba(49, 53, 58, 0.5);--vscode-inlineEdit-gutterIndicator.hek-secondaryForeground: #ffffff;--vscode-inlineEdit-gutterIndicator.hek-secondaryBorder: #5f6a79;--vscode-inlineEdit-gutterIndicator.hek-secondaryBackground: #5f6a79;--vscode-inlineEdit-gutterIndicator.hek-successfulForeground: #ffffff;--vscode-inlineEdit-gutterIndicator.hek-successfulBorder: #31353a;--vscode-inlineEdit-gutterIndicator.hek-successfulBackground: #31353a;--vscode-inlineEdit-gutterIndicator.hek-background: rgba(95, 95, 95, 0.09);--vscode-inlineEdit-originalBorder: rgba(232, 70, 58, 0.16);--vscode-inlineEdit-modifiedBorder: rgba(26, 70, 55, 0.18);--vscode-inlineEdit-tabWillAcceptModifiedBorder: rgba(26, 70, 55, 0.18);--vscode-inlineEdit-tabWillAcceptOriginalBorder: rgba(232, 70, 58, 0.16);--vscode-editor-linkedEditingBackground: rgba(255, 0, 0, 0.3);--vscode-editor-wordHighlightBackground: rgba(114, 118, 123, 0.24);--vscode-editor-wordHighlightStrongBackground: rgba(14, 99, 156, 0.25);--vscode-editor-wordHighlightTextBackground: rgba(114, 118, 123, 0.24);--vscode-editorOverviewRuler-wordHighlightForeground: rgba(160, 160, 160, 0.8);--vscode-editorOverviewRuler-wordHighlightStrongForeground: rgba(192, 160, 192, 0.8);--vscode-editorOverviewRuler-wordHighlightTextForeground: rgba(160, 160, 160, 0.8);--vscode-editorHoverWidget-highlightForeground: #0066bf;--vscode-editor-placeholder.hek-foreground: rgba(0, 0, 0, 0.47);--vscode-editorGutter-modifiedBackground: #2090d3;--vscode-editorGutter-modifiedSecondaryBackground: #aad8f2;--vscode-editorGutter-addedBackground: #48985d;--vscode-editorGutter-addedSecondaryBackground: #a7d5b3;--vscode-editorGutter-deletedBackground: #e51400;--vscode-editorGutter-deletedSecondaryBackground: #ff3d2b;--vscode-minimapGutter-modifiedBackground: #2090d3;--vscode-minimapGutter-addedBackground: #48985d;--vscode-minimapGutter-deletedBackground: #e51400;--vscode-editorOverviewRuler-modifiedForeground: rgba(32, 144, 211, 0.6);--vscode-editorOverviewRuler-addedForeground: rgba(72, 152, 93, 0.6);--vscode-editorOverviewRuler-deletedForeground: rgba(229, 20, 0, 0.6);--vscode-editorGutter-itemGlyphForeground: #31353a;--vscode-editorGutter-itemBackground: #dee0e5;--vscode-agentSessionReadIndicator-foreground: rgba(49, 53, 58, 0.15);--vscode-terminal-foreground: #333333;--vscode-terminal-selectionBackground: rgba(47, 116, 255, 0.18);--vscode-terminal-inactiveSelectionBackground: #e5ebf1;--vscode-terminalCommandDecoration-defaultBackground: rgba(0, 0, 0, 0.25);--vscode-terminalCommandDecoration-successBackground: #2090d3;--vscode-terminalCommandDecoration-errorBackground: #e51400;--vscode-terminalOverviewRuler-cursorForeground: rgba(160, 160, 160, 0.8);--vscode-terminal-border: rgba(128, 128, 128, 0.35);--vscode-terminalOverviewRuler-border: rgba(127, 127, 127, 0.3);--vscode-terminal-findMatchBackground: #a8ac94;--vscode-terminal-hoverHighlightBackground: rgba(173, 214, 255, 0.07);--vscode-terminal-findMatchHighlightBackground: rgba(234, 92, 0, 0.33);--vscode-terminalOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49);--vscode-terminal-dropBackground: rgba(33, 97, 224, 0.16);--vscode-terminal-tab.hek-activeBorder: #ffffff;--vscode-terminal-initialHintForeground: rgba(0, 0, 0, 0.47);--vscode-scmGraph-historyItemRefColor: #0063d3;--vscode-scmGraph-historyItemRemoteRefColor: #652d90;--vscode-scmGraph-historyItemBaseRefColor: #ea5c00;--vscode-scmGraph-historyItemHoverDefaultLabelForeground: #31353a;--vscode-scmGraph-historyItemHoverDefaultLabelBackground: #c4c4c4;--vscode-scmGraph-historyItemHoverLabelForeground: #ffffff;--vscode-scmGraph-historyItemHoverAdditionsForeground: #587c0c;--vscode-scmGraph-historyItemHoverDeletionsForeground: #ad0707;--vscode-scmGraph-foreground1: #ffb000;--vscode-scmGraph-foreground2: #dc267f;--vscode-scmGraph-foreground3: #994f00;--vscode-scmGraph-foreground4: #40b0a6;--vscode-scmGraph-foreground5: #b66dff;--vscode-commentsView-resolvedIcon: #8a9096;--vscode-commentsView-unresolvedIcon: rgba(0, 0, 0, 0);--vscode-editorCommentsWidget-replyInputBackground: #f3f3f3;--vscode-editorCommentsWidget-resolvedBorder: #8a9096;--vscode-editorCommentsWidget-unresolvedBorder: rgba(0, 0, 0, 0);--vscode-editorCommentsWidget-rangeBackground: rgba(0, 0, 0, 0);--vscode-editorCommentsWidget-rangeActiveBackground: rgba(0, 0, 0, 0);--vscode-editorGutter-commentRangeForeground: #dee0e5;--vscode-editorOverviewRuler-commentForeground: #dee0e5;--vscode-editorOverviewRuler-commentUnresolvedForeground: #dee0e5;--vscode-editorOverviewRuler-commentDraftForeground: #dee0e5;--vscode-editorGutter-commentGlyphForeground: #31353a;--vscode-editorGutter-commentUnresolvedGlyphForeground: #31353a;--vscode-editorGutter-commentDraftGlyphForeground: #31353a;--vscode-ports-iconRunningProcessForeground: #369432;--vscode-welcomePage-tileBackground: #f3f3f3;--vscode-welcomePage-tileHoverBackground: #dbdbdb;--vscode-welcomePage-tileBorder: rgba(0, 0, 0, 0.1);--vscode-welcomePage-progress.hek-background: rgba(86, 99, 119, 0.07);--vscode-welcomePage-progress.hek-foreground: #006ab1;--vscode-walkthrough-stepTitle.hek-foreground: #000000;--vscode-extensionIcon-verifiedForeground: #006ab1;--vscode-keybindingTable-headerBackground: rgba(49, 53, 58, 0.04);--vscode-keybindingTable-rowsBackground: rgba(49, 53, 58, 0.04);--vscode-extensionButton-background: #31353a;--vscode-extensionButton-foreground: #ffffff;--vscode-extensionButton-hoverBackground: #72767b;--vscode-extensionButton-separator: rgba(193, 195, 205, 0.12);--vscode-extensionButton-prominentBackground: #31353a;--vscode-extensionButton-prominentForeground: #ffffff;--vscode-extensionButton-prominentHoverBackground: #72767b;--vscode-debugToolBar-background: #edeff2;--vscode-debugIcon-startForeground: #388a34;--vscode-notebook-cellBorderColor: #e8e8e8;--vscode-notebook-focusedEditorBorder: rgba(0, 0, 0, 0);--vscode-notebookStatusSuccessIcon-foreground: #388a34;--vscode-notebookEditorOverviewRuler-runningCellForeground: #388a34;--vscode-notebookStatusErrorIcon-foreground: #cc4b53;--vscode-notebookStatusRunningIcon-foreground: #31353a;--vscode-notebook-cellToolbarSeparator: rgba(128, 128, 128, 0.35);--vscode-notebook-selectedCellBackground: rgba(200, 221, 241, 0.31);--vscode-notebook-selectedCellBorder: #e8e8e8;--vscode-notebook-focusedCellBorder: rgba(0, 0, 0, 0);--vscode-notebook-inactiveFocusedCellBorder: #e8e8e8;--vscode-notebook-cellStatusBarItemHoverBackground: rgba(0, 0, 0, 0.08);--vscode-notebook-cellInsertionIndicator: rgba(0, 0, 0, 0);--vscode-notebookScrollbarSlider-background: rgba(100, 100, 100, 0.4);--vscode-notebookScrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7);--vscode-notebookScrollbarSlider-activeBackground: rgba(0, 0, 0, 0.6);--vscode-notebook-symbolHighlightBackground: rgba(253, 255, 0, 0.2);--vscode-notebook-cellEditorBackground: #ffffff;--vscode-notebook-editorBackground: #ffffff;--vscode-inlineChat-foreground: #31353a;--vscode-inlineChat-background: #f3f3f3;--vscode-inlineChat-border: #c8c8c8;--vscode-inlineChat-shadow: rgba(0, 0, 0, 0.08);--vscode-inlineChatInput-border: #c8c8c8;--vscode-inlineChatInput-focusBorder: rgba(0, 0, 0, 0);--vscode-inlineChatInput-placeholderForeground: #5b6066;--vscode-inlineChatInput-background: rgba(86, 99, 119, 0.07);--vscode-inlineChatDiff-inserted: rgba(64, 176, 139, 0.09);--vscode-editorOverviewRuler-inlineChatInserted: rgba(64, 176, 139, 0.14);--vscode-editorMinimap-inlineChatInserted: rgba(64, 176, 139, 0.14);--vscode-inlineChatDiff-removed: rgba(232, 70, 58, 0.08);--vscode-editorOverviewRuler-inlineChatRemoved: rgba(232, 70, 58, 0.13);--vscode-chat-requestBorder: rgba(0, 0, 0, 0.1);--vscode-chat-requestBackground: rgba(255, 255, 255, 0.62);--vscode-chat-slashCommandBackground: rgba(173, 206, 255, 0.48);--vscode-chat-slashCommandForeground: #26569e;--vscode-chat-avatarBackground: #f2f2f2;--vscode-chat-avatarForeground: #31353a;--vscode-chat-editedFileForeground: #895503;--vscode-chat-requestCodeBorder: rgba(14, 99, 156, 0.25);--vscode-chat-requestBubbleBackground: rgba(47, 116, 255, 0.05);--vscode-chat-requestBubbleHoverBackground: rgba(47, 116, 255, 0.11);--vscode-chat-checkpointSeparator: #a9a9a9;--vscode-chat-linesAddedForeground: #107c10;--vscode-chat-linesRemovedForeground: #bc2f32;--vscode-extensionIcon-starForeground: #df6100;--vscode-extensionIcon-preReleaseForeground: #1d9271;--vscode-extensionIcon-sponsorForeground: #b51e78;--vscode-extensionIcon-privateForeground: rgba(0, 0, 0, 0.38);--vscode-debugExceptionWidget-border: #a31515;--vscode-debugExceptionWidget-background: #f1dfde;--vscode-editor-inlineValuesForeground: rgba(0, 0, 0, 0.5);--vscode-editor-inlineValuesBackground: rgba(255, 200, 0, 0.2);--vscode-debugIcon-breakpointForeground: #cc4b53;--vscode-debugIcon-breakpointDisabledForeground: #848484;--vscode-debugIcon-breakpointUnverifiedForeground: #848484;--vscode-debugIcon-breakpointCurrentStackframeForeground: #be8700;--vscode-debugIcon-breakpointStackframeForeground: #89d185;--vscode-editor-stackFrameHighlightBackground: rgba(255, 255, 102, 0.45);--vscode-editor-focusedStackFrameHighlightBackground: rgba(206, 231, 206, 0.45);--vscode-multiDiffEditor-headerBackground: #f8f8f9;--vscode-multiDiffEditor-background: #ffffff;--vscode-multiDiffEditor-border: #cccccc;--vscode-minimap-chatEditHighlight: rgba(255, 255, 255, 0.6);--vscode-chatManagement-sashBorder: rgba(128, 128, 128, 0.35);--vscode-gauge-foreground: #007acc;--vscode-gauge-background: rgba(0, 122, 204, 0.3);--vscode-gauge-warningForeground: #b89500;--vscode-gauge-warningBackground: rgba(184, 149, 0, 0.3);--vscode-gauge-errorForeground: #e8463a;--vscode-gauge-errorBackground: rgba(232, 70, 58, 0.3);--vscode-interactive-activeCodeBorder: #007acc;--vscode-interactive-inactiveCodeBorder: rgba(86, 99, 119, 0.11);--vscode-testing-iconFailed: #f14c4c;--vscode-testing-iconErrored: #f14c4c;--vscode-testing-iconPassed: #73c991;--vscode-testing-runAction: #73c991;--vscode-testing-iconQueued: #cca700;--vscode-testing-iconUnset: #848484;--vscode-testing-iconSkipped: #848484;--vscode-testing-peekBorder: #e51400;--vscode-testing-messagePeekBorder: #0063d3;--vscode-testing-peekHeaderBackground: rgba(229, 20, 0, 0.1);--vscode-testing-messagePeekHeaderBackground: rgba(0, 99, 211, 0.1);--vscode-testing-coveredBackground: rgba(64, 176, 139, 0.18);--vscode-testing-coveredBorder: rgba(64, 176, 139, 0.14);--vscode-testing-coveredGutterBackground: rgba(64, 176, 139, 0.11);--vscode-testing-uncoveredBranchBackground: #f7c3bf;--vscode-testing-uncoveredBackground: rgba(232, 70, 58, 0.16);--vscode-testing-uncoveredBorder: rgba(232, 70, 58, 0.12);--vscode-testing-uncoveredGutterBackground: rgba(232, 70, 58, 0.24);--vscode-testing-coverCountBadgeBackground: #c4c4c4;--vscode-testing-coverCountBadgeForeground: #333333;--vscode-testing-message.hek-error.hek-badgeBackground: #e51400;--vscode-testing-message.hek-error.hek-badgeBorder: #e51400;--vscode-testing-message.hek-error.hek-badgeForeground: #ffffff;--vscode-testing-message.hek-info.hek-decorationForeground: rgba(49, 53, 58, 0.5);--vscode-testing-iconErrored.hek-retired: rgba(241, 76, 76, 0.7);--vscode-testing-iconFailed.hek-retired: rgba(241, 76, 76, 0.7);--vscode-testing-iconPassed.hek-retired: rgba(115, 201, 145, 0.7);--vscode-testing-iconQueued.hek-retired: rgba(204, 167, 0, 0.7);--vscode-testing-iconUnset.hek-retired: rgba(132, 132, 132, 0.7);--vscode-testing-iconSkipped.hek-retired: rgba(132, 132, 132, 0.7);--vscode-searchEditor-textInputBorder: #cecece;--vscode-statusBar-debuggingBackground: #cc6633;--vscode-statusBar-debuggingForeground: #ffffff;--vscode-commandCenter-debuggingBackground: rgba(204, 102, 51, 0.26);--vscode-debugTokenExpression-name: #9b46b0;--vscode-debugTokenExpression-type: #4a90e2;--vscode-debugTokenExpression-value: rgba(108, 108, 108, 0.8);--vscode-debugTokenExpression-string: #a31515;--vscode-debugTokenExpression-boolean: #0000ff;--vscode-debugTokenExpression-number: #098658;--vscode-debugTokenExpression-error: #e51400;--vscode-debugView-exceptionLabelForeground: #ffffff;--vscode-debugView-exceptionLabelBackground: #a31515;--vscode-debugView-stateLabelForeground: #31353a;--vscode-debugView-stateLabelBackground: rgba(136, 136, 136, 0.27);--vscode-debugView-valueChangedHighlight: #569cd6;--vscode-debugConsole-infoForeground: #0063d3;--vscode-debugConsole-warningForeground: #bf8803;--vscode-debugConsole-errorForeground: #cc4b53;--vscode-debugConsole-sourceForeground: #31353a;--vscode-debugConsoleInputIcon-foreground: #31353a;--vscode-debugIcon-pauseForeground: #007acc;--vscode-debugIcon-stopForeground: #a1260d;--vscode-debugIcon-disconnectForeground: #a1260d;--vscode-debugIcon-restartForeground: #388a34;--vscode-debugIcon-stepOverForeground: #007acc;--vscode-debugIcon-stepIntoForeground: #007acc;--vscode-debugIcon-stepOutForeground: #007acc;--vscode-debugIcon-continueForeground: #007acc;--vscode-debugIcon-stepBackForeground: #007acc;--vscode-mergeEditor-change.hek-background: rgba(155, 185, 85, 0.2);--vscode-mergeEditor-change.hek-word.hek-background: rgba(156, 204, 44, 0.4);--vscode-mergeEditor-changeBase.hek-background: #ffcccc;--vscode-mergeEditor-changeBase.hek-word.hek-background: #ffa3a3;--vscode-mergeEditor-conflict.hek-unhandledUnfocused.hek-border: #ffa600;--vscode-mergeEditor-conflict.hek-unhandledFocused.hek-border: #ffa600;--vscode-mergeEditor-conflict.hek-handledUnfocused.hek-border: rgba(134, 134, 134, 0.29);--vscode-mergeEditor-conflict.hek-handledFocused.hek-border: rgba(193, 193, 193, 0.8);--vscode-mergeEditor-conflict.hek-handled.hek-minimapOverViewRuler: rgba(173, 172, 168, 0.93);--vscode-mergeEditor-conflict.hek-unhandled.hek-minimapOverViewRuler: #fcba03;--vscode-mergeEditor-conflictingLines.hek-background: rgba(255, 234, 0, 0.28);--vscode-mergeEditor-conflict.hek-input1.hek-background: rgba(64, 200, 174, 0.2);--vscode-mergeEditor-conflict.hek-input2.hek-background: rgba(64, 166, 255, 0.2);--vscode-terminal-ansiBlack: #000000;--vscode-terminal-ansiRed: #cd3131;--vscode-terminal-ansiGreen: #107c10;--vscode-terminal-ansiYellow: #949800;--vscode-terminal-ansiBlue: #0451a5;--vscode-terminal-ansiMagenta: #bc05bc;--vscode-terminal-ansiCyan: #0598bc;--vscode-terminal-ansiWhite: #555555;--vscode-terminal-ansiBrightBlack: #666666;--vscode-terminal-ansiBrightRed: #cd3131;--vscode-terminal-ansiBrightGreen: #14ce14;--vscode-terminal-ansiBrightYellow: #b5ba00;--vscode-terminal-ansiBrightBlue: #0451a5;--vscode-terminal-ansiBrightMagenta: #bc05bc;--vscode-terminal-ansiBrightCyan: #0598bc;--vscode-terminal-ansiBrightWhite: #a5a5a5;--vscode-simpleFindWidget-sashBorder: #c8c8c8;--vscode-terminalStickyScrollHover-background: #f0f0f0;--vscode-terminalCommandGuide-foreground: rgba(86, 99, 119, 0.11);--vscode-terminalSymbolIcon-flagForeground: #d67e00;--vscode-terminalSymbolIcon-aliasForeground: #b180d7;--vscode-terminalSymbolIcon-optionValueForeground: #007acc;--vscode-terminalSymbolIcon-methodForeground: #b180d7;--vscode-terminalSymbolIcon-argumentForeground: #007acc;--vscode-terminalSymbolIcon-optionForeground: #d67e00;--vscode-terminalSymbolIcon-fileForeground: #31353a;--vscode-terminalSymbolIcon-folderForeground: #31353a;--vscode-terminalSymbolIcon-commitForeground: #31353a;--vscode-terminalSymbolIcon-branchForeground: #31353a;--vscode-terminalSymbolIcon-tagForeground: #31353a;--vscode-terminalSymbolIcon-stashForeground: #31353a;--vscode-terminalSymbolIcon-remoteForeground: #31353a;--vscode-terminalSymbolIcon-pullRequestForeground: #31353a;--vscode-terminalSymbolIcon-pullRequestDoneForeground: #31353a;--vscode-terminalSymbolIcon-symbolicLinkFileForeground: #31353a;--vscode-terminalSymbolIcon-symbolicLinkFolderForeground: #31353a;--vscode-terminalSymbolIcon-symbolText: #31353a;--vscode-markdownAlert-note.hek-foreground: #0063d3;--vscode-markdownAlert-tip.hek-foreground: #388a34;--vscode-markdownAlert-important.hek-foreground: #652d90;--vscode-markdownAlert-warning.hek-foreground: #bf8803;--vscode-markdownAlert-caution.hek-foreground: #e51400;--vscode-walkThrough-embeddedEditorBackground: #f4f4f4;--vscode-profiles-sashBorder: rgba(128, 128, 128, 0.35);--vscode-icube-inlineChat.hek-regionHighlight: rgba(225, 225, 225, 0.2);--vscode-icube-inlineChatDiff.hek-inserted: rgba(64, 176, 139, 0.09);--vscode-icube-inlineChatDiff.hek-removed: rgba(232, 70, 58, 0.08);--vscode-icube-simpleInlineChat.hek-regionHighlight: rgba(225, 225, 225, 0.2);--vscode-icube-simpleInlineChatDiff.hek-inserted: rgba(64, 176, 139, 0.12);--vscode-icube-simpleInlineChatDiff.hek-removed: rgba(232, 70, 58, 0.12);--vscode-gitDecoration-addedResourceForeground: #587c0c;--vscode-gitDecoration-modifiedResourceForeground: #f0a50f;--vscode-gitDecoration-deletedResourceForeground: #ad0707;--vscode-gitDecoration-renamedResourceForeground: #00aa62;--vscode-gitDecoration-untrackedResourceForeground: #00aa62;--vscode-gitDecoration-ignoredResourceForeground: #8e8e90;--vscode-gitDecoration-stageModifiedResourceForeground: #f0a50f;--vscode-gitDecoration-stageDeletedResourceForeground: #ad0707;--vscode-gitDecoration-conflictingResourceForeground: #ad0707;--vscode-gitDecoration-submoduleResourceForeground: #1258a7;--vscode-git-blame.hek-editorDecorationForeground: #969696;}

/* ===== Style 10 ===== */

:root {
  --workspace-gap-width: 4px;
  --header-height: 48px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 20px;
  --radius-full: 9999px;
  --radius-2: 2px;
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-20: 20px;
  --radius-24: 24px;
  --radius-32: 32px;
  --radius-radius-2xs-4: 4px;
  --radius-radius-xs-6: 6px;
  --radius-radius-sm-8: 8px;
  --radius-radius-md-12: 12px;
  --radius-radius-lg-16: 16px;
  --radius-radius-xl-20: 20px;
  --radius-radius-2xl-24: 24px;
  --radius-radius-3xl-32: 32px;
  --radius-radius-full: 9999px;

  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 24px;
  --spacing-xxl: 32px;

  --spacer-0: 0px;
  --spacer-2: 2px;
  --spacer-4: 4px;
  --spacer-6: 6px;
  --spacer-8: 8px;
  --spacer-12: 12px;
  --spacer-16: 16px;
  --spacer-20: 20px;
  --spacer-24: 24px;
  --spacer-32: 32px;
  --spacer-40: 40px;
  --spacer-48: 48px;
  --spacer-64: 64px;

  --font-size-xs: 10px;
  --font-size-sm: 11px;
  --font-size-md: 12px;
  --font-size-regular: 13px;
  --font-size-base: 14px;
  --font-size-lg: 16px;
  --font-size-xl: 20px;
  --font-size-xxl: 24px;

  --font-family-default:
    'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, 'PingFang SC', 'Microsoft YaHei',
    'Hiragino Sans GB', Roboto, sans-serif;
  --font-family-heading:
    'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, 'PingFang SC', 'Microsoft YaHei',
    'Hiragino Sans GB', Roboto, sans-serif;
  --font-family-mono: 'JetBrains Mono', 'SF Mono', Monaco, Consolas, monospace;
  --font-weight-default: 400;
  --font-weight-code: 450;
  --font-weight-medium: 500;
  --font-weight-strong: 600;

  --chat-body-md: 13px/20px var(--font-family-default);
  --chat-body-md-strong: 500 13px/20px var(--font-family-default);
  --chat-body-base: 14px/22px var(--font-family-default);
  --chat-body-base-strong: 500 14px/22px var(--font-family-default);
  --chat-spacer-2xs: 2px;
  --chat-spacer-xs: 4px;
  --chat-spacer-sm: 8px;
  --chat-spacer-md: 12px;
  --chat-spacer-lg: 16px;
  --chat-spacer-xl: 20px;
  --chat-radius-xs: 4px;
  --chat-radius-sm: 8px;
  --chat-radius-md: 12px;
  --chat-radius-lg: 16px;
  --chat-list-item-height: 28px;

  --transition-fast: 0.15s ease;
  --transition-normal: 0.2s ease;
  --transition-slow: 0.3s ease;

  /* ===== Z-Index Layer System ===== */
  --z-base: 0;
  --z-above: 1;
  --z-above-2: 2;

  --z-sticky: 10;
  --z-local-overlay: 100;

  --z-dropdown: 1000;
  --z-popover: 1010;

  --z-modal-backdrop: 1090;
  --z-modal: 1100;
  --z-chat-input-popover: 1105;
  --z-drawer: 1120;
  --z-confirm: 1150;

  --z-notification: 1200;
  --z-tooltip: 1300;

  --z-fullscreen: 1400;

  /* 仅限基础设施 / 调试工具，业务组件禁止直接使用 */
  --z-max: 9999;
  /* GTM 是全窗口阻塞式系统弹窗，必须覆盖 IDE / Solo Lite 内所有业务浮层 */
  --z-gtm-modal: 2147483647;

  /* ===== Permission Mode Select ===== */
  --permission-trigger-height: 32px;
  --permission-trigger-radius: 8px;
  --permission-trigger-padding: 2px 8px;
  --permission-trigger-font-size: 14px;
  --permission-trigger-bg: transparent;
  --permission-trigger-gap: 4px;
  --permission-trigger-icon-size: 16px;
  --permission-settings-card-radius: 8px;
  --permission-settings-icon-radius: 6px;
  --permission-settings-action-radius: 8px;
  --permission-settings-mode-desc-font-size: 11px;
  --permission-settings-mode-desc-line-height: 16px;
  --permission-settings-card-title-font-weight: var(--font-weight-default);
}

[data-theme='light'], .hek-vs.hek-solo-lite {
  --shadow-elevation-50: 0 1px 2px -1px rgba(24, 24, 24, 0.08);
  --shadow-elevation-100: 0 3px 9px 0 rgba(24, 24, 24, 0.06);
  --shadow-elevation-100-float: 0 -3px 9px 0 rgba(24, 24, 24, 0.06);
  --shadow-elevation-200: 0 6px 24px -1px rgba(24, 24, 24, 0.06);
  --shadow-elevation-200-reverse: 0 -6px 24px -1px rgba(24, 24, 24, 0.06);
  --shadow-elevation-300: 0 2px 8px -1px rgba(24, 24, 24, 0.02), 0 10px 24px -1px rgba(24, 24, 24, 0.06);

  --shadow-elevation-100-tooltip: var(--shadow-elevation-100);
  --shadow-elevation-200-menu-panel: var(--shadow-elevation-200);
  --shadow-elevation-300-modal-panel: var(--shadow-elevation-300);

  /* 输入框阴影颜色 */
  --shadow-chat-input: 0 3px 8px 0 rgba(24, 24, 24, 0.04), 0 6px 24px -1px rgba(24, 24, 24, 0.06);
  --shadow-chat-input-focused: 0 4px 12px 0 rgba(24, 24, 24, 0.04), 0 6px 32px -1px rgba(24, 24, 24, 0.06);

  --bg-bg-base-default: #ffffff;
  --bg-bg-base-secondary: #f5f5f5;
  --bg-bg-base-tertiary: #e5e5e5;
  --bg-bg-menu: #ffffff;
  --bg-bg-tooltip: #fafafa;
  --bg-bg-input: #ffffff;
  --bg-bg-overlay-l1: rgba(115, 115, 115, 0.08);
  --bg-bg-overlay-l2: rgba(115, 115, 115, 0.12);
  --bg-bg-overlay-l3: rgba(115, 115, 115, 0.16);
  --bg-bg-overlay-l4: rgba(115, 115, 115, 0.20);
  --bg-bg-white: #ffffff;
  --bg-bg-brand: #4b3fe3;
  --bg-bg-brand-hover: #6a6fff;
  --bg-bg-brand-active: #3f31c6;
  --bg-bg-brand-disabled: rgba(75, 63, 227, 0.22);
  --bg-bg-brand-popup: rgba(170, 183, 255, 0.36);
  /* brand-sub 兼容（品牌色已统一，sub 映射为主品牌色） */
  --bg-bg-brand-sub: var(--bg-bg-brand);
  --bg-bg-brand-hover-sub: var(--bg-bg-brand-hover);
  --bg-bg-brand-disabled-sub: var(--bg-bg-brand-disabled);
  --bg-bg-brand-popup-sub: var(--bg-bg-brand-popup);
  --bg-bg-invert: #262626;
  --bg-bg-invert-hover: #404040;
  --bg-bg-invert-active: #171717;
  --bg-bg-invert-disabled: rgba(115, 115, 115, 0.20);
  --bg-bg-marketplace-banner-overlay-start: rgba(82, 130, 193, 0);
  --bg-bg-marketplace-banner-overlay-end: rgba(82, 130, 193, 0.8);
  --bg-bg-marketplace-banner-control: rgba(0, 0, 0, 0.25);
  --bg-bg-card: #fafafa;
  --bg-bg-card-hover: #ffffff;
  --bg-bg-marketplace-banner-plugin-tag: #e5f3ff;
  --bg-bg-marketplace-banner-preview-mask-start: rgba(255, 255, 255, 0.9);
  --bg-bg-marketplace-banner-preview-mask-end: rgba(255, 255, 255, 0.54);
  --shadow-marketplace-banner-preview-card: 0px 6px 12px -1px rgba(0, 0, 0, 0.18), 0px 10px 24px -1px rgba(0, 0, 0, 0.2);
  --shadow-marketplace-banner-preview-card-small: 0px 2.8023247718811035px 5.604649543762207px -0.4670540988445282px rgba(0, 0, 0, 0.18), 0px 4.670541763305664px 11.209299087524414px -0.4670540988445282px rgba(0, 0, 0, 0.2);
  --shadow-marketplace-banner-preview-card-large: 0px 4.55377721786499px 9.10755443572998px -0.758962869644165px rgba(0, 0, 0, 0.18), 0px 7.589629650115967px 18.21510887145996px -0.758962869644165px rgba(0, 0, 0, 0.2);
  --shadow-marketplace-banner-preview-input: 0px 0px 24px -1px rgba(24, 24, 24, 0.06), 0px -12px 8px -1px rgba(24, 24, 24, 0.02);
  --chat-bg-card: var(--bg-bg-card);
  --chat-bg-card-hover: var(--bg-bg-base-default);
  --special-bgtabsoverlay: rgba(255, 255, 255, 0.12);
  --special-tabsoverlay: rgba(193, 195, 205, 0.12);
  --text-text-default: #171717;
  --text-text-default-hover: #262626;
  --text-text-default-active: #262626;
  --text-text-secondary: #404040;
  --text-text-secondary-hover: #171717;
  --text-text-secondary-active: #171717;
  --text-text-tertiary: #737373;
  --text-text-disabled: #a1a1a1;
  --text-text-brand: #4b3fe3;
  --text-text-brand-hover: #6a6fff;
  --text-text-brand-sub: var(--text-text-brand);
  --text-text-brand-hover-sub: var(--text-text-brand-hover);
  --text-text-onbrand: #171717;
  --text-text-onaccent: #ffffff;
  --text-text-marketplace-banner-on-light: #0a0a0a;
  --text-text-marketplace-banner-plugin-tag: #054c8f;
  --icon-icon-default: #262626;
  --icon-icon-default-hover: #171717;
  --icon-icon-default-active: #171717;
  --icon-icon-secondary: #404040;
  --icon-icon-secondary-hover: #262626;
  --icon-icon-secondary-active: #262626;
  --icon-icon-tertiary: #737373;
  --icon-icon-disabled: #a1a1a1;
  --icon-icon-brand: #4b3fe3;
  --icon-icon-brand-hover: #6a6fff;
  --icon-icon-brand-sub: var(--icon-icon-brand);
  --icon-icon-brand-hover-sub: var(--icon-icon-brand-hover);
  --icon-icon-onbrand: #0a0a0a;
  --icon-icon-onaccent: #ffffff;
  --icon-icon-white: #ffffff;
  --border-border-neutral-l1: rgba(115, 115, 115, 0.12);
  --border-border-neutral-l2: rgba(115, 115, 115, 0.18);
  --border-border-neutral-l3: rgba(115, 115, 115, 0.36);
  --border-border-brand: #4b3fe3;
  --border-border-brand-sub: var(--border-border-brand);
  --border-border-contrast: #000000;
  --status-primary-default: #2f74ff;
  --status-primary-hover: #4c88ff;
  --status-primary-active: #1759dd;
  --status-primary-surface-l1: rgba(47, 116, 255, 0.12);
  --status-primary-surface-l2: rgba(47, 116, 255, 0.18);
  --status-primary-surface-l3: rgba(47, 116, 255, 0.36);
  --status-success-default: #15a877;
  --status-success-hover: #2fb287;
  --status-success-active: #1e8b56;
  --status-success-surface-l1: rgba(64, 176, 139, 0.12);
  --status-success-surface-l2: rgba(64, 176, 139, 0.18);
  --status-success-surface-l3: rgba(64, 176, 139, 0.36);
  --status-alert-default: #fea900;
  --status-alert-hover: #ffb700;
  --status-alert-active: #e59100;
  --status-alert-surface-l1: rgba(254, 169, 0, 0.14);
  --status-alert-surface-l2: rgba(254, 169, 0, 0.20);
  --status-alert-surface-l3: rgba(254, 169, 0, 0.36);
  --status-warning-default: #e27900;
  --status-warning-hover: #f39a35;
  --status-warning-active: #c46f11;
  --status-warning-surface-l1: rgba(226, 121, 0, 0.12);
  --status-warning-surface-l2: rgba(226, 121, 0, 0.16);
  --status-warning-surface-l3: rgba(226, 121, 0, 0.36);
  --status-error-default: #e8463a;
  --status-error-hover: #ea574c;
  --status-error-active: #c9382f;
  --status-error-surface-l1: rgba(232, 70, 58, 0.12);
  --status-error-surface-l2: rgba(232, 70, 58, 0.16);
  --status-error-surface-l3: rgba(232, 70, 58, 0.36);
  --accent-accent-teal: #00b983;
  --accent-accent-coral: #ff6b45;
  --accent-accent-amber: #f2a90c;
  --accent-accent-lime: #5fc000;
  --accent-accent-cyan: #00b6f5;
  --accent-accent-blue: #3f85ff;
  --accent-accent-magenta: #f53cff;
  --accent-accent-violet: #9570ff;
  --accent-accent-slate: #747e94;
  --code-code-text: #17181a;
  --code-code-doc: #8393a3;
  --code-code-link: #2f74ff;
  --code-code-number: #e54595;
  --code-code-action: #5f36b2;
  --code-code-instruction: #b15ef2;
  --code-code-function: #ff5d4d;
  --code-code-constant: #175ce6;
  --code-code-parameter: #4da621;
  --code-code-attribute: #c99100;
  --code-code-tag: #e24864;
  --code-code-terminal: #17181a;
  --code-code-contrast: #17181a;
  --code-code-editor: #17181a;
  --special-white: #ffffff;
  --special-black: #000000;
  --viz-viz-series-amber: #edaa45;
  --viz-viz-series-coral: #f87454;
  --viz-viz-series-indigo: #b6a3ff;
  --viz-viz-series-lime: #a6ea39;
  --viz-viz-series-magenta: #fb9dd7;
  --viz-viz-series-mint: #1dc981;
  --viz-viz-series-sky: #22a5f7;
  --viz-viz-series-slate: #859ead;
  --viz-viz-series-teal: #59e8e8;
  --viz-viz-series-violet: #b655fc;
  --viz-viz-ui-bg-chart: #ffffff;
  --viz-viz-ui-bg-tooltip: #fafafa;
  --viz-viz-ui-chart-axis: rgba(115, 115, 115, 0.18);
  --viz-viz-ui-chart-subtitle: #404040;
  --viz-viz-ui-chart-tick: #404040;
  --viz-viz-ui-chart-title: #171717;
  --viz-viz-ui-legend-label: #404040;
  --viz-viz-ui-legend-value: #171717;
  --brand-blue-100: #e5f3ff;
  --brand-blue-200: #cce6ff;
  --brand-blue-300: #b2daff;
  --brand-blue-400: #99ceff;
  --brand-blue-500: #80c1ff;
  --brand-blue-600: #64b4ff;
  --brand-blue-700: #3792e6;
  --brand-blue-800: #1071cb;
  --brand-blue-900: #054c8f;
  --brand-blue-1000: #00284d;
  --brand-blue-grey-100: #f1eff4;
  --brand-blue-grey-200: #e0e1e6;
  --brand-blue-grey-300: #cfd3d8;
  --brand-blue-grey-400: #bfc5ca;
  --brand-blue-grey-500: #b0b5ba;
  --brand-blue-grey-600: #a0a6ab;
  --brand-blue-grey-700: #80898e;
  --brand-blue-grey-800: #5e696e;
  --brand-blue-grey-900: #404a4f;
  --brand-blue-grey-1000: #21262b;
  --brand-green-grey-100: #f1f4f4;
  --brand-green-grey-200: #e0e6e6;
  --brand-green-grey-300: #cfd8d8;
  --brand-green-grey-400: #bfcaca;
  --brand-green-grey-500: #b0baba;
  --brand-green-grey-600: #a0abab;
  --brand-green-grey-700: #808e8e;
  --brand-green-grey-800: #5e6e6e;
  --brand-green-grey-900: #404f4f;
  --brand-green-grey-1000: #212b2b;
  --brand-purple-100: #e8e5ff;
  --brand-purple-200: #d2ccff;
  --brand-purple-300: #bbb2ff;
  --brand-purple-400: #a599ff;
  --brand-purple-500: #8e80ff;
  --brand-purple-600: #7864ff;
  --brand-purple-700: #4c37e6;
  --brand-purple-800: #2610cb;
  --brand-purple-900: #15058f;
  --brand-purple-1000: #09004d;
  --brand-red-100: #ffe5e5;
  --brand-red-200: #ffcccc;
  --brand-red-300: #ffb2b2;
  --brand-red-400: #ff9999;
  --brand-red-500: #ff8080;
  --brand-red-600: #ff6464;
  --brand-red-700: #e63737;
  --brand-red-800: #cb1010;
  --brand-red-900: #8f0505;
  --brand-red-1000: #4d0000;
  --brand-yellow-100: #fff6e5;
  --brand-yellow-200: #ffeccc;
  --brand-yellow-300: #ffe3b2;
  --brand-yellow-400: #ffda99;
  --brand-yellow-500: #ffd080;
  --brand-yellow-600: #ffc864;
  --brand-yellow-700: #e6a637;
  --brand-yellow-800: #cb8710;
  --brand-yellow-900: #8f5c05;
  --brand-yellow-1000: #4d3000;
  --brand-blue-grey-100: #f1eff4;
  --brand-blue-grey-200: #e0e1e6;
  --brand-blue-grey-300: #cfd3d8;
  --brand-blue-grey-400: #bfc5ca;
  --brand-blue-grey-500: #b0b5ba;
  --brand-blue-grey-600: #a0a6ab;
  --brand-blue-grey-700: #80898e;
  --brand-blue-grey-800: #5e696e;
  --brand-blue-grey-900: #404a4f;
  --brand-blue-grey-1000: #21262b;
  --brand-green-grey-100: #f1f4f4;
  --brand-green-grey-200: #e0e6e6;
  --brand-green-grey-300: #cfd8d8;
  --brand-green-grey-400: #bfcaca;
  --brand-green-grey-500: #b0baba;
  --brand-green-grey-600: #a0abab;
  --brand-green-grey-700: #808e8e;
  --brand-green-grey-800: #5e6e6e;
  --brand-green-grey-900: #404f4f;
  --brand-green-grey-1000: #212b2b;
  --brand-neutral-grey-100: #f2f2f2;
  --brand-neutral-grey-200: #e3e3e3;
  --brand-neutral-grey-300: #d6d6d6;
  --brand-neutral-grey-400: #c7c7c7;
  --brand-neutral-grey-500: #bababa;
  --brand-neutral-grey-600: #ababab;
  --brand-neutral-grey-700: #8a8a8a;
  --brand-neutral-grey-800: #686868;
  --brand-neutral-grey-900: #474747;
  --brand-neutral-grey-1000: #262626;
  --brand-brand-50: #f2f7ff;
  --brand-brand-100: #e5eaff;
  --brand-brand-200: #cfd8ff;
  --brand-brand-300: #aab7ff;
  --brand-brand-400: #8894ff;
  --brand-brand-500: #6a6fff;
  --brand-brand-600: #4b3fe3;
  --brand-brand-700: #3f31c6;
  --brand-brand-800: #2c2290;
  --brand-brand-900: #1a1759;
  --brand-brand-950: #010109;
  --brand-brand-grey-50: #fafafa;
  --brand-brand-grey-100: #f5f5f5;
  --brand-brand-grey-200: #e5e5e5;
  --brand-brand-grey-300: #d4d4d4;
  --brand-brand-grey-400: #a1a1a1;
  --brand-brand-grey-500: #737373;
  --brand-brand-grey-600: #525252;
  --brand-brand-grey-700: #404040;
  --brand-brand-grey-800: #262626;
  --brand-brand-grey-900: #171717;
  --brand-brand-grey-950: #0a0a0a;
  --brand-brand-grey-50: #fafafa;
  --brand-brand-grey-100: #f5f5f5;
  --brand-brand-grey-200: #e5e5e5;
  --brand-brand-grey-300: #d4d4d4;
  --brand-brand-grey-400: #a1a1a1;
  --brand-brand-grey-500: #737373;
  --brand-brand-grey-600: #525252;
  --brand-brand-grey-700: #404040;
  --brand-brand-grey-800: #262626;
  --brand-brand-grey-900: #171717;
  --brand-brand-grey-950: #0a0a0a;

  --body-body-xs: 10px/1.5 var(--font-family-default);
  --body-body-sm: 11px/1.5 var(--font-family-default);
  --body-body-sm-strong: 600 11px/1.5 var(--font-family-default);
  --body-body-md: 12px/1.5 var(--font-family-default);
  --body-body-md-strong: 600 12px/1.5 var(--font-family-default);
  --body-body-base: 14px/1.5 var(--font-family-default);
  --body-body-base-strong: 600 14px/1.5 var(--font-family-default);
  --heading-heading-3xs: 600 10px/1.4 var(--font-family-heading);
  --heading-heading-2xs: 600 11px/1.4 var(--font-family-heading);
  --heading-heading-xs: 600 12px/1.4 var(--font-family-heading);
  --heading-heading-sm: 600 13px/1.4 var(--font-family-heading);
  --heading-heading-md: 600 14px/1.4 var(--font-family-heading);
  --heading-heading-lg: 600 16px/1.4 var(--font-family-heading);
  --heading-heading-xl: 600 20px/1.4 var(--font-family-heading);
  --heading-heading-2xl: 600 24px/1.4 var(--font-family-heading);
  --heading-heading-3xl: 600 32px/1.4 var(--font-family-heading);

  --bg-bg-overlay-l0: rgba(86, 99, 119, 0.03);
  --bg-primary-item: rgba(86, 99, 119, 0.15);
  --bg-primary-item-hover: rgba(86, 99, 119, 0.22);
  --border-primary-item: rgba(77, 107, 153, 0.09);
  --border-primary-item-hover: rgba(77, 107, 153, 0.15);
  --bg-bg-menu-old: #f8f9fa;
  /* 首页输入框边框颜色（纯色，用于内凹圆弧等需要精确边框的场景） */
  --homepage-input-border-color: #dfe3eb;

  --welcome-logo-bg: var(--bg-bg-brand, #0fdc78);
  --welcome-logo-color: #000000;

  --user-message-bg-solid: #E3F8ED;
  --user-message-bg-solid-transparent: rgba(227, 248, 237, 0);
  --user-message-bg-solid-sub: #E9E6FF;
  --user-message-bg-solid-sub-transparent: rgba(233, 230, 255, 0);
  --sheet-text-color: #000000;
  --slash-mention-bg: rgba(63, 133, 255, 0.15);
  --builtin-slash-mention-bg: rgba(149, 112, 255, 0.15);

  --gradient-golden: linear-gradient(180deg, #c0a115 0%, #dfbd27 100%);
  --special-bggoldoverlay: rgba(210, 181, 19, 0.12);
  --query-tag-bg-grey: var(--bg-bg-overlay-l2);
  --query-tag-text-grey: var(--text-text-default);
  --query-tag-height: 20px;
  --query-tag-padding: 0px 4px;
  --query-tag-gap: 2px;
  --query-tag-radius: 0px;
  --query-tag-icon-slot-size: 20px;
  --query-tag-icon-size: 16px;
  --query-tag-font-size: 14px;
  --query-tag-font-weight: 500;
  --query-tag-letter-spacing: -0.02em;
  --query-tag-bg-neutral: transparent;
  --query-tag-text-neutral: var(--text-text-secondary);
  --query-tag-bg-brand: transparent;
  --query-tag-text-brand: var(--status-primary-default);
  --query-tag-text-command: var(--text-text-brand);
  --query-tag-text-design: var(--brand-brand-800);
  --query-tag-text-lark-sheet: #26c914;
  --query-tag-text-lark-bitable: var(--accent-accent-violet);
  --query-tag-icon-pdf: #cb1010;
  --query-tag-icon-zip: var(--icon-icon-default);
  --query-tag-icon-json: #cb8710;
  --query-tag-icon-html: #226ef2;
  --query-tag-icon-video: #3f85ff;
  --query-tag-bg-blue: rgba(128, 193, 255, 0.18);

  --bg-bg-brand-old: #0fdc78;
  --gradient-brand: linear-gradient(90deg, #0ac27b 0%, #0ecd70 36%, #06c179 72%, #63c5b1 100%);
  --text-text-preformat-foreground: #a31515;
}

[data-theme='dark'], .hek-vs-dark.hek-solo-lite {
  --shadow-elevation-50: 0 1px 2px -1px rgba(0, 0, 0, 0.45);
  --shadow-elevation-100: 0 3px 9px 0 rgba(0, 0, 0, 0.25);
  --shadow-elevation-100-float: 0 -3px 9px 0 rgba(0, 0, 0, 0.25);
  --shadow-elevation-200: 0 6px 24px -1px rgba(0, 0, 0, 0.25);
  --shadow-elevation-200-reverse: 0 -6px 24px -1px rgba(0, 0, 0, 0.25);
  --shadow-elevation-300: 0 2px 8px -1px rgba(0, 0, 0, 0.18), 0 10px 24px -1px rgba(0, 0, 0, 0.30);
  --shadow-elevation-100-tooltip: var(--shadow-elevation-100);
  --shadow-elevation-200-menu-panel: var(--shadow-elevation-200);
  --shadow-elevation-300-modal-panel: var(--shadow-elevation-300);

  /* 输入框阴影颜色 */
  --shadow-chat-input: 0 3px 8px 0 rgba(24, 24, 24, 0.08), 0 6px 24px -1px rgba(24, 24, 24, 0.12);
  --shadow-chat-input-focused: 0 4px 12px 0 rgba(24, 24, 24, 0.08), 0 6px 32px -1px rgba(24, 24, 24, 0.12);

  --bg-bg-base-default: #171717;
  --bg-bg-base-secondary: #262626;
  --bg-bg-base-tertiary: #404040;
  --bg-bg-menu: #171717;
  --bg-bg-tooltip: #171717;
  --bg-bg-input: #171717;
  --bg-bg-overlay-l1: rgba(212, 212, 212, 0.04);
  --bg-bg-overlay-l2: rgba(212, 212, 212, 0.06);
  --bg-bg-overlay-l3: rgba(212, 212, 212, 0.08);
  --bg-bg-overlay-l4: rgba(212, 212, 212, 0.12);
  --bg-bg-white: #ffffff;
  --bg-bg-brand: #4b3fe3;
  --bg-bg-brand-hover: #6a6fff;
  --bg-bg-brand-active: #3f31c6;
  --bg-bg-brand-disabled: rgba(75, 63, 227, 0.35);
  --bg-bg-brand-popup: rgba(106, 111, 255, 0.15);
  --bg-bg-brand-sub: var(--bg-bg-brand);
  --bg-bg-brand-hover-sub: var(--bg-bg-brand-hover);
  --bg-bg-brand-disabled-sub: var(--bg-bg-brand-disabled);
  --bg-bg-brand-popup-sub: var(--bg-bg-brand-popup);
  --bg-bg-invert: #e5e5e5;
  --bg-bg-invert-hover: #f5f5f5;
  --bg-bg-invert-active: #e5e5e5;
  --bg-bg-invert-disabled: rgba(212, 212, 212, 0.06);
  --bg-bg-marketplace-banner-overlay-start: rgba(82, 130, 193, 0);
  --bg-bg-marketplace-banner-overlay-end: rgba(82, 130, 193, 0.8);
  --bg-bg-marketplace-banner-control: rgba(0, 0, 0, 0.25);
  --bg-bg-card: #202020;
  --bg-bg-card-hover: #171717;
  --bg-bg-marketplace-banner-plugin-tag: #e5f3ff;
  --bg-bg-marketplace-banner-preview-mask-start: rgba(255, 255, 255, 0.9);
  --bg-bg-marketplace-banner-preview-mask-end: rgba(255, 255, 255, 0.54);
  --shadow-marketplace-banner-preview-card: 0px 6px 12px -1px rgba(0, 0, 0, 0.18), 0px 10px 24px -1px rgba(0, 0, 0, 0.2);
  --shadow-marketplace-banner-preview-card-small: 0px 2.8023247718811035px 5.604649543762207px -0.4670540988445282px rgba(0, 0, 0, 0.18), 0px 4.670541763305664px 11.209299087524414px -0.4670540988445282px rgba(0, 0, 0, 0.2);
  --shadow-marketplace-banner-preview-card-large: 0px 4.55377721786499px 9.10755443572998px -0.758962869644165px rgba(0, 0, 0, 0.18), 0px 7.589629650115967px 18.21510887145996px -0.758962869644165px rgba(0, 0, 0, 0.2);
  --shadow-marketplace-banner-preview-input: 0px 0px 24px -1px rgba(24, 24, 24, 0.06), 0px -12px 8px -1px rgba(24, 24, 24, 0.02);
  --chat-bg-card: #202020;
  --chat-bg-card-hover: var(--bg-bg-base-default);
  --special-bgtabsoverlay: rgba(0, 0, 0, 0.20);
  --special-tabsoverlay: rgba(13, 14, 15, 0.18);
  --text-text-default: #e5e5e5;
  --text-text-default-hover: #fafafa;
  --text-text-default-active: #fafafa;
  --text-text-secondary: #a1a1a1;
  --text-text-secondary-hover: #e5e5e5;
  --text-text-secondary-active: #e5e5e5;
  --text-text-tertiary: #737373;
  --text-text-disabled: #525252;
  --text-text-brand: #6a6fff;
  --text-text-brand-hover: #4b3fe3;
  --text-text-brand-sub: var(--text-text-brand);
  --text-text-brand-hover-sub: var(--text-text-brand-hover);
  --text-text-onbrand: #171717;
  --text-text-onaccent: #171717;
  --text-text-marketplace-banner-on-light: #0a0a0a;
  --text-text-marketplace-banner-plugin-tag: #054c8f;
  --icon-icon-default: #e5e5e5;
  --icon-icon-default-hover: #fafafa;
  --icon-icon-default-active: #fafafa;
  --icon-icon-secondary: #a1a1a1;
  --icon-icon-secondary-hover: #e5e5e5;
  --icon-icon-secondary-active: #e5e5e5;
  --icon-icon-tertiary: #737373;
  --icon-icon-disabled: #525252;
  --icon-icon-brand: #6a6fff;
  --icon-icon-brand-hover: #4b3fe3;
  --icon-icon-brand-sub: var(--icon-icon-brand);
  --icon-icon-brand-hover-sub: var(--icon-icon-brand-hover);
  --icon-icon-onbrand: #0a0a0a;
  --icon-icon-onaccent: #0A0A0A;
  --icon-icon-white: #ffffff;
  --border-border-neutral-l1: rgba(229, 229, 229, 0.10);
  --border-border-neutral-l2: rgba(229, 229, 229, 0.16);
  --border-border-neutral-l3: rgba(229, 229, 229, 0.20);
  --border-border-brand: #6a6fff;
  --border-border-brand-sub: var(--border-border-brand);
  --border-border-contrast: #ffffff;
  --status-primary-default: #387bff;
  --status-primary-hover: #4c88ff;
  --status-primary-active: #1759dd;
  --status-primary-surface-l1: rgba(53, 121, 255, 0.18);
  --status-primary-surface-l2: rgba(53, 121, 255, 0.28);
  --status-primary-surface-l3: rgba(53, 121, 255, 0.36);
  --status-success-default: #33c192;
  --status-success-hover: #5ed4ad;
  --status-success-active: #27b082;
  --status-success-surface-l1: rgba(0, 165, 110, 0.18);
  --status-success-surface-l2: rgba(0, 165, 110, 0.28);
  --status-success-surface-l3: rgba(0, 165, 110, 0.36);
  --status-alert-default: #d29d00;
  --status-alert-hover: #dfb949;
  --status-alert-active: #ab8820;
  --status-alert-surface-l1: rgba(210, 157, 0, 0.16);
  --status-alert-surface-l2: rgba(210, 157, 0, 0.28);
  --status-alert-surface-l3: rgba(210, 157, 0, 0.36);
  --status-warning-default: #d27e24;
  --status-warning-hover: #d78b28;
  --status-warning-active: #b46510;
  --status-warning-surface-l1: rgba(210, 126, 36, 0.16);
  --status-warning-surface-l2: rgba(210, 126, 36, 0.28);
  --status-warning-surface-l3: rgba(210, 126, 36, 0.36);
  --status-error-default: #f65a5a;
  --status-error-hover: #f86262;
  --status-error-active: #b33636;
  --status-error-surface-l1: rgba(246, 70, 70, 0.18);
  --status-error-surface-l2: rgba(246, 70, 70, 0.28);
  --status-error-surface-l3: rgba(246, 70, 70, 0.36);
  --accent-accent-teal: #2dd288;
  --accent-accent-coral: #ff9392;
  --accent-accent-amber: #dcb364;
  --accent-accent-lime: #8acb3a;
  --accent-accent-cyan: #04cbe5;
  --accent-accent-blue: #7bb8ff;
  --accent-accent-magenta: #ec93ff;
  --accent-accent-violet: #bfa5ff;
  --accent-accent-slate: #afb9cf;
  --code-code-text: #e0e3ee;
  --code-code-doc: #7f838c;
  --code-code-link: #3c7eff;
  --code-code-number: #f48cca;
  --code-code-action: #b38cff;
  --code-code-instruction: #f0d8ff;
  --code-code-function: #f29d79;
  --code-code-constant: #80bbff;
  --code-code-parameter: #82d99f;
  --code-code-attribute: #ded47e;
  --code-code-tag: #f2858c;
  --code-code-terminal: #e0e3ee;
  --code-code-contrast: #e0e3ee;
  --code-code-editor: #e0e3ee;
  --special-white: #ffffff;
  --special-black: #000000;
  --viz-viz-series-amber: #edaa45;
  --viz-viz-series-coral: #f87454;
  --viz-viz-series-indigo: #b6a3ff;
  --viz-viz-series-lime: #a6ea39;
  --viz-viz-series-magenta: #fb9dd7;
  --viz-viz-series-mint: #1dc981;
  --viz-viz-series-sky: #22a5f7;
  --viz-viz-series-slate: #859ead;
  --viz-viz-series-teal: #78f2f2;
  --viz-viz-series-violet: #b655fc;
  --viz-viz-ui-bg-chart: #171717;
  --viz-viz-ui-bg-tooltip: #0a0a0a;
  --viz-viz-ui-chart-axis: rgba(229, 229, 229, 0.16);
  --viz-viz-ui-chart-subtitle: #737373;
  --viz-viz-ui-chart-tick: #737373;
  --viz-viz-ui-chart-title: #e5e5e5;
  --viz-viz-ui-legend-label: #737373;
  --viz-viz-ui-legend-value: #e5e5e5;
  --brand-blue-100: #e5f3ff;
  --brand-blue-200: #cce6ff;
  --brand-blue-300: #b2daff;
  --brand-blue-400: #99ceff;
  --brand-blue-500: #80c1ff;
  --brand-blue-600: #64b4ff;
  --brand-blue-700: #3792e6;
  --brand-blue-800: #1071cb;
  --brand-blue-900: #054c8f;
  --brand-blue-1000: #00284d;
  --brand-blue-grey-100: #f1eff4;
  --brand-blue-grey-200: #e0e1e6;
  --brand-blue-grey-300: #cfd3d8;
  --brand-blue-grey-400: #bfc5ca;
  --brand-blue-grey-500: #b0b5ba;
  --brand-blue-grey-600: #a0a6ab;
  --brand-blue-grey-700: #80898e;
  --brand-blue-grey-800: #5e696e;
  --brand-blue-grey-900: #404a4f;
  --brand-blue-grey-1000: #21262b;
  --brand-green-grey-100: #f1f4f4;
  --brand-green-grey-200: #e0e6e6;
  --brand-green-grey-300: #cfd8d8;
  --brand-green-grey-400: #bfcaca;
  --brand-green-grey-500: #b0baba;
  --brand-green-grey-600: #a0abab;
  --brand-green-grey-700: #808e8e;
  --brand-green-grey-800: #5e6e6e;
  --brand-green-grey-900: #404f4f;
  --brand-green-grey-1000: #212b2b;
  --brand-purple-100: #e8e5ff;
  --brand-purple-200: #d2ccff;
  --brand-purple-300: #bbb2ff;
  --brand-purple-400: #a599ff;
  --brand-purple-500: #8e80ff;
  --brand-purple-600: #7864ff;
  --brand-purple-700: #4c37e6;
  --brand-purple-800: #2610cb;
  --brand-purple-900: #15058f;
  --brand-purple-1000: #09004d;
  --brand-red-100: #ffe5e5;
  --brand-red-200: #ffcccc;
  --brand-red-300: #ffb2b2;
  --brand-red-400: #ff9999;
  --brand-red-500: #ff8080;
  --brand-red-600: #ff6464;
  --brand-red-700: #e63737;
  --brand-red-800: #cb1010;
  --brand-red-900: #8f0505;
  --brand-red-1000: #4d0000;
  --brand-yellow-100: #fff6e5;
  --brand-yellow-200: #ffeccc;
  --brand-yellow-300: #ffe3b2;
  --brand-yellow-400: #ffda99;
  --brand-yellow-500: #ffd080;
  --brand-yellow-600: #ffc864;
  --brand-yellow-700: #e6a637;
  --brand-yellow-800: #cb8710;
  --brand-yellow-900: #8f5c05;
  --brand-yellow-1000: #4d3000;
  --brand-blue-grey-100: #f1eff4;
  --brand-blue-grey-200: #e0e1e6;
  --brand-blue-grey-300: #cfd3d8;
  --brand-blue-grey-400: #bfc5ca;
  --brand-blue-grey-500: #b0b5ba;
  --brand-blue-grey-600: #a0a6ab;
  --brand-blue-grey-700: #80898e;
  --brand-blue-grey-800: #5e696e;
  --brand-blue-grey-900: #404a4f;
  --brand-blue-grey-1000: #21262b;
  --brand-green-grey-100: #f1f4f4;
  --brand-green-grey-200: #e0e6e6;
  --brand-green-grey-300: #cfd8d8;
  --brand-green-grey-400: #bfcaca;
  --brand-green-grey-500: #b0baba;
  --brand-green-grey-600: #a0abab;
  --brand-green-grey-700: #808e8e;
  --brand-green-grey-800: #5e6e6e;
  --brand-green-grey-900: #404f4f;
  --brand-green-grey-1000: #212b2b;
  --brand-neutral-grey-100: #f2f2f2;
  --brand-neutral-grey-200: #e3e3e3;
  --brand-neutral-grey-300: #d6d6d6;
  --brand-neutral-grey-400: #c7c7c7;
  --brand-neutral-grey-500: #bababa;
  --brand-neutral-grey-600: #ababab;
  --brand-neutral-grey-700: #8a8a8a;
  --brand-neutral-grey-800: #686868;
  --brand-neutral-grey-900: #474747;
  --brand-neutral-grey-1000: #262626;
  --brand-brand-50: #f2f7ff;
  --brand-brand-100: #e5eaff;
  --brand-brand-200: #cfd8ff;
  --brand-brand-300: #aab7ff;
  --brand-brand-400: #8894ff;
  --brand-brand-500: #6a6fff;
  --brand-brand-600: #4b3fe3;
  --brand-brand-700: #3f31c6;
  --brand-brand-800: #2c2290;
  --brand-brand-900: #1a1759;
  --brand-brand-950: #010109;
  --brand-brand-grey-50: #fafafa;
  --brand-brand-grey-100: #f5f5f5;
  --brand-brand-grey-200: #e5e5e5;
  --brand-brand-grey-300: #d4d4d4;
  --brand-brand-grey-400: #a1a1a1;
  --brand-brand-grey-500: #737373;
  --brand-brand-grey-600: #525252;
  --brand-brand-grey-700: #404040;
  --brand-brand-grey-800: #262626;
  --brand-brand-grey-900: #171717;
  --brand-brand-grey-950: #0a0a0a;
  --brand-brand-grey-50: #fafafa;
  --brand-brand-grey-100: #f5f5f5;
  --brand-brand-grey-200: #e5e5e5;
  --brand-brand-grey-300: #d4d4d4;
  --brand-brand-grey-400: #a1a1a1;
  --brand-brand-grey-500: #737373;
  --brand-brand-grey-600: #525252;
  --brand-brand-grey-700: #404040;
  --brand-brand-grey-800: #262626;
  --brand-brand-grey-900: #171717;
  --brand-brand-grey-950: #0a0a0a;

  --body-body-xs: 10px/1.5 var(--font-family-default);
  --body-body-sm: 11px/1.5 var(--font-family-default);
  --body-body-sm-strong: 600 11px/1.5 var(--font-family-default);
  --body-body-md: 12px/1.5 var(--font-family-default);
  --body-body-md-strong: 600 12px/1.5 var(--font-family-default);
  --body-body-base: 14px/1.5 var(--font-family-default);
  --body-body-base-strong: 600 14px/1.5 var(--font-family-default);
  --heading-heading-3xs: 600 10px/1.4 var(--font-family-heading);
  --heading-heading-2xs: 600 11px/1.4 var(--font-family-heading);
  --heading-heading-xs: 600 12px/1.4 var(--font-family-heading);
  --heading-heading-sm: 600 13px/1.4 var(--font-family-heading);
  --heading-heading-md: 600 14px/1.4 var(--font-family-heading);
  --heading-heading-lg: 600 16px/1.4 var(--font-family-heading);
  --heading-heading-xl: 600 20px/1.4 var(--font-family-heading);
  --heading-heading-2xl: 600 24px/1.4 var(--font-family-heading);
  --heading-heading-3xl: 600 32px/1.4 var(--font-family-heading);

  --bg-bg-overlay-l0: rgba(224, 226, 242, 0.03);
  --bg-primary-item: rgba(224, 226, 242, 0.08);
  --bg-primary-item-hover: rgba(224, 226, 242, 0.12);
  --border-primary-item: rgba(224, 226, 242, 0.06);
  --border-primary-item-hover: rgba(224, 226, 242, 0.1);
  /* 首页输入框边框颜色（纯色，用于内凹圆弧等需要精确边框的场景） */
  --homepage-input-border-color: #343538;

  --welcome-logo-bg: #000000;
  --welcome-logo-color: var(--bg-bg-brand, #0fdc78);

  --user-message-bg-solid: #1D352A;
  --user-message-bg-solid-transparent: rgba(29, 53, 42, 0);
  --user-message-bg-solid-sub: #2B2A38;
  --user-message-bg-solid-sub-transparent: rgba(43, 42, 56, 0);
  --sheet-text-color: #ffffff;
  --slash-mention-bg: rgba(63, 133, 255, 0.15);
  --builtin-slash-mention-bg: rgba(149, 112, 255, 0.15);

  --gradient-golden: linear-gradient(180deg, #DAB444 0%, #FFEA8E 100%);
  --special-bggoldoverlay: rgba(139, 128, 65, 0.12);
  --query-tag-bg-grey: var(--bg-bg-overlay-l2);
  --query-tag-text-grey: var(--text-text-default);
  --query-tag-height: 20px;
  --query-tag-padding: 0px 4px;
  --query-tag-gap: 2px;
  --query-tag-radius: 0px;
  --query-tag-icon-slot-size: 20px;
  --query-tag-icon-size: 16px;
  --query-tag-font-size: 14px;
  --query-tag-font-weight: 500;
  --query-tag-letter-spacing: -0.02em;
  --query-tag-bg-neutral: transparent;
  --query-tag-text-neutral: var(--text-text-secondary);
  --query-tag-bg-brand: transparent;
  --query-tag-text-brand: var(--status-primary-default);
  --query-tag-text-command: var(--text-text-brand);
  --query-tag-text-design: var(--text-text-brand);
  --query-tag-text-lark-sheet: #26c914;
  --query-tag-text-lark-bitable: var(--accent-accent-violet);
  --query-tag-icon-pdf: #cb1010;
  --query-tag-icon-zip: var(--icon-icon-default);
  --query-tag-icon-json: #cb8710;
  --query-tag-icon-html: #226ef2;
  --query-tag-icon-video: #3f85ff;
  --query-tag-bg-blue: rgba(128, 193, 255, 0.14);

  --bg-bg-brand-old: #32f08c;
  --gradient-brand: linear-gradient(90deg, #3ee1a3 0%, #32f08c 36%, #60f2bd 71.63%, #a0fde7 100%);
  --text-text-preformat-foreground: #d7ba7d;
}

[data-theme='dark-blue'], .hek-vs-dark.hek-solo-lite {
  --shadow-elevation-50: 0 1px 2px -1px rgba(0, 0, 0, 0.45);
  --shadow-elevation-100: 0 3px 9px 0 rgba(0, 0, 0, 0.25);
  --shadow-elevation-100-float: 0 -3px 9px 0 rgba(0, 0, 0, 0.25);
  --shadow-elevation-200: 0 6px 24px -1px rgba(0, 0, 0, 0.25);
  --shadow-elevation-200-reverse: 0 -6px 24px -1px rgba(0, 0, 0, 0.25);
  --shadow-elevation-300: 0 2px 8px -1px rgba(0, 0, 0, 0.18), 0 10px 24px -1px rgba(0, 0, 0, 0.30);
  --shadow-elevation-100-tooltip: var(--shadow-elevation-100);
  --shadow-elevation-200-menu-panel: var(--shadow-elevation-200);
  --shadow-elevation-300-modal-panel: var(--shadow-elevation-300);

  /* 输入框阴影颜色 */
  --shadow-chat-input: 0 3px 8px 0 rgba(24, 24, 24, 0.08), 0 6px 24px -1px rgba(24, 24, 24, 0.12);
  --shadow-chat-input-focused: 0 4px 12px 0 rgba(24, 24, 24, 0.08), 0 6px 32px -1px rgba(24, 24, 24, 0.12);

  --bg-bg-base-default: #171717;
  --bg-bg-base-secondary: #262626;
  --bg-bg-base-tertiary: #404040;
  --bg-bg-menu: #171717;
  --bg-bg-tooltip: #171717;
  --bg-bg-input: #171717;
  --bg-bg-overlay-l1: rgba(212, 212, 212, 0.04);
  --bg-bg-overlay-l2: rgba(212, 212, 212, 0.06);
  --bg-bg-overlay-l3: rgba(212, 212, 212, 0.08);
  --bg-bg-overlay-l4: rgba(212, 212, 212, 0.12);
  --bg-bg-white: #ffffff;
  --bg-bg-brand: #4b3fe3;
  --bg-bg-brand-hover: #6a6fff;
  --bg-bg-brand-active: #3f31c6;
  --bg-bg-brand-disabled: rgba(75, 63, 227, 0.35);
  --bg-bg-brand-popup: rgba(106, 111, 255, 0.15);
  --bg-bg-brand-sub: var(--bg-bg-brand);
  --bg-bg-brand-hover-sub: var(--bg-bg-brand-hover);
  --bg-bg-brand-disabled-sub: var(--bg-bg-brand-disabled);
  --bg-bg-brand-popup-sub: var(--bg-bg-brand-popup);
  --bg-bg-invert: #e5e5e5;
  --bg-bg-invert-hover: #f5f5f5;
  --bg-bg-invert-active: #e5e5e5;
  --bg-bg-invert-disabled: rgba(212, 212, 212, 0.06);
  --bg-bg-marketplace-banner-overlay-start: rgba(82, 130, 193, 0);
  --bg-bg-marketplace-banner-overlay-end: rgba(82, 130, 193, 0.8);
  --bg-bg-marketplace-banner-control: rgba(0, 0, 0, 0.25);
  --bg-bg-card: #202020;
  --bg-bg-card-hover: #171717;
  --bg-bg-marketplace-banner-plugin-tag: #e5f3ff;
  --bg-bg-marketplace-banner-preview-mask-start: rgba(255, 255, 255, 0.9);
  --bg-bg-marketplace-banner-preview-mask-end: rgba(255, 255, 255, 0.54);
  --shadow-marketplace-banner-preview-card: 0px 6px 12px -1px rgba(0, 0, 0, 0.18), 0px 10px 24px -1px rgba(0, 0, 0, 0.2);
  --shadow-marketplace-banner-preview-card-small: 0px 2.8023247718811035px 5.604649543762207px -0.4670540988445282px rgba(0, 0, 0, 0.18), 0px 4.670541763305664px 11.209299087524414px -0.4670540988445282px rgba(0, 0, 0, 0.2);
  --shadow-marketplace-banner-preview-card-large: 0px 4.55377721786499px 9.10755443572998px -0.758962869644165px rgba(0, 0, 0, 0.18), 0px 7.589629650115967px 18.21510887145996px -0.758962869644165px rgba(0, 0, 0, 0.2);
  --shadow-marketplace-banner-preview-input: 0px 0px 24px -1px rgba(24, 24, 24, 0.06), 0px -12px 8px -1px rgba(24, 24, 24, 0.02);
  --chat-bg-card: var(--bg-bg-card);
  --chat-bg-card-hover: var(--bg-bg-base-default);
  --special-bgtabsoverlay: rgba(0, 0, 0, 0.20);
  --special-tabsoverlay: rgba(13, 14, 15, 0.18);
  --text-text-default: #e5e5e5;
  --text-text-default-hover: #fafafa;
  --text-text-default-active: #fafafa;
  --text-text-secondary: #a1a1a1;
  --text-text-secondary-hover: #e5e5e5;
  --text-text-secondary-active: #e5e5e5;
  --text-text-tertiary: #737373;
  --text-text-disabled: #525252;
  --text-text-brand: #6a6fff;
  --text-text-brand-hover: #4b3fe3;
  --text-text-brand-sub: var(--text-text-brand);
  --text-text-brand-hover-sub: var(--text-text-brand-hover);
  --text-text-onbrand: #171717;
  --text-text-onaccent: #171717;
  --text-text-marketplace-banner-on-light: #0a0a0a;
  --text-text-marketplace-banner-plugin-tag: #054c8f;
  --icon-icon-default: #e5e5e5;
  --icon-icon-default-hover: #fafafa;
  --icon-icon-default-active: #fafafa;
  --icon-icon-secondary: #a1a1a1;
  --icon-icon-secondary-hover: #e5e5e5;
  --icon-icon-secondary-active: #e5e5e5;
  --icon-icon-tertiary: #737373;
  --icon-icon-disabled: #525252;
  --icon-icon-brand: #6a6fff;
  --icon-icon-brand-hover: #4b3fe3;
  --icon-icon-brand-sub: var(--icon-icon-brand);
  --icon-icon-brand-hover-sub: var(--icon-icon-brand-hover);
  --icon-icon-onbrand: #0a0a0a;
  --icon-icon-onaccent: #0A0A0A;
  --icon-icon-white: #ffffff;
  --border-border-neutral-l1: rgba(229, 229, 229, 0.10);
  --border-border-neutral-l2: rgba(229, 229, 229, 0.16);
  --border-border-neutral-l3: rgba(229, 229, 229, 0.20);
  --border-border-brand: #6a6fff;
  --border-border-brand-sub: var(--border-border-brand);
  --border-border-contrast: #ffffff;
  --status-primary-default: #387bff;
  --status-primary-hover: #4c88ff;
  --status-primary-active: #1759dd;
  --status-primary-surface-l1: rgba(53, 121, 255, 0.18);
  --status-primary-surface-l2: rgba(53, 121, 255, 0.28);
  --status-primary-surface-l3: rgba(53, 121, 255, 0.36);
  --status-success-default: #33c192;
  --status-success-hover: #5ed4ad;
  --status-success-active: #27b082;
  --status-success-surface-l1: rgba(0, 165, 110, 0.18);
  --status-success-surface-l2: rgba(0, 165, 110, 0.28);
  --status-success-surface-l3: rgba(0, 165, 110, 0.36);
  --status-alert-default: #d29d00;
  --status-alert-hover: #dfb949;
  --status-alert-active: #ab8820;
  --status-alert-surface-l1: rgba(210, 157, 0, 0.16);
  --status-alert-surface-l2: rgba(210, 157, 0, 0.28);
  --status-alert-surface-l3: rgba(210, 157, 0, 0.36);
  --status-warning-default: #d27e24;
  --status-warning-hover: #d78b28;
  --status-warning-active: #b46510;
  --status-warning-surface-l1: rgba(210, 126, 36, 0.16);
  --status-warning-surface-l2: rgba(210, 126, 36, 0.28);
  --status-warning-surface-l3: rgba(210, 126, 36, 0.36);
  --status-error-default: #f65a5a;
  --status-error-hover: #f86262;
  --status-error-active: #b33636;
  --status-error-surface-l1: rgba(246, 70, 70, 0.18);
  --status-error-surface-l2: rgba(246, 70, 70, 0.28);
  --status-error-surface-l3: rgba(246, 70, 70, 0.36);
  --accent-accent-teal: #2dd288;
  --accent-accent-coral: #ff9392;
  --accent-accent-amber: #dcb364;
  --accent-accent-lime: #8acb3a;
  --accent-accent-cyan: #04cbe5;
  --accent-accent-blue: #7bb8ff;
  --accent-accent-magenta: #ec93ff;
  --accent-accent-violet: #bfa5ff;
  --accent-accent-slate: #afb9cf;
  --code-code-text: #e0e3ee;
  --code-code-doc: #7f838c;
  --code-code-link: #3c7eff;
  --code-code-number: #f48cca;
  --code-code-action: #b38cff;
  --code-code-instruction: #f0d8ff;
  --code-code-function: #f29d79;
  --code-code-constant: #80bbff;
  --code-code-parameter: #82d99f;
  --code-code-attribute: #ded47e;
  --code-code-tag: #f2858c;
  --code-code-terminal: #e0e3ee;
  --code-code-contrast: #e0e3ee;
  --code-code-editor: #e0e3ee;
  --special-white: #ffffff;
  --special-black: #000000;
  --viz-viz-series-amber: #edaa45;
  --viz-viz-series-coral: #f87454;
  --viz-viz-series-indigo: #b6a3ff;
  --viz-viz-series-lime: #a6ea39;
  --viz-viz-series-magenta: #fb9dd7;
  --viz-viz-series-mint: #1dc981;
  --viz-viz-series-sky: #22a5f7;
  --viz-viz-series-slate: #859ead;
  --viz-viz-series-teal: #78f2f2;
  --viz-viz-series-violet: #b655fc;
  --viz-viz-ui-bg-chart: #171717;
  --viz-viz-ui-bg-tooltip: #0a0a0a;
  --viz-viz-ui-chart-axis: rgba(229, 229, 229, 0.16);
  --viz-viz-ui-chart-subtitle: #737373;
  --viz-viz-ui-chart-tick: #737373;
  --viz-viz-ui-chart-title: #e5e5e5;
  --viz-viz-ui-legend-label: #737373;
  --viz-viz-ui-legend-value: #e5e5e5;
  --brand-blue-100: #e5f3ff;
  --brand-blue-200: #cce6ff;
  --brand-blue-300: #b2daff;
  --brand-blue-400: #99ceff;
  --brand-blue-500: #80c1ff;
  --brand-blue-600: #64b4ff;
  --brand-blue-700: #3792e6;
  --brand-blue-800: #1071cb;
  --brand-blue-900: #054c8f;
  --brand-blue-1000: #00284d;
  --brand-blue-grey-100: #f1eff4;
  --brand-blue-grey-200: #e0e1e6;
  --brand-blue-grey-300: #cfd3d8;
  --brand-blue-grey-400: #bfc5ca;
  --brand-blue-grey-500: #b0b5ba;
  --brand-blue-grey-600: #a0a6ab;
  --brand-blue-grey-700: #80898e;
  --brand-blue-grey-800: #5e696e;
  --brand-blue-grey-900: #404a4f;
  --brand-blue-grey-1000: #21262b;
  --brand-green-grey-100: #f1f4f4;
  --brand-green-grey-200: #e0e6e6;
  --brand-green-grey-300: #cfd8d8;
  --brand-green-grey-400: #bfcaca;
  --brand-green-grey-500: #b0baba;
  --brand-green-grey-600: #a0abab;
  --brand-green-grey-700: #808e8e;
  --brand-green-grey-800: #5e6e6e;
  --brand-green-grey-900: #404f4f;
  --brand-green-grey-1000: #212b2b;
  --brand-purple-100: #e8e5ff;
  --brand-purple-200: #d2ccff;
  --brand-purple-300: #bbb2ff;
  --brand-purple-400: #a599ff;
  --brand-purple-500: #8e80ff;
  --brand-purple-600: #7864ff;
  --brand-purple-700: #4c37e6;
  --brand-purple-800: #2610cb;
  --brand-purple-900: #15058f;
  --brand-purple-1000: #09004d;
  --brand-red-100: #ffe5e5;
  --brand-red-200: #ffcccc;
  --brand-red-300: #ffb2b2;
  --brand-red-400: #ff9999;
  --brand-red-500: #ff8080;
  --brand-red-600: #ff6464;
  --brand-red-700: #e63737;
  --brand-red-800: #cb1010;
  --brand-red-900: #8f0505;
  --brand-red-1000: #4d0000;
  --brand-yellow-100: #fff6e5;
  --brand-yellow-200: #ffeccc;
  --brand-yellow-300: #ffe3b2;
  --brand-yellow-400: #ffda99;
  --brand-yellow-500: #ffd080;
  --brand-yellow-600: #ffc864;
  --brand-yellow-700: #e6a637;
  --brand-yellow-800: #cb8710;
  --brand-yellow-900: #8f5c05;
  --brand-yellow-1000: #4d3000;
  --brand-blue-grey-100: #f1eff4;
  --brand-blue-grey-200: #e0e1e6;
  --brand-blue-grey-300: #cfd3d8;
  --brand-blue-grey-400: #bfc5ca;
  --brand-blue-grey-500: #b0b5ba;
  --brand-blue-grey-600: #a0a6ab;
  --brand-blue-grey-700: #80898e;
  --brand-blue-grey-800: #5e696e;
  --brand-blue-grey-900: #404a4f;
  --brand-blue-grey-1000: #21262b;
  --brand-green-grey-100: #f1f4f4;
  --brand-green-grey-200: #e0e6e6;
  --brand-green-grey-300: #cfd8d8;
  --brand-green-grey-400: #bfcaca;
  --brand-green-grey-500: #b0baba;
  --brand-green-grey-600: #a0abab;
  --brand-green-grey-700: #808e8e;
  --brand-green-grey-800: #5e6e6e;
  --brand-green-grey-900: #404f4f;
  --brand-green-grey-1000: #212b2b;
  --brand-neutral-grey-100: #f2f2f2;
  --brand-neutral-grey-200: #e3e3e3;
  --brand-neutral-grey-300: #d6d6d6;
  --brand-neutral-grey-400: #c7c7c7;
  --brand-neutral-grey-500: #bababa;
  --brand-neutral-grey-600: #ababab;
  --brand-neutral-grey-700: #8a8a8a;
  --brand-neutral-grey-800: #686868;
  --brand-neutral-grey-900: #474747;
  --brand-neutral-grey-1000: #262626;
  --brand-brand-50: #f2f7ff;
  --brand-brand-100: #e5eaff;
  --brand-brand-200: #cfd8ff;
  --brand-brand-300: #aab7ff;
  --brand-brand-400: #8894ff;
  --brand-brand-500: #6a6fff;
  --brand-brand-600: #4b3fe3;
  --brand-brand-700: #3f31c6;
  --brand-brand-800: #2c2290;
  --brand-brand-900: #1a1759;
  --brand-brand-950: #010109;
  --brand-brand-grey-50: #fafafa;
  --brand-brand-grey-100: #f5f5f5;
  --brand-brand-grey-200: #e5e5e5;
  --brand-brand-grey-300: #d4d4d4;
  --brand-brand-grey-400: #a1a1a1;
  --brand-brand-grey-500: #737373;
  --brand-brand-grey-600: #525252;
  --brand-brand-grey-700: #404040;
  --brand-brand-grey-800: #262626;
  --brand-brand-grey-900: #171717;
  --brand-brand-grey-950: #0a0a0a;
  --brand-brand-grey-50: #fafafa;
  --brand-brand-grey-100: #f5f5f5;
  --brand-brand-grey-200: #e5e5e5;
  --brand-brand-grey-300: #d4d4d4;
  --brand-brand-grey-400: #a1a1a1;
  --brand-brand-grey-500: #737373;
  --brand-brand-grey-600: #525252;
  --brand-brand-grey-700: #404040;
  --brand-brand-grey-800: #262626;
  --brand-brand-grey-900: #171717;
  --brand-brand-grey-950: #0a0a0a;

  --body-body-xs: 10px/1.5 var(--font-family-default);
  --body-body-sm: 11px/1.5 var(--font-family-default);
  --body-body-sm-strong: 600 11px/1.5 var(--font-family-default);
  --body-body-md: 12px/1.5 var(--font-family-default);
  --body-body-md-strong: 600 12px/1.5 var(--font-family-default);
  --body-body-base: 14px/1.5 var(--font-family-default);
  --body-body-base-strong: 600 14px/1.5 var(--font-family-default);
  --heading-heading-3xs: 600 10px/1.4 var(--font-family-heading);
  --heading-heading-2xs: 600 11px/1.4 var(--font-family-heading);
  --heading-heading-xs: 600 12px/1.4 var(--font-family-heading);
  --heading-heading-sm: 600 13px/1.4 var(--font-family-heading);
  --heading-heading-md: 600 14px/1.4 var(--font-family-heading);
  --heading-heading-lg: 600 16px/1.4 var(--font-family-heading);
  --heading-heading-xl: 600 20px/1.4 var(--font-family-heading);
  --heading-heading-2xl: 600 24px/1.4 var(--font-family-heading);
  --heading-heading-3xl: 600 32px/1.4 var(--font-family-heading);

  --bg-bg-overlay-l0: rgba(176, 192, 244, 0.03);
  --bg-primary-item: rgba(176, 192, 244, 0.09);
  --bg-primary-item-hover: rgba(176, 192, 244, 0.13);
  --border-primary-item: rgba(176, 192, 244, 0.06);
  --border-primary-item-hover: rgba(176, 192, 244, 0.1);
  /* 首页输入框边框颜色（纯色，用于内凹圆弧等需要精确边框的场景） */
  --homepage-input-border-color: #343538;

  --user-message-bg-solid: #1D352A;
  --user-message-bg-solid-transparent: rgba(29, 53, 42, 0);
  --user-message-bg-solid-sub: #2B2A38;
  --user-message-bg-solid-sub-transparent: rgba(43, 42, 56, 0);
  --sheet-text-color: #ffffff;
  --slash-mention-bg: rgba(63, 133, 255, 0.15);
  --builtin-slash-mention-bg: rgba(149, 112, 255, 0.15);

  --gradient-golden: linear-gradient(180deg, #DAB444 0%, #FFEA8E 100%);
  --special-bggoldoverlay: rgba(139, 128, 65, 0.12);
  --query-tag-bg-grey: var(--bg-bg-overlay-l2);
  --query-tag-text-grey: var(--text-text-default);
  --query-tag-height: 20px;
  --query-tag-padding: 0px 4px;
  --query-tag-gap: 2px;
  --query-tag-radius: 0px;
  --query-tag-icon-slot-size: 20px;
  --query-tag-icon-size: 16px;
  --query-tag-font-size: 14px;
  --query-tag-font-weight: 500;
  --query-tag-letter-spacing: -0.02em;
  --query-tag-bg-neutral: transparent;
  --query-tag-text-neutral: var(--text-text-secondary);
  --query-tag-bg-brand: transparent;
  --query-tag-text-brand: var(--status-primary-default);
  --query-tag-text-command: var(--text-text-brand);
  --query-tag-text-design: var(--text-text-brand);
  --query-tag-text-lark-sheet: #26c914;
  --query-tag-text-lark-bitable: var(--accent-accent-violet);
  --query-tag-icon-pdf: #cb1010;
  --query-tag-icon-zip: var(--icon-icon-default);
  --query-tag-icon-json: #cb8710;
  --query-tag-icon-html: #226ef2;
  --query-tag-icon-video: #3f85ff;
  --query-tag-bg-blue: rgba(128, 193, 255, 0.14);

  --bg-bg-brand-old: #32f08c;
  --gradient-brand: linear-gradient(90deg, #3ee1a3 0%, #32f08c 36%, #60f2bd 71.63%, #a0fde7 100%);
}


/* ===== Style 11 ===== */

.hek-trae-browser-inspect-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999997;pointer-events:auto;background:rgba(0,0,0,0)}.hek-trae-browser-inspect-highlight-box{position:absolute;top:0;left:0;z-index:999998;display:none}.hek-trae-browser-inspect-highlight-tag{position:absolute;left:0px;top:0px;height:18px;padding:0 6px;box-sizing:border-box;border-radius:4px;background-color:var(--vscode-icube-colorSuccessHover, "#2FB287");color:var(--vscode-icube-colorSnow, "#fff");font-size:12px;font-weight:400;display:none;align-items:center;z-index:999999}.hek-trae-browser-inspect-highlight-box-show{display:flex}.hek-trae-browser-inspect-select-button.hek-trae-browser-inspect-highlight-box-show{display:flex !important}.hek-trae-browser-inspect-select-button{position:absolute;top:0;left:0;background-color:var(--vscode-icube--bg-bg-base-secondary, "#222427");color:var(--vscode-icube--text-text-default-active, "#F5F9FE");font-size:11px;font-weight:500;border:1px solid var(--vscode-icube--border-neutral-l1, "#E0E2F217");border-radius:6px;padding:0 8px;height:32px;display:none;align-items:center;cursor:pointer;z-index:999999;gap:4px}.hek-trae-browser-inspect-select-button svg,.hek-trae-browser-inspect-select-button span{z-index:1}.hek-trae-browser-inspect-select-highlight-box{background:rgba(0,0,0,0) !important}.hek-trae-browser-inspect-select-highlight-box .hek-trae-browser-inspect-highlight-tag{background-color:var(--vscode-icube--status-success-active, "#1E8B56")}.hek-trae-browser-inspect-comment-card-container{position:fixed;top:0;left:0;z-index:9999999;pointer-events:auto}.hek-trae-browser-inspect-comment-card-container .hek-trae-browser-inspect-comment-card{display:flex;padding-top:0px !important;align-items:center;z-index:9999999 !important;background-color:var(--vscode-icube--bg-bg-menu)}*[contenteditable]{outline:none}.hek-trae-browser-inspect-click-effect{position:fixed;width:40px;height:40px;margin-left:-20px;margin-top:-20px;border-radius:50%;background-color:var(--vscode-icube-colorSuccessHover, #2FB287);pointer-events:none;animation:trae-browser-inspect-ripple 500ms ease-out forwards;z-index:999999}@keyframes trae-browser-inspect-ripple{0%{transform:scale(0.3);opacity:.8}100%{transform:scale(2);opacity:0}}.hek-trae-browser-inspect-ref-box{position:absolute;border:2px solid var(--vscode-icube-colorSuccessHover, "#2FB287");pointer-events:none;z-index:999998;animation:trae-browser-inspect-fadeInOut 2s ease-in-out forwards}.hek-trae-browser-inspect-ref-label{position:absolute;top:-14px;left:0;height:14px;padding:0 4px;box-sizing:border-box;border-radius:2px;background-color:var(--vscode-icube-colorSuccessHover, "#2FB287");color:var(--vscode-icube-colorSnow, "#fff");font-size:9px;font-weight:500;display:flex;align-items:center;white-space:nowrap;z-index:999999}@keyframes trae-browser-inspect-fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}100%{opacity:0}}.hek-trae-browser-inspect-input-highlight{position:absolute;border:2px solid var(--vscode-icube-colorSuccessHover, "#2FB287");border-radius:4px;pointer-events:none;z-index:999998;box-shadow:0 0 8px var(--vscode-icube-colorSuccessHover, "#2FB287");animation:trae-browser-inspect-input-pulse 600ms ease-out forwards}@keyframes trae-browser-inspect-input-pulse{0%{opacity:0;box-shadow:0 0 0 var(--vscode-icube-colorSuccessHover, "#2FB287")}30%{opacity:1;box-shadow:0 0 12px var(--vscode-icube-colorSuccessHover, "#2FB287")}100%{opacity:0;box-shadow:0 0 0 var(--vscode-icube-colorSuccessHover, "#2FB287")}}.hek-trae-browser-inspect-virtual-cursor{position:fixed;width:20px;height:20px;pointer-events:none;z-index:9999999;opacity:0;transition:opacity .2s ease}.hek-trae-browser-inspect-virtual-cursor.hek-trae-browser-inspect-cursor-visible{opacity:1}.hek-trae-browser-inspect-virtual-cursor.hek-trae-browser-inspect-cursor-idle{animation:trae-browser-inspect-cursor-breathe 2s ease-in-out infinite}.hek-trae-browser-inspect-virtual-cursor svg{width:20px;height:20px;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3))}@keyframes trae-browser-inspect-cursor-breathe{0%,100%{opacity:.7}50%{opacity:1}}.hek-trae-browser-inspect-scroll-indicator{position:fixed;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:8px;background-color:rgba(0,0,0,.7);color:#fff;font-size:13px;font-weight:500;pointer-events:none;z-index:999999;animation:trae-browser-inspect-indicator-fade 800ms ease-out forwards;backdrop-filter:blur(4px)}.hek-trae-browser-inspect-scroll-indicator svg{width:16px;height:16px;fill:#fff}.hek-trae-browser-inspect-scroll-indicator.hek-trae-scroll-up{top:12px;left:50%;transform:translateX(-50%)}.hek-trae-browser-inspect-scroll-indicator.hek-trae-scroll-down{bottom:12px;left:50%;transform:translateX(-50%)}.hek-trae-browser-inspect-scroll-indicator.hek-trae-scroll-left{left:12px;top:50%;transform:translateY(-50%)}.hek-trae-browser-inspect-scroll-indicator.hek-trae-scroll-right{right:12px;top:50%;transform:translateY(-50%)}@keyframes trae-browser-inspect-indicator-fade{0%{opacity:0;transform:translateX(-50%) scale(0.9)}15%{opacity:1;transform:translateX(-50%) scale(1)}85%{opacity:1}100%{opacity:0}}.hek-trae-browser-inspect-scroll-indicator.hek-trae-scroll-left,.hek-trae-browser-inspect-scroll-indicator.hek-trae-scroll-right{animation-name:trae-browser-inspect-indicator-fade-y}@keyframes trae-browser-inspect-indicator-fade-y{0%{opacity:0;transform:translateY(-50%) scale(0.9)}15%{opacity:1;transform:translateY(-50%) scale(1)}85%{opacity:1}100%{opacity:0}}.hek-trae-browser-inspect-key-badge{position:fixed;bottom:60px;left:50%;transform:translateX(-50%);padding:8px 20px;border-radius:8px;background-color:rgba(0,0,0,.8);color:#fff;font-size:18px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,monospace;pointer-events:none;z-index:999999;animation:trae-browser-inspect-key-pop 500ms ease-out forwards;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 12px rgba(0,0,0,.3);letter-spacing:1px}@keyframes trae-browser-inspect-key-pop{0%{opacity:0;transform:translateX(-50%) translateY(10px) scale(0.9)}20%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}80%{opacity:1}100%{opacity:0;transform:translateX(-50%) translateY(-10px)}}.hek-trae-browser-inspect-step-badge{position:fixed;top:12px;left:12px;padding:6px 12px;border-radius:6px;background-color:var(--vscode-icube-colorSuccessHover, #2FB287);color:#fff;font-size:12px;font-weight:600;pointer-events:none;z-index:999999;animation:trae-browser-inspect-step-slide 600ms ease-out forwards;box-shadow:0 2px 8px rgba(47,178,135,.3);max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hek-trae-browser-inspect-step-badge.hek-trae-step-old{opacity:.4;transform:translateY(0)}@keyframes trae-browser-inspect-step-slide{0%{opacity:0;transform:translateX(-20px)}20%{opacity:1;transform:translateX(0)}100%{opacity:1;transform:translateX(0)}}.hek-trae-browser-inspect-drag-trail{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999998}.hek-trae-browser-inspect-drag-trail svg{width:100%;height:100%}.hek-trae-browser-inspect-drag-trail .hek-trae-drag-path{fill:none;stroke:var(--vscode-icube-colorSuccessHover, #2FB287);stroke-width:2;stroke-dasharray:8 4;opacity:.6;animation:trae-browser-inspect-dash 600ms linear forwards}.hek-trae-browser-inspect-drag-trail .hek-trae-drag-dot{fill:var(--vscode-icube-colorSuccessHover, #2FB287);filter:drop-shadow(0 0 4px rgba(47, 178, 135, 0.6))}.hek-trae-browser-inspect-drag-trail .hek-trae-drag-endpoint{fill:none;stroke:var(--vscode-icube-colorSuccessHover, #2FB287);stroke-width:2;opacity:.5}@keyframes trae-browser-inspect-dash{0%{stroke-dashoffset:200}100%{stroke-dashoffset:0}}.hek-trae-browser-inspect-drag-trail.hek-trae-drag-fade{animation:trae-browser-inspect-trail-fade 400ms ease-out forwards}@keyframes trae-browser-inspect-trail-fade{0%{opacity:1}100%{opacity:0}}

/* ===== Style 12 ===== */

.hek-buttonsCard-bTXa5j {
  padding: var(--spacer-4);
  background: none;
  align-items: center;
  gap: 0;
  display: inline-flex;
}

.hek-actionButton-opZL8g {
  align-items: center;
  gap: var(--spacer-4);
  padding: var(--spacer-4) var(--spacer-8);
  border-radius: var(--radius-4);
  cursor: pointer;
  transition: background-color var(--transition-fast);
  background: none;
  border: none;
  display: inline-flex;
}

.hek-actionButton-opZL8g:hover {
  background: var(--bg-bg-overlay-l2);
}

.hek-actionButton-opZL8g:active {
  background: var(--bg-bg-overlay-l3);
}

.hek-actionButton-opZL8g:focus-visible {
  outline: 2px solid var(--status-primary-default);
  outline-offset: 1px;
}

.hek-icon-ObJEMt {
  width: 16px;
  height: 16px;
  color: var(--icon-icon-default);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hek-title-GptGAg {
  font-family: var(--font-family-default);
  color: var(--text-text-default);
  white-space: nowrap;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
}

.hek-shortcut-nbwTG4 {
  color: var(--icon-icon-secondary);
  flex-shrink: 0;
  align-items: center;
  gap: 2px;
  display: flex;
}

.hek-shortcutKey-EE6xrE {
  font-family: var(--font-family-default);
  color: var(--icon-icon-secondary);
  font-size: 11px;
  font-weight: 500;
  line-height: 12px;
}

.hek-divider-cFGVKQ {
  box-sizing: content-box;
  background-clip: content-box;
  background-color: var(--border-border-neutral-l2);
  flex-shrink: 0;
  width: 1px;
  height: 12px;
  padding: 0 6px;
}



/* ===== Style 13 ===== */

.hek-commentEditorCard-Un4Xaa {
  width: 320px;
  padding: var(--spacing-sm);
  background: none;
  flex-direction: column;
  display: flex;
}

.hek-textContainer-ZISwbW {
  padding: var(--spacing-sm);
  background: var(--bg-bg-overlay-l1);
  border: 1px solid var(--border-border-neutral-l3);
  border-radius: var(--radius-sm);
  align-items: center;
  gap: var(--spacing-sm);
  padding-right: 0;
  display: flex;
}

.hek-textarea-ggj4j6 {
  padding: 0 var(--spacing-sm) 0 2px;
  font-family: var(--font-family-default);
  color: var(--text-text-default);
  resize: none;
  scrollbar-width: thin;
  scrollbar-color: #56637726 transparent;
  background: none;
  border: none;
  outline: none;
  flex: 1;
  max-height: 140px;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  overflow-y: auto;
}

.hek-textarea-ggj4j6::-webkit-scrollbar {
  width: 6px;
}

.hek-textarea-ggj4j6::-webkit-scrollbar-track {
  background: none;
}

.hek-textarea-ggj4j6::-webkit-scrollbar-thumb {
  background: #56637726;
  border-radius: 3px;
}

.hek-textarea-ggj4j6::placeholder {
  color: var(--text-text-tertiary);
}

.hek-actionBar-u_t8vc {
  justify-content: flex-end;
  align-items: center;
  gap: var(--spacing-xs);
  opacity: 0;
  max-height: 0;
  transition: max-height .2s ease-out, opacity .2s ease-out, margin-top .2s ease-out;
  display: flex;
  overflow: hidden;
}

.hek-actionBarVisible-PxXsje {
  opacity: 1;
  max-height: 32px;
  margin-top: var(--spacing-sm);
}

.hek-actionBarNoExpandAnimation-FCra2J {
  transition: opacity .2s ease-out;
}

.hek-actionBarNoExpandAnimation-FCra2J.hek-actionBarVisible-PxXsje {
  max-height: 32px;
  margin-top: var(--spacing-sm);
}

.hek-cancelButton-Lu0me9 {
  height: 24px;
  padding: 0 var(--spacing-xs);
  background: var(--bg-bg-overlay-l2);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: background-color var(--transition-fast);
  border: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hek-deleteButton-HP_HE1 {
  height: 24px;
  padding: 0 var(--spacing-sm);
  border-radius: var(--radius-sm);
  color: var(--status-error-default);
  font-family: var(--font-family-default);
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.hek-deleteButton-HP_HE1:hover {
  background: var(--status-error-surface-l1);
}

.hek-deleteButton-HP_HE1:focus-visible {
  outline: 2px solid var(--status-primary-default);
  outline-offset: 1px;
}

.hek-cancelButton-Lu0me9:hover, .hek-cancelButton-Lu0me9:active {
  background: var(--bg-bg-overlay-l3);
}

.hek-cancelButton-Lu0me9:focus-visible {
  outline: 2px solid var(--status-primary-default);
  outline-offset: 1px;
}

.hek-cancelText-j1RS1q {
  font-family: var(--font-family-default);
  color: var(--text-text-default);
  white-space: nowrap;
  padding: 0 var(--spacing-xs);
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
}

.hek-submitButton-BqyEd7 {
  height: 24px;
  padding: 0 var(--spacing-sm);
  background: var(--bg-bg-invert);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: background-color var(--transition-fast);
  border: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hek-submitButton-BqyEd7:hover:not(:disabled) {
  background: var(--bg-bg-invert-hover);
}

.hek-submitButton-BqyEd7:active:not(:disabled) {
  background: var(--bg-bg-invert-active);
}

.hek-submitButton-BqyEd7:disabled {
  background: var(--bg-bg-invert-disabled);
  color: var(--text-text-disabled);
  cursor: not-allowed;
}

.hek-submitButton-BqyEd7:focus-visible {
  outline: 2px solid var(--status-primary-default);
  outline-offset: 1px;
}

.hek-submitText-N58QRq {
  font-family: var(--font-family-default);
  color: var(--text-text-onaccent);
  white-space: nowrap;
  padding: 0 var(--spacing-xs);
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
}

.hek-submitButton-BqyEd7:disabled .hek-submitText-N58QRq {
  color: var(--text-text-disabled);
}

.hek-submitIcon-vyKSKQ {
  width: 12px;
  height: 12px;
  color: var(--icon-icon-onaccent);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hek-submitButton-BqyEd7:disabled .hek-submitIcon-vyKSKQ {
  color: var(--text-text-disabled);
}

.hek-limitWarning-Hocj0v {
  align-items: center;
  gap: var(--spacing-xs);
  color: var(--status-warning-default);
  user-select: none;
  flex: 1;
  display: flex;
}

.hek-limitText-hBXEaq {
  font-family: var(--font-family-default);
  color: var(--status-warning-default);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}



/* ===== Style 14 ===== */

.hek-previewCommentCardContainer-HEkpU8 {
  border-radius: var(--radius-8);
  background: var(--bg-bg-menu);
  border: 1px solid var(--border-border-neutral-l1);
  transition: width .25s cubic-bezier(.4, 0, .2, 1), height .25s cubic-bezier(.4, 0, .2, 1);
  display: inline-block;
  overflow: hidden;
  box-shadow: 0 2px 6px #0003, 0 .5px #ffffff0f, inset 0 .5px #ffffff0f;
}

.hek-previewCommentCardContent-ELaLah {
  width: max-content;
  position: relative;
}

.hek-previewCommentCardFadeEnter-OMhMD9 {
  opacity: 0;
}

.hek-previewCommentCardFadeEnterActive-Eacuvn {
  opacity: 1;
  transition: opacity .2s ease-in;
}

.hek-previewCommentCardFadeExit-ms9vgc {
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hek-previewCommentCardFadeExitActive-vyQTsd {
  opacity: 0;
  transition: opacity .15s ease-out;
}

.hek-previewCommentCardSuccessCard-PWnm2o {
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 12px;
  display: flex;
}

.hek-previewCommentCardSuccessIcon-Oht9Ir {
  width: 16px;
  height: 16px;
  color: var(--status-success-default);
  justify-content: center;
  align-items: center;
  display: flex;
}

.hek-previewCommentCardSuccessText-s40BWG {
  font-family: var(--font-family-default);
  color: var(--text-text-default);
  user-select: none;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}



/* ===== Style 15 ===== */


.hek-website-development-company-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  transition: background 0.3s ease;
}

.hek-website-development-company-header-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  height: 70px;
}

.hek-website-development-company-logo {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--v-primary, #1a56db);
  text-decoration: none;
  letter-spacing: -0.5px;
  white-space: nowrap;
}

.hek-website-development-company-logo:hover {
  opacity: 0.85;
}

.hek-website-development-company-nav {
  display: flex;
  align-items: center;
  gap: 28px;
}

.hek-website-development-company-nav a {
  text-decoration: none;
  color: #333;
  font-size: 0.95rem;
  font-weight: 500;
  transition: color 0.3s ease;
  position: relative;
  white-space: nowrap;
}

.hek-website-development-company-nav a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0;
  height: 2px;
  background: var(--v-primary, #1a56db);
  transition: width 0.3s ease;
}

.hek-website-development-company-nav a:hover {
  color: var(--v-primary, #1a56db);
}

.hek-website-development-company-nav a:hover::after {
  width: 100%;
}

.hek-website-development-company-nav a.hek-is-active {
  color: var(--v-primary, #1a56db);
}

.hek-website-development-company-nav a.hek-is-active::after {
  width: 100%;
}

.hek-website-development-company-hamburger {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: transparent;
  border: none;
  padding: 8px;
  border-radius: 4px;
  transition: background 0.2s;
}

.hek-website-development-company-hamburger:hover {
  background: rgba(0,0,0,0.05);
}

.hek-website-development-company-hamburger span {
  display: block;
  width: 24px;
  height: 2px;
  background: #333;
  margin: 3px 0;
  border-radius: 1px;
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .hek-website-development-company-nav {
    display: none;
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
    border-top: 1px solid #eee;
    flex-direction: column;
    padding: 16px 20px;
    gap: 4px;
  }

  .hek-website-development-company-nav.hek-active {
    display: flex;
  }

  .hek-website-development-company-nav a {
    display: block;
    padding: 10px 0;
    font-size: 1.05rem;
  }

  .hek-website-development-company-nav a::after {
    display: none;
  }

  .hek-website-development-company-hamburger {
    display: flex;
  }
}

/* ========== 导航菜单样式变异 (body class 驱动) ========== */

/* --- pill: 药丸形/椭圆形半透明背景 --- */
body.hek-tv-nav-pill .hek-website-development-company-nav {
  gap: 8px;
}
body.hek-tv-nav-pill .hek-website-development-company-nav a::after {
  display: none;
}
body.hek-tv-nav-pill .hek-website-development-company-nav a {
  padding: 7px 20px;
  border-radius: 9999px;
  transition: background 0.25s ease, color 0.25s ease;
}
body.hek-tv-nav-pill .hek-website-development-company-nav a:hover,
body.hek-tv-nav-pill .hek-website-development-company-nav a.hek-is-active {
  background: color-mix(in srgb, var(--v-primary, #1a56db) 10%, transparent);
  color: var(--v-primary, #1a56db);
}

/* --- rounded: 圆角矩形色块包裹 --- */
body.hek-tv-nav-rounded .hek-website-development-company-nav {
  gap: 6px;
}
body.hek-tv-nav-rounded .hek-website-development-company-nav a::after {
  display: none;
}
body.hek-tv-nav-rounded .hek-website-development-company-nav a {
  padding: 7px 18px;
  border-radius: 8px;
  transition: background 0.25s ease, color 0.25s ease;
}
body.hek-tv-nav-rounded .hek-website-development-company-nav a:hover,
body.hek-tv-nav-rounded .hek-website-development-company-nav a.hek-is-active {
  background: color-mix(in srgb, var(--v-primary, #1a56db) 10%, transparent);
  color: var(--v-primary, #1a56db);
}

/* --- square: 直角矩形色块包裹 --- */
body.hek-tv-nav-square .hek-website-development-company-nav {
  gap: 4px;
}
body.hek-tv-nav-square .hek-website-development-company-nav a::after {
  display: none;
}
body.hek-tv-nav-square .hek-website-development-company-nav a {
  padding: 7px 18px;
  border-radius: 0;
  transition: background 0.25s ease, color 0.25s ease;
}
body.hek-tv-nav-square .hek-website-development-company-nav a:hover,
body.hek-tv-nav-square .hek-website-development-company-nav a.hek-is-active {
  background: color-mix(in srgb, var(--v-primary, #1a56db) 10%, transparent);
  color: var(--v-primary, #1a56db);
}

/* --- outline-pill: 椭圆形描边（不填充） --- */
body.hek-tv-nav-outline-pill .hek-website-development-company-nav {
  gap: 8px;
}
body.hek-tv-nav-outline-pill .hek-website-development-company-nav a::after {
  display: none;
}
body.hek-tv-nav-outline-pill .hek-website-development-company-nav a {
  padding: 6px 18px;
  border-radius: 9999px;
  border: 1.5px solid transparent;
  transition: border-color 0.25s ease, color 0.25s ease;
}
body.hek-tv-nav-outline-pill .hek-website-development-company-nav a:hover,
body.hek-tv-nav-outline-pill .hek-website-development-company-nav a.hek-is-active {
  border-color: var(--v-primary, #1a56db);
  color: var(--v-primary, #1a56db);
}

/* --- dot: 底部小圆点指示器 --- */
body.hek-tv-nav-dot .hek-website-development-company-nav a::after {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  left: 50%;
  transform: translateX(-50%);
  bottom: -8px;
  opacity: 0;
  transition: opacity 0.25s ease;
}
body.hek-tv-nav-dot .hek-website-development-company-nav a:hover::after,
body.hek-tv-nav-dot .hek-website-development-company-nav a.hek-is-active::after {
  width: 5px;
  opacity: 1;
}

/* --- bracket: 左右方括号包裹 --- */
body.hek-tv-nav-bracket .hek-website-development-company-nav a::after {
  display: none;
}
body.hek-tv-nav-bracket .hek-website-development-company-nav a {
  transition: color 0.25s ease;
}
body.hek-tv-nav-bracket .hek-website-development-company-nav a:hover,
body.hek-tv-nav-bracket .hek-website-development-company-nav a.hek-is-active {
  color: var(--v-primary, #1a56db);
}
body.hek-tv-nav-bracket .hek-website-development-company-nav a:hover::before,
body.hek-tv-nav-bracket .hek-website-development-company-nav a.hek-is-active::before {
  content: '[';
  margin-right: 4px;
  color: var(--v-primary, #1a56db);
  font-weight: 300;
}
body.hek-tv-nav-bracket .hek-website-development-company-nav a:hover::after,
body.hek-tv-nav-bracket .hek-website-development-company-nav a.hek-is-active::after {
  display: inline;
  content: ']';
  margin-left: 4px;
  color: var(--v-primary, #1a56db);
  font-weight: 300;
  position: static;
  width: auto;
  height: auto;
  background: none;
}

/* ========== 深色导航下的变异样式适配 ========== */
/* pill / rounded / square 在深色头部时 hover 背景改为半透明白 */
body.hek-tv-nav-pill .hek-header-dark .hek-website-development-company-nav a:hover,
body.hek-tv-nav-pill .hek-header-dark .hek-website-development-company-nav a.hek-is-active,
body.hek-tv-nav-rounded .hek-header-dark .hek-website-development-company-nav a:hover,
body.hek-tv-nav-rounded .hek-header-dark .hek-website-development-company-nav a.hek-is-active,
body.hek-tv-nav-square .hek-header-dark .hek-website-development-company-nav a:hover,
body.hek-tv-nav-square .hek-header-dark .hek-website-development-company-nav a.hek-is-active {
  background: rgba(255,255,255,0.10) !important;
}
/* outline-pill 深色下边框改为半透明白 */
body.hek-tv-nav-outline-pill .hek-header-dark .hek-website-development-company-nav a:hover,
body.hek-tv-nav-outline-pill .hek-header-dark .hek-website-development-company-nav a.hek-is-active {
  border-color: rgba(255,255,255,0.50) !important;
}
/* dot 深色下圆点改为白色 */
body.hek-tv-nav-dot .hek-header-dark .hek-website-development-company-nav a:hover::after,
body.hek-tv-nav-dot .hek-header-dark .hek-website-development-company-nav a.hek-is-active::after {
  background: #ffffff !important;
}
/* bracket 深色下括号改为白色 */
body.hek-tv-nav-bracket .hek-header-dark .hek-website-development-company-nav a:hover::before,
body.hek-tv-nav-bracket .hek-header-dark .hek-website-development-company-nav a.hek-is-active::before,
body.hek-tv-nav-bracket .hek-header-dark .hek-website-development-company-nav a:hover::after,
body.hek-tv-nav-bracket .hek-header-dark .hek-website-development-company-nav a.hek-is-active::after {
  color: #ffffff !important;
}


/* ===== Style 16 ===== */

.hek-hp-latest-articles{padding:48px 24px}.hek-hp-articles-head{text-align:center;margin-bottom:28px}.hek-hp-articles-head h2{font-size:clamp(22px,5vw,32px);color:var(--v-dark-bg,var(--text-primary,#1e293b))}.hek-hp-articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--v-hp-article-min-w,260px),1fr));gap:var(--v-space-lg,20px);max-width:1200px;margin:0 auto}.hek-hp-article-item{display:flex;flex-direction:column;background:var(--v-list-bg,rgba(255,255,255,0.85));border:var(--v-list-border,1px solid rgba(148,163,184,0.15));border-radius:var(--v-list-radius,var(--radius-xl,14px));overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .2s,transform .15s}.hek-hp-article-item:hover{box-shadow:var(--v-list-shadow-hover,0 6px 24px rgba(0,0,0,0.08));transform:translateY(-2px)}.hek-hp-article-cover{width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--bg-subtle,#f1f5f9)}.hek-hp-article-cover img{width:100%;height:100%;object-fit:cover}.hek-hp-article-body{padding:16px 18px 18px}.hek-hp-article-body h3{font-size:15px;font-weight:600;color:var(--v-list-title-color,var(--text-primary,#1e293b));margin:0 0 6px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hek-hp-article-item:hover .hek-hp-article-body h3{color:var(--v-list-title-hover,var(--primary-color,#3b82f6))}.hek-hp-article-body p{font-size:13px;color:var(--v-list-desc-color,var(--text-secondary,#64748b));margin:0 0 8px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hek-hp-article-body span{font-size:12px;color:var(--text-secondary,#94a3b8)}

/* ===== Style 17 ===== */


  .hek-website-development-company-footer {
    background: var(--v-footer-bg, #1a56db);
    color: var(--v-footer-text, #f0f0f0);
    padding: 3rem 1rem 1.5rem;
    font-size: 0.95rem;
    line-height: 1.6;
  }
  .hek-website-development-company-footer a {
    color: var(--v-footer-link, #e0edff);
    text-decoration: none;
    transition: color 0.2s;
  }
  .hek-website-development-company-footer a:hover {
    color: var(--v-footer-link-hover, #fff);
  }
  .hek-website-development-company-footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: space-between;
  }
  .hek-website-development-company-footer-section {
    flex: 1 1 240px;
    min-width: 200px;
  }
  .hek-website-development-company-footer-section h4 {
    font-size: 1rem;
    margin: 0 0 0.75rem;
    color: var(--v-footer-heading, #fff);
    font-weight: 600;
    letter-spacing: 0.5px;
  }
  .hek-website-development-company-footer-section p,
  .hek-website-development-company-footer-section ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .hek-website-development-company-footer-section li {
    margin-bottom: 0.4rem;
  }
  .hek-website-development-company-footer-bottom {
    margin-top: 2rem;
    border-top: 1px solid var(--v-footer-border, rgba(255,255,255,0.15));
    padding-top: 1rem;
    text-align: center;
    font-size: 0.85rem;
    color: var(--v-footer-text-muted, rgba(255,255,255,0.7));
  }
  .hek-website-development-company-footer-bottom a {
    color: var(--v-footer-link, rgba(255,255,255,0.8));
  }
  .hek-website-development-company-footer-friend-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 0.8rem;
  }
  .hek-website-development-company-footer-friend-links a {
    font-size: 0.85rem;
  }
  .hek-website-development-company-footer-cross-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 0.8rem;
  }
  .hek-website-development-company-footer-cross-links a {
    font-size: 0.85rem;
  }
  @media (max-width: 767px) {
    .hek-website-development-company-footer-inner {
      flex-direction: column;
      gap: 1.5rem;
    }
    .hek-website-development-company-footer-section {
      flex: 1 1 100%;
    }
  }


