#app{height:100vh}[data-v-804dbf9c]{margin:0;padding:0;box-sizing:border-box;font-family:PingFang SC,Microsoft YaHei,sans-serif}.app-wrapper[data-v-804dbf9c]{display:flex;height:100vh;background-color:#f5f7ff}.sidebar[data-v-804dbf9c]{width:200px;background-color:#fff;height:100vh;position:fixed;left:0;top:0;z-index:10;display:flex;flex-direction:column;border-right:1px solid #eee}.sidebar-header[data-v-804dbf9c]{display:flex;align-items:center;padding:16px;border-bottom:1px solid #f0f0f0}.logo[data-v-804dbf9c]{display:flex;align-items:center}.logo-icon[data-v-804dbf9c]{width:30px;height:30px;background-color:#f5efe9;border-radius:50%;margin-right:10px}.logo-text[data-v-804dbf9c]{font-size:18px;font-weight:500;color:#333}.nav-menu[data-v-804dbf9c]{flex:1;list-style:none}.nav-item[data-v-804dbf9c]{transition:background-color .2s}.nav-item.active>.nav-link[data-v-804dbf9c]{background-color:#e8f0fe;color:#1a73e8}.nav-link[data-v-804dbf9c]{display:flex;align-items:center;padding:14px 16px;color:#666;text-decoration:none;position:relative}.nav-link[data-v-804dbf9c]:hover{background-color:#f5f7ff}.nav-icon[data-v-804dbf9c]{width:20px;height:20px;margin-right:12px;color:#888}.nav-item.active .nav-icon[data-v-804dbf9c]{color:#1a73e8}.submenu-title[data-v-804dbf9c]{cursor:pointer;display:flex;align-items:center}.submenu-arrow[data-v-804dbf9c]{width:14px;height:14px;transition:transform .2s;position:absolute;right:16px}.nav-item.open .submenu-arrow[data-v-804dbf9c]{transform:rotate(180deg)}.submenu-list[data-v-804dbf9c]{list-style:none;background-color:#f9f9f9;padding:8px 0}.submenu-item[data-v-804dbf9c]{margin:4px 0}.submenu-link[data-v-804dbf9c]{display:block;padding:8px 16px 8px 48px;color:#666;text-decoration:none;font-size:14px;transition:color .2s}.submenu-link[data-v-804dbf9c]:hover{color:#1a73e8}.submenu-item.active .submenu-link[data-v-804dbf9c]{color:#1a73e8;font-weight:500}.main-wrapper[data-v-804dbf9c]{flex:1;margin-left:200px;overflow-y:auto}@media(max-width:768px){.sidebar[data-v-804dbf9c]{width:60px}.nav-link span[data-v-804dbf9c],.sidebar-header .logo-text[data-v-804dbf9c],.submenu-link span[data-v-804dbf9c]{display:none}.nav-link[data-v-804dbf9c]{justify-content:center;padding:14px 0}.nav-icon[data-v-804dbf9c]{margin-right:0}.submenu-arrow[data-v-804dbf9c]{display:none}.submenu-link[data-v-804dbf9c]{padding:8px 0;text-align:center}.main-wrapper[data-v-804dbf9c]{margin-left:60px}}html{box-sizing:border-box}body,html{height:100%}body{margin:0;padding:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Helvetica,PingFang SC,Microsoft YaHei,Arial,sans-serif}#app{height:100%}*,:after,:before{box-sizing:inherit}