/* v3.4 approved maintenance update, loaded AFTER v3.2 and v3.3.
   Source images, routes, search data, catalog assignments and product order unchanged. */
:root{--p-blue:#176FC1;--p-blue-hover:#105A9F;--p-line:#C8DFEF;}
/* Restoration of precise brand sizing by upstream v3.2 CSS is intentional.
   Ensure older global img rules cannot stretch either logotype. */
.header-inner .logo.brand-v32{overflow:visible!important}
.header-inner .logo.brand-v32 .brand-ink-line{flex-shrink:0}
.header-inner .logo.brand-v32 .brand-calligraphy-img{display:block!important;width:245px!important;max-width:245px!important;height:auto!important;max-height:46px!important;object-fit:contain!important}
.header-inner .logo.brand-v32 .brand-year-img{display:block!important;max-width:121px!important;max-height:23px!important;width:auto!important;height:auto!important;object-fit:contain!important}
/* v3.3's general image rule is overridden by intentionally specific v3.4 selectors. */
@media(max-width:760px){
 .header-inner .logo.brand-v32 .brand-calligraphy-img{width:172px!important;max-width:172px!important;max-height:31px!important}
 .header-inner .logo.brand-v32 .brand-year-img{max-width:93px!important;max-height:18px!important}
}
/* Existing page numbers; selected blue/white, available white/blue, disabled soft grey.
   span:not(:first-child) from v3.3 has higher specificity than plain .PV. */
.PageNo span.PV,.PageNo span.PV:not(:first-child),.PageNo a.PV,.PageNo a.PV:visited,.PageNo a.PV:hover{
 background:#176FC1!important;border-color:#176FC1!important;color:#FFFFFF!important;
 font-weight:800!important;
}
.PageNo a:not(.PV),.PageNo a:not(.PV):link,.PageNo a:not(.PV):visited{
 background:#FFFFFF!important;color:#176FC1!important;border-color:#C8DFEF!important;
}
.PageNo a:not(.PV):hover,.PageNo a:not(.PV):focus-visible{
 background:#EAF4FD!important;color:#105A9F!important;border-color:#176FC1!important;
}
.PageNo span:not(.PV):not(:first-child){background:#F5F9FD!important;color:#7D91A5!important;border-color:#E0EBF5!important}
/* The left catalog is sticky ONLY when desktop layout has its two-column grid.
   It has one scrolling surface within viewport, including full category subtree. */
@media(min-width:1101px){
 .content .wp-bd.top-margin>.left-type{
   position:sticky!important;top:113px!important;align-self:start!important;
   max-height:calc(100vh - 128px)!important;max-height:calc(100dvh - 128px)!important;
   overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;
   scrollbar-color:#C6DCEC #F4F8FB;
 }
 .content .wp-bd.top-margin>.left-type>div:first-child{
   position:sticky!important;top:0!important;z-index:2;
   background:#176FC1!important;box-shadow:none!important;
 }
 .content .wp-bd.top-margin>.left-type::-webkit-scrollbar{width:6px}
 .content .wp-bd.top-margin>.left-type::-webkit-scrollbar-thumb{background:#C6DCEC;border-radius:8px}
}
/* Responsive category disclosure: original category links kept 1:1. */
.pc-category-toggle{display:none}
@media(max-width:760px){
 .content .wp-bd.top-margin>.left-type{position:static!important;max-height:none!important;overflow:visible!important;width:100%!important}
 .left-type.pc-mobile-categories>div:first-child{display:none!important}
 .left-type.pc-mobile-categories>ul{display:none!important}
 .left-type.pc-mobile-categories.is-open>ul{display:block!important;max-height:57vh!important;overflow-y:auto!important;overscroll-behavior:contain}
 .left-type .pc-category-toggle{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;
   border:1px solid #C8DFEF;background:#FFF;color:#176FC1;border-radius:11px;
   padding:12px 16px;font-size:15px;font-weight:750;cursor:pointer;text-align:left}
 .left-type .pc-category-toggle:focus-visible{outline:3px solid #82B9E4;outline-offset:2px}
 .left-type .pc-category-toggle .pc-category-arrow{transition:transform .15s ease}
 .left-type.is-open .pc-category-toggle .pc-category-arrow{transform:rotate(180deg)}
}
/* Home-only: native details element is accessible without any JavaScript. */
.pc-hero-intro.pc-about-details{width:min(610px,100%);max-width:100%;background:#fff!important;
 border:1px solid #D6E5F2!important;border-left:3px solid #76B4E5!important;
 border-radius:9px!important;padding:0!important;margin-top:20px!important;box-sizing:border-box}
.pc-about-details summary{display:flex;align-items:center;justify-content:space-between;gap:10px;
 list-style:none;cursor:pointer;min-height:57px;padding:10px 14px;color:#26384C}
.pc-about-details summary::-webkit-details-marker{display:none}
.pc-about-details summary:focus-visible{outline:3px solid #82B9E4;outline-offset:-3px;border-radius:8px}
.pc-about-summary-left{display:flex;align-items:center;gap:10px;min-width:0}
.pc-about-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;
 width:32px;height:32px;border-radius:8px;background:#EAF4FD;color:#176FC1;font-size:17px}
.pc-about-titles{display:flex;flex-direction:column;gap:3px;min-width:0}
.pc-about-titles strong{font-size:14px;line-height:1.35;color:#26384C}
.pc-about-titles small{font-size:11px;line-height:1.45;color:#708196}
.pc-about-action{display:flex;align-items:center;gap:7px;color:#176FC1;font-size:12px;font-weight:750;white-space:nowrap}
.pc-about-action .pc-about-collapse{display:none}
.pc-about-details[open] .pc-about-action .pc-about-expand{display:none}
.pc-about-details[open] .pc-about-action .pc-about-collapse{display:inline}
.pc-about-chevron{font-size:17px;line-height:1;transition:transform .16s ease}
.pc-about-details[open] .pc-about-chevron{transform:rotate(180deg)}
.pc-about-details .pc-about-body{padding:15px 17px 17px;border-top:1px solid #E4EDF5}
.page-hero .copy .pc-about-body p{font-size:13px!important;line-height:1.85!important;
 margin:0 0 12px!important;color:#465E73!important;max-width:none!important}
.page-hero .copy .pc-about-body p:last-child{margin-bottom:0!important}
.pc-about-body strong{font-weight:750;color:#26384C}
@media(max-width:760px){
 .pc-hero-intro.pc-about-details{margin-top:16px!important}
 .pc-about-details summary{padding:10px;gap:7px}
 .pc-about-icon{width:30px;height:30px}
 .pc-about-titles small{font-size:10px}
 .pc-about-action{font-size:11px;gap:4px}
 .pc-about-details .pc-about-body{padding:13px}
 .page-hero .copy .pc-about-body p{font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){.pc-about-chevron,.pc-category-arrow{transition:none!important}}

/* Penny Connectors v3.6 — layered after v3.4; factual catalog and image bytes untouched.
   A-scheme hierarchical categories, bounded sticky layout, restrained blue-white hero. */
:root{--p-blue:#176FC1;--p-blue-hover:#115A9D;--p-blue-light:#EAF4FD;--p-line:#D9E8F4}
.page-hero{background-image:linear-gradient(90deg,rgba(248,252,255,.35) 0%,rgba(248,252,255,.10) 68%,rgba(248,252,255,.22) 100%),url('../brand/hero-connector-v36.webp')!important;background-color:#EEF7FF!important;background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important}
.page-hero .copy h1,.page-hero .copy>p{filter:none}
.page-hero .hero-contact-card,.page-hero .pc-about-details{background:rgba(255,255,255,.97)!important;backdrop-filter:blur(5px)}
/* English logo uses the two explicitly approved supplied artwork images, never a computer font replacement. */
.header-inner .logo.brand-v32.en-brand{width:346px!important;min-width:346px!important;height:90px!important;gap:5px!important;overflow:visible!important}
.header-inner .en-brand .brand-en-title{display:flex!important;align-items:center!important;width:342px!important;height:30px!important;flex:none!important}
.header-inner .en-brand .brand-en-title img{width:340px!important;max-width:340px!important;max-height:29px!important;height:auto!important;object-fit:contain!important;object-position:left center!important}
.header-inner .en-brand .brand-en-sub{display:block!important;height:20px!important;line-height:20px!important;margin-left:2px!important}
.header-inner .en-brand .brand-en-sub img{height:17px!important;width:auto!important;max-width:110px!important;display:block!important;object-fit:contain!important}
.header-inner .en-brand .brand-en-legacy{font-size:10px!important;line-height:14px!important;margin:0 0 0 3px!important;color:#8A9BAD!important}
/* Remove legacy stacked-card styling, retain all original categories and href routes. */
.left-type{background:#fff!important;border:1px solid #DCEAF5!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(18,76,128,.06)!important;}
.left-type>div:first-child{background:#176FC1!important;background-image:none!important;border-radius:15px 15px 0 0!important;box-shadow:none!important;height:51px!important;line-height:51px!important;padding-left:20px!important;color:#fff!important;font-size:16px!important;font-weight:800!important;width:auto!important}
.left-type>ul,.left-type ul.clearfix{border:none!important;border-radius:0!important;box-shadow:none!important;padding:5px 0 9px!important;margin:0!important;overflow:visible!important;background:#fff!important}
.left-type>ul>li{float:none!important;width:auto!important;border-bottom:1px solid #EEF3F8!important;padding:0!important;margin:0!important;text-align:left!important;background:#fff!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.left-type>ul>li:last-child{border-bottom:0!important}
.left-type>ul>li>a:link,.left-type>ul>li>a:visited{background:transparent!important;float:none!important;display:block!important;border:0!important;border-radius:7px!important;margin:1px 9px!important;padding:11px 10px 11px 27px!important;min-height:44px!important;height:auto!important;line-height:1.55!important;white-space:normal!important;color:#273F57!important;font-size:14px!important;font-weight:750!important;word-break:normal!important;overflow-wrap:break-word!important;}
.left-type>ul>li>a:before{left:10px!important;width:7px!important;height:7px!important;border:1.5px solid #5B9ACE!important;background:#fff!important}
.left-type>ul>li>a:hover,.left-type>ul>li>a:focus-visible{background:#EAF4FD!important;color:#176FC1!important}
.left-type>ul>li>ul{padding:0 8px 7px 11px!important;margin:0 8px 0 14px!important;border:0!important;border-left:1px solid #DDEAF5!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.left-type>ul>li>ul>li{float:none!important;display:block!important;width:auto!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.left-type>ul>li>ul>li>a:link,.left-type>ul>li>ul>li>a:visited{font-size:13px!important;font-weight:500!important;color:#49637E!important;padding:7px 7px 7px 16px!important;margin:0!important;line-height:1.45!important;min-height:32px!important;height:auto!important;background:transparent!important;border-radius:6px!important;white-space:normal!important}
.left-type>ul>li>ul>li>a:before{width:5px!important;height:5px!important;left:4px!important;border:1px solid #A7C7E1!important;background:#fff!important}
.left-type>ul>li>ul>li>a:hover,.left-type>ul>li>ul>li>a:focus-visible{color:#176FC1!important;background:#EEF7FF!important}
.left-type>ul li>a.pc-current,.left-type>ul li>a.pc-current:link,.left-type>ul li>a.pc-current:visited{background:#EAF4FD!important;color:#176FC1!important;font-weight:800!important}
.left-type>ul li>a.pc-current:before{background:#176FC1!important;border-color:#176FC1!important}
html[lang="en"] .left-type>ul>li>a:link,html[lang="en"] .left-type>ul>li>a:visited{font-size:13px!important;line-height:1.4!important;letter-spacing:0!important}
html[lang="en"] .left-type>ul>li>ul>li>a:link,html[lang="en"] .left-type>ul>li>ul>li>a:visited{font-size:13px!important}
/* Category stays inside the product grid row; full-width paginator follows underneath.
   This prevents sidebar from occupying the same row as page controls. */
@media(min-width:1101px){
 .content .wp-bd.top-margin{grid-template-columns:235px minmax(0,1fr)!important;column-gap:26px!important;row-gap:24px!important;align-items:start!important}
 .content .wp-bd.top-margin>.left-type{grid-column:1!important;grid-row:1!important;width:235px!important;position:sticky!important;top:110px!important;max-height:calc(100vh - 129px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin!important;scrollbar-color:#BBD0E2 transparent!important}
 .content .wp-bd.top-margin>.product-list{grid-column:2!important;grid-row:1!important}
 .content .wp-bd.top-margin>.PageNo{grid-column:1/-1!important;grid-row:2!important;margin:5px 0 12px!important;width:100%!important;justify-content:center!important;box-sizing:border-box!important}
 .content .wp-bd.top-margin>.left-type>div:first-child{position:sticky!important;top:0!important;z-index:2!important}
}
/* Correct color fidelity on pager and jump controls. */
.PageNo span.PV,.PageNo span.PV:not(:first-child),.PageNo a.PV,.PageNo a.PV:link,.PageNo a.PV:visited{color:#FFFFFF!important;background:#176FC1!important;border-color:#176FC1!important}
.PageNo a:not(.PV):link,.PageNo a:not(.PV):visited{background:#FFFFFF!important;color:#176FC1!important}
.page-jump-btn{color:#fff!important;background:#176FC1!important;border-color:#176FC1!important}
/* Button re-skin preserves existing data-open-panel handlers. */
.floating-tools{right:0!important;gap:8px!important;z-index:9999!important}
.floating-tools button,.floating-tools button.secondary{writing-mode:horizontal-tb!important;text-orientation:mixed!important;letter-spacing:0!important;width:56px!important;min-width:56px!important;min-height:58px!important;height:58px!important;border-radius:14px 0 0 14px!important;padding:7px 4px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;box-sizing:border-box!important;font-size:11px!important;line-height:1.2!important;font-weight:650!important;text-align:center!important}
.floating-tools button[data-open-panel="wechat"]{background:#176FC1!important;color:white!important;border:1px solid #176FC1!important}
.floating-tools button.secondary{background:#F1F7FD!important;color:#176FC1!important;border:1px solid #C8DFEF!important;border-right:0!important}
.floating-tools svg{display:block;width:21px;height:21px;flex:none;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
.floating-tools .pc-tool-label{white-space:nowrap}
.penny-pop-panel .pc-share-extra{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #E5EDF5}
.penny-pop-panel .pc-share-extra a,.penny-pop-panel .pc-share-extra button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:37px;background:#EEF7FF!important;color:#176FC1!important;border:1px solid #C8DFEF!important;border-radius:9px!important;text-decoration:none;font-size:12px!important;font-weight:700!important;padding:7px 10px!important;margin:0!important;cursor:pointer;box-sizing:border-box}
.penny-pop-panel .pc-share-extra .pc-share-qr{display:block;width:118px;height:118px;object-fit:contain;margin:8px 0}
.penny-pop-panel .pc-share-extra .pc-share-note{font-size:12px;color:#5C738B;line-height:1.6;margin:0;width:100%}
@media(max-width:1100px){.content .wp-bd.top-margin>.PageNo{grid-column:1/-1!important;grid-row:auto!important;width:100%!important}.content .wp-bd.top-margin>.left-type{position:static!important;max-height:none!important;overflow:visible!important}}
@media(max-width:760px){
 .page-hero{background-position:68% center!important;background-size:cover!important}
 .header-inner .logo.brand-v32.en-brand{width:235px!important;min-width:235px!important;height:56px!important;gap:2px!important}
 .header-inner .en-brand .brand-en-title{width:235px!important;height:20px!important}
 .header-inner .en-brand .brand-en-title img{width:232px!important;max-width:232px!important;max-height:19px!important}
 .header-inner .en-brand .brand-en-sub{height:14px!important;line-height:14px!important}
 .header-inner .en-brand .brand-en-sub img{height:11px!important;max-width:76px!important}
 .header-inner .en-brand .brand-en-legacy{font-size:8px!important;line-height:12px!important}
 .floating-tools button,.floating-tools button.secondary{width:46px!important;min-width:46px!important;height:50px!important;min-height:50px!important;font-size:9px!important;padding:5px 2px!important;border-radius:10px 0 0 10px!important}
 .floating-tools svg{width:18px;height:18px}
 .left-type>ul{max-height:58vh!important;overflow-y:auto!important}
 .left-type.pc-mobile-categories>ul{display:none!important}
 .left-type.pc-mobile-categories.is-open>ul{display:block!important}
}
@media(prefers-reduced-motion:reduce){.floating-tools button,.left-type a{transition:none!important}}

/* v3.6 English wordmark: use supplied raster artwork without editing 4,000+ English page HTML files. */
.header-inner .logo.brand-v32.en-brand .brand-en-title{background-image:url('../brand/penny-logo-en-v36.png')!important;background-repeat:no-repeat!important;background-size:contain!important;background-position:left center!important}
.header-inner .logo.brand-v32.en-brand .brand-en-title img{visibility:hidden!important}
.header-inner .logo.brand-v32.en-brand .brand-en-sub{font-size:0!important;color:transparent!important;background-image:url('../brand/penny-est-en-v36.png')!important;background-repeat:no-repeat!important;background-size:auto 17px!important;background-position:left center!important;width:111px!important;height:20px!important;min-height:20px!important}
@media(max-width:760px){.header-inner .logo.brand-v32.en-brand .brand-en-sub{background-size:auto 11px!important;width:78px!important;height:14px!important;min-height:14px!important}}
/* Product-category legacy minimum heights are additive to padding; undo excessive gaps for true continuous lists. */
.left-type>ul>li>a:link,.left-type>ul>li>a:visited{min-height:0!important;box-sizing:border-box!important}
.left-type>ul>li>ul>li>a:link,.left-type>ul>li>ul>li>a:visited{min-height:0!important;box-sizing:border-box!important}
/* On mobile the disclosure button precedes the original div header; hide the header regardless of child index. */
@media(max-width:760px){.left-type.pc-mobile-categories>div{display:none!important}}

/* ---------------------------------------------------------------
   PENNY CONNECTORS v3.7 — dual-language approved refinements
   Loaded through unchanged public CSS file to avoid rewriting 9,170
   catalog pages or changing any products, routes, or filenames.
   --------------------------------------------------------------- */
/* Pager controls float over the native page background, NOT inside a white block.
   Keep page buttons (white) and selected page (blue/white) unchanged. */
.PageNo,.content .wp-bd.top-margin>.PageNo,.product-list .PageNo {
 background:transparent!important;background-color:transparent!important;background-image:none!important;
 box-shadow:none!important;border:none!important;border-radius:0!important;
 padding:10px 0 6px!important;min-height:0!important;
}
@media(min-width:1101px){
 .content .wp-bd.top-margin{row-gap:30px!important}
 .content .wp-bd.top-margin>.PageNo{grid-column:1/-1!important;grid-row:2!important;
  position:relative!important;z-index:1!important;margin:12px 0 20px!important;}
 .content .wp-bd.top-margin>.left-type{grid-column:1!important;grid-row:1!important;
  margin-bottom:0!important;}
}
/* Compact book icon and four intuitive labelled rows; no change to actual contact data. */
.pc-about-icon{font-size:0!important}
.pc-about-icon svg{width:21px;height:21px;display:block;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.page-hero .hero-contact-card{padding:17px 20px!important;border-radius:17px!important;border:1px solid #D9E8F4!important}
.page-hero .hero-contact-card h3{display:flex!important;align-items:center!important;gap:10px!important;
 color:#26384C!important;font-size:18px!important;padding:0 0 13px!important;margin:0 0 10px!important;
 border-bottom:1px solid #E4EDF6!important}
.pc-headset-icon,.pc-contact-icon{display:flex;align-items:center;justify-content:center;flex:none;
 border-radius:50%;background:#EAF4FD;color:#176FC1}
.pc-headset-icon{width:36px;height:36px}
.pc-contact-icon{position:absolute;top:50%;left:0;transform:translateY(-50%);width:34px;height:34px}
.pc-headset-icon svg,.pc-contact-icon svg{width:19px;height:19px;stroke:currentColor;stroke-width:2;
 fill:none;stroke-linecap:round;stroke-linejoin:round}
.page-hero .hero-contact-card .hc-grid{display:grid!important;grid-template-columns:1fr!important;gap:5px!important}
.page-hero .hero-contact-card .hc-item,.page-hero .hero-contact-card .hc-item.full{
 grid-column:1/-1!important;position:relative!important;box-sizing:border-box!important;
 padding:7px 0 7px 47px!important;min-height:48px!important;display:flex!important;flex-direction:column!important;
 justify-content:center!important;gap:3px!important}
.page-hero .hero-contact-card .hc-item strong{color:#698098!important;font-size:12px!important;
 line-height:1.3!important;font-weight:600!important;margin:0!important}
.page-hero .hero-contact-card .hc-item span:not(.pc-contact-icon){color:#26384C!important;font-size:15px!important;
 font-weight:750!important;line-height:1.45!important;overflow-wrap:anywhere!important}
/* Floating affordances are icons PLUS unobtrusive text, and remain real buttons. */
.floating-tools button.secondary{background:#176FC1!important;color:#FFFFFF!important;
 border:1px solid #176FC1!important;}
.floating-tools button:not(:disabled):hover,.floating-tools button:not(:disabled):focus-visible{
 background:#115A9D!important;color:#FFFFFF!important;border-color:#115A9D!important;}
.floating-tools button:focus-visible{outline:3px solid #9BCBEE!important;outline-offset:2px}
.floating-tools svg{width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important}
@media(max-width:760px){
 .page-hero .hero-contact-card{padding:16px!important}
 .page-hero .hero-contact-card h3{font-size:16px!important}
 .floating-tools svg{width:19px!important;height:19px!important}
 .PageNo,.content .wp-bd.top-margin>.PageNo,.product-list .PageNo{padding:10px 0 14px!important}
}

/* v3.7 bottom-of-catalog safety: pager belongs to PRODUCT column, never under the sidebar. */
@media(min-width:1101px){
 .content .wp-bd.top-margin>.PageNo{grid-column:2!important;justify-content:center!important;width:100%!important}
 .content .wp-bd.top-margin>.left-type{max-height:min(62vh,600px)!important;max-height:min(62dvh,600px)!important}
}


/* Penny Connectors v3.8 — bilingual consistency, natural catalog navigation.
   This file is shared by all Chinese and English pages. The original product links,
   thumbnails, model data, and detailed specifications are unchanged. */
:root{--p-v38-blue:#176FC1;--p-v38-hover:#115A9D;--p-v38-soft:#EAF4FD;}

/* Desktop: display the FULL category tree, without a second scrollbar.
   The sidebar now scrolls together with the document; no sticky viewport clipping.
   The paginator remains in the product column, independent of category height. */
@media (min-width:1101px){
  .content .wp-bd.top-margin>.left-type {
    position:relative!important;top:auto!important;inset:auto!important;
    align-self:start!important;max-height:none!important;height:auto!important;
    overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;
    overscroll-behavior:auto!important;scrollbar-width:auto!important;
    width:235px!important;z-index:auto!important;
  }
  .content .wp-bd.top-margin>.left-type>div:first-child {
    position:static!important;top:auto!important;z-index:auto!important;
  }
  .content .wp-bd.top-margin>.PageNo {
    grid-column:2!important;grid-row:2!important;
    align-self:start!important;position:relative!important;
    margin-top:16px!important;margin-bottom:20px!important;
  }
}
/* Small screens continue to use a genuine 'browse categories' disclosure.
   Once expanded, ALL links are shown in document flow, no nested scroll area. */
@media (max-width:1100px){
  .content .wp-bd.top-margin>.left-type,.left-type {max-height:none!important;height:auto!important;overflow:visible!important;overflow-y:visible!important;}
}
@media (max-width:760px){
 .left-type>ul,.left-type.pc-mobile-categories>ul,
 .left-type.pc-mobile-categories.is-open>ul {
   max-height:none!important;overflow:visible!important;overflow-y:visible!important;
   overscroll-behavior:auto!important;
 }
 .left-type.pc-mobile-categories>ul {display:none!important;}
 .left-type.pc-mobile-categories.is-open>ul {display:block!important;}
}
/* Reinforce a single consistent blue even against legacy background declarations.
   The mobile-toggle script inserts a BUTTON before the header DIV, so :first-child
   no longer matches on desktop — explicitly target the DIV, not its child index.
   This covers all categories, including additional non-home catalog pages. */
.left-type>div,
.content .left-type>div,
.content .wp-bd.top-margin>.left-type>div {
 background-color:var(--p-v38-blue)!important;background-image:none!important;
 color:#FFF!important;box-shadow:none!important;border-color:var(--p-v38-blue)!important;
}
.left-type>ul>li>a:hover,.left-type>ul>li>ul>li>a:hover,
.left-type a.pc-current,.left-type a.pc-current:link,.left-type a.pc-current:visited {
 color:var(--p-v38-blue)!important;
}
.left-type a.pc-current{background:var(--p-v38-soft)!important;}
.left-type a:focus-visible{outline:2px solid var(--p-v38-blue)!important;outline-offset:-2px;}
/* Native About disclosure: open on first load, still user-collapsible. */
.pc-about-details[open]>.pc-about-body{display:block;}

/* Restore icon alignment. The legacy .hc-item span selector had applied dark text
   and display:block to the icon wrapper, making SVGs appear shifted and black. */
.page-hero .hero-contact-card .hc-item>.pc-contact-icon,
.page-hero .hero-contact-card h3>.pc-headset-icon {
 position:absolute!important;display:grid!important;place-items:center!important;
 flex:0 0 auto!important;width:36px!important;height:36px!important;
 min-width:36px!important;min-height:36px!important;padding:0!important;margin:0!important;
 border-radius:50%!important;box-sizing:border-box!important;
 line-height:1!important;font-size:0!important;
 background:var(--p-v38-soft)!important;color:var(--p-v38-blue)!important;
 transform:translateY(-50%)!important;top:50%!important;left:0!important;
}
.page-hero .hero-contact-card h3>.pc-headset-icon {
 position:static!important;transform:none!important;top:auto!important;left:auto!important;
}
.page-hero .hero-contact-card .hc-item {padding-left:48px!important;position:relative!important;}
.page-hero .hero-contact-card .hc-item>.pc-contact-icon svg,
.page-hero .hero-contact-card h3>.pc-headset-icon svg,
.pc-about-icon svg {
 display:block!important;position:static!important;float:none!important;
 width:20px!important;height:20px!important;min-width:20px!important;
 min-height:20px!important;padding:0!important;margin:0 auto!important;
 overflow:visible!important;box-sizing:border-box!important;
 color:var(--p-v38-blue)!important;stroke:var(--p-v38-blue)!important;
 fill:none!important;stroke-width:2!important;stroke-linecap:round!important;
 stroke-linejoin:round!important;transform:none!important;
 vertical-align:middle!important;
}
/* Footer/side controls: svg and caption together, not text-only vertical strips. */
.floating-tools button[data-open-panel="wechat"],
.floating-tools button[data-open-panel="share"] {
 background:var(--p-v38-blue)!important;border:1px solid var(--p-v38-blue)!important;
 color:#FFF!important;display:flex!important;align-items:center!important;
 justify-content:center!important;flex-direction:column!important;gap:5px!important;
 line-height:1.2!important;text-align:center!important;
}
.floating-tools button[data-open-panel] svg {
 display:block!important;position:static!important;float:none!important;
 width:24px!important;height:24px!important;min-width:24px!important;
 min-height:24px!important;fill:none!important;stroke:#FFF!important;
 stroke-width:1.9!important;stroke-linecap:round!important;
 stroke-linejoin:round!important;transform:none!important;margin:0 auto!important;
}
.floating-tools button[data-open-panel] .pc-tool-label{
 display:block!important;writing-mode:horizontal-tb!important;white-space:nowrap!important;
 font-weight:650!important;letter-spacing:0!important;color:#fff!important;
}
.floating-tools button[data-open-panel]:hover,
.floating-tools button[data-open-panel]:focus-visible {
 background:var(--p-v38-hover)!important;border-color:var(--p-v38-hover)!important;
}
/* Details: old cyan "View Same Page" is now in the same blue/white system.
   All three button targets and their behaviors remain unchanged. */
.model-action-bar .same-page-btn,.same-page-btn:link,.same-page-btn:visited{
 color:var(--p-v38-blue)!important;background:var(--p-v38-soft)!important;
 border:1px solid #BAD9EF!important;box-shadow:none!important;
 font-weight:800!important;text-decoration:none!important;
}
.model-action-bar .same-page-btn:hover,.model-action-bar .same-page-btn:focus-visible,
.same-page-btn:hover,.same-page-btn:focus-visible {
 background:#D8ECFC!important;color:var(--p-v38-hover)!important;
 border-color:var(--p-v38-blue)!important;text-decoration:none!important;
}
.model-action-bar .copy-model-btn,.model-action-bar .ask-model-btn{
 background:var(--p-v38-blue)!important;border-color:var(--p-v38-blue)!important;
 color:#fff!important;box-shadow:none!important;
}
.model-action-bar .copy-model-btn:hover,.model-action-bar .ask-model-btn:hover{
 background:var(--p-v38-hover)!important;border-color:var(--p-v38-hover)!important;
}
@media(max-width:760px){
 .floating-tools button[data-open-panel] svg{width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important;}
 .page-hero .hero-contact-card .hc-item>.pc-contact-icon{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;}
}

/* PENNY CONNECTORS v3.9: standard contact identity & equal action controls.
   Strictly presentation-only: keep copy/share handlers, URLs, and product images untouched. */
:root{--pc39:#176FC1;--pc39-hover:#105A9F;--pc39-soft:#EAF4FD}
.contact-page-body .contact-list .row>.pc-unified-contact-icon,
.contact-page-body .contact-list .row>.ico.pc-unified-contact-icon{
  display:grid!important;place-items:center!important;align-items:center!important;
  justify-content:center!important;position:relative!important;inset:auto!important;
  flex:0 0 40px!important;width:40px!important;height:40px!important;
  min-width:40px!important;min-height:40px!important;padding:0!important;margin:0!important;
  box-sizing:border-box!important;border-radius:50%!important;
  background:var(--pc39-soft)!important;color:var(--pc39)!important;
  font-size:0!important;line-height:0!important;text-align:center!important;
  box-shadow:none!important;border:0!important;transform:none!important;
}
.contact-page-body .contact-list .row>.pc-unified-contact-icon::before,
.contact-page-body .contact-list .row>.pc-unified-contact-icon::after{
  display:none!important;content:none!important;
}
.contact-page-body .contact-list .pc-unified-contact-icon>svg{
  display:block!important;position:static!important;float:none!important;
  width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;
  padding:0!important;margin:0!important;box-sizing:border-box!important;
  fill:none!important;stroke:var(--pc39)!important;stroke-width:2!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
  color:var(--pc39)!important;transform:none!important;
}
/* Same geometry, type and fill for all three detail controls — in both languages. */
.model-action-bar :is(.copy-model-btn,.ask-model-btn,.same-page-btn),
.model-action-bar :is(.copy-model-btn,.ask-model-btn,.same-page-btn):is(:link,:visited){
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:auto!important;min-width:124px!important;height:42px!important;min-height:42px!important;
 padding:0 18px!important;box-sizing:border-box!important;
 border-radius:999px!important;border:1px solid var(--pc39)!important;
 background:var(--pc39)!important;background-image:none!important;
 color:#fff!important;-webkit-text-fill-color:#fff!important;
 font-family:Arial,'Microsoft YaHei','Noto Sans SC',sans-serif!important;
 font-size:15px!important;font-weight:750!important;line-height:1.2!important;
 letter-spacing:0!important;text-decoration:none!important;
 text-align:center!important;white-space:nowrap!important;
 box-shadow:none!important;text-shadow:none!important;opacity:1!important;
 cursor:pointer!important;transition:background-color .16s ease!important;
}
.model-action-bar :is(.copy-model-btn,.ask-model-btn,.same-page-btn):is(:hover,:focus-visible){
 background:var(--pc39-hover)!important;background-image:none!important;
 border-color:var(--pc39-hover)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
 text-decoration:none!important;box-shadow:none!important;
}
.model-action-bar :is(.copy-model-btn,.ask-model-btn,.same-page-btn):focus-visible{
 outline:3px solid #99CCF3!important;outline-offset:2px!important;
}
@media(max-width:720px){.model-action-bar :is(.copy-model-btn,.ask-model-btn,.same-page-btn){width:100%!important;min-width:0!important;}}
/* The floating WeChat mark is filled and dot-free. The three-node share mark is kept. */
.floating-tools button[data-open-panel="wechat"] svg path{
 fill:#fff!important;stroke:none!important;
}
.floating-tools button[data-open-panel="wechat"] svg{
 fill:#fff!important;stroke:none!important;
}
/* Separate the two filled WeChat speech bubbles with a thin blue edge;
   no interior dots, no hollow icon. */
.floating-tools button[data-open-panel="wechat"] svg path + path{
  fill:#fff!important;stroke:#176FC1!important;stroke-width:1.1!important;
  stroke-linejoin:round!important;
}

/* v3.9.1 polish: semantic ordered release notes and equal Share copy actions.
   No change to actual copy handler, displayed product assets, or page links. */
.pc-modal #pc-release-list{
 display:block!important;list-style:decimal outside!important;
 margin:0 0 18px!important;padding-left:27px!important;
}
.pc-modal #pc-release-list>li{
 display:list-item!important;list-style:decimal outside!important;
 margin:7px 0!important;padding:0 0 0 5px!important;
 color:#3F5064!important;line-height:1.75!important;
}
.pc-modal #pc-release-list>li::marker{color:#176FC1;font-weight:800}
.penny-pop-panel[data-panel="share"] .penny-pop-actions.share-simple button:is([data-copy-share-page],[data-copy-share-site]){
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 flex:1 1 calc(50% - 6px)!important;min-height:42px!important;
 padding:9px 12px!important;box-sizing:border-box!important;border-radius:12px!important;
 background:#176FC1!important;background-image:none!important;
 color:#FFF!important;-webkit-text-fill-color:#FFF!important;
 border:1px solid #176FC1!important;
 font:700 14px/1.25 Arial,'Microsoft YaHei',sans-serif!important;
 text-align:center!important;box-shadow:none!important;letter-spacing:0!important;
 opacity:1!important;cursor:pointer!important;
}
.penny-pop-panel[data-panel="share"] .penny-pop-actions.share-simple button:is([data-copy-share-page],[data-copy-share-site]):hover{
 background:#105A9F!important;border-color:#105A9F!important;color:#FFF!important;-webkit-text-fill-color:#FFF!important;
}
.penny-pop-panel[data-panel="share"] .penny-pop-actions.share-simple button:is([data-copy-share-page],[data-copy-share-site]):focus-visible{
 outline:3px solid #9DCBEF!important;outline-offset:2px!important;
}


/* Penny Connectors v5.1 — unobtrusive install control and dialog.
   The link is injected into existing header by the common enhancement script. */
.pc-install-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  min-height:36px!important;padding:0 11px!important;margin:0 9px 0 10px!important;flex-shrink:0!important;
  border-radius:10px!important;border:1px solid #D2E6F7!important;background:#EDF6FD!important;
  color:#176FC1!important;font:700 13px/1.2 Arial,'Microsoft YaHei',sans-serif!important;
  text-decoration:none!important;white-space:nowrap!important;cursor:pointer!important;box-shadow:none!important;}
.pc-install-btn:hover{background:#DAEFFD!important;border-color:#8CBDE3!important;}
.pc-install-btn:focus-visible{outline:3px solid #92C6ED!important;outline-offset:2px!important;}
.pc-install-btn svg{display:block;width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
/* Keep language switch to the right of installation action without rewriting the navigation. */
.header-inner>.lang.lang-switch{margin-left:0!important;}
.pc-about-titles>small{display:none!important;}
.pc-install-backdrop[hidden]{display:none!important;}
.pc-install-backdrop{position:fixed!important;inset:0!important;z-index:12020!important;display:grid!important;place-items:center!important;
 background:rgba(23,42,63,.47)!important;padding:15px!important;box-sizing:border-box!important;}
.pc-install-dialog{position:relative;box-sizing:border-box;width:min(435px,100%);padding:22px 24px 20px;
 background:#fff;border:1px solid #D7E7F5;border-radius:16px;box-shadow:0 26px 76px rgba(15,53,93,.22);
 color:#26384C;font-family:Arial,'Microsoft YaHei',sans-serif;}
.pc-install-dialog h2{font-size:21px!important;font-weight:760!important;line-height:1.3!important;margin:0 34px 10px 0!important;color:#26384C!important;}
.pc-install-dialog p{margin:0 0 11px!important;color:#4C647A!important;font-size:14px!important;line-height:1.8!important;}
.pc-install-dialog ol{margin:8px 0 15px!important;padding-left:23px!important;color:#36536C!important;font-size:14px!important;line-height:2!important;}
.pc-install-dialog .pc-install-x{position:absolute;right:15px;top:13px;display:grid;place-items:center;border:0;border-radius:8px;
 width:32px;height:32px;background:#EEF4F9;color:#4C647A;font-size:22px;line-height:1;cursor:pointer;}
.pc-install-dialog .pc-install-ok{border:1px solid #176FC1;border-radius:10px;padding:10px 23px;color:white;background:#176FC1;
 font-size:14px;font-weight:700;cursor:pointer;}
.pc-install-dialog button:focus-visible{outline:3px solid #99CAEE;outline-offset:2px;}
@media(max-width:1190px){.pc-install-btn{padding:0 9px!important;margin:0 5px!important;font-size:12px!important;}
 .pc-install-btn svg{width:16px;height:16px;}}
@media(max-width:890px){.pc-install-btn{width:36px!important;min-width:36px!important;padding:0!important;min-height:34px!important;margin:0 4px!important;}
 .pc-install-btn .pc-install-label{display:none!important;} }
@media(max-width:600px){.pc-install-btn{width:32px!important;min-width:32px!important;min-height:32px!important;margin:0 2px!important;}}
/* Medium-width desktop/tablet headers: tools stay visible, menu uses a separate row. */
@media (min-width:761px) and (max-width:960px){
 .top-bar{height:auto!important;min-height:112px!important;}
 .header-inner{display:flex!important;flex-wrap:wrap!important;align-content:center!important;align-items:center!important;
   height:auto!important;min-height:112px!important;gap:2px 0!important;justify-content:space-between!important;}
 .header-inner>.logo,.header-inner>.logo-cluster{order:1!important;flex:0 1 auto!important;}
 .header-inner>.pc-install-btn{order:2!important;margin-left:auto!important;}
 .header-inner>.lang.lang-switch{order:3!important;margin-left:5px!important;}
 .header-inner>.nav-link{order:4!important;flex:0 0 100%!important;width:100%!important;display:flex!important;justify-content:center!important;margin:0!important;}
 .header-inner>.nav-link ul{display:flex!important;justify-content:center!important;gap:9px!important;}
 body{padding-top:112px!important;}
}
@media (min-width:761px) and (max-width:960px){
 .top-bar{height:146px!important;min-height:146px!important;}
 .header-inner{height:146px!important;min-height:146px!important;}
 body{padding-top:146px!important;}
}


/* v5.1 one-click install feedback; does not change product layout. */
.pc-install-toast{position:fixed;left:50%;bottom:24px;z-index:12200;max-width:min(92vw,440px);padding:12px 18px;border-radius:12px;
 background:#233E58;color:#fff;box-shadow:0 12px 32px rgba(11,43,75,.2);font:500 13px/1.65 Arial,'Microsoft YaHei',sans-serif;
 opacity:0;transform:translate(-50%,14px);transition:opacity .2s,transform .2s;pointer-events:none;text-align:center;}
.pc-install-toast.is-visible{opacity:1;transform:translate(-50%,0);}
@media(max-width:600px){.pc-install-toast{bottom:70px;}}


/* v5.1 final visual consistency — catalogue links and navigation semantics unchanged. */
/* Menu links, install and language use the same type metrics; install retains its small icon. */
.header-inner .nav-link li a,
.header-inner .pc-install-btn,
.header-inner .lang.lang-switch a {
  font-family:Arial,'Microsoft YaHei','PingFang SC',sans-serif!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.3!important;
  letter-spacing:0!important;
  -webkit-font-smoothing:antialiased;
}
.header-inner .pc-install-btn,
.header-inner .lang.lang-switch a{min-height:38px!important;align-items:center!important;box-sizing:border-box!important;}
.header-inner .pc-install-btn {padding:0 10px!important;gap:6px!important;}
.header-inner .lang.lang-switch a{display:inline-flex!important;gap:5px!important;}
.header-inner .pc-install-btn:hover{color:#176FC1!important;}
.header-inner .lang.lang-switch img{flex:0 0 auto!important;}
/* Native pager and the JS-generated direct page selector share exact heights and typography.
   Keep disabled states and active-page contrast. */
.PageNo > a,
.PageNo > span:not(:first-child):not(.page-jump),
.PageNo .page-jump,
.PageNo .page-jump-input,
.PageNo .page-jump-btn{
  box-sizing:border-box!important;
  min-height:44px!important;
  height:44px!important;
  border-radius:11px!important;
  font-family:Arial,'Microsoft YaHei','PingFang SC',sans-serif!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.25!important;
  letter-spacing:0!important;
}
.PageNo > a,.PageNo > span:not(:first-child):not(.page-jump),
.PageNo .page-jump-input,.PageNo .page-jump-btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  vertical-align:middle!important;padding-top:0!important;padding-bottom:0!important;
}
.PageNo .page-jump{display:inline-flex!important;align-items:center!important;gap:6px!important;max-width:100%!important;padding:0 8px!important;background:transparent!important;border:0!important;}
.PageNo .page-jump-input{min-width:70px!important;width:74px!important;background:#fff!important;border:1px solid #C8DFEF!important;}
.PageNo .page-jump-btn{min-width:66px!important;padding:0 13px!important;background:#176FC1!important;color:#fff!important;border:1px solid #176FC1!important;}
.PageNo .page-jump-label,.PageNo .page-jump-unit{font-size:14px!important;line-height:1.25!important;font-weight:600!important;white-space:nowrap!important;}
@media(max-width:890px){
 .header-inner .pc-install-btn{width:38px!important;min-width:38px!important;padding:0!important;}
 .header-inner .pc-install-btn .pc-install-label{display:none!important;}
}
@media(max-width:760px){
 .PageNo > a,.PageNo > span:not(:first-child):not(.page-jump),
 .PageNo .page-jump,.PageNo .page-jump-input,.PageNo .page-jump-btn{
  min-height:40px!important;height:40px!important;font-size:12px!important;
 }
 .PageNo .page-jump-input{width:65px!important;min-width:65px!important;}
 .PageNo .page-jump-btn{min-width:54px!important;padding:0 10px!important;}
}

/* Top navigation size alignment on full desktop. On narrow screens let responsive sizing govern. */
@media(min-width:961px){
 .header-inner .pc-install-btn,.header-inner .lang.lang-switch a{height:46px!important;min-height:46px!important;}
}

/* v5.2 — the Contact page uses the same circular four-icon family as the home contact card. */
.contact-page-body .contact-list .row>.pc-unified-contact-icon,
.contact-page-body .contact-list .row>.ico.pc-unified-contact-icon{
  display:grid!important;place-items:center!important;
  flex:0 0 34px!important;width:34px!important;height:34px!important;
  min-width:34px!important;min-height:34px!important;
  background:#EAF4FD!important;color:#176FC1!important;
  border-radius:50%!important;margin:0!important;padding:0!important;
}
.contact-page-body .contact-list .pc-unified-contact-icon>svg{
  width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important;
  color:#176FC1!important;stroke:#176FC1!important;fill:none!important;
  stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;
  margin:0!important;transform:none!important;
}

/* v5.3 — Accessible, visually unified About Us disclosure control. */
.pc-about-details > summary {cursor:pointer!important;}
.pc-about-details .pc-about-action {
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 gap:6px!important;padding:7px 11px!important;border:1px solid #c7def3!important;
 border-radius:999px!important;background:#f0f7ff!important;color:#176fc1!important;
 font-size:13px!important;font-weight:650!important;line-height:1.25!important;
 transition:background-color .16s ease,border-color .16s ease,transform .16s ease!important;
}
.pc-about-details > summary:hover .pc-about-action,
.pc-about-details > summary:focus-visible .pc-about-action {
 background:#dceeff!important;border-color:#8bbfe9!important;
}
.pc-about-details > summary:active .pc-about-action {transform:translateY(1px);}
.pc-about-details > summary:focus-visible {outline:2px solid #176fc1!important;outline-offset:3px!important;}
@media(prefers-reduced-motion:reduce){.pc-about-details .pc-about-action{transition:none!important;}}


/* v5.3 final, 2026-10-26. About Us is ONE clickable header surface, not a
   disconnected link/pill. Works with native details/summary and keyboard. */
.pc-about-details > summary{
  cursor:pointer!important;
  position:relative!important;
  transition:background-color .18s ease, box-shadow .18s ease!important;
}
.pc-about-details > summary:hover{
  background-color:#EDF6FE!important;
  box-shadow:inset 0 0 0 1px #D2E6F7!important;
}
.pc-about-details > summary:active{
  background-color:#DCEFFD!important;
}
.pc-about-details > summary:focus-visible{
  outline:3px solid #176FC1!important;outline-offset:-3px!important;
  background-color:#EDF6FE!important;
}
.pc-about-details .pc-about-action{
  display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;
  gap:9px!important;padding:0!important;border:0!important;
  border-radius:0!important;background:transparent!important;
  color:#176FC1!important;box-shadow:none!important;
  font-size:13px!important;font-weight:700!important;line-height:1.3!important;
  transition:color .18s ease!important;
}
.pc-about-details > summary:hover .pc-about-action,
.pc-about-details > summary:focus-visible .pc-about-action{
  border:0!important;background:transparent!important;color:#0B58A4!important;
}
.pc-about-details > summary:active .pc-about-action{transform:none!important;}
.pc-about-details .pc-about-chevron{
  display:inline-grid!important;place-items:center!important;
  width:29px!important;height:29px!important;flex:0 0 29px!important;
  font-size:0!important;line-height:0!important;
  background:#E6F2FD!important;border:1px solid #C9E1F7!important;
  border-radius:9px!important;color:#176FC1!important;
  transform:none!important;transition:background-color .18s ease,border-color .18s ease!important;
}
.pc-about-details .pc-about-chevron::after{
  content:"";display:block;width:7px;height:7px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:translateY(-2px) rotate(45deg);transition:transform .18s ease;
}
.pc-about-details[open] .pc-about-chevron::after{
  transform:translateY(2px) rotate(225deg);
}
.pc-about-details > summary:hover .pc-about-chevron,
.pc-about-details > summary:focus-visible .pc-about-chevron{
  background:#CAE7FD!important;border-color:#86C4EC!important;
}
.pc-about-details > summary:hover .pc-about-chevron::after{
  transform:translateY(-2px) rotate(45deg) scale(1.12);
}
.pc-about-details[open] > summary:hover .pc-about-chevron::after{
  transform:translateY(2px) rotate(225deg) scale(1.12);
}
@media(max-width:760px){
 .pc-about-details .pc-about-action{font-size:12px!important;gap:6px!important;}
 .pc-about-details .pc-about-chevron{width:27px!important;height:27px!important;flex-basis:27px!important;}
}
@media(prefers-reduced-motion:reduce){
 .pc-about-details>summary,.pc-about-details .pc-about-chevron,
 .pc-about-details .pc-about-chevron::after{transition:none!important;}
}
/* Compact date and version history, sharing the established notice palette. */
.pc-modal .pc-release-date{margin-top:5px;color:#6B7C92;font-size:12px;line-height:1.5;}
.pc-modal .pc-release-history{max-height:55vh;overflow-y:auto;margin:4px 0 20px;}
.pc-modal .pc-release-history[hidden],.pc-modal #pc-release-list[hidden],
.pc-modal #pc-release-checkwrap[hidden]{display:none!important;}
.pc-modal .pc-release-history-item{
 border:1px solid #D7E7F5;border-radius:12px;margin:10px 0;
 background:#FFFFFF;overflow:hidden;
}
.pc-modal .pc-release-history-item>summary{
 display:flex;gap:12px;justify-content:space-between;align-items:center;
 padding:14px 15px;cursor:pointer;list-style:none;
 color:#25445E;font-size:14px;transition:background .15s ease;
}
.pc-modal .pc-release-history-item>summary:hover{background:#EEF7FE;}
.pc-modal .pc-release-history-item>summary:focus-visible{outline:2px solid #176FC1;outline-offset:-2px;}
.pc-modal .pc-release-history-item>summary::-webkit-details-marker{display:none;}
.pc-modal .pc-release-history-item>summary time{font-size:12px;color:#6F8298;}
.pc-modal .pc-release-history-item>ol{margin:0;padding:6px 20px 14px 39px;background:#FBFDFF;
 border-top:1px solid #E4EDF5;list-style:decimal outside;}
.pc-modal .pc-release-history-item>ol li{margin:8px 0;color:#405A73;font-size:13px;line-height:1.65;}
.pc-modal .pc-release-history-item>ol li::marker{color:#176FC1;font-weight:700;}
.pc-modal .pc-release-history-item>ol>li{
 display:list-item!important;list-style:decimal outside!important;
 margin:8px 0!important;padding-left:4px!important;
}


/* v5.4 visual refinement: the entire disclosure row is the click target.
   No separate inset square or border around the chevron. */
.pc-about-details > summary{cursor:pointer!important;}
.pc-about-details .pc-about-action{
  gap:7px!important;padding:3px 0!important;background:transparent!important;border:0!important;
  box-shadow:none!important;color:#176FC1!important;font-size:13px!important;font-weight:700!important;
}
.pc-about-details .pc-about-chevron{
  display:inline-grid!important;place-items:center!important;flex:0 0 16px!important;
  width:16px!important;height:20px!important;background:transparent!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  transition:color .17s ease!important;color:inherit!important;
}
.pc-about-details .pc-about-chevron::after{
  content:"";display:block;width:7px;height:7px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:translateY(-2px) rotate(45deg);transition:transform .17s ease!important;
}
.pc-about-details[open] .pc-about-chevron::after{transform:translateY(2px) rotate(225deg)!important;}
.pc-about-details > summary:hover .pc-about-chevron,
.pc-about-details > summary:focus-visible .pc-about-chevron{
  background:transparent!important;border:0!important;color:#0B58A4!important;
}
.pc-about-details > summary:hover .pc-about-action{color:#0B58A4!important;}
/* Keep footer release notes consistent with other footer links: no underline. */
.site-footer .pc-version-link,
.site-footer .pc-version-link:hover,
.site-footer .pc-version-link:focus-visible,
.site-footer .pc-version-link:active{
  color:#176FC1!important;text-decoration:none!important;text-underline-offset:unset!important;
  background:transparent!important;box-shadow:none!important;border:0!important;
  padding:0!important;margin:0!important;font:inherit!important;line-height:inherit!important;
  vertical-align:baseline!important;cursor:pointer!important;
}
.site-footer .pc-version-link:hover{color:#0B58A4!important;}
.site-footer .pc-version-link:focus-visible{outline:2px solid #176FC1!important;outline-offset:3px!important;border-radius:2px!important;}
/* Release history: the latest release is shown exactly once, followed by older records. */
.pc-modal .pc-release-date[hidden]{display:none!important;}
.pc-modal .pc-history-section-label{
  margin:14px 2px 6px;color:#344D67;font-size:13px;font-weight:750;line-height:1.5;
}
.pc-modal .pc-history-older-label{padding-top:10px;border-top:1px solid #E2ECF5;margin-top:18px;}
.pc-modal .pc-release-history-item{margin:7px 0!important;}
.pc-modal .pc-history-current{background:#F3F9FF!important;border-color:#C3DFF4!important;}
.pc-modal .pc-history-version{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;}
.pc-modal .pc-history-badge{
  background:#176FC1;color:#fff;border-radius:999px;padding:3px 9px;font-size:11px;
  font-weight:700;font-style:normal;white-space:nowrap;
}
.pc-modal .pc-release-history-item>summary{flex-wrap:wrap;gap:8px!important;}
.pc-modal .pc-release-history-item>summary time{white-space:normal;}
@media(prefers-reduced-motion:reduce){.pc-about-details .pc-about-chevron::after{transition:none!important;}}


/* ===================================================================
   Penny Connectors V5.5 专精版 1.2 – conservative UI refinement.
   Packaging version only; release history remains unchanged.
   All selectors are scoped to pager / floating tools / small action dialogs.
   =================================================================== */
:root{--pc12-type:Arial,"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;}
.PageNo .page-jump,
.PageNo .page-jump * ,
.floating-tools button[data-open-panel],
.floating-tools button[data-open-panel] .pc-tool-label,
.penny-pop-panel .penny-pop-actions button,
.penny-pop-panel .pc-share-extra button,
.penny-pop-panel .pc-share-extra a,
.header-inner .pc-install-btn .pc-install-label{
  font-family:var(--pc12-type)!important;
  letter-spacing:0!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
/* The plain "Go" field, page number unit, confirmation button and status are
   inline peers. Do not let the old general .PageNo span styles insert tiles. */
.PageNo .page-jump{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex-wrap:nowrap!important;gap:8px!important;
  height:44px!important;min-height:44px!important;
  padding:0 3px!important;margin:0 0 0 8px!important;
  white-space:nowrap!important;vertical-align:middle!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
  line-height:1!important;
}
.PageNo .page-jump .page-jump-input,
.PageNo .page-jump .page-jump-btn{
  box-sizing:border-box!important;height:44px!important;min-height:44px!important;
  font:700 14px/1.25 var(--pc12-type)!important;
  border-radius:11px!important;margin:0!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  vertical-align:middle!important;
}
.PageNo .page-jump .page-jump-input{
  width:74px!important;min-width:74px!important;text-align:center!important;
  background:#fff!important;color:#26384c!important;border:1px solid #bed8ed!important;
  padding:0 6px!important;
}
.PageNo .page-jump .page-jump-input[aria-invalid="true"]{border-color:#c87b70!important;}
.PageNo .page-jump .page-jump-input:focus-visible{
  outline:2px solid #176FC1!important;outline-offset:1px!important;
  box-shadow:0 0 0 3px rgba(23,111,193,.13)!important;
}
.PageNo .page-jump .page-jump-btn{
  min-width:66px!important;padding:0 13px!important;
  background:#176FC1!important;color:#fff!important;border:1px solid #176FC1!important;
  cursor:pointer!important;
}
.PageNo .page-jump .page-jump-btn:hover{background:#105A9F!important;border-color:#105A9F!important;}
.PageNo .page-jump .page-jump-unit,
.PageNo .page-jump .page-jump-hint{
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
  align-self:center!important;vertical-align:middle!important;
  height:44px!important;min-height:44px!important;box-sizing:border-box!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  padding:0!important;margin:0!important;
  text-align:left!important;line-height:1.35!important;
  font-family:var(--pc12-type)!important;
  font-size:13px!important;font-weight:650!important;
  box-shadow:none!important;
}
.PageNo .page-jump .page-jump-unit{color:#6A7F94!important;white-space:nowrap!important;}
.PageNo .page-jump .page-jump-hint{
  width:auto!important;min-width:80px!important;max-width:260px!important;
  color:#6A7F94!important;white-space:normal!important;
}
.PageNo .page-jump .page-jump-hint.is-error{color:#AC4842!important;}
/* Readable but consistent labels for narrow floating tool buttons. */
.floating-tools button[data-open-panel] .pc-tool-label{
  font-size:12px!important;font-weight:700!important;line-height:1.2!important;
  white-space:nowrap!important;text-align:center!important;
}
/* Dialogs retain primary/secondary button colors and original click handlers. */
.penny-pop-panel .penny-pop-actions button,
.penny-pop-panel .penny-pop-actions button.light,
.penny-pop-panel .penny-pop-actions.share-simple button,
.penny-pop-panel .pc-share-extra button,
.penny-pop-panel .pc-share-extra a{
  font-family:var(--pc12-type)!important;font-size:14px!important;
  font-weight:700!important;line-height:1.35!important;
  letter-spacing:0!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;box-sizing:border-box!important;
}
.penny-pop-panel .penny-pop-actions button{min-height:42px!important;}
.penny-pop-panel .penny-pop-actions [data-close-panel]:focus-visible,
.penny-pop-panel .pc-share-extra button:focus-visible{outline:2px solid #176FC1!important;outline-offset:2px!important;}
@media(max-width:760px){
  .PageNo .page-jump{height:auto!important;min-height:40px!important;gap:6px!important;flex-wrap:wrap!important;margin:4px 0!important;}
  .PageNo .page-jump .page-jump-input,.PageNo .page-jump .page-jump-btn{height:40px!important;min-height:40px!important;font-size:12px!important;}
  .PageNo .page-jump .page-jump-input{min-width:62px!important;width:62px!important;}
  .PageNo .page-jump .page-jump-btn{min-width:54px!important;padding:0 9px!important;}
  .PageNo .page-jump .page-jump-unit,.PageNo .page-jump .page-jump-hint{height:40px!important;min-height:40px!important;font-size:12px!important;}
  .floating-tools button[data-open-panel] .pc-tool-label{font-size:10px!important;}
}
@media(prefers-reduced-motion:reduce){
 .PageNo .page-jump .page-jump-btn,.floating-tools button[data-open-panel]{transition:none!important;}
}


/* ================================================================
   V5.5 SPECIAL 1.4 – consistent controls, fixed pager groups,
   light floating action island; NOT a public release-history edit.
   Existing product and pagination URLs are unchanged.
   ================================================================ */
:root{--pc14-blue:#176fc1;--pc14-ink:#233b55;--pc14-muted:#687f97;--pc14-line:#cfe1ef;--pc14-family:Arial,"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;}
/* Primary/secondary action consistency without changing header brand typography. */
.header-inner :is(a,button):not(.brand-v32),
.catalog-search :is(button,input),
.contact-action-row button,.contact-page :is(.copy-btn,.copy-all-btn),
.model-action-bar :is(button,a),
.penny-pop-panel :is(button,a,.pc-qr-subline),
.pc-page-navigation :is(a,span),
.page-jump :is(input,button,span){font-family:var(--pc14-family)!important;letter-spacing:0!important;-webkit-font-smoothing:antialiased;}
.header-inner .pc-install-btn{border:1px solid #a9cee9!important;background:#eaf5ff!important;color:#1163ae!important;border-radius:12px!important;font-weight:750!important;box-shadow:none!important;}
.header-inner .pc-install-btn:hover{background:#d9edfd!important;box-shadow:0 3px 12px rgba(23,111,193,.10)!important;}
/* Native layout: first row for existing numbered links, second always for jump control.
   The group boundaries do not change when page 5 shows more numbers than page 1. */
.PageNo.pc-pager-14,.content .wp-bd.top-margin>.PageNo.pc-pager-14,.product-list .PageNo.pc-pager-14{
 display:flex!important;flex-direction:column!important;align-items:center!important;
 flex-wrap:nowrap!important;justify-content:center!important;gap:12px!important;
 width:100%!important;max-width:100%!important;min-width:0!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 padding:14px 0 17px!important;box-sizing:border-box!important;
}
.PageNo.pc-pager-14 > .pc-page-meta{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.PageNo.pc-pager-14 > .pc-page-navigation{
 display:flex!important;align-items:center!important;justify-content:center!important;
 flex-wrap:wrap!important;gap:8px!important;width:100%!important;
 min-width:0!important;box-sizing:border-box!important;line-height:1!important;
}
.PageNo.pc-pager-14 .pc-page-navigation > :is(a,span){
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 height:44px!important;min-height:44px!important;box-sizing:border-box!important;
 margin:0!important;padding:0 15px!important;border-radius:12px!important;
 font:700 14px/1.2 var(--pc14-family)!important;letter-spacing:0!important;
 border:1px solid var(--pc14-line)!important;background:#fff!important;
 color:#146bb4!important;box-shadow:0 1px 1px rgba(26,75,120,.025)!important;
 text-decoration:none!important;white-space:nowrap!important;
}
.PageNo.pc-pager-14 .pc-page-navigation > :is(a.p,span.PV){min-width:44px!important;padding:0 12px!important;}
.PageNo.pc-pager-14 .pc-page-navigation > span.PV,
.PageNo.pc-pager-14 .pc-page-navigation > a.PV{
 color:#fff!important;border-color:#176fc1!important;background:#176fc1!important;box-shadow:0 2px 7px rgba(23,111,193,.16)!important;
}
.PageNo.pc-pager-14 .pc-page-navigation > span:not(.PV){color:#8395a9!important;border-color:#e0eaf2!important;background:#f5f8fb!important;}
.PageNo.pc-pager-14 .pc-page-navigation > a:hover,
.PageNo.pc-pager-14 .pc-page-navigation > a:focus-visible{background:#eaf5ff!important;color:#115d9e!important;border-color:#9bc7e9!important;}
/* Native legacy CSS made its original first span a full-width record heading.
   After regrouping, First/Home is the first span; reset that inherited width. */
.PageNo.pc-pager-14 .pc-page-navigation > :is(a,span){
 width:auto!important;max-width:none!important;flex:0 0 auto!important;
 float:none!important;clear:none!important;position:static!important;
}
/* Separate the jump form from the numbered-button hierarchy. */
.PageNo.pc-pager-14 > .page-jump{
 display:flex!important;align-items:center!important;justify-content:center!important;
 gap:9px!important;flex-wrap:nowrap!important;
 width:auto!important;max-width:100%!important;height:auto!important;min-height:44px!important;
 padding:3px 12px!important;margin:0!important;white-space:nowrap!important;
 border:1px solid #e0eaf3!important;border-radius:15px!important;
 background:rgba(255,255,255,.70)!important;box-shadow:none!important;box-sizing:border-box!important;
}
.PageNo.pc-pager-14 .page-jump .page-jump-label{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:auto!important;min-width:0!important;height:42px!important;min-height:42px!important;
 margin:0!important;padding:0!important;background:transparent!important;border:0!important;
 color:#526e89!important;font:700 14px/1.2 var(--pc14-family)!important;
}
.PageNo.pc-pager-14 .page-jump .page-jump-input{
 width:70px!important;min-width:70px!important;height:42px!important;min-height:42px!important;
 padding:0 7px!important;margin:0!important;box-sizing:border-box!important;
 border:1px solid #c7daea!important;border-radius:11px!important;background:#fff!important;
 color:var(--pc14-ink)!important;font:700 14px/1.2 var(--pc14-family)!important;text-align:center!important;
}
.PageNo.pc-pager-14 .page-jump .page-jump-btn{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 height:42px!important;min-height:42px!important;min-width:66px!important;
 margin:0!important;padding:0 14px!important;border-radius:11px!important;
 border:1px solid #176fc1!important;background:#176fc1!important;color:#fff!important;
 font:700 14px/1.2 var(--pc14-family)!important;box-shadow:none!important;cursor:pointer!important;
}
.PageNo.pc-pager-14 .page-jump .page-jump-btn:hover{background:#115c9e!important;border-color:#115c9e!important;}
.PageNo.pc-pager-14 .page-jump .page-jump-hint{
 display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
 height:42px!important;min-height:42px!important;min-width:68px!important;max-width:245px!important;
 margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
 background:transparent!important;color:#70859a!important;white-space:normal!important;
 font:600 12px/1.35 var(--pc14-family)!important;text-align:left!important;
}
.PageNo.pc-pager-14 .page-jump .page-jump-hint.is-error{color:#ad4d47!important;}
.PageNo.pc-pager-14 .page-jump .page-jump-input[aria-invalid="true"]{border-color:#d9928a!important;}
/* Floating island: quieter than the old two blue strips stuck to the screen edge. */
.floating-tools{
 position:fixed!important;right:18px!important;top:50%!important;bottom:auto!important;
 transform:translateY(-50%)!important;z-index:9999!important;
 display:flex!important;flex-direction:column!important;align-items:center!important;
 justify-content:center!important;gap:4px!important;
 padding:6px!important;width:62px!important;box-sizing:border-box!important;
 border:1px solid rgba(180,203,224,.78)!important;border-radius:21px!important;
 background:rgba(255,255,255,.88)!important;
 -webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
 box-shadow:0 7px 26px rgba(35,76,112,.13),0 1px 5px rgba(25,75,125,.05)!important;
}
.floating-tools button[data-open-panel="wechat"],
.floating-tools button[data-open-panel="share"],
.floating-tools button.secondary[data-open-panel]{
 position:relative!important;box-sizing:border-box!important;
 width:48px!important;min-width:48px!important;max-width:48px!important;
 height:48px!important;min-height:48px!important;max-height:48px!important;
 padding:0!important;margin:0!important;display:flex!important;flex-direction:row!important;
 justify-content:center!important;align-items:center!important;gap:0!important;
 border-radius:15px!important;border:1px solid transparent!important;
 color:#176fc1!important;background:transparent!important;
 box-shadow:none!important;filter:none!important;cursor:pointer!important;
 transition:background .17s ease,color .17s ease,transform .17s ease!important;
}
.floating-tools button[data-open-panel]:hover,
.floating-tools button[data-open-panel]:focus-visible{
 background:#eaf4fd!important;color:#0d5a9e!important;border-color:#d5e8f5!important;
 transform:translateY(-1px)!important;
}
.floating-tools button[data-open-panel]:focus-visible{outline:2px solid #83bde6!important;outline-offset:2px!important;}
.floating-tools button[data-open-panel] svg{
 display:block!important;position:static!important;float:none!important;
 width:23px!important;height:23px!important;min-width:23px!important;min-height:23px!important;
 margin:0!important;transform:none!important;color:inherit!important;
 stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;
 stroke-linejoin:round!important;fill:none!important;
}
.floating-tools button[data-open-panel="wechat"] svg path{fill:#176fc1!important;stroke:none!important;}
.floating-tools button[data-open-panel="wechat"] svg path+path{fill:#176fc1!important;stroke:#fff!important;stroke-width:1!important;}
.floating-tools button[data-open-panel] .pc-tool-label{
 display:block!important;position:absolute!important;top:50%!important;right:calc(100% + 18px)!important;
 transform:translate(4px,-50%)!important;
 width:max-content!important;min-width:0!important;max-width:170px!important;height:auto!important;
 padding:8px 12px!important;margin:0!important;border-radius:10px!important;
 background:#233e59!important;color:white!important;box-shadow:0 5px 18px rgba(19,48,80,.18)!important;
 text-align:center!important;font:700 12px/1.3 var(--pc14-family)!important;
 white-space:nowrap!important;writing-mode:horizontal-tb!important;letter-spacing:0!important;
 opacity:0!important;visibility:hidden!important;pointer-events:none!important;
 transition:opacity .16s ease,transform .16s ease!important;
}
.floating-tools button[data-open-panel]:hover .pc-tool-label,
.floating-tools button[data-open-panel]:focus-visible .pc-tool-label{
 opacity:1!important;visibility:visible!important;transform:translate(0,-50%)!important;
}
/* Contact and share panels share typography, whitespace, and action hierarchy. */
.penny-pop-panel,.penny-pop-panel.active{
 right:92px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;
 width:320px!important;max-width:calc(100vw - 112px)!important;
 border:1px solid #d8e5f0!important;border-radius:20px!important;
 background:#fff!important;padding:22px 20px!important;
 box-shadow:0 17px 54px rgba(24,57,97,.15)!important;
 color:var(--pc14-ink)!important;box-sizing:border-box!important;
}
.penny-pop-panel h3{font:750 20px/1.35 var(--pc14-family)!important;color:#233c55!important;margin:0 0 6px!important;letter-spacing:0!important;}
.penny-pop-panel p,.penny-pop-panel .pc-qr-subline{
 font:500 13px/1.5 var(--pc14-family)!important;color:#667d94!important;
 margin:0 0 10px!important;padding:0!important;letter-spacing:0!important;
}
.penny-pop-panel[data-panel="wechat"] > img{width:164px!important;height:auto!important;max-width:100%!important;margin:13px auto!important;border-radius:14px!important;}
.penny-pop-panel .penny-pop-actions{gap:9px!important;margin-top:14px!important;}
.penny-pop-panel .penny-pop-actions button{
 border-radius:12px!important;min-height:42px!important;
 font:700 14px/1.3 var(--pc14-family)!important;letter-spacing:0!important;
}
.penny-pop-panel .penny-pop-actions button.light[data-close-panel]{
 background:#f1f6fa!important;color:#446886!important;border:1px solid #ddeaf3!important;
}
.penny-pop-panel .pc-share-extra .pc-share-note{font:600 12px/1.4 var(--pc14-family)!important;color:#607b95!important;margin:0 0 2px!important;}
.wechat-qr-card strong{font:750 18px/1.3 var(--pc14-family)!important;}
.wechat-qr-card .pc-qr-subline{font:500 13px/1.5 var(--pc14-family)!important;color:#6a8096!important;margin:4px 0 0!important;}
@media(max-width:760px){
 .PageNo.pc-pager-14{gap:10px!important;}
 .PageNo.pc-pager-14 .pc-page-navigation{gap:6px!important;}
 .PageNo.pc-pager-14 .pc-page-navigation > :is(a,span){height:40px!important;min-height:40px!important;padding:0 10px!important;font-size:12px!important;border-radius:10px!important;}
 .PageNo.pc-pager-14 .pc-page-navigation > :is(a.p,span.PV){min-width:40px!important;}
 .PageNo.pc-pager-14 > .page-jump{padding:5px 8px!important;gap:6px!important;max-width:100%!important;}
 .PageNo.pc-pager-14 .page-jump .page-jump-label{font-size:12px!important;}
 .PageNo.pc-pager-14 .page-jump .page-jump-input{min-width:56px!important;width:56px!important;height:40px!important;min-height:40px!important;font-size:12px!important;}
 .PageNo.pc-pager-14 .page-jump .page-jump-btn{min-width:54px!important;height:40px!important;min-height:40px!important;padding:0 9px!important;font-size:12px!important;}
 .PageNo.pc-pager-14 .page-jump .page-jump-hint{height:40px!important;min-height:40px!important;min-width:55px!important;max-width:145px!important;font-size:11px!important;}
 .floating-tools{right:10px!important;top:auto!important;bottom:max(16px,env(safe-area-inset-bottom))!important;transform:none!important;}
 .floating-tools button[data-open-panel="wechat"],.floating-tools button[data-open-panel="share"],.floating-tools button.secondary[data-open-panel]{width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;}
 .floating-tools{width:58px!important;padding:6px!important;}
 .floating-tools .pc-tool-label{display:none!important;}
 .penny-pop-panel,.penny-pop-panel.active{right:12px!important;bottom:130px!important;top:auto!important;transform:none!important;width:320px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 160px)!important;overflow:auto!important;}
}
@media(max-width:400px){
 .PageNo.pc-pager-14 > .page-jump{flex-wrap:wrap!important;justify-content:center!important;}
 .PageNo.pc-pager-14 .page-jump .page-jump-hint{flex-basis:100%!important;justify-content:center!important;height:auto!important;min-height:22px!important;text-align:center!important;}
}
@media(prefers-reduced-motion:reduce){
 .floating-tools button[data-open-panel],.floating-tools button[data-open-panel] .pc-tool-label{transition:none!important;}
}