/* Zhongjia Wood global contact widget — offline-friendly, vanilla CSS */
.zj-contact-rail{position:fixed;right:22px;bottom:22px;z-index:10000;display:flex;flex-direction:column;gap:11px;align-items:center;font-family:Arial,"Microsoft YaHei",sans-serif}
.zj-contact-action{position:relative;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid rgba(255,255,255,.45);border-radius:50%;box-shadow:0 8px 24px rgba(24,42,33,.22);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;color:#fff;padding:0}
.zj-contact-action:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(24,42,33,.28)}
.zj-contact-action:focus-visible{outline:3px solid #d8c4a8;outline-offset:3px}
.zj-contact-action svg{width:25px;height:25px;display:block}
.zj-contact-action--whatsapp{background:#25D366}
.zj-contact-action--email{background:#314a3d}
.zj-contact-action--chat{background:#24382e}
.zj-contact-action::after{content:attr(aria-label);position:absolute;right:62px;top:50%;transform:translate(4px,-50%);white-space:nowrap;padding:7px 10px;border-radius:7px;background:#24382e;color:#fff;font-size:12px;font-weight:600;letter-spacing:.01em;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;box-shadow:0 5px 16px rgba(0,0,0,.14)}
.zj-contact-action:hover::after,.zj-contact-action:focus-visible::after{opacity:1;transform:translate(0,-50%)}
.zj-contact-panel{position:fixed;right:22px;bottom:88px;z-index:10001;width:360px;max-width:calc(100vw - 28px);height:min(510px,calc(100vh - 145px));min-height:390px;display:flex;flex-direction:column;overflow:hidden;background:#fbfaf6;border:1px solid rgba(36,56,46,.13);border-radius:18px;box-shadow:0 22px 70px rgba(22,38,29,.28);font-family:Arial,"Microsoft YaHei",sans-serif;color:#25332b}
.zj-contact-panel[hidden]{display:none!important}
.zj-contact-panel-head{display:flex;align-items:center;gap:12px;padding:17px 17px 15px;background:#24382e;color:#fff}
.zj-contact-brand-mark{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border:1px solid rgba(255,255,255,.45);border-radius:50%;color:#e2d2b7;font-size:18px;font-weight:800}
.zj-contact-panel-heading{min-width:0;flex:1}
.zj-contact-panel-heading strong{display:block;font-size:15px;line-height:1.4}
.zj-contact-panel-heading span{display:block;margin-top:3px;color:rgba(255,255,255,.72);font-size:11px;line-height:1.4}
.zj-contact-close{width:32px;height:32px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.zj-contact-close:hover{background:rgba(255,255,255,.22)}
.zj-contact-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:13px 15px 0}
.zj-contact-tab{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:1px solid #dcded7;border-radius:10px;background:#fff;color:#526056;font-size:12px;font-weight:700;cursor:pointer}
.zj-contact-tab svg{width:17px;height:17px}
.zj-contact-tab[aria-pressed="true"]{background:#e8efe9;border-color:#9aafa0;color:#24382e}
.zj-contact-conversation{flex:1;overflow:auto;padding:15px;display:flex;flex-direction:column;gap:11px}
.zj-contact-day-label{align-self:center;color:#92998f;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.zj-contact-message{max-width:94%;padding:11px 12px;border-radius:4px 13px 13px 13px;background:#fff;border:1px solid #e8e5dd;color:#48564c;font-size:12px;line-height:1.65;box-shadow:0 3px 10px rgba(35,51,40,.04)}
.zj-contact-message--notice{background:#fff6e8;border-color:#efdfc4;color:#73582e}
.zj-contact-message strong{color:#24382e}
.zj-contact-compose{padding:12px 14px 14px;border-top:1px solid #e8e5dd;background:#fff}
.zj-contact-compose label{display:block;margin:0 0 6px;color:#69756c;font-size:11px;font-weight:700}
.zj-contact-compose textarea{display:block;width:100%;height:74px;resize:vertical;border:1px solid #d8ddd5;border-radius:10px;padding:10px 11px;background:#fcfcfa;color:#27362d;font:12px/1.55 Arial,"Microsoft YaHei",sans-serif;outline:none}
.zj-contact-compose textarea:focus{border-color:#829b88;box-shadow:0 0 0 3px rgba(49,74,61,.1)}
.zj-contact-send-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}
.zj-contact-hint{font-size:10px;line-height:1.45;color:#8a9189;max-width:155px}
.zj-contact-send{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:37px;padding:0 14px;border:0;border-radius:9px;background:#24382e;color:#fff;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.zj-contact-send:hover{background:#314a3d}
.zj-contact-send svg{width:15px;height:15px}
.zj-contact-footer{padding:0 15px 11px;background:#fff;color:#a0a49c;font-size:9px;text-align:center}
@media(max-width:600px){
 .zj-contact-rail{right:13px;bottom:14px;gap:8px}
 .zj-contact-action{width:47px;height:47px}
 .zj-contact-action svg{width:23px;height:23px}
 .zj-contact-action::after{display:none}
 .zj-contact-panel{right:10px;bottom:72px;width:calc(100vw - 20px);max-width:none;height:min(500px,calc(100vh - 100px));min-height:350px;border-radius:16px}
 .zj-contact-panel-head{padding:14px}
 .zj-contact-conversation{padding:12px}
}
@media(prefers-reduced-motion:reduce){.zj-contact-action,.zj-contact-action::after{transition:none}}