@media (width <= 768px) {
.p5x-character-block {
clear: both;
}
}
.p5x-character-block {
/* 用于清除浮动组件 */
overflow: hidden;
margin: 10px auto;
}
.p5x-character-table {
width: 100%;
max-width: 800px;
margin: 0 auto;
text-align: center;
box-sizing: border-box;
border: 1px solid #d0d0d0;
border-radius: 7px;
border-collapse: separate;
border-spacing: 4px;
background-image: url(https://storage.moegirl.org.cn/moegirl/commons/3/34/%E8%8A%AE%E4%B8%9D%E6%B1%80%E5%A8%9C%26%E5%8D%A1%E8%90%9D%E8%8E%89%E5%A8%9C_P5X_%E6%80%BB%E6%94%BB%E5%87%BB%E6%9C%80%E5%90%8E%E4%B8%80%E5%87%BB.png);
}
.p5x-character-table {
background-color: #fafafa;
}
.p5x-character-table > * > tr > th:not([colspan]) {
width: 10%;
}
.p5x-character-table > * > tr > th {
background-color: #333;
color: #fff;
}
.p5x-character-table > * > tr > th[colspan="10"] {
background-color: #c00;
color: #fff;
}
.p5x-character-table > * > tr > td {
background-color: #fff;
}
.p5x-character-table > * > tr > td[colspan="10"] {
background-color: transparent;
}
.p5x-character-table > * > tr > th,
.p5x-character-table > * > tr > td {
padding: 2px 5px;
}
.p5x-character-table > * > tr:last-child > td:first-child {
border-bottom-left-radius: 3px;
}
.p5x-character-table > * > tr:last-child > td:last-child {
border-bottom-right-radius: 3px;
}
.p5x-character-name {
font-size: x-large;
font-weight: bold;
}