User:Star0/sandbox/styles.css

.CCsingle {
  position: relative;
}

.CCsingle::before, .CCsingle::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 28%; /* 更宽的白色描边 */
  height: 28%; /* 更宽的白色描边 */
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  z-index: 1; /* 默认优先级 */
}

.CCsingle::before {
  background-color: white; /* 白色描边 */
  z-index: 0; /* 放在背景和角标之间 */
}

.CCsingle::after {
  width: 20%; /* 正确大小 */
  height: 20%; /* 正确大小 */
  z-index: 2;
}

/* 不同颜色控制 */
.CCsingle-byd::after {
  background-color: #FF7373; /* byd颜色 */
}

.CCsingle-etr::after {
  background-color: #A598BB; /* etr颜色 */
}

.CCsingle-ftr::before, .CCsingle-ftr::after {
  display: none; /* 完全移除 ftr 的描边和颜色 */
}

.CCsingle-prs::after {
  background-color: #b3cc54; /* prs颜色 */
}