header.html

<div
    style="width: 100%;padding-top:116px;background-image: url('https://huggingface.co/spaces/candlend/vits-hoshimi/resolve/main/header.png');background-size:cover;background-position:right;">
    <div>
        <div class="my-10" style="margin: 0px 20px;display: flex;">
            <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://huggingface.co/spaces/candlend/vits-hoshimi/resolve/main/avatar.webp">
                </a>
            </div>
            <div style="margin:20px;color:white">
                <div style="align-items: flex-end; display: flex">
                    <span class="text-gray-500" style="font-size:20px;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-gray-500" style="font-size: 12px">
                        认真去做每一件事！⭐你的心意一定会得到回应 | 虚拟艺人团体VirtuaReal成员
                </div>
            </div>
        </div>
    </div>
</div>