.navigation-container[data-v-d8b9721f]{background-color:var(--sp-bg-secondary);border-right:1px solid var(--sp-border-color-secondary);padding-top:24px;position:sticky;top:0;width:248px}.navigation[data-v-d8b9721f]{height:100%}.create-btn[data-v-d8b9721f]{align-items:center;background:var(--sp-theme-main);border:none;border-radius:8px;cursor:pointer;display:flex;gap:8px;justify-content:space-between;margin:0 auto 24px;padding:12px 16px;text-decoration:none;transition:opacity .2s;width:200px}.create-btn[data-v-d8b9721f]:hover{opacity:.9}.create-btn .create-btn-text[data-v-d8b9721f]{color:var(--sp-bg-secondary);font-family:PingFang SC;font-size:16px;font-weight:600;line-height:normal}.create-icon[data-v-d8b9721f]{color:#fff;display:inline-block;flex-shrink:0;height:20px;position:relative;width:20px}.create-icon[data-v-d8b9721f]:before{background:#fff;content:"";height:12.92px;inset:3.54px 0 0 6.87px;position:absolute;width:6.25px}.nav-menu-list[data-v-d8b9721f]{display:flex;flex-direction:column;gap:12px;padding:0 24px}.icon-active[data-v-d8b9721f]{color:var(--sp-theme-main)}.icon-inactive[data-v-d8b9721f]{color:#666}.navigation-item[data-v-d8b9721f]{align-items:center;border-radius:8px;display:flex;height:54px;margin:0;padding:12px 16px;text-decoration:none;transition:background-color .2s}.navigation-item[data-v-d8b9721f]:hover{background:var(--sp-bg-hover)}.navigation-item.active[data-v-d8b9721f]{background:#ff771033}.navigation-item.active .nav-text[data-v-d8b9721f]{color:var(--sp-theme-main)}.navigation-item .nav-text[data-v-d8b9721f]{color:var(--sp-text-tertiary);font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:500;line-height:normal;margin-left:12px}.navigation-item .pc-icon[data-v-d8b9721f]{display:block;flex-shrink:0;height:28px;width:28px}.navigation-item .mobile-icon[data-v-d8b9721f]{display:none;height:24px;width:24px}@media (max-width:1023px){.navigation-container[data-v-d8b9721f]{background:#fff;border-right:none;border-top:1px solid var(--sp-border-color-secondary);box-shadow:0 -4px 6px #8282821a;padding:12px 20px;width:100%;z-index:2}.navigation[data-v-d8b9721f]{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:flex-start}.create-btn[data-v-d8b9721f]{display:none}.nav-menu-list[data-v-d8b9721f]{flex-direction:row;gap:0;justify-content:space-around;width:100%}.nav-menu-list[data-v-d8b9721f],.navigation-item[data-v-d8b9721f]{align-items:center;display:flex;padding:0}.navigation-item[data-v-d8b9721f]{border-radius:0;flex-direction:column;height:auto;justify-content:center;text-decoration:none;transition:all .3s ease}.navigation-item[data-v-d8b9721f]:hover{background:transparent;opacity:.7}.navigation-item .nav-text[data-v-d8b9721f]{font-size:12px;margin-left:0;margin-top:4px}.navigation-item .pc-icon[data-v-d8b9721f]{display:none}.navigation-item .mobile-icon[data-v-d8b9721f]{display:block}}.homepage-container[data-v-b3e47f14]{align-items:center;display:flex;flex-direction:column;min-height:100vh;overflow:visible;width:100%}.header-wrapper[data-v-b3e47f14]{background:#fff;left:0;position:fixed;right:0;top:0;width:100%;z-index:100}.main-content[data-v-b3e47f14]{max-width:100%;width:100%}.content-container[data-v-b3e47f14]{align-items:flex-start;display:flex;height:auto;justify-content:center;overflow:visible;padding-top:var(--3acf7d71);position:relative;width:100%}@media (min-width:1024px){.content-container[data-v-b3e47f14]{height:100vh;overflow:auto}.menu-wrapper[data-v-b3e47f14]{align-self:flex-start;flex-shrink:0;height:100%;max-height:calc(100vh - var(--3acf7d71));overflow-y:auto;position:sticky;top:0;will-change:transform;z-index:10}.menu-wrapper[data-v-b3e47f14] .navigation-container{height:100%;position:relative;position:relative!important;top:0}.recommend-wrapper[data-v-b3e47f14]{align-self:flex-start;flex-shrink:0;height:100%;max-height:calc(100vh - var(--3acf7d71));overflow-y:auto;position:sticky;top:0;will-change:transform;z-index:10}.recommend-wrapper[data-v-b3e47f14] .recommend-container{height:100%;position:relative;position:relative!important;top:0}}@media (max-width:1023px){.main-content[data-v-b3e47f14]{max-width:100%;width:100%}.content-container[data-v-b3e47f14]{flex-direction:column-reverse;padding-bottom:calc(60px + env(safe-area-inset-bottom));padding-top:var(--1206c0ae)}.menu-wrapper[data-v-b3e47f14]{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-b3e47f14],.recommend-wrapper[data-v-b3e47f14]{height:auto;overflow-y:visible;top:auto}.recommend-wrapper[data-v-b3e47f14]{position:relative}}