.digital-planet{--ink:#143b50;--accent:#c85000;color:var(--ink)}.digital-planet .topic-section{padding:72px 0}.digital-planet .topic-hero{background:radial-gradient(ellipse at 80% 30%,#1f627d,#081c30 75%);color:white;overflow:hidden}.digital-planet .topic-hero .topic-items{display:block}.digital-planet .topic-hero .topic-item{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:56px}.digital-planet .topic-hero picture{order:2}.digital-planet .topic-hero img{width:100%;height:460px;object-fit:contain;filter:drop-shadow(0 20px 36px #0006)}.digital-planet .topic-hero h1{font-size:clamp(30px,3.5vw,58px);line-height:1.3;white-space:pre-line;color:#fff}.digital-planet .topic-kicker{color:#8ed9ee;letter-spacing:3px}.digital-planet p{line-height:1.9}.digital-planet .topic-heading{margin-bottom:35px}.digital-planet h2{font-size:32px;line-height:1.5}.digital-planet .topic-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.digital-planet .topic-item{border:1px solid #dce7ec;border-radius:16px;overflow:hidden;background:white}.digital-planet .topic-copy{padding:30px}.digital-planet .topic-hero .topic-item{border:0;background:none}.digital-planet .topic-hero .topic-copy{padding:0}.digital-planet .topic-cards,.digital-planet .topic-process{background:#eff6fa}.digital-planet .topic-cards img{height:250px;width:100%;object-fit:contain}.digital-planet .topic-offer{background:#143b50;color:#fff}.digital-planet .topic-offer .topic-item{background:#ffffff09;color:#fff;border-color:#ffffff25}.digital-planet .topic-offer h2,.digital-planet .topic-offer h3{color:#fff}.digital-planet .topic-offer .topic-items{grid-template-columns:repeat(4,minmax(0,1fr))}.digital-planet .topic-faq .topic-editorial{display:block}.digital-planet .topic-faq .topic-aside{display:none}.digital-planet .topic-faq .topic-items{grid-template-columns:1fr 1fr}.digital-planet summary{cursor:pointer;font-weight:bold}.digital-planet .topic-cta{text-align:center;background:#e7f3f8}.digital-planet .topic-cta .topic-items{display:block;max-width:850px;margin:auto}.digital-planet .button{display:inline-block;background:var(--accent);color:white!important;padding:14px 24px;border-radius:6px;text-decoration:none;margin-top:12px}.digital-planet .benefit-visual{padding:25px 30px 0}.digital-planet .benefit-visual svg{width:48px;height:48px}.planet-contact{position:fixed;bottom:18px;right:24px;background:#c85000;color:#fff;z-index:55;padding:15px 24px;border-radius:8px;text-decoration:none}@media(max-width:767px){.digital-planet .topic-section{padding:42px 0}.digital-planet .wrap{width:auto;margin:0 18px}.digital-planet .topic-items,.digital-planet .topic-offer .topic-items,.digital-planet .topic-faq .topic-items,.digital-planet .topic-hero .topic-item{grid-template-columns:1fr}.digital-planet .topic-hero picture{order:0}.digital-planet .topic-hero img{height:270px}.digital-planet .topic-hero .topic-item{gap:18px}.digital-planet h2{font-size:25px}.planet-contact{left:18px;right:18px;text-align:center;bottom:12px}.digital-planet{padding-bottom:70px}}@media(prefers-reduced-motion:no-preference){.digital-planet .topic-item{transition:transform .2s}.digital-planet .topic-item:hover{transform:translateY(-3px)}}@media(max-width:767px){.planet-contact{bottom:88px}}

@media(max-width:767px){.digital-planet .topic-hero picture{order:2}.digital-planet .topic-hero .topic-copy{order:1}.digital-planet .topic-hero img{height:240px}}

/* Product variants and company evidence, 20261109 */
.digital-planet .topic-gallery{background:#edf5f9}.digital-planet .topic-gallery .topic-items{grid-template-columns:repeat(4,minmax(0,1fr))}.digital-planet .topic-gallery img{width:100%;height:260px;object-fit:contain;background:#fff;padding:12px;box-sizing:border-box}.digital-planet .topic-gallery .topic-copy{padding:24px}.digital-planet .topic-gallery .topic-browse-hint{display:none}.digital-planet .topic-assurance{background:linear-gradient(145deg,#f4f9fc,#fff)}.digital-planet .topic-assurance img{width:100%;height:310px;object-fit:contain;background:#fff}.digital-planet .topic-assurance .topic-item:first-child img{object-fit:cover}.digital-planet .topic-assurance .topic-copy{padding:26px}.digital-planet .topic-assurance h3{font-size:22px}.digital-planet .topic-cards img{background:#fff}.digital-planet .topic-gallery .button,.digital-planet .topic-assurance .button{font-size:14px}@media(max-width:1023px){.digital-planet .topic-gallery .topic-items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.digital-planet .topic-gallery .topic-items{grid-template-columns:1fr}.digital-planet .topic-gallery img{height:290px}.digital-planet .topic-assurance .topic-items{grid-template-columns:1fr}.digital-planet .topic-assurance img{height:310px}}
/* Scoped palette corrections and individual project photos */
.digital-planet{--accent:#b94700}
.digital-planet .topic-section:not(.topic-hero):not(.topic-offer) .topic-heading h2,.digital-planet .topic-section:not(.topic-hero):not(.topic-offer) .topic-copy h3{color:#173b50!important}
.digital-planet .topic-section:not(.topic-hero):not(.topic-offer) .topic-heading p,.digital-planet .topic-section:not(.topic-hero):not(.topic-offer) .topic-copy p{color:#405c70!important}
.digital-planet .topic-offer{background:#143b50!important;color:#fff}
.digital-planet .topic-offer .topic-heading h2,.digital-planet .topic-offer .topic-copy h3{color:#fff!important}
.digital-planet .topic-offer .topic-heading p,.digital-planet .topic-offer .topic-copy p{color:#e5f0f6!important}
.digital-planet .topic-offer .topic-item{background:#20485e!important;border-color:#497184!important}
.digital-planet .topic-cta{background:#e8f2f7!important}
.digital-planet .topic-cta .topic-item{background:#fff!important;border:1px solid #d6e3ec!important}
.digital-planet .button,.planet-contact{background:#b94700!important;color:#fff!important;border-color:#b94700!important}
.digital-planet .button:hover,.planet-contact:hover{background:#963b00!important;border-color:#963b00!important}
.digital-planet .topic-cases{background:#fff}
.digital-planet .topic-cases .topic-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.digital-planet .topic-cases .topic-item{border:1px solid #d8e4ed;border-radius:14px;overflow:hidden;background:#f8fbfd}
.digital-planet .topic-cases picture{display:block;line-height:0}
.digital-planet .topic-cases img{display:block;width:100%;height:auto;aspect-ratio:318/144;object-fit:cover;background:#e8f2f7}
.digital-planet .topic-cases .topic-copy{padding:22px 24px}
.digital-planet .topic-cases h3{font-size:20px;line-height:1.5;margin:0 0 10px}
.digital-planet .topic-cases p{margin:0;line-height:1.7}
@media(max-width:1023px){.digital-planet .topic-cases .topic-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.digital-planet .topic-cases .topic-items{grid-template-columns:1fr;gap:18px}.digital-planet .topic-cases .topic-copy{padding:20px}.digital-planet .topic-cases h3{font-size:19px}}/* Brand depth, editorial hierarchy and compact mobile layouts */
#main.digital-planet{--brand-navy:#082338;--brand-blue:#123e59;--brand-orange:#ed7c24}
#main.digital-planet .topic-section{padding:78px 0}
#main.digital-planet .topic-heading{max-width:1000px;margin-bottom:36px}
#main.digital-planet .topic-heading h2{font-size:clamp(27px,3vw,42px);font-weight:750;letter-spacing:-.7px;line-height:1.35}
#main.digital-planet .topic-heading:before{content:'BAINUO DIGITAL';display:block;color:#bd510b;font-size:12px;font-weight:700;letter-spacing:3px;margin-bottom:13px}
#main.digital-planet .topic-cases{background:radial-gradient(ellipse at 90% 0%,#185274 0%,transparent 45%),linear-gradient(150deg,#071e32,#0b2b43)!important;position:relative}
#main.digital-planet .topic-assurance{background:radial-gradient(ellipse at 4% 100%,#1b526b 0%,transparent 48%),linear-gradient(145deg,#0c2a40,#153d56)!important}
#main.digital-planet .topic-cases .topic-heading h2,#main.digital-planet .topic-assurance .topic-heading h2{color:#fff!important}
#main.digital-planet .topic-cases .topic-heading p,#main.digital-planet .topic-assurance .topic-heading p{color:#c8dfed!important}
#main.digital-planet .topic-cases .topic-heading:before{content:'PROJECTS / 实景应用';color:#ffad68}
#main.digital-planet .topic-assurance .topic-heading:before{content:'BAINUO / 研发与制造';color:#ffad68}
#main.digital-planet .topic-cases .topic-item{background:#123950!important;border-color:#3b6078;border-radius:9px;box-shadow:0 16px 35px #0002}
#main.digital-planet .topic-cases .topic-copy h3{color:#fff!important;font-weight:650}
#main.digital-planet .topic-cases .topic-copy p{color:#c8dfed!important}
#main.digital-planet .topic-cases .topic-items{counter-reset:project}
#main.digital-planet .topic-cases .topic-item{counter-increment:project}
#main.digital-planet .topic-cases .topic-copy:before{content:'CASE ' counter(project,decimal-leading-zero);color:#ffad68;display:block;font-size:11px;letter-spacing:2px;margin-bottom:9px}
#main.digital-planet .topic-assurance .topic-item{border-radius:9px;border:1px solid #477087;background:#fff;box-shadow:0 20px 40px #0002}
#main.digital-planet .topic-assurance .topic-item:first-child{border-top:4px solid #ed7c24}
#main.digital-planet .topic-offer{background:linear-gradient(120deg,#123e59,#082338)!important}
#main.digital-planet .topic-offer .topic-heading:before{content:'SYSTEM / 系统构成';color:#ffad68}
#main.digital-planet .topic-process{background:linear-gradient(125deg,#f5e7da,#fbf5ef)!important}
#main.digital-planet .topic-process .topic-item{border:0;border-top:4px solid #c15a12;border-radius:6px;box-shadow:0 12px 28px #6b340a0b}
#main.digital-planet .topic-faq{background:#f2f6f9!important}
#main.digital-planet .topic-faq .topic-item{border-radius:6px;border-color:#d4e0e9}
#main.digital-planet .topic-cta{position:relative;background:radial-gradient(circle at 95% 50%,#2a617b 0%,transparent 40%),linear-gradient(120deg,#082338,#123e59)!important;padding:86px 0 100px}
#main.digital-planet .topic-cta .topic-heading h2,#main.digital-planet .topic-cta .topic-copy h3{color:#fff!important}
#main.digital-planet .topic-cta .topic-heading p,#main.digital-planet .topic-cta .topic-copy p{color:#d0e6f2!important}
#main.digital-planet .topic-cta .topic-heading:before{content:'LET’S BUILD / 携手百诺';color:#ffad68}
#main.digital-planet .topic-cta .topic-item{background:#ffffff08!important;border:1px solid #6e93aa!important;border-radius:9px}
#main.digital-planet .topic-cta .button{padding:17px 36px;font-size:18px;background:#b94700!important;box-shadow:0 10px 28px #0003}
#main.digital-planet .topic-copy p{line-height:1.8}
#main.digital-planet .topic-item{transition:box-shadow .2s,border-color .2s;transform:none}
#main.digital-planet .topic-item:hover{transform:none;box-shadow:0 15px 35px #173b501a}
.planet-case-toggle{display:none}
@media(max-width:767px){
#main.digital-planet .topic-section{padding:28px 0}
#main.digital-planet .wrap{margin:0 16px;width:auto}
#main.digital-planet .topic-heading{margin-bottom:20px}
#main.digital-planet .topic-heading:before{font-size:10px;letter-spacing:1.7px;margin-bottom:8px}
#main.digital-planet .topic-heading h2{font-size:24px;line-height:1.35;letter-spacing:-.3px;margin:0 0 10px}
#main.digital-planet .topic-heading p{font-size:14px;line-height:1.6;margin:0}
#main.digital-planet .topic-copy p{font-size:14px;line-height:1.6;margin:6px 0}
#main.digital-planet .topic-copy h3{font-size:17px;line-height:1.4;margin:0 0 6px}
#main.digital-planet .topic-copy{padding:16px}
#main.digital-planet .topic-hero{padding:30px 0 28px}
#main.digital-planet .topic-hero h1{font-size:29px;line-height:1.3}
#main.digital-planet .topic-hero img{height:190px}
#main.digital-planet .topic-hero .topic-item{gap:18px}
#main.digital-planet .topic-hero .topic-copy p{font-size:14px;line-height:1.65}
#main.digital-planet .topic-benefits .benefit-visual{display:none}
#main.digital-planet .topic-benefits .topic-items{display:grid;grid-template-columns:1fr;gap:9px}
#main.digital-planet .topic-benefits .topic-item{border-radius:6px;border-left:3px solid #cf671e}
#main.digital-planet .topic-benefits .topic-copy{padding:13px 15px}
#main.digital-planet .topic-gallery .topic-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#main.digital-planet .topic-gallery img{height:140px;padding:6px}
#main.digital-planet .topic-gallery .topic-copy{padding:12px}
#main.digital-planet .topic-gallery .topic-copy p{font-size:12px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#main.digital-planet .topic-gallery .button{font-size:12px;padding:8px 10px;margin-top:7px}
#main.digital-planet .topic-cards .topic-items{grid-template-columns:1fr;gap:12px}
#main.digital-planet .topic-cards .topic-item{display:grid;grid-template-columns:108px minmax(0,1fr);align-items:center}
#main.digital-planet .topic-cards img{height:132px;padding:6px;box-sizing:border-box}
#main.digital-planet .topic-cards .topic-copy{padding:14px}
#main.digital-planet .topic-cards .topic-copy p{font-size:13px}
#main.digital-planet .topic-cards .button{padding:8px 12px;font-size:12px;margin-top:5px}
#main.digital-planet .topic-split .topic-items{gap:10px}
#main.digital-planet .topic-split .button{padding:8px 12px;font-size:12px;margin-top:5px}
#main.digital-planet .topic-offer .topic-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#main.digital-planet .topic-offer .topic-copy{padding:16px 13px}
#main.digital-planet .topic-offer .topic-copy p{font-size:13px}
#main.digital-planet .topic-cases .topic-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#main.digital-planet .topic-cases .topic-copy{padding:12px 10px}
#main.digital-planet .topic-cases .topic-copy h3{font-size:14px;line-height:1.45;letter-spacing:0}
#main.digital-planet .topic-cases .topic-copy p{display:none}
#main.digital-planet .topic-cases .topic-copy:before{font-size:9px;margin-bottom:5px;letter-spacing:1px}
#main.digital-planet .topic-cases.planet-cases-collapsible:not(.planet-cases-expanded) .topic-item:nth-child(n+5){display:none}
#main.digital-planet .planet-case-toggle{display:block;width:100%;padding:13px;margin-top:16px;background:#173e57;border:1px solid #7090a5;border-radius:6px;color:#fff;font:inherit;font-size:14px;cursor:pointer}
#main.digital-planet .topic-assurance .topic-items{grid-template-columns:1fr;gap:12px}
#main.digital-planet .topic-assurance .topic-item{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;border-top-width:1px}
#main.digital-planet .topic-assurance .topic-item:first-child{border-top-width:1px}
#main.digital-planet .topic-assurance img,#main.digital-planet .topic-assurance .topic-item:first-child img{height:148px;object-fit:contain}
#main.digital-planet .topic-assurance .topic-copy{padding:14px}
#main.digital-planet .topic-assurance .topic-copy p{font-size:13px;line-height:1.55}
#main.digital-planet .topic-assurance .button{padding:8px 11px;font-size:12px;margin-top:5px}
#main.digital-planet .topic-process .topic-items{gap:10px}
#main.digital-planet .topic-process .topic-copy{padding:14px 16px}
#main.digital-planet .topic-faq .topic-items{gap:9px}
#main.digital-planet .topic-faq .topic-copy{padding:14px 16px}
#main.digital-planet .topic-faq summary{font-size:15px;line-height:1.5}
#main.digital-planet .topic-cta{padding:35px 0 40px}
#main.digital-planet .topic-cta .topic-copy{padding:20px}
#main.digital-planet .topic-cta .button{padding:13px 22px;font-size:16px}
}

#main.digital-planet .topic-section,#main.digital-planet .topic-section>.wrap,#main.digital-planet .topic-heading,#main.digital-planet .topic-heading h2,#main.digital-planet .topic-heading p,#main.digital-planet .topic-item,#main.digital-planet .topic-copy{opacity:1!important;filter:none!important}
/* Real equipment banner, centered contact heading, device-specific cases */
#main.digital-planet .topic-hero picture{display:block;border-radius:16px;overflow:hidden;background:#0b2136;box-shadow:0 22px 60px #0003}
#main.digital-planet .topic-hero img{display:block;width:100%;height:520px;object-fit:contain;filter:none}
#main.digital-planet .topic-cta .topic-heading{margin-left:auto!important;margin-right:auto!important;text-align:center!important;max-width:1100px;width:100%}
#main.digital-planet .topic-cta .topic-heading h2,#main.digital-planet .topic-cta .topic-heading p{text-align:center!important}
#main.digital-planet .topic-cta .topic-heading:before{text-align:center!important}
@media(min-width:768px){#main.digital-planet .topic-cases .topic-item:nth-child(n+10){display:none}}
@media(max-width:767px){#main.digital-planet .topic-hero img{height:250px}#main.digital-planet .topic-hero picture{border-radius:10px}#main.digital-planet .topic-cta .topic-heading{margin-left:auto!important;margin-right:auto!important}}