.wecom-entry{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #168354;border-radius:6px;padding:10px 15px;color:#117347;background:#f0faf5;font-size:15px;font-weight:650;line-height:1.5;text-decoration:none}.wecom-entry:hover{background:#e1f5e9;color:#095d37}.wecom-floating{position:fixed;left:max(20px,env(safe-area-inset-left));right:auto;bottom:max(22px,env(safe-area-inset-bottom));z-index:80;display:inline-flex;align-items:center;gap:8px;padding:13px 19px;border-radius:999px;background:#117347;color:#fff!important;box-shadow:0 5px 20px #142d492e;font-size:15px;font-weight:700;text-decoration:none;line-height:1.5}.wecom-floating:hover{background:#095d37}.wecom-floating:before{content:"";width:13px;height:11px;border:2px solid currentColor;border-radius:7px;display:block}.wecom-section{border-top:1px solid #dbe4eb;border-bottom:1px solid #dbe4eb;margin:24px 0;padding:24px 0;scroll-margin-top:100px}.wecom-section h2{font-size:23px!important;line-height:1.4}.wecom-intro{font-size:14px;line-height:1.7;color:#52667a;margin:9px 0 16px}.wecom-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wecom-card{min-width:0;text-align:center;padding:18px 12px;background:#fff;border:1px solid #dce6e0;border-radius:9px}.wecom-card h3{font-size:18px!important;line-height:1.5;margin:0;color:#183349}.wecom-role{font-size:13px;color:#617283;margin:3px 0 10px}.wecom-qr-link{display:block!important;margin:0 auto!important;padding:0!important;background:#fff;border-radius:4px;max-width:192px}.wecom-qr-link img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;image-rendering:pixelated;margin:0}.wecom-download{display:inline-block!important;color:#117347!important;font-size:14px!important;line-height:1.5!important;margin:12px 0 0!important;padding:4px!important;text-decoration:underline;text-underline-offset:3px}.wecom-hint{font-size:13px;color:#617283;line-height:1.75;margin:15px 0 0}.wecom-dialog{width:min(620px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 40px);padding:28px;border:0;border-radius:14px;box-shadow:0 24px 80px #142d493d;color:#183349;background:#f6faf8;overflow:auto}.wecom-dialog:not([open]){display:none}.wecom-dialog::backdrop{background:#0a1f36a8}.wecom-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.wecom-dialog-head h2{font-size:25px;line-height:1.4;margin:0}.wecom-kicker{font-size:11px;letter-spacing:1px;color:#117347;font-weight:700;margin:0 0 8px}.wecom-close{flex:0 0 38px;width:38px;height:38px;padding:0;border:1px solid #d4dfd8;border-radius:50%;font-size:29px;line-height:1;background:#fff;color:#52667a;cursor:pointer}.wecom-dialog .wecom-card{padding:20px 14px}.wecom-dialog .wecom-qr-link{max-width:192px}.wecom-entry:focus-visible,.wecom-floating:focus-visible,.wecom-qr-link:focus-visible,.wecom-download:focus-visible,.wecom-close:focus-visible{outline:3px solid #c47e39;outline-offset:4px}body.wecom-modal-open{overflow:hidden}.footer .wecom-entry{margin:0 0 14px;padding:9px 13px;color:#c5f2d8;border-color:#4c8068;background:#1f493c;font-size:14px}.footer .wecom-entry:hover{background:#285b49}.hero .actions .wecom-entry{padding:13px 18px;font-size:15px}.wecom-dialog p{max-width:none}
@media(max-width:650px){.wecom-floating{left:14px;right:auto;bottom:max(14px,env(safe-area-inset-bottom));font-size:14px;padding:11px 15px}.wecom-section{padding:20px 0}.wecom-cards{gap:10px}.wecom-card{padding:14px 7px}.wecom-card h3{font-size:16px!important}.wecom-dialog{padding:23px 16px}.wecom-dialog-head h2{font-size:22px}.wecom-dialog .wecom-card{padding:16px 8px}.wecom-dialog .wecom-qr-link{max-width:192px}.wecom-hint{font-size:12px}}
@media(max-width:380px){.wecom-dialog .wecom-cards{grid-template-columns:1fr}.wecom-dialog .wecom-qr-link{max-width:200px}}

.wecom-section .wecom-card{padding:12px 8px}.wecom-section .wecom-card h3{font-size:16px!important}.wecom-section .wecom-qr-link{max-width:160px}.wecom-section .wecom-role{margin:3px 0 6px;font-size:12px}

/* Compact contact control and directly visible footer QR codes. */
.wecom-floating{width:48px;height:48px;box-sizing:border-box;padding:5px!important;gap:1px;flex-direction:column;justify-content:center;font-size:11px;line-height:1.15;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));box-shadow:0 3px 12px #142d4926}.wecom-floating:before{width:15px;height:12px;flex:none}.wecom-floating span{display:block}.wecom-footer-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 0;max-width:292px}.footer .wecom-footer-cards a{display:flex;flex-direction:column;align-items:center;gap:7px;margin:0;padding:0;font-size:12px;color:#52667a;text-decoration:none}.wecom-footer-cards img{display:block;width:100%;max-width:128px;height:auto;aspect-ratio:1;background:#fff;border-radius:3px;image-rendering:pixelated}.wecom-footer-cards a:focus-visible{outline:3px solid #c47e39;outline-offset:4px}@media(max-width:650px){.wecom-floating{width:44px;height:44px;font-size:10px}.wecom-footer-cards{max-width:292px;margin-top:16px}}

