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

<div class="kp_mini"><div style="width: 100%;height: 100%;"><div class="kp_mini_img">[[文件:GINKA 银花 立绘.png|class=noviewer|link=]]</div><div><p>主角:成步堂龙一</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_img{
    width: 100%;
}
.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 {
    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; /* 可选，保持图片内容填充正方形区域 */
}
}}