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