.app[data-v-1bd3fed5]{height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.top-nav[data-v-1bd3fed5]{height:60px;background-color:#1989fa;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 24px;box-shadow:0 2px 8px #0000001a;z-index:10;transition:all .3s}.logo[data-v-1bd3fed5]{font-size:18px;font-weight:700;transition:all .3s}.user-section[data-v-1bd3fed5]{display:flex;align-items:center;gap:16px;transition:all .3s}.username[data-v-1bd3fed5]{font-size:14px}.main-content[data-v-1bd3fed5]{flex:1;display:flex;overflow:hidden}.side-nav[data-v-1bd3fed5]{width:200px;background-color:#fff;border-right:1px solid #e8e8e8;overflow-y:auto;transition:all .3s;box-shadow:2px 0 8px #0000000d;max-height:calc(100vh - 60px)}.side-menu[data-v-1bd3fed5]{height:100%}.menu-item[data-v-1bd3fed5]{height:56px;line-height:56px;font-size:14px;transition:all .3s;display:flex;align-items:center;padding:0 20px;cursor:pointer;color:#333}.menu-item[data-v-1bd3fed5]:hover{background-color:#f0f9ff!important}.menu-item.active[data-v-1bd3fed5]{background-color:#e6f7ff!important;font-weight:500;color:#1989fa}.menu-item .van-icon[data-v-1bd3fed5]{font-size:18px;margin-right:12px;transition:all .3s}.bottom-nav[data-v-1bd3fed5]{height:56px;background-color:#fff;border-top:1px solid #e8e8e8;display:flex;justify-content:space-around;align-items:center;box-shadow:0 -2px 8px #0000000d;z-index:10}.bottom-nav-item[data-v-1bd3fed5]{flex:1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;color:#333;transition:all .3s;font-size:12px}.bottom-nav-item[data-v-1bd3fed5]:hover{background-color:#f0f9ff!important}.bottom-nav-item.active[data-v-1bd3fed5]{color:#1989fa;font-weight:500}.bottom-nav-item .van-icon[data-v-1bd3fed5]{font-size:18px;margin-bottom:4px;transition:all .3s}.bottom-nav-text[data-v-1bd3fed5]{font-size:12px}.content[data-v-1bd3fed5]{flex:1;overflow-y:auto;padding:24px;transition:all .3s}.desktop-only[data-v-1bd3fed5]{display:block}.mobile-only[data-v-1bd3fed5]{display:none}@media(max-width:768px){.desktop-only[data-v-1bd3fed5]{display:none}.mobile-only[data-v-1bd3fed5]{display:flex}.content[data-v-1bd3fed5]{padding:16px}.logo[data-v-1bd3fed5]{font-size:16px}.user-section[data-v-1bd3fed5]{gap:8px;flex-direction:row;align-items:center}.username[data-v-1bd3fed5]{display:block;font-size:12px;white-space:nowrap}.main-content[data-v-1bd3fed5]{flex-direction:column}}.fade-enter-active[data-v-1bd3fed5],.fade-leave-active[data-v-1bd3fed5]{transition:opacity .3s ease,transform .3s ease}.fade-enter-from[data-v-1bd3fed5],.fade-leave-to[data-v-1bd3fed5]{opacity:0;transform:translateY(10px)}