/* 21st.dev Toolbar Dock #14092 + Popover #23548, adapted to LYNQ. */
.contact-widget[hidden],.contact-widget [hidden]{display:none!important}
.contact-dock{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:40;width:80px;padding:6px;background:#fffffff5;border:1px solid #dce5e8;border-radius:18px;box-shadow:0 6px 12px #11263705,0 16px 48px #11263715;backdrop-filter:blur(14px)}
.contact-dock-action{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:100%;min-height:77px;padding:12px 3px;background:transparent;border-radius:12px;color:#536b78;transition:background .2s,color .2s,transform .2s}
.contact-dock-action svg{width:24px;height:24px;transition:transform .25s cubic-bezier(.23,1,.32,1)}
.contact-dock-action span{font-size:.8125rem;font-weight:600;line-height:1.4;text-align:center}
.contact-dock-action:hover,.contact-dock-action[aria-expanded=true]{background:#edf4f4;color:#22646b}
.contact-dock-action:hover svg{transform:translateY(-2px)}
.contact-dock-primary,.contact-dock-primary:hover,.contact-dock-primary[aria-expanded=true]{background:#286b73;color:#fff}
.contact-dock-primary:hover,.contact-dock-primary[aria-expanded=true]{background:#205b64}
.contact-dock-top{min-height:61px;margin-top:4px;border-top:1px solid #e5ecee;border-radius:0 0 12px 12px;gap:2px}
.contact-dock-top svg{width:21px;height:21px}
.contact-launcher{display:none;position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:40;align-items:center;gap:10px;min-height:54px;padding:13px 21px;background:#163846;color:#fff;border:1px solid #ffffff20;border-radius:100px;box-shadow:0 8px 30px #11263730;font-size:.9375rem;font-weight:650;transition:background .2s,transform .2s}
.contact-launcher:hover,.contact-launcher[aria-expanded=true]{background:#286b73;transform:translateY(-2px)}
.contact-popover{position:fixed;z-index:41;width:23rem;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;border:1px solid #d7e2e7;border-radius:20px;background:#fff;box-shadow:0 8px 20px #1126370a,0 24px 80px #11263726;transform-origin:right center;scrollbar-width:thin;scrollbar-color:#bbced5 transparent}
.contact-popover:focus-visible{outline:2px solid #357e8580;outline-offset:4px}
.contact-popover-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 20px 16px 25px;border-bottom:1px solid #e5ecef}
.contact-popover-header>div{display:grid;gap:3px;min-width:0}
.contact-popover-header strong{font-size:1.5rem;letter-spacing:-.06em;line-height:1.2;font-weight:800}
.contact-popover-header span{font-size:.75rem;letter-spacing:.08em;color:#627a87;line-height:1.5}
.contact-close{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:50%;background:#f1f5f6;color:#526a77;transition:background .2s,color .2s}
.contact-close:hover{background:#e7eef0;color:#112637}.contact-close svg{width:19px;height:19px}
.contact-view-switch{display:grid;grid-template-columns:1.35fr 1fr;gap:4px;padding:4px;margin:20px 24px 0;background:#edf2f4;border-radius:10px}
.contact-view-switch button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:41px;padding:8px;background:transparent;border-radius:7px;font-size:.875rem;line-height:1.5;font-weight:600;color:#536c79}
.contact-view-switch button[aria-pressed=true]{background:#fff;color:#205d66;box-shadow:0 1px 5px #11263710}
.contact-view-switch svg{width:19px;height:19px}
.contact-popover-body{padding:24px}
.contact-popover h2,html[lang=zh-Hans] .contact-popover h2{font-size:1.6rem;line-height:1.28;letter-spacing:-.035em;font-weight:600;margin:0;overflow-wrap:anywhere}
.contact-popover-intro{font-size:1rem;line-height:1.75;color:#576d7a;margin-top:12px}
.contact-mini-brief{background:#f4f7f8;border-left:2px solid #80aeb3;padding:15px 17px;margin-top:21px;border-radius:0 8px 8px 0}
.contact-mini-brief>p{font-size:.8125rem;font-weight:700;color:#356672}
.contact-mini-brief ul{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:7px}
.contact-mini-brief li{position:relative;padding-left:13px;font-size:.875rem;line-height:1.65;color:#3d5867}
.contact-mini-brief li::before{content:'';position:absolute;left:0;top:.75em;width:4px;height:4px;border-radius:50%;background:#7b9da8}
.contact-pending{font-size:.875rem;color:#637986;line-height:1.7;margin-top:19px}
.contact-panel-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 17px;min-height:48px;background:#173b48;color:white;border-radius:8px;font-size:.875rem;font-weight:650;line-height:1.6;margin-top:20px;transition:background .2s}
.contact-panel-cta:hover{background:#286b73}.contact-panel-cta svg{width:18px;height:18px}
.contact-panel-footer{display:flex;align-items:center;gap:10px;padding:17px 24px;border-top:1px solid #e4ecef;background:#f8fafb;color:#456672;font-size:.875rem;font-weight:600;line-height:1.6}
.contact-panel-footer:hover{background:#edf4f4;color:#205d66}.contact-panel-footer svg{width:18px;height:18px}.contact-panel-footer svg:last-child{margin-left:auto}
.contact-wechat-symbol{display:grid;place-items:center;width:94px;height:94px;margin:27px auto 20px;border:1px solid #d7e9e6;border-radius:24px;background:#edf6f3;color:#2d776e}
.contact-wechat-symbol svg{width:45px;height:45px}.contact-pending--center{text-align:center;margin:0 auto 5px;max-width:260px}
.contact-direct-links{display:grid;gap:10px;margin-top:20px}
.contact-direct-links a{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #dce6e9;border-radius:8px}
.contact-direct-links a:hover{background:#f2f7f7}.contact-direct-links a>span{min-width:0;flex:1}.contact-direct-links strong{display:block;font-size:.875rem}.contact-direct-links a>span>span{display:block;overflow-wrap:anywhere;font-size:.875rem;color:#5c7481}.contact-direct-links svg{width:18px;height:18px;color:#357e85}
.contact-qr{margin:24px auto 0;text-align:center}.contact-qr img{margin:auto;width:180px;height:180px;object-fit:contain}.contact-qr figcaption{display:grid;gap:3px;font-size:.875rem;line-height:1.65;margin-top:14px;color:#57717d}.contact-qr figcaption strong{font-size:.9375rem;color:#173b48}.contact-qr figcaption span{display:block}
.contact-wechat-id{display:grid;justify-items:center;gap:7px;margin-top:20px;text-align:center}.contact-wechat-id>span{font-size:.8125rem;color:#637986}.contact-wechat-id strong{font-size:1rem;user-select:all;overflow-wrap:anywhere;max-width:100%}.contact-wechat-id button{background:#edf4f4;color:#205d66;padding:10px 18px;min-height:44px;border-radius:8px;font-size:.875rem;font-weight:600}.contact-copy-status{font-size:.8125rem;line-height:1.6;text-align:center;color:#356672;margin-top:8px}
.contact-widget a:focus-visible,.contact-widget button:focus-visible{outline:3px solid #357e85;outline-offset:3px}.contact-dock-primary:focus-visible,.contact-panel-cta:focus-visible,.contact-launcher:focus-visible{outline-color:#72b4b6}
html[lang=zh-Hans] .contact-popover h2{font-size:1.5rem;line-height:1.5;letter-spacing:0}html[lang=zh-Hans] .contact-popover-header span{letter-spacing:.06em}
/* The fixed side rail overlays the page without changing its centered layout. */
@media(max-width:1199px),(max-height:679px){.contact-dock{display:none}.contact-launcher{display:flex}.contact-popover{max-height:calc(100dvh - 108px);transform-origin:bottom right}.footer{padding-bottom:95px}}
@media(max-width:400px){.contact-popover-header{padding-left:20px}.contact-view-switch{margin-left:19px;margin-right:19px}.contact-popover-body{padding:21px 19px}.contact-panel-footer{padding-left:19px;padding-right:19px}.contact-popover h2{font-size:1.45rem}.contact-launcher{right:14px;bottom:max(14px,env(safe-area-inset-bottom));min-height:50px;padding:11px 18px}}
@media(prefers-reduced-motion:reduce){.contact-widget *{transition:none!important;animation:none!important}}
@media print{.contact-widget{display:none!important}}

.contact-qr img{width:100%;max-width:268px;height:auto;object-fit:contain}
