/**/
@property --link-bg-bottom {
  syntax: "<color>";
  initial-value: #DE0000;
  inherits: true;
}
.blog-detail-text {
	--ui-color-link: var(--green, #4E8616);
	--ui-color-text-hover: #3A6B10;
	--ui-color-text-active:#579b11;
	--ui-transition-speed: 0.2s;
	--ui-transition-ease: ease-in-out;
}
.blog-detail-text .link,
.blog-detail-text a {
  --c: var(--ui-color-link);
  --h-c: var(--ui-color-text-hover);
  --a-c: var(--ui-color-text-active);
  color: var(--c);
  -webkit-transition: all var(--ui-transition-speed) var(--ui-transition-ease);
  transition: all var(--ui-transition-speed) var(--ui-transition-ease);
}
.blog-detail-text .link:hover,
.blog-detail-text a:hover {
  color: var(--h-c);
}
.blog-detail-text .link:focus, .link:active, a.active,
.blog-detail-text a:focus, a:active, a.active {
  color: var(--a-c);
}
.blog-detail-text .link,
.blog-detail-text a {
  --link-bg-bottom: var(--ui-color-text-primary);
  text-decoration: none;
  background-image: linear-gradient(0deg, transparent 0, transparent 2px, var(--link-bg-bottom) 2px, var(--link-bg-bottom) 3px, transparent 3px, transparent 100%);
  transition: --link-bg-bottom var(--ui-transition-speed) var(--ui-transition-ease);
}
@media (min-width: 1400px) {
  .blog-detail-text .link,
  .blog-detail-text a {
    background-image: linear-gradient(0deg, transparent 0, transparent 0.07em, var(--link-bg-bottom) 0.07em, var(--link-bg-bottom) calc(0.07em + 1px), transparent calc(0.07em + 1px), transparent 100%);
  }
}
.blog-detail-text .link:hover,
.blog-detail-text a:hover {
  --link-bg-bottom: transparent;
}