.overlay[data-v-58647c9d]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);z-index:999;cursor:pointer}.fade-enter-active[data-v-58647c9d],.fade-leave-active[data-v-58647c9d]{transition:opacity .3s ease}.fade-enter[data-v-58647c9d],.fade-leave-to[data-v-58647c9d]{opacity:0}.userBox[data-v-58647c9d]{width:400px;overflow-y:auto;position:fixed;color:#333;border:none;box-shadow:0 8px 24px rgba(0,0,0,.15);border-radius:12px;padding:50px 30px 10px;font-size:1rem;background-color:#fff;backdrop-filter:blur(10px);transition:left .3s cubic-bezier(.4,0,.2,1),right .3s cubic-bezier(.4,0,.2,1),top .3s cubic-bezier(.4,0,.2,1),bottom .3s cubic-bezier(.4,0,.2,1);z-index:1000;max-height:calc(100vh - var(--panel-top, var(--panel-bottom, 70px)) - 20px)}.userBox .arrow[data-v-58647c9d]{position:absolute;filter:drop-shadow(0 -2px 3px rgba(0,0,0,.1))}.userBox .arrow.arrow-top-left[data-v-58647c9d],.userBox .arrow.arrow-top-right[data-v-58647c9d]{top:-10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff}.userBox .arrow.arrow-top-left[data-v-58647c9d]{left:30px}.userBox .arrow.arrow-top-right[data-v-58647c9d]{right:30px}.userBox .arrow.arrow-left-side[data-v-58647c9d]{left:-10px;top:50px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #fff;filter:drop-shadow(-2px 0 3px rgba(0,0,0,.1))}.userBox .arrow.arrow-bottom[data-v-58647c9d]{bottom:-10px;left:30px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;filter:drop-shadow(0 2px 3px rgba(0,0,0,.1))}.userBox[data-v-58647c9d]::-webkit-scrollbar{width:6px}.userBox[data-v-58647c9d]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.userBox[data-v-58647c9d]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.userBox[data-v-58647c9d]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.userBox .el-icon-close[data-v-58647c9d]{position:absolute;top:10px;right:10px;cursor:pointer;font-size:18px;padding:8px;border-radius:50%;color:#333;transition:all .2s ease}.userBox .el-icon-close[data-v-58647c9d]:hover{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));color:#667eea;transform:rotate(90deg)}.userBox .itemList[data-v-58647c9d]{border-bottom:1px solid rgba(0,0,0,.08);padding:10px 0}.userBox .itemList.one[data-v-58647c9d]{display:flex}.userBox .itemList.one .iteminfo[data-v-58647c9d]{margin-left:20px;display:flex;flex-direction:column;justify-content:center}.userBox .itemList.one .iteminfo .username[data-v-58647c9d]{font-size:1.2rem;font-weight:700;color:#333}.userBox .itemList.one .iteminfo .userId[data-v-58647c9d]{font-size:.8rem;color:rgba(0,0,0,.6)}.userBox .itemList.vip-card-wrapper[data-v-58647c9d]{border-bottom:1px solid rgba(0,0,0,.08);padding:15px 0}.userBox .itemList.vip-card-wrapper .vip-card[data-v-58647c9d]{border-radius:12px;padding:16px 20px;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:all .3s ease}.userBox .itemList.vip-card-wrapper .vip-card[data-v-58647c9d]:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.userBox .itemList.vip-card-wrapper .vip-card .vip-card-content[data-v-58647c9d]{display:flex;flex-direction:column;gap:10px}.userBox .itemList.vip-card-wrapper .vip-card .vip-card-content .vip-type[data-v-58647c9d]{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:700}.userBox .itemList.vip-card-wrapper .vip-card .vip-card-content .vip-type .vip-icon[data-v-58647c9d]{font-size:1.3rem}.userBox .itemList.vip-card-wrapper .vip-card .vip-card-content .vip-type .vip-type-text[data-v-58647c9d]{letter-spacing:1px}.userBox .itemList.vip-card-wrapper .vip-card .vip-card-content .vip-score[data-v-58647c9d]{display:flex;align-items:center;gap:6px;font-size:.9rem;opacity:.95}.userBox .itemList.vip-card-wrapper .vip-card .vip-card-content .vip-score i[data-v-58647c9d]{font-size:1rem}.userBox .itemList.vip-card-wrapper .vip-card .vip-card-content .vip-end-time[data-v-58647c9d]{display:flex;align-items:center;gap:6px;font-size:.9rem;opacity:.95}.userBox .itemList.vip-card-wrapper .vip-card .vip-card-content .vip-end-time i[data-v-58647c9d]{font-size:1rem}.userBox .itemList.vip-card-wrapper .vip-card-non[data-v-58647c9d]{background:linear-gradient(135deg,#e0e0e0,#bdbdbd);color:#666}.userBox .itemList.vip-card-wrapper .vip-card-basic[data-v-58647c9d]{background:linear-gradient(135deg,#667eea,#764ba2)}.userBox .itemList.vip-card-wrapper .vip-card-pro[data-v-58647c9d]{background:linear-gradient(135deg,#f093fb,#f5576c)}.userBox .itemList.vip-card-wrapper .vip-card-enterprise[data-v-58647c9d]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.userBox .itemList.two .title2[data-v-58647c9d]{font-weight:700;color:#333;margin-bottom:8px}.userBox .itemList.two .list[data-v-58647c9d]{color:rgba(0,0,0,.7);padding:4px 0;font-size:.9rem}.userBox .itemList.five .list[data-v-58647c9d],.userBox .itemList.four .list[data-v-58647c9d],.userBox .itemList.there .list[data-v-58647c9d]{cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .3s ease;font-weight:500}.userBox .itemList.five .list[data-v-58647c9d]:hover,.userBox .itemList.four .list[data-v-58647c9d]:hover,.userBox .itemList.there .list[data-v-58647c9d]:hover{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));color:#667eea}.userBox .itemList.five .list[data-v-58647c9d]{color:#f56c6c}.userBox .itemList.five .list[data-v-58647c9d]:hover{background:rgba(245,108,108,.1);color:#f56c6c}.box[data-v-d504801e]{height:100vh}.box .left[data-v-d504801e]{background-color:#fff;color:#333;font-weight:700;font-size:18px;position:relative;border-right:1px solid rgba(0,0,0,.12)}.box .left .title[data-v-d504801e]{width:100%;height:75px;display:flex;align-items:center;padding:0 10px;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.08)}.box .left .title .t-img[data-v-d504801e]{height:50%;margin-right:10px}.box .left .title .t-text[data-v-d504801e]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;font-size:14px}.box .left .title .collapse-trigger[data-v-d504801e]{margin-left:auto;font-size:18px;color:#666;padding:8px;border-radius:6px}.box .left .title .collapse-trigger[data-v-d504801e]:hover{background-color:#f5f7fa}.box .left .presonal[data-v-d504801e]{position:absolute;bottom:0;left:0;width:100%;padding:20px;display:flex;align-items:center;cursor:pointer;border-top:1px solid rgba(0,0,0,.08);transition:all .3s ease}.box .left .presonal[data-v-d504801e]:hover{background-color:#f5f7fa}.box .left .presonal .username[data-v-d504801e]{margin-left:20px;color:#333}.box .left.is-collapsed .title[data-v-d504801e]{justify-content:center;padding:0 8px;position:relative}.box .left.is-collapsed .title .t-img[data-v-d504801e]{margin-right:0}.box .left.is-collapsed .title .collapse-trigger[data-v-d504801e]{position:absolute;right:4px;margin-left:0}.box .left.is-collapsed .presonal[data-v-d504801e]{padding:16px 0;justify-content:center}.box .right[data-v-d504801e]{background-color:#f5f7fa;color:#333;padding:20px}.box .right .r-header[data-v-d504801e]{background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.box .right .r-body[data-v-d504801e]::-webkit-scrollbar{width:8px}.box .right .r-body[data-v-d504801e]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.box .right .r-body[data-v-d504801e]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.box .right .r-body[data-v-d504801e]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}[data-v-d504801e] .el-menu{background-color:#fff!important;border-right:none}[data-v-d504801e] .el-menu-item{color:#333!important}[data-v-d504801e] .el-menu-item:hover{background-color:#f5f7fa!important}[data-v-d504801e] .el-menu-item.is-active{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}