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">
    <div>
        <div style="margin: 0px 20px;display: flex;">
            <div class="bili-avatar" style="padding-top: 20px;">
                <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 style="font-size:20px;min-width:85px;color:orange">星弥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/VirtuaReal-%E4%BA%94%E6%9C%9F%E7%94%9F-orange"
                        title="五期生"></img>
                </div>
            </div>
        </div>
    </div>
</div>