.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页面]] */