:root{
    --zz-red:#e60012;
    --gk-navy:#0c2147;
    --gk-blue:#1d4ed8;
    --gk-slate:#64748b;
    --gk-band:#eef2f7;
    --gk-pill-bg:#e8f0fe;
    --gk-green:#16a34a;
    --gk-r-lg:20px;
    --gk-r-xl:24px;
    --gk-sh-soft:0 12px 40px rgba(15,23,42,.07);
    --gk-sh-lift:0 20px 50px rgba(15,23,42,.1);
    --gk-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --gk-block-gap:72px;
    --gk-section-mb:56px;
    --gk-mo-dur:0.65s;
    --gk-mo-y:28px;
}
/* 页面底色与首页 .zz-home 一致，由 home-redesign.css 提供 */
body.zz-home{
        font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;
    }
/* 专题页主内容：旧版 ztsty 中 .zt_mod9/.zt_mod11 固定 1200px，收窄版心时避免横向撑破 */
body.zz-home .zz-main{
    overflow-x:hidden;
    max-width:100%;
}
body.zz-home .zz-main .zt_mod9,
body.zz-home .zz-main .zt_mod11{
    width:min(1200px,100%);
    max-width:100%;
    box-sizing:border-box;
}
body.zz-home .zz-main .zt_mod9{
    overflow-x:auto;
}

