.t-playerlist {
margin: 2rem 0;
display: flex;
font-size: 0.8125rem;
line-height: 1.375;
overflow-x: auto;
padding-bottom: 10px;
}
.t-playerlist__item {
padding: 0 var( --space-md );
}
.t-playerlist__item:first-child {
padding-left: 0;
}
.t-playerlist__item + .t-playerlist__item {
border-left: 1px solid var( --border-color-base );
}
.t-playerlist__label {
color: var( --color-base--subtle );
letter-spacing: 0.05em;
}
.t-playerlist__value {
color: var( --color-base--emphasized );
font-weight: 500;
font-size: 2rem;
white-space: nowrap;
min-width: 150px;
}
.t-playerlist__desc {
letter-spacing: 0.025em;
}
#none {
font-style: italic;
color: var(--color-surface-4);
}
#leave {
background: var(--background-color-destructive);
box-shadow: var(--box-shadow-plist);
}
#hibernate {
background: var(--background-color-primary--active);
box-shadow: var(--box-shadow-plist);
}
#kick {
background: var(--background-color-warning);
box-shadow: var(--box-shadow-plist);
}
.playerlist {
width: 100%;
background: var(--color-surface-2);
border-radius: 10px;
border-collapse: separate;
box-shadow: var(--box-shadow-dialog);
overflow-x: auto;
display: block;
}
.dh-footer-desc {
margin-top: 10rem;
text-align: center;
}
.dh-footer-desc .dh-db-version {
color: var(--color-surface-4);
font-size: 12px;
letter-spacing: 3px;
font-family: 'Consola';
}
.dh-footer-desc .dh-db-desc {
letter-spacing: 2px;
color: var(--color-base--subtle);
font-family: 'AlibabaPuHuiTi';
}
.playerlist tbody {
vertical-align: top;
}
.playerlist tbody .contact-type .contact-img {
padding-right: 10px;
}
.playerlist tbody .note {
font-style: italic;
font-size: 12px;
font-weight: bold;
}
#header th {
text-align: center;
font-size: 18px;
color: var(--color-base);
}
#header #piic {
min-width: 150px;
}
#header #player-id {
min-width: 130px;
}
#header #player-nick {
min-width: 110px;
}
#header #player-contact {
min-width: 160px;
}
#header #player-type {
min-width: 130px;
}
#header #player-jointime {
min-width: 120px;
}
#header #player-status {
min-width: 100px;
}
#header #player-regdate,
#header #player-lastlogin,
#header #player-pergroup {
min-width: 120px;
}
.citizen-table-wrapper {
overflow-x: unset!important;
}
.citizen-overflow--right,
.citizen-overflow--left {
-webkit-mask-image: unset!important;
}