.pnsys {
/* 表格整体 */
display:inline-table;
width:500px;
margin:0 15px 20px 0;
border-collapse:separate;
text-align:center;
white-space:nowrap;
font-size:14px;
}
.pnsys tr:not(.pnsys-effect) {
/* 除套装效果栏外固定高度 */
height:30px;
}
.pnsys th {
/* 所有表头 */
padding:5px;
background:#eaeaea;/* Fallback */
background:rgba(200,200,200,.8);
}
.pnsys tr:first-child>th {
/* 名称栏 */
padding-left:9px;
background:#262626;
color:white;
text-align:left;
font-size:larger;
}
.pnsys td {
/* 所有单元格 */
padding:5px;
background:#d3d3d3;/* Fallback */
background:rgba(230,230,230,.8);
}
.pnsys tr.pnsys-effect>td {
/* 套装效果栏 */
text-align:left;
white-space:normal;
}
.pnsys-img {
/* 缩略图框 */
width:74px;
height:104px;
position:relative;
margin:35px auto;
}
.pnsys-img>img {
/* 缩略图 */
width:128px;
position:absolute;
top:-12px;
left:-27px;
}
.pnsys-fig {
/* 立绘框 */
display:none;
width:100%;
height:0;
position:fixed;
top:50%;
left:0;
z-index:2;
align-items:center;
justify-content:center;
}
.pnsys-fig>img {
/* 立绘 */
width:570px;
max-width:80%;
position:relative;
top:-7px;
left:-7px;
border:2px solid black;
box-shadow:10px 10px rgba(0,0,0,.2);
background:white;
transition:.2s;
}
/* 立绘显示效果 */
.pnsys-img:hover+.pnsys-fig, .pnsys-fig:hover {display:flex;}
/* [[Category:在模板命名空间下的CSS页面]] */