/* v3.2 unified presentation: use after the existing catalog styles. */
:root{--p-blue:#176FC1;--p-ink:#26384C;--p-muted:#52677B;--p-bg:#F6FAFE;--p-line:#DCE8F3;--pc-ink:#26384C;--pc-accent:#176FC1}
body{padding-top:98px!important;background:#F7FAFE!important;color:#26384C!important}
.top-bar{height:98px!important;background:white!important;box-shadow:0 2px 18px rgba(31,75,117,.045)!important;border-bottom:1px solid #E3EDF5!important}
.header-inner{height:98px!important;display:flex!important;align-items:center!important;gap:32px!important}
.header-inner .logo.brand-v32{width:292px!important;min-width:292px!important;height:86px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important;padding:3px 0!important;box-sizing:border-box}
.brand-ink-line{height:47px!important;width:246px;display:flex;align-items:center}
.brand-calligraphy-img{max-width:100%!important;width:245px!important;max-height:46px!important;height:auto!important;object-fit:contain!important;object-position:left center!important}
.brand-lower{height:24px;width:272px;display:flex;align-items:center;gap:14px;margin-left:1px}
.brand-year-img{max-width:121px!important;max-height:23px!important;height:auto!important;object-fit:contain!important;object-position:left center!important}
.brand-legacy{font-size:10px;color:#8A9BAD;white-space:nowrap;letter-spacing:.04em;font-weight:500}
.nav-link{margin:0 0 0 auto!important;align-self:center!important;height:48px!important;display:flex!important;align-items:center!important;}
.nav-link ul{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;margin:0!important;padding:0!important;height:48px!important}
.nav-link li{height:45px!important;display:flex!important;align-items:center!important;list-style:none!important}
.nav-link li a:link,.nav-link li a:visited{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:44px!important;line-height:normal!important;border-radius:10px!important;color:#304C68!important;padding:0 17px!important;font-size:15px!important;font-weight:700!important;white-space:nowrap}
.nav-link li a.ov-nav,.nav-link .ov-nav{color:#176FC1!important;background:#EAF4FD!important;border-color:#D3E8F9!important}
.nav-link li a:hover{color:#176FC1!important;background:#EEF7FF!important}
.lang{align-self:center!important}
.lang-switch a{background:#F7FBFF!important;border-color:#DCE8F3!important;color:#304C68!important}
.page-hero{background:linear-gradient(120deg,#EAF5FE 0%,#F5FAFF 64%,#F7FAFE 100%)!important;padding:30px 0!important;border-bottom:1px solid #E6F0F9!important}
.page-hero .page-grid{align-items:center!important;min-height:170px!important;gap:28px!important}
.page-hero .copy h1{font-size:34px!important;color:#26384C!important;font-weight:800!important;margin:0 0 12px!important;line-height:1.3!important}
.page-hero .copy p{max-width:720px!important;margin:0!important;color:#52677B!important;font-size:15px!important;line-height:1.75!important}
.hero-contact-card{border-color:#DEEAF4!important;background:white!important;box-shadow:0 8px 24px rgba(31,75,117,.05)!important}
.hero-contact-card h3{color:#2B526F!important}
.search-panel{background:white!important;margin:21px 0!important;border-color:#DFEAF5!important;box-shadow:0 8px 25px rgba(31,75,117,.045)!important}
.search-title{color:#26384C!important}
.catalog-search button,.pc-modal-ok{background:#176FC1!important;border-color:#176FC1!important;box-shadow:none!important;color:#fff!important}
.catalog-search button:hover,.pc-modal-ok:hover{background:#11579A!important}
.catalog-search input{border-color:#C9DDEA!important;background:white!important}
.category-buttons a{color:#315876!important;background:#F8FBFF!important;border-color:#D5E4F0!important}
.category-buttons a:hover{color:#176FC1!important;background:#E9F4FD!important}
.left-type > div:first-child{background:#176FC1!important}
.product-list>div:first-child{color:#26384C!important}
.PageNo .PV,.PageNo a:hover{background:#176FC1!important;border-color:#176FC1!important}
.floating-tools button,.copy-btn,.copy-all-btn{background:#176FC1!important;color:#fff!important;border-color:#176FC1!important}
.floating-tools button.secondary{background:#fff!important;color:#176FC1!important}
.contact-card,.pc-history-card{border-color:#DEEAF4!important}
.contact-card h2{color:#26384C!important}
.pc-version-link,.site-footer a{color:#176FC1!important}
.sample-about{background:#fff;border:1px solid #DEEAF4;border-radius:14px;margin:18px 0 26px;padding:22px 26px;color:#52677B;line-height:1.8}
.sample-about h2{font-size:18px;color:#26384C;margin:0 0 9px}
.sample-about p{font-size:14px;margin:0}
@media(max-width:760px){body{padding-top:110px!important}.top-bar,.header-inner{height:110px!important}.header-inner{gap:3px!important;align-content:center!important;align-items:center!important}.header-inner .logo.brand-v32{height:52px!important;width:208px!important;min-width:208px!important;padding:0!important;gap:0!important}.brand-ink-line{height:31px!important;width:173px!important}.brand-calligraphy-img{width:172px!important;max-height:31px!important}.brand-lower{height:19px!important;gap:5px!important;width:207px!important}.brand-year-img{max-width:93px!important;max-height:18px!important}.brand-legacy{font-size:8px}.nav-link{order:3!important;margin:0!important;flex:1 0 100%!important;height:36px!important}.nav-link ul{width:100%!important;height:36px!important;justify-content:space-between!important;gap:3px!important}.nav-link li{height:36px!important;flex:1!important}.nav-link li a:link,.nav-link li a:visited{font-size:13px!important;padding:0 5px!important;width:100%!important;height:35px!important}.lang{margin-left:auto!important}.page-hero{padding:24px 0!important}.page-hero .page-grid{min-height:0!important}.page-hero .copy h1{font-size:29px!important}.hero-contact-card{display:none!important}}
/* Final sample alignment: same title baseline and hero vertical geometry across three primary pages. */
@media(min-width:761px){
 .page-hero .page-grid{align-items:start!important;min-height:236px!important}
 .page-hero .copy{padding-top:47px!important;box-sizing:border-box!important}
}

/* Brand sizes and English counterpart */
.header-inner .penny-logo.brand-v32 img{width:auto!important;height:auto!important;max-width:100%;object-fit:contain!important}
.header-inner .logo.brand-v32.en-brand{height:85px!important;width:305px!important;min-width:305px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:5px!important}
.brand-en-title{height:37px;width:295px;display:flex;align-items:center}
.brand-en-title img{display:block!important;width:293px!important;max-height:37px!important}
.brand-en-sub{font-size:11px;font-weight:650;color:#738395;letter-spacing:1.55px;line-height:1;margin-left:3px}
.hero-kicker{display:none!important}
.page-hero .page-grid{min-height:238px!important;align-items:center!important}
.page-hero .copy h1{margin-top:0!important}
.page-hero .copy p{margin:0!important}
.page-hero .copy .brand-calligraphy{display:none!important}
/* One color language across product list, contact, model tools, floating WeChat, paging and overlays. */
:root{--p-blue:#176FC1;--p-ink:#26384C;--p-muted:#52677B;--p-bg:#F7FAFE;--pc-accent:#176FC1;--pc-ink:#26384C;--pc-muted:#52677B;--pc-border:#DEEAF4}
.catalog-search button,.pc-modal-ok,.copy-btn,.copy-all-btn,.page-jump-btn,.copy-model-btn,.ask-model-btn,.penny-pop-actions button,.floating-tools button{background:#176FC1!important;border-color:#176FC1!important;color:white!important;box-shadow:none!important}
.catalog-search button:hover,.pc-modal-ok:hover,.copy-btn:hover,.copy-model-btn:hover,.ask-model-btn:hover,.penny-pop-actions button:hover{background:#105A9F!important;border-color:#105A9F!important}
.floating-tools button{box-shadow:0 5px 17px rgba(23,111,193,.15)!important}
.floating-tools button.secondary,.penny-pop-actions button.light,.contact-action-row button{background:#F0F7FD!important;border:1px solid #C8DFEF!important;color:#176FC1!important;box-shadow:none!important}
.penny-pop-panel,.penny-pop-panel.active,.wechat-qr-card{background:white!important;color:#26384C!important;border-color:#D8E7F3!important;box-shadow:0 15px 44px rgba(24,75,125,.1)!important}
.penny-pop-panel h3,.wechat-qr-card strong{color:#26384C!important}
.penny-pop-panel p,.penny-pop-tip{color:#52677B!important}
.PageNo a,.PageNo span,.page-jump{border-color:#C8DFEF!important}
.PageNo .PV,.PageNo a:hover,.page-jump-btn{background:#176FC1!important;border-color:#176FC1!important;color:white!important}
.pc-modal-check input{accent-color:#176FC1!important}
.pc-history-card{margin-top:0!important;max-width:none!important;box-shadow:none!important}
.pc-history-card .pc-since{border-color:#176FC1!important}
.contact-card h2{font-size:23px!important;color:#26384C!important}
.contact-list .row div:last-child div{color:#26384C!important}
.site-footer{background:#fff!important;color:#52677B!important}
.site-footer a,.pc-version-link{color:#176FC1!important}
.product-list>div:first-child{font-size:17px!important;color:#26384C!important;border-bottom:1px solid #DCE8F3!important;height:48px!important;line-height:48px!important;margin-bottom:20px!important}
.sample-about{margin:0 0 26px;padding:19px 24px}
.sample-about h2{font-size:18px}
.sample-about p{font-size:14px}
@media(max-width:760px){
 .header-inner .logo.brand-v32.en-brand{height:52px!important;width:214px!important;min-width:214px!important;gap:3px!important;padding:0!important}
 .brand-en-title{height:26px!important;width:214px!important}
 .brand-en-title img{width:214px!important;max-height:27px!important}
 .brand-en-sub{font-size:9px!important;margin-left:2px!important;letter-spacing:1px!important}
 .page-hero .page-grid{min-height:0!important}
 .sample-about{padding:17px!important}
}
@media(max-width:395px){.header-inner .logo.brand-v32.en-brand{width:187px!important;min-width:187px!important}.brand-en-title,.brand-en-title img{width:187px!important}}
/* Prevent an inherited fixed-width pager extending beyond narrow phones. */
@media(max-width:760px){.PageNo{box-sizing:border-box!important;max-width:calc(100vw - 48px)!important;min-width:0!important;width:auto!important;}}