/* Extend the current Winge service template. Scope all content rules. */
#winge-4g{--blue:#3366cc;--ink:#102039;--copy:#4e627e;--line:#dbe5f3;background:#fff;color:var(--ink);font:16px/1.85 "Microsoft YaHei","PingFang SC",Arial,sans-serif;min-width:0}
#winge-4g *,#winge-4g *::before,#winge-4g *::after{box-sizing:border-box}
#winge-4g h1,#winge-4g h2,#winge-4g h3,#winge-4g p,#winge-4g ul{margin:0;padding:0}
#winge-4g h1,#winge-4g h2,#winge-4g h3{font-weight:700;line-height:1.45;overflow-wrap:anywhere;color:inherit}
#winge-4g h1{font-size:clamp(28px,3vw,44px);letter-spacing:-.02em;max-width:1040px;text-wrap:balance}
#winge-4g h2{font-size:clamp(24px,2.1vw,30px);margin-bottom:22px}
#winge-4g h3{font-size:19px}
#winge-4g p,#winge-4g li,#winge-4g td{color:var(--copy);text-align:left;overflow-wrap:anywhere;letter-spacing:normal}
#winge-4g p+p{margin-top:14px}
#winge-4g a{color:var(--blue);text-decoration:none;overflow-wrap:anywhere}
#winge-4g a:focus-visible,#winge-4g summary:focus-visible{outline:3px solid #75aaff;outline-offset:4px}
#winge-4g .g4-container{width:min(1180px,calc(100% - 200px));margin-inline:auto;min-width:0}
#winge-4g .g4-hero{background:linear-gradient(118deg,#0c1424,#203858);color:#fff;padding:40px 0 48px}
#winge-4g .g4-crumb{display:flex;gap:6px 10px;flex-wrap:wrap;font-size:14px;line-height:1.7;margin-bottom:24px}
#winge-4g .g4-crumb a,#winge-4g .g4-crumb span{color:#c5d9ff}
#winge-4g .g4-kicker{font-size:14px;color:#91b7ff;font-weight:700;margin-bottom:12px}
#winge-4g .g4-lead{font-size:17px;line-height:1.95;max-width:990px;color:#dce7f8;margin-top:20px}
#winge-4g .g4-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
#winge-4g .g4-tags span{font-size:14px;padding:4px 12px;border:1px solid #7488a3;border-radius:6px;color:#e1ecff}
#winge-4g .g4-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
#winge-4g .g4-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 22px;border-radius:8px;background:var(--blue);color:#fff;font-size:15px;line-height:1.6;font-weight:700;text-align:center;max-width:100%}
#winge-4g .g4-button.secondary{background:transparent;border:1px solid #8194b0;color:#e5efff}
#winge-4g .g4-section-nav{border-bottom:1px solid var(--line);background:#fff}
#winge-4g .g4-section-nav .g4-container{display:flex;flex-wrap:wrap;gap:6px 25px;padding-block:17px}
#winge-4g .g4-section-nav a{font-size:14px;padding-block:5px;color:var(--copy)}
#winge-4g .g4-section{padding-block:44px;scroll-margin-top:110px}
#winge-4g .g4-section.soft{background:#f6f8fc}
#winge-4g .g4-work-grid,#winge-4g .g4-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}
#winge-4g .g4-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#winge-4g .g4-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
#winge-4g .g4-work,#winge-4g .g4-card{min-width:0;padding:24px;border:1px solid var(--line);border-radius:10px;background:#fff}
#winge-4g .g4-work h3{margin-bottom:12px}
#winge-4g .g4-card{display:flex;flex-direction:column;gap:12px;color:var(--ink);transition:border-color .2s,box-shadow .2s}
#winge-4g .g4-card:hover{border-color:#8faee6;box-shadow:0 8px 24px #1a3c6c10}
#winge-4g .g4-label{font-size:14px;color:var(--blue);font-weight:700}
#winge-4g .g4-more{font-size:14px;color:var(--blue);margin-top:auto;padding-top:6px}
#winge-4g ul{padding-left:23px;margin-block:18px;list-style:disc}
#winge-4g li{padding-left:3px;margin-block:10px}
#winge-4g .g4-table-wrap{border:1px solid var(--line);border-radius:10px;margin-block:24px;overflow:hidden}
#winge-4g table{width:100%;border-collapse:collapse;table-layout:fixed;background:#fff}
#winge-4g th{background:#edf3ff;color:var(--ink);font-weight:700;text-align:left}
#winge-4g th,#winge-4g td{padding:18px 20px;vertical-align:top;border-bottom:1px solid var(--line);font-size:16px;line-height:1.85}
#winge-4g th:first-child,#winge-4g td:first-child{width:19%;color:var(--ink);font-weight:600}
#winge-4g tr:last-child td{border-bottom:0}
#winge-4g .g4-faq{display:grid;gap:12px}
#winge-4g details{border:1px solid var(--line);padding:20px 24px;border-radius:10px;background:#fff;min-width:0}
#winge-4g summary{cursor:pointer;font-weight:700;line-height:1.75;overflow-wrap:anywhere}
#winge-4g details p{margin-top:14px}
#winge-4g .g4-cta{padding:28px 30px;background:#edf3ff;border:1px solid #d6e3f8;border-radius:12px;display:flex;align-items:center;gap:28px;justify-content:space-between}
#winge-4g .g4-cta>div{min-width:0;flex:1}
#winge-4g .g4-cta p{margin-top:10px}
#winge-4g .g4-cta .g4-button{flex-shrink:0}
@media(max-width:1100px){#winge-4g .g4-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){#winge-4g .g4-container{width:calc(100% - 36px)}#winge-4g .g4-hero{padding:26px 0 34px}#winge-4g .g4-lead{font-size:16px}#winge-4g .g4-section{padding-block:32px;scroll-margin-top:78px}#winge-4g .g4-grid,#winge-4g .g4-grid.two,#winge-4g .g4-work-grid{grid-template-columns:minmax(0,1fr)}#winge-4g .g4-work,#winge-4g .g4-card{padding:20px}#winge-4g .g4-cta{flex-direction:column;align-items:stretch;padding:24px 20px}#winge-4g .g4-actions>.g4-button{flex:1 1 140px}#winge-4g .g4-crumb{margin-bottom:18px}#winge-4g .g4-section-nav .g4-container{gap:4px 18px;padding-block:12px}#winge-4g details{padding:18px}#winge-4g table,#winge-4g tbody,#winge-4g tr,#winge-4g td{display:block;width:100%}#winge-4g thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#winge-4g td,#winge-4g td:first-child{width:100%;padding:12px 18px;border:0;font-weight:400}#winge-4g td:first-child{background:#edf3ff;font-weight:700;color:var(--ink);padding-block:14px}#winge-4g td:not(:first-child)::before{content:attr(data-label);display:block;color:var(--ink);font-size:14px;font-weight:700;margin-bottom:5px}#winge-4g tr+tr{border-top:1px solid var(--line)}.g4-page{padding-bottom:64px}.g4-page .cs-bubble{display:none!important}}
@media(prefers-reduced-motion:reduce){#winge-4g *{transition:none!important;scroll-behavior:auto!important}}

/* Locale adaptations are confined to the IoT main; shared components stay native. */
#winge-4g{letter-spacing:normal}
#winge-4g:not([lang="zh-CN"]){font-family:Arial,"Microsoft YaHei",sans-serif}
#winge-4g[lang="ja"]{font-family:"Yu Gothic","Meiryo",Arial,sans-serif}
#winge-4g[lang="ko"]{font-family:"Malgun Gothic",Arial,sans-serif}
#winge-4g[lang="ar"]{font-family:Tahoma,Arial,sans-serif}
#winge-4g p,#winge-4g li,#winge-4g dd{text-align:start}
#winge-4g h1,#winge-4g h2,#winge-4g h3{max-width:100%;hyphens:auto}
#winge-4g .g4-list{padding-left:0;padding-inline-start:22px}
#winge-4g .g4-list li{padding-left:0;padding-inline-start:3px}
#winge-4g .g4-subgroup>h3{padding-left:0;border-left:0;padding-inline-start:12px;border-inline-start:3px solid var(--blue)}
#winge-4g[dir="rtl"] .g4-kicker,#winge-4g[dir="rtl"] .g4-label{letter-spacing:normal}
#winge-4g .g4-pipeline{grid-template-columns:repeat(3,minmax(0,1fr))}
#winge-4g .g4-cta .g4-button{flex:0 1 auto;max-width:320px}
#winge-4g .g4-languages{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px;max-width:100%;align-items:center}
#winge-4g .g4-languages a{display:inline-flex;align-items:center;min-height:40px;padding:6px 12px;border:1px solid #d0ddf0;border-radius:7px;background:#fff;font-size:14px;line-height:1.5;color:var(--blue);max-width:100%}
#winge-4g .g4-languages a[aria-current="page"]{background:var(--blue);border-color:var(--blue);color:#fff}
#winge-4g .g4-languages-label{width:100%;font-size:14px;color:var(--copy)}
@media(max-width:1000px){#winge-4g .g4-cta{flex-direction:column;align-items:stretch}#winge-4g .g4-cta .g4-button{max-width:100%}}
@media(max-width:767px){#winge-4g .g4-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}#winge-4g .g4-languages{gap:7px}#winge-4g .g4-languages a{padding:6px 10px}}
/* Preserve the native switcher/logo/menu; reserve space for long locale names. */
@media(max-width:380px){
 .g4-page .mobile-nav>.container{display:flex!important;gap:4px!important}
 .g4-page .mobile-nav .logo{flex:1 1 110px!important;min-width:80px!important;max-width:130px!important;width:auto!important}
 .g4-page .mobile-nav .logo a{display:block!important}
 .g4-page .mobile-nav .logo img{width:100%!important;max-width:130px!important;height:auto!important;object-fit:contain}
 .g4-page .mobile-nav .yyqh{flex:0 0 auto!important;margin-inline:0!important}
 .g4-page .mobile-nav .navModule,.g4-page .mobile-nav .navbtn{flex:0 0 44px!important;width:44px!important;min-width:44px!important;margin:0!important}
 .g4-page .mobile-nav .navbtn{display:flex!important;align-items:center;justify-content:center}
 .g4-page .mobile-nav .navbtn svg{flex:0 0 60px!important;width:60px!important;height:60px!important;margin:0!important;transform:none!important}
}
@media(min-width:992px) and (max-width:1279px){
 .g4-page .nav,.g4-page .desktop-nav,.g4-page .top-bar{height:auto!important}
 .g4-page nav.nav .desktop-nav .top-bar>.container{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;height:auto!important;align-items:center}
 .g4-page .top-bar-left{grid-area:1/1;min-width:0}
 .g4-page .top-bar-right{grid-area:1/2;justify-self:end}
 .g4-page .top-bar-center{grid-area:2/1/3/3;min-width:0;width:100%;justify-content:center}
 .g4-page .site-main-nav{flex-wrap:wrap!important;justify-content:center;gap:8px 26px!important;max-width:100%}
 .g4-page .top-bar .logo,.g4-page .top-bar .logo a{flex:0 0 auto!important;width:auto!important}
 .g4-page nav.nav .top-bar>.container,.g4-page nav.nav .top-bar-center,.g4-page nav.nav .site-main-nav,.g4-page nav.nav .site-main-nav>li:has(.nav-dropdown--wide){position:static!important}
 .g4-page nav.nav .top-bar{position:relative!important}
 .g4-page nav.nav .nav-dropdown--wide{left:50%!important;transform:translateX(-50%)!important;max-width:calc(100vw - 64px)!important;top:100%!important}
}
.g4-page .footer .footer-info-center.footer-nav-modern .footer-nav-group h4{white-space:normal!important;overflow-wrap:anywhere;min-width:0;height:auto!important;line-height:1.6}
@media(min-width:992px){.g4-page .footer>.container{width:min(1180px,calc(100% - 200px))!important;max-width:none!important}}
@media(min-width:992px) and (max-width:1279px){.g4-page .footer .footer-info-center.footer-nav-modern{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

#winge-4g p,#winge-4g li,#winge-4g td,#winge-4g th{text-align:start}#winge-4g ul{padding-left:0;padding-inline-start:23px}#winge-4g .g4-cta .g4-button{flex-shrink:1}#winge-4g .g4-languages>span{width:100%}
#winge-4g .g4-crumb>*,#winge-4g .g4-tags>span{min-width:0;max-width:100%;overflow-wrap:anywhere}