PamGram/resources/starrail/avatar_list/style.css

/* 上半 */
.container {
  width: 680px !important;
  max-width: 680px !important;
}

.header {
  background: #e0dad3 url(../gacha_log/img/starrail.png) no-repeat right;
  box-shadow: 0 0 8px #72a2ae79;
}

.frame {
  border-color: #cdbea8;
  color: #8a4d30;
}

.text-shadow {
  text-shadow: 0 0.08em 0.1em #00000023;
}

/* 下半 */
.content {
  box-shadow: 0 0 8px #72a2ae79;
  font-size: 21px;
}

.table thead {
  background-color: #e0dad3;
}
.table tr {
  border-color: #00000021;
}
.table tr:nth-child(even) {
  background-color: #f2f2f2;
}

.role img {
  transform: scale(1.05);
}
.weapon img {
  transform: scale(1.1);
}

/* 计数+菱形图案 */
.weapon img,
.color {
  position: relative;
  z-index: 0;
}
.role.bg,
.weapon.bg {
  position: absolute;
  z-index: -1;
}
.role.bg {
  top: 5px;
  left: 17px;
  width: 22px;
  height: 22px;
  transform: rotateZ(45deg);
}
.weapon.bg {
  top: 0;
  left: -8px;
  transform: skewX(-11deg);
}
.frame-border {
  border-color: #f7e2ad2b;
  width: 62px;
  height: 27px;
}

.color .number {
  color: white;
}
.green .bg {
  background-color: #3c7d7f;
}
.cyan .bg {
  background-color: #4898c7;
}
.blue .bg {
  background-color: #4576b4;
}
.purple .bg {
  background-color: #955ec9;
}
.pink .bg {
  background-color: #c24e9a;
}
.red .bg {
  background-color: #c24e4e;
}

/* 武器、角色背景 */
.weapon-1-star {
  background-color: #cfcfcf;
}
.weapon-2-star {
  background-color: #c0edee;
}
.weapon-3-star {
  background-color: #bedcff;
}
.weapon-4-star, .nongold {
  background-color: #d3c8fa;
}
.weapon-5-star, .gold {
  background-color: #f9e7bb;
}

.notice {
  background-image: linear-gradient(135deg, #9452a5 10%, #fff5c3 100%);
}