.user-card[data-v-612f4e4b]{display:flex;align-items:center;gap:8px}.user-card .user-avatar-btn[data-v-612f4e4b]{width:40px;height:40px;border:1px solid hsla(0,0%,100%,.6);border-radius:50%;background:hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.95);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s;flex:0 0 40px;padding:0;margin-right:8px}.user-card .user-avatar-btn svg[data-v-612f4e4b]{line-height:1}.user-card .user-avatar-btn[data-v-612f4e4b]:hover{color:#fff;transform:scale(1.1)}.user-card .user-avatar-btn.dropdown-open[data-v-612f4e4b],.user-card .user-avatar-btn[data-v-612f4e4b]:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.9)}.user-dropdown[data-v-612f4e4b]{position:absolute;top:55px;right:8px;background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.15);width:280px;overflow:hidden;z-index:1000;border:1px solid rgba(0,0,0,.1)}.user-dropdown .user-info[data-v-612f4e4b]{padding:24px 20px 20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-bottom:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center;text-align:center}.user-dropdown .user-info .user-avatar[data-v-612f4e4b]{width:64px;height:64px;background:linear-gradient(135deg,#52c41a,#389e0d);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;margin-bottom:10px}.user-dropdown .user-info .user-avatar svg[data-v-612f4e4b]{width:32px;height:32px}.user-dropdown .user-info .info-name[data-v-612f4e4b]{font-size:16px;font-weight:600;color:#333;margin-bottom:14px}.user-dropdown .user-info .role-section[data-v-612f4e4b]{width:100%}.user-dropdown .user-info .role-section .role-label[data-v-612f4e4b]{display:block;font-size:12px;color:#999;margin-bottom:8px}.user-dropdown .user-info .role-section .role-list[data-v-612f4e4b]{display:flex;flex-direction:column;align-items:center;gap:6px}.user-dropdown .user-info .role-section .role-list .role-tag[data-v-612f4e4b]{display:inline-block;padding:4px 16px;background:rgba(82,196,26,.1);color:#389e0d;border-radius:12px;font-size:13px;font-weight:500;line-height:1.5}.user-dropdown .user-actions[data-v-612f4e4b]{padding:12px 20px}.user-dropdown .user-actions .action-btn[data-v-612f4e4b]{width:100%;display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;background:transparent;color:#333;font-size:14px;cursor:pointer;transition:all .2s}.user-dropdown .user-actions .action-btn svg[data-v-612f4e4b]{flex-shrink:0}.user-dropdown .user-actions .action-btn[data-v-612f4e4b]:hover{background:#f5f5f5}.user-dropdown .user-actions .action-btn.logout-action[data-v-612f4e4b]{color:#ff4d4f}.user-dropdown .user-actions .action-btn.logout-action[data-v-612f4e4b]:hover{background:#fff1f0}.dropdown-enter-active[data-v-612f4e4b],.dropdown-leave-active[data-v-612f4e4b]{transition:all .3s ease}.dropdown-enter-from[data-v-612f4e4b],.dropdown-leave-to[data-v-612f4e4b]{opacity:0;transform:translateY(-10px)}.queryweb-layout[data-v-f79bd36e]{width:100%;height:100vh;display:flex;flex-direction:column;background:#f0f5f0;overflow:hidden}.queryweb-header[data-v-f79bd36e]{background:linear-gradient(135deg,#52c41a,#389e0d);box-shadow:0 2px 12px rgba(82,196,26,.3);position:sticky;top:0;z-index:100}.queryweb-header .header-content[data-v-f79bd36e]{max-width:1400px;margin:0 auto;padding:0 30px;height:70px;display:flex;justify-content:space-between;align-items:center;gap:20px}.queryweb-header .header-content .logo[data-v-f79bd36e]{display:flex;align-items:center;gap:12px;flex:0 0 auto}.queryweb-header .header-content .logo .logo-icon[data-v-f79bd36e]{font-size:32px;line-height:1}.queryweb-header .header-content .logo h1[data-v-f79bd36e]{font-size:22px;color:#fff;margin:0;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.1);white-space:nowrap}.queryweb-header .header-content .nav-menu[data-v-f79bd36e]{display:flex;gap:8px;align-items:center;flex:1;justify-content:center}.queryweb-header .header-content .nav-menu a[data-v-f79bd36e]{color:hsla(0,0%,100%,.95);text-decoration:none;font-size:16px;padding:10px 24px;border-radius:6px;transition:all .3s;font-weight:500;white-space:nowrap}.queryweb-header .header-content .nav-menu a[data-v-f79bd36e]:hover{background:hsla(0,0%,100%,.15);color:#fff}.queryweb-header .header-content .nav-menu a.router-link-active[data-v-f79bd36e]{background:hsla(0,0%,100%,.25);color:#fff;font-weight:600}.queryweb-header .header-content .auth-icon-btn[data-v-f79bd36e]{width:40px;height:40px;border:1px solid hsla(0,0%,100%,.6);border-radius:50%;background:hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.95);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s;flex:0 0 40px;padding:0}.queryweb-header .header-content .auth-icon-btn i[data-v-f79bd36e]{line-height:1}.queryweb-header .header-content .auth-icon-btn[data-v-f79bd36e]:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.9);color:#fff;transform:scale(1.1)}.queryweb-header .header-content .auth-icon-btn.logout[data-v-f79bd36e]{border-color:rgba(255,200,200,.6)}.queryweb-header .header-content .auth-icon-btn.logout[data-v-f79bd36e]:hover{border-color:rgba(255,150,150,.9);background:rgba(255,200,200,.2)}.queryweb-header .header-content .goto-bigscreen-btn[data-v-f79bd36e]{display:flex;align-items:center;gap:6px;padding:8px 18px;background:hsla(0,0%,100%,.2);color:#fff;text-decoration:none;border-radius:6px;font-size:16px;font-weight:600;border:1px solid hsla(0,0%,100%,.4);transition:all .3s}.queryweb-header .header-content .goto-bigscreen-btn i[data-v-f79bd36e]{font-size:18px}.queryweb-header .header-content .goto-bigscreen-btn[data-v-f79bd36e]:hover{background:hsla(0,0%,100%,.35);transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.15)}.queryweb-main[data-v-f79bd36e]{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:30px 30px;overflow-y:auto;overflow-x:hidden}.queryweb-footer[data-v-f79bd36e]{background:linear-gradient(135deg,#52c41a,#389e0d);text-align:center;padding:24px;color:hsla(0,0%,100%,.9);border-top:2px solid hsla(0,0%,100%,.2)}