.homepage-container[data-v-4a5479fb]{align-items:center;display:flex;flex-direction:column;min-height:100vh;overflow:visible;width:100%}.header-wrapper[data-v-4a5479fb]{background:#fff;left:0;position:fixed;right:0;top:0;width:100%;z-index:100}.main-content[data-v-4a5479fb]{max-width:var(--sp-max-content-width);width:100%}.content-container[data-v-4a5479fb]{align-items:flex-start;display:flex;height:auto;justify-content:center;overflow:visible;padding-top:var(--0f7a84f9);position:relative;width:100%}@media (min-width:1024px){.content-container[data-v-4a5479fb]{height:100vh;overflow:auto}.menu-wrapper[data-v-4a5479fb]{align-self:flex-start;flex-shrink:0;height:100%;max-height:calc(100vh - var(--0f7a84f9));overflow-y:auto;position:sticky;top:0;will-change:transform;z-index:10}.menu-wrapper[data-v-4a5479fb] .navigation-container{height:100%;position:relative;position:relative!important;top:0}.recommend-wrapper[data-v-4a5479fb]{align-self:flex-start;flex-shrink:0;height:100%;max-height:calc(100vh - var(--0f7a84f9));overflow-y:auto;position:sticky;top:0;will-change:transform;z-index:10}.recommend-wrapper[data-v-4a5479fb] .recommend-container{height:100%;position:relative;position:relative!important;top:0}}@media (max-width:1023px){.main-content[data-v-4a5479fb]{max-width:100%;width:100%}.content-container[data-v-4a5479fb]{flex-direction:column-reverse;padding-bottom:calc(60px + env(safe-area-inset-bottom));padding-top:var(--7328e19e)}.menu-wrapper[data-v-4a5479fb]{background:#fff;bottom:0;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;width:100%;z-index:100}.menu-wrapper[data-v-4a5479fb],.recommend-wrapper[data-v-4a5479fb]{height:auto;overflow-y:visible;top:auto}.recommend-wrapper[data-v-4a5479fb]{position:relative}}