/* ==========================================================
   cdh-seo.css —— 社交分享按钮 + 面包屑导航 + 微信分享弹窗
   ========================================================== */

/* ---------- 面包屑导航 ---------- */
.cdh-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 12px 0;
  font-size: 13px;
  color: #6F8291;
  flex-wrap: wrap;
}
.cdh-breadcrumbs a {
  color: #227A6B;
  text-decoration: none;
  font-weight: 500;
}
.cdh-breadcrumbs a:hover {
  color: #2FA893;
}
.cdh-bc-sep {
  color: #C4CCD8;
  margin: 0 2px;
}
.cdh-bc-current {
  color: #26403A;
  font-weight: 600;
}

/* ---------- 社交分享按钮组 ---------- */
.cdh-share-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 0;
  border-top: 1px solid #EDF1F5;
  margin-top: 24px;
}
.cdh-share-label {
  font-size: 13px;
  color: #6F8291;
  font-weight: 500;
}
.cdh-share-btns {
  display: flex;
  gap: 8px;
}
.cdh-share-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--btn-color, #6F8291);
  transition: transform 0.18s, box-shadow 0.18s;
  text-decoration: none;
  padding: 0;
}
.cdh-share-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.cdh-share-icon {
  width: 18px;
  height: 18px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/* SVG 图标内联 */
.cdh-share-wechat {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8.5 14.5c0-2.5 2.5-4.5 5.5-4.5s5.5 2 5.5 4.5-2.5 4.5-5.5 4.5c-.6 0-1.2-.1-1.8-.3l-1.7 1v-1.3c-1.2-.8-2-2-2-2.9zm8.5 1.5c0-1.1-1.3-2-3-2s-3 .9-3 2 1.3 2 3 2 3-.9 3-2z'/%3E%3Cpath d='M4.5 10c0-2.2 2.2-4 5-4s5 1.8 5 4-2.2 4-5 4c-.5 0-1-.1-1.5-.2l-1.5.9v-1.1c-1-.7-1.7-1.7-1.7-2.6zm7.5 1.3c0-.9-1.1-1.7-2.5-1.7s-2.5.8-2.5 1.7 1.1 1.7 2.5 1.7 2.5-.8 2.5-1.7z'/%3E%3C/svg%3E");
}
.cdh-share-weibo {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 3c-5 0-9 3-9 6.5 0 2 1.5 3.8 3.8 4.8-.2.7-.7 1.8-.8 2.6 0 0 1.5-.5 2.8-1.5.7.2 1.5.3 2.2.3 5 0 9-3 9-6.5S17 3 12 3z'/%3E%3C/svg%3E");
}
.cdh-share-qq {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2C7 2 4 5 4 8c0 2 1 3.5 2.5 4.5-.5 1.5-1.5 3-1.5 3s2-.5 3.5-1.5c1 .3 2 .5 3 .5 5 0 8-3 8-6S17 2 12 2z'/%3E%3C/svg%3E");
}
.cdh-share-copy {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='13' height='13' rx='2'/%3E%3Cpath d='M5 15V4a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E");
}
/* 复制成功状态 */
.cdh-share-copied::after {
  content: '已复制';
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #26403A;
  color: #fff;
  font-size: 11px;
  padding: 3px 8px;
  border-radius: 4px;
  white-space: nowrap;
  margin-bottom: 4px;
  animation: cdh-fade-up 2s forwards;
}
@keyframes cdh-fade-up {
  0% { opacity: 1; transform: translateX(-50%) translateY(0); }
  80% { opacity: 1; }
  100% { opacity: 0; transform: translateX(-50%) translateY(-4px); }
}

/* ---------- 微信分享弹窗 ---------- */
.cdh-wechat-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  animation: cdh-fade-in 0.2s ease;
}
@keyframes cdh-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
.cdh-wechat-box {
  background: #fff;
  border-radius: 16px;
  padding: 28px 32px;
  text-align: center;
  box-shadow: 0 20px 60px rgba(0,0,0,0.15);
  position: relative;
  max-width: 280px;
  width: 90%;
  animation: cdh-scale-in 0.25s ease;
}
@keyframes cdh-scale-in {
  from { opacity: 0; transform: scale(0.92); }
  to { opacity: 1; transform: scale(1); }
}
.cdh-wechat-close {
  position: absolute;
  top: 12px;
  right: 16px;
  background: none;
  border: none;
  font-size: 22px;
  color: #8CA0AE;
  cursor: pointer;
  line-height: 1;
  padding: 4px;
}
.cdh-wechat-close:hover {
  color: #26403A;
}

/* ---------- 文章底部社交区 ---------- */
.cdh-article-share {
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid #EDF1F5;
}
.cdh-article-share h4 {
  font-size: 15px;
  color: #26403A;
  margin: 0 0 12px;
  font-weight: 600;
}

/* ---------- 微信分享 JS-SDK 样式 ---------- */
.cdh-wechat-tip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #E6F5F0;
  color: #227A6B;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 13px;
  margin-top: 12px;
}
.cdh-wechat-tip::before {
  content: '';
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23227A6B'%3E%3Cpath d='M12 2C6.48 2 2 5.58 2 10c0 2.03.94 3.84 2.44 5.25-.11.58-.44 1.64-.51 1.92 0 0 1.18-.55 2.57-1.52.82.23 1.68.35 2.5.35 5.52 0 10-3.58 10-8s-4.48-8-10-8z'/%3E%3C/svg%3E");
  background-size: contain;
  flex-shrink: 0;
}