MediaWiki:Common.css

注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的更改的影响。

• Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
• Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
• Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5。

/* 电脑端样式 */
.flex-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;  /* 居中显示 */
    gap: 20px;
    align-items: flex-start;
}

/* 所有卡片通用样式 */
.gallery-card,
.gallery-card-small {
    position: relative;
    width: 350px;  /* 固定宽度350px，电脑上图片不会太小 */
    text-align: center;
}

/* 手机上自适应 */
@media screen and (max-width: 768px) {
    .gallery-card,
    .gallery-card-small {
        width: calc(50% - 10px);  /* 手机上一行两个 */
    }
}

@media screen and (max-width: 500px) {
    .gallery-card,
    .gallery-card-small {
        width: 100%;  /* 小手机一行一个 */
    }
}