.header-container[data-v-e6596fb2]{display:flex;align-items:center;justify-content:space-between;width:100%}.logo[data-v-e6596fb2]{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:20px;font-weight:700;flex-shrink:0}.title[data-v-e6596fb2]{white-space:nowrap}.nav-menu[data-v-e6596fb2]{flex:1;margin:0 30px}.nav-menu[data-v-e6596fb2] .el-menu{border-bottom:none}.nav-menu[data-v-e6596fb2] .el-menu-item{border-bottom:none!important}.user-section[data-v-e6596fb2]{display:flex;align-items:center;gap:15px;flex-shrink:0}@media(max-width:768px){.header-container[data-v-e6596fb2]{justify-content:center;padding:8px}.logo[data-v-e6596fb2]{font-size:18px;gap:8px}.logo .el-icon[data-v-e6596fb2]{font-size:24px!important}.title[data-v-e6596fb2]{font-size:16px}.nav-menu[data-v-e6596fb2],.user-section[data-v-e6596fb2]{display:none}}.notification-badge[data-v-e6596fb2]{margin-right:5px}.notification-button[data-v-e6596fb2]{background-color:transparent;border-color:#ffffff80;color:#fff}.notification-button[data-v-e6596fb2]:hover{background-color:#ffffff1a;border-color:#fff}.user-info[data-v-e6596fb2]{display:flex;align-items:center;gap:8px;cursor:pointer;color:#fff;padding:0 10px}.user-info[data-v-e6596fb2]:hover{opacity:.8}.notification-dropdown[data-v-e6596fb2]{min-width:360px;max-width:420px}.notification-header[data-v-e6596fb2]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #ebeef5}.notification-title[data-v-e6596fb2]{font-size:16px;font-weight:700;color:#303133}.no-notifications[data-v-e6596fb2]{padding:20px;text-align:center}.notification-item[data-v-e6596fb2]{padding:0!important}.notification-item.unread[data-v-e6596fb2]{background-color:#f0f9ff}.notification-content[data-v-e6596fb2]{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;width:100%;position:relative}.notification-icon[data-v-e6596fb2]{flex-shrink:0;margin-top:2px}.notification-text[data-v-e6596fb2]{flex:1;min-width:0}.notification-item-title[data-v-e6596fb2]{font-size:14px;font-weight:500;color:#303133;margin-bottom:4px;line-height:1.4}.notification-item-content[data-v-e6596fb2]{font-size:13px;color:#606266;margin-bottom:4px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-time[data-v-e6596fb2]{font-size:12px;color:#909399}.unread-dot[data-v-e6596fb2]{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background-color:#409eff;flex-shrink:0}.notification-item[data-v-e6596fb2]:hover{background-color:#f5f7fa}.notification-item.unread[data-v-e6596fb2]:hover{background-color:#e6f4ff}.footer-container[data-v-3bfc5083]{text-align:center;font-size:14px}.bottom-navigation[data-v-6628ad94]{position:fixed;bottom:0;left:0;right:0;height:60px;background-color:#fff;border-top:1px solid #e4e7ed;display:flex;justify-content:space-around;align-items:center;box-shadow:0 -2px 8px #0000001a;z-index:1000}.nav-item[data-v-6628ad94]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:#909399;transition:all .3s ease;padding:8px 0;position:relative}.nav-item[data-v-6628ad94]:hover{color:#409eff;background-color:#f5f7fa}.nav-item.active[data-v-6628ad94]{color:#409eff}.nav-label[data-v-6628ad94]{font-size:12px;margin-top:4px}.notification-item[data-v-6628ad94]{position:relative}.popup-panel[data-v-6628ad94]{position:fixed;bottom:60px;left:0;right:0;background-color:#fff;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -4px 16px #00000026;z-index:1001;max-height:70vh;overflow:hidden}.panel-header[data-v-6628ad94]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #ebeef5;background-color:#fff;position:sticky;top:0;z-index:1}.panel-title[data-v-6628ad94]{font-size:18px;font-weight:700;color:#303133}.login-prompt[data-v-6628ad94]{display:flex;flex-direction:column;align-items:center;padding:40px 20px;gap:16px}.no-notifications[data-v-6628ad94]{padding:40px 20px;text-align:center}.notification-panel .notification-item[data-v-6628ad94]{padding:16px 20px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s}.notification-panel .notification-item[data-v-6628ad94]:hover{background-color:#f5f7fa}.notification-panel .notification-item.unread[data-v-6628ad94]{background-color:#f0f9ff}.notification-panel .notification-item.unread[data-v-6628ad94]:hover{background-color:#e6f4ff}.notification-content[data-v-6628ad94]{display:flex;align-items:flex-start;gap:12px;position:relative}.notification-icon[data-v-6628ad94]{flex-shrink:0;margin-top:2px}.notification-text[data-v-6628ad94]{flex:1;min-width:0}.notification-item-title[data-v-6628ad94]{font-size:14px;font-weight:500;color:#303133;margin-bottom:4px;line-height:1.4}.notification-item-content[data-v-6628ad94]{font-size:13px;color:#606266;margin-bottom:4px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-time[data-v-6628ad94]{font-size:12px;color:#909399}.unread-dot[data-v-6628ad94]{position:absolute;right:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background-color:#409eff}.user-menu-content[data-v-6628ad94]{padding:8px 0}.menu-item[data-v-6628ad94]{display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;transition:background-color .2s;color:#303133;font-size:15px}.menu-item[data-v-6628ad94]:hover{background-color:#f5f7fa}.menu-item.logout[data-v-6628ad94]{color:#f56c6c}.backdrop[data-v-6628ad94]{position:fixed;inset:0;background-color:#00000080;z-index:999}.slide-up-enter-active[data-v-6628ad94],.slide-up-leave-active[data-v-6628ad94]{transition:transform .3s ease,opacity .3s ease}.slide-up-enter-from[data-v-6628ad94],.slide-up-leave-to[data-v-6628ad94]{transform:translateY(100%);opacity:0}.fade-enter-active[data-v-6628ad94],.fade-leave-active[data-v-6628ad94]{transition:opacity .3s ease}.fade-enter-from[data-v-6628ad94],.fade-leave-to[data-v-6628ad94]{opacity:0}@media(min-width:769px){.bottom-navigation[data-v-6628ad94]{display:none}}.pwa-install-prompt[data-v-300024c8]{position:fixed;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -2px 12px #00000026;z-index:9999;padding:16px;animation:slideUp-300024c8 .3s ease-out}.prompt-content[data-v-300024c8]{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:16px;position:relative}.prompt-icon[data-v-300024c8]{flex-shrink:0}.prompt-text[data-v-300024c8]{flex:1;min-width:0}.prompt-text h3[data-v-300024c8]{margin:0 0 4px;font-size:16px;font-weight:600;color:#303133}.prompt-text p[data-v-300024c8]{margin:0;font-size:14px;color:#606266}.prompt-actions[data-v-300024c8]{display:flex;gap:8px;flex-shrink:0}.close-btn[data-v-300024c8]{position:absolute;top:-8px;right:-8px}.slide-up-enter-active[data-v-300024c8],.slide-up-leave-active[data-v-300024c8]{transition:transform .3s ease-out,opacity .3s ease-out}.slide-up-enter-from[data-v-300024c8],.slide-up-leave-to[data-v-300024c8]{transform:translateY(100%);opacity:0}@media(max-width:768px){.prompt-content[data-v-300024c8]{flex-wrap:wrap}.prompt-text[data-v-300024c8]{flex-basis:100%;order:2}.prompt-icon[data-v-300024c8]{order:1}.prompt-actions[data-v-300024c8]{order:3;flex-basis:100%;margin-top:8px}.prompt-actions button[data-v-300024c8]{flex:1}}@keyframes slideUp-300024c8{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}*{margin:0;padding:0;box-sizing:border-box}#app{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.el-header{background-color:#409eff;color:#fff;display:flex;align-items:center;padding:0 20px;box-shadow:0 2px 4px #0000001a}.el-main{background-color:#f5f5f5;min-height:calc(100vh - 120px);padding:20px}.el-footer{background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#666}@media(max-width:768px){.el-header{padding:0 10px;height:60px!important}.el-main{padding:10px 10px 70px;min-height:calc(100vh - 120px)}.el-footer{display:none}}@media(max-width:480px){.el-main{padding:8px 8px 68px}}