body{background:#030b14!important;color:#e8f2f7!important;background-image:linear-gradient(rgba(29,118,158,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(29,118,158,.055) 1px,transparent 1px)!important}.site-header,.site-header.scrolled{background:rgba(3,11,20,.96)!important;color:#fff!important;border-bottom:1px solid rgba(107,215,255,.14)!important;box-shadow:0 6px 35px rgba(0,0,0,.22)!important}.brand,.main-nav a.active{color:#fff!important}.brand small{color:#7793a5!important}.main-nav a{color:#c8d9e3!important}.main-nav a:after{background:#4dd7ff!important}.topbar{background:#020810!important;color:#7491a1!important}.hero{background:linear-gradient(115deg,#061729 0%,#0a2945 62%,#073d5f 100%)!important;color:#fff!important}.hero-grid{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)!important}.hero-glow{background:radial-gradient(circle,rgba(28,145,207,.24),transparent 68%)!important}.hero h1{color:#fff!important}.hero-copy>p{color:#b9c9d7!important}.hero-stats strong{color:#fff!important}.hero-stats span{color:#8297a8!important}.btn-ghost{border-color:rgba(255,255,255,.3)!important;color:#fff!important}.inner-hero{background:radial-gradient(circle at 75% 30%,#174c6e 0,#0a2841 30%,#061522 68%)!important;color:#fff!important}.inner-hero h1{color:#fff!important;text-shadow:0 0 32px rgba(75,214,255,.28)!important}.inner-hero p{color:#93aabd!important}.inner-kicker{color:#4dd7ff!important}.pages{background:linear-gradient(145deg,rgba(9,27,42,.97),rgba(4,14,25,.99))!important;border-color:rgba(84,189,225,.22)!important;color:#dceaf0!important;box-shadow:0 30px 100px rgba(0,0,0,.35)!important}.product-list-intro h2,.case-intro h2,.product-detail-head h2,.case-detail-head h2,.pages>h2{color:#fff!important}.product-list-intro p,.case-intro p,.product-detail-head p,.content,.case-meta p{color:#8aa8b7!important}.product-list-card{background:linear-gradient(145deg,#0d2a3e,#071523)!important;border-color:rgba(76,194,231,.2)!important;color:#e5f2f7!important}.product-list-card h3 a,.case-meta h3 a,.case-meta h3{color:#fff!important}.product-list-card .more{color:#4dd7ff!important}.product-richtext h2,.product-richtext h3,.contact-panel>h3{color:#fff!important}.contact-address,.intro-values>div{background:rgba(13,46,65,.58)!important;border-color:rgba(77,215,255,.14)!important}.contact-address b,.intro-values b{color:#fff!important}.section,.products,.application{background:#061522!important;color:#fff!important}.section-head h2,.section-head p,.section-head.light h2{color:#fff!important}.product-card{background:#0b2638!important;color:#eaf6fb!important;border-color:rgba(77,215,255,.16)!important}.product-card.featured{background:linear-gradient(145deg,#073653,#061b2d)!important}.product-card:after{background:linear-gradient(transparent,#0b2638)!important}.about-band{background:#071d2c!important}.about-copy h2,.about-copy li strong{color:#fff!important}.about-copy>p,.about-copy li span{color:#8caab8!important}.strengths{background:linear-gradient(135deg,#04131f,#092b42)!important;color:#fff!important}.strength-grid b{color:#fff!important}.strength-grid span{color:#8194a4!important}.site-footer{background:#020a12!important;color:#8495a4!important;border-top:1px solid rgba(77,215,255,.16)!important}.footer-grid h4,.brand-light strong{color:#fff!important}.copyright{border-color:rgba(77,215,255,.12)!important}

/* Lightweight themed scrollbar with smooth visual feedback. */
html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#f39a26 #061522}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#061522;border-left:1px solid rgba(77,215,255,.08)}
::-webkit-scrollbar-thumb{min-height:52px;border:3px solid #061522;border-radius:999px;background:linear-gradient(180deg,#54d8ff,#1789bd 55%,#f39a26);box-shadow:0 0 10px rgba(77,215,255,.2);transition:background .25s,box-shadow .25s,border-color .25s}
::-webkit-scrollbar-thumb:hover{border-color:#04101c;background:linear-gradient(180deg,#9cecff,#28a9de 50%,#ffad3d);box-shadow:0 0 18px rgba(77,215,255,.48)}
::-webkit-scrollbar-corner{background:#061522}
@media(max-width:900px){.main-nav{background:#061522!important}.main-nav a{color:#c8d9e3!important}.nav-toggle span{background:#fff!important}}
.company-intro .lead{color:#d7e8ef!important;font-size:20px!important;font-weight:500!important;line-height:2!important}.company-intro p,.product-richtext p,.case-detail .content p,.pages .content p{color:#a9c0cb!important}.company-intro h3,.pages .content h2,.pages .content h3,.pages .content h4{color:#f2f8fb!important}.company-intro strong,.pages .content strong{color:#fff!important}.company-intro a,.pages .content a{color:#55d8ff!important}.intro-values b{color:#fff!important}.intro-values span{color:#9db7c3!important}

/* Global dark-theme readability and list interaction fixes. */
.pages,
.pages .content,
.pages p,
.pages li,
.pages td,
.pages label{color:#c8dbe4!important}
.pages a{color:#dcebf1!important}
.pages a:hover{color:#62ddff!important;text-decoration:none}
.pages .position,
.breadcrumb-modern,
.breadcrumb-modern span{color:#a9c2cd!important}
.pages ul li.lh-3{border-color:rgba(113,181,207,.28)!important;color:#d6e6ed!important}
.pages ul li.lh-3>a{display:block;color:#d6e6ed!important;font-weight:500}
.pages ul li.lh-3 i{color:#8edff5!important}
.pages ul li.lh-3 .float-right{color:#b8ced8!important}
.pages ul li.lh-3:hover{background:rgba(40,111,142,.22)!important;color:#fff!important;box-shadow:inset 3px 0 0 #4dd7ff}
.pages ul li.lh-3:hover>a,
.pages ul li.lh-3:hover .float-right{color:#fff!important}
.pages .sortnav{background:rgba(10,37,56,.76)!important;border:1px solid rgba(77,215,255,.12)}
.pages .sortnav a{color:#d6e6ed!important}
.pages .sortnav a:hover,
.pages .sortnav .active{color:#fff!important}
.product-list-intro p,.case-intro p,.product-detail-head p,.case-meta p,
.about-copy>p,.about-copy li span,.strength-grid span,
.site-footer{color:#aec5d0!important}

/* Category pills: avoid Bootstrap's light background/light text conflict. */
.pages .sonsort .btn{
  background:#0b2f49!important;
  border:1px solid rgba(91,205,241,.28)!important;
  color:#eaf7fb!important;
  box-shadow:none!important
}
.pages .sonsort .btn:hover{
  background:#124766!important;
  border-color:#4dd7ff!important;
  color:#fff!important
}
.pages .sonsort .btn-info{
  background:#0e5680!important;
  border-color:#39c8f3!important;
  color:#fff!important;
  box-shadow:0 0 22px rgba(77,215,255,.16)!important
}
.pages .sonsort .badge{
  background:#eaf7fb!important;
  color:#08253a!important
}

/* Pagination controls use a dark surface with clearly visible icons. */
.pages .cms-pagination>a,
.pages .page-numbers>a,
.pages .page-numbers>span,
.pages .pagination .page-link{
  background:#091d2c!important;
  border:1px solid rgba(243,154,38,.48)!important;
  color:#ffd49a!important;
  box-shadow:inset 0 0 0 1px rgba(243,154,38,.04)!important
}
.pages .cms-pagination>a i{color:#ffd49a!important}
.pages .cms-pagination>a:hover,
.pages .page-numbers>a:hover,
.pages .pagination .page-link:hover{
  background:rgba(243,154,38,.18)!important;
  border-color:#f39a26!important;
  color:#fff!important;
  box-shadow:0 0 20px rgba(243,154,38,.18)!important;
  transform:translateY(-2px)
}
.pages .cms-pagination>a:hover i{color:#fff!important}
.pages .page-numbers .page-num-current,
.pages .page-numbers .active,
.pages .pagination .active .page-link{
  background:#f39a26!important;
  border-color:#ffb552!important;
  color:#03131f!important;
  font-weight:700;
  box-shadow:0 0 22px rgba(243,154,38,.28)!important
}

/* Keep each news item on one clean horizontal line. */
.pages ul li.lh-3{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0
}
.pages ul li.lh-3>i{
  flex:0 0 auto;
  margin:0!important;
  color:#f3a12f!important
}
.pages ul li.lh-3>a{
  display:flex!important;
  align-items:center!important;
  flex:1 1 auto;
  min-width:0;
  gap:8px;
  white-space:nowrap
}
.pages ul li.lh-3>a>.d-none,
.pages ul li.lh-3>a>.d-inline{
  overflow:hidden;
  text-overflow:ellipsis
}
.pages ul li.lh-3 .badge{flex:0 0 auto}
.pages ul li.lh-3 .float-right{
  float:none!important;
  flex:0 0 auto;
  margin-left:auto!important
}

/* Brand color hierarchy: navy base, cyan detail, orange key state. */
.main-nav a:after{background:#f39a26!important}
.pages .sonsort .btn-info{
  background:#b9650d!important;
  border-color:#f39a26!important;
  box-shadow:0 0 22px rgba(243,154,38,.18)!important
}
.pages .sonsort .btn:hover{
  background:#9f580e!important;
  border-color:#f7aa42!important
}
@media(max-width:767px){
  .pages ul li.lh-3{gap:7px!important}
  .pages ul li.lh-3 .float-right{font-size:11px}
}

/* The company logo is managed from PbootCMS site settings. */
.site-logo-link{display:flex!important;align-items:center;flex:0 0 auto}
.site-logo{display:block;width:auto;height:auto;max-width:260px;max-height:58px;object-fit:contain}
.site-logo-footer{max-width:240px;max-height:62px}
@media(max-width:600px){
  .site-logo{max-width:190px;max-height:46px}
  .site-logo-footer{max-width:210px;max-height:54px}
}

/* Full-width homepage bands: outer sections align with the viewport while
   their inner .wrap containers keep the content on the 1180px grid. */
.strengths,
.cta,
.site-footer{
  margin-left:0!important;
  margin-right:0!important;
  border-radius:0!important
}
.strengths{margin-top:0!important;margin-bottom:0!important}
.cta{margin-top:0!important;margin-bottom:0!important}
.site-footer{margin-top:0!important}

/* Keep the product-card hover frame above the image and its fade overlay. */
.product-card{isolation:isolate}
.product-card:before{z-index:5!important;pointer-events:none;border-radius:18px}
.product-card-link{display:flex!important;margin-top:0!important;cursor:pointer;text-decoration:none}
.product-card-more{display:inline-block;margin-top:20px;color:#f4a22a;font-size:12px}
.product-card-more i{margin-left:8px}
.float-tools{position:fixed;z-index:90;right:18px;bottom:max(22px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:9px}
.float-tool{position:relative;display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid rgba(94,211,250,.28);border-radius:50%;background:rgba(6,29,45,.94);color:#d9f3ff;font-size:18px;box-shadow:0 10px 28px rgba(0,0,0,.28);cursor:pointer;transition:transform .25s,background .25s,border-color .25s,opacity .25s}
.float-tool:hover{transform:translateY(-3px);background:#f39a26;border-color:#f5b355;color:#071827}.float-tool:focus-visible{outline:2px solid #f39a26;outline-offset:3px}
.float-tool:after{content:attr(data-tip);position:absolute;right:57px;top:50%;padding:6px 10px;border:1px solid rgba(83,201,242,.18);background:#071b2a;color:#d6edf5;font-size:12px;white-space:nowrap;transform:translateY(-50%) translateX(5px);opacity:0;pointer-events:none;transition:.2s}.float-tool:hover:after{transform:translateY(-50%) translateX(0);opacity:1}
.float-top{opacity:0;visibility:hidden;transform:translateY(8px)}.float-top.is-visible{opacity:1;visibility:visible;transform:none}.float-top.is-visible:hover{transform:translateY(-3px)}
.float-wechat{font:inherit}.float-wechat i{font-size:19px}.wechat-panel{position:absolute;right:56px;bottom:0;display:flex;flex-direction:column;gap:5px;width:126px;padding:8px;background:#fff;border:1px solid #e6edf0;box-shadow:0 16px 42px rgba(0,0,0,.28);opacity:0;visibility:hidden;transform:translateX(8px);transition:.25s}.wechat-panel img{width:108px;height:108px;object-fit:contain}.wechat-panel em{color:#254252;font-size:10px;font-style:normal;white-space:nowrap}.float-wechat.is-open .wechat-panel{opacity:1;visibility:visible;transform:none}
.home-news{background:linear-gradient(180deg,#081b2b,#061522)!important}
.home-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.home-news-card{min-width:0;background:linear-gradient(145deg,#0b2b40,#071827);border:1px solid rgba(77,215,255,.16);transition:transform .35s,border-color .35s,box-shadow .35s}
.home-news-card:hover{transform:translateY(-7px);border-color:#f39a26;box-shadow:0 22px 46px rgba(0,0,0,.28)}
.home-news-cover{display:block;position:relative;height:205px;overflow:hidden;background:#0b2638}
.home-news-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 45%,rgba(3,12,20,.48))}
.home-news-cover img{width:100%;height:100%;object-fit:cover;opacity:.88;transition:transform .65s,opacity .35s}
.home-news-card:hover .home-news-cover img{transform:scale(1.07);opacity:1}
.home-news-cover span{position:absolute;z-index:1;left:18px;bottom:15px;padding:6px 9px;background:rgba(3,14,24,.8);border-left:2px solid #f39a26;color:#dbeaf0;font-size:10px;letter-spacing:1px}
.home-news-copy{padding:24px 22px 25px}
.home-news-copy small{color:#f4a22a;font-size:9px;letter-spacing:2px}
.home-news-copy h3{margin:11px 0 10px;font-size:20px;line-height:1.4}.home-news-copy h3 a{color:#fff}
.home-news-copy p{min-height:44px;margin:0;color:#8caab8;font-size:13px;line-height:1.75}
.home-news-more{display:inline-block;margin-top:20px;color:#66d9ff;font-size:12px}.home-news-more i{margin-left:9px;color:#f4a22a}

/* Full-width company band with an inner grid matching adjacent content sections. */
.about-band{display:block!important;width:100%!important;margin:0!important;min-height:0!important;border:0!important}
.about-band-inner{display:grid;grid-template-columns:1fr 1fr;width:min(1180px,calc(100% - 48px));min-height:560px;margin:0 auto;border:1px solid rgba(77,215,255,.12)}
.about-band .about-image{margin:0!important;border-radius:0}
.about-band .about-copy{padding:65px 76px!important}

/* Contact-page location block. */
.contact-map{margin-top:54px;padding-top:34px;border-top:1px solid rgba(77,215,255,.18)}
.contact-map-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}
.contact-map-head span{display:block;color:#4dd7ff;font-size:10px;letter-spacing:2px}
.contact-map-head h2{margin:7px 0 0;color:#fff!important;font-size:28px!important}
.contact-map-head a{color:#f4a22a;font-size:13px;white-space:nowrap}
.contact-map-head a i{margin-left:9px}
.contact-map-frame{position:relative;height:540px;overflow:hidden;border:1px solid rgba(77,215,255,.24);background:#081b2b;box-shadow:inset 0 0 42px rgba(77,215,255,.08)}
.contact-map-frame iframe,.contact-map-frame img{display:block;width:100%;height:100%;border:0;object-fit:cover;scale: calc(1.2);}
.contact-map-frame .contact-map-local{filter:none}
.contact-map-pin{position:absolute;left:24px;bottom:24px;display:flex;align-items:center;gap:11px;max-width:calc(100% - 48px);padding:12px 16px;background:rgba(3,15,25,.9);border:1px solid rgba(77,215,255,.32);color:#d8edf5;font-size:13px;line-height:1.5;box-shadow:0 10px 30px rgba(0,0,0,.28);pointer-events:none}
.contact-map-pin i{color:#f4a22a;font-size:19px}

/* Layout rhythm: the carousel remains the primary hero while the original
   brand hero becomes a compact capability summary. */
.hero{height:620px!important;min-height:620px!important}
.hero-inner{padding-top:0!important}
.hero h1{font-size:clamp(42px,4.6vw,62px)!important}
.hero-actions{margin:26px 0 30px!important}
.section{padding:76px 0!important}
.section-head{margin-bottom:38px!important}
.about-band{min-height:560px!important}
.about-copy{padding-top:65px!important;padding-bottom:65px!important}
.strength-grid>div{padding:36px 28px!important}
.scene-grid{height:340px!important}
.cta{padding:56px 0!important}
.site-footer{padding-top:56px!important}
.footer-grid{padding-bottom:44px!important;gap:60px!important}

/* Inner pages no longer consume most of the first viewport. */
.inner-hero{height:340px!important}
.inner-hero-content{padding-top:72px!important}
.inner-hero h1{font-size:clamp(44px,5.2vw,72px)!important}
.inner-marquee{height:50px!important}
.pages{margin-bottom:60px!important}

/* Consistent focus indication for keyboard users. */
a:focus-visible,button:focus-visible{
  outline:2px solid #f39a26!important;
  outline-offset:4px!important
}

@media(max-width:900px){
  .about-band-inner{grid-template-columns:1fr;width:100%;min-height:0;border-left:0;border-right:0}
  .hero{height:560px!important;min-height:560px!important}
  .hero-inner{padding-top:56px!important}
  .pipe-visual{height:92%!important;width:112%!important;right:-20%!important;top:auto!important;bottom:-18px!important;opacity:.28!important;z-index:1;transform:scale(.82);transform-origin:center bottom}
  .section{padding:62px 0!important}
  .about-band{min-height:0!important}
  .about-image{min-height:320px!important}
  .about-copy{padding:55px 8%!important}
  .inner-hero{height:280px!important}
  .inner-hero-content{padding-top:58px!important}
  .footer-grid{gap:38px!important}
}

@media(max-width:600px){
  .contact-map{margin-top:38px;padding-top:28px}
  .contact-map-head{align-items:flex-start;flex-direction:column;gap:12px}
  .contact-map-head h2{font-size:24px!important}
  .contact-map-frame{height:360px}
  .contact-map-pin{left:14px;bottom:14px;max-width:calc(100% - 28px);padding:10px 12px;font-size:12px}
  .home-carousel{height:390px!important}
  .carousel-copy{padding-top:62px!important}
  .carousel-copy h2{font-size:34px!important;line-height:1.2!important}
  .hero{height:500px!important;min-height:500px!important}
  .hero-inner{padding-top:46px!important}
  .hero h1{font-size:34px!important;line-height:1.2!important}
  .hero-copy>p{line-height:1.75!important}
  .hero-actions{margin:22px 0 25px!important}
  .hero-stats{gap:13px!important;justify-content:space-between}
  .hero-stats strong{font-size:19px!important}
  .hero-stats span{font-size:10px!important}
  .pipe-visual{height:100%!important;width:118%!important;right:-28%!important;top:auto!important;bottom:-18px!important;opacity:.26!important;z-index:1;transform:scale(.68);transform-origin:center bottom}
  .scene-grid{height:auto!important;min-height:0!important}
  .scene-grid .scene{height:280px!important;min-height:280px!important}
  .home-news-grid{grid-template-columns:1fr;gap:14px}
  .home-news-cover{height:190px}
  .about-band .about-copy{padding:48px 20px!important}
  .float-tools{right:14px;bottom:max(16px,env(safe-area-inset-bottom));gap:8px}
  .float-tool{width:43px;height:43px}
  .float-tool:after{display:none}
  .wechat-panel{right:50px;bottom:0}
  .cta{position:relative;z-index:2}
  .section{padding:50px 0!important}
  .section-head{margin-bottom:27px!important}
  .section-head h2,.about-copy h2{font-size:27px!important}
  .product-card{min-height:270px!important;padding:22px 20px!important}
  .product-photo{height:145px!important}
  .about-image{min-height:250px!important;margin:0!important;border-radius:0!important}
  .about-copy{padding:48px 20px!important}
  .strength-grid>div{padding:24px 16px!important}
  .strength-grid i{margin-bottom:15px!important;font-size:25px!important}
  .strength-grid b{font-size:15px!important}
  .scene{height:230px!important}
  .cta{padding:46px 0!important}
  .cta-inner{gap:24px!important}
  .cta h2{font-size:25px!important}
  .cta strong{font-size:22px!important}
  .site-footer{padding-top:46px!important}
  .footer-grid{padding-bottom:36px!important;gap:28px!important}
  .inner-hero{height:250px!important}
  .inner-hero-content{padding-top:48px!important}
  .inner-hero h1{font-size:36px!important}
  .inner-hero p{font-size:13px!important;margin-top:10px!important}
  .inner-marquee{height:42px!important}
  .pages{margin-bottom:38px!important}

  /* Compact horizontal product cards greatly reduce mobile page length. */
  .product-list-grid .product-list-card{
    display:grid!important;
    grid-template-columns:112px minmax(0,1fr);
    min-height:178px;
    margin-bottom:14px!important
  }
  .product-list-grid .product-list-card .card-img-150{
    height:100%!important;
    min-height:178px
  }
  .product-list-grid .product-list-card .card-body{padding:16px!important}
  .product-list-grid .product-list-card small{font-size:8px!important;letter-spacing:1px!important}
  .product-list-grid .product-list-card h3{font-size:16px!important;margin:7px 0!important}
  .product-list-grid .product-list-card p{
    min-height:0!important;
    margin:0!important;
    font-size:11px!important;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
  }
  .product-list-grid .product-list-card .more{margin-top:8px!important;font-size:10px!important}
}