@font-face {
  font-family: "STZhongsong";
  src: url("//game.gtimg.cn/images/poe2/act/a20250228tyro/STZhongsong.ttf");
}
html {
  font-size: max(1.9612vw, 12px);
}

html, body {
  margin: 0;
  font-family: STZhongsong, serif;
}
html ::-webkit-scrollbar, body ::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

body {
  padding-right: 3.2rem;
}

.page-con {
  color: #A8A4A0;
  font-size: 0.833rem;
  line-height: 1.458rem;
}

.tit {
  position: relative;
  padding-left: 1.458rem;
  font-size: 1.042rem;
  line-height: 1.042rem;
  color: #BFAE75;
}
.tit::before {
  content: "";
  position: absolute;
  top: 0.104rem;
  left: 0;
  background: url("//game.gtimg.cn/images/poe2/act/a20250228tyro/icon.png") center/cover no-repeat;
  width: 0.833rem;
  height: 0.833rem;
}

.sub_tit {
  color: #BFAE75;
}

.page-con .character-list {
  position: fixed;
  left: 0;
  top: calc(50% - 14.079rem);
  height: 28.157rem;
  width: 6.40625rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.page-con .character-list::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background: url("//game.gtimg.cn/images/poe2/act/a20250228tyro/line-divide.png") center/cover no-repeat;
  width: 0.417rem;
  height: 100%;
}
.page-con .character-list .character {
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 1.5625rem;
  width: 5.99rem;
  transition: 0.3s transform;
  transform-origin: 0 center;
}
.page-con .character-list .character.unpublished {
  filter: brightness(0.6);
  pointer-events: none;
}
.page-con .character-list .character-icon {
  margin-right: 0.521rem;
  background: url("//game.gtimg.cn/images/poe2/act/a20250228tyro/charactor_icon.png") no-repeat;
  background-position: -0.068rem calc(-0.068rem - 1.349rem * var(--i));
  background-size: 1.302rem 16.402rem;
  width: 1.02rem;
  height: 1.283rem;
  transition: 0.3s filter;
  filter: brightness(1);
}
.page-con .character-list .character-name {
  font-size: 1.042rem;
  color: #897F63;
  transition: 0.3s color;
}
.page-con .character-list .character.active {
  transform: scale(1.1);
}
.page-con .character-list .character.active .character-name, .page-con .character-list .character:hover .character-name {
  color: #BFAE75;
}
.page-con .character-list .character.active .character-icon, .page-con .character-list .character:hover .character-icon {
  filter: brightness(1.2);
}
.page-con .character-detail .character-info, .page-con .character-detail .ascendancy-info {
  position: relative;
  background: var(--background);
  width: 100%;
  height: 100vh;
  transition: 0.3s opacity;
}
.page-con .character-detail .character-info-box, .page-con .character-detail .ascendancy-info-box {
  position: absolute;
  left: 0.573rem;
  top: 0.573rem;
}
.page-con .character-detail .character-info-box .character-name, .page-con .character-detail .ascendancy-info-box .character-name {
  font-size: 1.875rem;
  background: linear-gradient(to bottom, #A99A60, #D5C98B);
  line-height: 2.552rem;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page-con .character-detail .character-info .character-icon, .page-con .character-detail .ascendancy-info .character-icon {
  position: absolute;
  background: url("//game.gtimg.cn/images/poe2/act/a20250228tyro/ascendancy-bg.png") center/cover no-repeat;
  width: 7.140625rem;
  height: 7.23rem;
}
.page-con .character-detail .character-info .character-icon::after, .page-con .character-detail .ascendancy-info .character-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: url("//game.gtimg.cn/images/poe2/act/a20250228tyro/charactor_icon.png") no-repeat;
  background-position: -0.256rem calc(-0.256rem - 5.167rem * var(--i));
  background-size: 4.97rem 62.82rem;
  width: 3.917rem;
  height: 4.99rem;
  transform: translate(-50%, -50%);
}
.page-con .character-detail .character-detail-box, .page-con .character-detail .ascendancy-detail-box {
  position: absolute;
  left: 0;
  bottom: 2.604rem;
}
.page-con .character-detail .character-feature, .page-con .character-detail .character-more, .page-con .character-detail .ascendancy-feature, .page-con .character-detail .ascendancy-more {
  margin-top: 0.625rem;
}
.page-con .character-detail .character-feature, .page-con .character-detail .ascendancy-feature {
  color: #958B68;
}
.page-con .character-detail .character-more, .page-con .character-detail .ascendancy-more {
  font-size: 0.9375rem;
}
.page-con .character-detail .character-more a, .page-con .character-detail .ascendancy-more a {
  margin-right: 2rem;
  position: relative;
  color: #958B68;
  text-decoration: none;
}
.page-con .character-detail .character-more a::after, .page-con .character-detail .ascendancy-more a::after {
  content: "";
  position: absolute;
  right: -0.625rem;
  top: 0.3125rem;
  background: url("//game.gtimg.cn/images/poe2/act/a20250228tyro/arrow_go.png") center/cover no-repeat;
  width: 0.417rem;
  height: 0.417rem;
}
.page-con .character-detail .character-more a:hover, .page-con .character-detail .ascendancy-more a:hover {
  filter: brightness(1.3);
}
.page-con .character-detail .character-info .character-icon {
  right: 3.884375rem;
  top: 4.064rem;
}
.page-con .character-detail .character-info .character-ascendancy {
  margin: 0.417rem 0 0.625rem;
  font-size: 0.833rem;
  background: linear-gradient(to bottom, #815F2D, #AC9563);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page-con .character-detail .character-info .character-recount {
  margin-left: -1.8rem;
  border: 1.042rem solid transparent;
  border-image: url(//game.gtimg.cn/images/poe2/act/a20250228tyro/class_text.png) 20 fill/1.042rem/0 stretch;
  padding: 0.15rem 0.99rem 0.3rem 0.78125rem;
  color: #BFAE75;
  font-size: 0.729rem;
  line-height: 1.09375rem;
  width: 13.958rem;
}
.page-con .character-detail .ascendancy-info .character-icon {
  left: 1.763rem;
  top: 4.064rem;
}
.page-con .poe-table {
  margin-top: 1rem;
  color: #E7E0D1;
  font-family: STZhongsong, serif;
  text-align: center;
}
.page-con .poe-table .table-head {
  display: grid;
  align-items: center;
  background: url("//game.gtimg.cn/images/poe2/act/a20250228tyro/table-head.png") center/cover no-repeat;
  height: 3.125rem;
  padding: 0 1rem;
}
.page-con .poe-table .table-head .head-cell {
  position: relative;
  font-size: 0.9375rem;
  color: transparent;
  background: linear-gradient(to bottom, #6E5D37, #958359);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page-con .poe-table .table-head .head-cell:not(:last-child)::before {
  content: "";
  position: absolute;
  right: -0.46875rem;
  top: calc(50% - 1.65rem);
  height: 3.2rem;
  background: url("//game.gtimg.cn/images/poe2/act/a20250228tyro/table-head-divide.png") center/cover no-repeat;
  width: 0.9375rem;
}
.page-con .poe-table .table-bg {
  background: rgba(0, 0, 0, 0.35) url("//game.gtimg.cn/images/poe2/act/a20250228tyro/table-bg.png") left top/100% auto repeat-y;
  padding: 0 1rem;
}
.page-con .poe-table .table-bg .table-row {
  position: relative;
  display: grid;
  align-items: center;
  min-height: 3.125rem;
}
.page-con .poe-table .table-bg .table-row:not(:last-child)::after {
  content: "";
  position: absolute;
  left: calc(50% - 20.833rem);
  bottom: -0.078125rem;
  background: url("//game.gtimg.cn/images/poe2/act/a20250228tyro/table-item-divide.png") center/cover no-repeat;
  width: 41.667rem;
  height: 0.15625rem;
}
.page-con .poe-table .table-bg .table-row .cell {
  position: relative;
  padding: 0.8rem 0.5rem;
  line-height: 1.7;
}
.page-con .poe-table .table-bg .table-row .cell:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -0.026rem;
  top: calc(50% - 1.25rem);
  background: url("//game.gtimg.cn/images/poe2/act/a20250228tyro/table-td-divide.png") center/cover no-repeat;
  width: 0.052rem;
  height: 2.5rem;
}
.page-con .poe-table .table-foot {
  height: 1.302rem;
  background: url("//game.gtimg.cn/images/poe2/act/a20250228tyro/table-foot.png") center/100% 100% no-repeat;
}
.page-con img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.light {
  color: #9F946A;
}

.stress {
  color: #c7aa68;
}

.center {
  text-align: center;
}

.unique {
  color: #D1742F;
}

.rare {
  color: #E3D174;
}

.magic {
  color: #8888FF;
}

.normal {
  color: #BDBAD4;
}

/*# sourceMappingURL=content.css.map */