/* Namespaced additions: existing page styles, content and QQ controls stay intact. */
.wx-service-icon{display:grid;place-items:center;width:20px;height:20px;color:inherit;flex:none}
.wx-service-icon svg,.wx-service-mark svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.wx-service-icon svg{width:20px;height:20px}
.wx-service-open{cursor:pointer;scroll-margin-top:20px}
.wx-service-standard{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-width:0;min-height:40px;margin:8px 0 0;padding:8px 12px;border:1px solid #cfe8d9;border-radius:8px;background:#eaf6ee;color:#26734e;font:600 13px/1.4 "Microsoft YaHei",sans-serif;box-shadow:none;white-space:nowrap}
.wx-service-standard:hover{background:#dff0e5;border-color:#b9dcc8}
.wx-service-standard:active{background:#d5eadc;transform:translateY(1px)}
.wx-service-open:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.wx-service-dialog button:focus-visible{outline:3px solid #a5d7bd;outline-offset:3px}
/* The host only supplies native selectors such as .contact-card button. It adds no box. */
.wx-service-native-host,.strict-page .contact-card.wx-service-native-host{display:contents!important}
.wx-service-native-host::before,.wx-service-native-host::after{display:none!important}
.wx-service-native-host .wx-service-open.wx-service-theme-button,.strict-page .contact .wx-service-native-host .wx-service-open.wx-service-theme-button{display:flex;align-items:center;justify-content:center;gap:8px;grid-column:1/-1;width:100%;min-width:0;min-height:40px;height:auto;margin:0;padding:8px 12px;white-space:nowrap}
/* 4444 uses the existing 56px utility buttons and their grid, not a separate banner. */
.optimized .tool-grid .tool-button.compact-sub-action.is-wechat-service{margin:0;background:#fffefa;color:#19202b;border-color:#e9e3db}
.optimized .tool-grid .tool-button.compact-sub-action.is-wechat-service .tool-icon{background:#ecf7ef;color:#209267}
.optimized .tool-grid .tool-button.compact-sub-action.is-wechat-service::after{display:none}
body.wx-service-locked{overflow:hidden!important}
dialog.wx-service-dialog{position:fixed;inset:0;margin:auto;padding:0;width:min(360px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);height:fit-content;overflow:auto;border:1px solid #d5e7dc;border-radius:22px;background:#fff;color:#183c2c;box-shadow:0 22px 80px #09291c40;font:14px/1.6 "Microsoft YaHei","Segoe UI",sans-serif;text-align:center}
dialog.wx-service-dialog:not([open]){display:none}
dialog.wx-service-dialog::backdrop{background:rgba(14,32,25,.56);backdrop-filter:blur(3px)}
.wx-service-dialog-inner{position:relative;padding:22px 24px 16px;background:radial-gradient(ellipse at 50% 0,#e9f7ee,transparent 230px)}
.wx-service-dialog .wx-service-close{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:#5a7465;font:26px/1 sans-serif;cursor:pointer;box-shadow:none}
.wx-service-close:hover{background:#deede3}
.wx-service-dialog-heading{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 8px}
.wx-service-mark{display:grid;place-items:center;flex:none;width:36px;height:36px;margin:0;background:#168457;color:white;border-radius:11px;box-shadow:0 3px 10px #16845718}
.wx-service-mark svg{width:23px;height:23px}
.wx-service-dialog h2{margin:0;font:700 20px/1.5 "Microsoft YaHei",sans-serif;color:#163c2b;letter-spacing:1px;white-space:nowrap}
.wx-service-dialog p{margin:0;color:#5b7467;font-size:13px;line-height:1.7}
.wx-service-qr{display:grid;place-items:center;min-height:231px;width:232px;max-width:100%;padding:8px;margin:18px auto 10px;border:1px solid #e2ece6;border-radius:14px;background:#fff;box-shadow:0 5px 18px #12392006}
.wx-service-dialog .wx-service-qr img{display:block;width:204px;height:auto;max-width:100%;margin:0;aspect-ratio:auto;object-fit:contain;border:0;border-radius:0;image-rendering:pixelated;user-select:auto!important;-webkit-user-select:auto!important;-webkit-touch-callout:default!important;touch-action:auto;pointer-events:auto}
.wx-service-dialog [hidden]{display:none!important}
.wx-service-dialog .wx-service-scan-tip{font-size:12px;color:#63796e}
.wx-service-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}
.wx-service-dialog-actions button{display:flex;justify-content:center;align-items:center;gap:7px;min-height:43px;padding:8px 4px;border:1px solid #d6e5dc;border-radius:9px;background:#fff;color:#2e654d;font:600 13px/1.4 "Microsoft YaHei",sans-serif;cursor:pointer;white-space:nowrap;box-shadow:none}
.wx-service-dialog-actions .wx-service-reopen{background:#168457;color:#fff;border-color:#168457}
.wx-service-dialog .wx-service-original{display:inline-block;margin-top:10px;padding:2px 6px;color:#2e654d;font:12px/1.7 "Microsoft YaHei",sans-serif;text-decoration:underline;text-underline-offset:3px}
.wx-service-dialog .wx-service-feedback{font-size:11px;margin-top:10px;min-height:19px;color:#6e8175}
@media(prefers-reduced-motion:reduce){.wx-service-open{transform:none!important}}
@media(max-width:360px){.wx-service-dialog-inner{padding:22px 16px 12px}}