.menu-container{position:relative;width:0;height:0;overflow:visible;pointer-events:none}.menu-container>*{pointer-events:auto}:root{--menu-primary: #4F46E5;--menu-primary-light: #6366F1;--menu-bg: #ffffff;--menu-bg-dark: #f8fafc;--menu-text: #1e293b;--menu-text-secondary: #64748b;--menu-border: #e2e8f0;--menu-shadow: 0 2px 12px rgba(0, 0, 0, .1);--menu-shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--menu-radius: 12px;--menu-radius-sm: 8px;--transition-fast: .15s ease;--transition-normal: .25s ease}.menu-float-btn{position:fixed;width:44px;height:44px;border-radius:50%;background:transparent;box-shadow:0 4px 16px #f9731666;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10001;transition:transform .2s ease,box-shadow .2s ease,border-radius .3s ease;-webkit-user-select:none;user-select:none;touch-action:none;pointer-events:auto;box-sizing:border-box}.menu-float-btn.dragging{transition:none!important}.menu-float-btn:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px #f9731680}.menu-float-btn:active{transform:translateY(-50%) scale(.95)}.menu-float-btn.dragging{cursor:grabbing;transform:translateY(-50%) scale(1.15);box-shadow:0 8px 24px #f9731699}.menu-float-btn svg{width:44px;height:44px;transition:all .2s}.menu-float-btn:hover svg{width:48px;height:48px}.menu-float-btn.active svg,.menu-float-btn:hover svg{opacity:1}.menu-panel{position:fixed;width:320px;max-height:300vh;height:480px;background:var(--menu-bg);border-radius:var(--menu-radius);box-shadow:var(--menu-shadow-lg);z-index:10000;overflow:hidden;display:flex;flex-direction:column}.menu-panel-title{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:16px;font-weight:600;color:var(--menu-text);border-bottom:1px solid var(--menu-border);background:var(--menu-bg-dark)}.menu-panel-actions{display:flex;align-items:center;gap:12px}.menu-panel-home{width:32px;height:32px;border-radius:50%;background:#f97316;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.menu-panel-home:hover{background:#fb923c;transform:scale(1.05)}.menu-panel-home svg{width:18px;height:18px;color:#fff}.menu-panel-switch{width:32px;height:32px;border-radius:50%;background:var(--menu-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.menu-panel-switch:hover{background:var(--menu-primary-light);transform:scale(1.05)}.menu-panel-switch svg{width:18px;height:18px;color:#fff}.menu-panel-close{width:32px;height:32px;border-radius:50%;background:var(--menu-bg);border:1px solid var(--menu-border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.menu-panel-close:hover{background:#ef4444;border-color:#ef4444}.menu-panel-close:hover svg{color:#fff}.menu-panel-close svg{width:16px;height:16px;color:var(--menu-text-secondary)}.menu-level1{padding:8px;flex:0 0 auto;overflow-y:auto}.menu-level1-item{display:flex;align-items:center;padding:10px 12px;margin-bottom:4px;cursor:pointer;border-radius:var(--menu-radius-sm);transition:all var(--transition-fast);position:relative}.menu-level1-item:hover{background:var(--menu-bg-dark)}.menu-level1-item:active{transform:scale(.98)}.menu-level1-item.active{background:var(--menu-primary)}.menu-level1-icon{width:32px;height:32px;min-width:32px;border-radius:var(--menu-radius-sm);background:var(--menu-bg-dark);display:flex;align-items:center;justify-content:center;margin-right:10px;font-size:14px;font-weight:600;color:var(--menu-primary);transition:all var(--transition-fast)}.menu-level1-item.active .menu-level1-icon{background:#fff3;color:#fff}.menu-level1-text{flex:1;font-size:14px;font-weight:500;color:var(--menu-text)}.menu-level1-item.active .menu-level1-text{color:#fff;font-weight:600}.menu-level1-arrow{width:18px;height:18px;color:var(--menu-text-secondary);transition:transform var(--transition-fast)}.menu-level1-item.active .menu-level1-arrow{color:#fff;transform:rotate(90deg)}.menu-level2{position:absolute;left:0;top:0;right:0;bottom:0;background:var(--menu-bg);z-index:2;display:flex;flex-direction:column;overflow-y:auto}.menu-level2-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--menu-primary);flex-shrink:0}.menu-level2-title{font-size:16px;font-weight:600;color:#fff}.menu-level2-back{width:32px;height:32px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.menu-level2-back:hover{background:#ffffff4d}.menu-level2-back svg{width:18px;height:18px;color:#fff;transform:rotate(180deg)}.menu-level2-items{padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-content:start}.menu-level2-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 6px;height:70px;cursor:pointer;border-radius:var(--menu-radius-sm);transition:all var(--transition-fast);background:var(--menu-bg-dark);text-align:center}.menu-level2-item:hover{background:var(--menu-primary);transform:translateY(-2px)}.menu-level2-item:active{transform:scale(.98)}.menu-level2-icon{width:24px;height:24px;margin-bottom:4px;transition:filter var(--transition-fast)}.menu-level2-item:hover .menu-level2-icon{filter:brightness(0) invert(1)}.menu-level2-text{font-size:11px;color:var(--menu-text);font-weight:500;line-height:1.3;transition:color var(--transition-fast);word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.menu-level2-item:hover .menu-level2-text{color:#fff}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bottom-menu{position:fixed;left:0;bottom:0;width:100%;max-width:100vw;background:var(--menu-bg);box-shadow:0 -2px 12px #0000000f;z-index:9999;border-top:1px solid var(--menu-border);padding-bottom:env(safe-area-inset-bottom,0);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;overflow-x:hidden;padding:0 8px}.bottom-menu-inner{display:flex;justify-content:center;align-items:center;gap:4px;height:48px;flex:1}.bottom-menu-item{display:flex;align-items:center;justify-content:center;padding:10px 16px;cursor:pointer;transition:all var(--transition-fast);border-radius:var(--menu-radius-sm);white-space:nowrap}.bottom-menu-item:active{transform:scale(.96);background:var(--menu-bg-dark)}.bottom-text{font-size:14px;color:var(--menu-text-secondary);font-weight:500;transition:color var(--transition-fast)}.bottom-menu-item.active .bottom-text{color:var(--menu-primary);font-weight:600}.bottom-tools{display:flex;align-items:center;gap:6px;padding-left:8px;border-left:1px solid var(--menu-border);flex-shrink:0}.bottom-tool-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--menu-radius-sm);transition:all var(--transition-fast);color:var(--menu-text-secondary)}.bottom-tool-btn svg{width:18px;height:18px}.bottom-tool-btn:hover{background:var(--menu-bg-dark);color:var(--menu-primary)}.bottom-tool-btn svg{width:20px;height:20px}.menu-drawer .drawer-content{padding:16px}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--menu-border)}.drawer-title{font-size:16px;font-weight:600;color:var(--menu-text)}.drawer-close{width:20px;height:20px;cursor:pointer;opacity:.6;transition:all var(--transition-fast)}.drawer-close:hover{opacity:1;transform:rotate(90deg)}.menu2{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.menu2-item{display:flex;flex-direction:column;align-items:center;padding:12px 6px;cursor:pointer;border-radius:var(--menu-radius-sm);transition:all var(--transition-fast);background:var(--menu-bg-dark)}.menu2-item:hover{background:var(--menu-primary);transform:translateY(-1px)}.menu2-item:active{transform:scale(.96)}.menu2-item:hover .menu2-text{color:#fff}.menu2-icon{width:28px;height:28px;margin-bottom:6px;transition:filter var(--transition-fast)}.menu2-item:hover .menu2-icon{filter:brightness(0) invert(1)}.menu2-text{font-size:16px;color:var(--menu-text);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;transition:color var(--transition-fast)}.float-btn-enter-active,.float-btn-leave-active{transition:all var(--transition-normal)}.float-btn-enter-from,.float-btn-leave-to{opacity:0;transform:scale(.5)}.menu-panel-enter-active,.menu-panel-leave-active{transition:all var(--transition-normal)}.menu-panel-enter-from,.menu-panel-leave-to{opacity:0;transform:translateY(-50%) scale(.9)}.submenu-slide-enter-active,.submenu-slide-leave-active{transition:all var(--transition-normal)}.submenu-slide-enter-from,.submenu-slide-leave-to{opacity:0;transform:translate(100px)}.overlay-fade-enter-active,.overlay-fade-leave-active{transition:opacity var(--transition-fast)}.overlay-fade-enter-from,.overlay-fade-leave-to{opacity:0}.bottom-slide-enter-active,.bottom-slide-leave-active{transition:transform var(--transition-normal)}.bottom-slide-enter-from,.bottom-slide-leave-to{transform:translateY(100%)}@media screen and (max-width:767px){.menu-panel{width:90%!important;height:75%!important;max-height:75%!important;border-radius:12px!important}.menu-level2-items{grid-template-columns:repeat(3,1fr)}.menu-panel-title{padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top,12px))}.menu-level1-item{padding:12px}}@media screen and (min-width:768px){.menu2{grid-template-columns:repeat(4,1fr)}.bottom-menu-item{padding:10px 24px}.bottom-text{font-size:18px}.menu-float-btn{width:52px;height:52px}.menu-panel{width:320px}}@media screen and (min-width:1024px){.menu2{grid-template-columns:repeat(5,1fr)}.bottom-menu{justify-content:center}.bottom-menu-inner{max-width:600px;gap:12px}.bottom-menu-item{padding:10px 32px}}@media(prefers-color-scheme:dark){:root{--menu-bg: #1e293b;--menu-bg-dark: #0f172a;--menu-text: #f1f5f9;--menu-text-secondary: #94a3b8;--menu-border: #334155}}.router{min-height:100vh;width:100%;box-sizing:border-box;overflow-x:hidden}body.menu-bottom .router{padding-bottom:48px}html{overflow-x:hidden;width:100%}body{margin:0;padding:0;overflow-x:hidden;width:100%;max-width:100vw}#app{width:100%;max-width:100vw;overflow-x:hidden}*{box-sizing:border-box}.el-input:not(.el-date-editor):not(.el-input-number):not(.el-form-item .el-input):not(.el-descriptions .el-input){max-width:220px}li{list-style-type:none;margin:1rem 0}.title2{color:#8a2be2;font-size:2rem;text-align:center;margin:0rem auto .8rem}#title3{color:#1389e3;font-size:2rem;margin:1rem auto 3rem}#userEdit{text-align:center;width:16rem;margin:2rem auto}.menubox{position:fixed;left:0;top:0;width:100%}.qrybox{display:flex;max-width:20rem;margin:0 auto;padding-top:1rem;border:1px solid black;border-radius:5%;text-align:center;justify-content:center}.qryShowBtn{width:20px;height:20px;background-color:#0ed89c;border-radius:50%;position:fixed;left:0;top:0;text-align:center;z-index:999}.qryShowBtn:hover{background-color:red}.bottom{margin-bottom:0}el-table{z-index:11}.el-table__header,.el-table__body,.el-table__footer{border-collapse:collapse!important}.el-popper.is-customized{padding:6px 12px;background:linear-gradient(90deg,#9fe597,#cce581)}.el-popper.is-customized .el-popper__arrow:before{background:linear-gradient(45deg,#b2e68d,#bce689);right:0}.flex{display:flex}.flexreverse{display:flex;flex-direction:row-reverse}.flexcol{display:flex;flex-direction:column}.flexrow{display:flex;flex-direction:row}.flexbetween{display:flex;justify-content:space-between}.flexcenter{display:flex;justify-content:center}.flexcol.flexcenter{align-items:center}.flexstart{display:flex;justify-content:flex-start;align-items:flex-start}.outerdiv{width:100%}.test{border:1px solid red}.red{color:red}.el-table .warning-row{--el-table-tr-bg-color: #e1c197}.el-table .success-row{--el-table-tr-bg-color: #82f98e}.el-checkbox{margin-right:8px}@media(min-width:800px){.outerdiv{width:50%}}@media(max-width:760px){.el-input:not(.el-date-editor):not(.el-input-number){max-width:100%}}