@charset "utf-8";
/* ============================================================
   二级页统一样式（2026-11-07）
   栏目列表页 / 详情页共用，视觉语言对齐首页 home.css：
   主色 #009b4c、标题 #12211c、白卡 + #e8efeb 细边、14-16px 圆角
   所有类名使用 pg- 前缀，不改动原有 index.css / ny.css / css.css
   ============================================================ */

.pg-wrap,
.pg-hero-in,
.pg-main,
.pg-hero,
.pg-post,
.pg-card,
.pg-art,
.pg-side-box,
.pg-cta,
.pg-cta-in{
    box-sizing:border-box;
}

body{background:#fff;}

/* ---------- 容器 ---------- */
.pg-wrap{
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 40px;
}

/* ============================================================
   页头
   ============================================================ */
.pg-hero{
    position:relative;
    overflow:hidden;
    padding:24px 0 0;
    background:linear-gradient(180deg,#f2faf6 0%,#fbfefc 62%,#ffffff 100%);
    border-bottom:1px solid #e8efeb;
}
.pg-hero::after{
    content:"";
    position:absolute;
    right:-140px;
    top:-190px;
    width:460px;
    height:460px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(0,155,76,.09),rgba(0,155,76,0) 68%);
    pointer-events:none;
}
.pg-hero > .pg-wrap{position:relative;z-index:2;}

/* ---------- 页头视频背景（2026-11-07） ----------
   视频层 z-index:0，蒙版 ::after 压白保证深色文字可读，
   .pg-wrap 已 z-index:2，正文层级不受影响。 */
.pg-hero-bg{
    position:absolute;
    inset:0;
    z-index:0;
    overflow:hidden;
    pointer-events:none;
    background:linear-gradient(180deg,#f2faf6 0%,#fbfefc 62%,#ffffff 100%);
}
.pg-hero-v{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 46%;
    display:block;
    pointer-events:none;        /* 纯背景，不接收点击，避免唤起原生播放器 */
    -webkit-user-select:none;
    user-select:none;
}
/* 移动端内核（微信 X5 / 部分 WebView）强行唤起全屏播放器时，
   脚本加 is-fallback 撤掉 video，改用封面图做背景，
   保证标题文字永远不被浮层遮挡。 */
.pg-hero-bg.is-fallback{
    background:
        url("/template/default/pc/skin/video/pg-hero-poster.jpg") center 46%/cover no-repeat,
        linear-gradient(180deg,#f2faf6 0%,#fbfefc 62%,#ffffff 100%);
}
.pg-hero-bg.is-fallback .pg-hero-v{display:none!important;}
/* 移动端改用循环动图（animated WebP）做背景：
   百度 APP / 部分 X5 内核会把页面里的 <video> 劫持成自己的播放器浮层，
   换成 <img> 后就没有可劫持的对象，真机上不会再弹出播放窗口遮挡文字。
   桌面端仍用真视频，这里默认 display:none。 */
.pg-hero-anim{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 46%;
    display:none;
    pointer-events:none;
    -webkit-user-select:none;
    user-select:none;
}
/* 省流量 / 系统「减少动态效果」：连动图也不放，只留静态封面 */.pg-hero-bg.is-static{
    background:
        url("/template/default/pc/skin/video/pg-hero-poster.jpg") center 46%/cover no-repeat,
        linear-gradient(180deg,#f2faf6 0%,#fbfefc 62%,#ffffff 100%);
}
.pg-hero-bg.is-static .pg-hero-anim,
.pg-hero-bg.is-static .pg-hero-v{display:none!important;}
/* 脚本判为移动端时用类强制切换（UA 兜底会让宽度 >768 的 WebView 也走这条） */
.pg-hero-bg.is-anim:not(.is-static) .pg-hero-v{display:none!important;}
.pg-hero-bg.is-anim:not(.is-static) .pg-hero-anim{display:block!important;object-position:center 44%;}
.pg-hero-bg::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(96deg,
            rgba(255,255,255,.85) 0%,
            rgba(255,255,255,.72) 24%,
            rgba(253,255,254,.50) 48%,
            rgba(249,254,251,.26) 72%,
            rgba(246,252,249,.12) 100%),
        linear-gradient(180deg,
            rgba(255,255,255,.58) 0%,
            rgba(255,255,255,0) 30%,
            rgba(255,255,255,.28) 62%,
            rgba(255,255,255,.86) 88%,
            rgba(255,255,255,.97) 100%);
}
/* 视频未加载时 .pg-hero-bg 自身的渐变层即是兜底底色 */

/* 面包屑 */
.pg-crumb{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    font-size:13px;
    line-height:1.6;
    color:#c2cec8;
}
.pg-crumb a{
    color:#84938c;
    transition:color .2s;
}
.pg-crumb a:hover{color:#009b4c;}
.pg-crumb i{font-size:11px;color:#a9b8b0;margin-right:5px;}
.pg-crumb .sep{color:#c6d1cb;}

.pg-hero-in{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:48px;
    padding:24px 0 32px;
}
.pg-hero-l{min-width:0;max-width:860px;}

.pg-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    height:28px;
    padding:0 13px;
    margin-bottom:15px;
    border-radius:999px;
    background:rgba(0,155,76,.09);
    color:#067a44;
    font-size:12.5px;
    font-weight:500;
    letter-spacing:.2px;
}
.pg-eyebrow i{font-size:11px;}

.pg-hero-name{
    font-size:40px;
    line-height:1.24;
    font-weight:700;
    color:#12211c;
    letter-spacing:-.6px;
}
.pg-hero-desc{
    margin-top:14px;
    font-size:15.5px;
    line-height:1.82;
    color:#68786f;
    max-width:760px;
}

/* 页头右侧电话卡 */
.pg-hero-r{
    display:flex;
    align-items:stretch;
    gap:12px;
    flex:0 0 auto;
}
.pg-hero-tel{
    display:flex;
    align-items:center;
    gap:13px;
    padding:15px 22px;
    background:#fff;
    border:1px solid #e2ece7;
    border-radius:14px;
    box-shadow:0 10px 26px rgba(9,58,39,.07);
}
.pg-hero-tel i{
    width:40px;
    height:40px;
    flex:0 0 40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    background:rgba(0,155,76,.1);
    color:#009b4c;
    font-size:16px;
}
.pg-hero-tel-txt b{
    display:block;
    font-size:20px;
    font-weight:700;
    line-height:1.2;
    color:#065c36;
    letter-spacing:.2px;
}
.pg-hero-tel-txt span{
    display:block;
    margin-top:3px;
    font-size:12.5px;
    color:#84938c;
}
.pg-hero-tel:hover{border-color:#bfe6d2;}
.pg-hero-btn{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    width:104px;
    border-radius:14px;
    background:#009b4c;
    color:#fff;
    font-size:14px;
    font-weight:500;
    box-shadow:0 10px 24px rgba(0,155,76,.26);
    transition:background .25s,box-shadow .25s,transform .25s;
}
.pg-hero-btn i{font-size:17px;}
.pg-hero-btn:hover{
    background:#008843;
    box-shadow:0 14px 28px rgba(0,155,76,.32);
    transform:translateY(-1px);
    color:#fff;
}

/* 一级栏目 tab */
.pg-tabs{
    display:flex;
    align-items:center;
    gap:0;
    overflow-x:auto;
    border-top:1px solid rgba(18,33,28,.055);
    -webkit-overflow-scrolling:touch;
}
.pg-tabs::-webkit-scrollbar{display:none;}
.pg-tabs a{
    position:relative;
    display:inline-block;
    padding:15px 0 14px;
    margin-right:30px;
    font-size:15px;
    line-height:1.4;
    color:#5d6d66;
    white-space:nowrap;
    transition:color .2s;
}
.pg-tabs a:last-child{margin-right:0;}
.pg-tabs a:hover{color:#009b4c;}
.pg-tabs a.active{color:#009b4c;font-weight:600;}
.pg-tabs a.active::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:3px;
    border-radius:3px 3px 0 0;
    background:#009b4c;
}

/* ============================================================
   主体：内容 + 侧栏
   ============================================================ */
.pg-main{
    padding:44px 0 78px;
    background:#fff;
}
.pg-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 336px;
    gap:44px;
    align-items:start;
}
.pg-content{min-width:0;}

/* ---------- 侧栏（玻璃幻光） ---------- */
/* 玻璃要「透」得出来，背后必须先有光：侧栏底部铺一层柔和绿光斑 */
.pg-side{
    position:sticky;
    top:128px;
    display:grid;
    gap:18px;
    align-content:start;
    isolation:isolate;
}
.pg-side::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    border-radius:28px;
    background:
        radial-gradient(52% 26% at 80% 4%, rgba(0,155,76,.20), transparent 72%),
        radial-gradient(48% 24% at 6% 28%, rgba(16,169,87,.15), transparent 74%),
        radial-gradient(54% 26% at 68% 58%, rgba(0,155,76,.16), transparent 74%),
        radial-gradient(46% 24% at 20% 88%, rgba(110,214,163,.19), transparent 76%);
    filter:blur(12px);
    pointer-events:none;
}

/* 玻璃卡：半透明白 + 背景模糊 + 内侧高光边 + 顶部幻光扫过 */
.pg-side-box{
    position:relative;
    z-index:1;
    padding:23px 22px 21px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.78);
    border-radius:22px;
    background:
        linear-gradient(155deg, rgba(255,255,255,.90) 0%, rgba(255,255,255,.60) 44%, rgba(241,253,246,.56) 100%);
    -webkit-backdrop-filter:blur(20px) saturate(180%);
    backdrop-filter:blur(20px) saturate(180%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.96),
        inset 0 0 0 1px rgba(255,255,255,.32),
        inset 0 -28px 44px -36px rgba(0,155,76,.46),
        0 20px 46px -24px rgba(9,58,39,.22),
        0 3px 10px rgba(9,58,39,.04);
    transition:transform .35s cubic-bezier(.2,.7,.3,1),
               box-shadow .35s, border-color .35s;
}
.pg-side-box > *{position:relative;z-index:2;}
.pg-side-box:not(.pg-side-tel)::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    border-radius:inherit;
    background:linear-gradient(112deg,
        transparent 32%,
        rgba(255,255,255,.78) 45%,
        rgba(206,255,232,.62) 50%,
        rgba(255,255,255,.78) 55%,
        transparent 68%);
    background-size:280% 100%;
    background-position:190% 0;
    opacity:0;
    animation:pgGlassSheen 11s ease-in-out infinite;
    pointer-events:none;
}
@keyframes pgGlassSheen{
    0%,68%{background-position:190% 0;opacity:0;}
    76%{opacity:.9;}
    92%{opacity:.55;background-position:-90% 0;}
    100%{opacity:0;background-position:-90% 0;}
}
.pg-side-box:hover{
    transform:translateY(-3px);
    border-color:rgba(255,255,255,.96);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 0 0 1px rgba(255,255,255,.42),
        inset 0 -28px 44px -34px rgba(0,155,76,.52),
        0 26px 54px -24px rgba(9,58,39,.26),
        0 4px 12px rgba(9,58,39,.05);
}

.pg-side-t{
    display:flex;
    align-items:center;
    gap:9px;
    font-size:15.5px;
    line-height:1.4;
    font-weight:600;
    color:#12211c;
    margin-bottom:16px;
}
.pg-side-t::before{
    content:"";
    width:3px;
    height:15px;
    border-radius:2px;
    background:linear-gradient(180deg,#12b566,#009b4c);
    box-shadow:0 0 10px rgba(0,155,76,.38);
}
.pg-side-desc{
    margin:-6px 0 14px;
    font-size:12.5px;
    line-height:1.75;
    color:#7f8f88;
}

/* 电话卡：深绿玻璃，保留双装饰圆 */
.pg-side-tel{
    overflow:hidden;
    padding:25px 22px 23px;
    border:1px solid rgba(255,255,255,.30);
    border-radius:24px;
    background:
        linear-gradient(112deg, transparent 34%, rgba(255,255,255,.17) 48%, rgba(255,255,255,.06) 56%, transparent 68%),
        linear-gradient(150deg, rgba(8,96,57,.97) 0%, rgba(0,155,76,.93) 58%, rgba(18,178,92,.90) 100%);
    -webkit-backdrop-filter:blur(16px) saturate(150%);
    backdrop-filter:blur(16px) saturate(150%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.38),
        inset 0 -34px 54px -34px rgba(0,26,15,.42),
        0 22px 46px -18px rgba(4,80,46,.42);
}
.pg-side-tel:hover{
    border-color:rgba(255,255,255,.44);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.46),
        inset 0 -34px 54px -32px rgba(0,26,15,.46),
        0 28px 56px -18px rgba(4,80,46,.48);
}
.pg-side-tel::before,
.pg-side-tel::after{
    content:"";
    position:absolute;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    pointer-events:none;
}
.pg-side-tel::before{right:-46px;top:-52px;width:150px;height:150px;}
.pg-side-tel::after{right:26px;bottom:-64px;width:110px;height:110px;background:rgba(255,255,255,.06);}
.pg-side-tel > *{position:relative;z-index:2;}
.pg-side-pill{
    display:inline-flex;
    align-items:center;
    gap:6px;
    height:24px;
    padding:0 10px;
    margin-bottom:12px;
    border:1px solid rgba(255,255,255,.26);
    border-radius:999px;
    background:rgba(255,255,255,.16);
    -webkit-backdrop-filter:blur(6px);
    backdrop-filter:blur(6px);
    font-size:11.5px;
    letter-spacing:.3px;
    color:rgba(255,255,255,.94);
}
.pg-side-pill i{font-size:9px;}
.pg-side-tel .pg-side-t{color:#fff;font-size:16px;margin-bottom:8px;}
.pg-side-tel .pg-side-t::before{background:rgba(255,255,255,.62);box-shadow:0 0 10px rgba(255,255,255,.35);}
.pg-side-tel .pg-side-note{
    font-size:12.5px;
    line-height:1.7;
    color:rgba(255,255,255,.76);
}
.pg-side-tel b{
    display:flex;
    align-items:center;
    gap:9px;
    margin:8px 0 16px;
    font-size:25px;
    font-weight:700;
    letter-spacing:.2px;
    color:#fff;
    font-variant-numeric:tabular-nums;
    text-shadow:0 1px 12px rgba(0,60,32,.28);
}
.pg-side-tel b i{font-size:15px;opacity:.72;}
.pg-side-acts{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.pg-side-tel a.pg-side-cta,
.pg-side-tel a.pg-side-ghost{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    height:42px;
    border-radius:12px;
    font-size:13.5px;
    font-weight:600;
    white-space:nowrap;
    transition:background .2s,border-color .2s,transform .2s;
}
.pg-side-tel a.pg-side-cta{
    background:rgba(255,255,255,.96);
    color:#04663a;
    box-shadow:0 6px 16px -8px rgba(0,40,22,.5);
}
.pg-side-tel a.pg-side-cta:hover{background:#fff;transform:translateY(-1px);}
.pg-side-tel a.pg-side-ghost{
    color:#fff;
    border:1px solid rgba(255,255,255,.46);
    background:rgba(255,255,255,.10);
    -webkit-backdrop-filter:blur(6px);
    backdrop-filter:blur(6px);
    font-weight:500;
}
.pg-side-tel a.pg-side-ghost:hover{background:rgba(255,255,255,.20);transform:translateY(-1px);}

/* 热门阅读：序号列表，前三名序号用主色 */
.pg-side-rank{counter-reset:rank;display:grid;margin:0;padding:0;list-style:none;}
.pg-side-rank li{counter-increment:rank;margin:0;}
.pg-side-rank li a{
    display:flex;
    align-items:flex-start;
    gap:11px;
    padding:12px 0;
    border-bottom:1px solid rgba(0,155,76,.10);
    font-size:13.5px;
    line-height:1.65;
    color:#41524a;
    transition:color .2s;
}
.pg-side-rank li:last-child a{border-bottom:0;padding-bottom:2px;}
.pg-side-rank li a::before{
    content:counter(rank,decimal-leading-zero);
    flex:0 0 auto;
    padding-top:1px;
    font-size:12px;
    font-weight:600;
    color:#b9c9c1;
    font-variant-numeric:tabular-nums;
    transition:color .2s;
}
.pg-side-rank li:nth-child(-n+3) a::before{color:#009b4c;}
.pg-side-rank li a:hover{color:#009b4c;}
.pg-side-rank li a span{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

/* 服务范围：地州 pill 标签（磨砂玻璃小片） */
.pg-side-tags{display:flex;flex-wrap:wrap;gap:8px;}
.pg-side-tags a{
    display:inline-flex;
    align-items:center;
    height:29px;
    padding:0 12px;
    border:1px solid rgba(255,255,255,.9);
    border-radius:999px;
    background:rgba(255,255,255,.66);
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 4px 12px -10px rgba(9,58,39,.4);
    font-size:12.5px;
    color:#54655d;
    transition:background .2s,border-color .2s,color .2s,transform .2s;
}
.pg-side-tags a:hover{
    background:rgba(255,255,255,.9);
    border-color:rgba(0,155,76,.42);
    color:#067a44;
    transform:translateY(-1px);
}

/* 快速入口：玻璃小方卡 */
.pg-side-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.pg-side-links a{
    display:flex;
    flex-direction:column;
    gap:7px;
    padding:14px 12px;
    border:1px solid rgba(255,255,255,.88);
    border-radius:14px;
    background:linear-gradient(155deg, rgba(255,255,255,.80), rgba(246,253,250,.58));
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.96), 0 6px 16px -14px rgba(9,58,39,.45);
    font-size:13px;
    color:#41524a;
    transition:border-color .2s,background .2s,color .2s,transform .2s,box-shadow .2s;
}
.pg-side-links a i{font-size:15px;color:#009b4c;}
.pg-side-links a:hover{
    border-color:rgba(0,155,76,.38);
    background:linear-gradient(155deg, rgba(255,255,255,.96), rgba(240,253,246,.86));
    color:#067a44;
    transform:translateY(-2px);
    box-shadow:inset 0 1px 0 #fff, 0 12px 24px -16px rgba(9,58,39,.5);
}

/* 不支持背景模糊时退回不透明，避免文字压不住背景 */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
    .pg-side-box{background:rgba(255,255,255,.97);}
    .pg-side-tel{background:linear-gradient(150deg,#086039 0%,#009b4c 58%,#12b25c 100%);}
}
@media (prefers-reduced-motion:reduce){
    .pg-side-box:not(.pg-side-tel)::after{animation:none;opacity:0;}
    .pg-side-box:hover{transform:none;}
    /* 页头动图也停：退回静态封面 */
    .pg-hero-bg{
        background:
            url("/template/default/pc/skin/video/pg-hero-poster.jpg") center 46%/cover no-repeat,
            linear-gradient(180deg,#f2faf6 0%,#fbfefc 62%,#ffffff 100%);
    }
    .pg-hero-anim{display:none!important;}
}

/* ============================================================
   文章列表卡
   ============================================================ */
.pg-posts{display:grid;gap:16px;}
.pg-post{
    display:flex;
    gap:22px;
    padding:18px 20px;
    background:#fff;
    border:1px solid #e8efeb;
    border-radius:14px;
    transition:border-color .25s,box-shadow .25s,transform .25s;
}
.pg-post:hover{
    border-color:#bfe6d2;
    box-shadow:0 14px 32px rgba(9,58,39,.08);
    transform:translateY(-2px);
}
.pg-post-pic{
    width:236px;
    height:auto;
    aspect-ratio:2.2/1;
    align-self:center;
    flex:0 0 236px;
    border-radius:10px;
    overflow:hidden;
    background:#f2f6f4;
}
.pg-post-pic img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
    display:block;
    transition:transform .5s;
}
.pg-post:hover .pg-post-pic img{transform:scale(1.05);}
.pg-post-txt{
    flex:1;
    min-width:0;
    display:flex;
    flex-direction:column;
    padding:2px 0;
}
.pg-post-txt h3{
    font-size:18.5px;
    line-height:1.5;
    font-weight:600;
    color:#12211c;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    transition:color .2s;
}
.pg-post:hover .pg-post-txt h3{color:#009b4c;}
.pg-post-txt p{
    margin-top:10px;
    font-size:13.8px;
    line-height:1.78;
    color:#7b8a83;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.pg-post-meta{
    display:flex;
    align-items:center;
    gap:16px;
    margin-top:auto;
    padding-top:12px;
    font-size:12.5px;
    color:#9aa8a1;
}
.pg-post-meta span{display:inline-flex;align-items:center;gap:6px;}
.pg-post-meta i{font-size:11px;color:#b3c0ba;}

/* 无图列表（下载 / 搜索） */
.pg-post.pg-post-plain{padding:20px 22px;}
.pg-post-plain .pg-post-txt h3{font-size:17px;}

/* ============================================================
   产品 / 案例卡片网格
   ============================================================ */
.pg-cards{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}
.pg-card{
    display:block;
    background:#fff;
    border:1px solid #e8efeb;
    border-radius:14px;
    overflow:hidden;
    transition:border-color .25s,box-shadow .25s,transform .25s;
}
.pg-card:hover{
    border-color:#bfe6d2;
    box-shadow:0 16px 34px rgba(9,58,39,.09);
    transform:translateY(-3px);
}
.pg-card-pic{
    position:relative;
    aspect-ratio:4/3;
    overflow:hidden;
    background:#f2f6f4;
}
.pg-card-pic img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .55s;
}
.pg-card:hover .pg-card-pic img{transform:scale(1.06);}
.pg-card-bd{
    padding:16px 18px 17px;
    border-top:1px solid #f1f6f3;
}
.pg-card-bd h3{
    font-size:15.5px;
    line-height:1.55;
    font-weight:600;
    color:#12211c;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    transition:color .2s;
}
.pg-card:hover .pg-card-bd h3{color:#009b4c;}
.pg-card-more{
    display:flex;
    align-items:center;
    gap:7px;
    margin-top:10px;
    font-size:12.5px;
    color:#9aa8a1;
}
.pg-card-more i{font-size:10px;transition:transform .25s;}
.pg-card:hover .pg-card-more i{transform:translateX(3px);color:#009b4c;}

/* 大图案例卡（三列 -> 两列更宽） */
.pg-cards.pg-cards-case{grid-template-columns:repeat(2,minmax(0,1fr));}
.pg-cards-case .pg-card-pic{aspect-ratio:16/9;}

/* ============================================================
   分页
   ============================================================ */
.pg-pager{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px;
    margin-top:40px;
}
.pg-pager a,
.pg-pager span{
    min-width:42px;
    height:42px;
    padding:0 13px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid #e4ece8;
    border-radius:10px;
    background:#fff;
    font-size:14px;
    color:#4a5952;
    transition:border-color .2s,color .2s,background .2s;
}
.pg-pager a:hover{border-color:#009b4c;color:#009b4c;}
.pg-pager .active,
.pg-pager span.active{
    background:#009b4c;
    border-color:#009b4c;
    color:#fff;
    font-weight:600;
}
.pg-pager .disabled,
.pg-pager span.disabled{color:#c2cec8;border-color:#eef3f0;}

/* ============================================================
   详情页
   ============================================================ */
.pg-art{
    background:#fff;
    border:1px solid #e8efeb;
    border-radius:16px;
    padding:40px 46px 36px;
}
.pg-art-head{padding-bottom:26px;border-bottom:1px solid #f0f5f2;}
.pg-art-tag{
    display:inline-flex;
    align-items:center;
    height:26px;
    padding:0 11px;
    margin-bottom:14px;
    border-radius:999px;
    background:rgba(0,155,76,.09);
    color:#067a44;
    font-size:12.5px;
}
.pg-art-title{
    font-size:30px;
    line-height:1.42;
    font-weight:700;
    color:#12211c;
    letter-spacing:-.3px;
}
.pg-art-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:18px;
    margin-top:16px;
    font-size:13px;
    color:#8d9c95;
}
.pg-art-meta span{display:inline-flex;align-items:center;gap:6px;}
.pg-art-meta i{font-size:11.5px;}

.pg-art-cover{
    margin-top:26px;
    border-radius:12px;
    overflow:hidden;
    background:#f2f6f4;
}
.pg-art-cover img{width:100%;display:block;}

/* 正文排版 */
.pg-art-body{
    padding-top:26px;
    font-size:17px;
    line-height:1.95;
    color:#333b37;
    word-break:break-word;
}
.pg-art-body > p{margin:0 0 20px;}
.pg-art-body h2{
    position:relative;
    margin:44px 0 20px;
    padding-left:15px;
    font-size:23px;
    line-height:1.5;
    font-weight:700;
    color:#12211c;
}
.pg-art-body h2::before{
    content:"";
    position:absolute;
    left:0;
    top:.32em;
    width:4px;
    height:19px;
    border-radius:2px;
    background:#009b4c;
}
.pg-art-body h3{
    margin:30px 0 14px;
    font-size:19px;
    line-height:1.6;
    font-weight:600;
    color:#17342a;
}
.pg-art-body h4{
    margin:24px 0 12px;
    font-size:17px;
    font-weight:600;
    color:#17342a;
}
/* 正文里 <p><strong> 独占一段 => 小标题 */
.pg-art-body p:has(> strong:only-child){
    margin:32px 0 14px;
    padding-left:14px;
    border-left:4px solid #009b4c;
    font-size:20px;
    line-height:1.6;
    font-weight:700;
    color:#12211c;
}
.pg-art-body p:has(> strong:only-child) strong{font-weight:700;color:inherit;}
.pg-art-body strong{color:#12211c;}
.pg-art-body a{color:#0a7c48;text-decoration:underline;text-underline-offset:3px;}
.pg-art-body ul,
.pg-art-body ol{
    margin:0 0 20px;
    padding-left:22px;
}
.pg-art-body li{
    margin-bottom:10px;
    line-height:1.9;
}
.pg-art-body ul li{list-style:disc;}
.pg-art-body ol li{list-style:decimal;}
.pg-art-body li::marker{color:#009b4c;}
.pg-art-body img{
    max-width:100%;
    height:auto;
    display:block;
    margin:22px auto;
    border-radius:10px;
}
.pg-art-body table{
    width:100%;
    border-collapse:collapse;
    margin:22px 0;
    font-size:15px;
}
.pg-art-body table th,
.pg-art-body table td{
    border:1px solid #e4ece8;
    padding:11px 13px;
    line-height:1.7;
    text-align:left;
}
.pg-art-body table th{
    background:#f5fbf8;
    color:#17342a;
    font-weight:600;
}
.pg-art-body table tr:nth-child(even) td{background:#fbfdfc;}
.pg-art-body blockquote{
    margin:22px 0;
    padding:16px 20px;
    border-left:4px solid #009b4c;
    background:#f5fbf8;
    border-radius:0 8px 8px 0;
    color:#3c4a44;
}

/* 关键词高亮下划线（覆盖 AutoLink 插件的虚线全边框） */
.pg-art-body .autolink-keyword,
.pg-art-body a.autolink-keyword{
    border:0 !important;
    border-bottom:1px dashed rgba(0,155,76,.42) !important;
    text-decoration:none;
}

/* 相关标签 */
.pg-art-tags{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-top:34px;
    padding-top:24px;
    border-top:1px solid #f0f5f2;
}
.pg-art-tags a{
    display:inline-flex;
    align-items:center;
    height:32px;
    padding:0 14px;
    border-radius:999px;
    background:#f4f8f6;
    color:#5d6d66;
    font-size:13px;
    transition:background .2s,color .2s;
}
.pg-art-tags a:hover{background:rgba(0,155,76,.1);color:#067a44;}

/* 联系条 */
.pg-art-contact{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:18px;
    margin-top:26px;
    padding:20px 24px;
    border-radius:12px;
    background:linear-gradient(120deg,#065c36,#009b4c);
}
.pg-art-contact dl{display:flex;flex-wrap:wrap;gap:8px 30px;}
.pg-art-contact dt{font-size:12.5px;color:rgba(255,255,255,.66);margin-bottom:3px;}
.pg-art-contact dd{font-size:15.5px;font-weight:600;color:#fff;}
.pg-art-contact a.pg-art-contact-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    height:42px;
    padding:0 20px;
    border-radius:9px;
    background:#fff;
    color:#04663a;
    font-size:14px;
    font-weight:600;
    white-space:nowrap;
}
.pg-art-contact a.pg-art-contact-btn:hover{background:#effaf4;}

/* 上下篇 */
.pg-prenext{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:22px;
}
.pg-prenext a{
    display:inline-flex;
    align-items:center;
    gap:9px;
    max-width:46%;
    padding:13px 18px;
    border:1px solid #e8efeb;
    border-radius:11px;
    font-size:13.5px;
    color:#4a5952;
    background:#fff;
    transition:border-color .2s,color .2s;
}
.pg-prenext a:hover{border-color:#bfe6d2;color:#009b4c;}
.pg-prenext a span{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.pg-prenext a.pg-prenext-mid{color:#067a44;}

/* 产品详情参数与图文 */
.pg-prod-hero{
    display:grid;
    grid-template-columns:1.05fr 1fr;
    gap:32px;
    align-items:stretch;
}
.pg-prod-pic{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:26px;
    border:1px solid #e8efeb;
    border-radius:16px;
    overflow:hidden;
    background:#fbfdfc;
}
.pg-prod-pic img{width:100%;height:auto;display:block;object-fit:contain;}
.pg-prod-info{
    display:flex;
    flex-direction:column;
    padding:28px 30px;
    border:1px solid #e8efeb;
    border-radius:16px;
    background:#fff;
}
.pg-prod-info h1{
    font-size:30px;
    line-height:1.4;
    font-weight:700;
    color:#12211c;
}
.pg-prod-info .pg-prod-sub{
    margin-top:14px;
    font-size:15px;
    line-height:1.85;
    color:#68786f;
}
.pg-prod-spec{
    margin-top:22px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}
.pg-prod-spec li{
    padding:13px 15px;
    border:1px solid #eef3f0;
    border-radius:10px;
    background:#fbfdfc;
    font-size:13.5px;
    color:#4a5952;
}
.pg-prod-spec li b{display:block;font-size:12px;color:#98a69f;font-weight:400;margin-bottom:4px;}
.pg-param{
    margin-top:34px;
    border:1px solid #e8efeb;
    border-radius:14px;
    padding:26px 28px;
    overflow-x:auto;
}
.pg-param table{width:100%;border-collapse:collapse;font-size:14.5px;}
.pg-param th,.pg-param td{border:1px solid #e4ece8;padding:11px 13px;text-align:left;}
.pg-param th{background:#f5fbf8;font-weight:600;color:#17342a;}
.pg-param-note{margin-top:12px;font-size:12.5px;color:#a0aea7;}

/* 案例画廊 */
.pg-gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px;}
.pg-gallery figure{margin:0;border-radius:12px;overflow:hidden;background:#f2f6f4;}
.pg-gallery img{width:100%;display:block;}
.pg-gallery figcaption{padding:11px 14px;font-size:13px;color:#5d6d66;background:#fff;}

/* 空状态 */
.pg-empty{
    padding:70px 20px;
    text-align:center;
    border:1px dashed #dbe6e1;
    border-radius:14px;
    color:#94a29b;
    font-size:14.5px;
}

/* ============================================================
   底部行动区
   ============================================================ */
.pg-cta{
    padding:54px 0;
    background:linear-gradient(115deg,#065c36 0%,#00884a 55%,#009b4c 100%);
    position:relative;
    overflow:hidden;
}
.pg-cta::after{
    content:"";
    position:absolute;
    right:-80px;
    bottom:-160px;
    width:380px;
    height:380px;
    border-radius:50%;
    background:rgba(255,255,255,.06);
}
.pg-cta-in{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:36px;
    position:relative;
    z-index:2;
}
.pg-cta-txt h2{
    font-size:28px;
    line-height:1.4;
    font-weight:700;
    color:#fff;
    letter-spacing:-.2px;
}
.pg-cta-txt p{
    margin-top:10px;
    font-size:14.5px;
    line-height:1.8;
    color:rgba(255,255,255,.72);
}
.pg-cta-act{display:flex;gap:12px;flex:0 0 auto;}
.pg-cta-act a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    height:50px;
    padding:0 28px;
    border-radius:10px;
    font-size:15px;
    font-weight:500;
    white-space:nowrap;
    transition:transform .25s,background .25s,border-color .25s;
}
.pg-cta-act a:hover{transform:translateY(-1px);}
.pg-cta-main{background:#fff;color:#04663a;}
.pg-cta-main:hover{background:#effaf4;color:#04663a;}
.pg-cta-ghost{color:#fff;border:1px solid rgba(255,255,255,.42);}
.pg-cta-ghost:hover{background:rgba(255,255,255,.14);color:#fff;}

/* ============================================================
   单页（关于我们等）
   ============================================================ */
.pg-single-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) 360px;
    gap:44px;
    align-items:start;
}
.pg-single-body{
    font-size:16.5px;
    line-height:1.95;
    color:#333b37;
}
.pg-single-body p{margin:0 0 18px;}
.pg-single-body img{max-width:100%;height:auto;border-radius:12px;margin:18px 0;}
.pg-single-pic{border-radius:16px;overflow:hidden;border:1px solid #e8efeb;background:#f7fbf9;}
.pg-single-pic img{width:100%;display:block;}
.pg-vals{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px;}
.pg-vals li{
    padding:24px 20px;
    border:1px solid #e8efeb;
    border-radius:14px;
    background:#fff;
    transition:border-color .25s,box-shadow .25s;
}
.pg-vals li:hover{border-color:#bfe6d2;box-shadow:0 12px 28px rgba(9,58,39,.07);}
.pg-vals i{
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border-radius:11px;
    background:rgba(0,155,76,.09);
    color:#009b4c;
    font-size:17px;
    margin-bottom:14px;
}
.pg-vals b{display:block;font-size:16px;color:#12211c;margin-bottom:8px;}
.pg-vals p{font-size:13.5px;line-height:1.75;color:#7b8a83;}

/* 轮播（资质 / 环境） */
.pg-swipe{position:relative;margin-top:18px;}
.pg-swipe .swiper-slide img{
    width:100%;
    height:auto;
    display:block;
    border-radius:12px;
    border:1px solid #e8efeb;
}
.pg-swipe .swiper-button-next,
.pg-swipe .swiper-button-prev{
    width:38px;
    height:38px;
    border-radius:50%;
    background:#fff;
    border:1px solid #e4ece8;
    box-shadow:0 6px 16px rgba(9,58,39,.1);
    color:#009b4c;
}
.pg-swipe .swiper-button-next::after,
.pg-swipe .swiper-button-prev::after{font-size:13px;font-weight:700;}

/* 搜索条 */
.pg-searchbar{
    display:flex;
    gap:10px;
    margin-bottom:28px;
}
.pg-searchbar input[type=text]{
    flex:1;
    height:48px;
    padding:0 18px;
    border:1px solid #e4ece8;
    border-radius:11px;
    font-size:15px;
    color:#333b37;
    outline:none;
    transition:border-color .2s;
}
.pg-searchbar input[type=text]:focus{border-color:#009b4c;}
.pg-searchbar button{
    height:48px;
    padding:0 28px;
    border:0;
    border-radius:11px;
    background:#009b4c;
    color:#fff;
    font-size:15px;
    cursor:pointer;
}
.pg-searchbar button:hover{background:#008843;}

/* 标签云 */
.pg-tagcloud{display:flex;flex-wrap:wrap;gap:10px;}
.pg-tagcloud a{
    display:inline-flex;
    align-items:center;
    gap:6px;
    height:36px;
    padding:0 15px;
    border:1px solid #e8efeb;
    border-radius:999px;
    font-size:13.5px;
    color:#4a5952;
    transition:border-color .2s,color .2s,background .2s;
}
.pg-tagcloud a em{
    font-style:normal;
    font-size:11.5px;
    color:#a4b2ab;
}
.pg-tagcloud a:hover{border-color:#bfe6d2;background:#f7fdfa;color:#067a44;}

/* ============================================================
   响应式
   ============================================================ */
@media (max-width:1200px){
    .pg-wrap{padding:0 28px;}
    .pg-hero-name{font-size:33px;}
    .pg-hero-in{gap:30px;padding:20px 0 26px;}
    .pg-hero-tel{padding:13px 18px;}
    .pg-hero-tel-txt b{font-size:18px;}
    .pg-layout{grid-template-columns:minmax(0,1fr) 300px;gap:30px;}
    .pg-side{position:static;}
    .pg-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
    .pg-post-pic{width:200px;flex-basis:200px;}
    .pg-art{padding:32px 32px 30px;}
    .pg-art-title{font-size:26px;}
    .pg-single-grid{grid-template-columns:1fr;gap:30px;}
    .pg-vals{grid-template-columns:repeat(2,1fr);}
    .pg-prod-hero{grid-template-columns:1fr;gap:26px;}
    .pg-cta-txt h2{font-size:24px;}
}

@media (max-width:900px){
    .pg-hero-in{flex-direction:column;align-items:flex-start;gap:22px;}
    .pg-hero-r{width:100%;}
    .pg-hero-tel{flex:1;}
    .pg-layout{grid-template-columns:1fr;}
    .pg-side{order:2;}
    .pg-post{flex-direction:column;gap:12px;padding:15px 16px 16px;}
    /* 移动端封面是「标题图」，与卡片标题重复，隐藏更紧凑 */
    .pg-post-pic{display:none;}
    .pg-art-contact{flex-direction:column;align-items:flex-start;}
}

@media (max-width:768px){
    .pg-wrap{padding:0 16px;}
    .pg-hero{padding-top:18px;}
    .pg-hero-name{font-size:26px;letter-spacing:-.3px;}
    .pg-hero-desc{font-size:14px;line-height:1.75;margin-top:11px;}
    .pg-eyebrow{height:26px;font-size:12px;padding:0 11px;margin-bottom:12px;}
    .pg-hero-in{padding:16px 0 20px;}
    .pg-hero-r{flex-direction:row;}
    .pg-hero-tel{width:100%;justify-content:center;}
    .pg-hero-btn{width:88px;font-size:13px;}
    .pg-tabs a{font-size:14px;margin-right:22px;padding:13px 0 12px;}
    /* 窄屏页头：video 让位给动图，画面裁切更狠 */
    .pg-hero-v{display:none!important;}
    .pg-hero-anim{display:block;object-position:center 44%;}
    .pg-hero-bg::after{
        background:
            linear-gradient(180deg,
                rgba(255,255,255,.84) 0%,
                rgba(255,255,255,.58) 40%,
                rgba(255,255,255,.82) 74%,
                rgba(255,255,255,.96) 100%);
    }

    .pg-main{padding:26px 0 52px;}
    .pg-posts{gap:12px;}
    .pg-post{padding:13px;border-radius:12px;}
    .pg-post-txt h3{font-size:16.5px;}
    .pg-post-txt p{font-size:13px;margin-top:7px;}
    .pg-post-meta{font-size:11.5px;gap:12px;padding-top:9px;}

    .pg-cards{grid-template-columns:1fr;gap:14px;}
    .pg-cards.pg-cards-case{grid-template-columns:1fr;}
    .pg-card-bd{padding:13px 14px 14px;}
    .pg-card-bd h3{font-size:15px;}

    .pg-art{padding:20px 16px 22px;border-radius:13px;}
    .pg-art-title{font-size:21px;line-height:1.5;}
    .pg-art-head{padding-bottom:18px;}
    .pg-art-meta{gap:12px;font-size:12px;margin-top:12px;}
    .pg-art-body{font-size:16px;line-height:1.9;padding-top:20px;}
    .pg-art-body h2{font-size:19px;margin:32px 0 15px;}
    .pg-art-body h3{font-size:17px;margin:24px 0 11px;}
    .pg-art-body p:has(> strong:only-child){font-size:17px;margin:26px 0 11px;}
    .pg-art-body table{font-size:13px;}
    .pg-art-body table th,.pg-art-body table td{padding:8px 9px;}
    .pg-art-body img{margin:16px auto;}
    .pg-art-tags{margin-top:26px;padding-top:18px;}
    .pg-art-contact{padding:16px 18px;gap:14px;}
    .pg-art-contact dl{gap:6px 22px;}
    .pg-param{padding:16px;border-radius:12px;}

    .pg-side-box{padding:18px;border-radius:18px;}
    .pg-side::before{border-radius:22px;filter:blur(8px);}
    .pg-side{gap:14px;}
    .pg-side-tel{padding:21px 18px 19px;border-radius:20px;}
    .pg-side-tel b{font-size:23px;}
    .pg-side-rank li a{font-size:13px;}
    .pg-side-links{grid-template-columns:1fr 1fr;}

    .pg-prenext{flex-direction:column;gap:9px;}
    .pg-prenext a{max-width:100%;width:100%;justify-content:center;}

    .pg-pager{gap:6px;margin-top:28px;}
    .pg-pager a,.pg-pager span{min-width:38px;height:38px;font-size:13px;padding:0 10px;}

    .pg-cta{padding:36px 0;}
    .pg-cta-in{flex-direction:column;align-items:flex-start;gap:22px;}
    .pg-cta-txt h2{font-size:21px;}
    .pg-cta-txt p{font-size:13.5px;}
    .pg-cta-act{width:100%;flex-direction:column;}
    .pg-cta-act a{width:100%;height:46px;font-size:14.5px;}

    .pg-vals{grid-template-columns:1fr;gap:12px;margin-top:28px;}
    .pg-vals li{padding:18px;}
    .pg-single-body{font-size:15.5px;line-height:1.9;}
    .pg-searchbar{flex-wrap:wrap;}
    .pg-searchbar input[type=text]{height:44px;}
    .pg-searchbar button{height:44px;width:100%;}
    .pg-prod-spec{grid-template-columns:1fr;}
    .pg-prod-info h1{font-size:22px;}
    .pg-gallery{grid-template-columns:1fr;}
    .pg-art-title{letter-spacing:0;}
}

/* 搜索页表单容器 */
.pg-searchbar form{display:flex;gap:10px;flex:1;width:100%;}
.pg-searchbar input[type=submit]{display:none;}

/* 详情页页头标题（比栏目页小一档，长标题不挤） */
.pg-hero-name.pg-art-h1{font-size:34px;line-height:1.45;letter-spacing:-.4px;}
.pg-hero .pg-art-meta{margin-top:16px;}
.pg-prenext a.disabled{color:#b9c6c0;border-color:#eef3f0;background:#fbfdfc;pointer-events:none;}
@media (max-width:768px){
  .pg-hero-name.pg-art-h1{font-size:21px;line-height:1.55;}
}

/* 详情页联系条内部布局 */
.pg-art-contact dl > div{display:block;}
.pg-art-contact dt{font-size:12.5px;color:rgba(255,255,255,.66);margin-bottom:3px;}
.pg-art-contact dd{font-size:15.5px;font-weight:600;color:#fff;}

/* 留言表单 */
.pg-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.pg-form-grid label{display:block;}
.pg-form-grid label.full{grid-column:1/-1;}
.pg-form-grid span{
    display:block;
    margin-bottom:7px;
    font-size:13px;
    color:#5d6d66;
}
.pg-form-grid input,
.pg-form-grid textarea{
    width:100%;
    box-sizing:border-box;
    padding:11px 14px;
    border:1px solid #e4ece8;
    border-radius:10px;
    background:#fff;
    font-size:14.5px;
    color:#333b37;
    outline:none;
    transition:border-color .2s;
    font-family:inherit;
}
.pg-form-grid input:focus,
.pg-form-grid textarea:focus{border-color:#009b4c;}
.pg-form button{
    margin-top:18px;
    height:48px;
    padding:0 34px;
    border:0;
    border-radius:10px;
    background:#009b4c;
    color:#fff;
    font-size:15px;
    cursor:pointer;
    transition:background .2s;
}
.pg-form button:hover{background:#008843;}

/* 参数表横向滚动 */
.pg-param{overflow-x:auto;}
.pg-param .table{overflow-x:auto;}

@media (max-width:768px){
    .pg-form-grid{grid-template-columns:1fr;}
    .pg-art-contact dl > div{margin-bottom:4px;}
}

/* 大屏收窄容器，给右侧固定悬浮客服（.online-service 宽 50px、right:0）留出安全区，
   否则侧栏卡片右边缘会被图标条压住 */
/* 悬浮条改玻璃后整体宽 56px + right:10px，占右侧约 66px；
   容器收到 1330 才能留出 20px 呼吸间距 */
@media (min-width:1401px){
    .pg-wrap{max-width:1330px;}
}

/* 易优 pagelist 输出为 <li><a> 结构，补齐 li 层样式 */
.pg-pager li{list-style:none;display:inline-flex;margin:0;}
.pg-pager li a{
    min-width:42px;
    height:42px;
    padding:0 13px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid #e4ece8;
    border-radius:10px;
    background:#fff;
    font-size:14px;
    color:#4a5952;
    transition:border-color .2s,color .2s,background .2s;
}
.pg-pager li a:hover{border-color:#009b4c;color:#009b4c;}
.pg-pager li.active a{
    background:#009b4c;
    border-color:#009b4c;
    color:#fff;
    font-weight:600;
}

/* 下载页「更新说明」弹窗（原 ny.css 未定义 poppbg，内容会裸奔在页面底部） */
.poppbg{
    display:none;
    position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:9998;
    padding:70px 20px 40px;
    overflow:auto;
    background:rgba(9,32,22,.55);
}
.poppbg .popup{
    position:relative;
    max-width:640px;
    margin:0 auto;
    padding:28px 30px 26px;
    background:#fff;
    border-radius:14px;
    box-shadow:0 24px 60px rgba(9,32,22,.28);
    font-size:14.5px;
    line-height:1.85;
    color:#3c4a44;
}
.poppbg .popup p{margin:0 0 10px;word-break:break-all;}
.poppbg .popup .close{
    position:absolute;
    right:12px;
    top:12px;
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    border-radius:50%;
    background:#f1f6f3;
    color:#7b8a83;
    font-size:13px;
    cursor:pointer;
    transition:background .2s,color .2s;
}
.poppbg .popup .close:hover{background:#e6f4ec;color:#067a44;}

@media (max-width:768px){
    .pg-pager li a{min-width:38px;height:38px;font-size:13px;padding:0 10px;}
    .poppbg{padding:40px 14px 30px;}
    .poppbg .popup{padding:22px 18px 20px;font-size:14px;}
}

/* 易优把「上一页」也打上 active，首尾按钮保持中性色，只让页码高亮 */
.pg-pager li:first-child a,
.pg-pager li:last-child a{
    background:#fff;
    border-color:#e4ece8;
    color:#5d6d66;
    font-weight:400;
}
.pg-pager li:first-child a:hover,
.pg-pager li:last-child a:hover{border-color:#009b4c;color:#009b4c;background:#fff;}
.pg-pager li{margin:0 !important;}

/* 易优 pagelist 会输出空 li，去掉以免撑开间距 */
.pg-pager li:empty{display:none;}

/* li 层的旧底色会从圆角外露出，统一清掉 */
.pg-pager li{
    background:transparent !important;
    border:0 !important;
    border-radius:10px;
    overflow:hidden;
}

/* 标签索引页的内容块 */
.pg-block{
    margin-bottom:18px;
    padding:24px 26px 26px;
    background:#fff;
    border:1px solid #e8efeb;
    border-radius:16px;
}
.pg-block-h{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:9px;
    margin-bottom:16px;
    font-size:18px;
    line-height:1.4;
    font-weight:600;
    color:#12211c;
}
.pg-block-h::before{
    content:"";
    width:3px;
    height:16px;
    border-radius:2px;
    background:#009b4c;
}
.pg-block-h em{
    font-style:normal;
    font-size:12.5px;
    font-weight:400;
    color:#9aa8a1;
}
@media (max-width:768px){
    .pg-block{padding:18px 18px 20px;border-radius:14px;}
    .pg-block-h{font-size:16.5px;margin-bottom:14px;}
}

/* ============================================================
   移动 / 平板端头部占位修复（2026-11-07）
   ny.css 的 @media(max-width:1200px) 里有一条 body:before{height:60px}，
   是旧版「固定头部用假块撑开」的遗留写法；2026-11-06 的头部升级已在
   css.css 给 body 加了 padding-top:60px!important，两者叠加会让页头
   上方多出 60px 空白。这里把假块关掉，留白只由 body padding 负责。
   ============================================================ */
@media screen and (max-width:1200px){
    body:before{display:none!important;}
}