/* SMD crystal mascot; exactly 30px above the previous 12px bottom offset. */
.wecom-floating{width:64px;height:76px;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 30px);padding:0!important;gap:0;border-radius:0;background:transparent!important;box-shadow:none;font-size:11px;line-height:1.3;overflow:visible}.wecom-floating:before{display:none}.wecom-floating .xtal-mascot{display:block;width:64px;height:52px;overflow:visible}.wecom-floating .xtal-label{display:block;white-space:nowrap;border:1px solid #d7e3dc;border-radius:12px;background:#fff;color:#276547;padding:3px 8px;box-shadow:0 2px 6px #142d4912;font-size:11px;font-weight:650}.xtal-body{animation:xtal-bob 4.8s ease-in-out infinite;transform-origin:40px 36px}.xtal-eyes{animation:xtal-blink 5.8s infinite;transform-box:fill-box;transform-origin:center}.xtal-wave{animation:xtal-hello 7s ease-in-out infinite;transform-origin:61px 32px}.wecom-floating:hover .xtal-label{border-color:#168354;background:#f0faf5}.wecom-floating:hover .xtal-body{animation-duration:2s}@keyframes xtal-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes xtal-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.12)}}@keyframes xtal-hello{0%,65%,100%{transform:rotate(0)}70%,80%{transform:rotate(-15deg)}75%,85%{transform:rotate(8deg)}}@media(max-width:650px){.wecom-floating{width:60px;height:72px;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 30px)}.wecom-floating .xtal-mascot{width:60px;height:49px}}@media(prefers-reduced-motion:reduce){.xtal-body,.xtal-eyes,.xtal-wave{animation:none!important}}

/* Phone only: corner contact mascot and inquiry first in the horizontal navigation. */
@media(max-width:700px){.wecom-floating{left:env(safe-area-inset-left,0px);bottom:env(safe-area-inset-bottom,0px);width:60px;height:72px}.navlinks>.nav-cta{order:-1}}

/* Phone-only refinements: text-sized inquiry background and bottom-right mascot. */
@media(max-width:700px){.wecom-floating{left:auto;right:env(safe-area-inset-right,0px);bottom:env(safe-area-inset-bottom,0px)}.navlinks>.nav-cta{padding:0;font-size:13px;line-height:1.25;border-radius:2px}}
