* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        /* ===== 整站配色：低饱和清透蓝 + 中性灰，干净学术风 ===== */
        :root {
            --primary: #3b82f6;
            --primary-light: #eff6ff;
            --blue-main: #2563eb;
            --green: #10b981;
            --green-light: #d1fae5;
            --gray-50: #f8fafc;
            --gray-100: #f1f5f9;
            --gray-200: #e2e8f0;
            --gray-500: #64748b;
            --gray-800: #1e293b;
            --white: #ffffff;
            --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
            --shadow-lg: 0 12px 28px rgba(37,99,235,0.12);
            --radius-lg: 16px;
            --radius-xl:24px;
            --radius-full: 999px;
        }
        body {
            color: var(--gray-800);
            background: var(--white);
            line-height: 1.6;
        }
        .container {
            width: 100%;
            max-width: 1366px;
            margin: 0 auto;
            padding: 0 16px;
        }
       
	   /* 头部导航 */
       

/* ========== Hero 淡蓝+浅紫云雾，底部平滑过渡白色【修复版】 ========== */
.hero {
    background-color: #f7fbff !important;
    /* 顺序：线性渐变放第一层（最底层），径向云雾叠在上方 */
    background-image:
        linear-gradient(to bottom, transparent 70%, #ffffff 100%),
        radial-gradient(ellipse at 12% 18%, rgba(176, 210, 255, 0.35) 0%, transparent 38%),
        radial-gradient(ellipse at 88% 12%, rgba(188, 224, 255, 0.30) 0%, transparent 36%),
        radial-gradient(ellipse at 8% 80%, rgba(210, 230, 255, 0.28) 0%, transparent 34%),
        radial-gradient(ellipse at 92% 86%, rgba(212, 200, 255, 0.26) 0%, transparent 32%) !important;
    padding: 150px 0 80px;
    text-align: center;
    position: relative;
    overflow: hidden;
    display: block;
}

section.hero {
    background-color: #f7fbff !important;
    background-image:
        linear-gradient(to bottom, transparent 70%, #ffffff 100%),
        radial-gradient(ellipse at 12% 18%, rgba(176, 210, 255, 0.35) 0%, transparent 38%),
        radial-gradient(ellipse at 88% 12%, rgba(188, 224, 255, 0.30) 0%, transparent 36%),
        radial-gradient(ellipse at 8% 80%, rgba(210, 230, 255, 0.28) 0%, transparent 34%),
        radial-gradient(ellipse at 92% 86%, rgba(212, 200, 255, 0.26) 0%, transparent 32%) !important;
}

.hero::before {
    background: transparent !important;
    background-image: none !important;
}

/* 内部容器强制透明，避免挡住背景 */
.hero .container,
.hero .hero-header-row,
.hero .hero-header-left,
.hero .hero-header-right,
.hero .hero-bubble,
.hero .hero-tab-row,
.hero .hero-user-tip,
.hero .hero-features {
    background: transparent !important;
}


		
/* ========== H1 从左到右逐字出现动画 ========== */
.hero-h1 {
    display: block;
    width: fit-content;
    margin: 0 auto;
    letter-spacing: 0.2px;
    line-height: 1.4;
    /* 只新增字体设置，其他不动 */
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: clamp(2rem, 5vw, 3.2rem);
    font-weight: 700;
}

.hero-h1-text {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    width: 0;
    animation: h1Typewriter 2.8s steps(42, end) forwards;
}
/* 第一行：渐变，使用网站主色 --primary(#3b82f6) → --blue-main(#2563eb) → 紫 #7c3aed，和导航logo渐变同源 */
.hero-h1-text.line1 {
    background: linear-gradient(135deg, var(--primary), var(--blue-main), #7c3aed);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 35px;
    font-weight: 700;
}
/* 第二行：渐变，--blue-main 过渡到紫色，和第一行色调连贯，和网站品牌紫色保持一致 */
.hero-h1-text.line2 {
    background: linear-gradient(135deg, var(--blue-main), #7c3aed);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation-delay: 0.4s;
    margin-top: 10px;
    font-size: 45px;
    font-weight: 700;
}


/* 动画：从左到右逐步展开文字 */
@keyframes h1Typewriter {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

/* 移动端适配 */
@media (max-width: 768px) {
    .hero-h1 {
        width: 100%;
    }
    .hero-h1-text {
        white-space: normal;
        overflow: visible;
        width: 100%;
        animation: none;
    }
}

		
        .hero-bubble {
            position: absolute;
            background: rgb(255 255 255 / 0%);
            padding:8px 16px;
            border-radius:99px;
            font-size:14px;
            color:#4755691c;
            box-shadow:0 2px 6px #e8f0fe45;
        }
        .bubble1 { top:11%; left:8%; }
        .bubble2 { top:24%; left:4%; }
        .bubble3 { top:8%; right:7%; }
        .bubble4 { top:58%; right:1%; }
        .bubble5 { bottom:30%; left:2%; }
        .hero h1 {
    font-family: "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;
    font-size: clamp(30px, 3.8vw, 46px);
    font-weight: 600;
    letter-spacing: 0.02em; /* 中文标题拉开字距，解决拥挤 */
    line-height: 1.32;
    color: #1a2436; /* 低饱和深炭色，替代死黑，更高级 */
    margin-bottom: 16px;
}
.hero h1 .brand-name {
    color: #2b67d9;
    font-weight: 700;
}
.hero h1 .brand-suffix {
    font-weight: 600;
    color: #1a2436;
}

        .hero h1 span{
            background:linear-gradient(90deg,#3b82f6,#2563eb);
            -webkit-background-clip:text;
            background-clip:text;
            color:transparent;
        }
        .hero .desc{
            max-width: 840px;
            margin:0 auto 36px;
            color:#4b5563;
            font-size:14px;
            line-height:1.7;
        }
        .hero-tab-row{
            display:flex;
            flex-wrap:wrap;
            justify-content:center;
            gap:8px;
            background:#fff;
            padding:12px;
            border-radius:16px;
            max-width:860px;
            margin:0 auto 32px;
            box-shadow:0 2px 10px rgba(0,0,0,0.06);
        }
        .hero-tab-item{
            display:flex;
            flex-direction:column;
            align-items:center;
            gap:6px;
            padding:8px 10px;
            border-radius:12px;
            min-width:82px;
            cursor:pointer;
            transition:0.25s;
        }
        .hero-tab-item:hover{
            background:#f0f6ff;
        }
        .hero-tab-icon{
            width:36px;height:36px;
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:18px;
        }
        .hero-tab-text{
            font-size:15px;
            color:#334155;
        }
       
        .avatar-group{
            display:flex;
        }
        .avatar-group img{
            width:32px;height:32px;
            border-radius:50%;
            border:2px solid #fff;
            margin-left:-8px;
        }
        .hero-user-tip{
            display:flex;
            align-items:center;
            justify-content:center;
            gap:12px;
            margin-bottom:40px;
            font-size:16px;
            color:#475569;
        }
        .avatar-group{
            display:flex;
            overflow:hidden;
            width:220px;
            height:40px;
        }
        .avatar-track{
            display:flex;
            animation:avatarLoop 12s linear infinite;
        }
        .avatar-track img{
            width:40px;
            height:40px;
            border-radius:50%;
            border:2px solid #fff;
            margin-left:-10px;
            object-fit:cover;
        }
        .avatar-group:hover .avatar-track{
            animation-play-state:paused;
        }
        @keyframes avatarLoop {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
        @media(max-width:768px){
            .hero{ padding:80px 0 60px; }
            .hero-bubble{ display:none; }
            .hero-tab-row{ gap:6px; }
            .hero-tab-item{ min-width:70px; }
            .hero-user-tip{ font-size:14px; }
            .avatar-group{ width:160px; }
            .avatar-track img{ width:32px; height:32px; }
        }
        .hero-features {
            display: grid;
            grid-template-columns: repeat(4,1fr);
            gap:24px;
            max-width: 900px;
            margin: 0 auto;
        }
        .hero-feature-item {
            display:flex;
            gap:10px;
            text-align:left;
        }
        .hero-feature-icon {
            width:28px;
            height:28px;
            border-radius:50%;
            background: var(--primary-light);
            color:var(--primary);
            display:flex;
            align-items:center;
            justify-content:center;
            flex-shrink:0;
        }
		.hero-feature-item strong {
    font-size: 18px;
    /* 可选：调整字重，加粗程度 */
    font-weight:700;
}


/* hero-tab-item 链接修复 */
.hero-tab-item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: inherit;
    width: 100%;
    height: 100%;
}
.hero-tab-item a:focus {
    outline: none;
}


/* =========================================
   Hero 顶部左右分栏：按红框宽度撑开
   ========================================= */
/* =========================================
   Hero 顶部左右分栏：按红框宽度撑开
   ========================================= */
.hero-header-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 40px;
    align-items: center;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 28px;
    text-align: left;
}
/* H1 容器：只控制垂直间距，不干预文字样式 */
.hero-h1 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
    line-height: 1.25;
}
/* ========== 第一行：整行字号、动画 ========== */
.hero-h1 > .hero-h1-line1 {
    display: block;
    font-size: 49px;
    font-weight: 800;
    letter-spacing: 0.5px;
    opacity: 0;
    transform: translateY(20px);
    animation: heroLineIn 0.8s ease forwards;
    animation-delay: 0.1s;
}
/* 第一行内部双色 */
.hero-h1 > .hero-h1-line1 .c1 {
    color: #111827;
}
.hero-h1 > .hero-h1-line1 .c2 {
    color: #2563eb;
}

/* ========== 第二行：整行字号、动画 ========== */
.hero-h1 > .hero-h1-line2 {
    display: block;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 0.3px;
    opacity: 0;
    transform: translateY(20px);
    animation: heroLineIn 0.8s ease forwards;
    animation-delay: 0.5s;
}
/* 第二行内部双色 */
.hero-h1 > .hero-h1-line2 .c1 {
    color: #111827;
}
.hero-h1 > .hero-h1-line2 .c2 {
    color: #e11d48;
}

/* ========== 第三行：整行字号、动画 ========== */
.hero-h1 > .hero-h1-line3 {
    display: block;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.3px;
    opacity: 0;
    transform: translateY(20px);
    animation: heroLineIn 0.8s ease forwards;
    animation-delay: 0.9s;
}
/* 第三行内部双色 */
.hero-h1 > .hero-h1-line3 .c1 {
    color: #444444;
}
.hero-h1 > .hero-h1-line3 .c2 {
    color: #e11d48;
}

/* 右侧二维码卡片 */
.hero-header-right {
    display: flex;
    justify-content: flex-end;
}
.login-card {
    width: 300px;
    background: #ffffff00;
    border: 1px solid #ffffff00;
    border-radius: 18px;
    padding: 13px 20px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(37, 99, 235, 0.12);
}
.login-title {
    font-size: 18px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 14px;
}
.qrcode-box {
    width: 160px;
    height: 160px;
    margin: 0 auto 14px;
    padding: 10px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.qrcode-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 8px;
}
.protocol-check {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #475569;
    text-align: center;
    margin-bottom: 10px;
    gap: 6px;
}
.protocol-check input {
    margin: 0;
}


.protocol-check a {
    color: #2563eb;
    text-decoration: none;
}
.login-other {
    font-size: 13px;
    color: #64748b;
}
.login-other a {
    color: #2563eb;
    text-decoration: none;
}
/* =========================================
   纯 CSS 动画关键帧
   ========================================= */
@keyframes heroLineIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* =========================================
   移动端适配：每行独立字号
   ========================================= */
@media (max-width: 1024px) {
    .hero-header-row {
        grid-template-columns: 1fr;
        gap: 24px;
        max-width: 720px;
    }
    .hero-header-right {
        justify-content: center;
    }
    .login-card {
        width: 280px;
    }
    .hero-h1 > .hero-h1-line1 {
        font-size: 38px;
    }
    .hero-h1 > .hero-h1-line2 {
        font-size: 28px;
    }
    .hero-h1 > .hero-h1-line3 {
        font-size: 24px;
    }
}
@media (max-width: 768px) {
    .hero-header-row {
        max-width: 100%;
        padding: 0 12px;
    }
    .hero-h1 > .hero-h1-line1 {
        font-size: 32px;
    }
    .hero-h1 > .hero-h1-line2 {
        font-size: 22px;
    }
    .hero-h1 > .hero-h1-line3 {
        font-size: 20px;
    }
    .login-card {
        width: 260px;
        padding: 18px 16px;
    }
    .qrcode-box {
        width: 140px;
        height: 140px;
    }
}
	/* =========================================
   H1 上方新增小字：独立 SEO，不影响 h1 权重
   ========================================= */
.hero-above-title {
    display: block;
    margin: 0 0 16px;
    padding: 0;
    font-size: 15px;
    font-weight: 500;
    color: #475569;
    letter-spacing: 0.3px;
    line-height: 1.5;
    text-align: left;
    opacity: 0;
    transform: translateY(12px);
    animation: heroLineIn 0.8s ease forwards;
    animation-delay: 0s;
}

/* 桌面端可稍微调大 */
@media (min-width: 1025px) {
    .hero-above-title {
        font-size: 16px;
    }
}

/* 移动端适配 */
@media (max-width: 1024px) {
    .hero-above-title {
        font-size: 14px;
        margin-bottom: 14px;
    }
}

@media (max-width: 768px) {
    .hero-above-title {
        font-size: 13px;
        margin-bottom: 12px;
    }
}

        /* ========== 板块标题装饰 ========== */
        .section-title-wrap {
            text-align:center;
            margin-bottom:48px;
        }
        .section-title {
            font-size: clamp(24px,3vw,40px);
            font-weight:700;
            display:flex;
            align-items:center;
            justify-content:center;
            gap:12px;
        }
        .title-line-group{
            display:flex;
            gap:6px;
        }
        .title-line{
            height:6px;
            background-color:#e8eaed;
            border-radius:99px;
            transform:skewX(-20deg);
        }
        .title-line.short{ width:8px; }
        .title-line.long{ width:20px; }
        .section-subtitle {
            margin-top:12px;
            color:var(--gray-500);
            font-size:16px;
        }
        /* ========== 产品矩阵板块 ========== */
        .section-product-matrix { padding:70px 0; background:var(--white); }
        .tab-nav { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-bottom:40px; }
        .tab-btn {
            padding:10px 24px; border-radius:var(--radius-full); border:none; font-size:14px;
            font-weight:500; cursor:pointer; transition:0.3s; display:inline-flex; align-items:center; gap:6px;
            background:var(--gray-100); color:var(--gray-500);
        }
        .tab-btn svg { width:18px; height:18px; flex-shrink:0; stroke-width:1.8; }
        .tab-btn:not(.active):hover { background:var(--white); box-shadow:var(--shadow-sm); }
        .tab-btn.active { background:var(--primary); color:white; box-shadow:0 4px 12px rgba(59,130,246,0.22); }
        .matrix-box { background:linear-gradient(135deg, #eff6ff, #ffffff); border-radius:24px; padding:32px; }
        .panel { display:none; }
        .panel.show { display:block; animation:fadeIn .5s ease; }
        @keyframes fadeIn { from{opacity:0; transform:translateY(8px);} to{opacity:1; transform:none;} }
        .grid-panel { display:flex; gap:28px; align-items:flex-start; }
        .step-col { width:200px; flex-shrink:0; }
        .step-item { display:flex; align-items:center; gap:10px; }
        .step-item .ico {
            width:30px; height:30px; border-radius:10px; background:var(--primary-light); color:var(--primary);
            display:flex; align-items:center; justify-content:center; flex-shrink:0;
        }
        .step-line { width:2px; height:26px; margin:0 14px; background-image:linear-gradient(#bfdbfe 50%,transparent 50%); background-size:100% 6px; }
        .step-col .step-item span { font-size:14px; color:#334155; }
        .step-content { flex:1; min-width:0; }
        .field { margin-bottom:16px; }
        .field label { display:block; font-size:13px; color:#64748b; margin-bottom:6px; }
        .field input {
            width:100%; max-width:480px; padding:9px 12px; border:1px solid #e2e8f0;
            border-radius:8px; font-size:14px; background:#fff; color:#334155;
        }
        .chip-row { display:flex; flex-wrap:wrap; gap:8px; }
        .chip {
            padding:6px 14px; border-radius:99px; font-size:13px; cursor:pointer;
            background:#fff; border:1px solid #e2e8f0; color:#475569; transition:.3s;
        }
        .chip.on { background:var(--green); border-color:var(--green); color:#fff; }
        .dyn-card { background:#fff; border:1px solid #dbeafe; border-radius:14px; overflow:hidden; box-shadow:0 8px 24px rgba(59,130,246,.08); }
        .dyn-head {
            background:linear-gradient(90deg,#3b82f6,#34d399); color:#fff;
            display:flex; justify-content:space-between; align-items:center; padding:0 16px; height:42px; font-size:13px;
        }
        .dyn-tags { display:flex; gap:8px; align-items:center; padding:0 16px; height:38px; border-bottom:1px solid #f1f5f9; font-size:12px; color:#64748b; }
        .dyn-tags b { background:#f1f5f9; padding:2px 8px; border-radius:4px; font-weight:400; }
        .dyn-tags .right { margin-left:auto; }
        .dyn-body { padding:18px; min-height:110px; }
        .dyn-body .cap { font-size:13px; color:var(--primary); margin-bottom:8px; font-weight:600; }
        .dyn-body p { font-size:13px; color:#475569; }
        .cursor { display:inline-block; width:2px; height:15px; background:var(--primary); vertical-align:-2px; animation:blink 1s infinite; }
        @keyframes blink { 0%,100%{opacity:1;} 50%{opacity:0;} }
        .prog { height:6px; background:#f1f5f9; border-radius:99px; overflow:hidden; }
        .prog>i { display:block; height:100%; border-radius:99px; background:linear-gradient(90deg,#3b82f6,#34d399); transition:width 1s ease; }
        .res-card { background:#fff; border:1px solid #dbeafe; border-radius:14px; padding:20px; }
        .res-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; }
        .res-head .t { font-weight:600; color:#334155; }
        .res-head .s { font-size:12px; color:#94a3b8; }
        .rate-big { font-size:34px; font-weight:800; }
        .bar { height:10px; border-radius:99px; background:#f1f5f9; display:flex; overflow:hidden; }
        .bar i { display:block; height:100%; }
        .grid4,.grid3,.grid2 { display:grid; gap:8px; margin-top:14px; text-align:center; font-size:13px; }
        .grid4 { grid-template-columns:repeat(4,1fr); }
        .grid3 { grid-template-columns:repeat(3,1fr); }
        .grid2 { grid-template-columns:repeat(2,1fr); }
        .grid4 .n,.grid3 .n,.grid2 .n { font-size:18px; font-weight:700; }
        .grid4 .l,.grid3 .l,.grid2 .l { color:#94a3b8; font-size:12px; }
        .btn-down { margin-top:16px; padding:9px 18px; border:none; border-radius:8px; background:var(--green); color:#fff; font-size:13px; cursor:pointer; }
        .btn-down:hover { opacity:.9; }
        .btn-go {
            display:flex; align-items:center; gap:8px; margin:32px auto 0; padding:0 44px; height:46px;
            border:none; border-radius:99px; background:var(--primary); color:#fff; font-size:16px; cursor:pointer;
            box-shadow:0 8px 20px rgba(59,130,246,.22);
        }
        .btn-go:hover { background:#2563eb; }
        .tab-btn[data-panel="p-write"] svg{ stroke:#10b981; }
        .tab-btn[data-panel="p-aigc"] svg{ stroke:#2563eb; }
        .tab-btn[data-panel="p-reduce"] svg{ stroke:#f97316; }
        .tab-btn[data-panel="p-check"] svg{ stroke:#3b82f6; }
        .tab-btn[data-panel="p-img"] svg{ stroke:#60a5fa; }
        .tab-btn[data-panel="p-format"] svg{ stroke:#475569; }
        .tab-btn[data-panel="p-eval"] svg{ stroke:#0891b2; }
        .tab-btn.active svg{ stroke:#ffffff !important; }
        /* ========== 服务优势板块 ========== */
        .section-upgrade { padding:70px 0; background:var(--gray-50); }
        .upgrade-card-list { display:grid; grid-template-columns: repeat(4, 1fr); gap:20px; }
        .upgrade-card {
            background:white; border:1px solid var(--gray-200); border-radius:var(--radius-lg);
            padding:24px; text-align:center; transition:0.3s; cursor:pointer;
        }
        .upgrade-card .icon-box{ transition: transform 0.3s ease-out; }
        .upgrade-card:hover .icon-box{ transform: scale(1.1) rotate(-3deg); }
        .upgrade-card:hover { transform:translateY(-8px); box-shadow:var(--shadow-lg); }
        .upgrade-card h3 { font-size:18px; margin:12px 0 8px; transition: color 0.3s; }
        .upgrade-card:hover h3{ color:var(--blue-main); }
        .upgrade-card p { font-size:13px; color:#64748b; }
        /* ========== 四大功能卡片 ========== */
        .section-feature-three{ padding:70px 0; background:linear-gradient(180deg,#f8faff,#eff6ff); }
        .three-card-list{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
        .three-card{
            position:relative; overflow:hidden; background:#fff; border-radius:24px; padding:28px;
            box-shadow:0 2px 8px rgba(0,0,0,0.06); transition:0.3s;
        }
        .three-card:hover{ transform:translateY(-6px); box-shadow:0 12px 28px rgba(37,99,235,0.12); }
        .three-card--violet{ --card-accent:#3b82f6; --card-bg:rgba(59,130,246,0.07); }
        .three-card--blue  { --card-accent:#2563eb; --card-bg:rgba(37,99,235,0.07); }
        .three-card--green { --card-accent:#10b981; --card-bg:rgba(16,185,129,0.07); }
        .three-card--orange{ --card-accent:#f97316; --card-bg:rgba(249,115,22,0.07); }
        .three-card--violet,.three-card--blue,.three-card--green,.three-card--orange{
            background:linear-gradient(135deg, var(--card-bg), #fff, var(--card-bg));
        }
        .feature-head{ display:flex; align-items:center; gap:12px; margin-bottom:16px; }
        .feature-num{
            width:36px; height:36px; border-radius:10px; flex-shrink:0; color:#fff; font-weight:bold;
            display:flex; align-items:center; justify-content:center; background:var(--card-accent);
        }
        .feature-title{ 
    font-size:20px; 
    font-weight:700; 
    color:#1e293b; 
    margin:0;
    white-space: nowrap;
}
        .feature-sub{ font-size:12px; color:#64748b; white-space:nowrap; margin:2px 0 0; }
        .feature-list{ list-style:none; margin:0 0 20px; padding:0; }
        .feature-list li{ display:flex; align-items:center; gap:8px; margin-bottom:8px; font-size:14px; color:#334155; }
        .feature-check{
            width:14px; height:14px; border-radius:50%; flex-shrink:0; color:#fff; font-size:10px;
            display:grid; place-items:center; background:var(--card-accent);
        }
        .feature-btn{
            padding:8px 20px; font-size:14px; color:#fff; border:none; border-radius:10px; cursor:pointer;
            background:var(--card-accent); transition:opacity 0.2s;
        }
        .feature-btn:hover{ opacity:0.9; }
        .card-right-illu{
            position:absolute; right:0; top:50%; transform:translateY(-50%); width:55%; height:92%;
            pointer-events:none; display:flex; align-items:center; justify-content:center;
        }
        .card-right-illu .illu-icon{ font-size:90px; transition:all 0.5s ease-out; transform:scale(0.95); }
        .three-card:hover .card-right-illu .illu-icon{ transform:scale(1) rotate(3deg); }
        .card-content-wrap{ position:relative; z-index:2; max-width:50%; }
        .title-gradient-text{
            background:linear-gradient(90deg, #00010a, #00010a);
            -webkit-background-clip:text; background-clip:text; color:transparent;
        }
        @media(max-width:1024px){ .three-card-list{ grid-template-columns:repeat(2,1fr); } }
        @media(max-width:768px){
            .three-card-list{ grid-template-columns:1fr; }
            .card-right-illu{ display:none; }
            .card-content-wrap{ max-width:100%; }
        }
        /* ========== 服务流程 ========== */
        .section-flow{ padding:70px 0; background:#fff; }
        .flow-list{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
        .flow-card{
            position:relative; background:#fff; border:1px solid var(--gray-100);
            border-radius:var(--radius-lg); padding:28px 24px; text-align:center; transition:0.3s;
        }
        .flow-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-lg); border-color:var(--primary-light); }
        .flow-step{
            position:absolute; top:16px; left:16px; width:30px;height:30px; border-radius:50%;
            background:var(--primary-light); color:var(--primary); font-size:13px; font-weight:700;
            display:flex; align-items:center; justify-content:center;
        }
        .flow-icon{
            width:64px;height:64px; margin:8px auto 16px; border-radius:16px;
            background:linear-gradient(135deg,#eff6ff,#ffffff); display:flex; align-items:center; justify-content:center; font-size:30px;
        }
        .flow-card h3{ font-size:17px; font-weight:700; color:var(--gray-800); margin-bottom:8px; }
        .flow-card p{ font-size:14px; color:var(--gray-500); line-height:1.7; margin:0; }
        .flow-card:not(:last-child)::after{
            content:"→"; position:absolute; right:-22px; top:50%; transform:translateY(-50%);
            color:var(--primary); font-size:20px; font-weight:700; z-index:1;
        }
        @media(max-width:1024px){ .flow-list{ grid-template-columns:repeat(2,1fr); } .flow-card:not(:last-child)::after{ display:none; } }
        @media(max-width:768px){ .section-flow{ padding:48px 0; } .flow-list{ grid-template-columns:1fr; } }
        /* ========== 应用场景 ========== */
        .section-scene{ padding:70px 0; background:#fff; }
        .scene-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
        .scene-card{
            background:#ffffff; border:1px solid var(--gray-100); border-radius:var(--radius-lg);
            padding:24px; transition:0.3s;
        }
        .scene-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-lg); border-color:#dcfce7; }
        .scene-card-header{ display:flex; align-items:center; gap:14px; margin-bottom:12px; }
        .scene-card-icon{ width:44px; height:44px; display:flex; align-items:center; justify-content:center; font-size:22px; flex-shrink:0; }
        .scene-card h3{ margin:0; font-size:18px; color:var(--gray-800); line-height:1.4; }
        .scene-card h3 em{ color:#00010a; font-style:normal; }
        .scene-card p{ color:var(--gray-500); line-height:1.7; margin:0 0 14px; font-size:15px; }
        .scene-tag{
            display:inline-block; font-size:13px; color:var(--primary); background:var(--primary-light);
            padding:4px 10px; border-radius:99px;
        }
        @media(max-width:1024px){ .scene-grid{ grid-template-columns:repeat(2,1fr); } }
        @media(max-width:768px){ .scene-grid{ grid-template-columns:1fr; } }
        /* ========== 用户评价 ========== */
        .section-review{ padding:70px 0; background:#f8faff; }
        .review-grid{ display:grid; grid-template-columns: repeat(4,1fr); gap:24px; }
        .review-card{
            background:#fff; border-radius:var(--radius-lg); padding:24px; box-shadow:var(--shadow-sm); position:relative;
        }
        .review-user-head{ display:flex; align-items:center; gap:12px; margin-bottom:12px; }
        .review-avatar{
            width:40px; height:40px; border-radius:50%; overflow:hidden; background:#eff6ff;
            flex-shrink:0; display:flex; align-items:center; justify-content:center;
        }
        .review-avatar img{ width:100%; height:100%; object-fit:cover; display:block; }
        .review-name h4{ font-size:16px; }
        .review-name p{ font-size:12px; color:var(--gray-500); }
        .review-star{ position:absolute; top:24px; right:24px; color:#f59e0b; }
        .review-text{ font-size:14px; color:var(--gray-800); margin-bottom:14px; line-height:1.6; }
        .review-tag-row{ display:flex; flex-wrap:wrap; gap:8px; }
        .review-tag{ padding:4px 10px; background:#e8f0fe; color:#2563eb; border-radius:99px; font-size:12px; }
        @media(max-width:1024px){ .review-grid{ grid-template-columns:repeat(2,1fr); } }
        @media(max-width:768px){ .review-grid{ grid-template-columns:1fr; } }
        /* ========== FAQ ========== */
        .section-faq{ padding:70px 0; background:#f8faff; }
        .faq-grid{ display:grid; grid-template-columns: repeat(2,1fr); gap:16px; }
        .faq-item{
            background:#ffffff; border-radius:var(--radius-lg); border:1px solid var(--gray-100);
            overflow:hidden; transition:0.25s;
        }
        .faq-item:hover{ box-shadow:var(--shadow-sm); }
        .faq-question{ display:flex; align-items:flex-start; gap:10px; padding:18px 20px; cursor:pointer; }
        .faq-q-icon{
            width:26px;height:26px; background:#3b82f6; color:#fff; border-radius:50%;
            flex-shrink:0; display:grid; place-items:center; font-weight:bold;
        }
        .faq-question p{ flex:1; font-size:16px; color:var(--gray-800); }
        .faq-arrow{ font-size:22px; color:#333; flex-shrink:0; }
        .faq-answer{
            max-height:0; overflow:hidden; transition: max-height 0.3s ease, padding 0.3s ease;
            padding:0 20px; color:#555;
        }
        .faq-item.active .faq-answer{ max-height:500px; padding:0 20px 18px 20px; }
        @media(max-width:768px){ .faq-grid{ grid-template-columns:1fr; } }
        /* ========== 论文安全保障板块 ========== */
        .section-safety{ padding:70px 0; background:var(--gray-50); }
        .safety-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
        .safety-card{
            background:white; border:1px solid var(--gray-200); border-radius:var(--radius-lg);
            padding:24px; text-align:center; transition:0.3s;
        }
        .safety-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-lg); }
        .safety-icon{
            width:56px;height:56px; margin:0 auto 14px; border-radius:14px;
            background:var(--primary-light); color:var(--primary);
            display:flex; align-items:center; justify-content:center; font-size:26px;
        }
        .safety-card h3{ font-size:17px; color:var(--gray-800); margin-bottom:8px; }
        .safety-card p{ font-size:13px; color:var(--gray-500); line-height:1.7; }
        @media(max-width:1024px){ .safety-grid{ grid-template-columns:repeat(2,1fr); } }
        @media(max-width:768px){ .section-safety{ padding:48px 0; } .safety-grid{ grid-template-columns:1fr; } }
        /* ========== 六大学术服务对比 ========== */
        .section-compare{ padding:70px 0; background:#fff; }
        .compare-wrap{
            max-width:1200px; margin:0 auto; overflow-x:auto; padding:0 16px;
            -webkit-overflow-scrolling:touch;
        }
        .compare-table{
            width:100%; min-width:920px; border-collapse:separate; border-spacing:0;
            font-size:14px; color:#334155; background:#fff; border-radius:16px; overflow:hidden;
            box-shadow:0 2px 10px rgba(0,0,0,.05);
        }
        .compare-table th, .compare-table td{
            padding:14px 14px; text-align:left; vertical-align:middle; border-bottom:1px solid #f1f5f9;
        }
        .compare-table thead th{
            background:#eff6ff; color:#1e293b; font-weight:700; font-size:15px; border-bottom:1px solid #dbeafe;
        }
        .compare-table thead th:first-child, .compare-table tbody td:first-child{
            width:110px; text-align:center; color:#64748b; font-weight:600; white-space:nowrap;
        }
        .compare-table tbody td:first-child{ background:#f8faff; }
        .compare-table tbody tr:last-child td{ border-bottom:none; }
        .compare-table tbody tr:hover td{ background:#f0f6ff; }
        .svc-dot{ display:inline-block; width:9px; height:9px; border-radius:50%; margin-right:7px; vertical-align:1px; }
        .svc-name{ font-weight:700; color:#1e293b; white-space:nowrap; }
        .compare-table td b{ color:#3b82f6; font-weight:600; }
        .compare-tip{ margin-top:16px; text-align:center; font-size:13px; color:#94a3b8; }
        @media(max-width:768px){
            .section-compare{ padding:48px 0; }
            .compare-table{ font-size:13px; }
            .compare-table th, .compare-table td{ padding:11px 10px; }
        }
        
		
	/* ========== 相关动态板块 ========== */
.section-news {
    padding:70px 0;
    background:#f8faff;
}
.news-head {
    text-align:center;
    margin-bottom:48px;
}
.news-head h2{
    font-size:clamp(24px,3vw,36px);
    font-weight:700;
    color:var(--gray-800);
    margin:0 0 12px;
}
.news-head p{
    color:var(--gray-500);
    font-size:16px;
}
.news-grid{
    display:grid;
    grid-template-columns: repeat(3,1fr);
    gap:24px;
}
.news-card{
    background:#fff;
    border-radius:var(--radius-lg);
    padding:24px;
    position:relative;
    transition: all 0.25s ease;
    border:2px solid transparent;
}
.news-card:hover{
    border-color:#3b82f6;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(59,130,246,0.12);
}
.news-card .num-tag{
    width:44px;height:44px;
    background:var(--blue-main);
    color:#fff;
    border-radius:12px;
    display:flex;align-items:center;justify-content:center;
    font-size:18px;font-weight:bold;
    position:absolute;top:-14px;left:-14px;
}
.card-label-date{
    display:flex;gap:10px;align-items:center;margin-bottom:12px;
}
.card-tag{
    background:#e8f0fe;
    color:var(--blue-main);
    font-size:13px;padding:4px 10px;border-radius:99px;
    text-decoration:none;
    transition:0.2s;
}
.card-tag:hover{
    background:var(--blue-main);
    color:#fff;
}
.card-date{
    color:var(--gray-500);
    font-size:13px;
}
.news-card h3{
    font-size:18px;
    color:var(--gray-800);
    margin:0 0 12px;line-height:1.4;
}
.news-card p{
    color:var(--gray-500);
    line-height:1.6;font-size:15px;margin:0 0 14px;
}
.read-link{
    color:var(--blue-main);
    font-weight:500;
    text-decoration:none;
    display:inline-flex;align-items:center;gap:4px;
}
.read-link:hover{ color:var(--primary); }
@media(max-width:1024px){ .news-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:768px){
    .section-news{ padding:48px 0; }
    .news-grid{ grid-template-columns:1fr; }
    .news-head h2{ font-size:28px; }
    .news-card:hover{ transform:none; }
}
	
        /* ============ 分享领优惠板块 ============ */
        .section-share{
            padding:70px 0;
            background:linear-gradient(135deg,#f8faff,#ffffff);
        }
        .share-wrap{
            display:grid;
            grid-template-columns: 1fr 1fr;
            gap:40px;
            align-items:center;
        }
        .share-left .tag-small{
            display:inline-block;
            padding:6px 16px;
            background:#e8f0fe;
            color:#2563eb;
            border-radius:var(--radius-full);
            font-size:14px;
            margin-bottom:16px;
        }
        .share-left h2{
            font-size:clamp(28px,3vw,42px);
            font-weight:800;
            margin-bottom:20px;
        }
        .share-left .desc{
            color:var(--gray-500);
            font-size:16px;
            margin-bottom:24px;
            line-height:1.7;
        }
        .share-check-list{
            margin-bottom:32px;
        }
        .share-check-item{
            display:flex;
            align-items:center;
            gap:10px;
            margin-bottom:14px;
            font-size:16px;
        }
        .share-check-item .check-icon{
            width:24px;height:24px;
            background:#3b82f6;
            color:#fff;
            border-radius:50%;
            display:grid;
            place-items:center;
            flex-shrink:0;
            font-size:14px;
        }
        .share-btn-main{
            padding:16px 36px;
            border:none;
            border-radius:12px;
            font-size:18px;
            color:#fff;
            background:linear-gradient(90deg,#3b82f6,#2563eb);
            cursor:pointer;
            transition:0.3s;
        }
        .share-btn-main:hover{
            opacity:0.9;
            box-shadow:0 6px 16px rgba(37,99,235,0.2);
        }
        .share-platform-grid{
            display:grid;
            grid-template-columns: repeat(2,1fr);
            gap:20px;
        }
        .platform-card{
            background:#fff;
            border-radius:var(--radius-lg);
            padding:24px 16px;
            text-align:center;
            box-shadow:var(--shadow-sm);
            border:1px solid var(--gray-100);
            transition:0.3s;
        }
        .platform-card:hover{
            transform:translateY(-4px);
            box-shadow:var(--shadow-lg);
        }
        .platform-icon{
            font-size:42px;
            margin-bottom:8px;
        }
        .platform-card h4{
            font-size:18px;
            font-weight:600;
            margin-bottom:4px;
        }
        .platform-card p{
            font-size:14px;
            color:var(--gray-500);
        }
		


/*80万用户+的上标*/
.full-screen-banner-highlight sup{
    font-size:0.55em;
    position:relative;
    top:-0.4em;
}

/* ======================================
   【2. 导航模块 Nav】
   ====================================== */
/* ========== 新增Logo标语样式 ========== */
.homeNav__logo-group {
  display: flex;
  align-items: center;
  gap: 12px;
}
.logo-slogan {
  font-size: 16px;
  color: #303133;
  font-weight: 500;
  white-space: nowrap;
}

/* =========导航下拉菜单========= */
.homeNav__dropdown[data-v-5f3d5dad] {
  position: relative;
  display: flex;
  align-items: center;
}
.homeNav__dropdown-trigger[data-v-5f3d5dad] {
  font-size: 16px;
  font-weight: 500;
  color: #334155;
  cursor: pointer;
  transition: color .2s ease;
}
.homeNav__dropdown:hover .homeNav__dropdown-trigger[data-v-5f3d5dad] {
  color: #2563eb;
}
.homeNav__dropdown-menu[data-v-5f3d5dad] {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 140px;
  background: #ffffff;
  border:1px solid #dbeafe;
  border-radius:12px;
  box-shadow:0 12px 30px rgba(15,23,42,0.12);
  padding:8px 0;
  z-index:100;
  opacity:0;
  visibility:hidden;
  transform: translateY(6px);
  transition: 0.22s ease;
}
.homeNav__dropdown:hover .homeNav__dropdown-menu[data-v-5f3d5dad] {
  opacity:1;
  visibility:visible;
  transform: translateY(0);
}
.homeNav__dropdown-item[data-v-5f3d5dad] {
  display:block;
  padding:10px 16px;
  font-size:15px;
  color:#334155;
  text-decoration:none;
  transition: background 0.2s;
}

/*导航角标样式*/
.head-tab-once {
  position: relative;
  display: inline-block;
}
.head-tab-once .hot-tag {
    position: absolute !important;
    right: -4px !important;
    top: -15px !important;
    width: 30px;
    height: 17px;
    background: linear-gradient(124deg,#FF820D 1%,#F5575A 100%);
    border-radius: 9px 9px 9px 2px;
    text-align: center;
    line-height: 16px;
    font-size: 11px;
    color: #ffffff;
    z-index: 99;
}

/* 导航主体 homeNav [data-v-5f3d5dad] */
.homeNav[data-v-5f3d5dad] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  z-index: 50;
  /* 初始：顶部透明毛玻璃 */
  background: hsla(0, 0%, 100%, .12);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-bottom: 1px solid #dbeafe00;
  /* 新增平滑过渡 */
  transition: all 0.3s ease;
}
/* ==========新增：滚动后变成白色导航========== */
.homeNav.scrolled[data-v-5f3d5dad]{
    background: #ffffff;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-bottom:1px solid #e5e7eb;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
.homeNav__container[data-v-5f3d5dad] {
      max-width: 80rem;
      margin: 0 auto;
      padding: 0 16px
}
@media (min-width:640px) {
      .homeNav__container[data-v-5f3d5dad] {
       /* padding: 0 24px*/
      }
}
@media (min-width:1024px) {
      .homeNav__container[data-v-5f3d5dad] {
      /*  padding: 0 32px */
      }
}
.homeNav__row[data-v-5f3d5dad] {
      height: 80px;
      justify-content: space-between
}
.homeNav__logo[data-v-5f3d5dad],
.homeNav__row[data-v-5f3d5dad] {
      display: flex;
      align-items: center
}
.homeNav__logo[data-v-5f3d5dad] {
      grid-gap: 12px;
      gap: 12px;
      cursor: pointer
}
.homeNav__logoMark[data-v-5f3d5dad] {
      position: relative
}
.homeNav__logoHalo[data-v-5f3d5dad] {
      position: absolute;
      top: -4px;
      right: -4px;
      bottom: -4px;
      left: -4px;
      background: linear-gradient(90deg, #2563eb, #7c3aed);
      border-radius: 10px;
      -webkit-filter: blur(10px);
      filter: blur(10px);
      opacity: .2;
      transition: opacity .2s ease
}
.homeNav__logo:hover .homeNav__logoHalo[data-v-5f3d5dad] {
      opacity: .4
}
.homeNav__logoBox[data-v-5f3d5dad] {
      position: relative;
      width: 48px;
      height: 48px;
      border-radius: 10px;
      background: linear-gradient(135deg, #2563eb, #7c3aed);
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 10px 20px rgba(0, 0, 0, .12)
}
.homeNav__logoLetter[data-v-5f3d5dad] {
      color: #fff;
      font-weight: 700;
      font-size: 20px
}
    .homeNav__brand[data-v-5f3d5dad] {
      font-size: 24px;
      font-weight: 700;
      line-height: 1.1
    }
    .homeNav__sub[data-v-5f3d5dad] {
      font-size: 12px;
      color: #64748b
    }
    .homeNav__links[data-v-5f3d5dad] {
      display: none;
      align-items: center;
      grid-gap: 32px;
      gap: 26px
    }
    @media (min-width:1024px) {
      .homeNav__links[data-v-5f3d5dad] {
        display: flex
      }
    }
    .homeNav__link[data-v-5f3d5dad] {
      font-size: 14px;
      font-weight: 500;
      color: #334155;
      text-decoration: none;
      transition: color .2s ease
    }
    .homeNav__link[data-v-5f3d5dad]:hover {
      color: #2563eb
    }
    .homeNav__link--active[data-v-5f3d5dad] {
      color: #2563eb;
      font-weight: 600
    }
    .homeNav__actions[data-v-5f3d5dad] {
      display: flex;
      align-items: center;
      grid-gap: 16px;
      gap: 16px
    }
    .homeNav__userPlaceholder[data-v-5f3d5dad] {
      width: 150px;
      height: 40px
    }
    .homeNav__user[data-v-5f3d5dad] {
      position: relative;
      display: none;
      align-items: center
    }
    @media (min-width:1024px) {
      .homeNav__user[data-v-5f3d5dad] {
        display: inline-flex
      }
    }
    .homeNav__user[data-v-5f3d5dad]:after {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      width: 120px;
      height: 12px;
      background: transparent
    }
    .homeNav__avatarBtn[data-v-5f3d5dad] {
      border: 0;
      padding: 0;
      background: transparent;
      cursor: pointer;
      border-radius: 999px;
      line-height: 0
    }
    .homeNav__avatar[data-v-5f3d5dad] {
      width: 40px;
      height: 40px;
      border-radius: 999px;
      border: 2px solid #dbeafe;
      background: #fff;
      -o-object-fit: cover;
      object-fit: cover
    }
    .homeNav__userMenu[data-v-5f3d5dad] {
      position: absolute;
      top: calc(100% + 10px);
      left: 50%;
      right: auto;
      min-width: 200px;
      padding: 12px;
      background: #fff;
      border: 1px solid #dbeafe;
      border-radius: 14px;
      box-shadow: 0 20px 40px -18px rgba(2, 6, 23, .18);
      opacity: 0;
      transform: translate(-50%, -6px);
      pointer-events: none;
      transition: opacity .15s ease, transform .15s ease
    }
    .homeNav__user:hover .homeNav__userMenu[data-v-5f3d5dad],
    .homeNav__user[focus-within] .homeNav__userMenu[data-v-5f3d5dad] {
      opacity: 1;
      transform: translate(-50%);
      pointer-events: auto
    }
    .homeNav__user:focus-within .homeNav__userMenu[data-v-5f3d5dad],
    .homeNav__user:hover .homeNav__userMenu[data-v-5f3d5dad] {
      opacity: 1;
      transform: translate(-50%);
      pointer-events: auto
    }
    .homeNav__userMeta[data-v-5f3d5dad] {
      padding: 6px 8px 10px;
      border-bottom: 1px solid #eef2ff;
      margin-bottom: 8px
    }
    .homeNav__userName[data-v-5f3d5dad] {
      font-size: 15px;
      font-weight: 700;
      color: #0f172a;
      line-height: 1.2
    }
    .homeNav__userSub[data-v-5f3d5dad] {
      margin-top: 6px;
      font-size: 12px;
      color: #64748b;
      display: inline-flex;
      align-items: center;
      grid-gap: 5px;
      gap: 5px;
      flex-wrap: wrap
    }
    .homeNav__dot[data-v-5f3d5dad] {
      width: 4px;
      height: 4px;
      border-radius: 999px;
      background: #cbd5e1;
      display: inline-block
    }
    .homeNav__userItem[data-v-5f3d5dad] {
      width: 100%;
      display: block;
      text-decoration: none;
      text-align: left;
      padding: 10px;
      border-radius: 12px;
      border: 0;
      background: transparent;
      cursor: pointer;
      font-size: 14px;
      color: #334155;
      transition: background .2s ease, color .2s ease;
      display: flex;
      align-items: center;
      grid-gap: 8px;
      gap: 8px
    }
    .homeNav__userItem[data-v-5f3d5dad]:hover {
      background: #eff6ff;
      color: #2563eb
    }
    .homeNav__userItem--danger[data-v-5f3d5dad]:hover {
      background: #fef2f2;
      color: #dc2626
    }
    .homeNav__userIcon[data-v-5f3d5dad] {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 18px;
      min-width: 18px;
      height: 18px;
      font-size: 18px;
      color: inherit
    }
    .homeNav__userIcon img[data-v-5f3d5dad] {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain
    }
    .homeNav__icon[data-v-5f3d5dad] {
      display: inline-block
    }
    .homeNav__icon--sm[data-v-5f3d5dad] {
      width: 20px;
      height: 20px;
      position: relative;
      top: 1px
    }
    .homeNav__icon--md[data-v-5f3d5dad] {
      width: 24px;
      height: 24px
    }
    .homeNav__loginBtn[data-v-5f3d5dad] {
      display: none;
      align-items: center;
      font-size: 16px;
      grid-gap: 8px;
      gap: 8px;
      padding: 8px 16px;
      border-radius: 12px;
      border: 0;
      background: transparent;
      color: #475569;
      cursor: pointer;
      transition: all .2s ease
    }
    .homeNav__loginBtn[data-v-5f3d5dad]:hover {
      color: #2563eb;
      background: #eff6ff
    }
    @media (min-width:1024px) {
      .homeNav__loginBtn[data-v-5f3d5dad] {
        display: inline-flex
      }
    }
    .homeNav__consultBtn[data-v-5f3d5dad] {
      display: none;
      padding: 10px 24px;
      border-radius: 12px;
      color: #fff;
      cursor: pointer;
      font-weight: 600;
      text-decoration: none;
      font-size: 16px;
      box-shadow: 0 10px 20px rgba(59, 130, 246, .18)
    }
    @media (min-width:1024px) {
      .homeNav__consultBtn[data-v-5f3d5dad] {
        display: inline-block
      }
    }
    .homeNav__menuBtn[data-v-5f3d5dad] {
      display: inline-flex;
      padding: 8px;
      border-radius: 10px;
      border: 0;
      background: transparent;
      cursor: pointer;
      transition: background .2s ease
    }
    .homeNav__menuBtn[data-v-5f3d5dad]:hover {
      background: #f3f4f6
    }
    @media (min-width:1024px) {
      .homeNav__menuBtn[data-v-5f3d5dad] {
        display: none
      }
    }
    .homeNav__mobile[data-v-5f3d5dad] {
      background: #fff;
      border-top: 1px solid #dbeafe
    }
    .homeNav__mobileContainer[data-v-5f3d5dad] {
      padding: 16px
    }
    .homeNav__mobileList[data-v-5f3d5dad] {
      display: flex;
      flex-direction: column;
      grid-gap: 8px;
      gap: 8px
    }
    .homeNav__mobileLink[data-v-5f3d5dad] {
      display: block;
      width: 100%;
      text-align: left;
      padding: 12px 16px;
      border-radius: 12px;
      font-size: 16px;
      font-weight: 500;
      color: #334155;
      text-decoration: none;
      border: 0;
      background: transparent;
      transition: all .2s ease;
      cursor: pointer
    }
    .homeNav__mobileLink[data-v-5f3d5dad]:hover {
      background: #eff6ff;
      color: #2563eb
    }
    .homeNav__mobileLink--active[data-v-5f3d5dad] {
      background: #eff6ff;
      color: #2563eb
    }

/* ======================================
   【3. 底部 Footer V2 模块】
   ====================================== */
/* 原始vue scoped footer基础样式 [data-v-ff602400] */
.footerAreaV2[data-v-ff602400] {
  background: linear-gradient(180deg, #1e293b, #0f172a);
  color: #fff;
  padding: 64px 0
}
.footerAreaV2__container[data-v-ff602400] {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px
}
@media (min-width:640px) {
  .footerAreaV2__container[data-v-ff602400] {
    padding-left: 24px;
    padding-right: 24px
  }
}
@media (min-width:1024px) {
  .footerAreaV2__container[data-v-ff602400] {
    padding-left: 32px;
    padding-right: 32px
  }
}
.footerAreaV2__grid[data-v-ff602400] {
  display: grid;
  grid-gap: 48px;
  gap: 48px;
  margin-bottom: 48px
}
@media (min-width:768px) {
  .footerAreaV2__grid[data-v-ff602400] {
    grid-template-columns: repeat(4, 1fr)
  }
}
.footerAreaV2__brandRow[data-v-ff602400] {
  display: flex;
  align-items: center;
  grid-gap: 12px;
  gap: 12px;
  margin-bottom: 24px
}
.footerAreaV2__logo[data-v-ff602400] {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: linear-gradient(to bottom right, #60a5fa, #c084fc);
  display: flex;
  align-items: center;
  justify-content: center
}
.footerAreaV2__logoText[data-v-ff602400] {
  color: #fff;
  font-weight: 700;
  line-height: 1
}
.footerAreaV2__brandName[data-v-ff602400] {
  font-size: 20px;
  font-weight: 700
}
.footerAreaV2__brandSub[data-v-ff602400] {
  font-size: 12px;
  color: #94a3b8
}
.footerAreaV2__aboutDesc[data-v-ff602400] {
  margin: 0;
  color: #94a3b8;
  font-size: 14px;
  line-height: 1.625
}
.footerAreaV2__title[data-v-ff602400] {
  font-weight: 600;
  margin: 0 0 24px
}
.footerAreaV2__links[data-v-ff602400] {
  list-style: none;
  margin: 0;
  padding: 0
}
.footerAreaV2__links>*+*[data-v-ff602400] {
  margin-top: 12px
}
.footerAreaV2__bottomLink[data-v-ff602400],
.footerAreaV2__link[data-v-ff602400] {
  cursor: pointer;
  color: #94a3b8;
  text-decoration: none;
  transition: color .2s ease
}
.footerAreaV2__link--blue[data-v-ff602400]:hover {
  color: #93c5fd
}
.footerAreaV2__link--purple[data-v-ff602400]:hover {
  color: #d8b4fe
}
.footerAreaV2__link--pink[data-v-ff602400]:hover {
  color: #f9a8d4
}
.footerAreaV2__bottom[data-v-ff602400] {
  border-top: 1px solid #334155;
  padding-top: 32px;
  display: flex;
  flex-direction: column;
  grid-gap: 16px;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  color: #94a3b8;
  font-size: 14px
}
@media (min-width:768px) {
  .footerAreaV2__bottom[data-v-ff602400] {
    flex-direction: row
  }
}
.footerAreaV2__copyright[data-v-ff602400] {
  margin: 0
}
.footerAreaV2__bottomLinks[data-v-ff602400] {
  display: flex;
  align-items: center;
  grid-gap: 24px;
  gap: 24px
}

/* 【自定义覆盖Footer样式（优先级更高，放在原生footer后面）】 */
/* 1. footer底部 */
.footerAreaV2__grid {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 40px !important;
  justify-content: flex-start !important;
  width: 100% !important;
}
/* 2. 列宽固定（保证换行） */
.footerAreaV2__col {
  flex: 0 0 120px !important;
}
.footerAreaV2__col--brand {
  flex: 0 0 280px !important;
}
.footerAreaV2__col--qrcode {
  flex: 0 0 200px !important;
}
/* 3. 文字强制换行 */
.footerAreaV2__aboutDesc,
.footerAreaV2__qrcodeDesc {
  word-wrap: break-word !important;
  white-space: normal !important;
}
/* 4. 主内容区：极致紧凑 */
.footerAreaV2__about {
  padding: 0;
  margin: 0;
}
.footerAreaV2__title {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 10px !important; /* 标题下间距：4px */
}
.footerAreaV2__links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footerAreaV2__links li {
  margin-bottom: 2px !important; /* 链接行距：2px，几乎贴在一起 */
}
.footerAreaV2__link {
  color: #999;
  text-decoration: none;
}
.footerAreaV2__link:hover {
  color: #fff;
}
/* 二维码区压缩 */
.footerAreaV2__qrcodeDesc {
  margin: 2px 0 !important;
}
.footerAreaV2__qrcodeWrap {
  margin: 4px 0 !important;
}
.footerAreaV2__qrcodeBox {
  width: 60px !important;
  height: 60px !important;
}
.footerAreaV2__qrcodeBox img {
  width: 52px !important;
  height: 52px !important;
}
.footerAreaV2__contact {
  color: #999;
  font-size: 14px;
  margin: 0;
}
/* 5. 底部版权：压到最窄（关键） */
.footerAreaV2__bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 12px !important;
  font-size: 13px !important; /* 字体再小一点 */
  color: #999;
  line-height: 1.2 !important; /* 行高压缩 */
}
.footerAreaV2__bottomLinks .footerAreaV2__link {
  color: #999;
  margin-right: 12px !important;
}
.footerAreaV2__copyrightWrap {
  margin-top: 2px !important; /* 版权上间距：2px */
  width: 100%;
}
.footerAreaV2__copyright {
  margin: 0;
  font-size: 14px !important;
  line-height: 1.2 !important;
}

/* 链接去下划线 */
a:link,
a:visited,
a:hover,
a:active,
a:focus {
    text-decoration: none;
}



/* 客服代码 */
.kf{width:208px;position:fixed;right:-208px;/* 默认隐藏面板 */top:50%;transform:translateY(-50%);z-index:10;}

.kt-top{height:40px;line-height:40px;background:url(file:///C:/Users/Administrator/Desktop/freedetect/picture/qnykefu.png) 12px center no-repeat #023793;-ms-background-size:auto 20px;background-size:auto 20px;padding-left:46px;font-size:14px;color:#fff;}

.kt-top span:hover{transform:rotate(90deg);}

.kt-top span{width:18px;height:16px;float:right;position:relative;margin:10px 10px 0 0;cursor:pointer;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;}

.kt-top span b{width:100%;height:2px;background:#fff;display:block;position:absolute;top:50%;left:0;}

.kt-top span b:first-child{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);}

.kt-top span b:last-child{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);}

.kf .con{overflow:hidden;background:#fff;}

.kf .qq li{height:36px;line-height:36px;border-bottom:#f5f5f5 solid 1px;padding-left:16px;}

.kf .qq li a{height:36px!important;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:initial;display:block;}

.kf .qq li a img{padding-right:6px;}

.kf .con h5{height:26px;line-height:26px;margin-top:12px;background:url(file:///C:/Users/Administrator/Desktop/freedetect/picture/qnylianxi.png) 16px center no-repeat;padding-left:45px;color:#666;font-size:14px;margin-bottom: 0;}

.kf .contact{margin-top:1px;height: auto;background-color: #fff;}

.kf .contact p{height:26px;line-height:26px;color:#666;font-size:14px;padding-left:45px;margin: 0;}

.kf .contact p:nth-child(2n){padding-left:32px;}

.kf .con h5.qr-icon{background:url(file:///C:/Users/Administrator/Desktop/freedetect/picture/qnyerweima.png) 16px center no-repeat;}

.kf .con .qr{margin-top:10px;padding-left:40px;}

.kf .con .qr img{width:110px;height:110px;}

.kf .backTop{width:100%;height:40px;margin-top:10px;background:url(file:///C:/Users/Administrator/Desktop/freedetect/picture/qnyhuidaodingbu.png) center center no-repeat #023793;background-size:18px auto;cursor:pointer;}

.kf-side{padding:18px 10px 10px;background:#023793;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);left:-34px;cursor:pointer;}

.kf-side b{display:block;color:#fff;line-height:18px;font-size:14px;font-weight:400;}

.kf-side span.arrow{width:12px;height:12px;background:url(file:///C:/Users/Administrator/Desktop/freedetect/picture/qnyjt-1.png) no-repeat;-ms-background-size:auto 12px;background-size:auto 12px;display:block;margin-top:10px;}

.kf-side span.on{background:url(file:///C:/Users/Administrator/Desktop/freedetect/picture/qnyjt-2.png) no-repeat;-ms-background-size:auto 12px;background-size:auto 12px;}






/* 友情链接：和全站 .container 宽度完全一致 */
/* 友情链接：和全站 .container 宽度完全一致 */
.link-container {
    width: 100%;
    background: #fff;
    padding: 20px 0;
}
.link-container > div {
    max-width: 1366px;  /* 和页面主体 .container 保持一样！ */
    margin: 0 auto;     /* 水平居中 */
    width: 100%;
    padding:0 16px 0 40px; /* ✅第四个值就是【离左边距离】，现在40px，自行修改 */
    text-align: left;
    color: #333;
}
.friend-link {
    color: #475569;
    text-decoration: none;
}
.friend-link:not(:first-of-type)::before {
    content: "|";
    margin-right: 6px;
    color: #999;
}
/* 移动端适配，手机端左边固定16px，防止贴边 */
@media (max-width:768px){
    .link-container > div{
        padding:0 16px 0 16px;
    }
}