/*
Theme Name: Mokko (Child Theme)
Theme URI: http://madsparrow.us/
Author: Mad Sparrow
Author URI: https://themeforest.net/user/madsparrow
Description: Mokko Creative Agency and Portfolio Theme – The theme is built to take advantage of the Full Site Editing features introduced in WordPress and Elementor plugin, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Tags: one-column, two-columns, right-sidebar, custom-menu, post-formats, sticky-post, translation-ready, page transition
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mokko
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Template: mokko
*/

/* Add your own modification from here
-------------------------------------------------------------- */
/* =============================================
   辰翊数字 - 侧边悬浮咨询栏
   ============================================= */
#ai-consult-sidebar.cy-baidu-sidebar {
  position: fixed;
  right: 18px;
  bottom: 96px;
  z-index: 99999;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
  pointer-events: none;
}

#ai-consult-sidebar,
#ai-consult-sidebar * {
  box-sizing: border-box;
}

#ai-consult-sidebar a,
#ai-consult-sidebar a:visited,
#ai-consult-sidebar a:hover,
#ai-consult-sidebar a:active,
#ai-consult-sidebar a:focus {
  text-decoration: none !important;
}

#ai-consult-sidebar button,
#ai-consult-sidebar button:hover,
#ai-consult-sidebar button:active,
#ai-consult-sidebar button:focus {
  font: inherit;
  outline: none;
}

#ai-consult-sidebar img {
  display: block;
  max-width: none;
}

#ai-consult-sidebar .cy-baidu-main,
#ai-consult-sidebar .cy-baidu-gotop,
#ai-consult-sidebar .cy-baidu-popup,
#ai-consult-sidebar .cy-baidu-mask {
  pointer-events: auto;
}

#ai-consult-sidebar .cy-baidu-main {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#ai-consult-sidebar .cy-baidu-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 126px;
  height: 50px;
  padding: 0 16px;
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,.08);
  background: rgba(255,255,255,.96);
  color: #334155;
  cursor: pointer;
  box-shadow: 0 10px 28px rgba(15,23,42,.10);
  backdrop-filter: blur(10px);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, color .18s ease;
}

#ai-consult-sidebar .cy-baidu-item:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 34px rgba(15,23,42,.14);
  border-color: rgba(22,163,74,.22);
  color: #16a34a;
}

#ai-consult-sidebar .cy-baidu-trigger[aria-expanded="true"] {
  color: #16a34a;
  border-color: rgba(22,163,74,.22);
}

#ai-consult-sidebar .cy-baidu-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

#ai-consult-sidebar .cy-baidu-icon svg {
  width: 22px;
  height: 22px;
  color: currentColor;
  display: block;
}

#ai-consult-sidebar .cy-baidu-label {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  color: currentColor;
  letter-spacing: .01em;
}

#ai-consult-sidebar .cy-baidu-popup {
  position: absolute;
  right: 140px;
  bottom: 0;
  width: 320px;
  background: #ffffff;
  border-radius: 18px;
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 18px 48px rgba(15,23,42,.18);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

#ai-consult-sidebar.is-active .cy-baidu-popup {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

#ai-consult-sidebar .cy-baidu-popup-inner {
  position: relative;
  padding: 24px 24px 22px;
  text-align: center;
}

#ai-consult-sidebar .cy-baidu-popup h4 {
  margin: 0;
  color: #0f172a;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}

#ai-consult-sidebar .cy-baidu-desc {
  margin: 10px 0 18px;
  color: #64748b;
  font-size: 13px;
  line-height: 1.75;
}

#ai-consult-sidebar .cy-baidu-close {
  position: absolute;
  top: 8px;
  right: 10px;
  display: none;
  width: 28px;
  height: 28px;
  border: 0;
  background: transparent;
  color: #94a3b8;
  cursor: pointer;
  font-size: 24px;
  line-height: 28px;
}

#ai-consult-sidebar .cy-baidu-qr-wrap {
  margin-bottom: 14px;
}

#ai-consult-sidebar .cy-baidu-qr-wrap img {
  width: 210px;
  height: 210px;
  margin: 0 auto;
  border: 1px solid #eef2f7;
  border-radius: 8px;
}

#ai-consult-sidebar .cy-baidu-phone-wrap {
  border-top: 1px solid #f1f5f9;
  padding-top: 12px;
}

#ai-consult-sidebar .cy-baidu-phone-wrap small {
  display: block;
  color: #94a3b8;
  font-size: 12px;
  line-height: 1.5;
}

#ai-consult-sidebar .cy-baidu-phone-wrap a {
  display: block;
  color: #16a34a !important;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.7;
}

#ai-consult-sidebar .cy-baidu-gotop {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin: 12px auto 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.96);
  color: #64748b !important;
  cursor: pointer;
  opacity: 0;
  box-shadow: 0 6px 16px rgba(15,23,42,.10);
  transition: opacity .25s ease, color .18s ease, transform .18s ease;
  pointer-events: none;
  backdrop-filter: blur(10px);
}

#ai-consult-sidebar .cy-baidu-gotop.is-visible {
  opacity: 1;
  pointer-events: auto;
}

#ai-consult-sidebar .cy-baidu-gotop:hover {
  color: #334155 !important;
  transform: translateY(-1px);
}

#ai-consult-sidebar .cy-baidu-gotop svg {
  display: block;
  width: 22px;
  height: 22px;
  stroke: currentColor !important;
  fill: none !important;
}

#ai-consult-sidebar .cy-baidu-mask {
  display: none;
}

@media screen and (max-width: 767px) {
  #ai-consult-sidebar.cy-baidu-sidebar {
    right: 12px;
    bottom: 92px;
  }
  #ai-consult-sidebar .cy-baidu-item {
    width: 82px;
    height: 78px;
    flex-direction: column;
    gap: 8px;
    border-radius: 20px;
    padding: 10px 0;
  }
  #ai-consult-sidebar .cy-baidu-icon svg {
    width: 30px;
    height: 30px;
  }
  #ai-consult-sidebar .cy-baidu-label {
    font-size: 13px;
  }
  #ai-consult-sidebar .cy-baidu-gotop {
    width: 58px;
    height: 58px;
  }
  #ai-consult-sidebar.is-active .cy-baidu-mask {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 99998;
    background: rgba(0,0,0,.5);
  }
  #ai-consult-sidebar.is-active .cy-baidu-popup {
    position: fixed;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    width: 320px;
    z-index: 100000;
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%);
  }
  #ai-consult-sidebar.is-active .cy-baidu-close {
    display: block;
  }
  #ai-consult-sidebar .cy-baidu-qr-wrap img {
    width: 220px;
    height: 220px;
  }
  #ai-consult-sidebar .cy-baidu-phone-wrap a {
    font-size: 20px;
    line-height: 1.8;
  }
}