/* ============================================================
   Zhenergy 站点共享样式（首页 + 方案模块页共用）
   ============================================================ */
:root{
  --navy:#0B2A4A;
  --navy-2:#123A5E;
  --teal:#00C2A8;
  --gold:#F5A623;
  --ink:#16283B;
  --muted:#5A6B7A;
  --line:#E4E9EF;
  --bg:#F6F8FA;
  --white:#FFFFFF;
  --off:#EEF1F4;
  --off-line:#DCE2E8;
  --off-ink:#9AA7B4;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'Poppins','PingFang SC','Microsoft YaHei',system-ui,sans-serif;
  color:var(--ink);background:var(--white);line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
button{font-family:inherit;}
.wrap{max-width:1320px;margin:0 auto;padding:0 24px;}

/* ===== Nav ===== */
nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:rgba(11,42,74,.92);backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:66px;}
.logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:22px;letter-spacing:.5px;}
.logo-mark{width:44px;height:44px;display:flex;align-items:center;justify-content:center;}
.logo-mark svg{width:40px;height:40px;}
.nav-links{display:flex;gap:30px;align-items:center;}
.nav-links a{color:#CFE0EE;font-size:14.5px;font-weight:500;transition:color .2s;}
.nav-links a:hover{color:#fff;}
.nav-links a.active{color:var(--teal);}
.btn{
  display:inline-block;padding:12px 26px;border-radius:8px;font-weight:600;font-size:14.5px;
  transition:transform .15s, box-shadow .15s;cursor:pointer;border:none;
}
.btn-teal{background:var(--teal);color:#04251F;}
.btn-teal:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,194,168,.35);}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4);}
.btn-ghost:hover{border-color:#fff;}
.btn-navy{background:var(--navy);color:#fff;}
.btn-navy:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(11,42,74,.25);}
.btn-line{background:#fff;color:var(--navy);border:1.5px solid var(--line);}
.btn-line:hover{border-color:var(--navy);}
.btn-block{width:100%;display:block;text-align:center;}
.nav-cta{padding:9px 20px;font-size:14px;}
.lang-btn{
  padding:7px 16px;border-radius:100px;font-size:13.5px;font-weight:600;cursor:pointer;
  color:#fff;background:rgba(0,194,168,.18);border:1px solid rgba(0,194,168,.55);
  transition:background .2s;
}
.lang-btn:hover{background:rgba(0,194,168,.32);}
.menu-btn{display:none;background:none;border:none;color:#fff;cursor:pointer;}

/* ===== Page hero (子页) ===== */
.page-hero{
  position:relative;padding:120px 0 54px;color:#fff;
  background:linear-gradient(135deg,#0B2A4A 0%,#123A5E 58%,#0E4A54 100%);
}
.page-hero.teal{background:linear-gradient(135deg,#08304F 0%,#0E4A54 60%,#0B5E52 100%);}
.crumb{font-size:13px;color:#9FB8CC;margin-bottom:14px;}
.crumb a{color:#CFE0EE;}
.crumb a:hover{color:#fff;}
.page-hero h1{font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.5px;line-height:1.15;margin-bottom:14px;}
.page-hero p{color:#D7E5F0;font-size:16.5px;max-width:860px;}
.page-hero .eyebrow{display:inline-block;padding:6px 14px;border:1px solid rgba(0,194,168,.6);border-radius:100px;color:var(--teal);font-size:12.5px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:18px;}

/* ===== Sections ===== */
section{padding:88px 0;}
.section-tight{padding:56px 0;}
.sec-head{max-width:960px;margin-bottom:52px;}
.sec-head .kicker{color:var(--teal);font-weight:700;font-size:13px;letter-spacing:2px;text-transform:uppercase;}
.sec-head h2{font-size:clamp(28px,4vw,40px);font-weight:800;color:var(--navy);margin:10px 0 14px;letter-spacing:-.5px;}
.sec-head p{color:var(--muted);font-size:16px;}
.bg-soft{background:var(--bg);}

/* ===== Product cards (首页四大类) ===== */
.prod-grid{display:flex;flex-wrap:wrap;gap:24px;}
.prod-card{
  flex:1 1 250px;background:#fff;border-radius:16px;overflow:hidden;
  border:1px solid var(--line);display:flex;flex-direction:column;
  transition:transform .2s, box-shadow .2s;
}
.prod-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(11,42,74,.12);}
.prod-card .img{height:200px;overflow:hidden;background:#EEF2F5;}
.prod-card .img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.prod-card:hover .img img{transform:scale(1.06);}
.prod-card .body{padding:22px;display:flex;flex-direction:column;flex:1;}
.prod-card .tag{align-self:flex-start;font-size:11.5px;font-weight:700;color:var(--teal);background:rgba(0,194,168,.12);padding:4px 10px;border-radius:100px;margin-bottom:12px;letter-spacing:1px;text-transform:uppercase;}
.prod-card h3{font-size:19px;font-weight:700;color:var(--navy);margin-bottom:8px;}
.prod-card p{font-size:14px;color:var(--muted);flex:1;margin-bottom:16px;}
.prod-card .card-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.prod-card .gen-link{color:var(--navy);font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:6px;}
.prod-card .gen-link svg{width:16px;height:16px;transition:transform .2s;}
.prod-card .gen-link:hover svg{transform:translateX(4px);}

/* ===== Footer ===== */
footer{background:var(--navy);color:#9FB8CC;padding:44px 0;}
.foot-inner{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;align-items:flex-start;}
.foot-inner .logo{font-size:19px;}
.foot-col{min-width:210px;}
.foot-col p{font-size:13.5px;}
.foot-col a:hover{color:#fff;}
footer p{font-size:13.5px;}
.foot-bottom{width:100%;border-top:1px solid rgba(255,255,255,.1);padding-top:18px;margin-top:6px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px;color:#8AA4BB;}

/* ============================================================
   方案生成配置器
   ============================================================ */
.cfg-layout{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start;}
.cfg-main{flex:1 1 660px;min-width:0;}
.cfg-side{flex:1 1 320px;min-width:280px;position:sticky;top:88px;}

/* 方案汇总（预设下拉）*/
.preset-bar{
  background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin-bottom:20px;
  display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;
}
.preset-bar .pl{flex:1 1 320px;min-width:0;}
.preset-bar label{display:block;font-size:13px;font-weight:600;color:var(--navy);margin-bottom:8px;}
.select{
  width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;
  font-size:15px;font-family:inherit;background:#fff;color:var(--navy);font-weight:600;
}
.select:focus{outline:2px solid var(--teal);border-color:transparent;}
.preset-meta{font-size:13.5px;color:var(--muted);margin-top:8px;}
.custom-flag{
  display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.5px;
  color:#8A5A00;background:rgba(245,166,35,.16);padding:4px 10px;border-radius:100px;
  text-transform:uppercase;visibility:hidden;
}
.custom-flag.on{visibility:visible;}

/* 分栏卡片 */
.slot-card{
  background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin-bottom:18px;
  transition:background .18s, border-color .18s, opacity .18s;
}
.slot-head{display:flex;align-items:flex-start;gap:14px;}
.slot-check{
  width:22px;height:22px;flex-shrink:0;margin-top:3px;accent-color:var(--teal);cursor:pointer;
}
.slot-title{flex:1;min-width:0;}
.slot-title h4{font-size:16.5px;font-weight:700;color:var(--navy);display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.slot-title span.sub{display:block;font-size:12.5px;color:var(--muted);margin-top:2px;}
.badge{font-size:10.5px;font-weight:700;letter-spacing:.5px;padding:3px 9px;border-radius:100px;text-transform:uppercase;}
.badge-std{background:rgba(0,194,168,.14);color:#0A7A6B;}
.badge-inc{background:rgba(245,166,35,.18);color:#8A5A00;}
.slot-select{max-width:100%;margin-top:12px;}
.slot-qty{display:flex;align-items:center;gap:8px;margin-top:12px;}
.qty-btn{
  width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--navy);
  font-size:17px;font-weight:700;line-height:1;cursor:pointer;
}
.qty-btn:hover{border-color:var(--navy);}
.qty-input{
  width:84px;text-align:center;font-weight:700;color:var(--navy);font-size:15px;
  padding:6px 8px;border:1px solid var(--line);border-radius:8px;font-family:inherit;background:#fff;
}
.qty-input:focus{outline:2px solid var(--teal);border-color:transparent;}
.qty-lbl{font-size:12.5px;color:var(--muted);}

/* 产品行 */
.item{
  display:flex;gap:16px;align-items:center;margin-top:16px;padding-top:16px;border-top:1px dashed var(--line);
}
.item .thumb{
  width:96px;height:96px;flex-shrink:0;border:1px solid var(--line);border-radius:12px;background:#fff;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.item .thumb img{width:100%;height:100%;object-fit:contain;}
.item .thumb .ph{font-size:10.5px;color:var(--off-ink);text-align:center;padding:6px;line-height:1.3;}
.item .meta{flex:1;min-width:0;}
.item .meta b{display:block;font-size:15px;color:var(--navy);font-weight:700;}
.item .meta .desc{font-size:13px;color:var(--muted);margin-top:4px;}
.item .price{text-align:right;flex-shrink:0;}
.item .price .u{font-size:14.5px;font-weight:700;color:var(--navy);}
.item .price .t{font-size:12.5px;color:var(--muted);margin-top:2px;}
.item .price .ask{font-size:13px;font-weight:700;color:#B26A00;}

/* 取消 / 灰色态 */
.slot-card.off{background:var(--off);border-color:var(--off-line);}
.slot-card.off .slot-title h4,.slot-card.off .item .meta b,.slot-card.off .item .price .u{color:var(--off-ink);}
.slot-card.off .item .meta .desc,.slot-card.off .item .price .t,.slot-card.off .slot-title span.sub{color:#AEB9C4;}
.slot-card.off .item .thumb{filter:grayscale(1);opacity:.55;}
.slot-card.off .slot-select,.slot-card.off .slot-qty{display:none;}
.slot-card.off .off-note{display:block;}
.off-note{display:none;margin-top:14px;font-size:13px;color:#8A96A2;font-weight:600;}

/* 汇总面板 */
.sum-card{background:var(--navy);color:#fff;border-radius:16px;padding:26px 24px;}
.sum-card h3{font-size:17px;font-weight:700;margin-bottom:18px;}
.sum-lines{list-style:none;}
.sum-lines li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:13.5px;}
.sum-lines li .n{color:#B9CDDD;}
.sum-lines li .v{font-weight:600;white-space:nowrap;}
.sum-lines li.off{opacity:.42;text-decoration:line-through;}
.sum-lines li.muted .v{color:#F5C77A;}
.sum-total{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:20px;padding-top:18px;border-top:2px solid rgba(255,255,255,.25);}
.sum-total .lb{font-size:14px;color:#B9CDDD;}
.sum-total .amt{font-size:30px;font-weight:800;color:#fff;letter-spacing:-.5px;}
.sum-total .cny{font-size:13px;color:#9FB8CC;margin-top:4px;text-align:right;}
.sum-note{margin-top:14px;background:rgba(245,166,35,.16);border:1px solid rgba(245,166,35,.4);border-radius:10px;padding:11px 13px;font-size:12.5px;color:#FFD79A;font-weight:600;line-height:1.5;}
.sum-ask{margin-top:12px;font-size:12.5px;color:#F5C77A;line-height:1.5;}
.sum-card .btn{margin-top:18px;}

/* 图示/兼容提示 */
.note-strip{display:flex;gap:10px;align-items:flex-start;background:rgba(0,194,168,.08);border:1px solid rgba(0,194,168,.3);border-radius:12px;padding:14px 16px;font-size:13.5px;color:#0A6B60;margin-bottom:22px;}
.note-strip svg{width:18px;height:18px;flex-shrink:0;margin-top:2px;stroke:var(--teal);}

/* 选择器内的分组 */
.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);margin-bottom:16px;}
.legend i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;vertical-align:-1px;}

/* ===== 方案切换 tabs ===== */
.sol-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px;}
.sol-tabs a{
  padding:9px 16px;border-radius:100px;border:1px solid var(--line);background:#fff;
  font-size:13.5px;font-weight:600;color:var(--muted);transition:all .18s;
}
.sol-tabs a:hover{border-color:var(--teal);color:var(--navy);}
.sol-tabs a.on{background:var(--navy);border-color:var(--navy);color:#fff;}

/* ===== 说明卡片 ===== */
.info-grid{display:flex;flex-wrap:wrap;gap:22px;}
.info-card{flex:1 1 260px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;}
.info-card .ic{width:46px;height:46px;border-radius:12px;background:rgba(0,194,168,.12);display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.info-card .ic svg{width:24px;height:24px;stroke:var(--teal);}
.info-card h4{font-size:16.5px;color:var(--navy);margin-bottom:8px;font-weight:700;}
.info-card p{font-size:14px;color:var(--muted);}

/* ===== 尾部 CTA ===== */
.cta-band{background:linear-gradient(135deg,#0B2A4A,#123A5E 70%,#0E4A54);color:#fff;border-radius:18px;padding:40px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;}
.cta-band h3{font-size:clamp(20px,2.6vw,28px);font-weight:800;margin-bottom:8px;}
.cta-band p{color:#B9CDDD;font-size:14.5px;max-width:640px;}

/* ===== Responsive ===== */
@media(max-width:900px){
  .cfg-side{position:static;flex:1 1 100%;}
}
@media(max-width:820px){
  .nav-links{display:none;}
  .menu-btn{display:block;}
  .nav-inner{padding:0 16px;gap:8px;}
  .nav-right{margin-left:auto;gap:8px !important;}
  .lang-btn{padding:6px 12px !important;font-size:12px !important;}
  .nav-cta{padding:7px 14px !important;font-size:12px !important;}
  .logo{font-size:18px;}
  .nav-links.open{
    display:flex;flex-direction:column;position:absolute;top:66px;left:0;right:0;
    background:var(--navy);padding:20px;gap:18px;
  }
  .page-hero{padding:100px 0 40px;}
  section{padding:56px 0;}
  .preset-bar{padding:18px;}
  .item{flex-wrap:wrap;}
  .item .thumb{width:78px;height:78px;}
  .item .price{text-align:left;width:100%;}
  .sum-total .amt{font-size:25px;}
}

/* ===== EPC 模式（工商业/地面） ===== */
.epc-layout{max-width:980px;margin:0 auto;}
.epc-band{
  display:flex;gap:22px;align-items:flex-start;background:var(--navy);color:#fff;
  border-radius:16px;padding:30px 34px;margin-bottom:26px;
}
.epc-ic{width:54px;height:54px;border-radius:14px;background:rgba(0,194,168,.18);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.epc-ic svg{width:30px;height:30px;stroke:var(--teal);}
.epc-band h3{font-size:21px;font-weight:700;margin-bottom:8px;}
.epc-band p{color:#C9DCEA;font-size:15px;line-height:1.65;}
.epc-scopes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-bottom:26px;}
.epc-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;}
.epc-card h4{color:var(--navy);font-size:16px;font-weight:700;margin-bottom:8px;}
.epc-card p{color:var(--muted);font-size:14px;line-height:1.6;}
.epc-sum .epc-tailor{margin-top:18px;padding:18px;background:rgba(255,255,255,.08);border:1px solid rgba(0,194,168,.45);border-radius:12px;}
.epc-tailor h4{color:var(--navy);font-size:15px;font-weight:700;margin-bottom:6px;}
.epc-tailor p{color:var(--ink);font-size:13.5px;line-height:1.6;}
.epc-sum .epc-tailor h4{color:#7BE8D6;}
.epc-sum .epc-tailor p{color:#E8F1F8;}
@media(max-width:820px){
  .epc-band{flex-direction:column;padding:24px;}
  .epc-scopes{grid-template-columns:1fr;}
}

/* ===== 跨国采购 CTA（首页场景方案之后） ===== */
.proc-cta{
  margin-top:34px;background:linear-gradient(120deg,var(--navy) 0%,#0E4A54 70%,#0A5C50 100%);
  border-radius:18px;padding:38px 44px;display:flex;align-items:center;justify-content:space-between;
  gap:26px;flex-wrap:wrap;position:relative;overflow:hidden;
}
.proc-cta::after{content:'';position:absolute;right:-70px;top:-70px;width:240px;height:240px;border-radius:50%;background:rgba(0,194,168,.15);}
.proc-cta h3{color:#fff;font-size:22px;font-weight:700;margin-bottom:8px;}
.proc-cta p{color:#C9DCEA;font-size:14.5px;max-width:640px;}
.proc-cta .btn-gold{
  background:var(--gold);color:#3A2A00;font-weight:700;padding:15px 30px;border-radius:10px;
  font-size:15.5px;white-space:nowrap;box-shadow:0 6px 20px rgba(245,166,35,.35);transition:transform .15s;
}
.proc-cta .btn-gold:hover{transform:translateY(-2px);}
@media(max-width:820px){.proc-cta{padding:28px 24px;}.proc-cta h3{font-size:19px;}}