/* Like button icon override: ensure dz.png / dz_on.png are used */

/* 回到顶部按钮样式 */
#mzaback {
	position: fixed;
	width: 50px;
	padding-bottom: 50px;
	background: transparent url("../images/icon_backtop.png") no-repeat center center;
	background-size: 50% auto;
	right: 0;
	bottom: 20%;
	z-index: 6;
	cursor: pointer;
	border-radius: 5px;
	display: none;
}

/* 响应式样式：中等屏幕 */
@media (max-width: 768px) {
	#mzaback {
		width: 3.125%;
		padding-bottom: 3.125%;
	}
}

/* 响应式样式：小屏幕 */
@media (max-width: 480px) {
	#mzaback {
		width: 30px;
		padding-bottom: 30px;
		border-radius: 3px;
	}
}

/* 主要样式覆盖 */
#mzaback {
	width: 46px;
	height: 46px;
	padding: 0;
	right: 16px;
	bottom: 80px;
	background: transparent url("../images/icon_backtop.png") no-repeat center center;
	background-size: 60% auto;
	border-radius: 8px;
	box-shadow: none;
	z-index: 9999;
}

/* 默认隐藏 */
#mzaback {
	display: none;
	width: 0;
	height: 0;
	background: none;
}

/* 按钮背景渐变 */
#mzaback {
	background: var(--spt-grad);
	border: none;
}
.sptsz-like .icon{display:inline-block;width:36px;height:36px;background:url('../images/dz.png') no-repeat center/contain}
.sptsz-like.is-liked .icon{background-image:url('../images/dz_on.png')}

/* 点赞按钮容器样式 */
.like-bar{ text-align:center; margin: 12px 0 18px; }

/* 点赞按钮样式 */
.sptsz-like{
  display:inline-flex; align-items:center; gap:10px;
  height:40px; padding:0 16px; border-radius:20px;
  border:1px solid rgb(47 134 255 / .35);
  background: var(--spt-grad); color:#8fb408; cursor:pointer;
  box-shadow: 0 6px 14px rgb(47 134 255 / .25); transition: all .18s ease;
}
.sptsz-like:hover{ filter:brightness(.98); transform: translateY(-1px); }
.sptsz-like:disabled{ opacity:.55; cursor:not-allowed; filter:none; transform:none; }

/* 点赞计数样式 */
.sptsz-like .count{ font-style:normal; font-weight:600; }

/* Like button visibility enhancement: subtle background + clearer border */
.sptsz-like{
  background-color: rgb(47 134 255 / .10);   /* 浅蓝底，提升可见度 */
  border-color: rgb(47 134 255 / .55);       /* 边框更清晰 */
  box-shadow: none;
}

.sptsz-like:hover{
  background-color: rgb(47 134 255 / .16);   /* 悬停稍加深 */
  transform: translateY(-1px);
}

/* --- Like button: gradient background + gradient border (keep text color unchanged) --- */
.sptsz-like{
  background: var(--spt-grad);
  border: 1px solid transparent;
  border-image: var(--spt-grad) 1;
}

.sptsz-like:hover{
  background: var(--spt-grad);
}

/* Like text: set to black, bold and larger */
.sptsz-like span,
.sptsz-like .count{
  color: #000;
  font-weight: 700;
  font-size: 1.05em;
}

/* === Like button beautify (compact capsule) === */
.sptsz-like{
  /* 胶囊底色：柔和黄蓝渐变，带轻微玻璃感 */
  background: var(--spt-grad);
  border: 1px solid transparent;
  border-image: var(--spt-grad) 1;
  border-radius: 14px;
  padding: 4px 12px;   /* 保持紧凑 */
  gap: 6px;
  height: 22px;

  /* 细腻阴影与内发光，避免突兀 */
  box-shadow:
    0 4px 10px rgb(47 134 255 / .18),
    inset 0 1px rgb(255 255 255 / .55),
    inset 0 -1px rgb(0 0 0 / .06);

  /* 过渡与悬停 */
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

.sptsz-like:hover{
  transform: translateY(-1px);
  filter: brightness(.98);
  box-shadow:
    0 8px 18px rgb(47 134 255 / .28),
    inset 0 1px rgb(255 255 255 / .65),
    inset 0 -1px rgb(0 0 0 / .08);
}

/* 文本保持居中（之前规则已设），微调字重与间距 */
.sptsz-like span{
  flex: 1 1 auto;
  text-align: center;
  letter-spacing: .2px;
}

/* 计数改为徽章：白底半透明、蓝字，边框更精致 */
.sptsz-like .count{
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 18px;
  padding: 0 6px;
  border-radius: 10px;

  /* 颜色：先纯色备用，再 rgba */
  background: #fff;               /* fallback solid */
  background: rgb(255 255 255 / .85);
  color: var(--spt-primary);
  border: 1px solid #2F86FF;         /* fallback */
  border: 1px solid rgb(47 134 255 / .35);
  box-shadow: 0 2px 6px rgb(47 134 255 / .15) inset;
  font-weight: 600;                  /* 徽章略微减弱字重，避免过重 */
  font-size: .95em;
}

/* --- Like button compact system style override --- */
.sptsz-like{
  padding: 4px 11px;                 /* 宽度约减 1/3 */
  gap: 6px;                          /* 间距缩小以配合整体尺寸 */
  height: 20px;                      /* 高度约减半 */
  border-radius: 12px;

  /* 颜色：先纯色备用，再 rgba */
  background-color: #2F86FF;         /* fallback solid */
  background-color: rgb(47 134 255 / .10); /* 主题浅蓝色 */
  border: 1px solid #2F86FF;         /* fallback */
  border: 1px solid rgb(47 134 255 / .55); /* 主题蓝系边框 */
  color: var(--spt-primary);
}

.sptsz-like span,
.sptsz-like .count{
  font-size: 0.9em;
  line-height: 1.2;
}