/* The full pinyin wordmark is shared by all viewport sizes. */
.brand{min-width:0;max-width:100%}
.brand-copy{min-width:0}
html[lang] .brand-name-pinyin,html[lang] .site-footer .footer-brand .brand-name-pinyin{font-size:18px;line-height:1.35;letter-spacing:.8px;white-space:normal}
html[lang] .brand-english{font-size:10px;letter-spacing:1px}
html[lang] .site-footer .footer-brand .brand-english{font-size:9px;letter-spacing:1px}
.site-footer .footer-brand{max-width:100%}

@media(max-width:1199.98px){
  html[lang] body{font-size:16px;line-height:1.8}
  html[lang] .section-heading p,html[lang] .product-description,html[lang] .service-item p,html[lang] .capability-grid p,html[lang] .brief-grid p,html[lang] .about-copy>p{font-size:16px;line-height:1.9}
  html[lang] .text-link,html[lang] .btn{font-size:15px}
  html[lang] .navbar-nav .nav-link{font-size:16px!important;min-height:46px;display:flex;align-items:center}
  .navbar-collapse{max-height:calc(100dvh - 110px);overflow-y:auto}
  html[lang] .language-switch{font-size:13px;gap:6px}
  .language-switch a{min-width:28px;min-height:44px;display:flex;align-items:center;justify-content:center}
  .header-controls .navbar-toggler{min-width:42px;min-height:44px;padding:8px}
  .header-controls .navbar-toggler-icon{width:22px;height:22px}
  .case-entry{grid-template-columns:minmax(240px,.85fr) minmax(0,1fr);gap:28px}
  .case-entry h2{font-size:24px}
  .case-entry-copy>p{font-size:16px;line-height:1.9}
  .case-article-grid,.detail-content-grid{grid-template-columns:minmax(0,1fr);gap:40px}
  .case-project-facts{flex-wrap:wrap;gap:24px 40px}
  html[lang] .contact-details [data-contact-channel] a{font-size:17px;line-height:1.8;letter-spacing:0;font-weight:500}
  .contact-details p{font-size:15px}
  html[lang] .site-footer .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 40px}
  html[lang] .footer-column a{font-size:14px;line-height:1.9}
  html[lang] .site-footer .footer-tagline{font-size:14px;line-height:1.9}
  html[lang] .site-footer .footer-contact-column>a[data-contact-channel]{font-size:16px;line-height:1.8;letter-spacing:0;margin-bottom:8px;overflow-wrap:anywhere}
  body[data-page="home"] .about-section{background:#fff}
  body[data-page="home"] .contact-section{background:#f4f7fa;padding-top:36px}
}

@media(max-width:767.98px){
  .container{--bs-gutter-x:40px}
  html[lang] .topbar{height:32px;font-size:12px}
  .topbar-contact{gap:16px;justify-content:center;width:100%}
  html[lang] .topbar-contact a{font-size:12px;letter-spacing:.2px}
  .topbar-contact .icon{height:12px;width:12px;margin-right:7px}
  .topbar-contact [data-contact-channel]:not(:first-child){display:none}
  .navbar>.main-nav.container{height:78px;flex-wrap:nowrap;gap:10px}
  .main-nav>.brand{flex:0 1 auto;max-width:calc(100% - 116px);gap:9px}
  .brand-logo{width:60px;height:49px;flex-shrink:0}
  .brand-copy{padding-left:10px}
  html[lang] .brand-name{font-size:19px;line-height:1.45;letter-spacing:2px}
  html[lang] .brand-name-pinyin{font-size:14px;line-height:1.3;letter-spacing:.6px}
  html[lang] .brand-english{font-size:8px;line-height:1.5;letter-spacing:.6px;margin-top:4px}
  .header-controls{gap:4px;flex:0 0 112px;width:112px;margin-left:0}
  .language-switch{padding-left:0;border-left:0;gap:4px;width:66px;flex:0 0 66px}
  .navbar-collapse{top:78px;padding:12px 20px 20px}
  .section{padding:52px 0}
  .section-heading{margin-bottom:28px}
  html[lang] .section-heading h2,html[lang] .about-copy h2{font-size:28px;line-height:1.55;letter-spacing:0}
  .section-heading h2,.about-copy h2,.catalog-hero h1,.cases-hero h1,.case-entry h2,.case-detail-heading h1,.detail-summary h1,.contact-banner h2{text-wrap:balance}
  html[lang] .eyebrow,html[lang] .contact-banner .eyebrow{font-size:12px;line-height:1.7;letter-spacing:1.4px}
  .section-heading .text-link{white-space:normal;margin-top:16px}
  html[lang] .hero,html[lang] .hero-container{min-height:0}
  html[lang] .hero-container{padding-top:44px;padding-bottom:70px}
  html[lang] .hero-copy{max-width:100%}
  html[lang] .hero h1{font-size:clamp(32px,9vw,40px);line-height:1.4;letter-spacing:0;margin-bottom:24px;max-width:none}
  html[lang="en"] .hero h1{font-size:clamp(28px,7.7vw,36px);line-height:1.25;letter-spacing:-.5px}
  html[lang] .hero-description{font-size:16px;line-height:1.9;letter-spacing:0;max-width:100%}
  .hero-actions{margin-top:27px;gap:12px!important}
  html[lang] .hero-actions .btn{font-size:14px;min-height:48px;padding:12px 16px;gap:14px;flex:1 1 145px}
  .hero-bottom{left:20px;right:20px;bottom:22px}
  html[lang] .hero-bottom>span{font-size:9px;letter-spacing:1.4px}
  html[lang] .expertise-item{padding:23px 12px;gap:10px;align-items:flex-start;min-width:0}
  .expertise-item>div{min-width:0}
  html[lang] .expertise-icon{height:25px;width:25px;flex-shrink:0;margin-top:5px}
  html[lang] .expertise-item h2{font-size:15px;line-height:1.6;letter-spacing:0;white-space:normal}
  html[lang] .expertise-item p{font-size:13px;line-height:1.7;white-space:normal;letter-spacing:0}
  html[lang] .product-filter,html[lang] .catalog-toolbar .product-filter{gap:8px;flex-wrap:wrap;overflow:visible;border:0}
  html[lang] .product-filter .filter-btn{font-size:14px;min-height:44px;padding:9px 12px;border:1px solid #d8e4ed;border-radius:3px;background:#fff;line-height:1.7}
  .product-filter .filter-btn.active{color:#146eb4;background:#eaf3fb;border-color:#94bddb}
  .product-filter .filter-btn:after{display:none}
  .filter-btn span{font-size:11px}
  .product-image{height:235px}
  html[lang] .product-image>span{font-size:11px;letter-spacing:.5px}
  .product-info{padding:25px}
  html[lang] .product-info h3{font-size:21px;line-height:1.55}
  .product-category{font-size:13px}
  .product-bottom{gap:12px;flex-wrap:wrap}
  html[lang] .product-tag{font-size:13px;line-height:1.7;white-space:normal}
  html[lang] .product-details-btn{font-size:14px;min-height:44px;gap:12px;white-space:nowrap}
  html[lang] .service-item{padding:28px 24px}
  html[lang] .service-item h3,html[lang] .capability-grid h3,html[lang] .brief-grid h3{font-size:21px;line-height:1.6}
  html[lang] .service-number,html[lang] .service-item>span,html[lang] .brand-belief>span,html[lang] .about-values span{font-size:13px}
  .service-item p{margin-bottom:22px}
  html[lang] .company-name{font-size:16px!important}
  html[lang] .about-copy .brand-belief>p{font-size:20px}
  .about-values{flex-wrap:wrap;gap:12px 22px}
  .about-visual{min-height:335px;width:100%;max-width:100%}
  .orbit-one{width:285px;height:285px}.orbit-two{width:240px;height:240px}.orbit-three{width:195px;height:195px}
  html[lang] .about-visual .orbit-label{font-size:12px;line-height:1.5;letter-spacing:0;padding:6px 8px;gap:6px;max-width:145px}
  html[lang] .orbit-label .icon{width:16px;height:16px;flex-shrink:0}
  html[lang] .about-visual .label-one{left:12px;top:35px}
  html[lang] .about-visual .label-two{right:12px;top:78px}
  .label-three{left:12px;bottom:84px}.label-four{right:12px;bottom:37px}
  html[lang] .about-core span{font-size:11px;letter-spacing:.5px;white-space:normal}
  .about-visual-caption{font-size:10px;letter-spacing:1.2px;bottom:16px}
  .client-section .section-heading{margin-bottom:26px}
  .client-group{gap:28px;padding-right:28px}
  .client-logo-item{width:180px;height:78px}
  .client-logo-item img{max-width:174px;max-height:55px}
  .contact-banner{padding:30px 24px;gap:22px}
  html[lang] .contact-banner h2{font-size:26px;line-height:1.55;max-width:100%;letter-spacing:0}
  html[lang] .contact-banner p{font-size:15px;line-height:1.9;max-width:100%}
  html[lang] .contact-banner>.btn{font-size:15px;min-height:46px}
  html[lang] .contact-details>div{padding-left:12px;gap:16px}
  .contact-details span{font-size:13px}
  html[lang] .contact-details [data-contact-channel] a{font-size:17px}
  .site-footer{padding-top:38px}
  html[lang] .site-footer .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}
  html[lang] .site-footer .footer-brand .brand-logo{width:76px;height:52px}
  html[lang] .site-footer .footer-brand .brand-name{font-size:22px}
  html[lang] .site-footer .footer-brand .brand-name-pinyin{font-size:18px}
  html[lang] .site-footer .footer-brand .brand-english{font-size:9px;letter-spacing:.8px}
  html[lang] .footer-column h2,html[lang] .footer-contact-column h2{font-size:16px;line-height:1.6;margin-bottom:16px}
  .footer-contact-column{position:static;min-height:0;padding-top:25px}
  .footer-contact-column>a{max-width:100%}
  .footer-wechat{position:static;margin-top:18px;gap:14px;max-width:100%}
  .footer-wechat .qr-image{width:76px;height:76px}
  .footer-wechat>span:last-child{display:flex;min-width:0}
  .footer-wechat strong{font-size:14px}.footer-wechat>span>span{font-size:12px}
  html[lang] .footer-signature,html[lang] .site-footer .footer-bottom{font-size:11px;line-height:1.9}
  .footer-signature{letter-spacing:1px}
  .site-footer .footer-bottom{align-items:flex-start;text-align:left}
  .back-top{width:42px;height:42px;right:12px;bottom:16px}
  html[lang] .breadcrumb,html[lang] .cases-hero .breadcrumb{font-size:12px;line-height:1.8;overflow-wrap:anywhere}
  .catalog-hero,.cases-hero{padding:28px 0 38px}
  .catalog-hero .breadcrumb,.cases-hero .breadcrumb{margin-bottom:28px}
  html[lang] .catalog-hero h1,html[lang] .cases-hero h1{font-size:29px;line-height:1.55;letter-spacing:0;max-width:100%}
  html[lang] .catalog-hero p,html[lang] .cases-hero>div>p{font-size:16px;line-height:1.9;max-width:100%}
  .catalog-section,.cases-section{padding-top:30px;padding-bottom:48px}
  .catalog-toolbar{align-items:stretch;gap:20px}
  .catalog-search{width:100%;max-width:none}
  .catalog-search input{font-size:16px;min-height:46px}
  .catalog-summary{font-size:13px;padding:20px 0}
  .selection-help{padding:24px;gap:20px}
  html[lang] .selection-help h2{font-size:21px;line-height:1.6}
  html[lang] .selection-help p{font-size:15px;line-height:1.9}
  html[lang] .selection-help .text-link{font-size:15px;white-space:normal}
  .listing-pagination{flex-direction:column;align-items:center;gap:14px;margin-top:28px}
  .pagination-status{font-size:13px}
  .listing-pagination .pagination{flex-wrap:wrap;justify-content:center;gap:6px}
  .listing-pagination .page-link{min-width:42px;min-height:44px;font-size:14px;padding:8px 12px}
  .case-toolbar{flex-direction:column;align-items:stretch;gap:14px;padding-bottom:20px}
  .case-filters{flex-wrap:wrap;gap:8px}
  .case-filter{font-size:14px;min-height:44px;padding:8px 12px;border:1px solid #d8e4ed;background:white;border-radius:3px;line-height:1.7}
  .case-filter.active{color:#146eb4;background:#eaf3fb;border-color:#94bddb}
  .case-filter.active:after{display:none}
  .case-count{font-size:13px}
  .case-entry{grid-template-columns:minmax(0,1fr);gap:22px;padding:28px 0}
  .case-cover img{padding:22px}
  .case-cover>span{font-size:12px}
  .case-entry-copy{padding:0}
  .case-entry-meta,.case-entry-meta time{font-size:13px}
  .case-entry h2{font-size:24px;line-height:1.55}
  .case-entry-bottom{align-items:flex-start;flex-direction:column;gap:14px;margin:0}
  .case-entry-bottom>span{font-size:13px}
  .case-entry-bottom .text-link{font-size:15px;min-height:44px}
  .case-detail-heading{padding:30px 0 32px}
  .case-detail-kicker{font-size:13px;margin-bottom:16px}
  .case-detail-heading h1{font-size:28px;line-height:1.55;margin-bottom:18px}
  .case-detail-heading>div>p{font-size:16px;line-height:1.9;margin-bottom:24px}
  .case-project-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}
  .case-project-facts>div:first-child{grid-column:1/-1}
  .case-project-facts dt{font-size:12px}.case-project-facts dd{font-size:14px;line-height:1.8;overflow-wrap:break-word}
  .case-detail-body{padding-top:30px;padding-bottom:48px}
  .case-article-grid{grid-template-columns:minmax(0,1fr);gap:36px}
  .rich-text-content{font-size:16px;line-height:1.95;min-width:0}
  .rich-text-content h2{font-size:24px}.rich-text-content h3{font-size:21px}.rich-text-content h4{font-size:18px}
  .rich-text-content figure{margin:27px 0}
  .rich-text-content img{height:auto!important}
  .rich-text-content figcaption{font-size:13px}
  .rich-text-content blockquote{padding:16px 18px}
  .rich-text-content table{display:block;max-width:100%;overflow-x:auto;font-size:14px}
  .rich-text-content th,.rich-text-content td{padding:11px 12px;min-width:85px;overflow-wrap:break-word}
  .case-record-sidebar h2{font-size:23px}
  .case-related-product{font-size:16px;line-height:1.7;padding:17px 0}
  .case-related-product img{width:80px;height:65px}
  .case-article-footer a{font-size:15px;display:inline-flex;align-items:center;min-height:44px}
  .detail-hero{padding:26px 0 32px}
  .detail-grid{gap:30px}
  .gallery-frame img{padding:20px}
  .detail-gallery .gallery-control{width:42px;height:42px;top:calc(50% - 21px)}
  .detail-gallery .carousel-control-prev{left:9px}.detail-gallery .carousel-control-next{right:9px}
  .gallery-count{font-size:12px;bottom:10px;right:12px}
  .gallery-thumbnail{width:76px;flex-basis:76px;height:60px}
  .gallery-thumbnail span{font-size:11px}
  .detail-category{font-size:14px;margin-bottom:16px;min-height:32px}
  html[lang] .detail-summary>.eyebrow{font-size:11px;line-height:1.7;letter-spacing:1px}
  html[lang] .detail-summary h1{font-size:29px;line-height:1.5;letter-spacing:0}
  html[lang] .detail-lead{font-size:16px;line-height:1.9}
  html[lang] .detail-enquiry-label{font-size:13px;line-height:1.7;letter-spacing:0}
  .detail-actions{gap:18px}
  html[lang] .detail-actions .btn{font-size:15px;min-height:48px;padding:12px 18px;gap:16px}
  .detail-call{font-size:16px;min-height:40px}
  .detail-enquiry p{font-size:14px;line-height:1.9}
  .detail-back{font-size:14px;min-height:44px}
  .detail-content{padding:36px 0 48px}
  .detail-section-heading{gap:12px;margin-bottom:20px}
  .detail-section-heading>span{font-size:12px}
  .detail-section-heading h2{font-size:24px}
  .detail-overview>p{font-size:16px;line-height:1.95}
  .detail-spec-table{font-size:14px;line-height:1.8}
  .detail-spec-table th{width:96px;min-width:84px}
  .detail-spec-table th,.detail-spec-table td{padding:13px 12px}
  .detail-spec-note{font-size:13px;line-height:1.9}
  .detail-information{margin-top:34px}
  .product-pdf-link{gap:12px;padding:18px 0}
  .product-pdf-label{font-size:15px;min-width:0;overflow-wrap:anywhere}
  .detail-support h2{font-size:23px}
  .detail-support p,.detail-support .text-link{font-size:15px;line-height:1.9}
  .detail-support .eyebrow{font-size:11px}
  .contact-panel{padding:26px 22px}
  .contact-panel h2,.wechat-panel h2{font-size:26px}
  .panel-description,.wechat-panel>p{font-size:15px;line-height:1.9}
  .contact-channel{gap:13px}
  .contact-channel span{font-size:13px}
  html[lang] .contact-panel .contact-channel a:not(.channel-action){font-size:17px;line-height:1.8}
  .contact-channel p{font-size:15px;line-height:1.9}
  .contact-channel .channel-action{margin-left:auto;flex-shrink:0}
  .contact-channel>.icon{width:21px;height:21px;flex-shrink:0}
  .wechat-panel{padding:30px 22px}
  .wechat-panel .btn{font-size:15px;min-height:46px}
  .qr-modal-body .qr-image-large{width:100%;max-width:240px;height:240px}
  .qr-modal-body p{font-size:15px;line-height:1.8}
  .modal-header .modal-title{font-size:16px}
  .modal-header .btn-close{padding:12px}
  .catalog-toolbar,.case-toolbar{scroll-margin-top:20px}
}

@media(max-width:374.98px){
  .container{--bs-gutter-x:32px}
  .navbar>.main-nav.container{gap:8px}
  .main-nav>.brand{gap:7px;max-width:calc(100% - 112px)}
  .brand-logo{width:44px}
  .brand-copy{padding-left:8px}
  html[lang] .brand-name{font-size:18px;letter-spacing:1.5px}
  html[lang] .brand-name-pinyin{font-size:12.5px;letter-spacing:.1px}
  html[lang] .brand-english{font-size:7.5px;letter-spacing:.3px}
  .header-controls{gap:4px;flex-basis:110px;width:110px}
  .header-controls .navbar-toggler{min-width:40px}
  .language-switch a{min-width:26px}
  html[lang] .expertise-item{padding-left:8px;padding-right:8px;gap:8px}
  html[lang] .expertise-icon{width:22px;height:22px}
  html[lang] .expertise-item h2{font-size:14px}
  html[lang] .expertise-item p{font-size:12px}
  .product-info{padding:23px}
  .contact-panel{padding:24px 18px}
  html[lang] .contact-panel .contact-channel a:not(.channel-action){font-size:16px}
  .contact-channel{gap:10px}
  .contact-channel>.icon{width:19px;height:19px}
  .contact-channel .channel-action{width:26px;min-width:26px}
}