.product-hero{min-height:82vh}
.product-hero .hero-inner{max-width:860px}
.product-hero-card{
  margin-top:34px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center;
  max-width:640px;padding:20px;border:1px solid var(--line);border-radius:22px;
  background:rgba(255,255,255,.72);box-shadow:0 18px 42px rgba(14,42,58,.06);
}
.product-logo{
  width:88px;height:88px;border-radius:22px;background:#04AF6A;display:flex;align-items:center;justify-content:center;
  box-shadow:0 14px 30px rgba(4,175,106,.24);
}
.product-logo img{width:100%;height:100%;object-fit:contain;filter:none;border-radius:22px}
.product-logo.borong{background:#F5B400;box-shadow:0 14px 30px rgba(245,180,0,.24)}
.product-logo.borong img{width:100%;height:100%}
.product-page-borong .overview-card.lead{background:linear-gradient(155deg,#0E2A3A 0%,#3E3320 62%,#B48200 100%)}
.product-page-borong .feature::before{background:rgba(245,180,0,.12)}
.product-page-borong .feature .num{color:#D49B00}
.product-page-borong .scenario-nav span:first-child{background:rgba(245,180,0,.12);border-color:rgba(245,180,0,.34);color:#926B00}
.product-page-borong .cta-band{background:linear-gradient(135deg,rgba(245,180,0,.16),rgba(47,123,255,.08));border-color:rgba(245,180,0,.24)}
.product-logo.ledao{background:#FF6742;box-shadow:0 14px 30px rgba(255,103,66,.24)}
.product-logo.ledao img{width:100%;height:100%}
.product-page-ledao .overview-card.lead{background:linear-gradient(155deg,#0E2A3A 0%,#513327 62%,#D94E30 100%)}
.product-page-ledao .feature::before{background:rgba(255,103,66,.12)}
.product-page-ledao .feature .num{color:#E85D3C}
.product-page-ledao .scenario-nav span:first-child{background:rgba(255,103,66,.12);border-color:rgba(255,103,66,.30);color:#B64227}
.product-page-ledao .cta-band{background:linear-gradient(135deg,rgba(255,103,66,.15),rgba(47,123,255,.08));border-color:rgba(255,103,66,.22)}
.product-logo.shuowen{background:#5D79BD;box-shadow:0 14px 30px rgba(93,121,189,.24)}
.product-logo.shuowen img{width:100%;height:100%}
.product-page-shuowen .overview-card.lead{background:linear-gradient(155deg,#0E2A3A 0%,#283C67 62%,#5D79BD 100%)}
.product-page-shuowen .feature::before{background:rgba(93,121,189,.12)}
.product-page-shuowen .feature .num{color:#5D79BD}
.product-page-shuowen .scenario-nav span:first-child{background:rgba(93,121,189,.12);border-color:rgba(93,121,189,.30);color:#405D9D}
.product-page-shuowen .cta-band{background:linear-gradient(135deg,rgba(93,121,189,.15),rgba(15,181,166,.08));border-color:rgba(93,121,189,.22)}
.product-hero-card h2{font-size:24px;line-height:1.25}
.product-hero-card p{margin-top:4px;color:var(--ink-soft);font-size:14.5px}
.overview-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:stretch}
.overview-card{
  background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:30px;
  box-shadow:0 14px 34px rgba(14,42,58,.045);
}
.overview-card.lead{background:linear-gradient(155deg,#0E2A3A 0%,#123B4F 62%,#0C8F84 100%);color:#fff}
.overview-card.lead p{color:rgba(255,255,255,.78)}
.overview-card h3{font-size:22px;margin-bottom:12px}
.overview-card p{color:var(--ink-soft);font-size:15px}
.signal-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.signal{
  border:1px solid rgba(255,255,255,.24);border-radius:16px;padding:16px;background:rgba(255,255,255,.08);
}
.signal b{display:block;font-size:22px;margin-bottom:4px}
.signal span{display:block;font-size:12.5px;color:rgba(255,255,255,.72)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feature{
  position:relative;overflow:hidden;background:var(--paper);border:1px solid var(--line);
  border-radius:18px;padding:26px;min-height:214px;box-shadow:0 14px 34px rgba(14,42,58,.045);
}
.feature::before{
  content:"";position:absolute;right:-38px;top:-38px;width:112px;height:112px;border-radius:50%;
  background:rgba(4,175,106,.08);
}
.feature .num{font-size:13px;letter-spacing:.18em;color:#04AF6A;font-weight:800;margin-bottom:18px}
.feature h3{font-size:19px;margin-bottom:10px}
.feature p{font-size:14.5px;color:var(--ink-soft)}
.scenario-board{
  display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;align-items:stretch;
  background:rgba(255,255,255,.66);border:1px solid var(--line);border-radius:24px;padding:24px;
}
.scenario-nav{display:grid;gap:10px;align-content:start}
.scenario-nav span{
  padding:12px 15px;border-radius:14px;background:#fff;border:1px solid var(--line);
  color:var(--ink-soft);font-size:14px;
}
.scenario-nav span:first-child{background:rgba(4,175,106,.10);border-color:rgba(4,175,106,.26);color:#047A4B;font-weight:700}
.scenario-content{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.scene{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}
.scene h3{font-size:17px;margin-bottom:8px}
.scene p{font-size:13.5px;color:var(--ink-soft)}
.customer-row{display:flex;flex-wrap:wrap;gap:12px}
.customer-row span{
  padding:10px 15px;border-radius:99px;background:#fff;border:1px solid var(--line);
  color:var(--ink-soft);font-size:14px;
}
.cta-band{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;
  background:linear-gradient(135deg,rgba(4,175,106,.12),rgba(47,123,255,.10));
  border:1px solid rgba(4,175,106,.18);border-radius:24px;padding:34px;
}
.cta-band h2{font-size:28px;line-height:1.35}
.cta-band p{color:var(--ink-soft);margin-top:8px}
@media(max-width:900px){
  .overview-grid,.feature-grid,.scenario-board,.scenario-content,.cta-band{grid-template-columns:1fr}
}
@media(max-width:620px){
  .product-hero-card{grid-template-columns:1fr}
  .signal-list{grid-template-columns:1fr}
  .product-logo{width:76px;height:76px;border-radius:18px}
  .product-logo img{border-radius:18px}
}
