/* 博客/新闻文章 · 底部 sticky 转化条（紧凑版 v20260625） */

.blog-sticky-cta {

  position: fixed;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 900;

  transform: translateY(110%);

  transition: transform 0.28s ease;

  pointer-events: none;

}



.blog-sticky-cta.is-visible {

  transform: translateY(0);

  pointer-events: auto;

}



body.has-blog-sticky-cta {

  padding-bottom: calc(52px + env(safe-area-inset-bottom, 0));

}



.blog-sticky-cta__inner {

  max-width: 960px;

  margin: 0 auto;

  padding: 6px 10px calc(6px + env(safe-area-inset-bottom, 0));

  background: linear-gradient(135deg, #064e3b 0%, #0f766e 100%);

  color: #fff;

  box-shadow: 0 -2px 16px rgba(6, 78, 59, 0.28);

  border-radius: 10px 10px 0 0;

  display: flex;

  flex-wrap: nowrap;

  align-items: center;

  gap: 8px;

}



.blog-sticky-cta__copy {

  flex: 1 1 auto;

  min-width: 0;

  overflow: hidden;

}



.blog-sticky-cta__title {

  font-size: 0.8125rem;

  font-weight: 700;

  margin: 0;

  line-height: 1.25;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}



.blog-sticky-cta__sub {

  display: none;

  font-size: 0.6875rem;

  opacity: 0.88;

  margin: 0;

  line-height: 1.3;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}



@media (min-width: 768px) {

  .blog-sticky-cta__title {

    font-size: 0.875rem;

  }



  .blog-sticky-cta__sub {

    display: block;

    margin-top: 1px;

  }



  body.has-blog-sticky-cta {

    padding-bottom: calc(58px + env(safe-area-inset-bottom, 0));

  }

}



.blog-sticky-cta__actions {

  display: flex;

  flex-wrap: nowrap;

  gap: 6px;

  flex: 0 0 auto;

  overflow-x: auto;

  -webkit-overflow-scrolling: touch;

  scrollbar-width: none;

}



.blog-sticky-cta__actions::-webkit-scrollbar {

  display: none;

}



.blog-sticky-cta__btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  padding: 5px 10px;

  min-width: unset !important;

  min-height: unset !important;

  border-radius: 999px;

  font-size: 0.75rem;

  font-weight: 700;

  text-decoration: none;

  white-space: nowrap;

  transition: opacity 0.15s;

  flex-shrink: 0;

}



.blog-sticky-cta__btn:hover {

  opacity: 0.92;

}



.blog-sticky-cta__btn--primary {

  background: #fff;

  color: #065f46;

}



.blog-sticky-cta__btn--ghost {

  background: rgba(255, 255, 255, 0.14);

  color: #fff;

  border: 1px solid rgba(255, 255, 255, 0.28);

}



.blog-sticky-cta__close {

  flex: 0 0 auto;

  width: 28px;

  height: 28px;

  min-width: unset !important;

  min-height: unset !important;

  padding: 0;

  border: none;

  border-radius: 999px;

  background: rgba(255, 255, 255, 0.12);

  color: rgba(255, 255, 255, 0.9);

  font-size: 1.125rem;

  line-height: 1;

  cursor: pointer;

  display: inline-flex;

  align-items: center;

  justify-content: center;

}



.blog-sticky-cta__close:hover {

  background: rgba(255, 255, 255, 0.22);

}



@media (max-width: 480px) {

  .blog-sticky-cta__inner {

    padding-left: 8px;

    padding-right: 8px;

    gap: 6px;

  }



  .blog-sticky-cta__btn {

    padding: 5px 8px;

    font-size: 0.6875rem;

  }



  .blog-sticky-cta__close {

    width: 26px;

    height: 26px;

  }

}