@import 'common'; #app { z-index: 0; } .z-top-container, .international-header { position: sticky !important; top: 0 !important; z-index: 1; } .van-popper-avatar, .van-popper-vip, .van-popper-favorite, .van-popper-history, .van-popper-upload, .popover-channe, .popover-game, .popover-live, .custom-navbar { position: fixed !important; } .sticky-bar { display: none !important; } .left-panel, .right-panel { position: fixed !important; } .home-container { --left-width: 244px; --center-width: 632px; @media screen and (min-width: 1921px) { --left-width: 12.71vw; --center-width: 32.92vw; } @media screen and (min-width: 2497px) { --left-width: 317px; --center-width: 822px; } } .center-panel { margin-left: calc(var(--left-width) + 8px) !important; } .right-panel { margin-left: calc(var(--left-width) + 16px + var(--center-width)) !important; } .live-panel .live-up-list { overflow: auto; @include no-scrollbar(); } @import '../feeds-panel-shared'; .adaptive-scroll { min-height: unset !important; .scroll-content { position: static !important; } } .bili-dyn-home--member { --center-width: 632px; --gap: 8px; --fixed-offset: calc(var(--center-width) + (100% - var(--center-width)) / 2 + var(--gap)); section.sticky { position: static !important; } aside { position: fixed !important; margin: 0 !important; &.left { right: var(--fixed-offset); } &.right { left: var(--fixed-offset); } } main { width: var(--center-width); margin: 0 var(--gap); } @media screen and (min-width: 1921px) { --center-width: 32.92vw; } @media screen and (min-width: 2497px) { --center-width: 822px; } }