编辑“︁模板:角色点击卡片2”︁

<div class="kp_mini jskp_js" data-id="{{filepath:{{{角色立绘}}}}}" data-name="{{{角色名}}}" data-ym='{{{角色原名}}}'><div style="width: 100%;height: 100%;"><div class="kp_mini_div2"><span class="citizen-ui-icon mw-ui-icon-infoFilled mw-ui-icon-wikimedia-infoFilled"></span></div><div class="kp_mini_img">[[文件:GINKA 银花 立绘.png|class=noviewer|link=]]</div><div><p style="margin: 3px;
    text-align: center;">主角:成步堂龙一</p></div></div></div>
<div class="kp_mini"></div>
{{#css:
.kp_mini img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 9999px;
}
.kp_mini_div2 {
    margin-bottom: -20px;
    float: right;
    display: none;
}
.kp_mini {
    width: 18.8%;
    min-height: 13em;
    display: inline-flex;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid var(--border-color-base);
    padding: 10px;
    margin-right: 10px;
}
.kp_mini:hover .kp_mini_div2 {
    display: block;
}
.kp_mini:hover{
    background-color: var(--background-color-quiet--hover);
}
.kp_mini_img {
  position: relative;
  /* 具体尺寸或百分比自行设定 */
  width: 100%;
  height: 0;
  padding-bottom: 100%; /* 与宽度相同的比例 */
  overflow: hidden;
}

.kp_mini_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 可选，保持图片内容填充正方形区域 */
}
}}