Widget:Mainpage/css

<style>

• {

margin: 0; padding: 0; }

.game-bg { display: none; }

.bili-game-header-nav .bili-game-header-nav-bar { width: 100%; min-width: auto; aspect-ratio: 1920/194; height: auto; background-image: url("//patchwiki.biligame.com/images/xt/b/b0/b76clxme0rf6if0amsfym9h5sky35va.png"); background-size: cover; box-shadow: none; }

1. XingTongMainPage * {

box-sizing: border-box; line-height: 1.2em; }

1. XingTongMainPage {

position: relative; width: 100%; aspect-ratio: 1920/1966; background-image: url("//patchwiki.biligame.com/images/xt/b/b1/e6renet03h3cvd06wub360srndb7p0u.png"); background-size: cover; }

1. XingTongTachie {

position: absolute; top: 1%; width: 100%; aspect-ratio: 1920/1108; background-image: url("//patchwiki.biligame.com/images/xt/1/1b/3ket9cunm5q139fwi9ln17o51f3zhn7.png"); background-size: cover; }

1. XingTongMainPage .block {

position: absolute; font-size: 0.8vw; padding: 1em; color: white; border-radius: 1em; background: rgba(0, 0, 0, 0.5); border: 1px solid var(--bc); top: var(--t); left: var(--l); width: var(--w); height: var(--h); }

1. XingTongMainPage .block.left1 {

transform: perspective(50vw) rotateX(27deg) rotateY(28deg) rotateZ(-12deg) }

1. XingTongMainPage .block.left2 {

transform: perspective(50vw) rotateX(27deg) rotateY(18deg) rotateZ(-12deg) }

1. XingTongMainPage .block.right {

transform: perspective(50vw) rotateX(21deg) rotateY(-42deg) rotateZ(12deg) }

.bili-game-header-nav .bili-game-header-nav-bar .bili-game-header-nav-main { width: 100%; justify-content: space-around; }

.bili-game-header-nav .bili-game-header-nav-bar .bili-game-header-nav-main > div { justify-content: center; }

.bili-game-header-nav .bili-game-header-nav-bar .bili-game-header-nav-main > div:first-child { width: 60%; }

.bili-game-header-nav .bili-game-header-nav-bar .bili-game-header-nav-main > div:last-child { width: 40%; }

.bili-game-header-nav .bili-game-header-nav-bar .bili-game-header-nav-main > div > * { margin: 0 0.5em !important; }

.bili-game-header-nav .bili-game-header-nav-bar .bili-game-header-nav-main .bili-game-header-nav-logo { align-self: auto; margin: 0; }

.bili-game-header-nav .bili-game-header-nav-bar .bili-game-header-nav-main .bili-game-header-nav-user-center .bili-game-header-nav-user { width: auto; } h2 {

   border-bottom: none;
   color: #fff;

} </style>