header.html

<div class="rounded-lg overflow-hidden"
    style="width:100%;padding-top:116px;background-image:url('https://hoshimi.oss-cn-shanghai.aliyuncs.com/pictures/header.png');background-size:cover;background-position:right;">
    <div>
        <div class="flex my-10 px-3" style="background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(255, 255, 255, 0))">
            <div class="bili-avatar py-2.5">
                <a href="https://space.bilibili.com/477342747" target="_blank">
                <img style="width:60px;height:60px;border-radius:30px;max-width:60px;" title="星弥Hoshimi"
                    src="https://hoshimi.oss-cn-shanghai.aliyuncs.com/pictures/avatar.webp">
                </a>
            </div>
            <div style="margin:20px;color:white">
                <div style="align-items: flex-end; display: flex">
                    <span class="text-white font-bold" style="min-width:85px">星弥Hoshimi</span>
                    <img style="padding-left: 3px;" title="粉丝数"
                        src="https://img.shields.io/badge/dynamic/json?color=orange&label=%E7%B2%89%E4%B8%9D%E6%95%B0&query=data.follower&url=https%3A%2F%2Fapi.bilibili.com%2Fx%2Frelation%2Fstat%3Fvmid%3D477342747"></img>
                    <img style="padding-left: 5px;"
                        src="https://img.shields.io/badge/VR-%E4%BA%94%E6%9C%9F%E7%94%9F-orange"
                        title="五期生"></img>
                </div>
                <div>
                    <h4 class="h-sign text-white" style="font-size: 12px">
                        认真去做每一件事！⭐你的心意一定会得到回应 | 虚拟艺人团体VirtuaReal成员
                </div>
            </div>
        </div>
    </div>
</div>