/* 万泽时代 VZTIMES · 官网设计系统（品牌绿（#239d54）科技风） */
*{margin:0;padding:0;box-sizing:border-box}
:root{
 --green:#239d54;--green2:#1d8a48;--mint:#4fc97f;
 --blue:#239d54;--blue2:#1a7a42;--sky:#4fc97f;
 --ink:#14301f;--sub:#5a7064;--line:#e3ece5;--bg:#f4f8f5;--dark:#0f2719;
}
html{scroll-behavior:smooth}
body{font-family:"Microsoft YaHei","PingFang SC","Segoe UI",sans-serif;color:var(--ink);line-height:1.7;background:#fff}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px}

/* 顶栏 */
header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.93);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:76px}
.brand{flex:0 0 auto}
.brand img { height:64px;width:auto;max-width:none;object-fit:contain }
.menu{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}
.menu a.it{padding:9px 15px;border-radius:8px;font-size:15.5px;font-weight:600;color:#31493c;cursor:pointer;transition:.2s;white-space:nowrap;flex:none}
.menu a.it:hover,.menu a.it.on{color:var(--green2);background:#eff2f0}
.lang{display:flex;align-items:center;border:1px solid var(--line);border-radius:20px;overflow:hidden;margin-left:10px}
.lang a{padding:6px 13px;font-size:13.5px;font-weight:700;color:var(--sub)}
.lang a.on{background:linear-gradient(135deg,var(--green),var(--green2));color:#fff}
.cta{background:linear-gradient(135deg,#239d54,#1d8a48);color:#fff!important;padding:11px 22px!important;border-radius:26px;font-weight:800!important;box-shadow:0 8px 20px rgba(35,157,84,.35);margin-left:8px}
.burger{display:none;background:none;border:none;font-size:26px;color:var(--green2)}

/* 顶级9个主菜单等宽居中：消除"前疏后挤"(2字条盒窄、4字条盒宽导致中心距不匀)。
   仅桌面端中文站生效；≤1024走竖排汉堡菜单，英文站单词长走自有紧凑规则，均不受影响 */
@media(min-width:1025px){
 /* 顶级9个主菜单统一固定宽度+文字居中：消除"前疏后挤"(2字条盒窄/4字条盒宽→中心距不匀)。
    用固定宽度而非flex等分，避免.menu被撑宽与品牌重叠、也不牵动mega宽下拉的定位锚点。
    9×80 + 8×4gap = 752 ≈ 原占用750，不改变整体布局。仅桌面中文站；手机竖排/英文站不受影响 */
 html[lang="zh"] .menu > .it:nth-child(-n+9),
 html[lang="zh"] .menu > .has-drop:nth-child(-n+9){flex:0 0 auto;width:auto;min-width:0}
 html[lang="zh"] .menu > .it:nth-child(-n+9),
 html[lang="zh"] .menu > .has-drop:nth-child(-n+9) > a.it{padding-left:11px;padding-right:11px}
 html[lang="zh"] .menu > .has-drop:nth-child(-n+9){text-align:center}
 /* 宽下拉(产品/方案/服务)改为相对视口居中，避免tab固定80宽后锚点左移出界 */
 html[lang="zh"] .menu .mega.wide{position:fixed;left:50%;top:82px;transform:translateX(-50%)}
 /* 主菜单与右侧操作区(登录/电话/语言/预约)之间留出呼吸间隔 */
 html[lang="zh"] .menu > .member-nav{margin-left:14px}
}

/* 英文站：菜单词更长，紧凑排布，保证一行不折行不错位 */
html[lang="en"] .menu{gap:2px}
html[lang="en"] .menu a.it{padding:8px 10px;font-size:14.5px}
html[lang="en"] .lang{margin-left:6px}
html[lang="en"] .lang a{padding:5px 10px;font-size:12.5px}
html[lang="en"] .cta{padding:10px 16px!important;font-size:14.5px!important;white-space:nowrap;margin-left:6px}
@media(max-width:1200px){
  html[lang="en"] .menu{gap:0}
  html[lang="en"] .menu a.it{padding:8px 7px;font-size:14px}
  html[lang="en"] .cta{padding:9px 12px!important;font-size:13.5px!important}
}

/* 按钮 */
.btn{display:inline-block;padding:14px 32px;border-radius:30px;font-weight:800;font-size:16px;cursor:pointer;border:none;transition:.2s}
.btn.pri{background:linear-gradient(135deg,#239d54,#1d8a48);color:#fff;box-shadow:0 12px 28px rgba(35,157,84,.32)}
.btn.pri:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(33,200,100,.42)}
.btn.gho{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.45);color:#fff}
.btn.line{border:1.5px solid var(--green2);color:var(--green2);background:#fff}
.btn.sm{padding:8px 18px;font-size:13.5px}

/* Hero */
.hero{position:relative;background:linear-gradient(135deg,#0f2218 0%,#173726 48%,#224f37 100%);color:#fff;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(56,223,123,.16),transparent 40%),radial-gradient(circle at 85% 20%,rgba(78,226,137,.18),transparent 42%)}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:46px;align-items:center;padding:84px 28px}
.hero .kick{display:inline-flex;align-items:center;gap:8px;background:rgba(56,223,123,.14);border:1px solid rgba(56,223,123,.4);color:var(--mint);padding:7px 16px;border-radius:20px;font-size:13.5px;font-weight:600;margin-bottom:22px}
.hero h1{font-size:43px;line-height:1.34;margin-bottom:18px;letter-spacing:.5px}
.hero p.lead{font-size:17px;color:#cad7d0;margin-bottom:30px;max-width:560px}
.heroact{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:36px}
.trust{display:flex;gap:30px;flex-wrap:wrap}
.trust .t b{font-size:25px;color:var(--mint);display:block;line-height:1.2}
.trust .t span{font-size:12.5px;color:#a7bcb0}
.heroart{position:relative;height:400px}
.heroart .orb{position:absolute;border-radius:50%;filter:blur(2px)}
.heroart .o1{inset:8%;background:conic-gradient(from 120deg,#38df7b,#3ddf7e,#38df7b);opacity:.28;animation:spin 24s linear infinite}
.heroart .o2{inset:24%;border:2px dashed rgba(255,255,255,.25);animation:spin 18s linear infinite reverse}
.heroart .core{position:absolute;inset:0;display:grid;place-items:center;font-size:120px;filter:drop-shadow(0 16px 40px rgba(0,0,0,.4))}
@keyframes spin{to{transform:rotate(360deg)}}

/* 通用板块 */
section{padding:72px 0}
.sec-h{text-align:center;max-width:720px;margin:0 auto 50px}
.sec-h .en{color:var(--green2);font-weight:800;font-size:13px;letter-spacing:3px;text-transform:uppercase}
.sec-h h2{font-size:33px;margin:9px 0 12px}
.sec-h p{color:var(--sub);font-size:15.5px}
.bg{background:var(--bg)}

/* 产品卡 */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 24px;transition:.25s;display:flex;flex-direction:column}
.pcard:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(29,67,47,.12);border-color:#61d18e}
.pcard .pic{width:74px;height:74px;border-radius:16px;object-fit:cover;margin-bottom:16px}
.pcard .code{font-size:12px;font-weight:800;color:var(--blue);letter-spacing:1px}
.pcard h3{font-size:18px;margin:3px 0 9px}
.pcard p{color:var(--sub);font-size:14px;flex:1}
.pcard .more{margin-top:14px;color:var(--green2);font-weight:700;font-size:14px}
.pill{display:inline-block;font-size:11px;background:#eff2f0;color:#2c6848;padding:2px 10px;border-radius:10px;margin-bottom:8px;font-weight:700}

/* 方案 */
.scard{background:#fff;border-radius:16px;padding:28px 26px;border:1px solid var(--line);transition:.25s}
.scard:hover{box-shadow:0 18px 40px rgba(29,67,47,.1);transform:translateY(-4px)}
.scard .ic{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,#eff2f0,#eef2ef);display:grid;place-items:center;font-size:26px;margin-bottom:14px}
.scard h3{font-size:18px;margin-bottom:8px}.scard p{color:var(--sub);font-size:14px;margin-bottom:12px}
.scard ul{list-style:none}.scard li{font-size:13px;color:#475b50;padding:5px 0 5px 20px;position:relative}
.scard li::before{content:"";position:absolute;left:2px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--green)}

/* ===== 首页行业方案：高科技玻璃拟态卡（悬停/点按毛玻璃HUD浮入，无3D翻面、不露白） ===== */
.flip{height:360px}
.flip-inner{position:relative;width:100%;height:100%}
.flip-face{position:absolute;inset:0;border-radius:16px;overflow:hidden;border:1px solid var(--line)}
/* 正面：实景图（暂用渐变占位）+ 底部名条 */
.flip-front{display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:linear-gradient(150deg,#153122 0%,#173726 45%,#224f37 100%);transition:box-shadow .5s ease,border-color .5s ease}
.flip-front .ph-ic{position:absolute;top:34px;left:0;right:0;display:grid;place-items:center;opacity:.9;transition:opacity .4s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.flip-front .ph-ic .ring{width:96px;height:96px;border-radius:26px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);box-shadow:0 12px 30px rgba(0,0,0,.3)}
.flip-front .ph-ic img{width:46px;height:46px;filter:brightness(0) invert(1)}
.flip-front::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(9,21,15,.15) 40%,rgba(8,20,14,.86) 100%);transition:background .5s ease}
.flip-front .fbar{position:relative;z-index:2;padding:20px 22px;transition:opacity .35s ease}
.flip-front .fbar h3{font-size:19px;margin:0;line-height:1.4;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.flip-front .hint{position:absolute;z-index:2;top:16px;right:16px;font-size:11.5px;color:#d7dfda;background:rgba(16,36,25,.55);border:1px solid rgba(255,255,255,.14);padding:4px 10px;border-radius:20px;transition:opacity .35s ease}
/* 正面实景封面：铺满正面，悬停缓慢推近 */
.flip-front .fimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform 3.5s ease}
.flip-front.has-img .ph-ic{display:none}
/* 激活态（桌面hover / 手机点按.flipped）：封面压暗推近、卡片青色辉光、正面文字图标淡出 */
.flip:hover .flip-front,.flip.flipped .flip-front{border-color:rgba(80,226,138,.45);box-shadow:0 18px 50px rgba(0,0,0,.38),0 0 0 1px rgba(80,226,138,.12),0 0 34px rgba(45,212,112,.22)}
.flip:hover .flip-front .fimg,.flip.flipped .flip-front .fimg{transform:scale(1.06)}
.flip:hover .flip-front::after,.flip.flipped .flip-front::after{background:linear-gradient(180deg,rgba(8,17,12,.55) 0%,rgba(7,16,11,.92) 100%)}
.flip:hover .ph-ic,.flip.flipped .ph-ic,.flip:hover .flip-front .hint,.flip.flipped .flip-front .hint,.flip:hover .flip-front .fbar,.flip.flipped .flip-front .fbar{opacity:0}
.flip:hover .ph-ic,.flip.flipped .ph-ic{transform:scale(.92)}
/* 背面：毛玻璃HUD面板，覆盖正面、自下而上浮入，绝不翻面不露白 */
.flip-back{opacity:0;transform:translateY(14px) scale(.985);z-index:3;padding:32px 28px;display:flex;flex-direction:column;justify-content:center;color:#fff;pointer-events:none;
 background:linear-gradient(150deg,rgba(18,43,30,.58) 0%,rgba(23,55,38,.66) 100%);
 backdrop-filter:blur(15px) saturate(150%);-webkit-backdrop-filter:blur(15px) saturate(150%);
 border:1px solid rgba(80,226,138,.28);box-shadow:inset 0 1px 0 rgba(80,226,138,.18);
 transition:opacity .45s ease,transform .55s cubic-bezier(.2,.8,.2,1)}
.flip-back::before{content:"";position:absolute;left:18px;right:18px;top:0;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(80,226,138,.9),transparent);transform:scaleX(0);transform-origin:left;transition:transform .6s ease .12s}
.flip:hover .flip-back,.flip.flipped .flip-back{opacity:1;transform:none;pointer-events:auto}
.flip:hover .flip-back::before,.flip.flipped .flip-back::before{transform:scaleX(1)}
/* 背面文字逐行浮入 */
.flip-back .bk-tag,.flip-back h3,.flip-back p,.flip-back .bkpts,.flip-back .go{opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.flip:hover .flip-back .bk-tag,.flip.flipped .flip-back .bk-tag{transition-delay:.14s}
.flip:hover .flip-back h3,.flip.flipped .flip-back h3{transition-delay:.2s}
.flip:hover .flip-back p,.flip.flipped .flip-back p{transition-delay:.27s}
.flip:hover .flip-back .bkpts,.flip.flipped .flip-back .bkpts{transition-delay:.34s}
.flip:hover .flip-back .go,.flip.flipped .flip-back .go{transition-delay:.42s}
.flip:hover .flip-back :is(.bk-tag,h3,p,.bkpts,.go),.flip.flipped .flip-back :is(.bk-tag,h3,p,.bkpts,.go){opacity:1;transform:none}
.flip-back .bk-tag{font-size:12px;letter-spacing:1.4px;color:var(--mint);text-transform:uppercase;margin-bottom:16px;font-weight:600}
.flip-back h3{font-size:20px;line-height:1.4;margin-bottom:13px}
.flip-back p{font-size:13.5px;color:#dbe1dd;line-height:1.7;margin-bottom:16px}
.flip-back .bkpts{list-style:none;margin:0 0 4px}
.flip-back .bkpts li{position:relative;padding:6px 0 6px 19px;font-size:12.5px;line-height:1.5;color:#d7ddd9}
.flip-back .bkpts li::before{content:"";position:absolute;left:2px;top:12px;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px rgba(72,224,133,.7)}
.flip-back .go{margin-top:20px;display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:#fff}
.flip-back .go svg{width:16px;height:16px;transition:transform .25s ease}
.flip-back .go:hover svg{transform:translateX(4px)}
@media(max-width:680px){
 .flip{height:300px}
 .flip-front .ph-ic{top:24px}
 .flip-back{padding:24px 22px}
}

/* 案例 */
.ccard{background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--line);transition:.25s}
.ccard:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(29,67,47,.12)}
.ccard .top{height:120px;padding:0 18px;background:linear-gradient(135deg,#173726,#224f37);display:grid;place-items:center;text-align:center;color:#fff;font-size:21px;font-weight:800;letter-spacing:.5px;line-height:1.35;position:relative}
.ccard .top .ind{position:absolute;top:12px;left:14px;font-size:11px;background:rgba(56,223,123,.22);border:1px solid rgba(56,223,123,.5);padding:3px 11px;border-radius:12px;font-weight:600}
.ccard .bd{padding:20px}
.ccard h3{font-size:16px;margin-bottom:8px;line-height:1.5}
.ccard p{color:var(--sub);font-size:13.5px}
.ccard .res{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line);color:#2c6848;font-size:13px;font-weight:600}

/* 资质 */
.badge-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:34px}
.badge{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 22px;font-weight:700;color:#173726;font-size:14px}

/* CTA条 */
.ctaband{background:linear-gradient(135deg,#173726,#224f37);border-radius:22px;padding:52px 48px;color:#fff;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.ctaband h2{font-size:28px;margin-bottom:12px}.ctaband p{color:#c6d6cd}

/* 表单 */
.leadform{background:#fff;border-radius:18px;padding:30px;color:var(--ink);box-shadow:0 24px 60px rgba(16,38,26,.18)}
.leadform h3{font-size:21px;margin-bottom:4px}.leadform .fs{color:var(--sub);font-size:13px;margin-bottom:18px}
.fd{margin-bottom:14px}
.fd input,.fd select,.fd textarea{width:100%;padding:13px 15px;border:1.5px solid #dbe0dd;border-radius:11px;font-size:14.5px;font-family:inherit;background:#fbfcfb}
.fd input:focus,.fd textarea:focus,.fd select:focus{outline:none;border-color:var(--green2)}
.fd.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.leadform .btn{width:100%;background:linear-gradient(135deg,#239d54,#1d8a48);color:#fff}
.priv{font-size:11.5px;color:#98a39d;text-align:center;margin-top:11px}
.flash-err{background:#fdecec;color:#c0392b;border-radius:10px;padding:10px 14px;font-size:13.5px;margin-bottom:12px}

/* 页头内页 */
.pagehead{background:linear-gradient(135deg,#0f2218,#173726 55%,#224f37);color:#fff;padding:64px 0;text-align:center}
.pagehead h1{font-size:36px}.pagehead p{color:#c0cfc6;margin-top:10px}
.pagehead.slim{padding:40px 0}
.pagehead.slim h1{font-size:30px}

/* 关于页实景banner（自有前台实拍，高约380px；左遮罩压暗、文字不压主体） */
.about-hero{position:relative;min-height:380px;display:flex;align-items:center;color:#fff;
 background:linear-gradient(90deg,rgba(10,28,20,.93) 0%,rgba(13,38,28,.83) 36%,rgba(13,38,28,.32) 66%,rgba(13,38,28,0) 86%),
 url('/static/img/banner/about_banner.jpg') center/cover no-repeat}
.about-hero .wrap{width:100%}
.about-hero h1{font-size:40px;letter-spacing:1px}
.about-hero p{color:#d4e1d9;margin-top:14px;font-size:17px;max-width:560px}
@media(max-width:680px){
 .about-hero{min-height:0;background:linear-gradient(180deg,rgba(10,28,20,.90),rgba(13,38,28,.55)),
  url('/static/img/banner/about_banner.jpg') center/cover no-repeat}
 .about-hero h1{font-size:28px}.about-hero p{font-size:15px}
}

/* 学习中心轻量 banner（260px，自有知识主题图，遮罩压暗不花哨） */
.learnhero{position:relative;color:#fff;padding:0;
  background:
    linear-gradient(90deg,rgba(8,24,17,.92) 0%,rgba(11,34,25,.78) 38%,rgba(13,40,29,.45) 70%,rgba(13,40,29,.35) 100%),
    url('/static/img/banner/learning_banner.jpg') center/cover no-repeat,
    linear-gradient(135deg,#0f2218,#173726)}
.learnhero .wrap{padding-top:48px;padding-bottom:48px;min-height:260px;display:flex;flex-direction:column;justify-content:center}
.learnhero .lh-kick{display:inline-block;font-size:12.5px;letter-spacing:2px;color:#7fd6a6;background:rgba(46,194,126,.14);
  border:1px solid rgba(46,194,126,.35);border-radius:999px;padding:4px 14px;margin-bottom:14px;align-self:flex-start}
.learnhero h1{font-size:34px;line-height:1.15}
.learnhero p{color:#cdd9d1;margin-top:10px;font-size:15px;max-width:560px}

/* ===== 学习中心：筛选 / 文章卡 ===== */
.learn-sec{padding:48px 0 80px;background:#f5f9f7}
.learn-filters{display:flex;flex-wrap:wrap;gap:11px;margin-bottom:34px}
.lf{padding:8px 20px;border-radius:999px;font-size:14px;color:#42614f;background:#fff;border:1px solid #dce8e1;
 text-decoration:none;transition:.25s}
.lf:hover{border-color:#239d54;color:#1c7a47}
.lf.on{background:linear-gradient(135deg,#239d54,#2db966);color:#fff;border-color:transparent}
.learn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.article-card{background:#fff;border:1px solid #e3eee8;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;
 display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}
.article-card:hover{transform:translateY(-6px);border-color:#bfe2cd;box-shadow:0 18px 40px rgba(20,70,45,.12)}
.ac-cover{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#10301f,#1c5238)}
.ac-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.article-card:hover .ac-cover img{transform:scale(1.05)}
.ac-cover.ph{display:grid;place-items:center}
.ac-ph-ic{width:62px;height:62px;border-radius:16px;display:grid;place-items:center;font-size:22px;font-weight:700;
 color:#7fd6a6;background:rgba(255,255,255,.08);border:1px solid rgba(127,214,166,.3);text-transform:uppercase}
.ac-gate{position:absolute;left:12px;bottom:12px;font-size:11px;padding:4px 10px;border-radius:999px;color:#fff;
 background:rgba(10,30,20,.6);backdrop-filter:blur(4px)}
.ac-gate.gate-none{background:rgba(35,157,84,.9)}
.ac-gate.gate-deep{background:rgba(193,84,31,.92)}
.ac-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.ac-cat{font-size:12px;color:#7c9288;margin-bottom:9px}
.ac-body h3{font-size:17px;line-height:1.5;color:#123527;margin:0 0 10px}
.ac-body p{font-size:13.5px;color:#58706a;line-height:1.7;margin:0 0 14px;flex:1;
 display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ac-more{font-size:13px;font-weight:600;color:#1c7a47;margin-top:auto}
.learn-empty{padding:70px 0;text-align:center;color:#7c9288}

/* ===== 文章详情 ===== */
.art-hero{position:relative;min-height:300px;display:flex;align-items:flex-end;overflow:hidden;background:linear-gradient(135deg,#0f2a1c,#1c4f37)}
.art-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.art-hero-mask{position:relative;width:100%;padding:0;
 background:linear-gradient(180deg,rgba(9,24,17,.2),rgba(9,24,17,.86))}
.art-hero-mask .wrap{padding-top:70px;padding-bottom:34px}
.art-cat-kick{display:inline-block;font-size:12.5px;letter-spacing:1px;color:#7fd6a6;margin-bottom:12px}
.art-hero h1{color:#fff;font-size:30px;line-height:1.35;max-width:820px}
.art-hero p{color:#cfdad3;font-size:15px;margin-top:12px;max-width:720px}
.art-sec{padding:50px 0 84px;background:#f5f9f7}
.art-grid{display:grid;grid-template-columns:1fr 320px;gap:44px;align-items:start}
.art-main{background:#fff;border:1px solid #e6efe9;border-radius:16px;padding:38px 42px}
.art-body{color:#2f4a42;font-size:15.5px;line-height:1.9}
.art-body h3{color:#0f3a28;font-size:19px;margin:30px 0 12px;padding-left:13px;border-left:4px solid #239d54}
.art-body p{margin:14px 0}
.flash-err{background:#fdecec;color:#b42318;border:1px solid #f3c9c9;border-radius:10px;padding:11px 16px;margin-bottom:20px;font-size:14px}

/* 资料下载卡 */
.pdf-gate{margin-top:40px;border:1px solid #d9eae0;border-radius:16px;overflow:hidden;background:#fbfdfc}
.pg-head{display:flex;gap:16px;align-items:center;padding:22px 24px;background:linear-gradient(135deg,#f0f9f4,#e7f5ed);
 border-bottom:1px solid #dbeee3}
.pg-ic{flex:none;width:52px;height:52px;border-radius:13px;display:grid;place-items:center;font-size:14px;font-weight:700;
 color:#fff;background:linear-gradient(135deg,#c1541f,#e07b3c)}
.gate-style-none .pg-ic{background:linear-gradient(135deg,#1c8a4e,#35c06d)}
.pg-head h3{margin:0;font-size:17px;color:#123527}
.pg-meta{margin:5px 0 0;font-size:13px;color:#5b726a}
.pg-form{padding:22px 24px}
.pg-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.pg-row input{width:100%;padding:12px 15px;border:1px solid #d3e2d9;border-radius:10px;font-size:14px;background:#fff}
.pg-row input:focus{outline:none;border-color:#239d54;box-shadow:0 0 0 3px rgba(35,157,84,.12)}
.pg-btn{width:100%;padding:14px;font-size:15px;border:none;border-radius:11px;cursor:pointer;color:#fff;
 background:linear-gradient(135deg,#c1541f,#e07b3c)}
.gate-style-none .pg-btn{background:linear-gradient(135deg,#1c8a4e,#2db966)}
.gate-style-none .pg-form{padding:24px}

/* 相关阅读侧栏 */
.art-side{position:sticky;top:90px;background:#fff;border:1px solid #e6efe9;border-radius:16px;padding:24px}
.art-side h4{margin:0 0 16px;font-size:15px;color:#123527}
.rel-item{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #eef3f0;text-decoration:none}
.rel-item:last-of-type{border-bottom:none}
.rel-gate{flex:none;width:8px;height:8px;border-radius:50%;margin-top:7px;background:#8fd6b0}
.rel-gate.gate-deep{background:#e07b3c}
.rel-gate.gate-none{background:#2db966}
.rel-txt{font-size:13.5px;color:#2f4a42;line-height:1.55}
.rel-txt em{display:block;font-style:normal;font-size:11.5px;color:#93a59c;margin-top:4px}
.art-back{margin-top:18px;text-align:center}

/* ===== 会员：登录 / 注册 ===== */
.auth-wrap{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;
  padding:60px 20px;background:linear-gradient(160deg,#eef5f0,#f7faf8)}
.auth-card{width:100%;max-width:440px;background:#fff;border-radius:18px;padding:42px 40px;
  box-shadow:0 18px 50px rgba(20,60,40,.10);border:1px solid #e7efe9}
.auth-logo{font-weight:800;letter-spacing:3px;color:#1c8a4e;font-size:15px;margin-bottom:18px}
.auth-card h1{font-size:25px;color:#16332a;margin-bottom:8px}
.auth-sub{color:#7a8b82;font-size:14px;margin-bottom:24px}
.auth-msg{background:#fdecec;color:#c0392b;padding:10px 14px;border-radius:9px;font-size:13.5px;margin-bottom:16px}
.auth-form label{display:block;font-size:13px;color:#557063;margin:14px 0 6px;font-weight:600}
.auth-form input{width:100%;padding:12px 14px;border:1.5px solid #d8e3dc;border-radius:10px;
  font-size:14.5px;transition:.18s;box-sizing:border-box}
.auth-form input:focus{outline:none;border-color:#239d54;box-shadow:0 0 0 3px rgba(35,157,84,.12)}
.auth-row{display:flex;gap:12px}
.auth-row>div{flex:1}
.auth-btn{width:100%;margin-top:26px;padding:14px;border:0;border-radius:11px;cursor:pointer;
  background:linear-gradient(135deg,#1c8a4e,#2db966);color:#fff;font-size:15.5px;font-weight:700}
.auth-switch{text-align:center;margin-top:22px;color:#7a8b82;font-size:14px}
.auth-switch a{color:#1c8a4e;font-weight:700;text-decoration:none}

/* ===== 会员中心 ===== */
.mc-hero{background:linear-gradient(135deg,#102a20,#1c5238);color:#fff;padding:56px 0 48px}
.mc-kick{color:#7fd6a4;letter-spacing:3px;font-size:12px;font-weight:700}
.mc-hero h1{font-size:32px;margin:10px 0 6px}
.mc-hero p{color:#cdd9d1;font-size:15px}
.mc-body{padding:44px 0 80px}
.mc-grid{display:grid;grid-template-columns:260px 1fr;gap:30px;align-items:start}
.mc-side{background:#fff;border:1px solid #e7efe9;border-radius:16px;padding:28px 20px;text-align:center;
  position:sticky;top:24px}
.mc-avatar{width:72px;height:72px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;
  justify-content:center;font-size:30px;font-weight:800;color:#fff;background:linear-gradient(135deg,#1c8a4e,#2db966)}
.mc-name{font-size:17px;font-weight:700;color:#16332a}
.mc-company{color:#7a8b82;font-size:13.5px;margin-top:3px}
.mc-menu{list-style:none;margin:22px 0 14px;text-align:left}
.mc-menu li{padding:11px 14px;border-radius:9px;font-size:14.5px;color:#557063;cursor:pointer}
.mc-menu li.on{background:#eaf6ef;color:#1c8a4e;font-weight:600}
.mc-logout{display:block;padding:11px;border-radius:9px;background:#f3f6f4;color:#a04545;
  font-size:14px;text-decoration:none}
.mc-main{background:#fff;border:1px solid #e7efe9;border-radius:16px;padding:30px 32px}
.mc-main h2{font-size:19px;color:#16332a;margin-bottom:18px}
.mc-main h2 em{font-style:normal;background:#eaf6ef;color:#1c8a4e;border-radius:7px;
  padding:2px 9px;font-size:14px;margin-left:8px}
.mc-info{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#edf2ef;border-radius:11px;overflow:hidden}
.mc-info div{background:#fff;padding:14px 18px;display:flex;flex-direction:column;gap:4px}
.mc-info span{font-size:12px;color:#8a9a90}
.mc-info b{font-size:14.5px;color:#2c3f37;font-weight:600}
.mc-logs{display:flex;flex-direction:column;gap:10px}
.mc-log{display:flex;align-items:center;gap:14px;background:#f8fbf9;border:1px solid #e7efe9;
  border-radius:12px;padding:14px 16px;text-decoration:none;transition:.18s}
.mc-log:hover{border-color:#239d54;box-shadow:0 6px 18px rgba(35,157,84,.08)}
.ml-act{font-size:12.5px;font-weight:700;padding:5px 11px;border-radius:7px;flex-shrink:0}
.ml-act.view{background:#e7f3ec;color:#1c8a4e}
.ml-act.down{background:#fbeee3;color:#c1541f}
.ml-main{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.ml-main b{font-size:14.5px;color:#2c3f37}
.ml-main span{font-size:12.5px;color:#8a9a90}
.ml-go{color:#9bb3a6;font-size:18px}
.mc-empty{color:#7a8b82;font-size:14.5px;padding:14px 0}
.mc-empty a{color:#1c8a4e;font-weight:700}

/* ===== 文章详情：会员资料区 ===== */
.pdf-member{margin-top:34px;border:1.5px solid #dde8e1;border-radius:16px;padding:24px;background:#fbfdfc}
.pm-head{display:flex;gap:14px;align-items:center;margin-bottom:20px}
.pm-actions{display:flex;gap:14px}
.pm-btn{flex:1;text-align:center;padding:14px;border-radius:11px;font-size:15px;font-weight:700;
  text-decoration:none;display:block;box-sizing:border-box}
.pm-btn.view{background:linear-gradient(135deg,#1c8a4e,#2db966);color:#fff}
.pm-btn.down{background:linear-gradient(135deg,#c1541f,#e07b3c);color:#fff}
.pm-preview{position:relative;border-radius:12px;overflow:hidden}
.pm-pages{padding:18px 18px 0;background:#eef2f0}
.pm-pages img{display:block;width:100%;max-width:620px;margin:0 auto;border-radius:6px 6px 0 0;
  box-shadow:0 8px 24px rgba(20,50,35,.12);background:#fff}
.pm-lock{position:absolute;left:0;right:0;bottom:0;padding:40px 24px 24px;text-align:center;
  background:linear-gradient(180deg,rgba(16,38,28,.02),rgba(16,38,28,.95) 30%);color:#fff}
.lock-ic{font-size:30px}
.pm-lock h4{font-size:19px;margin:8px 0 5px}
.pm-lock p{color:#cdd9d1;font-size:13.5px;margin-bottom:16px}
.lock-btns{display:flex;gap:12px;max-width:340px;margin:0 auto}
.lock-btns .pm-btn{padding:12px}

@media (max-width:860px){
 .mc-grid{grid-template-columns:1fr}
 .mc-side{position:static}
 .mc-info{grid-template-columns:1fr}
 .pm-actions,.lock-btns{flex-direction:column}
 .pm-pages{padding:12px 12px 0}
 .auth-row{flex-direction:column;gap:0}
}
@media(max-width:900px){
 .learn-grid{grid-template-columns:repeat(2,1fr)}
 .art-grid{grid-template-columns:1fr}
 .art-side{position:static}
}
@media(max-width:600px){
 .learn-grid{grid-template-columns:1fr}
 .art-main{padding:26px 20px}
 .pg-row{grid-template-columns:1fr}
 .art-hero h1{font-size:23px}
}

/* 荣誉墙：紧凑缩略图，点击看高清原件 */
.certgrid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
.cert-card{flex:0 0 calc((100% - 80px)/6);margin:0;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;
  cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;outline:none}
.cert-card:hover,.cert-card:focus-visible{transform:translateY(-4px);box-shadow:0 12px 26px rgba(10,40,26,.16);border-color:#bcdcc9}
.cert-card .cert-img{aspect-ratio:3/4;background:#fff;display:flex;align-items:center;justify-content:center;padding:8px}
.cert-card .cert-img img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.cert-card figcaption{font-size:11.5px;line-height:1.3;color:#3a5449;text-align:center;padding:7px 5px;border-top:1px solid var(--line);
  background:#f7faf8;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.certbadges{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}
.cbadge{font-size:13.5px;color:#35544a;background:#eef5f0;border:1px solid #d6e6db;border-radius:999px;padding:8px 18px}
/* 放大查看 */
.cert-lightbox{position:fixed;inset:0;background:rgba(6,16,11,.86);display:none;align-items:center;justify-content:center;
  z-index:1000;padding:40px;backdrop-filter:blur(3px)}
.cert-lightbox.on{display:flex}
.cert-lightbox img{max-width:92vw;max-height:88vh;border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.5);background:#fff}
.cl-close{position:absolute;top:20px;right:28px;background:none;border:none;color:#fff;font-size:42px;
  line-height:1;cursor:pointer;opacity:.85}
.cl-close:hover{opacity:1}
@media(max-width:1024px){.certgrid{gap:14px}.cert-card{flex:0 0 calc((100% - 28px)/3)}}
@media(max-width:560px){.certgrid{gap:10px}.cert-card{flex:0 0 calc((100% - 20px)/3)}
  .cert-card figcaption{font-size:10.5px;padding:6px 3px}}
.crumbs{font-size:13px;color:#96a99e;margin-top:8px}

/* 详情 */
.detail{display:grid;grid-template-columns:300px 1fr;gap:44px;align-items:start}
.detail .dicon{width:100%;border-radius:22px;background:linear-gradient(135deg,#eff2f0,#eef2ef);padding:46px;position:sticky;top:104px}
.detail h1{font-size:29px;margin:6px 0 4px}.detail .code{color:var(--blue);font-weight:800;letter-spacing:1px}
.detail .dsum{color:var(--sub);font-size:16px;margin:16px 0 22px}
.featlist{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.featlist li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px 18px 15px 44px;position:relative;font-size:14.5px}
.featlist li::before{content:"✓";position:absolute;left:15px;top:15px;width:22px;height:22px;background:var(--green);color:#fff;border-radius:50%;display:grid;place-items:center;font-size:12px}

/* 时间线 */
.timeline{position:relative;max-width:820px;margin:0 auto;padding-left:34px}
.timeline::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:3px;background:linear-gradient(var(--green),var(--blue))}
.tl{position:relative;padding:0 0 30px 22px}
.tl::before{content:"";position:absolute;left:-32px;top:5px;width:17px;height:17px;border-radius:50%;background:#fff;border:4px solid var(--green)}
.tl .yr{font-size:21px;font-weight:900;color:var(--green2)}
.tl p{color:var(--sub);font-size:14.5px;margin-top:4px}

/* 新闻 */
.newsitem{display:flex;gap:24px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:16px}
.newsitem .nd{min-width:110px;text-align:center}
.newsitem .nd b{font-size:30px;color:var(--green2);display:block;line-height:1}
.newsitem .nd span{font-size:12.5px;color:#98a39d}
.newsitem h3{font-size:17px;margin-bottom:6px}.newsitem p{color:var(--sub);font-size:14px}

/* 关于 */
.stats4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:34px 18px;text-align:center}
.stat b{font-size:40px;background:linear-gradient(135deg,var(--green),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent;display:block}
.stat span{color:var(--sub);font-size:14px}
.mvv{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mvv .m{background:#fff;border-top:4px solid var(--green);border-radius:14px;padding:30px 26px;box-shadow:0 8px 24px rgba(29,67,47,.06)}
.mvv .m h3{color:var(--green2);margin-bottom:10px}.mvv .m p{color:var(--sub);font-size:14.5px}
.offmap{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.offmap .o{background:#fff;border:1px solid var(--line);border-radius:11px;padding:15px;font-size:14px;text-align:center;font-weight:600;color:#31493c}
.honorgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.honor-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 16px;font-size:14.5px;font-weight:600;color:#31493c;text-align:center;display:flex;align-items:center;justify-content:center;min-height:78px;box-shadow:0 6px 18px rgba(29,67,47,.05);transition:.25s}
.honor-item:hover{border-color:var(--green);color:var(--green2);transform:translateY(-3px);box-shadow:0 12px 26px rgba(35,157,84,.13)}

/* 联系 */
.contactgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px}
.cinfo .ci{display:flex;gap:16px;margin-bottom:24px}
.cinfo .ci .n{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#eff2f0,#eef2ef);display:grid;place-items:center;font-size:22px;flex-shrink:0}
.cinfo h4{font-size:16px}.cinfo p{color:var(--sub);font-size:14.5px}

/* 页脚 —— 对齐品牌官网：品牌绿实底 + 白字 */
footer{background:#239d54;color:rgba(255,255,255,.85);padding:56px 0 0;font-size:14px}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr 1fr;gap:30px;padding-bottom:36px}
footer h5{color:#fff;font-size:15px;margin-bottom:16px}
footer .fbrand img { height:72px;width:auto;background:none;padding:0;border-radius:0;margin-bottom:14px }
footer a{display:block;padding:5px 0;color:rgba(255,255,255,.85);cursor:pointer}
footer a:hover{color:#fff}
.copy{border-top:1px solid rgba(255,255,255,.22);padding:20px 0;text-align:center;font-size:12.5px;color:rgba(255,255,255,.72)}
.copy .beian{display:inline-flex;align-items:center;gap:4px;padding:0 6px;color:rgba(255,255,255,.85);vertical-align:middle}
.copy .beian:hover{color:#fff}
.copy .beian img{width:14px;height:auto}

/* 页脚二维码 */
.fq .qrbox{width:108px;height:108px;background:#fff;border-radius:10px;display:grid;place-items:center;overflow:hidden;position:relative}
.fq .qrbox img{width:100%;height:100%;object-fit:contain;display:block}
.fq .qrph{display:none;text-align:center;font-size:12px;line-height:1.5;color:#239d54;font-weight:700}
.fq .qrph small{font-weight:400;color:#9aa59f;font-size:10px}
.fq .qrbox.empty img{display:none}
.fq .qrbox.empty .qrph{display:block}
.fq .qrnote{font-size:11.5px;color:rgba(255,255,255,.72);margin-top:8px;line-height:1.5}

/* 感谢页 */
.thanks{text-align:center;padding:90px 0}
.thanks .ck{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#239d54,#1d8a48);color:#fff;display:grid;place-items:center;font-size:48px;margin:0 auto 24px}

/* 响应式 */
@media(max-width:1024px){
 .hero .wrap{grid-template-columns:1fr}.heroart{height:300px}
 .grid3,.grid4{grid-template-columns:repeat(2,1fr)}.stats4{grid-template-columns:repeat(2,1fr)}
 .mvv,.offmap{grid-template-columns:1fr}.ctaband,.detail,.contactgrid{grid-template-columns:1fr}
 .honorgrid{grid-template-columns:repeat(2,1fr)}
 .detail .dicon{position:static;max-width:300px}.featlist{grid-template-columns:1fr}.fgrid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
 .menu{position:fixed;top:76px;right:0;left:0;bottom:0;min-height:calc(100vh - 76px);overflow-y:auto;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:8px;box-shadow:0 16px 40px rgba(0,0,0,.14);display:none;z-index:99}
 .menu.open{display:flex}.menu a.it{padding:14px 18px;border-bottom:1px solid #f2f3f2;border-radius:0}
 .lang,.cta{margin:8px}.burger{display:block}
 .hero h1{font-size:29px}.hero .wrap{padding:52px 20px}.heroart{height:220px}.heroart .core{font-size:80px}
 section{padding:48px 0}.sec-h h2{font-size:25px}.pagehead h1{font-size:27px}
 .grid3,.grid4,.stats4{grid-template-columns:1fr}.fd.row2{grid-template-columns:1fr}.fgrid{grid-template-columns:1fr}
 .ctaband{padding:32px 22px}.trust{gap:18px}.newsitem{flex-direction:column;gap:10px}
 .fq{text-align:center}.fq .qrbox{margin:0 auto}.copy .beian{padding:2px 4px}
}

/* ================= 尖刀落地页 / 大Banner / 导航下拉 ================= */
/* 导航 Mega 下拉 */
.menu .has-drop{position:relative}
.menu .has-drop > a.it::after{content:"▾";font-size:10px;margin-left:5px;opacity:.7}
.mega{position:absolute;top:100%;left:0;min-width:300px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 22px 50px rgba(15,34,24,.16);padding:10px;display:none;grid-template-columns:1fr;gap:2px;z-index:200}
.mega .mg-group{font-size:12px;font-weight:800;color:var(--green2);letter-spacing:.5px;padding:10px 12px 4px}
.mega a{display:block;padding:8px 12px;border-radius:8px;font-size:14px;color:var(--ink);white-space:nowrap}
.mega a:hover{background:#f0f4f1;color:var(--green2)}
.mega a small{color:#98a39d;font-weight:400;margin-left:6px}
.menu .has-drop:hover .mega,.menu .has-drop:focus-within .mega{display:grid}

/* 全站统一大 Banner（高度规格对齐首页 hero：桌面660 / 平板560 / 手机自适应） */
.bigbanner{position:relative;min-height:660px;display:flex;align-items:center;color:#fff;overflow:hidden;background:linear-gradient(135deg,#0f2218 0%,#173726 48%,#224f37 100%)}
.bigbanner.has-img{background-size:cover;background-position:center}
.bigbanner::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,22,16,.92) 0%,rgba(10,22,16,.72) 38%,rgba(10,22,16,.28) 66%,rgba(10,22,16,.12) 100%)}
.bigbanner .wrap{position:relative;padding:96px 28px;width:100%}
.bigbanner .bk{font-size:13.5px;font-weight:600;color:var(--mint);letter-spacing:1px;margin-bottom:14px;text-transform:uppercase}
.bigbanner h1{font-size:42px;line-height:1.32;letter-spacing:.5px;max-width:720px;margin-bottom:16px}
.bigbanner .slogan{font-size:18px;color:#dae0dc;max-width:600px;margin-bottom:30px}
.bigbanner .heroact{margin-bottom:0}
.bigbanner .crumbs{position:absolute;left:0;top:0;right:0;padding:16px 0;font-size:13px;color:#b0c1b7}
.bigbanner .crumbs a{color:#b0c1b7}

/* 尖刀页分区标题 */
.lp-sec{padding:72px 0}
.lp-sec.alt{background:#f6f7f6}
.lp-kicker{display:inline-block;font-size:13px;font-weight:800;color:var(--green2);letter-spacing:1.5px;margin-bottom:10px}
.lp-h{font-size:30px;margin-bottom:14px}
.lp-lead{color:var(--sub);font-size:16px;max-width:760px;margin-bottom:42px}
/* 痛点卡片 */
.paingrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.paincard{background:#fff;border:1px solid var(--line);border-top:4px solid #e0653f;border-radius:16px;padding:30px 26px}
.paincard .pi{font-size:30px;margin-bottom:14px}
.paincard h3{font-size:18px;margin-bottom:10px}
.paincard p{color:var(--sub);font-size:14.5px;line-height:1.7}
/* 方案双栏 */
.solgrid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.solgrid .sbody{font-size:15.5px;line-height:1.9;color:#37463e}
.solgrid .sbody p{margin-bottom:16px}
.solvis{border-radius:20px;background:linear-gradient(135deg,#173726,#224f37);min-height:320px;display:grid;place-items:center;color:#d8e1db;font-size:15px;text-align:center;padding:30px;position:relative;overflow:hidden}
.solvis .bigcode{font-size:54px;font-weight:900;letter-spacing:2px;background:linear-gradient(135deg,#38df7b,#4ee289);-webkit-background-clip:text;background-clip:text;color:transparent}
/* 功能矩阵 */
.featmatrix{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.featcell{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}
.featcell .fi{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#eff2f0,#eef2ef);display:grid;place-items:center;font-size:22px;margin-bottom:14px}
.featcell h4{font-size:16.5px;margin-bottom:8px}
.featcell p{font-size:14px;color:var(--sub);line-height:1.65}
/* 企业价值数据条 */
.valueband{background:linear-gradient(135deg,#0f2218,#173726 55%,#224f37);color:#fff;border-radius:22px;padding:50px 46px;display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.valueband .vb b{font-size:34px;color:var(--mint);display:block;line-height:1.1;margin-bottom:8px}
.valueband .vb span{font-size:13.5px;color:#c2d0c8;line-height:1.5}
.valuepoints{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:34px}
.valuepoints li{list-style:none;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px 18px 50px;position:relative;font-size:15px}
.valuepoints li::before{content:"★";position:absolute;left:18px;top:18px;color:var(--green);font-size:16px}
/* 尖刀页结尾留资 */
.lpcta{background:linear-gradient(135deg,#173726,#224f37);color:#fff;border-radius:22px;padding:56px 48px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.lpcta h2{font-size:30px;margin-bottom:12px}
.lpcta p{color:#d5ddd8;font-size:15.5px;margin-bottom:0}
.lpcta .btn{padding:16px 30px;font-size:16px}
@media(max-width:1024px){
 .paingrid,.featmatrix{grid-template-columns:repeat(2,1fr)}
 .solgrid,.lpcta{grid-template-columns:1fr;gap:28px}
 .valueband{grid-template-columns:repeat(2,1fr)}
 .bigbanner h1{font-size:32px}.bigbanner{min-height:380px}
}
@media(max-width:680px){
 .mega{position:static;box-shadow:none;border:0;background:#f7f9f8;margin:4px 0}
 .paingrid,.featmatrix,.valueband,.valuepoints{grid-template-columns:1fr}
 .bigbanner h1{font-size:26px}.bigbanner .slogan{font-size:15px}
 /* 有实景图的详情页手机端：背景右移保住左侧留白 + 竖向强遮罩保证文字可读 */
 .bigbanner.has-img{background-position:70% center}
 .bigbanner.has-img::before{background:linear-gradient(180deg,rgba(9,21,15,.95) 0%,rgba(10,22,16,.88) 55%,rgba(10,24,17,.74) 100%)}
 .lp-sec{padding:52px 0}.lpcta{padding:36px 24px}.valueband{padding:34px 26px}
}

/* 介绍区实景主图 */
.introimg{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(10,22,16,.35);border:1px solid rgba(44,150,86,.28);aspect-ratio:16/10;background:#0e1b14}
.introimg img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.introimg::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(12,26,19,.18),transparent 55%);pointer-events:none}
.solvis:hover .introimg img{transform:scale(1.035)}

/* 功能线性SVG图标 */
.featcell .fi svg{width:24px;height:24px;color:#22a054}
.featcell .fi{font-size:0}
/* 痛点：实景方图 + 序号徽标 */
.painimg{position:relative;margin:-30px -26px 18px;border-radius:16px 16px 0 0;overflow:hidden;aspect-ratio:16/10;background:#0e1b14}
.painimg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.paincard:hover .painimg img{transform:scale(1.05)}
.painimg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,26,19,0) 40%,rgba(12,26,19,.55))}
.painnum{position:absolute;left:14px;top:12px;z-index:2;font-size:13px;font-weight:700;letter-spacing:1px;color:#e6ece8;background:rgba(16,34,24,.62);border:1px solid rgba(93,213,141,.4);padding:3px 9px;border-radius:20px;backdrop-filter:blur(4px)}
/* 无图时的精致序号 */
.paincard .pi{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#eff2f0,#eef2ef);display:grid;place-items:center;font-size:16px;font-weight:700;color:#22a054;margin-bottom:14px}
/* 恰好4个功能卡时：2×2居中，避免孤卡 */
.featmatrix:has(.featcell:nth-child(4):last-child){grid-template-columns:repeat(2,1fr);max-width:820px;margin-left:auto;margin-right:auto}
@media(max-width:640px){.featmatrix:has(.featcell:nth-child(4):last-child){grid-template-columns:1fr}}

/* 尖刀页内嵌预约表单 */
.lpcta-txt h2{color:#fff}
.lpcta-phone{font-size:20px!important;font-weight:700;color:#fff!important;margin:16px 0 6px!important}
.lpcta-assure{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:9px}
.lpcta-assure li{position:relative;padding-left:28px;color:#dee5e0;font-size:14.5px}
.lpcta-assure li::before{content:"✓";position:absolute;left:0;top:0;width:19px;height:19px;border-radius:50%;background:#2fbf69;color:#0c1d14;font-size:12px;font-weight:800;display:grid;place-items:center}
.lpcta-form{background:#fff;border-radius:16px;padding:26px 24px;box-shadow:0 24px 60px rgba(0,0,0,.32)}
.lpcta-form .fd{margin-bottom:12px}
.lpcta-form input,.lpcta-form textarea{width:100%;border:1px solid #dce0dd;border-radius:10px;padding:12px 13px;font-size:14.5px;font-family:inherit;background:#fbfcfb;transition:border-color .2s,box-shadow .2s}
.lpcta-form input:focus,.lpcta-form textarea:focus{outline:none;border-color:#2fbf69;box-shadow:0 0 0 3px rgba(47,191,105,.16);background:#fff}
.lpcta-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lpcta-form .priv{font-size:12px;color:#8f9b94}
@media(max-width:560px){.lpcta-form .row2{grid-template-columns:1fr;gap:0}}

/* 导航窄下拉（学习中心/关于我们） */
.menu .drop{position:absolute;top:100%;left:0;min-width:168px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 22px 50px rgba(15,34,24,.16);padding:8px;display:none;grid-template-columns:1fr;gap:1px;z-index:200}
.menu .drop a{display:block;padding:9px 12px;border-radius:8px;font-size:14px;color:var(--ink);white-space:nowrap}
.menu .drop a:hover{background:#f0f4f1;color:var(--green2)}
.menu .has-drop:hover .drop,.menu .has-drop:focus-within .drop{display:grid}
@media(max-width:680px){.menu .drop{position:static;box-shadow:none;border:0;background:#f7f9f8;margin:4px 0;min-width:0}}

/* mega 多列下拉（按组分列，一屏放得下20项） */
.mega.multi{display:none;grid-template-columns:repeat(3,minmax(190px,1fr));gap:6px 18px;align-items:start;min-width:720px;left:50%;transform:translateX(-38%)}
.mega.multi.multi2{grid-template-columns:repeat(2,minmax(210px,1fr));min-width:520px}
.mega.multi .mg-all{grid-column:1/-1;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:4px}
.mega.multi .mgcol{display:flex;flex-direction:column;gap:1px;min-width:0}
.mega.multi .mgcol a{white-space:normal;line-height:1.35}
@media(max-width:1180px){.mega.multi{min-width:600px}}
@media(max-width:680px){
 .mega.multi,.mega.multi.multi2{position:static;transform:none;left:auto;min-width:0;grid-template-columns:1fr;gap:2px}
 .mega.multi .mg-all{grid-column:auto}
}

/* mega 下拉：主名单行加粗 + 副标块级换行（对齐线上） */
.mega.multi .mgcol > a{display:block;padding:7px 12px}
.mega.multi .mgcol > a{font-size:14px;font-weight:700;color:#162b20;line-height:1.3}
.mega.multi .mgcol > a small{display:block;font-size:11px;font-weight:400;color:#949e98;margin-top:2px;line-height:1.35;white-space:normal}
.mega.multi .mg-group{padding:8px 12px 6px;font-size:13px}
.mega.multi{gap:4px 14px;min-width:760px}

/* ========== mega 通栏下拉（1:1复刻线上：左深绿分类块 + 右4列图标网格） ========== */
.mega.wide{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-46%);
  width:1000px;max-width:96vw;background:#fff;border:1px solid var(--line);border-radius:16px;
  box-shadow:0 26px 60px rgba(15,34,24,.18);padding:0;display:none;overflow:hidden;z-index:300}
.menu .has-drop:hover .mega.wide,.menu .has-drop:focus-within .mega.wide{display:block}
.mgrow{display:flex;align-items:stretch;border-bottom:1px solid #f0f1f0}
.mgrow:last-child{border-bottom:0}
.mglabel{flex:0 0 96px;width:96px;display:flex;align-items:center;justify-content:center;text-align:center;
  background:linear-gradient(160deg,#275b3f,#1c422e);color:#fff;font-weight:800;font-size:16px;letter-spacing:1px;
  padding:18px 8px;position:relative}
.mglabel:hover{background:linear-gradient(160deg,#2c6748,#214c35)}
.mgrow:not(:last-child) .mglabel::after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:1px;background:rgba(255,255,255,.22)}
.mgitems{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:10px}
.mgitem{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:11px;min-width:0}
.mgitem:hover{background:#f0f4f1}
.mgitem .mi{flex:0 0 27px;width:27px;height:27px;object-fit:contain}
.mgitem .mt{display:flex;flex-direction:column;min-width:0}
.mgitem .mt b{font-size:14px;font-weight:700;color:#162b20;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mgitem .mt small{font-size:11px;color:#949e98;font-weight:400;line-height:1.3;margin-top:2px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:1180px){.mega.wide{width:900px}.mgitem .mt small{font-size:10px}}
@media(max-width:680px){
 .mega.wide{position:static;transform:none;left:auto;width:auto;min-width:0;border-radius:10px;box-shadow:none}
 .mgrow{flex-direction:column}
 .mglabel{flex:none;width:auto;padding:11px 14px;justify-content:flex-start;font-size:14px}
 .mgrow:not(:last-child) .mglabel::after{display:none}
 .mgitems{grid-template-columns:repeat(2,1fr)}
}

/* 通栏下拉：覆盖旧 .mega a 基础样式，避免冲突 */
.mega.wide a{white-space:normal}
.menu .has-drop:hover .mega.wide .mgitem:hover{background:#f0f4f1}
.mega.wide .mgitem .mt small{white-space:normal}
.mega.wide .mglabel{white-space:nowrap}

/* 修复：分类块白字+上下居中（优先级需高于通用 .mega a） */
.mega.wide a.mglabel{display:flex!important;align-items:center;justify-content:center;
  color:#fff!important;text-align:center;line-height:1.25;padding:16px 8px}
.mega.wide a.mglabel:hover{color:#fff!important;background:linear-gradient(160deg,#2c6748,#214c35)}

/* ===== 首页 hero 定制数据地球（替代emoji） ===== */
.hero{background-image:
 linear-gradient(rgba(80,226,138,.045) 1px,transparent 1px),
 linear-gradient(90deg,rgba(80,226,138,.045) 1px,transparent 1px),
 linear-gradient(135deg,#0f2218 0%,#173726 48%,#224f37 100%);
 background-size:46px 46px,46px 46px,100% 100%}
.heroart{display:grid;place-items:center}
.globesvg{position:relative;z-index:2;width:min(420px,92%);height:auto;filter:drop-shadow(0 24px 50px rgba(0,0,0,.45))}
.heroart .o1{opacity:.16;filter:blur(40px)}
.heroart .o2{display:none}
.ringspin{transform-origin:200px 200px;transform-box:view-box;animation:spin 30s linear infinite}
.globesvg .sat{transform-origin:200px 200px;transform-box:view-box;animation:spin 11s linear infinite;filter:drop-shadow(0 0 6px rgba(80,226,138,.9))}
.kick svg{flex:0 0 auto}
@media(max-width:680px){.globesvg{width:min(260px,80%)}}

/* 案例卡 banner 图标（绿色SVG转纯白显示在深绿底上） */
.ccard .top .ctop-ic{width:52px;height:52px;object-fit:contain;filter:brightness(0) invert(1);opacity:.92}

/* 首页产品卡：渐变图标容器 + 线性SVG（替代低清位图） */
.pcard .pic{width:62px;height:62px;border-radius:16px;background:linear-gradient(135deg,#eff2f0,#eef2ef);
 display:grid;place-items:center;margin-bottom:16px;overflow:hidden}
.pcard .pic img{width:32px;height:32px;object-fit:contain}

/* 页脚联系方式 SVG 图标对齐 */
footer .fline{display:flex;align-items:flex-start;gap:8px;color:rgba(255,255,255,.88);font-size:13px;line-height:1.5}
footer .fline svg{flex:0 0 auto;width:15px;height:15px;margin-top:2px;color:#fff}

/* ===== 首页 hero 全幅实景banner（复用无水印成品图） ===== */
.hero{
 background:
  linear-gradient(90deg,rgba(11,24,17,.95) 0%,rgba(15,34,24,.83) 38%,rgba(19,43,30,.34) 64%,rgba(19,45,31,.55) 100%),
  url('/static/img/banner/smartcem_banner.jpg') right center/cover no-repeat,
  linear-gradient(135deg,#0f2218,#224f37)!important;
 min-height:600px;display:flex;align-items:center}
.hero .wrap{width:100%;padding-top:78px;padding-bottom:78px}
.hero::before{opacity:.55}
.heroart{display:none}
.hero h1{text-shadow:0 3px 22px rgba(0,0,0,.45)}
@media(max-width:680px){
 .hero{min-height:540px;background-position:64% center!important}
}

/* 聚合页：产品/方案分组标题（图标圆块+主副标） */
.cat-h{display:flex;align-items:center;gap:16px;margin:0 0 30px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.cat-h h2{font-size:25px;margin:0 0 4px;color:#173726}
.cat-h p{margin:0;color:var(--sub);font-size:14px}
.cat-ic{flex:0 0 auto;width:54px;height:54px;border-radius:15px;display:grid;place-items:center;
 background:linear-gradient(140deg,#2c6848,#2d6849);box-shadow:0 8px 18px rgba(30,70,49,.22)}
.cat-ic img{width:28px;height:28px;filter:brightness(0) invert(1)}
/* ESG单卡不拉伸，保持和多卡同宽 */
.grid3 > .pcard:only-child{grid-column:span 1}

/* 页脚品牌：英文副行小字 */
footer .fen{color:rgba(255,255,255,.72);font-size:11.5px;letter-spacing:.3px}

/* ===== 内页实景banner（与首页同级标准，产品页专用 .pagehero） ===== */
.pagehero{position:relative;color:#fff;padding:60px 0;min-height:660px;display:flex;align-items:center;overflow:hidden;
 background:
  linear-gradient(90deg,rgba(11,24,17,.96) 0%,rgba(15,34,24,.86) 44%,rgba(19,43,30,.42) 72%,rgba(19,45,31,.62) 100%),
  url('/static/img/banner/smartcem_banner.jpg') right center/cover no-repeat,
  linear-gradient(135deg,#0f2218,#224f37)}
 .pagehero .wrap { position:relative;z-index:2;max-width:1240px;width:100% }
.pagehero .crumbs{font-size:13px;color:#a7bcb0;margin-bottom:22px}
.pagehero .crumbs i{font-style:normal;margin:0 8px;opacity:.6}
.ph-kick{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--mint);
 background:rgba(36,219,109,.12);border:1px solid rgba(63,224,127,.35);padding:6px 15px;border-radius:20px;margin-bottom:20px}
.pagehero h1{font-size:42px;line-height:1.22;margin-bottom:16px;text-shadow:0 3px 22px rgba(0,0,0,.45)}
.pagehero p{color:#d6ddd8;font-size:16.5px;line-height:1.75;max-width:640px;margin-bottom:24px}
.ph-tags{display:flex;flex-wrap:wrap;gap:12px}
.ph-tags span{font-size:13.5px;font-weight:600;color:#f0f4f1;background:rgba(255,255,255,.08);
 border:1px solid rgba(80,226,138,.28);padding:8px 18px;border-radius:999px;backdrop-filter:blur(4px)}
@media(max-width:680px){
 .pagehero{padding:70px 0 52px;background-position:62% center!important}
 .pagehero h1{font-size:28px}.pagehero p{font-size:14.5px}
}

/* 内页banner slogan 防孤字断词 */
.pagehero h1 .nb{display:inline-block;white-space:nowrap}
.pagehero .ph-sub{word-break:normal;overflow-wrap:break-word;line-break:strict}

/* 各聚合页banner：一页一景（图文语义匹配，不用同一张图） */
.pagehero.ph-product{
 background:
  linear-gradient(90deg,rgba(11,25,18,.96) 0%,rgba(15,36,25,.85) 44%,rgba(19,43,30,.40) 72%,rgba(17,41,28,.60) 100%),
  url('/static/img/banner/page-products.jpg?v=20260914b') right center/cover no-repeat,
  linear-gradient(135deg,#10251a,#224f37)}
.pagehero.ph-solution{
 background:
  linear-gradient(90deg,rgba(10,24,17,.96) 0%,rgba(14,31,22,.85) 44%,rgba(16,38,26,.40) 72%,rgba(14,31,22,.60) 100%),
  url('/static/img/banner/page-solutions.jpg') right center/cover no-repeat,
  linear-gradient(135deg,#0d1d14,#1c402d)}

/* 服务聚合页banner：专家咨询场景（图未到前用同色渐变兜底，到位自动显示） */
.pagehero.ph-service{
 background:
  linear-gradient(90deg,rgba(11,25,18,.97) 0%,rgba(15,34,24,.88) 46%,rgba(18,42,29,.55) 74%,rgba(17,41,28,.72) 100%),
  url('/static/img/banner/page-services.jpg?v=20260914') right center/cover no-repeat,
  linear-gradient(135deg,#10251a,#224f37)}

/* ============================================================
   首页产品板块 · 碳数据驾驶舱（深色玻璃科技卡，仅 .prodeck 作用域）
   不影响产品列表页/landing 等共用 .pcard 的页面
   ============================================================ */
.prodeck{
 position:relative;overflow:hidden;
 padding:84px 0 72px;
 color:#e9f3ec;
 background:
  radial-gradient(1100px 460px at 10% -10%,rgba(56,223,123,.16),transparent 55%),
  radial-gradient(1000px 500px at 96% 4%,rgba(79,201,127,.14),transparent 55%),
  linear-gradient(160deg,#0e2218 0%,#12301f 52%,#0d1f15 100%);
 background-size:auto,auto,100% 100%;
 border-top:1px solid rgba(120,225,160,.14);
 border-bottom:1px solid rgba(120,225,160,.14);
}
/* 满宽色带四角科技标记（贴在内容区角上） */
.prodeck::before,.prodeck::after{content:"";position:absolute;width:30px;height:30px;border:2px solid rgba(79,201,127,.45);pointer-events:none;z-index:1}
.prodeck::before{top:22px;left:max(22px,calc(50% - 620px + 14px));border-right:0;border-bottom:0;border-top-left-radius:8px}
.prodeck::after{bottom:22px;right:max(22px,calc(50% - 620px + 14px));border-left:0;border-top:0;border-bottom-right-radius:8px}
.prodeck .wrap{position:relative;z-index:2}
.prodeck .sec-h{margin-bottom:34px}
.prodeck .sec-h .en{color:#57d68f;text-shadow:0 0 18px rgba(87,214,143,.5)}
.prodeck .sec-h h2{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.prodeck .sec-h p{color:#a9c3b3}

/* 全链路数据流连线：采集 → 核算 → 交易 → ESG */
.flowline{position:relative;display:flex;justify-content:center;align-items:center;gap:0;flex-wrap:wrap;margin:0 auto 44px;max-width:760px}
.flowline .node{position:relative;z-index:2;display:flex;align-items:center;gap:9px;padding:0 20px}
.flowline .node i{width:11px;height:11px;border-radius:50%;background:#239d54;border:2px solid #8af0b4;
 box-shadow:0 0 0 4px rgba(35,157,84,.18),0 0 14px rgba(87,214,143,.8);animation:nodePulse 2.6s ease-in-out infinite}
.flowline .node:nth-child(2) i{animation-delay:.35s}
.flowline .node:nth-child(3) i{animation-delay:.7s}
.flowline .node:nth-child(4) i{animation-delay:1.05s}
.flowline .node b{font-size:13.5px;font-weight:700;color:#dcebe1;letter-spacing:.5px;white-space:nowrap}
/* 节点间连接线（除最后一个） */
.flowline .node:not(:last-child)::after{content:"";position:absolute;top:50%;right:-26px;width:52px;height:2px;
 background:linear-gradient(90deg,rgba(87,214,143,.7),rgba(87,214,143,.15));transform:translateY(-50%)}
/* 流动光点 */
.flowline .runner{position:absolute;top:50%;left:14%;right:14%;height:2px;transform:translateY(-50%);overflow:hidden;pointer-events:none}
.flowline .runner::before{content:"";position:absolute;top:50%;left:0;width:64px;height:2px;transform:translateY(-50%);
 background:linear-gradient(90deg,transparent,#9ff5c4,transparent);filter:drop-shadow(0 0 6px #57d68f);
 animation:flowRun 3.2s linear infinite}
@keyframes flowRun{0%{left:-8%}100%{left:100%}}
@keyframes nodePulse{0%,100%{box-shadow:0 0 0 4px rgba(35,157,84,.18),0 0 12px rgba(87,214,143,.6)}50%{box-shadow:0 0 0 7px rgba(35,157,84,.10),0 0 20px rgba(87,214,143,.95)}}

/* 玻璃卡（覆盖共用 .pcard 的白底样式，仅在驾驶舱内） */
.prodeck .pcard{
 position:relative;overflow:hidden;color:#e9f3ec;text-decoration:none;
 background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.028));
 border:1px solid rgba(120,225,160,.16);border-radius:18px;padding:26px 24px 24px;
 backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 30px rgba(8,24,16,.32);
 transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
/* 顶部辉光线（hover 点亮） */
.prodeck .pcard::before{content:"";position:absolute;top:0;left:18%;right:18%;height:1px;
 background:linear-gradient(90deg,transparent,rgba(87,214,143,.9),transparent);opacity:0;transition:opacity .3s}
/* 扫光 */
.prodeck .pcard::after{content:"";position:absolute;top:-60%;left:-120%;width:60%;height:220%;
 background:linear-gradient(105deg,transparent,rgba(255,255,255,.10),transparent);transform:skewX(-18deg);
 transition:left .7s ease;pointer-events:none}
.prodeck .pcard:hover{transform:translateY(-8px);border-color:rgba(87,214,143,.55);
 box-shadow:0 26px 56px rgba(8,24,16,.5),0 0 0 1px rgba(87,214,143,.28),0 0 34px rgba(56,223,123,.22)}
.prodeck .pcard:hover::before{opacity:1}
.prodeck .pcard:hover::after{left:140%}
/* 右上角编号 */
.prodeck .pcard .idx{position:absolute;top:16px;right:18px;font-size:30px;font-weight:800;line-height:1;
 color:rgba(140,230,178,.20);font-family:"Consolas","SF Mono",monospace;letter-spacing:1px;transition:color .3s}
.prodeck .pcard:hover .idx{color:rgba(140,230,178,.42)}
/* 发光芯片图标核心 */
.prodeck .pcard .pic{width:60px;height:60px;border-radius:15px;margin-bottom:16px;display:grid;place-items:center;
 background:radial-gradient(circle at 32% 28%,rgba(87,214,143,.32),rgba(35,157,84,.14) 62%,rgba(20,60,38,.5));
 border:1px solid rgba(120,225,160,.34);box-shadow:0 0 0 4px rgba(35,157,84,.10),0 8px 20px rgba(10,30,20,.45),inset 0 1px 0 rgba(255,255,255,.12)}
.prodeck .pcard .pic img{width:30px;height:30px;object-fit:contain;filter:brightness(0) invert(1);
 opacity:.95;transition:transform .3s,filter .3s}
.prodeck .pcard:hover .pic{border-color:rgba(150,240,190,.7);box-shadow:0 0 0 5px rgba(35,157,84,.14),0 0 24px rgba(87,214,143,.45),inset 0 1px 0 rgba(255,255,255,.16)}
.prodeck .pcard:hover .pic img{transform:scale(1.12)}
.prodeck .pcard .code{font-size:11.5px;font-weight:800;letter-spacing:1.4px;color:#57d68f;
 text-transform:uppercase;text-shadow:0 0 12px rgba(87,214,143,.35)}
.prodeck .pcard h3{font-size:18.5px;margin:3px 0 9px;color:#fff}
.prodeck .pcard p{color:#a9c3b3;font-size:13.8px;flex:1}
.prodeck .pcard .more{margin-top:16px;color:#8fe7b3;font-weight:700;font-size:13.5px;display:inline-flex;align-items:center;transition:gap .25s,color .25s}
.prodeck .pcard .more::after{content:"";display:inline-block}
.prodeck .pcard:hover .more{color:#c6f8da}
/* 舱体按钮 */
.deck-cta{text-align:center;margin-top:42px}
.btn.deckbtn{background:linear-gradient(135deg,#239d54,#1d8a48);color:#fff;border:1px solid rgba(150,240,190,.4);
 box-shadow:0 14px 34px rgba(35,157,84,.32),inset 0 1px 0 rgba(255,255,255,.18)}
.btn.deckbtn:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(56,223,123,.42)}

/* 平板：节点间距收紧 */
@media(max-width:900px){
 .prodeck{padding:66px 0 58px}
 .flowline{gap:0}
}
/* 手机：只展示前 3 个平台，其余靠"查看全部" */
@media(max-width:680px){
 .prodeck{padding:56px 0 48px}
 .prodeck .grid3{grid-template-columns:1fr;gap:16px}
 .prodeck .pcard:nth-child(n+4){display:none}
 .flowline{max-width:100%;margin-bottom:36px}
 .flowline .node{padding:0 2px;gap:6px}
 .flowline .node i{width:9px;height:9px;border-width:1.5px}
 .flowline .node b{font-size:11.5px;letter-spacing:0}
 .flowline .node:not(:last-child)::after{width:14px;right:-9px}
 .flowline .runner{left:6%;right:6%}
}

/* ============================================================
   首页客户案例 · 龙头战绩墙（浅色亮场，克制留白，仅 .casewall 作用域）
   与产品深色驾驶舱形成"深→浅"呼吸；不影响案例列表页 .ccard
   ============================================================ */
.casewall{
 position:relative;overflow:hidden;padding:84px 0 72px;
 background:
  radial-gradient(880px 320px at 50% -12%,rgba(35,157,84,.07),transparent 62%),
  linear-gradient(rgba(35,157,84,.025) 1px,transparent 1px),
  linear-gradient(90deg,rgba(35,157,84,.025) 1px,transparent 1px),
  #ffffff;
 background-size:auto,42px 42px,42px 42px,auto;
 border-top:1px solid #eef3f0;
}
.casewall .sec-h{margin-bottom:26px}
.casewall .sec-h .en{color:var(--green2)}
/* 行业覆盖信任带 */
.kinds{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 46px;max-width:760px}
.kinds .kind{font-size:13px;font-weight:600;color:#1d8a48;background:rgba(35,157,84,.08);
 border:1px solid rgba(35,157,84,.18);padding:6px 16px;border-radius:20px;letter-spacing:.5px;
 transition:background .25s,border-color .25s}
.kinds .kind:hover{background:rgba(35,157,84,.14);border-color:rgba(35,157,84,.4)}
/* 战绩卡 */
.kgrid{gap:22px}
.kcard{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #e8efeb;
 border-radius:16px;padding:24px 22px 20px;overflow:hidden;
 box-shadow:0 2px 10px rgba(20,48,31,.03);
 transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.kcard::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;
 background:linear-gradient(90deg,#239d54,#57d68f);opacity:0;transition:opacity .3s}
.kcard:hover{transform:translateY(-6px);border-color:rgba(35,157,84,.38);
 box-shadow:0 20px 44px rgba(29,90,56,.12)}
.kcard:hover::before{opacity:1}
.kcard:hover .kclient{color:var(--green2)}
/* 头部：图标芯片 + 行业标签 */
.khead{display:flex;align-items:center;gap:11px;margin-bottom:16px}
.kcard .kic{flex:0 0 auto;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;
 background:linear-gradient(135deg,#f0f8f3,#e6f3eb);border:1px solid rgba(35,157,84,.2)}
.kcard .kic img{width:25px;height:25px;object-fit:contain}
.ktag{font-size:11.5px;font-weight:700;color:#1d8a48;background:rgba(35,157,84,.1);
 padding:4px 12px;border-radius:12px;letter-spacing:.5px;white-space:nowrap}
/* 客户名（主角）+ 平台名 */
.kclient{font-size:18px;font-weight:800;color:#16301f;line-height:1.38;letter-spacing:.2px;
 margin-bottom:3px;transition:color .25s;
 display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0}
.kproj{font-size:13px;font-weight:600;color:#7c8f84;line-height:1.4;margin-bottom:10px;
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ksum{font-size:13.3px;line-height:1.65;color:var(--sub);flex:1;margin-bottom:16px;
 display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* 底部实战成果条 */
.kres{display:flex;align-items:flex-start;gap:9px;margin-top:auto;padding:11px 13px;
 background:rgba(35,157,84,.075);border:1px solid rgba(35,157,84,.12);border-radius:10px;
 font-size:12.8px;line-height:1.55;font-weight:600;color:#246041}
.kres .kck{flex:0 0 auto;width:18px;height:18px;border-radius:50%;background:var(--green);color:#fff;
 display:grid;place-items:center;font-size:10.5px;font-weight:800;margin-top:1px}
/* 查看全部按钮 */
.btn.kwallbtn{border:1.5px solid var(--green2);color:var(--green2);background:#fff;
 padding:13px 34px;transition:.25s}
.btn.kwallbtn:hover{background:var(--green);border-color:var(--green);color:#fff;transform:translateY(-2px);
 box-shadow:0 14px 30px rgba(35,157,84,.3)}
/* 平板 2 列 */
@media(max-width:900px){
 .casewall{padding:66px 0 58px}
 .kgrid{grid-template-columns:repeat(2,1fr)}
}
/* 手机 1 列 */
@media(max-width:680px){
 .casewall{padding:56px 0 48px}
 .kgrid{grid-template-columns:1fr;gap:16px}
 .kinds{margin-bottom:34px;gap:8px}
 .kinds .kind{font-size:12px;padding:5px 13px}
}

/* ============================================================
   2026-09-17 首页三板块升级（仅作用于首页新类名，不影响列表页/其他页）
   ① 客户案例 logo选项卡+实景切换 ② 客户伙伴 六边形科技logo墙 ③ 荣誉资质 深色证照墙
   ============================================================ */

/* ① 客户案例 · logo 选项卡 */
.ctabs{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:0 auto 26px;max-width:1120px}
.ctab{position:relative;flex:1 1 0;min-width:108px;max-width:172px;height:86px;padding:0 14px;
 background:#fff;border:1.5px solid #e4efe8;border-radius:15px;display:grid;place-items:center;cursor:pointer;
 transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s,box-shadow .28s,background .28s}
.ctab img{max-width:100%;max-height:44px;width:auto;height:auto;object-fit:contain;
 transition:filter .3s,opacity .3s,transform .3s}
.ctab:hover{transform:translateY(-4px);border-color:rgba(35,157,84,.5);box-shadow:0 14px 28px rgba(29,90,56,.12)}
.ctab:hover img{transform:scale(1.04)}
.ctab.on{border-color:#239d54;background:linear-gradient(180deg,#ffffff,#f0faf4);
 box-shadow:0 16px 32px rgba(35,157,84,.2),inset 0 0 0 1px rgba(35,157,84,.22)}
.ctab.on img{transform:scale(1.03)}
.ctab.on::after{content:"";position:absolute;left:50%;bottom:-10px;z-index:3;width:16px;height:16px;
 background:#239d54;transform:translateX(-50%) rotate(45deg);border-radius:3px;
 box-shadow:3px 3px 8px rgba(35,157,84,.18)}

/* 案例面板 */
.cpanels{position:relative;margin-top:8px}
.cpanel{display:none;grid-template-columns:1.06fr .94fr;background:#fff;
 border:1px solid #e8f0eb;border-radius:22px;overflow:hidden;
 box-shadow:0 28px 70px rgba(20,48,31,.12)}
.cpanel.on{display:grid;animation:cpIn .55s cubic-bezier(.2,.7,.2,1)}
@keyframes cpIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.cmedia{position:relative;min-height:400px;background:#0d2418;overflow:hidden}
.cmedia img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cmedia::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,20,13,.18) 0%,transparent 30%,transparent 70%,rgba(8,20,13,.28) 100%)}
.cind{position:absolute;z-index:3;left:18px;top:18px;font-size:12px;font-weight:700;letter-spacing:1.4px;color:#eafff2;
 background:rgba(13,38,25,.58);border:1px solid rgba(125,245,176,.45);backdrop-filter:blur(6px);
 padding:6px 15px;border-radius:20px}
.cbody{padding:42px 46px;display:flex;flex-direction:column;justify-content:center}
.ckicker{font-size:11.5px;font-weight:800;letter-spacing:2.6px;color:#1d8a48;margin-bottom:15px}
.cbody h3{font-size:27px;font-weight:800;color:#13291c;line-height:1.38;margin-bottom:7px}
.cproj{font-size:15px;font-weight:700;color:#2f9e5d;margin-bottom:17px}
.cbody p{font-size:14.5px;line-height:1.9;color:#56675c;margin-bottom:24px}
.cres{display:flex;align-items:flex-start;gap:11px;padding:16px 19px;border-radius:13px;
 background:linear-gradient(135deg,#f0faf4,#e7f6ed);border:1px solid rgba(35,157,84,.2);
 font-size:13.5px;line-height:1.65;font-weight:600;color:#225c3d}
.cres .kck{flex:0 0 auto;width:19px;height:19px;border-radius:50%;background:var(--green);color:#fff;
 display:grid;place-items:center;font-size:11px;font-weight:800;margin-top:1px}
.case-dots{display:flex;justify-content:center;gap:9px;margin-top:26px}
.cdot{width:9px;height:9px;padding:0;border:none;border-radius:50%;background:#c8d9cf;cursor:pointer;transition:.28s}
.cdot.on{width:28px;border-radius:6px;background:linear-gradient(90deg,#239d54,#57d68f)}
/* 无官网实景图的案例：科技占位面板（不放来源不明的图，抽象呈现） */
.cmedia-ph{display:grid;place-items:center;
 background:radial-gradient(circle at 50% 40%,rgba(87,214,143,.25),transparent 62%),
 linear-gradient(160deg,#10301f,#123b28 55%,#0b2216)}
.ph-grid{position:absolute;inset:0;
 background-image:linear-gradient(rgba(87,214,143,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(87,214,143,.09) 1px,transparent 1px);
 background-size:42px 42px;
 -webkit-mask-image:radial-gradient(ellipse 75% 75% at 50% 45%,#000 25%,transparent 78%);
 mask-image:radial-gradient(ellipse 75% 75% at 50% 45%,#000 25%,transparent 78%)}
.ph-glow{position:absolute;width:300px;height:300px;border-radius:50%;
 background:radial-gradient(circle,rgba(87,214,143,.28),transparent 65%);
 animation:phPulse 3.4s ease-in-out infinite}
@keyframes phPulse{0%,100%{transform:scale(.9);opacity:.7}50%{transform:scale(1.12);opacity:1}}
.ph-core{position:relative;z-index:2;text-align:center;color:#dff7e8}
.ph-core svg{width:64px;height:64px;margin:0 auto 18px;color:#7df5b0;
 filter:drop-shadow(0 0 16px rgba(125,245,176,.55))}
.ph-name{display:block;font-size:24px;font-weight:800;letter-spacing:1px;color:#f2fff7}
.ph-sub{display:block;margin-top:9px;font-size:12.5px;letter-spacing:2.4px;color:rgba(214,245,226,.72);text-transform:uppercase}

/* ② 客户伙伴 · 深色科技六边形 logo 墙 */
.pwall{position:relative;overflow:hidden;padding:92px 0 86px;color:#eafaf0;
 background:linear-gradient(180deg,#0c2417 0%,#0e2e1f 46%,#0b2216 100%)}
.pwall::before{content:"";position:absolute;inset:0;background-image:none}
.pw-bg{position:absolute;inset:0;pointer-events:none}
.pw-runner{position:absolute;left:-5%;right:-5%;height:1px;
 background:linear-gradient(90deg,transparent,rgba(87,214,143,.5),transparent)}
.pw-runner.r1{top:24%}.pw-runner.r2{top:54%}.pw-runner.r3{top:83%}
.pw-runner::before{content:"";position:absolute;top:-1px;left:0;width:150px;height:3px;
 background:linear-gradient(90deg,transparent,#6fffb0,transparent);
 animation:pwRun 7s linear infinite}
.pw-runner.r2::before{animation-delay:-2.4s;animation-duration:8s}
.pw-runner.r3::before{animation-delay:-4.6s;animation-duration:6.4s}
@keyframes pwRun{0%{transform:translateX(-160px)}100%{transform:translateX(108vw)}}
.pw-h{position:relative;text-align:center;max-width:760px;margin:0 auto}
.pw-h .en{color:var(--mint)}
.pw-h h2{color:#fff}
.pw-h p{color:rgba(220,242,228,.74)}
.pw-grid{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:46px;overflow:hidden;padding:4px}
.pw-grid::after{content:"";position:absolute;top:-45%;bottom:-45%;width:140px;left:-240px;z-index:4;pointer-events:none;
 background:linear-gradient(90deg,transparent,rgba(150,255,196,.16),transparent);
 transform:skewX(-18deg);animation:pwSheen 9.5s ease-in-out infinite}
@keyframes pwSheen{0%,55%{left:-240px}100%{left:115%}}
.pw-cell{position:relative;z-index:2;min-width:0;aspect-ratio:1.5/1;display:grid;place-items:center;padding:15px 18px;
 clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
 background:linear-gradient(155deg,#ffffff,#eef5f1);
 transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s,box-shadow .35s;
 opacity:0;animation:pwIn .7s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--d)}
@keyframes pwIn{from{opacity:0;transform:translateY(20px) scale(.92)}to{opacity:1;transform:none}}
.pw-cell img{max-width:100%;max-height:100%;object-fit:contain;
 transition:filter .32s,opacity .32s,transform .32s}
.pw-cell:hover{transform:translateY(-7px) scale(1.06);z-index:5;
 background:linear-gradient(155deg,#ffffff,#dff6e9)}
.pw-cell:hover img{transform:scale(1.05)}
@media(max-width:1100px){.pw-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.pwall{padding:64px 0 60px}.pw-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:32px}.pw-cell{padding:11px 13px}}
@media(max-width:430px){.pw-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* ③ 荣誉资质 · 深色科技证照墙（底部渐变融入 footer 品牌绿） */
.honwall{position:relative;overflow:hidden;color:#eafaf0;padding:100px 0 0;
 background:linear-gradient(180deg,#0c2417 0%,#0d2a1c 55%,#103a27 100%)}
.honwall::before{content:"";position:absolute;inset:0;background-image:none}
/* 留资区承接荣誉墙深色场：顶部同色无缝，末尾抬到品牌绿贴 footer */
.leadsec{position:relative;color:#eafaf0;padding-bottom:88px;
 background:linear-gradient(180deg,#103a27 0%,#12442e 38%,#1a5f3f 70%,#239d54 100%)}
.leadsec .ctaband{border:1px solid rgba(120,225,160,.18);
 box-shadow:0 30px 80px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05)}
.hw-glow{position:absolute;top:-180px;left:50%;transform:translateX(-50%);width:920px;max-width:130vw;height:460px;
 background:radial-gradient(closest-side,rgba(125,245,176,.2),transparent);pointer-events:none}
.hw-h{position:relative;text-align:center;max-width:780px;margin:0 auto}
.hw-h .en{color:var(--mint)}.hw-h h2{color:#fff}.hw-h p{color:rgba(224,246,233,.8)}
.hw-grid{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;margin:48px 0 0;padding-bottom:96px}
.hw-card{position:relative;text-align:left;padding:14px 14px 13px;border-radius:16px;cursor:pointer;color:inherit;
 background:linear-gradient(165deg,rgba(255,255,255,.11),rgba(255,255,255,.03));
 border:1px solid rgba(150,240,190,.22);backdrop-filter:blur(6px);overflow:hidden;
 transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s;
 opacity:0;animation:hwIn .7s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--d)}
@keyframes hwIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.hw-card::before{content:"";position:absolute;left:16px;right:16px;top:0;height:2px;
 background:linear-gradient(90deg,transparent,#7df5b0,transparent);
 transform:scaleX(.35);opacity:.55;transition:transform .45s,opacity .45s}
.hw-card:hover{transform:translateY(-9px);border-color:rgba(125,245,176,.62);
 box-shadow:0 28px 64px rgba(0,0,0,.42),0 0 40px rgba(87,214,143,.28)}
.hw-card:hover::before{transform:scaleX(1);opacity:1}
.hw-frame{position:relative;display:block;aspect-ratio:4/3.1;padding:0;border-radius:11px;overflow:hidden;
 background:linear-gradient(160deg,#ffffff,#f1f8f5);
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.75),0 10px 22px rgba(0,0,0,.3)}
.hw-frame img{position:absolute;top:15px;left:15px;width:calc(100% - 30px);height:calc(100% - 30px);object-fit:contain;border-radius:5px;display:block}
.hw-name{display:block;margin-top:12px;font-size:13px;font-weight:700;line-height:1.42;color:#eafff2;
 min-height:37px;letter-spacing:.2px}
.hw-zoom{position:absolute;top:11px;right:11px;width:31px;height:31px;border-radius:50%;
 display:grid;place-items:center;background:rgba(10,30,19,.66);color:#c9f7db;
 border:1px solid rgba(125,245,176,.45);opacity:0;transform:scale(.7);transition:.3s}
.hw-card:hover .hw-zoom{opacity:1;transform:scale(1)}
.hw-zoom svg{width:15px;height:15px}
.hw-lb{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;
 padding:5vh 6vw;background:rgba(5,16,10,.87);backdrop-filter:blur(8px)}
.hw-lb.on{display:flex;animation:lbIn .25s ease}
@keyframes lbIn{from{opacity:0}to{opacity:1}}
.hw-lb img{max-width:min(880px,92vw);max-height:88vh;background:#fff;padding:20px;border-radius:14px;
 box-shadow:0 42px 120px rgba(0,0,0,.62),0 0 0 1px rgba(125,245,176,.32)}
.hw-lb-x{position:absolute;top:24px;right:30px;width:46px;height:46px;border-radius:50%;
 border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.09);color:#fff;
 font-size:25px;line-height:1;cursor:pointer}
@media(max-width:1100px){.hw-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}
@media(max-width:700px){
 .honwall{padding:68px 0 0}.hw-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px;padding-bottom:64px}
 .hw-card{padding:10px 10px 11px;border-radius:13px}
 .hw-name{font-size:11.5px;min-height:32px;margin-top:9px}
 .hw-frame{aspect-ratio:4/3.4;padding:6px}
}
@media(max-width:430px){.hw-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}}

/* 案例区平板/手机 */
@media(max-width:980px){
 .ctab{min-width:110px;max-width:none;height:74px;padding:0 12px;flex-basis:calc(25% - 12px)}
 .ctab img{max-height:34px}
 .cpanel.on{grid-template-columns:1fr}
 .cmedia{min-height:260px}
 .cbody{padding:32px 28px}
 .cbody h3{font-size:23px}
}
@media(max-width:680px){
 .ctabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;gap:10px;
 padding-bottom:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .ctabs::-webkit-scrollbar{display:none}
 .ctab{flex:0 0 132px;height:64px;min-width:0}
 .ctab.on::after{bottom:-9px;width:13px;height:13px}
 .cmedia{min-height:212px}
 .cbody{padding:27px 20px}
 .cbody h3{font-size:20px}
 .cbody p{font-size:13.5px;line-height:1.8}
 .ph-core svg{width:50px;height:50px;margin-bottom:12px}
 .ph-name{font-size:19px}
}

/* ===================== 加入我们 / 招聘（2026-09-18） ===================== */
.pagehero.ph-careers{
 background:
  linear-gradient(90deg,rgba(10,28,20,.95) 0%,rgba(13,38,27,.82) 46%,rgba(16,46,32,.35) 78%,rgba(13,36,25,.55) 100%),
  url('/static/img/banner/page-products.jpg?v=20260914b') right center/cover no-repeat,
  linear-gradient(135deg,#0f2a1d,#1f5138)}
.jp-hero{padding-bottom:74px}
.careers-sec{padding:64px 0 90px;background:#fff}
/* 职位卡 */
.joblist{display:grid;gap:16px;margin:18px 0 46px}
.jobcard{display:flex;align-items:center;justify-content:space-between;gap:20px;
 padding:24px 28px;border:1px solid #e4efe9;border-radius:16px;background:#fff;
 box-shadow:0 8px 24px rgba(20,70,45,.06);text-decoration:none;color:inherit;
 transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s}
.jobcard:hover{transform:translateY(-4px);border-color:rgba(35,157,84,.5);
 box-shadow:0 18px 40px rgba(20,90,55,.14)}
.jobcard h3{font-size:19px;margin:0 0 12px;color:#10312c}
.jc-tags{display:flex;flex-wrap:wrap;gap:9px}
.jtag{display:inline-flex;align-items:center;gap:5px;font-size:13px;padding:5px 13px;border-radius:20px;
 background:#eef7f2;color:#2c6b49;border:1px solid #d7ecdf}
.jtag.loc{background:#eef4ff;color:#2b5596;border-color:#d7e5fb}
.jtag.sal{background:linear-gradient(135deg,#e9fff2,#dcf7e7);color:#15803d;border-color:#bfeccf;font-weight:700}
.jc-go{flex:0 0 auto;color:#239d54;font-weight:700;font-size:14px;white-space:nowrap}
.jc-go i{font-style:normal;transition:transform .28s;display:inline-block}
.jobcard:hover .jc-go i{transform:translateX(5px)}
.jobs-empty{text-align:center;padding:70px 20px;color:#5c7169}
.jobs-empty h3{font-size:23px;color:#10312c;margin-bottom:12px}
.je-mail{margin-top:14px;font-size:17px;color:#239d54;font-weight:700}
/* 职位详情 */
.jp-sec{padding:56px 0 90px;background:#fff}
.jp-grid{display:grid;grid-template-columns:1fr 360px;gap:42px;align-items:start}
.jp-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.jp-meta .jtag{background:rgba(255,255,255,.14);color:#eafff2;border-color:rgba(255,255,255,.28)}
.jp-meta .jtag.sal{background:rgba(35,157,84,.35);color:#d8ffe9;border-color:rgba(125,245,176,.5)}
.jp-h{font-size:21px;color:#0f3a28;margin:34px 0 16px;padding-left:14px;border-left:4px solid #239d54}
.jp-list{list-style:none;margin:0;padding:0}
.jp-list li{position:relative;padding:9px 0 9px 30px;line-height:1.8;color:#33504a;font-size:15px;border-bottom:1px dashed #edf2ef}
.jp-list li::before{content:"";position:absolute;left:4px;top:18px;width:9px;height:9px;border-radius:50%;
 background:radial-gradient(circle at 35% 30%,#57d68f,#1c8a4e)}
.jp-list.req li::before{border-radius:2px;background:#239d54}
/* Word式富文本（wangeditor 生成的标准列表/段落） */
.jp-richtext{color:#33504a;font-size:15px;line-height:1.8}
.jp-richtext ul,.jp-richtext ol{list-style:none;margin:4px 0;padding:0}
.jp-richtext li{position:relative;padding:9px 0 9px 30px;border-bottom:1px dashed #edf2ef;line-height:1.8}
.jp-richtext li:last-child{border-bottom:none}
.jp-richtext ul li::before{content:"";position:absolute;left:4px;top:18px;width:9px;height:9px;border-radius:50%;
 background:radial-gradient(circle at 35% 30%,#57d68f,#1c8a4e)}
.jp-richtext.req ul li::before{border-radius:2px;background:#239d54}
.jp-richtext ol{counter-reset:jp}
.jp-richtext ol li::before{counter-increment:jp;content:counter(jp);position:absolute;left:2px;top:10px;
 width:18px;height:18px;line-height:18px;text-align:center;font-size:11.5px;color:#fff;background:#239d54;border-radius:50%}
.jp-richtext p{margin:8px 0}
.jp-richtext img{max-width:100%;height:auto;border-radius:8px}
.jp-richtext h1,.jp-richtext h2,.jp-richtext h3{color:#0f3a28;margin:14px 0 8px}
.jp-ben{display:flex;flex-wrap:wrap;gap:11px}
.jp-ben span{padding:9px 17px;border-radius:11px;background:linear-gradient(135deg,#f0fbf5,#e4f6ec);
 border:1px solid #d3efde;color:#1c7a47;font-size:14px;font-weight:600}
.jp-back{margin-top:38px}
.jp-back a{color:#239d54;font-weight:700;text-decoration:none}
/* 投递卡 */
.jp-side{position:sticky;top:92px}
.apply-card{border:1px solid #e0ece5;border-radius:18px;padding:26px 24px;background:#fff;
 box-shadow:0 16px 44px rgba(20,70,45,.1)}
.apply-card h3{font-size:19px;color:#0f3a28;margin:0 0 8px}
.ac-tip{font-size:13px;color:#7c8f88;margin:0 0 18px;line-height:1.6}
.applyform .fd{margin-bottom:14px}
.applyform input,.applyform textarea{width:100%;padding:12px 14px;border:1px solid #d6e2db;border-radius:10px;
 font-size:14px;font-family:inherit;box-sizing:border-box;background:#fbfdfc}
.applyform input:focus,.applyform textarea:focus{outline:none;border-color:#239d54;background:#fff;
 box-shadow:0 0 0 3px rgba(35,157,84,.12)}
.applyform .btn{width:100%;padding:13px;font-size:15px}
.applyform .priv{font-size:11.5px;color:#9aa8a2;text-align:center;margin-top:10px}
.file-fd{position:relative}
.file-btn{display:block;text-align:center;padding:12px;border:1.5px dashed #9ed6b5;border-radius:10px;
 color:#1c7a47;background:#f3fbf6;font-size:14px;cursor:pointer;transition:.2s}
.file-btn:hover{background:#e9f9f0;border-color:#239d54}
.file-fd input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.file-name{display:block;margin-top:7px;font-size:12.5px;color:#2c6b49;text-align:center;word-break:break-all}
/* 已关闭岗位占位 */
.closed-card{text-align:center;padding:40px 26px}
.cc-seal{display:inline-block;font-size:24px;font-weight:800;letter-spacing:6px;color:#1c7a47;
 border:2px solid #239d54;border-radius:12px;padding:14px 22px 14px 28px;margin-bottom:20px;
 background:linear-gradient(135deg,#f2fcf6,#e6f8ee)}
.cc-line{font-size:16px;color:#25503f;margin:0 0 8px;font-weight:600}
.cc-sub{font-size:13.5px;color:#8aa097;margin:0 0 22px}
/* footer 加入我们链接 */
.f-careers{display:inline-block;margin-top:12px;color:#d8f7e4!important;font-weight:700;font-size:14px;text-decoration:none}
.f-careers:hover{color:#fff!important}
@media(max-width:980px){.jp-grid{grid-template-columns:1fr}.jp-side{position:static;order:-1}}
@media(max-width:700px){
 .jobcard{flex-direction:column;align-items:flex-start;gap:14px;padding:20px}
 .careers-sec{padding:44px 0 64px}.jp-sec{padding:38px 0 64px}
 .jobcard h3{font-size:17px}.apply-card{padding:22px 18px}
}

/* 招聘投递成功页 */
.apply-thanks{max-width:640px;margin:0 auto}
.at-quote{font-size:18px;color:#1c7a47;font-weight:700;letter-spacing:1px;margin:0 0 18px}
.at-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
@media(max-width:560px){.at-actions .btn{width:100%}}

/* ========== 首页 Hero 多图轮播 + 主题色跟随（2026-09-18） ========== */
:root{--hero-accent:#16352a;--pd-a:#16352a;--pd-b:#0e281c;--pd-glow:rgba(56,223,123,.16)}
/* 背景轮播层 */
.hero.hero-bands{background:#0c1a13;min-height:660px;display:flex;align-items:center}
.hero.hero-bands .wrap{width:100%}
.hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;
 opacity:0;transform:scale(1.035);transition:opacity 1.2s ease,transform 8s ease;will-change:opacity}
.hero-slide.on{opacity:1;transform:scale(1)}
/* 左侧文字可读遮罩：只压暗左侧，右侧画面放出来保持清晰透亮 */
.hero-veil{position:absolute;inset:0;
 background:linear-gradient(90deg,rgba(8,18,13,.92) 0%,rgba(10,24,17,.68) 32%,rgba(11,26,19,.16) 60%,rgba(10,22,16,.26) 100%)}
/* 底边渐隐到当前主题色，与下方 prodeck 顶边无缝 */
.hero-fade{position:absolute;left:0;right:0;bottom:0;height:96px;pointer-events:none;
 background:linear-gradient(180deg,rgba(0,0,0,0) 0%,var(--hero-accent) 100%)}
.hero.hero-bands .wrap{position:relative;z-index:2}
/* 指示点 */
.hero-dots{position:absolute;z-index:3;right:40px;bottom:26px;display:flex;gap:10px}
.hdot{width:26px;height:5px;border-radius:3px;border:none;padding:0;cursor:pointer;
 background:rgba(255,255,255,.28);transition:background .3s,width .3s}
.hdot.on{background:#54e08b;width:40px}
@media(max-width:1024px){.hero.hero-bands{min-height:560px}}
@media(max-width:680px){.hero-bands{min-height:auto}.hero-dots{right:20px;bottom:18px}.hdot{width:18px;height:4px}.hdot.on{width:28px}}
/* prodeck 承接主题色（仅首页有轮播时生效）：banner色流入→品牌深绿收尾，过渡由 JS 插值驱动 */
.hero-bands + .prodeck{
 background:
  radial-gradient(1100px 460px at 10% -10%,var(--pd-glow),transparent 55%),
  radial-gradient(1000px 500px at 96% 4%,rgba(79,201,127,.12),transparent 55%),
  linear-gradient(180deg,var(--pd-a) 0%,var(--pd-b) 78%,#0c2117 100%) !important;
 transition:background .2s linear}

/* ===== 内页 banner 高度规格统一（对齐首页 2026-09-18） ===== */
@media(max-width:1024px){.bigbanner,.pagehero{min-height:560px}}
@media(max-width:680px){
 .bigbanner,.pagehero{min-height:0}
 .bigbanner .wrap{padding:72px 20px 56px}
}
/* 详情页右栏无产品图时的精致占位视觉（替代原来的深绿块+重复简介） */
.solvis-ph{position:relative;aspect-ratio:4/3;border-radius:22px;overflow:hidden;
 display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;
 background:linear-gradient(150deg,#11301f 0%,#0c2418 60%,#0a1d14 100%);
 border:1px solid rgba(83,224,143,.18);box-shadow:0 30px 60px -30px rgba(10,30,20,.55)}
.solvis-ph::before{content:"";position:absolute;inset:0;
 background:radial-gradient(420px 240px at 78% 12%,rgba(74,226,142,.20),transparent 60%),
            radial-gradient(360px 300px at 12% 92%,rgba(56,180,150,.16),transparent 60%)}
.svp-ring{position:absolute;width:190px;height:190px;border-radius:50%;
 border:1.5px dashed rgba(120,235,168,.32);animation:svspin 26s linear infinite}
.svp-ring::after{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;border-radius:50%;
 background:#54e08b;box-shadow:0 0 12px #54e08b}
@keyframes svspin{to{transform:rotate(360deg)}}
.solvis-ph .bigcode{position:relative;z-index:2;font-size:46px;font-weight:800;letter-spacing:1px;
 color:var(--mint);text-shadow:0 6px 30px rgba(84,224,139,.35)}
.solvis-ph .svp-tag{position:relative;z-index:2;font-size:12.5px;letter-spacing:2px;color:#bfe6cf;
 border:1px solid rgba(120,235,168,.35);border-radius:999px;padding:5px 16px;text-transform:uppercase}
@media(max-width:680px){.solvis-ph{aspect-ratio:16/9}.solvis-ph .bigcode{font-size:34px}.svp-ring{width:130px;height:130px}}

/* 职位详情：返回全部职位（低调功能链接，非路径面包屑） */
.jp-back{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:#cfe6d8;
 opacity:.85;margin-bottom:20px;transition:.2s}
.jp-back:hover{opacity:1;color:#86e6ad}

/* ===== 顶部导航 400 电话（明宇 20261002）===== */
.nav-phone{position:relative;display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:8px;color:var(--green2);white-space:nowrap;font-weight:700;flex:0 0 auto}
.nav-phone svg{width:18px;height:18px;flex:0 0 18px}
.np-num{font-size:14.5px;line-height:1;letter-spacing:.2px}
.nav-phone:hover,.nav-phone:focus-visible{background:#eff2f0;outline:none}
/* 桌面中等宽度空间吃紧：只留电话图标，悬停/键盘聚焦弹出完整号码 */
/* ===== 桌面导航统一防溢出（明宇 20261002 定稿：≤1200汉堡 / 1201+横向）===== */
/* ① 中窄桌面与平板：汉堡 + 竖排菜单，彻底消除临界溢出 */
@media (max-width:1200px){
  .burger{display:block}
  .menu{position:fixed;top:76px;right:0;left:0;bottom:0;min-height:calc(100vh - 76px);overflow-y:auto;background:#fff;
    flex-direction:column;align-items:stretch;gap:0;padding:8px;
    box-shadow:0 16px 40px rgba(0,0,0,.14);display:none;z-index:99}
  .menu.open{display:flex}
  .menu a.it{padding:14px 18px;border-bottom:1px solid #f2f3f2;border-radius:0;white-space:normal}
  .lang,.cta{margin:8px}
  .nav-phone{margin:0;width:auto;justify-content:flex-start;padding:14px 18px;border-radius:0;border-bottom:1px solid #f2f3f2;font-size:15px}
  .np-num{position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;
    background:none;color:var(--green2);padding:0;font-size:15px;box-shadow:none}
}
/* ② 桌面横向菜单（wrap定宽1240）：电话始终只显图标、hover弹完整号码，间距收紧保证不溢出 */
@media (min-width:1201px){
  .menu{gap:4px}
  .menu a.it{padding:9px 12px}
  .np-num{position:absolute;top:calc(100% + 8px);right:0;z-index:300;background:#173726;color:#fff;
    padding:8px 13px;border-radius:9px;font-size:13.5px;white-space:nowrap;opacity:0;visibility:hidden;
    transform:translateY(-5px);transition:.18s;box-shadow:0 12px 26px rgba(0,0,0,.22);pointer-events:none}
  .nav-phone:hover .np-num,.nav-phone:focus-visible .np-num,.nav-phone:focus-within .np-num{opacity:1;visibility:visible;transform:none}
}

/* ===== 双碳/数智 手机端竖屏专用banner切换（明宇 20261002，仅这两类，桌面/产品页不受影响）===== */
@media (max-width:1024px){
  .bigbanner.bb-carbon.has-img{
    background-image:linear-gradient(180deg,rgba(9,21,15,.82) 0%,rgba(10,22,16,.55) 40%,rgba(10,22,16,.30) 100%),
      url('/static/img/banner/cat-carbon-v.jpg')!important;
    background-size:cover;background-position:top center;background-repeat:no-repeat}
  .bigbanner.bb-digital.has-img{
    background-image:linear-gradient(180deg,rgba(9,21,15,.82) 0%,rgba(10,22,16,.55) 40%,rgba(10,22,16,.30) 100%),
      url('/static/img/banner/cat-digital-v.jpg')!important;
    background-size:cover;background-position:top center;background-repeat:no-repeat}
}

/* ===== 文章页 grid 收缩修复（明宇 20261002：消除部分文章移动端横向溢出）===== */
.art-grid>*{min-width:0}
.art-main,.art-side{max-width:100%;overflow-wrap:break-word;word-wrap:break-word}
.art-body img,.art-body video{max-width:100%;height:auto}
.art-body table{max-width:100%;border-collapse:collapse}
.art-body pre{max-width:100%;overflow-x:auto;white-space:pre-wrap}
/* 侧栏内预览图/卡片不顶宽 */
.art-side *{max-width:100%}
/* 窄屏：宽表格改为块级横向滚动，不顶宽页面 */
@media (max-width:900px){
  .art-body table{display:block;overflow-x:auto}
}

/* ===== 跳到文末对照清单按钮（明宇 20261005）===== */
.jump-checklist{
  display:inline-flex;align-items:center;gap:8px;margin:0 0 22px;padding:9px 16px;
  background:#f1f5f2;border:1px solid #e0e8e3;border-radius:999px;cursor:pointer;
  color:#3f6b51;font-size:13.5px;font-weight:600;line-height:1;transition:.18s;
}
.jump-checklist svg{width:15px;height:15px;flex:0 0 15px}
.jump-checklist:hover{background:#e4ede7;border-color:#cfe0d4;color:#239d54}
#pdfChecklist{scroll-margin-top:88px}

/* CBAM banner 轮船下移（明宇 20261006：仅product6，水平保持70%，垂直下移）*/
.bigbanner.bb-cbam.has-img{background-position:70% 38%}

/* ONEDMP 数据中台 banner：cover铺满全宽，消除宽屏图片左缘硬切拼接（明宇 20261009）；垂直锚点略偏下保光核 */
.bigbanner.bb-onedmp.has-img{background-size:cover;background-position:center 58%}

/* ONEDGP 数据治理 banner：cover铺满全宽，消除宽屏拼接（明宇 20261009）*/
.bigbanner.bb-onedgp.has-img{background-size:cover;background-position:center center}

/* 通用·科技banner缩到高度铺满右贴边（明宇 20261006：中台/治理/ESG等16:9构图、cover上下裁切的页面复用）*/
/* ESG banner：改 cover 铺满全宽+锚右，消除宽屏下图片左边缘硬切/拼接感（明宇 20261009）*/
.bigbanner.bb-fith.has-img{background-size:cover;background-position:right center}