查看“模板:致谢”的源代码

<noinclude><pre>
{{致谢|type=onlyImg
|恋与深空实习猎人攻略组=实习猎人攻略组<br>[https://www.xiaohongshu.com/discovery/item/686b3e9d000000001d00d7fd?source=webshare&xhsshare=pc_web&xsec_token=AB-zf6nuuTJO2yX-BHAki4Z1FMcFgCuB7ZCVSj4qhTits=&xsec_source=pc_share 数据支持]
|恋与深空Evol攻略组=Evol攻略组<br>wiki编辑
}}
</pre>
{{致谢|type=onlyImg
|恋与深空实习猎人攻略组=实习猎人攻略组<br>[https://www.xiaohongshu.com/discovery/item/686b3e9d000000001d00d7fd?source=webshare&xhsshare=pc_web&xsec_token=AB-zf6nuuTJO2yX-BHAki4Z1FMcFgCuB7ZCVSj4qhTits=&xsec_source=pc_share 数据支持]
|恋与深空Evol攻略组=Evol攻略组<br>wiki编辑
}}</noinclude><includeonly><div class="thanks-content"><div class="thanks-title">贡献致谢</div><div class="thanks-list">
{{#forargs:|k|v
|{{#switch:{{#var:k}}|type=
|恋与深空实习猎人攻略组=<div class="thanks-item"><div class="thanks-img">[[file:{{#var:k}}.jpg|100x100px|link=//www.xiaohongshu.com/user/profile/61d92ef90000000010008dcb]]</div>
<div>{{#var:v}}</div></div>
|恋与深空Evol攻略组=<div class="thanks-item"><div class="thanks-img">[[file:{{#var:k}}.jpg|100x100px|link=//weibo.com/u/7559183971]]</div><div>{{#var:v}}</div></div>
}}}}</div></div>{{#if:{{#var:致谢$CSS}}||{{#vardefine:致谢$CSS|1}}<bstyle>/*<pre>*/
.thanks-content {
    background-color: rgba(255, 255, 255, 0.267);
    padding: 10px 10px;
}

.thanks-title {
    font-weight: bold;
    color: #333;
}

.thanks-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 15px;
    justify-content: center;
}

.thanks-item {
    text-align: center;

}

/* 响应式设计 - 手机端 */
@media (max-width: 768px) {
    .thanks-title{
        margin-bottom:10px;
    }
    .thanks-list {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: space-between;
    }

    .thanks-item {
        display: flex;
        align-items: center;
        text-align: left;
        gap: 10px;
    }

    .thanks-item .thanks-img {
        width: 50px;
        height: 50px;
    }

    .thanks-img img {
        width: 50px;
        height: 50px;
    }

}

.thanks-img {
    width: 100px;
    height: 100px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    border-radius: 100%;
    box-shadow: 2px 2px 2px 1px #4040405e;
    margin-bottom: 5px;
}

.thanks-img img {
    scale: 1.1;
}

.thanks-img:hover {
    scale: 1.05
}

.thanks-img:hover img {
    scale: 1;
}

.thanks-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 30%;
    height: 100%;
    background: linear-gradient(105deg,
            transparent 0%,
            rgba(255, 255, 255, 0.1) 30%,
            rgba(255, 255, 255, 0.3) 50%,
            rgba(255, 255, 255, 0.1) 70%,
            transparent 100%);
    transform: skewX(-25deg);
    animation: shimmer 2.5s infinite;
    z-index: 1;
    pointer-events: none;
    filter: blur(0.5px);
}

@keyframes shimmer {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}
/*</pre>*/</bstyle>
}}
</includeonly>