#wa { --elephant-notice-height: 0px; --elephant-chat-base: calc(var(--elephant-notice-height) + 20px + env(safe-area-inset-bottom, 0px)); }
#wa .wa__btn_popup { bottom: var(--elephant-chat-base) !important; right: 24px !important; z-index: 9998; }
#wa .wa__btn_popup_icon { width: 60px; height: 60px; border: 5px solid #fff; box-shadow: 0 4px 22px #17251c35; }
#wa .wa__btn_popup_txt { display: none !important; }
#wa .wa__popup_chat_box { bottom: calc(var(--elephant-chat-base) + 76px) !important; right: 24px !important; width: 414px; max-width: calc(100vw - 32px); max-height: calc(100dvh - var(--elephant-chat-base) - 130px); overflow-y: auto; background: #fff; border: 1px solid #e1e6de; border-radius: 22px; box-shadow: 0 12px 60px #12201935; font-family: inherit; z-index: 9999; }
#wa .wa__popup_heading { background: #fff !important; padding: 32px 30px 18px; }
#wa .wa__popup_heading::before { content: '大象人字拖 · SUPPORT'; display: block; background: none; position: static; width: auto; height: auto; color: #16834f; font-size: 11px; font-weight: 600; letter-spacing: .15em; margin-bottom: 12px; }
#wa .wa__popup_title { color: #202720 !important; font-size: 27px !important; font-weight: 500; line-height: 1.4; padding-right: 22px; }
#wa .wa__popup_intro { color: #687066 !important; opacity: 1 !important; font-size: 13px !important; line-height: 1.8; margin-top: 12px; }
#wa .wa__popup_content { background: #fff; padding: 0 30px 28px; }
#wa .wa__popup_content_item { margin: 12px 0 0; }
#wa .wa__popup_content_list .wa__popup_content_item { opacity: 1; transform: none; transition: none !important; }
#wa .wa__popup_content_item .wa__stt { background: #fff; border: 1px solid #e1e5df; border-radius: 13px; box-shadow: none; padding: 20px 16px 18px 74px; min-height: 106px; transition: border-color .2s ease !important; }
#wa .wa__popup_content_item .wa__stt_online:hover { border-color: #16834f; transform: none; }
#wa .wa__popup_avatar { top: 22px; left: 16px; width: 42px; height: 42px; }
#wa .wa__popup_avatar svg { width: 42px; height: 42px; }
#wa .wa__member_name { color: #252c24; font-size: 17px !important; font-weight: 600; line-height: 1.4; margin-bottom: 6px; }
#wa .wa__member_duty { color: #687066; font-size: 12px !important; line-height: 1.65; }
#wa .wa__member_status { margin-top: 8px; color: #7d715e; font-size: 11px; letter-spacing: .02em; }
#wa .wa__stt[aria-disabled='true'] { opacity: .85; }
#wa .elephant-wa-note { color: #687066; font-size: 12px; line-height: 1.8; border-top: 1px solid #e8ebe4; padding-top: 18px; margin: 22px 0 10px; }
#wa .wa__popup_notice { color: #687066; padding: 0; margin: 0; font-size: 12px !important; line-height: 1.8; }
#wa .elephant-wa-close { position: absolute; top: 22px; right: 22px; display: grid; place-items: center; background: #f3f5f0; color: #687066; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; font: 26px/1 Arial, sans-serif; cursor: pointer; }
#wa [role='button']:focus-visible, #wa button:focus-visible, #wa a:focus-visible { outline: 3px solid #16834f; outline-offset: 4px; }
@media (max-width: 600px) {
  #wa .wa__btn_popup { right: 16px !important; }
  #wa .wa__popup_chat_box { right: 16px !important; border-radius: 18px; max-height: calc(100dvh - var(--elephant-chat-base) - 130px); }
  #wa .wa__popup_heading { padding: 24px 22px 12px; }
  #wa .wa__popup_title { font-size: 24px !important; }
  #wa .wa__popup_content { padding: 0 22px 22px; }
  #wa .wa__popup_content_item .wa__stt { min-height: 96px; padding-top: 16px; padding-bottom: 16px; }
  #wa .wa__popup_avatar { top: 18px; }
}
@media (prefers-reduced-motion: reduce) { #wa * { transition: none !important; } }