/* ZEDX Premium Edition — optional finish layer.
   Content, layout, artwork sources and responsive geometry stay locked. */
:root{
  --px-gold:#d6aa55;
  --px-gold-soft:rgba(214,170,85,.2);
  --px-navy:#082b4e;
  --px-ease:cubic-bezier(.22,.78,.26,1);
}

html{scroll-behavior:smooth}
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle at 12% 14%,rgba(214,170,85,.055),transparent 26rem),
    radial-gradient(circle at 88% 48%,rgba(40,91,150,.05),transparent 30rem);
}

/* Quiet cinematic depth on major artwork. */
.hero-img,.approved-page-art,.zpc-photo,.ztc-grid article>img,.zrc-map{
  will-change:transform,filter;
  transition:transform 1.1s var(--px-ease),filter .7s ease!important;
}
.premium-header{transition:background .35s ease,box-shadow .35s ease,border-color .35s ease!important}
.premium-header.is-scrolled{box-shadow:0 14px 34px rgba(7,34,68,.13),0 1px 0 rgba(214,170,85,.22)!important}
.zedx-contact-clean::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;
  background:radial-gradient(420px circle at var(--px-x,82%) var(--px-y,18%),rgba(255,211,121,.12),transparent 62%);
  transition:opacity .3s ease;
}
.zedx-contact-clean>*{position:relative;z-index:1}

/* Traveling light around selected premium cards. */
.zedx-services article,.zpc-cards article,.project-grid article,.zcc-social-card{
  isolation:isolate;overflow:hidden;
}
.zedx-services article::before,.zpc-cards article::before,.project-grid article::before,.zcc-social-card::before{
  content:"";position:absolute;inset:-1px;border-radius:inherit;z-index:-1;pointer-events:none;
  padding:1px;background:conic-gradient(from var(--px-angle,0deg),transparent 0 72%,rgba(255,222,150,.9) 82%,transparent 92%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  opacity:.42;animation:pxOrbit 8s linear infinite;
}
.zedx-services article:nth-child(2n)::before,.zpc-cards article:nth-child(2n)::before,.project-grid article:nth-child(2n)::before{animation-delay:-4s}
@property --px-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes pxOrbit{to{--px-angle:360deg}}

/* Icon jewelry and living regional nodes. */
.zedx-services .icon,.zpc-cards article>img,.project-icon,.zcc-social-icon{
  filter:drop-shadow(0 7px 10px rgba(8,43,78,.13)) drop-shadow(0 0 8px rgba(214,170,85,.16));
}
.zrc-node{transition:transform .35s var(--px-ease),box-shadow .35s ease!important}
.zrc-node i{animation:pxNode 2.8s ease-in-out infinite}
.zrc-node:nth-of-type(2) i{animation-delay:-.9s}.zrc-node:nth-of-type(3) i{animation-delay:-1.8s}
@keyframes pxNode{50%{box-shadow:0 0 0 10px rgba(242,198,99,.08),0 0 28px rgba(242,198,99,.88)}}

/* Accessible keyboard focus with the brand language. */
:where(a,button,[tabindex]):focus-visible{
  outline:2px solid var(--px-gold)!important;outline-offset:4px!important;
  box-shadow:0 0 0 6px rgba(214,170,85,.16)!important;
}

/* Pointer-only details: never interfere with touch scrolling. */
@media (hover:hover) and (pointer:fine){
  .approved-profile-page:hover .approved-page-art{filter:saturate(1.055) contrast(1.025)!important}
  .zpc-photo:hover,.zrc-map:hover{transform:scale(1.008);filter:saturate(1.06) contrast(1.025)!important}
  .zrc-node:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(0,0,0,.2),0 0 24px rgba(214,170,85,.15)!important}
}

/* Mobile gets touch feedback and lighter effects, with zero layout changes. */
@media(max-width:700px){
  body::before{opacity:.65}
  .zedx-services article::before,.zpc-cards article::before,.project-grid article::before,.zcc-social-card::before{opacity:.27;animation-duration:12s}
  .zedx-services article:active,.zpc-cards article:active,.project-grid article:active,.zcc-social-card:active{transform:scale(.992)!important}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .zedx-services article::before,.zpc-cards article::before,.project-grid article::before,.zcc-social-card::before,.zrc-node i{animation:none!important}
  .hero-img,.approved-page-art,.zpc-photo,.ztc-grid article>img,.zrc-map{transform:none!important}
}

