/* --- Super Module: Popular Posts Ranking Styles --- */
.postcard_thumbnail ,
.my-pp .thumb {
  position: relative;
  overflow: hidden;
}

.popular-rank {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
  z-index: 10;
  border-bottom-right-radius: 10px; /* 右下角圓角 */
}

/* 第一名顏色 */
.popular-rank.rank-1 {
  background-color: #ffd700; /* 金色 */
}

/* 第二名顏色 */
.popular-rank.rank-2 {
  background-color: #c0c0c0; /* 銀色 */
}

/* 第三名顏色 */
.popular-rank.rank-3 {
  background-color: #cd7f32; /* 銅色 */
}

/* 4-10 名顏色 */
.popular-rank.rank-default {
  background-color: rgba(0, 0, 0, 0.6); /* 半透明黑色 */
}