/* —— 公考专题：导航下全宽大横幅 + 下方信任条 —— */
.gk-hero-text{
    position:relative;
    margin:0 0 8px;
    padding:0;
}
/* 主视觉：通栏，紧贴主导航下方，高度与旧 zt_gk_banner 同量级 */
.gk-banner-band{
    position:relative;
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    isolation:isolate;
    overflow:hidden;
    min-height:400px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    /* 默认：国考深蓝靛紫（无主题类的旧静态页仍可用） */
    background:
        radial-gradient(ellipse 85% 70% at 85% 15%,rgba(56,189,248,.28),transparent 52%),
        radial-gradient(ellipse 65% 55% at 12% 88%,rgba(167,139,250,.22),transparent 48%),
        linear-gradient(125deg,#0a1628 0%,#1e3a5f 42%,#312e81 78%,#0f172a 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.1),
        0 20px 56px rgba(15,23,42,.4);
}
/* 各专题首屏横幅背景色区分（模板页在 section 上加 gk-hero-text--theme-*；国考与默认一致可省略类名） */
.gk-hero-text--theme-sk .gk-banner-band{
    background:
        radial-gradient(ellipse 85% 70% at 82% 12%,rgba(45,212,191,.32),transparent 52%),
        radial-gradient(ellipse 65% 55% at 10% 85%,rgba(16,185,129,.22),transparent 48%),
        linear-gradient(125deg,#022c22 0%,#0f766e 38%,#115e59 72%,#042f2e 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.09),
        0 20px 56px rgba(6,78,59,.45);
}
.gk-hero-text--theme-syb .gk-banner-band{
    background:
        radial-gradient(ellipse 85% 70% at 85% 15%,rgba(251,191,36,.24),transparent 52%),
        radial-gradient(ellipse 65% 55% at 12% 88%,rgba(249,115,22,.2),transparent 48%),
        linear-gradient(125deg,#1c1917 0%,#78350f 36%,#9a3412 68%,#292524 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 20px 56px rgba(67,20,7,.42);
}
.gk-hero-text--theme-jdwz .gk-banner-band{
    background:
        radial-gradient(ellipse 85% 70% at 85% 15%,rgba(74,222,128,.26),transparent 52%),
        radial-gradient(ellipse 65% 55% at 12% 88%,rgba(34,197,94,.18),transparent 48%),
        linear-gradient(125deg,#052e16 0%,#14532d 40%,#166534 74%,#022c22 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 20px 56px rgba(5,46,22,.48);
}
.gk-hero-text--theme-jsb .gk-banner-band{
    background:
        radial-gradient(ellipse 85% 70% at 85% 15%,rgba(192,132,252,.28),transparent 52%),
        radial-gradient(ellipse 65% 55% at 12% 88%,rgba(244,114,182,.2),transparent 48%),
        linear-gradient(125deg,#1e1b4b 0%,#5b21b6 38%,#7c3aed 70%,#312e81 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.1),
        0 20px 56px rgba(49,46,129,.45);
}
.gk-banner-band::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:4px;
    z-index:2;
    pointer-events:none;
    background:linear-gradient(90deg,#22d3ee,#a78bfa,#f472b6,#4ade80,#22d3ee);
    background-size:200% 100%;
}
.gk-hero-text--theme-sk .gk-banner-band::before{
    background:linear-gradient(90deg,#2dd4bf,#34d399,#22d3ee,#2dd4bf);
    background-size:200% 100%;
}
.gk-hero-text--theme-syb .gk-banner-band::before{
    background:linear-gradient(90deg,#fbbf24,#f97316,#fb7185,#fbbf24);
    background-size:200% 100%;
}
.gk-hero-text--theme-jdwz .gk-banner-band::before{
    background:linear-gradient(90deg,#4ade80,#22c55e,#86efac,#4ade80);
    background-size:200% 100%;
}
.gk-hero-text--theme-jsb .gk-banner-band::before{
    background:linear-gradient(90deg,#c084fc,#e879f9,#f472b6,#c084fc);
    background-size:200% 100%;
}
.gk-banner-band::after{
    content:"";
    pointer-events:none;
    position:absolute;
    inset:0;
    opacity:.45;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='%23ffffff' fill-opacity='.04'%3E%3Cpath d='M0 0h1v60H0V0zm59 0h1v60h-1V0z'/%3E%3C/g%3E%3C/svg%3E");
    z-index:0;
}
.gk-hero-text .gk-topbar-wrap{
    position:relative;
    z-index:1;
}
.gk-hero-text .gk-banner-band .gk-banner-inner{
    position:relative;
    z-index:1;
    margin:0 auto;
    min-height:380px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:40px var(--zz-content-pad,24px) 44px;
    box-sizing:border-box;
}
.gk-hero-text .gk-banner-grid{
    align-items:center;
    width:100%;
}

/* —— 备考路线：12 格图标 + 文案（增强动效 / 光感 / 错落入场） —— */
.gk-route{
    max-width:var(--zz-content-max,1280px);
    margin:0 auto var(--gk-section-mb);
    padding:0 var(--zz-content-pad,24px);
    box-sizing:border-box;
    perspective:1200px;
}
.gk-route__inner{
    position:relative;
    padding:32px 28px 34px;
    border-radius:var(--gk-r-xl);
    background:
        radial-gradient(ellipse 90% 80% at 50% -40%,rgba(99,102,241,.09),transparent 55%),
        linear-gradient(165deg,rgba(255,255,255,.97) 0%,#eef2f7 100%);
    border:1px solid rgba(226,232,240,.9);
    box-shadow:
        var(--gk-sh-soft),
        0 0 0 1px rgba(255,255,255,.75) inset,
        0 1px 0 rgba(255,255,255,.9) inset;
    overflow:hidden;
}
.gk-route__inner::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    box-shadow:
        0 0 0 1px rgba(99,102,241,.14) inset,
        0 0 48px rgba(99,102,241,.08);
    opacity:1;
}
.gk-route__head{
    text-align:center;
    margin-bottom:26px;
    position:relative;
    z-index:1;
}
.gk-route__head h2{
    margin:0 0 10px;
    font-size:clamp(22px,2.5vw,30px);
    font-weight:800;
    letter-spacing:-.03em;
    color:var(--gk-navy);
    display:inline-block;
    position:relative;
}
.gk-route__head h2::after{
    content:"";
    display:block;
    height:4px;
    margin:10px auto 0;
    max-width:160px;
    border-radius:999px;
    background:linear-gradient(90deg,#6366f1,#22d3ee,#4ade80,#a78bfa);
    background-size:200% 100%;
    animation:gkRouteTitleShine 8s ease-in-out infinite;
}
@keyframes gkRouteTitleShine{
    0%,100%{background-position:0% 50%;}
    50%{background-position:100% 50%;}
}
.gk-route__head p{
    margin:0;
    font-size:14px;
    color:#64748b;
    line-height:1.6;
    max-width:520px;
    margin-left:auto;
    margin-right:auto;
}
.gk-route__grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:16px 14px;
    position:relative;
    z-index:1;
}
.gk-route-card{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    text-align:center;
    text-decoration:none;
    padding:18px 10px 15px;
    min-height:112px;
    border-radius:18px;
    background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(248,250,252,.88));
    border:1px solid rgba(226,232,240,.95);
    box-shadow:0 8px 24px rgba(15,23,42,.06);
    cursor:pointer;
    color:#334155;
    overflow:hidden;
    transition:
        transform .32s var(--gk-ease),
        box-shadow .32s var(--gk-ease),
        border-color .32s ease,
        background .32s ease;
    -webkit-tap-highlight-color:transparent;
}
.gk-route-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.72) 50%,transparent 62%);
    transform:translateX(-130%) skewX(-12deg);
    transition:transform .75s var(--gk-ease);
    pointer-events:none;
    border-radius:inherit;
}
.gk-route-card:hover::after{
    transform:translateX(130%) skewX(-12deg);
}
.gk-route-card:hover{
    transform:translateY(-6px) scale(1.02);
    box-shadow:0 20px 44px rgba(79,70,229,.14),0 8px 20px rgba(15,23,42,.08);
    border-color:rgba(129,140,248,.45);
    background:linear-gradient(180deg,#ffffff,rgba(238,242,255,.95));
}
.gk-route-card:active{
    transform:translateY(-2px) scale(.99);
    transition-duration:.12s;
}
.gk-route-card:focus-visible{
    outline:3px solid rgba(129,140,248,.75);
    outline-offset:3px;
}
.gk-route-card__ico{
    width:56px;
    height:56px;
    margin:0 auto 10px;
    border-radius:16px;
    flex-shrink:0;
    background-repeat:no-repeat;
    background-position:center;
    background-size:26px 26px,100% 100%;
    box-shadow:0 8px 20px rgba(15,23,42,.14),inset 0 1px 0 rgba(255,255,255,.4);
    transition:transform .35s var(--gk-ease),box-shadow .35s ease;
    position:relative;
    z-index:1;
}
.gk-route-card:hover .gk-route-card__ico{
    transform:scale(1.08) rotate(-3deg);
    box-shadow:0 12px 28px rgba(79,70,229,.22),inset 0 1px 0 rgba(255,255,255,.5);
}
.gk-route-card__lbl{
    font-size:13px;
    font-weight:700;
    line-height:1.35;
    position:relative;
    z-index:1;
    transition:color .25s ease;
}
.gk-route-card:hover .gk-route-card__lbl{
    color:#1e293b;
}
/* 区块入视口后卡片错落弹入 */
.gk-route.gk-mo--in .gk-route-card{
    animation:gkRouteCardPop .5s var(--gk-ease) backwards;
}
.gk-route.gk-mo--in .gk-route-card:nth-child(1){animation-delay:.03s;}
.gk-route.gk-mo--in .gk-route-card:nth-child(2){animation-delay:.06s;}
.gk-route.gk-mo--in .gk-route-card:nth-child(3){animation-delay:.09s;}
.gk-route.gk-mo--in .gk-route-card:nth-child(4){animation-delay:.12s;}
.gk-route.gk-mo--in .gk-route-card:nth-child(5){animation-delay:.15s;}
.gk-route.gk-mo--in .gk-route-card:nth-child(6){animation-delay:.18s;}
.gk-route.gk-mo--in .gk-route-card:nth-child(7){animation-delay:.21s;}
.gk-route.gk-mo--in .gk-route-card:nth-child(8){animation-delay:.24s;}
.gk-route.gk-mo--in .gk-route-card:nth-child(9){animation-delay:.27s;}
.gk-route.gk-mo--in .gk-route-card:nth-child(10){animation-delay:.30s;}
.gk-route.gk-mo--in .gk-route-card:nth-child(11){animation-delay:.33s;}
.gk-route.gk-mo--in .gk-route-card:nth-child(12){animation-delay:.36s;}
@keyframes gkRouteCardPop{
    0%{opacity:0;transform:translateY(16px) scale(.94);}
    100%{opacity:1;transform:translateY(0) scale(1);}
}
/* 图标层（白 SVG）+ 渐变底，按参考图配色 */
.gk-route-card--ic1 .gk-route-card__ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 105.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M12 9v3m0 0v3m0-3h3m-3 0H9' stroke='%23fff' stroke-width='1.2' fill='none'/%3E%3C/svg%3E"),linear-gradient(145deg,#86efac,#16a34a);}
.gk-route-card--ic2 .gk-route-card__ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2z'/%3E%3C/svg%3E"),linear-gradient(145deg,#7dd3fc,#0ea5e9);}
.gk-route-card--ic3 .gk-route-card__ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4v2z'/%3E%3C/svg%3E"),linear-gradient(145deg,#6ee7b7,#059669);}
.gk-route-card--ic4 .gk-route-card__ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z'/%3E%3C/svg%3E"),linear-gradient(145deg,#93c5fd,#2563eb);}
.gk-route-card--ic5 .gk-route-card__ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M4 6h7v2H4zm0 5h7v2H4zm0 5h7v2H4zm10-10h6v2h-6zm0 5h6v2h-6zm0 5h6v2h-6z'/%3E%3C/svg%3E"),linear-gradient(145deg,#c4b5fd,#7c3aed);}
.gk-route-card--ic6 .gk-route-card__ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E"),linear-gradient(145deg,#fca5a5,#dc2626);}
.gk-route-card--ic7 .gk-route-card__ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E"),linear-gradient(145deg,#93c5fd,#2563eb);}
.gk-route-card--ic8 .gk-route-card__ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z'/%3E%3C/svg%3E"),linear-gradient(145deg,#7dd3fc,#0284c7);}
.gk-route-card--ic9 .gk-route-card__ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z'/%3E%3C/svg%3E"),linear-gradient(145deg,#bae6fd,#0ea5e9);}
.gk-route-card--ic10 .gk-route-card__ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z'/%3E%3C/svg%3E"),linear-gradient(145deg,#fecaca,#e11d48);}
.gk-route-card--ic11 .gk-route-card__ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E"),linear-gradient(145deg,#93c5fd,#2563eb);}
.gk-route-card--ic12 .gk-route-card__ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M3 17h2v-7H3v7zm4 0h2V7H7v10zm4 0h2v-4h-2v4zm4 0h2v-8h-2v8zm4 0h2v-5h-2v5z'/%3E%3C/svg%3E"),linear-gradient(145deg,#ddd6fe,#7c3aed);}

.zt_banner.zt_gk_banner{
    position:relative;
    height:360px;
    overflow:hidden;
}
.zt_banner.zt_gk_banner::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(16,185,129,.18));
}
.gk-banner-inner{
    max-width:var(--zz-content-max,1280px);
    margin:8px auto 32px;
    padding:28px var(--zz-content-pad,24px) 12px;
    color:var(--zz-ink,#0f172a);
    text-align:left;
    box-sizing:border-box;
}
.gk-banner-kicker{
    display:inline-block;
    padding:7px 16px;
    border-radius:999px;
    font-size:13px;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:none;
    background:rgba(255,255,255,.92);
    color:#5b21b6;
    margin-bottom:16px;
    border:1px solid rgba(91,33,182,.22);
    box-shadow:0 4px 14px rgba(91,33,182,.12);
}
.gk-banner-title{
        font-size:clamp(34px,4.8vw,52px);
        line-height:1.12;
        font-weight:900;
        letter-spacing:-0.045em;
        color:#0a1628;
        text-shadow:0 2px 0 rgba(255,255,255,.75),0 12px 40px rgba(15,23,42,.08);
    }
    .gk-banner-lead{
        display:block;
        margin-top:12px;
        font-size:0.46em;
        font-weight:800;
        letter-spacing:-0.02em;
        line-height:1.35;
        color:#1e3a8a;
    }
/* 勿用 background-clip:text + 透明字：部分内核会误判 @supports，导致整段标题「消失」 */
/* 深色通栏横幅上的浅色大字 */
.gk-hero-text .gk-banner-band .gk-banner-title{
    color:#ffffff;
    -webkit-text-fill-color:#ffffff;
    text-shadow:0 2px 28px rgba(0,0,0,.45),0 1px 0 rgba(255,255,255,.12);
}
.gk-hero-text .gk-banner-band .gk-banner-lead{
    color:#a5f3fc;
    -webkit-text-fill-color:#a5f3fc;
    text-shadow:0 2px 20px rgba(0,0,0,.35);
}
.gk-hero-text .gk-banner-band .gk-banner-kicker{
    background:rgba(255,255,255,.14);
    color:#e0e7ff;
    border-color:rgba(255,255,255,.32);
    box-shadow:0 4px 24px rgba(0,0,0,.25);
}
.gk-hero-text .gk-banner-band .gk-banner-sub{
    color:rgba(248,250,252,.93);
    text-shadow:none;
}
.gk-banner-sub{
    margin-top:16px;
    font-size:clamp(15px,1.35vw,18px);
    line-height:1.65;
    font-weight:600;
    color:#334155;
    max-width:36em;
}
.gk-banner-cta{
        margin-top:26px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        padding:13px 28px;
        border-radius:999px;
        background:linear-gradient(135deg,#16a34a,#22c55e 55%,#4ade80);
        color:#ffffff;
        font-size:15px;
        font-weight:700;
        box-shadow:0 14px 32px rgba(22,163,74,.45),0 2px 0 rgba(255,255,255,.2) inset;
        cursor:pointer;
        transition:transform .25s var(--gk-ease),box-shadow .25s var(--gk-ease);
    }
.gk-banner-cta:hover{
    transform:translateY(-2px);
    box-shadow:0 20px 40px rgba(22,163,74,.5),0 2px 0 rgba(255,255,255,.25) inset;
}
.gk-banner-cta:focus-visible{
    outline:3px solid rgba(37,99,235,.45);
    outline-offset:3px;
}
.gk-banner-cta span{
        margin-left:4px;
        font-size:13px;
        opacity:.9;
    }
.gk-banner-grid{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:32px;
}
.gk-banner-main{
    flex:3;
}
.gk-banner-stats{
    flex:2;
    display:flex;
    flex-direction:column;
    gap:10px;
}
.gk-banner-stat{
    position:relative;
    background:linear-gradient(145deg,#ffffff 0%,#f8fafc 100%);
    border-radius:18px;
    padding:14px 16px 14px 20px;
    box-shadow:var(--gk-sh-soft);
    border:1px solid rgba(226,232,240,.95);
    transition:transform .22s var(--gk-ease),box-shadow .22s var(--gk-ease);
}
.gk-banner-stat:hover{
    transform:translateY(-2px);
    box-shadow:var(--gk-sh-lift);
}
.gk-banner-stat::before{
    content:"";
    position:absolute;
    left:0;
    top:12px;
    bottom:12px;
    width:4px;
    border-radius:0 4px 4px 0;
    background:linear-gradient(180deg,#6366f1,#8b5cf6);
}
.gk-banner-stat:nth-child(2)::before{
    background:linear-gradient(180deg,#f97316,#fb923c);
}
.gk-banner-stat:nth-child(3)::before{
    background:linear-gradient(180deg,#0ea5e9,#22c55e);
}
.gk-banner-stat .stat-num{
    font-size:24px;
    font-weight:800;
    letter-spacing:-0.02em;
    color:#0f172a;
}
.gk-banner-stat:nth-child(1) .stat-num{color:#5b21b6;}
.gk-banner-stat:nth-child(2) .stat-num{color:#c2410c;}
.gk-banner-stat:nth-child(3) .stat-num{color:#0369a1;}
@supports (-webkit-background-clip:text) or (background-clip:text){
    .gk-banner-stat:nth-child(1) .stat-num{
        background:linear-gradient(135deg,#4f46e5,#7c3aed);
        -webkit-background-clip:text;
        background-clip:text;
        color:transparent;
    }
    .gk-banner-stat:nth-child(2) .stat-num{
        background:linear-gradient(135deg,#ea580c,#f59e0b);
        -webkit-background-clip:text;
        background-clip:text;
        color:transparent;
    }
    .gk-banner-stat:nth-child(3) .stat-num{
        background:linear-gradient(135deg,#0284c7,#16a34a);
        -webkit-background-clip:text;
        background-clip:text;
        color:transparent;
    }
}
.gk-banner-stat .stat-label{
    margin-top:4px;
    font-size:13px;
    color:#64748b;
    line-height:1.45;
}
.zt_box1{
    max-width:var(--zz-content-max,1280px);
    margin:var(--gk-block-gap) auto var(--gk-block-gap);
    padding:28px 32px 32px;
    background:linear-gradient(180deg,#ffffff 0%,#fafbfc 100%);
    border-radius:var(--gk-r-xl);
    box-shadow:0 18px 48px rgba(15,23,42,.07);
    border:1px solid rgba(226,232,240,.9);
    position:relative;
    z-index:5;
    text-align:left;
}
.zt_box1::before{
    content:"";
    position:absolute;
    top:0;
    left:24px;
    right:24px;
    height:3px;
    border-radius:0 0 6px 6px;
    background:linear-gradient(90deg,#6366f1,#2563eb,#22c55e);
    opacity:.85;
}
.gk_box1_tt{
    height:auto;
    background:none;
    margin-bottom:8px;
}
.gk_box1_tt::before{
    content:"公务员考试 · 备考路线";
    display:inline-block;
    font-size:24px;
    font-weight:700;
    color:#0f172a;
}
.box1_des{
    font-size:15px;
    color:#6b7280;
    margin-bottom:18px;
}
.box1_cont{
    margin-top:4px;
}
.box1_ul{
    display:flex;
    gap:18px;
    justify-content:space-between;
}
.box1_li{
    flex:1;
    background:#f9fafb;
    border-radius:18px;
    padding:14px 14px 16px;
    box-shadow:0 8px 22px rgba(15,23,42,.04);
    transition:all .18s ease;
    cursor:pointer;
}
.box1_li img{
    width:100%;
    border-radius:14px;
    margin-bottom:10px;
}
.box1_li p{
    font-size:15px;
    color:#111827;
}
.box1_li:hover{
    background:#ffffff;
    box-shadow:0 14px 32px rgba(15,23,42,.10);
    transform:translateY(-3px);
}
.box1_lc{
    margin:26px auto 0;
}
.btnXX{
    margin-top:22px;
    text-align:center;
}
.btnXX a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:11px 26px;
    border-radius:999px;
    background:linear-gradient(135deg,#2563eb,#22c55e);
    color:#ffffff;
    font-size:14px;
    box-shadow:0 14px 32px rgba(37,99,235,.38);
}
.btnXX a:hover{
    opacity:.96;
}
.gk-section{
    max-width:var(--zz-content-max,1280px);
    margin:0 auto var(--gk-section-mb);
    padding:0 var(--zz-content-pad,24px);
    box-sizing:border-box;
}
.gk-section-inner{
    background:linear-gradient(180deg,#ffffff,#fafbfc);
    border-radius:var(--gk-r-xl);
    box-shadow:0 14px 40px rgba(15,23,42,.06);
    border:1px solid rgba(226,232,240,.9);
    padding:26px 28px 28px;
}
.gk-section-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:14px;
}
.gk-section-title h2{
    font-size:22px;
    font-weight:700;
    color:#0f172a;
    display:flex;
    align-items:center;
    gap:8px;
}
.gk-section-title span{
    font-size:14px;
    color:#9ca3af;
}
.gk-steps-list{
    display:flex;
    gap:18px;
}
.gk-step-item{
    flex:1;
    background:#f9fafb;
    border-radius:18px;
    padding:14px 14px 16px;
    display:flex;
    align-items:flex-start;
    gap:10px;
}
.gk-step-num{
    width:28px;
    height:28px;
    border-radius:999px;
    background:linear-gradient(135deg,#2563eb,#22c55e);
    color:#ffffff;
    font-size:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}
.gk-step-text h3{
    font-size:15px;
    font-weight:600;
    color:#111827;
    margin-bottom:4px;
}
.gk-step-text p{
    font-size:13px;
    color:#6b7280;
    line-height:1.6;
}
.gk-courses-grid{
    display:flex;
    gap:18px;
}
.gk-course-card{
    flex:1;
    border-radius:18px;
    padding:16px 16px 18px;
    background:#f9fafb;
    box-shadow:0 8px 22px rgba(15,23,42,.04);
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
.gk-course-tag{
    display:inline-block;
    padding:2px 8px;
    border-radius:999px;
    font-size:12px;
    color:#0ea5e9;
    background:rgba(14,165,233,.08);
    margin-bottom:10px;
}
.gk-course-title{
    font-size:16px;
    font-weight:600;
    color:#111827;
    margin-bottom:6px;
}
.gk-course-meta{
    font-size:13px;
    color:#6b7280;
    margin-bottom:10px;
}
.gk-course-cta{
    margin-top:6px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:7px 14px;
    border-radius:999px;
    font-size:13px;
    color:#ffffff;
    background:linear-gradient(135deg,#22c55e,#16a34a);
}
.gk-course-cta span{
    margin-left:4px;
    font-size:12px;
    opacity:.9;
}
.gk-faq-grid{
    display:flex;
    gap:18px;
}
.gk-faq-left{
    flex:3;
}
.gk-faq-right{
    flex:2;
    padding-left:10px;
    border-left:1px dashed #e5e7eb;
}
.gk-faq-item{
    margin-bottom:14px;
    padding:10px 12px;
    margin-left:-12px;
    margin-right:-12px;
    border-radius:14px;
    transition:background .25s ease,transform .25s var(--gk-ease);
}
.gk-faq-item:hover{
    background:rgba(99,102,241,.06);
    transform:translateX(4px);
}
.gk-faq-q{
    font-size:14px;
    font-weight:600;
    color:#111827;
    margin-bottom:4px;
}
.gk-faq-a{
    font-size:13px;
    color:#6b7280;
    line-height:1.7;
}
.gk-faq-cta{
    margin-top:10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 14px;
    border-radius:999px;
    border:1px dashed rgba(37,99,235,.45);
    font-size:13px;
    color:#2563eb;
}
.gk-sticky-bar{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:999;
    pointer-events:none;
}
.gk-sticky-inner{
    max-width:var(--zz-content-max,1280px);
    margin:0 auto 16px;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(15,23,42,.96);
    color:#e5e7eb;
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:13px;
    box-shadow:0 18px 40px rgba(15,23,42,.8);
    pointer-events:auto;
}
.gk-sticky-text{
    display:flex;
    flex-direction:column;
}
.gk-sticky-text span:first-child{
    font-size:14px;
    font-weight:550;
    color:#f9fafb;
}
.gk-sticky-btns a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 16px;
    border-radius:999px;
    font-size:13px;
    margin-left:10px;
}
.gk-sticky-btns .btn-primary{
    background:linear-gradient(135deg,#22c55e,#16a34a);
    color:#ffffff;
}
.gk-sticky-btns .btn-outline{
    border:1px solid rgba(148,163,184,.8);
    color:#e5e7eb;
}
.gk-compare-grid{
    display:flex;
    gap:18px;
}
.gk-compare-card{
    flex:1;
    border-radius:18px;
    padding:16px 18px 18px;
    background:#f9fafb;
    border:1px solid rgba(226,232,240,.6);
    transition:transform .3s var(--gk-ease),box-shadow .3s var(--gk-ease),border-color .25s ease;
    box-shadow:0 8px 26px rgba(15,23,42,.05);
}
.gk-compare-card:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 40px rgba(37,99,235,.1);
    border-color:rgba(37,99,235,.15);
}
.gk-compare-title{
    font-size:16px;
    font-weight:650;
    margin-bottom:6px;
    color:#111827;
}
.gk-compare-badge{
    display:inline-block;
    padding:2px 8px;
    border-radius:999px;
    font-size:12px;
    margin-bottom:8px;
}
.gk-compare-badge.national{
    color:#2563eb;
    background:rgba(37,99,235,.08);
}
.gk-compare-badge.province{
    color:#22c55e;
    background:rgba(34,197,94,.08);
}
.gk-compare-list{
    font-size:13px;
    color:#6b7280;
    line-height:1.7;
}
.gk-compare-list li{
    margin-bottom:4px;
}
.gk-icon{
    width:26px;
    height:26px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    color:#ffffff;
    flex-shrink:0;
}
.gk-icon-plan{
    background:linear-gradient(135deg,#2563eb,#4f46e5);
}
.gk-icon-course{
    background:linear-gradient(135deg,#22c55e,#16a34a);
}
.gk-icon-compare{
    background:linear-gradient(135deg,#f97316,#ec4899);
}
.gk-icon-faq{
    background:linear-gradient(135deg,#0ea5e9,#6366f1);
}
.gk-icon-rate{
    background:linear-gradient(135deg,#eab308,#f97316);
}
.gk-ai-layout{
    display:flex;
    gap:22px;
}
.gk-ai-left{
    flex:3;
    display:flex;
    flex-direction:column;
    gap:12px;
}
.gk-ai-badge-row{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:4px;
}
.gk-ai-badge{
    padding:4px 10px;
    border-radius:999px;
    font-size:13px;
    background:rgba(37,99,235,.08);
    color:#2563eb;
}
.gk-ai-flow{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:14px;
    color:#4b5563;
}
.gk-ai-flow span{
    padding:6px 12px;
    border-radius:999px;
    background:#f9fafb;
}
.gk-ai-chat{
    border-radius:18px;
    background:#020617;
    color:#e5e7eb;
    padding:18px 18px 14px;
    box-shadow:0 18px 40px rgba(15,23,42,.85);
    font-size:14px;
}
.gk-ai-chat-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:8px;
}
.gk-ai-chat-header span{
    font-size:13px;
    color:#9ca3af;
}
.gk-ai-bubbles{
    max-height:170px;
    overflow:hidden;
}
.gk-ai-bubble{
    max-width:90%;
    padding:7px 12px;
    border-radius:14px;
    margin-bottom:6px;
}
.gk-ai-bubble.user{
    margin-left:auto;
    background:#0f172a;
}
.gk-ai-bubble.ai{
    background:rgba(15,23,42,.8);
    border:1px solid rgba(148,163,184,.4);
}
.gk-ai-bubble-label{
    font-size:12px;
    color:#9ca3af;
    margin-bottom:2px;
}
.gk-ai-right{
    flex:2;
    border-radius:18px;
    background:#f9fafb;
    padding:18px 18px 18px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
.gk-ai-right h3{
    font-size:17px;
    font-weight:600;
    margin-bottom:6px;
    color:#111827;
}
.gk-ai-right p{
    font-size:14px;
    color:#4b5563;
    line-height:1.7;
    margin-bottom:10px;
}
.gk-ai-tags{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-bottom:8px;
}
.gk-ai-tag{
    padding:5px 11px;
    border-radius:999px;
    font-size:13px;
    background:#e5f3ff;
    color:#2563eb;
    cursor:pointer;
}
.gk-ai-start{
    margin-top:6px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:9px 18px;
    border-radius:999px;
    font-size:14px;
    color:#ffffff;
    background:linear-gradient(135deg,#22c55e,#16a34a);
}

/* —— 新版落地：顶栏、分节、课程体系、资料卡、规划、伴学、背书、流程 —— */
.gk-topbar-wrap{
    position:relative;
    z-index:4;
    margin-top:-1px;
    padding:12px 0 14px;
    background:rgba(255,255,255,.88);
    backdrop-filter:saturate(1.2) blur(14px);
    -webkit-backdrop-filter:saturate(1.2) blur(14px);
    border-bottom:1px solid var(--zz-line,#e2e8f0);
    box-shadow:0 8px 32px rgba(99,102,241,.06);
}
.gk-topbar{
    max-width:var(--zz-content-max,1280px);
    margin:0 auto;
    padding:0 var(--zz-content-pad,24px);
    display:flex;
    flex-wrap:wrap;
    gap:12px 28px;
    align-items:center;
    justify-content:center;
    font-size:13px;
    color:#475569;
}
.gk-topbar-item{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:6px 12px;
    border-radius:999px;
    background:rgba(248,250,252,.9);
    border:1px solid rgba(226,232,240,.9);
}
.gk-topbar-item--accent{
    background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(16,185,129,.06));
    border-color:rgba(37,99,235,.15);
    color:#334155;
}
.gk-topbar strong{color:var(--gk-navy);font-weight:700;}
.gk-topbar-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    flex-shrink:0;
}
.gk-topbar-dot--time{background:linear-gradient(135deg,#3b82f6,#6366f1);}
.gk-topbar-dot--tel{background:linear-gradient(135deg,#22c55e,#10b981);}
.gk-topbar-dot--spark{background:linear-gradient(135deg,#f59e0b,#f97316);}

.gk-band{padding:var(--gk-block-gap) 0 calc(var(--gk-block-gap) + 4px);}
.gk-band--soft{
    background:
        radial-gradient(ellipse 90% 60% at 50% -10%,rgba(139,92,246,.06),transparent 50%),
        linear-gradient(180deg,#fafbff 0%,var(--zz-bg,#f4f7ff) 45%,#fafbff 100%);
    border-top:1px solid var(--zz-line,#e2e8f0);
    border-bottom:1px solid var(--zz-line,#e2e8f0);
}
.gk-band--muted{
    background:linear-gradient(180deg,#eef2f7 0%,#e2e8f0 55%,#eef2f7 100%);
    border-top:1px solid rgba(148,163,184,.22);
    border-bottom:1px solid rgba(148,163,184,.18);
}
.gk-band--deep{
    position:relative;
    overflow:hidden;
    background:linear-gradient(145deg,#070f24 0%,#0f2847 38%,#1e3a5f 72%,#0c1a33 100%);
    color:#e2e8f0;
}
.gk-band--deep::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(ellipse 90% 55% at 18% -8%,rgba(59,130,246,.28),transparent 55%),
        radial-gradient(ellipse 70% 50% at 100% 108%,rgba(16,185,129,.14),transparent 50%),
        radial-gradient(ellipse 50% 40% at 80% 12%,rgba(139,92,246,.12),transparent 45%);
    pointer-events:none;
}
.gk-band--deep .gk-sec-wrap{position:relative;z-index:1;}

.gk-sec-wrap{
    max-width:var(--zz-content-max,1280px);
    margin:0 auto;
    padding:0 var(--zz-content-pad,24px);
    box-sizing:border-box;
}

.gk-sec-head--center{
    text-align:center;
    margin-bottom:40px;
}
.gk-sec-kicker{
    display:inline-block;
    padding:5px 14px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
    letter-spacing:.04em;
    background:rgba(29,78,216,.1);
    color:var(--gk-blue);
    margin-bottom:14px;
    text-transform:uppercase;
}
.gk-band--deep .gk-sec-kicker{
    background:rgba(255,255,255,.1);
    color:#93c5fd;
}
.gk-sec-head--center h2{
    font-size:clamp(24px,2.8vw,32px);
    font-weight:800;
    color:var(--gk-navy);
    line-height:1.25;
    margin:0 0 14px;
    letter-spacing:-.03em;
}
.gk-sec-head--center h2::after{
    content:"";
    display:block;
    width:56px;
    height:4px;
    margin:16px auto 0;
    border-radius:999px;
    background:linear-gradient(90deg,#6366f1,#2563eb,#22c55e);
}
.gk-band--deep .gk-sec-head--center h2{color:#f8fafc;}
.gk-band--deep .gk-sec-head--center h2::after{
    background:linear-gradient(90deg,#93c5fd,#34d399,#fbbf24);
    opacity:.95;
}
.gk-sec-head--center > p{
    margin:0 auto;
    max-width:680px;
    font-size:16px;
    line-height:1.65;
    color:var(--gk-slate);
}
.gk-band--deep .gk-sec-head--center > p{color:#cbd5e1;}

.gk-tri-grid,.gk-mat-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:26px;
}
.gk-sys-card{
    position:relative;
    overflow:hidden;
    cursor:pointer;
    background:#fff;
    border-radius:var(--gk-r-lg);
    padding:30px 24px 28px;
    box-shadow:var(--gk-sh-soft);
    border:1px solid rgba(226,232,240,.95);
    transition:transform .28s var(--gk-ease),box-shadow .28s var(--gk-ease),border-color .28s var(--gk-ease);
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}
.gk-sys-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:4px;
    border-radius:var(--gk-r-lg) var(--gk-r-lg) 0 0;
    background:linear-gradient(90deg,#6366f1,#8b5cf6);
    opacity:.9;
}
.gk-tri-grid .gk-sys-card:nth-child(2)::before{
    background:linear-gradient(90deg,#f97316,#fb7185);
}
.gk-tri-grid .gk-sys-card:nth-child(3)::before{
    background:linear-gradient(90deg,#06b6d4,#22c55e);
}
.gk-sys-card:hover{
    transform:translateY(-7px);
    box-shadow:0 26px 56px rgba(29,78,216,.13);
    border-color:rgba(99,102,241,.22);
}
.gk-sys-ico{
    width:72px;
    height:72px;
    border-radius:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    line-height:1;
    margin-bottom:18px;
    background:linear-gradient(155deg,#ffffff,#f0f9ff 40%,#f0fdf4);
    border:1px solid rgba(226,232,240,.95);
    box-shadow:0 6px 20px rgba(15,23,42,.06);
}
.gk-sys-card h3{
    margin:0 0 6px;
    font-size:19px;
    font-weight:800;
    color:var(--gk-navy);
}
.gk-sys-sub{
    font-size:13px;
    font-weight:700;
    color:var(--gk-blue);
    margin-bottom:12px;
}
.gk-sys-card > p{
    margin:0 0 16px;
    font-size:14px;
    line-height:1.7;
    color:#64748b;
    text-align:left;
    width:100%;
}
.gk-sys-ul{
    list-style:none;
    margin:0;
    padding:0;
    width:100%;
    text-align:left;
}
.gk-sys-ul li{
    font-size:13px;
    color:#475569;
    padding:8px 0 8px 24px;
    position:relative;
    line-height:1.5;
    border-top:1px dashed #e2e8f0;
}
.gk-sys-ul li:first-child{border-top:0;}
.gk-sys-ul li::before{
    content:"\2713";
    position:absolute;
    left:0;
    top:9px;
    width:18px;
    height:18px;
    border-radius:50%;
    background:var(--gk-green);
    color:#fff;
    font-size:10px;
    font-weight:800;
    text-align:center;
    line-height:18px;
}

.gk-cta-row{text-align:center;margin-top:32px;}
.gk-btn-main{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:14px 32px;
    border-radius:999px;
    font-size:15px;
    font-weight:700;
    color:#fff;
    background:linear-gradient(135deg,#2563eb,#1d4ed8 55%,#4f46e5);
    box-shadow:0 14px 36px rgba(37,99,235,.3),0 1px 0 rgba(255,255,255,.15) inset;
    border:none;
    cursor:pointer;
    text-decoration:none;
    transition:transform .25s var(--gk-ease),box-shadow .25s var(--gk-ease),opacity .2s;
}
.gk-btn-main:hover{
    transform:translateY(-2px);
    box-shadow:0 20px 44px rgba(37,99,235,.38),0 1px 0 rgba(255,255,255,.2) inset;
    color:#fff;
}
.gk-btn-main:focus-visible{
    outline:3px solid rgba(96,165,250,.65);
    outline-offset:3px;
}
.gk-note-foot{
    margin-top:14px;
    font-size:13px;
    color:#94a3b8;
}
.gk-legal-note{
    text-align:center;
    color:#94a3b8;
    margin-top:20px;
    font-size:12px;
    line-height:1.5;
}
.gk-band--deep .gk-legal-note{color:#94a3b8;}

.gk-mat-card{
    position:relative;
    overflow:hidden;
    cursor:pointer;
    background:#fff;
    border-radius:var(--gk-r-lg);
    padding:40px 28px 30px;
    box-shadow:var(--gk-sh-soft);
    border:1px solid rgba(226,232,240,.95);
    transition:transform .28s var(--gk-ease),box-shadow .28s var(--gk-ease),border-color .28s var(--gk-ease);
}
.gk-mat-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:4px;
    border-radius:var(--gk-r-lg) var(--gk-r-lg) 0 0;
    background:linear-gradient(90deg,#8b5cf6,#a78bfa);
}
.gk-mat-grid .gk-mat-card:nth-child(2)::before{
    background:linear-gradient(90deg,#f97316,#fb7185);
}
.gk-mat-grid .gk-mat-card:nth-child(3)::before{
    background:linear-gradient(90deg,#06b6d4,#38bdf8);
}
.gk-mat-card:hover{
    transform:translateY(-6px);
    box-shadow:0 26px 58px rgba(12,33,71,.11);
    border-color:rgba(59,130,246,.18);
}
.gk-mat-badge{
    position:absolute;
    top:14px;
    right:14px;
    z-index:2;
    padding:5px 11px;
    border-radius:999px;
    font-size:11px;
    font-weight:800;
    background:var(--gk-navy);
    color:#fff;
    letter-spacing:.02em;
}
.gk-mat-ico{
    width:76px;
    height:76px;
    margin:0 auto 16px;
    border-radius:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:36px;
    background:linear-gradient(165deg,#ffffff,#e0f2fe 50%,#f0fdf4);
    border:1px solid #e2e8f0;
    box-shadow:0 8px 24px rgba(15,23,42,.07);
}
.gk-mat-card h3{
    margin:0 0 12px;
    font-size:20px;
    font-weight:800;
    color:var(--gk-navy);
    text-align:center;
}
.gk-mat-card > p{
    margin:0 0 22px;
    font-size:14px;
    line-height:1.7;
    color:#64748b;
    text-align:center;
}
.gk-pill-list{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:10px;
}
.gk-pill-list li{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 14px;
    background:var(--gk-pill-bg);
    border-radius:999px;
    font-size:13px;
    color:#475569;
    border:1px solid rgba(191,219,254,.6);
}
.gk-pill-ok{
    flex-shrink:0;
    width:20px;
    height:20px;
    border-radius:50%;
    background:var(--gk-green);
    color:#fff;
    font-size:11px;
    line-height:20px;
    text-align:center;
    font-weight:800;
}

.gk-dim-wrap{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}
.gk-dim-card{
    background:#fff;
    border-radius:16px;
    padding:22px 16px;
    text-align:center;
    border:1px solid #e2e8f0;
    box-shadow:0 8px 26px rgba(15,23,42,.05);
    transition:transform .22s var(--gk-ease),box-shadow .22s var(--gk-ease),border-color .22s var(--gk-ease);
}
.gk-dim-card:hover{
    transform:translateY(-4px);
    border-color:rgba(37,99,235,.25);
    box-shadow:0 14px 36px rgba(37,99,235,.1);
}
.gk-dim-ico{font-size:26px;line-height:1;margin-bottom:10px;}
.gk-dim-card h4{
    margin:0 0 6px;
    font-size:15px;
    font-weight:800;
    color:var(--gk-navy);
}
.gk-dim-card p{
    margin:0;
    font-size:13px;
    color:#64748b;
    line-height:1.5;
}

.gk-dim-hub{
    grid-column:1 / -1;
    margin-top:6px;
    padding:24px 26px;
    border-radius:18px;
    background:linear-gradient(135deg,#eff6ff,#f0fdf4);
    border:1px solid rgba(59,130,246,.22);
    text-align:center;
    box-shadow:0 10px 32px rgba(37,99,235,.08);
}
.gk-dim-hub h3{
    margin:0 0 8px;
    font-size:18px;
    font-weight:800;
    color:var(--gk-navy);
}
.gk-dim-hub p{
    margin:0;
    font-size:14px;
    color:#475569;
    line-height:1.65;
    max-width:720px;
    margin-left:auto;
    margin-right:auto;
}

.gk-sup-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:14px;
}
.gk-sup-card{
    background:#f8fafc;
    border-radius:16px;
    padding:18px 14px;
    border:1px solid #e2e8f0;
    transition:transform .2s ease,box-shadow .2s ease;
}
.gk-sup-card:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 32px rgba(15,23,42,.08);
    background:#fff;
}
.gk-sup-ico{font-size:24px;line-height:1;margin-bottom:10px;}
.gk-sup-card h4{
    margin:0 0 6px;
    font-size:14px;
    font-weight:800;
    color:var(--gk-navy);
}
.gk-sup-card p{
    margin:0;
    font-size:12px;
    line-height:1.55;
    color:#64748b;
}

.gk-why-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}
.gk-why-card{
    display:flex;
    gap:14px;
    align-items:flex-start;
    padding:20px 18px;
    background:rgba(255,255,255,.97);
    border-radius:16px;
    border:1px solid rgba(226,232,240,.85);
    box-shadow:0 8px 28px rgba(0,0,0,.12);
    transition:transform .22s var(--gk-ease),box-shadow .22s var(--gk-ease);
}
.gk-why-card:hover{
    transform:translateY(-4px);
    box-shadow:0 14px 40px rgba(0,0,0,.16);
}
.gk-why-ico{font-size:28px;line-height:1;flex-shrink:0;}
.gk-why-card h4{
    margin:0 0 4px;
    font-size:15px;
    font-weight:800;
    color:var(--gk-navy);
}
.gk-why-card p{
    margin:0;
    font-size:13px;
    color:#64748b;
    line-height:1.55;
}

.gk-num-strip{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin-top:8px;
}
.gk-num-cell{
    text-align:center;
    padding:26px 14px;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    border-radius:16px;
    border:1px solid rgba(255,255,255,.14);
    transition:transform .2s var(--gk-ease),background .2s;
}
.gk-num-cell:hover{
    transform:translateY(-2px);
    background:rgba(255,255,255,.11);
}
.gk-num-val{
    font-size:30px;
    font-weight:800;
    color:#fef08a;
    line-height:1.1;
}
.gk-num-lbl{
    font-size:13px;
    color:#cbd5e1;
    margin-top:6px;
    line-height:1.4;
}

.gk-process{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}
.gk-proc-step{
    position:relative;
    padding:22px 18px 22px 56px;
    background:#fff;
    border-radius:16px;
    border:1px solid #e2e8f0;
    box-shadow:0 6px 22px rgba(15,23,42,.05);
    transition:transform .22s var(--gk-ease),border-color .22s var(--gk-ease),box-shadow .22s var(--gk-ease);
}
.gk-proc-step:hover{
    transform:translateY(-3px);
    border-color:rgba(37,99,235,.2);
    box-shadow:0 12px 32px rgba(37,99,235,.1);
}
.gk-proc-num{
    position:absolute;
    left:16px;
    top:20px;
    width:30px;
    height:30px;
    border-radius:10px;
    background:linear-gradient(135deg,#2563eb,#4f46e5);
    color:#fff;
    font-weight:800;
    font-size:14px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.gk-proc-step h4{
    margin:0 0 6px;
    font-size:15px;
    font-weight:800;
    color:var(--gk-navy);
}
.gk-proc-step p{
    margin:0;
    font-size:13px;
    color:#64748b;
    line-height:1.55;
}

.gk-mini-2{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    margin-top:28px;
}
.gk-mini-card{
    padding:22px 22px;
    background:#fff;
    border-radius:16px;
    border:1px solid #e2e8f0;
    display:flex;
    gap:16px;
    align-items:flex-start;
    box-shadow:0 6px 20px rgba(15,23,42,.04);
}
.gk-mini-ico{font-size:28px;line-height:1;flex-shrink:0;}
.gk-mini-card h4{
    margin:0 0 6px;
    font-size:15px;
    font-weight:800;
    color:var(--gk-navy);
}
.gk-mini-card p{
    margin:0;
    font-size:13px;
    color:#64748b;
    line-height:1.6;
}

.gk-cta-band{
    max-width:var(--zz-content-max,1280px);
    margin:var(--gk-block-gap) auto var(--gk-block-gap);
    padding:0 var(--zz-content-pad,24px);
    box-sizing:border-box;
}
.gk-cta-band-inner{
    position:relative;
    overflow:hidden;
    border-radius:var(--gk-r-xl);
    padding:30px 34px;
    background:linear-gradient(125deg,#1e3a8a,#2563eb 38%,#0d9488 88%);
    color:#fff;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    box-shadow:0 22px 56px rgba(30,64,175,.3);
}
.gk-cta-band-inner::before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(ellipse 80% 80% at 100% 0%,rgba(255,255,255,.12),transparent 55%);
    pointer-events:none;
}
.gk-cta-band-inner > *{position:relative;z-index:1;}
.gk-cta-band-inner h3{
    margin:0 0 8px;
    font-size:22px;
    font-weight:800;
}
.gk-cta-band-inner p{margin:0;font-size:14px;opacity:.93;line-height:1.55;}
.gk-cta-band .gk-btn-main{
    background:#fff;
    color:#1e40af;
    box-shadow:0 10px 28px rgba(0,0,0,.12);
}
.gk-cta-band .gk-btn-main:hover{opacity:.96;color:#1e3a8a;}

.gk-gift-row{
    display:flex;
    flex-wrap:wrap;
    gap:10px 14px;
    margin-top:12px;
    justify-content:center;
}
.gk-gift-chip{
    padding:6px 12px;
    border-radius:999px;
    font-size:12px;
    font-weight:600;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.22);
}

/* —— 高通过率 · 痛点 + 中央主张（建筑底图） —— */
.gk-pr{
    position:relative;
    max-width:var(--zz-content-max,1280px);
    margin:0 auto var(--gk-block-gap);
    padding:0 var(--zz-content-pad,24px);
    box-sizing:border-box;
    overflow:hidden;
    border-radius:var(--gk-r-xl);
}
.gk-pr__media{
    position:absolute;
    inset:0;
    border-radius:var(--gk-r-xl);
    background-color:#1e293b;

    background-repeat:no-repeat;
    /* 与参考图一致：略降饱和、冷灰建筑感 */
    filter:saturate(0.72) brightness(0.92) contrast(1.06);
}
.gk-pr__overlay{
    position:absolute;
    inset:0;
    border-radius:var(--gk-r-xl);
    /* 轻薄冷色罩，保留玻璃幕墙层次，勿再用厚重渐变盖住底图 */
    background:linear-gradient(
        180deg,
        rgba(15,23,42,.38) 0%,
        rgba(30,41,59,.48) 45%,
        rgba(15,23,42,.52) 100%
    );
}
.gk-pr__inner{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(260px,1.45fr) minmax(0,1fr);
    gap:28px 36px;
    align-items:center;
    padding:52px 40px 56px;
    min-height:360px;
}
.gk-pr__col--side{
    display:flex;
    flex-direction:column;
    gap:22px;
    justify-content:center;
}
.gk-pr__col--left .gk-pr__box{text-align:right;}
.gk-pr__col--right .gk-pr__box{text-align:left;}
.gk-pr__box{
    padding:20px 22px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.58);
    background:rgba(255,255,255,.06);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    box-shadow:0 8px 32px rgba(0,0,0,.12);
}
.gk-pr__q{
    margin:0 0 10px;
    font-size:clamp(18px,2vw,22px);
    font-weight:800;
    color:#fff;
    letter-spacing:.02em;
}
.gk-pr__a{
    margin:0;
    font-size:13px;
    line-height:1.7;
    color:rgba(255,255,255,.9);
}
.gk-pr__col--center{
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:0;
    padding:8px 0 12px;
}
.gk-pr__ribbon{
    display:inline-block;
    margin:0 auto 22px;
    padding:11px 36px;
    max-width:100%;
    box-sizing:border-box;
    background:#f4ea70;
    color:#0f172a;
    font-size:13px;
    font-weight:800;
    letter-spacing:.04em;
    line-height:1.45;
    clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%);
    box-shadow:0 6px 24px rgba(0,0,0,.18);
}
.gk-pr__headline{
    margin:0 0 18px;
    font-size:clamp(40px,6vw,64px);
    font-weight:900;
    letter-spacing:-0.03em;
    line-height:1.05;
    color:#f4ea70;
    text-shadow:0 2px 28px rgba(0,0,0,.35);
}
.gk-pr__pill{
    margin:0 0 26px;
    padding:10px 28px;
    display:inline-block;
    border-radius:999px;
    border:2px solid rgba(255,255,255,.9);
    color:#fff;
    font-size:15px;
    font-weight:700;
    letter-spacing:.06em;
}
.gk-pr__cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:14px 44px;
    border-radius:999px;
    background:#f4ea70;
    color:#111827;
    font-size:16px;
    font-weight:800;
    text-decoration:none;
    box-shadow:0 12px 36px rgba(244,234,112,.35);
    transition:transform .22s var(--gk-ease),box-shadow .22s var(--gk-ease);
}
.gk-pr__cta:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 44px rgba(244,234,112,.45);
    color:#111827;
}

@media (max-width:960px){
    .gk-pr{padding:0 20px;}
    .gk-pr__inner{
        grid-template-columns:1fr;
        gap:20px;
        padding:40px 22px 44px;
        min-height:0;
    }
    .gk-pr__col--center{order:-1;padding-bottom:8px;}
    .gk-pr__col--left .gk-pr__box,
    .gk-pr__col--right .gk-pr__box{text-align:left;}
    .gk-pr__ribbon{font-size:12px;padding:10px 24px;}
}

/* —— 公考专题：新形势 + 三卖点 + 学员侧话术气泡（原 yj13 / zt_box13） —— */
.gk-ns{
    margin:0;
    padding:var(--gk-block-gap) 24px calc(var(--gk-block-gap) + 8px);
    background:
        radial-gradient(ellipse 85% 60% at 50% -20%,rgba(246,166,35,.12),transparent 55%),
        linear-gradient(180deg,#fffbeb 0%,#fff7e6 45%,#fffbeb 100%);
    border-top:1px solid rgba(251,191,36,.25);
    border-bottom:1px solid rgba(251,191,36,.2);
}
.gk-ns__inner{
    max-width:var(--zz-content-max,1280px);
    margin:0 auto;
}
.gk-ns__head{
    text-align:center;
    margin-bottom:28px;
}
.gk-ns__title{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:12px 16px;
    margin:0;
    font-size:clamp(20px,2.8vw,28px);
    font-weight:800;
    color:#1a1a1a;
    letter-spacing:-0.02em;
    line-height:1.35;
}
.gk-ns__title-line{
    width:40px;
    height:4px;
    border-radius:999px;
    background:linear-gradient(90deg,#f59e0b,#f6a623);
    flex-shrink:0;
}
.gk-ns__hl{
    color:#e60012;
    font-weight:900;
    margin:0 2px;
}
.gk-ns__sub{
    margin:14px 0 0;
    font-size:15px;
    color:#64748b;
    letter-spacing:.02em;
}
.gk-ns__chips{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    margin-bottom:36px;
}
.gk-ns__chip{
    display:flex;
    align-items:center;
    gap:14px;
    padding:16px 18px;
    border-radius:14px;
    background:linear-gradient(135deg,#f6a623 0%,#f59e0b 55%,#ea580c);
    color:#fff;
    font-size:16px;
    font-weight:800;
    cursor:pointer;
    box-shadow:0 10px 28px rgba(234,88,12,.28);
    border:1px solid rgba(255,255,255,.22);
    transition:transform .22s var(--gk-ease),box-shadow .22s var(--gk-ease);
}
.gk-ns__chip:hover{
    transform:translateY(-3px);
    box-shadow:0 16px 36px rgba(234,88,12,.35);
}
.gk-ns__chip-ico{
    width:48px;
    height:48px;
    border-radius:50%;
    background:rgba(255,255,255,.95);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    flex-shrink:0;
    box-shadow:0 4px 12px rgba(0,0,0,.08);
}
.gk-ns__chip-txt{line-height:1.35;}
.gk-ns__reviews-wrap{
    display:grid;
    grid-template-columns:minmax(0,1fr) 288px;
    gap:28px;
    align-items:start;
    margin-top:10px;
}
.gk-ns__reviews{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}
@media (min-width:1200px){
    .gk-ns__reviews{grid-template-columns:repeat(3,minmax(0,1fr));}
}
.gk-ns__card{
    background:#fff;
    border-radius:14px;
    padding:16px 16px 18px;
    border:1px solid rgba(226,232,240,.95);
    box-shadow:0 8px 26px rgba(15,23,42,.06);
    transition:transform .22s var(--gk-ease),box-shadow .22s var(--gk-ease),border-color .22s var(--gk-ease);
    cursor:pointer;
    text-align:left;
}
.gk-ns__card:hover{
    transform:translateY(-3px);
    box-shadow:0 14px 38px rgba(15,23,42,.1);
    border-color:rgba(37,99,235,.22);
}
.gk-ns__card-head{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:10px;
}
.gk-ns__card-avatar{
    width:44px;
    height:44px;
    border-radius:50%;
    object-fit:cover;
    border:2px solid #fff;
    box-shadow:0 2px 10px rgba(15,23,42,.1);
    flex-shrink:0;
}
.gk-ns__card-name{
    font-weight:800;
    font-size:15px;
    color:#0f172a;
}
.gk-ns__card-text{
    margin:0;
    font-size:13px;
    line-height:1.65;
    color:#475569;
}
.gk-ns__card--qa .gk-ns__reply{
    margin-top:10px;
    padding:10px 12px;
    border-radius:10px;
    background:linear-gradient(135deg,#fff7ed,#fffbeb);
    border:1px solid rgba(251,191,36,.4);
    font-size:12px;
    line-height:1.55;
    color:#78350f;
}
.gk-ns__enroll{
    position:sticky;
    top:20px;
    background:#fff;
    border-radius:14px;
    border:1px solid rgba(226,232,240,.95);
    box-shadow:0 8px 28px rgba(15,23,42,.07);
    overflow:hidden;
    align-self:start;
}
.gk-ns__enroll-title{
    margin:0;
    padding:14px 16px;
    font-size:15px;
    font-weight:800;
    color:#fff;
    background:linear-gradient(135deg,#2563eb,#1d4ed8);
    letter-spacing:.02em;
}
.gk-ns__enroll-list{
    list-style:none;
    margin:0;
    padding:0;
    max-height:min(560px,62vh);
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
}
.gk-ns__enroll-list li{
    position:relative;
    padding:12px 76px 12px 14px;
    border-bottom:1px solid #f1f5f9;
    font-size:12px;
    line-height:1.45;
}
.gk-ns__enroll-list li:nth-child(even){background:#fafafa;}
.gk-ns__enroll-region{color:#64748b;}
.gk-ns__enroll-region::after{content:" · ";}
.gk-ns__enroll-name{font-weight:700;color:#0f172a;}
.gk-ns__enroll-class{
    display:block;
    margin-top:6px;
    color:#64748b;
    font-size:12px;
    line-height:1.4;
}
.gk-ns__enroll-tag{
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    padding:4px 9px;
    border-radius:999px;
    background:#ecfdf5;
    color:#047857;
    font-size:11px;
    font-weight:700;
    white-space:nowrap;
}

/* —— 学习资料电子版 · 下载专区（替代 zt_box9 / zt_mod9，与首页 zz 色系一致） —— */
.gk-dlzone{
    position:relative;
    margin:0 auto var(--gk-block-gap);
    max-width:var(--zz-content-max,1280px);
    padding:0 var(--zz-content-pad,24px);
    box-sizing:border-box;
}
.gk-dlzone__bg{
    position:absolute;
    inset:-8px -12px;
    border-radius:var(--gk-r-xl);
    background:
        radial-gradient(ellipse 90% 70% at 50% 100%,rgba(59,130,246,.09),transparent 58%),
        radial-gradient(ellipse 60% 45% at 20% 30%,rgba(139,92,246,.06),transparent 50%),
        linear-gradient(180deg,#f8fbff 0%,#f0f7ff 45%,#f4f8ff 100%);
    pointer-events:none;
    z-index:0;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}
.gk-dlzone__inner{
    position:relative;
    z-index:1;
    padding:40px 32px 44px;
    border-radius:var(--gk-r-xl);
    border:1px solid rgba(226,232,240,.95);
    background:rgba(255,255,255,.72);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    box-shadow:0 18px 48px rgba(15,23,42,.06);
}
.gk-dlzone__head{
    text-align:center;
    margin-bottom:28px;
}
.gk-dlzone__title{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:14px 18px;
    margin:0 0 10px;
    font-size:clamp(22px,2.6vw,30px);
    font-weight:800;
    letter-spacing:-.03em;
    color:var(--gk-navy);
    line-height:1.3;
}
.gk-dlzone__title-em{
    color:var(--zz-red,#e60012);
}
.gk-dlzone__title-core{
    text-align:center;
}
.gk-dlzone__rule{
    flex:1 1 56px;
    max-width:140px;
    min-width:40px;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,rgba(148,163,184,0),rgba(251,146,60,.95) 50%,rgba(148,163,184,.35));
    position:relative;
}
.gk-dlzone__rule::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:8px;
    height:8px;
    margin:-4px 0 0 -4px;
    background:linear-gradient(135deg,#fb923c,#f97316);
    transform:rotate(45deg);
    border-radius:1px;
    box-shadow:0 0 0 1px rgba(255,255,255,.6);
}
.gk-dlzone__rule--mirror{
    background:linear-gradient(90deg,rgba(148,163,184,.35),rgba(251,146,60,.95) 50%,rgba(148,163,184,0));
}
.gk-dlzone__sub{
    margin:0;
    font-size:15px;
    color:#64748b;
    line-height:1.55;
}
.gk-dlzone__layout{
    display:flex;
    align-items:stretch;
    gap:28px;
}
.gk-dlzone__lead{
    flex:0 0 min(340px,34%);
    max-width:380px;
    padding:28px 26px 30px;
    border-radius:var(--gk-r-lg);
    background:linear-gradient(165deg,var(--zz-red,#e60012) 0%,#b8000e 52%,#9f0712 100%);
    color:#fff;
    box-shadow:0 16px 40px rgba(230,0,18,.28),inset 0 1px 0 rgba(255,255,255,.12);
    display:flex;
    flex-direction:column;
}
.gk-dlzone__lead-title{
    margin:0 0 16px;
    font-size:clamp(20px,2.2vw,24px);
    font-weight:800;
    line-height:1.35;
    text-align:center;
    border-bottom:1px solid rgba(255,255,255,.35);
    padding-bottom:16px;
}
.gk-dlzone__lead-text{
    margin:0 0 12px;
    font-size:14px;
    line-height:1.65;
    color:rgba(255,255,255,.94);
    text-align:center;
}
.gk-dlzone__lead-btns{
    margin-top:auto;
    padding-top:18px;
    display:flex;
    flex-direction:column;
    gap:12px;
}
.gk-dlzone__btn{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:12px 18px;
    border-radius:10px;
    font-size:16px;
    font-weight:800;
    text-decoration:none;
    text-align:center;
    cursor:pointer;
    transition:transform .22s var(--gk-ease),box-shadow .22s var(--gk-ease),background .2s,border-color .2s,color .2s;
}
.gk-dlzone__btn--primary{
    background:linear-gradient(180deg,#fde047,#fbbf24);
    color:#1a1a1a;
    border:1px solid rgba(251,191,36,.65);
    box-shadow:0 10px 28px rgba(0,0,0,.18);
}
.gk-dlzone__btn--primary:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 32px rgba(0,0,0,.22);
    color:#0f172a;
}
.gk-dlzone__btn--ghost{
    background:rgba(255,255,255,.98);
    color:#334155;
    border:2px solid rgba(255,255,255,.88);
    box-shadow:0 4px 16px rgba(0,0,0,.08);
}
.gk-dlzone__btn--ghost:hover{
    transform:translateY(-2px);
    background:#fff;
    border-color:#fff;
    color:#0f172a;
}
.gk-dlzone__btn:focus-visible{
    outline:3px solid rgba(253,224,71,.95);
    outline-offset:3px;
}
.gk-dlzone__btn--ghost:focus-visible{
    outline-color:rgba(255,255,255,.95);
}
.gk-dlzone__cards{
    flex:1;
    min-width:0;
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}
.gk-dlzone-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    padding:18px 12px 16px;
    border-radius:14px;
    background:#fff;
    border:1px solid rgba(226,232,240,.95);
    box-shadow:0 8px 24px rgba(15,23,42,.06);
    transition:transform .26s var(--gk-ease),box-shadow .26s var(--gk-ease),border-color .26s;
}
.gk-dlzone-card:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 40px rgba(15,23,42,.1);
    border-color:rgba(99,102,241,.2);
}
.gk-dlzone-card__ico{
    width:56px;
    height:56px;
    border-radius:50%;
    background:linear-gradient(145deg,#e60012,#b8000e);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:12px;
    box-shadow:0 8px 20px rgba(230,0,18,.25);
}
.gk-dlzone-card__ico img{
    width:30px;
    height:auto;
    display:block;
}
.gk-dlzone-card__name{
    margin:0 0 6px;
    font-size:15px;
    font-weight:800;
    color:var(--gk-navy);
    line-height:1.35;
}
.gk-dlzone-card__meta{
    margin:0 0 12px;
    font-size:12px;
    color:#94a3b8;
    flex:1;
}
.gk-dlzone-card__btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:100%;
    max-width:120px;
    padding:8px 12px;
    border-radius:6px;
    font-size:13px;
    font-weight:700;
    color:#fff;
    text-decoration:none;
    background:linear-gradient(180deg,#e60012,#b8000e);
    border:1px solid rgba(0,0,0,.06);
    box-shadow:0 4px 12px rgba(230,0,18,.22);
    transition:transform .2s var(--gk-ease),box-shadow .2s,filter .2s;
}
.gk-dlzone-card__btn:hover{
    transform:translateY(-1px);
    filter:brightness(1.05);
    box-shadow:0 6px 16px rgba(230,0,18,.3);
    color:#fff;
}
.gk-dlzone-card__btn:focus-visible{
    outline:3px solid rgba(96,165,250,.75);
    outline-offset:2px;
}

@media (max-width:1100px){
    .gk-ns__chips{grid-template-columns:1fr;}
    .gk-ns__reviews-wrap{
        grid-template-columns:1fr;
        gap:24px;
    }
    .gk-ns__enroll{
        position:relative;
        top:auto;
        max-height:none;
    }
    .gk-ns__enroll-list{max-height:420px;}
    .gk-ns__reviews{grid-template-columns:1fr;}
    .gk-tri-grid,.gk-mat-grid{grid-template-columns:1fr;}
    .gk-dim-wrap{grid-template-columns:repeat(2,minmax(0,1fr));}
    .gk-sup-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .gk-why-grid{grid-template-columns:1fr;}
    .gk-num-strip{grid-template-columns:repeat(2,minmax(0,1fr));}
    .gk-process{grid-template-columns:repeat(2,minmax(0,1fr));}
    .gk-banner-grid{flex-direction:column;}
    .gk-hero-text .gk-banner-band{min-height:340px;}
    .gk-hero-text .gk-banner-band .gk-banner-inner{min-height:300px;padding:28px var(--zz-content-pad,24px) 32px;}
    .gk-faq-grid{flex-direction:column;}
    .gk-faq-right{
        border-left:0;
        border-top:1px dashed #e5e7eb;
        padding-left:0;
        padding-top:16px;
    }
    .gk-ai-layout{flex-direction:column;}
    .gk-steps-list{flex-direction:column;}
    .gk-compare-grid{flex-direction:column;}
    .gk-dlzone__layout{flex-direction:column;}
    .gk-dlzone__lead{flex:none;max-width:none;width:100%;}
    .gk-dlzone__cards{grid-template-columns:repeat(2,minmax(0,1fr));}
    .gk-route__grid{grid-template-columns:repeat(3,minmax(0,1fr));}
    .gk-route__inner{padding:24px 20px 26px;}
}

@media (max-width:640px){
    .gk-ns__enroll-list li{padding-bottom:40px;padding-right:14px;}
    .gk-ns__enroll-tag{top:10px;right:10px;transform:none;}
    .gk-banner-inner{padding:0 20px;}
    .gk-hero-text .gk-banner-band{min-height:300px;}
    .gk-hero-text .gk-banner-band .gk-banner-inner{min-height:260px;padding:22px 20px 28px;}
    .gk-sec-wrap,.gk-section{padding:0 20px;}
    .gk-dim-wrap{grid-template-columns:1fr;}
    .gk-process{grid-template-columns:1fr;}
    .gk-num-strip{grid-template-columns:1fr;}
    .gk-mini-2{grid-template-columns:1fr;}
    .gk-sec-head--center h2{font-size:24px;}
    .gk-banner-title{font-size:28px;}
    .gk-sticky-inner{flex-direction:column;align-items:flex-start;border-radius:18px;}
    .gk-sticky-btns{width:100%;}
    .gk-sticky-btns a{margin-left:0;margin-top:8px;width:100%;box-sizing:border-box;}
    .gk-dlzone__inner{padding:28px 18px 32px;}
    .gk-dlzone__cards{grid-template-columns:1fr;}
    .gk-dlzone__title{flex-direction:column;gap:10px;}
    .gk-dlzone__rule{max-width:120px;}
    .gk-route{padding:0 20px;}
    .gk-route__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;}
    .gk-route-card{min-height:100px;padding:14px 6px 12px;}
    .gk-route-card__ico{width:50px;height:50px;background-size:22px 22px,100% 100%;}
}

@media (max-width:400px){
    .gk-route__grid{grid-template-columns:1fr;}
}

/* —— 专题页：区块滚动入场（.gk-mo / .gk-mo--in 由 lists_single_gk 内脚本添加） —— */
body.zz-home #main-content > .gk-mo{
    opacity:0;
    transform:translateY(var(--gk-mo-y));
    transition:opacity var(--gk-mo-dur) var(--gk-ease),transform var(--gk-mo-dur) var(--gk-ease);
    will-change:opacity,transform;
}
body.zz-home #main-content > .gk-mo.gk-mo--in{
    opacity:1;
    transform:none;
}

/* 卡片 / 对比 / 区块容器：悬停反馈 */
.gk-section-inner{
    transition:transform .35s var(--gk-ease),box-shadow .35s var(--gk-ease),border-color .25s ease;
}
.gk-mo--in .gk-section-inner:hover{
    transform:translateY(-3px);
    box-shadow:0 22px 50px rgba(15,23,42,.09);
    border-color:rgba(99,102,241,.18);
}
.gk-faq-cta{
    transition:transform .22s var(--gk-ease),background .22s ease,border-color .22s ease,color .22s ease;
}
.gk-faq-cta:hover{
    transform:translateY(-2px);
    background:rgba(37,99,235,.06);
}
.gk-cta-band{
    transition:transform .4s var(--gk-ease),box-shadow .4s ease;
}
.gk-mo--in .gk-cta-band:hover{
    transform:scale(1.01);
    box-shadow:0 24px 60px rgba(15,23,42,.12);
}
.gk-gift-chip{
    transition:transform .22s ease,box-shadow .22s ease;
}
.gk-gift-chip:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 16px rgba(34,197,94,.2);
}
.gk-pr__box{
    transition:transform .3s var(--gk-ease),box-shadow .3s var(--gk-ease),border-color .25s ease;
}
.gk-pr__box:hover{
    transform:translateY(-3px);
    box-shadow:0 14px 36px rgba(0,0,0,.2);
}
.gk-proc-step{
    transition:transform .3s var(--gk-ease),box-shadow .3s var(--gk-ease);
}
.gk-mo--in .gk-proc-step:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 28px rgba(15,23,42,.1);
}
.gk-sticky-inner{
    transition:transform .35s var(--gk-ease),box-shadow .35s ease;
}
.gk-sticky-inner:hover{
    transform:translateY(-2px);
    box-shadow:0 22px 48px rgba(15,23,42,.85);
}
.gk-sticky-btns a{
    transition:transform .2s var(--gk-ease),filter .2s ease,opacity .2s ease;
}
.gk-sticky-btns a:hover{
    transform:translateY(-2px);
    filter:brightness(1.05);
}
.gk-ns__chip{
    transition:transform .28s var(--gk-ease),box-shadow .28s ease,border-color .25s ease;
}
.gk-ns__chip:hover{
    transform:translateY(-3px) scale(1.02);
    box-shadow:0 12px 28px rgba(79,70,229,.12);
}
.gk-ns__card{
    transition:transform .3s var(--gk-ease),box-shadow .3s var(--gk-ease);
}
.gk-mo--in .gk-ns__card:hover{
    transform:translateY(-4px);
    box-shadow:0 16px 36px rgba(15,23,42,.1);
}

/* 全局：减少动效偏好时关闭位移动画，保留颜色过渡 */
@media (prefers-reduced-motion:reduce){
    body.zz-home #main-content > .gk-mo{
        opacity:1 !important;
        transform:none !important;
        transition:none !important;
    }
    .gk-route__head h2::after{
        animation:none !important;
    }
    .gk-route.gk-mo--in .gk-route-card{
        animation:none !important;
    }
    .gk-section-inner:hover,
    .gk-compare-card:hover,
    .gk-faq-item:hover,
    .gk-faq-cta:hover,
    .gk-mo--in .gk-cta-band:hover,
    .gk-gift-chip:hover,
    .gk-pr__box:hover,
    .gk-mo--in .gk-proc-step:hover,
    .gk-sticky-inner:hover,
    .gk-sticky-btns a:hover,
    .gk-ns__chip:hover,
    .gk-mo--in .gk-ns__card:hover{
        transform:none !important;
    }
    .gk-sys-card,
    .gk-mat-card,
    .gk-dlzone-card,
    .gk-route-card,
    .gk-btn-main,
    .gk-dlzone__btn,
    .gk-dlzone-card__btn,
    .gk-banner-cta{
        transition:opacity .2s ease,box-shadow .2s ease,color .2s ease,background .2s ease,border-color .2s ease !important;
    }
    .gk-sys-card:hover,
    .gk-mat-card:hover,
    .gk-dlzone-card:hover,
    .gk-route-card:hover,
    .gk-btn-main:hover,
    .gk-dlzone__btn:hover,
    .gk-dlzone-card__btn:hover,
    .gk-banner-cta:hover{
        transform:none !important;
    }
}

.gk-sticky-btns a:focus-visible{
    outline:3px solid rgba(96,165,250,.75);
    outline-offset:3px;
}