@media print{
  body::before,.scroll-progress,.back-to-top{display:none!important}
  .zedx-services article::before,.zpc-cards article::before,.project-grid article::before,.zcc-social-card::before{animation:none!important;opacity:0!important}
}

/* Phase 2 — quick contact accessory. It reuses the approved contact links. */
.px-contact-dock{
  position:fixed!important;right:18px;left:auto;bottom:82px;z-index:55;display:grid;gap:10px;
  opacity:0;transform:translateY(12px);pointer-events:none;
  transition:opacity .35s ease,transform .35s var(--px-ease);
}
.px-contact-dock.is-ready{opacity:1;transform:none;pointer-events:auto}
.px-contact-dock a{
  width:52px;height:52px;display:grid;place-items:center;padding:0;position:relative;
  border:1px solid rgba(214,170,85,.62);border-radius:50%;text-decoration:none;
  background:rgba(8,43,78,.94);color:#fff;box-shadow:0 12px 28px rgba(6,31,62,.2);
  backdrop-filter:blur(12px);font-size:12px;font-weight:800;letter-spacing:.02em;
  transition:transform .25s var(--px-ease),box-shadow .25s ease,background .25s ease;
}
.px-contact-dock i{width:31px;height:31px;display:grid;place-items:center;font-style:normal;color:#f2c663}
.px-contact-dock i svg{width:100%;height:100%;display:block;fill:currentColor}
.px-contact-dock a[data-px-contact="wechat"]{background:#087a42;color:#fff}
.px-contact-dock a[data-px-contact="whatsapp"]{background:#176b43;color:#fff}
.px-contact-dock a[data-px-contact="request"]{background:#0b365d;color:#f2c663}
.px-contact-dock a span{position:absolute;right:61px;white-space:nowrap;padding:7px 10px;border-radius:9px;background:rgba(8,43,78,.95);color:#fff;font-size:12px;opacity:0;visibility:hidden;transform:translateX(6px);transition:.2s ease;box-shadow:0 8px 20px rgba(6,31,62,.2)}
html[dir="rtl"] .px-contact-dock{right:18px;left:auto}
@media (hover:hover) and (pointer:fine){
  .px-contact-dock a:hover{transform:translateY(-3px);box-shadow:0 15px 34px rgba(6,31,62,.27),0 0 22px rgba(214,170,85,.18)}
  .px-contact-dock a:hover span{opacity:1;visibility:visible;transform:none}
}
@media(max-width:700px){
  .px-contact-dock{right:14px!important;left:auto!important;bottom:76px;gap:8px}
  .px-contact-dock a{width:48px;height:48px}
  .px-contact-dock i{width:28px;height:28px}
  .px-contact-dock a span{display:none}
}

/* Staggered in-view finish for dense card groups. */
.px-card-ready{opacity:0;transform:translateY(9px)}
.px-card-ready.px-card-in{opacity:1;transform:none;transition:opacity .48s ease,transform .48s var(--px-ease)}
.px-card-ready:nth-child(2){transition-delay:.045s}.px-card-ready:nth-child(3){transition-delay:.09s}.px-card-ready:nth-child(4){transition-delay:.135s}.px-card-ready:nth-child(5){transition-delay:.18s}.px-card-ready:nth-child(6){transition-delay:.225s}.px-card-ready:nth-child(7){transition-delay:.27s}.px-card-ready:nth-child(8){transition-delay:.315s}

/* A soft scan of light across the regional artwork, without obscuring it. */
.zrc-map::after{
  content:"";position:absolute;inset:-30% -55%;pointer-events:none;z-index:1;
  background:linear-gradient(108deg,transparent 42%,rgba(255,224,159,.09) 49%,rgba(255,255,255,.12) 50%,rgba(255,224,159,.06) 52%,transparent 59%);
  transform:translateX(-35%);animation:pxMapSweep 9s ease-in-out infinite;
}
.zrc-map .zrc-node{z-index:3!important}
@keyframes pxMapSweep{0%,20%{transform:translateX(-38%)}65%,100%{transform:translateX(38%)}}

@media(max-width:700px){
  body>.px-contact-dock{position:fixed!important;inset:auto 10px 10px 10px!important;width:auto!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:1fr 1fr;gap:7px}
  .px-contact-dock a{min-width:0;height:45px;justify-content:center;padding:0 10px;border-radius:13px;font-size:11px}
  .px-contact-dock i{width:23px;height:23px}
  .zrc-map::after{animation-duration:13s;opacity:.72}
}

@media(prefers-reduced-motion:reduce){
  .px-contact-dock{transition:none!important}.px-card-ready{opacity:1!important;transform:none!important}
  .zrc-map::after{animation:none!important;display:none!important}
}

@media print{.px-contact-dock{display:none!important}}

/* Phase 3 — executive section rail (desktop only). */
.px-section-rail{
  position:fixed!important;inset:50% auto auto 18px!important;width:auto!important;margin:0!important;z-index:42;display:grid;gap:9px;
  padding:12px 9px;transform:translateY(-50%);border:1px solid rgba(214,170,85,.3);
  border-radius:999px;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);
  box-shadow:0 12px 34px rgba(7,34,68,.12);opacity:0;pointer-events:none;
  transition:opacity .35s ease,transform .35s var(--px-ease);
}
html[dir="rtl"] body>.px-section-rail{inset:50% 18px auto auto!important}
.px-section-rail.is-ready{opacity:1;pointer-events:auto}
.px-section-rail a{
  position:relative;width:11px;height:11px;padding:0;border-radius:50%;
  border:1px solid rgba(8,43,78,.36);background:#fff;text-decoration:none;
  transition:transform .22s var(--px-ease),background .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.px-section-rail a::after{
  content:attr(data-label);position:absolute;left:22px;top:50%;transform:translateY(-50%) translateX(-4px);
  width:max-content;max-width:190px;padding:7px 10px;border-radius:9px;background:#082b4e;color:#fff;
  font-size:11px;font-weight:750;line-height:1.2;opacity:0;visibility:hidden;pointer-events:none;
  box-shadow:0 8px 22px rgba(5,28,58,.2);transition:opacity .2s ease,transform .2s ease,visibility .2s;
}
html[dir="rtl"] .px-section-rail a::after{left:auto;right:22px;transform:translateY(-50%) translateX(4px)}
.px-section-rail a:hover::after,.px-section-rail a:focus-visible::after{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}
.px-section-rail a.is-current{transform:scale(1.28);border-color:#c69335;background:#d6aa55;box-shadow:0 0 0 5px rgba(214,170,85,.14),0 0 13px rgba(214,170,85,.55)}

/* Fine loading state: the page is fully usable before this class appears. */
.px-premium-ready .premium-header,.px-premium-ready .hero{animation:pxReady .55s var(--px-ease) both}
@keyframes pxReady{from{opacity:.96}to{opacity:1}}

@media(max-width:1100px){.px-section-rail{display:none!important}}
@media(prefers-reduced-motion:reduce){.px-section-rail,.px-section-rail a,.px-premium-ready .premium-header,.px-premium-ready .hero{animation:none!important;transition:none!important}}
@media print{.px-section-rail{display:none!important}}

/* Phase 4 — carry the same luxury language into Gateway and Procurement. */
.subhero,.premium-section,.story-intro,.story-panel,.jining-feature,.story-finale,.bank-panel,.photo-story{
  transition:box-shadow .38s ease,border-color .38s ease,filter .38s ease!important;
}
.subhero-img,.story-image,.proc-feature-photo,.photo-story figure img{
  transition:transform .75s var(--px-ease),filter .55s ease!important;
  filter:saturate(1.035) contrast(1.02);
}
.capability-grid>article,.jining-facts>div{
  position:relative;isolation:isolate;overflow:hidden;
  transition:transform .28s var(--px-ease),box-shadow .28s ease,border-color .28s ease!important;
  box-shadow:0 10px 26px rgba(8,43,78,.08),0 0 16px rgba(201,154,61,.05)!important;
}
.capability-grid>article::after,.jining-facts>div::after{
  content:"";position:absolute;left:14%;right:14%;bottom:-5px;height:7px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(214,170,85,.55),transparent 72%);filter:blur(2px);pointer-events:none;
}
.subhero{box-shadow:0 20px 50px rgba(8,43,78,.11),0 0 0 1px rgba(214,170,85,.12),0 0 24px rgba(214,170,85,.045)!important}
@media(hover:hover) and (pointer:fine){
  .capability-grid>article:hover,.jining-facts>div:hover{transform:translateY(-4px);border-color:rgba(214,170,85,.46)!important;box-shadow:0 18px 38px rgba(8,43,78,.14),0 0 25px rgba(214,170,85,.1)!important}
  .subhero:hover .subhero-img,.story-panel:hover .story-image,.photo-story:hover .proc-feature-photo{filter:saturate(1.06) contrast(1.025)}
}
@media(max-width:700px){
  .capability-grid>article,.jining-facts>div{box-shadow:0 10px 24px rgba(8,43,78,.085),0 0 14px rgba(214,170,85,.04)!important}
}

/* Phase 5 — pointer-responsive material, intentionally desktop-only. */
.px-material{
  --px-mx:50%;--px-my:50%;--px-rx:0deg;--px-ry:0deg;
  transform:perspective(900px) rotateX(var(--px-rx)) rotateY(var(--px-ry)) translateY(var(--px-lift,0));
  transform-style:preserve-3d;will-change:transform;
}
.px-material-light{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;
  background:radial-gradient(260px circle at var(--px-mx) var(--px-my),rgba(255,230,174,.17),transparent 58%);
  opacity:0;transition:opacity .28s ease;
}
.px-material:hover>.px-material-light{opacity:1}
.px-material>*{position:relative;z-index:1}
.px-material>.px-material-light{position:absolute;z-index:0}
.px-magnetic{translate:var(--px-bx,0) var(--px-by,0);will-change:translate}

@media(hover:hover) and (pointer:fine){
  .px-material{transition:transform .16s ease-out,box-shadow .28s ease,border-color .28s ease!important}
  .px-material:hover{--px-lift:-3px}
  .px-magnetic{transition:translate .18s ease-out,transform .24s ease,box-shadow .24s ease!important}
}
@media(max-width:1100px), (hover:none), (pointer:coarse){
  .px-material{transform:none!important;will-change:auto}.px-material-light{display:none!important}.px-magnetic{translate:none!important;will-change:auto}
}
@media(prefers-reduced-motion:reduce){
  .px-material{transform:none!important}.px-material-light{display:none!important}.px-magnetic{translate:none!important}
}

/* Phase 6 — cross-page continuity and keyboard access. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:pxPageOut .24s ease both}
::view-transition-new(root){animation:pxPageIn .38s var(--px-ease) both}
@keyframes pxPageOut{to{opacity:.72;filter:blur(1.5px)}}
@keyframes pxPageIn{from{opacity:.72;filter:blur(1.5px)}}
.premium-header>.brand img{view-transition-name:px-brand-mark}
.px-skip-link{
  position:fixed!important;left:18px!important;top:14px!important;z-index:999!important;
  padding:11px 15px!important;border:1px solid rgba(214,170,85,.72)!important;border-radius:12px!important;
  background:#082b4e!important;color:#fff!important;text-decoration:none!important;font-size:13px!important;font-weight:800!important;
  box-shadow:0 12px 28px rgba(5,28,58,.24)!important;transform:translateY(-150%)!important;
  transition:transform .22s var(--px-ease)!important;
}
html[dir="rtl"] .px-skip-link{left:auto!important;right:18px!important}
.px-skip-link:focus{transform:translateY(0)!important}
.px-prefetching::after{
  content:"";position:absolute;left:12%;right:12%;bottom:3px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(214,170,85,.78),transparent);animation:pxPrefetch 1s ease-in-out infinite;
}
@keyframes pxPrefetch{50%{opacity:.35;transform:scaleX(.72)}}
@media(prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root){animation:none!important}
  .px-prefetching::after{animation:none!important}
}
@media print{.px-skip-link{display:none!important}}

/* Conversion layer — multilingual request brief, deliberately aligned with the approved visual system. */
.px-request-section{padding:78px 5%;background:linear-gradient(145deg,#f7f9fc,#fff 58%,#fbf5e9);color:#082b4e}
.px-request-shell{max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:42px;align-items:start}
.px-request-copy{padding:26px 8px}.px-request-kicker{display:block;color:#b87919;font-size:12px;font-weight:850;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:10px}
.px-request-copy h2{font-size:38px;line-height:1.08;margin:0 0 15px}.px-request-copy p{color:#617083;font-size:16px;line-height:1.7;margin:0}
.px-profile-download{display:inline-flex;align-items:center;justify-content:center;margin-top:20px;padding:11px 15px;border:1px solid #c99743;border-radius:11px;color:#0b365d;background:#fff;text-decoration:none;font-size:12px;font-weight:850;box-shadow:0 8px 20px rgba(8,43,78,.08)}
.px-wechat-card{display:flex;align-items:center;gap:14px;margin-top:16px;padding:12px;border:1px solid rgba(201,151,67,.3);border-radius:16px;background:rgba(255,255,255,.88);box-shadow:0 12px 30px rgba(8,43,78,.08)}.px-wechat-card img{width:108px;height:108px;flex:0 0 108px;object-fit:contain;border-radius:8px;background:#fff}.px-wechat-card span{display:grid;gap:5px}.px-wechat-card b{font-size:14px;color:#0b365d}.px-wechat-card small{font-size:11px;line-height:1.45;color:#6f7e90}
.px-request-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:28px;border:1px solid rgba(184,121,25,.22);border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 22px 55px rgba(8,43,78,.1),0 0 24px rgba(214,170,85,.08)}
.px-field{display:grid;gap:7px;min-width:0}.px-field-wide{grid-column:1/-1}.px-field label{font-size:12px;font-weight:800;color:#18375c}
.px-field input,.px-field select,.px-field textarea{width:100%;min-height:46px;padding:11px 13px;border:1px solid #dfe5ec;border-radius:12px;background:#fbfcfe;color:#102d50;font:inherit;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.px-field textarea{min-height:118px;resize:vertical}.px-field input:focus,.px-field select:focus,.px-field textarea:focus{border-color:#c69335;background:#fff;box-shadow:0 0 0 4px rgba(198,147,53,.12)}
.px-request-actions{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:11px}.px-request-actions button{min-height:47px;padding:11px 18px;border-radius:12px;border:1px solid #0b365d;background:#0b365d;color:#fff;font:inherit;font-size:13px;font-weight:850;cursor:pointer;box-shadow:0 9px 20px rgba(8,43,78,.15)}
.px-request-actions button[data-send="direct"]{background:linear-gradient(135deg,#b87919,#d8ab52);border-color:#bd862d;color:#fff;box-shadow:0 10px 24px rgba(184,121,25,.25)}.px-request-actions button:disabled{cursor:wait;opacity:.66}
.px-request-actions button[data-send="email"]{background:#fff;color:#0b365d;border-color:#d5aa56}.px-form-note{grid-column:1/-1;margin:0;color:#748194;font-size:11px;line-height:1.5}
.px-form-status{display:none;grid-column:1/-1;margin:0;padding:11px 13px;border-radius:10px;font-size:12px;font-weight:750;line-height:1.45}.px-form-status.is-success,.px-form-status.is-error{display:block}.px-form-status.is-success{color:#17633b;background:#edf9f2;border:1px solid #b9e4ca}.px-form-status.is-error{color:#8b3b2e;background:#fff3ef;border:1px solid #efc6bc}.px-honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.px-request-in-view .px-contact-dock{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(18px)!important}
html[dir="rtl"] .px-request-section,html[dir="rtl"] .px-request-form{text-align:right}
@media(max-width:800px){.px-request-section{padding:54px 14px}.px-request-shell{grid-template-columns:1fr;gap:18px}.px-request-copy{padding:4px 8px}.px-request-copy h2{font-size:30px}.px-wechat-card{max-width:360px}.px-request-form{grid-template-columns:1fr;padding:20px 16px;border-radius:20px}.px-field-wide{grid-column:auto}.px-request-actions{grid-column:auto;grid-template-columns:1fr 1fr}.px-request-actions button[data-send="direct"]{grid-column:1/-1}.px-form-note,.px-form-status{grid-column:auto}}
@media(max-width:390px){.px-request-actions{grid-template-columns:1fr}}
@media print{.px-request-section{display:none!important}}

/* Final floating contact lock: visible at the lower-right on desktop and mobile. */
body>.px-contact-dock{
  position:fixed!important;inset:auto 18px 82px auto!important;width:auto!important;margin:0!important;padding:0!important;
  display:grid!important;grid-template-columns:52px!important;gap:10px!important;opacity:1!important;visibility:visible!important;
  transform:none!important;pointer-events:auto!important;
}
body>.px-contact-dock a{width:52px!important;min-width:52px!important;height:52px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important}
.px-request-in-view .px-contact-dock{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
html[dir="rtl"] body>.px-contact-dock{inset:auto 18px 82px auto!important}
@media(max-width:700px){
  body>.px-contact-dock{inset:auto 14px 76px auto!important;grid-template-columns:48px!important;gap:8px!important}
  body>.px-contact-dock a{width:48px!important;min-width:48px!important;height:48px!important}
}

/* Mobile header logo: approved transparent artwork, cleanly integrated with the header. */
@media(max-width:700px){
  .premium-header .brand{
    width:auto!important;min-width:0!important;height:48px!important;padding:0!important;margin:0!important;
    display:flex!important;align-items:center!important;background:transparent!important;border:0!important;box-shadow:none!important;
  }
  .premium-header .brand img,.premium-header.is-scrolled .brand img{
    display:block!important;width:auto!important;max-width:126px!important;height:48px!important;object-fit:contain!important;object-position:left center!important;
    padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;
    box-shadow:none!important;filter:none!important;transform:none!important;opacity:1!important;
  }
  html[dir="rtl"] .premium-header .brand img,body[dir="rtl"] .premium-header .brand img{object-position:right center!important}
}
@media(max-width:370px){
  .premium-header .brand img,.premium-header.is-scrolled .brand img{max-width:112px!important;height:44px!important}
}

/* WeChat QR opens directly from the floating icon. */
.px-modal-open{overflow:hidden!important}
.px-wechat-modal[hidden]{display:none!important}
.px-wechat-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:rgba(4,22,43,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.px-wechat-dialog{position:relative;width:min(92vw,390px);display:grid;justify-items:center;gap:10px;padding:28px 24px 24px;border:1px solid rgba(214,170,85,.55);border-radius:24px;background:#fff;box-shadow:0 28px 80px rgba(2,18,38,.38);text-align:center;color:#0b365d}
.px-wechat-dialog img{display:block;width:min(72vw,290px);height:auto;aspect-ratio:1;object-fit:contain;padding:8px;border-radius:16px;background:#fff;border:1px solid rgba(8,43,78,.1)}
.px-wechat-dialog strong{font-size:18px;line-height:1.35}.px-wechat-dialog small{font-size:12px;line-height:1.55;color:#66788c}
.px-wechat-number{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 14px;border-radius:999px;background:#edf7f1;color:#087a42;border:1px solid rgba(8,122,66,.2);font-size:14px;letter-spacing:.03em}
.zcc-line[href="https://wa.me/8618676374700"] .zcc-wc-mark,.zcc-number-row a[href="https://wa.me/8618676374700"] .zcc-wc-mark{display:none!important}
.zcc-line[href="#wechat-qr"] .zcc-wa-mark,.zcc-number-row a[href="#wechat-qr"] .zcc-wa-mark{display:none!important}
.px-wechat-close{position:absolute;top:10px;right:12px;width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#edf2f7;color:#0b365d;font-size:25px;line-height:1;cursor:pointer}
html[dir="rtl"] .px-wechat-close{right:auto;left:12px}
@media(max-width:700px){.px-wechat-modal{padding:14px}.px-wechat-dialog{width:min(94vw,370px);padding:25px 18px 20px;border-radius:21px}.px-wechat-dialog img{width:min(76vw,280px)}}
@media print{.px-wechat-modal{display:none!important}}