body,html{margin:0;padding:0;height:100%;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#303133;font-size:14px}h1,h2,h3,h4,h5,h6,p{margin-top:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.el-card{border:none!important;border-radius:8px!important;box-shadow:0 2px 12px rgba(0,0,0,.05)!important;transition:transform .3s,box-shadow .3s}.el-card:hover{box-shadow:0 5px 15px rgba(0,0,0,.08)!important}.el-button{border-radius:6px;padding:10px 20px;font-weight:500}.el-button--primary{background-color:#667eea;border-color:#667eea}.el-button--primary:focus,.el-button--primary:hover{background-color:#5a71d6;border-color:#5a71d6}.el-button--primary:active{background-color:#4d64cc;border-color:#4d64cc}.el-input__inner{border-radius:6px;padding:0 15px;height:40px;line-height:40px;border-color:#e0e0e0;transition:all .3s}.el-input__inner:hover{border-color:#c0c4cc}.el-input__inner:focus{border-color:#667eea}.el-select .el-input__inner{cursor:pointer}.el-dropdown-menu{border:none;box-shadow:0 4px 15px rgba(0,0,0,.1);border-radius:8px}.el-dropdown-menu__item{padding:8px 20px;line-height:1.5;font-size:14px}.el-dropdown-menu__item:hover{background-color:#f5f7fb;color:#667eea}.el-pagination.is-background .el-pager li{border-radius:4px;transition:all .3s}.el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#667eea;color:#fff}.el-pagination.is-background .el-pager li:not(.disabled):hover{color:#667eea}.el-table{border-radius:8px;overflow:hidden}.el-table th{background:#f8f9fb!important;color:#606266;font-weight:600;height:50px}.el-table td{padding:12px 0}.el-table--striped .el-table__body tr.el-table__row--striped td{background-color:#fafbfe}.el-table--enable-row-hover .el-table__body tr:hover>td{background-color:#f5f7fb}.el-notification{border-radius:8px;box-shadow:0 6px 16px rgba(0,0,0,.12)}.el-dialog{border-radius:12px;overflow:hidden}.el-dialog__header{padding:20px;border-bottom:1px solid #f0f0f0}.el-dialog__title{font-size:18px;color:#333;font-weight:600}.el-dialog__body{padding:24px}.el-dialog__footer{padding:15px 20px;border-top:1px solid #f0f0f0}.el-tag{border-radius:4px;padding:0 10px;height:28px;line-height:26px}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.gradient-bg{background-image:linear-gradient(90deg,#667eea,#764ba2)}.gradient-text{background:linear-gradient(90deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shadow-sm{box-shadow:0 2px 8px rgba(0,0,0,.05)}.shadow-md{box-shadow:0 4px 12px rgba(0,0,0,.08)}.shadow-lg{box-shadow:0 8px 24px rgba(0,0,0,.12)}@media screen and (max-width:768px){.hidden-sm{display:none!important}}@media screen and (max-width:992px){.hidden-md{display:none!important}}.admin-container{padding:20px}.admin-page-header{margin-bottom:20px}.admin-page-title{font-size:24px;font-weight:500;color:#303133;margin:0}.admin-filter-card,.admin-table-card{margin-bottom:20px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulse{animation:pulse 2s infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.float{animation:float 3s ease-in-out infinite}.text-primary{color:#667eea}.text-success{color:#0ba360}.text-warning{color:#f6d365}.text-danger{color:#ff4949}.text-info{color:#48c6ef}.text-muted{color:#909399}#app{width:100%;height:100%}.login-container[data-v-35afa7bc]{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.login-box[data-v-35afa7bc]{width:400px;padding:40px 35px;border-radius:8px;background:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.logo[data-v-35afa7bc]{text-align:center;margin-bottom:40px}.logo-icon[data-v-35afa7bc]{font-size:64px;color:#409eff}.logo h1[data-v-35afa7bc]{margin-top:15px;font-size:24px;color:#303133}.login-form[data-v-35afa7bc]{margin-top:20px}.login-button[data-v-35afa7bc]{width:100%;border-radius:20px;background:linear-gradient(90deg,#ff9a9e,#fad0c4);border:none}.admin-layout[data-v-03504572]{display:flex;min-height:100vh;background-color:#f5f7fb;--sidebar-width:220px;--sidebar-collapsed-width:64px;--primary-color:#667eea;--secondary-color:#764ba2}.sidebar[data-v-03504572]{position:fixed;left:0;top:0;bottom:0;z-index:1000;width:var(--sidebar-width);background-image:linear-gradient(180deg,#667eea,#764ba2);box-shadow:0 0 20px rgba(0,0,0,.1);transition:width .3s ease;overflow:hidden;display:flex;flex-direction:column}.admin-layout.is-collapsed .sidebar[data-v-03504572]{width:var(--sidebar-collapsed-width)}.sidebar-header[data-v-03504572]{height:60px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid hsla(0,0%,100%,.1)}.logo-container[data-v-03504572]{display:flex;align-items:center}.logo-img[data-v-03504572]{width:32px;height:32px;margin-right:10px}.logo-icon[data-v-03504572]{width:24px;height:24px}.logo-text[data-v-03504572]{font-size:18px;font-weight:600;background:linear-gradient(90deg,#fff,hsla(0,0%,100%,.7));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}.collapse-btn[data-v-03504572]{cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s}.collapse-btn[data-v-03504572]:hover{background-color:hsla(0,0%,100%,.1)}.sidebar-menu[data-v-03504572]{flex:1;border-right:none;background-color:transparent!important}.sidebar-menu[data-v-03504572] .el-menu-item,.sidebar-menu[data-v-03504572] .el-submenu__title{height:50px;line-height:50px;margin-bottom:4px;color:hsla(0,0%,100%,.8);position:relative;overflow:hidden}.sidebar-menu[data-v-03504572] .el-menu-item i,.sidebar-menu[data-v-03504572] .el-submenu__title i{color:hsla(0,0%,100%,.8);font-size:18px}.sidebar-menu[data-v-03504572] .el-menu-item.is-active{background:hsla(0,0%,100%,.15);color:#fff}.sidebar-menu[data-v-03504572] .el-menu-item.is-active i{color:#fff}.sidebar-menu[data-v-03504572] .el-menu-item:hover,.sidebar-menu[data-v-03504572] .el-submenu__title:hover{background-color:hsla(0,0%,100%,.1)!important;color:#fff}.sidebar-menu[data-v-03504572] .el-menu-item:hover i,.sidebar-menu[data-v-03504572] .el-submenu__title:hover i{color:#fff}.sidebar-menu[data-v-03504572] .el-menu-item.is-active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#fff}.el-scrollbar[data-v-03504572] .el-scrollbar__wrap{overflow-x:hidden}.main-content[data-v-03504572]{flex:1;margin-left:var(--sidebar-width);transition:margin-left .3s ease;display:flex;flex-direction:column;min-height:100vh}.admin-layout.is-collapsed .main-content[data-v-03504572]{margin-left:var(--sidebar-collapsed-width)}.header[data-v-03504572]{height:60px;padding:0 20px;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05);justify-content:space-between;position:sticky;top:0;z-index:100}.action-item[data-v-03504572],.header-actions[data-v-03504572],.header-left[data-v-03504572],.header-right[data-v-03504572],.header[data-v-03504572]{display:flex;align-items:center}.action-item[data-v-03504572]{padding:0 12px;cursor:pointer;color:#606266;position:relative;height:60px;transition:all .3s}.action-item[data-v-03504572]:hover{background-color:rgba(0,0,0,.025);color:var(--primary-color)}.notification-badge[data-v-03504572] .el-badge__content.is-dot{right:7px;top:12px}.user-info[data-v-03504572]{display:flex;align-items:center;cursor:pointer}.username[data-v-03504572]{margin-left:8px;font-size:14px;color:#303133}.breadcrumb-enter-active[data-v-03504572],.breadcrumb-leave-active[data-v-03504572]{transition:all .5s}.breadcrumb-enter[data-v-03504572],.breadcrumb-leave-active[data-v-03504572]{opacity:0;transform:translateX(20px)}.content[data-v-03504572]{flex:1;padding:20px;overflow-y:auto}.content-container[data-v-03504572]{padding-bottom:20px}.footer[data-v-03504572]{padding:12px 20px;border-top:1px solid #ebeef5;background-color:#fff;color:#909399;font-size:12px;display:flex;justify-content:center}.footer-content[data-v-03504572]{display:flex;align-items:center;justify-content:center}.separator[data-v-03504572]{margin:0 10px}.fade-transform-enter-active[data-v-03504572],.fade-transform-leave-active[data-v-03504572]{transition:all .3s}.fade-transform-enter[data-v-03504572]{opacity:0;transform:translateX(-20px)}.fade-transform-leave-to[data-v-03504572]{opacity:0;transform:translateX(20px)}.el-menu--vertical>.el-menu,.el-menu--vertical>.el-menu .el-menu-item{background-image:linear-gradient(180deg,#667eea,#764ba2)!important}.el-menu--vertical>.el-menu .el-menu-item{color:hsla(0,0%,100%,.8)!important}.el-menu--vertical>.el-menu .el-menu-item:hover{background-color:hsla(0,0%,100%,.1)!important;color:#fff!important}.el-menu--vertical>.el-menu .el-menu-item.is-active{background-color:hsla(0,0%,100%,.15)!important;color:#fff!important}.dashboard-container[data-v-eec4c19c]{padding:20px}.dashboard-toolbar[data-v-eec4c19c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px 20px;background:#fff;border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,.05)}.toolbar-left[data-v-eec4c19c]{display:flex;align-items:center}.toolbar-left h2[data-v-eec4c19c]{margin:0 20px 0 0;color:#333;font-size:20px;font-weight:600}.connection-status[data-v-eec4c19c]{display:flex;align-items:center}.status-dot[data-v-eec4c19c]{width:8px;height:8px;border-radius:50%;margin-right:8px;transition:all .3s ease}.status-dot.connected[data-v-eec4c19c]{background-color:#67c23a;box-shadow:0 0 6px rgba(103,194,58,.6)}.status-dot.disconnected[data-v-eec4c19c]{background-color:#f56c6c;box-shadow:0 0 6px hsla(0,87%,69%,.6)}.status-text[data-v-eec4c19c]{font-size:14px;color:#666}.toolbar-right[data-v-eec4c19c]{display:flex;align-items:center}.last-update[data-v-eec4c19c]{margin-left:15px;font-size:12px;color:#999}.stats-cards[data-v-eec4c19c]{margin-bottom:20px}.stat-card[data-v-eec4c19c]{background:#fff;border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,.05);display:flex;padding:20px;height:120px;margin-bottom:20px;overflow:hidden;position:relative;transition:all .3s ease}.stat-card[data-v-eec4c19c]:hover{transform:translateY(-5px);box-shadow:0 5px 20px rgba(0,0,0,.1)}.stat-card[data-v-eec4c19c]:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.stat-icon[data-v-eec4c19c]{display:flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:10px;font-size:32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-right:15px}.stat-icon.blue[data-v-eec4c19c]{background:linear-gradient(135deg,#48c6ef,#6f86d6)}.stat-icon.green[data-v-eec4c19c]{background:linear-gradient(135deg,#0ba360,#3cba92)}.stat-icon.orange[data-v-eec4c19c]{background:linear-gradient(135deg,#f6d365,#fda085)}.stat-content[data-v-eec4c19c]{flex-grow:1}.stat-title[data-v-eec4c19c]{color:#888;font-size:14px;margin-bottom:10px}.stat-value[data-v-eec4c19c]{color:#333;font-size:30px;font-weight:700;margin-bottom:10px}.stat-footer[data-v-eec4c19c]{display:flex;justify-content:space-between;color:#888;font-size:14px}.stat-footer .up[data-v-eec4c19c]{color:#0ba360}.stat-footer .down[data-v-eec4c19c]{color:#e74c3c}.activity-row[data-v-eec4c19c],.chart-row[data-v-eec4c19c]{margin-bottom:20px}.chart-card[data-v-eec4c19c]{background:#fff;border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,.05);padding:20px;margin-bottom:20px;transition:all .3s ease}.chart-card[data-v-eec4c19c]:hover{box-shadow:0 5px 20px rgba(0,0,0,.1)}.card-header[data-v-eec4c19c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header h3[data-v-eec4c19c]{margin:0;color:#333;font-size:18px;font-weight:600}.chart-container[data-v-eec4c19c]{height:350px}.chart[data-v-eec4c19c]{width:100%;height:100%}.activity-list[data-v-eec4c19c]{padding:10px 0}.activity-item[data-v-eec4c19c]{display:flex;padding:15px 0;border-bottom:1px solid #f5f5f5}.activity-item[data-v-eec4c19c]:last-child{border-bottom:none}.activity-icon[data-v-eec4c19c]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:#fff;margin-right:15px;flex-shrink:0}.activity-icon.user[data-v-eec4c19c]{background:linear-gradient(135deg,#667eea,#764ba2)}.activity-icon.message[data-v-eec4c19c]{background:linear-gradient(135deg,#48c6ef,#6f86d6)}.activity-icon.photo[data-v-eec4c19c]{background:linear-gradient(135deg,#0ba360,#3cba92)}.activity-icon.moment[data-v-eec4c19c]{background:linear-gradient(135deg,#f6d365,#fda085)}.activity-icon.system[data-v-eec4c19c]{background:linear-gradient(135deg,#a18cd1,#fbc2eb)}.activity-content[data-v-eec4c19c]{flex-grow:1}.activity-title[data-v-eec4c19c]{font-size:15px;color:#333;margin-bottom:5px}.activity-time[data-v-eec4c19c]{font-size:13px;color:#999}.todo-list[data-v-eec4c19c]{padding:5px 0}.todo-item[data-v-eec4c19c]{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f5f5f5}.todo-item[data-v-eec4c19c]:last-child{border-bottom:none}.todo-date[data-v-eec4c19c]{font-size:13px;color:#999}.animated[data-v-eec4c19c]{animation-duration:1s;animation-fill-mode:both}@keyframes fadeInUp-eec4c19c{0%{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:none}}.fadeInUp[data-v-eec4c19c]{animation-name:fadeInUp-eec4c19c}.user-management[data-v-6dcc9cfe]{padding:20px}.page-header[data-v-6dcc9cfe]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-header h1[data-v-6dcc9cfe]{margin:0;font-size:24px;font-weight:500;color:#303133}.filter-card[data-v-6dcc9cfe]{margin-bottom:20px;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.03)}.search-form[data-v-6dcc9cfe]{display:flex;flex-wrap:wrap}.table-card[data-v-6dcc9cfe]{border-radius:8px;margin-bottom:20px;box-shadow:0 2px 12px 0 rgba(0,0,0,.03)}.card-body[data-v-6dcc9cfe]{padding:10px 0}.table-actions[data-v-6dcc9cfe]{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-start}.table-actions .el-button[data-v-6dcc9cfe]{margin-bottom:5px}.pagination-container[data-v-6dcc9cfe]{display:flex;justify-content:center;margin-top:20px}.avatar-uploader[data-v-6dcc9cfe]{width:120px;height:120px;display:block;position:relative}.avatar-uploader .el-upload[data-v-6dcc9cfe]{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .3s}.avatar-uploader .el-upload[data-v-6dcc9cfe]:hover{border-color:#667eea;background-color:rgba(102,126,234,.05)}.avatar-uploader-icon[data-v-6dcc9cfe]{font-size:28px;color:#8c939d;line-height:1;margin-bottom:10px}.avatar-text[data-v-6dcc9cfe]{font-size:12px;color:#8c939d;text-align:center}.avatar[data-v-6dcc9cfe]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;border-radius:6px}.avatar-container[data-v-6dcc9cfe]{display:flex;justify-content:center;align-items:center;padding:5px 0}.user-avatar[data-v-6dcc9cfe]{border:2px solid #f0f0f0;box-shadow:0 2px 4px rgba(0,0,0,.1)}.user-avatar img[data-v-6dcc9cfe]{-o-object-fit:contain!important;object-fit:contain!important;background-color:#fff}.gradient-button[data-v-6dcc9cfe]{background-image:linear-gradient(90deg,#667eea,#764ba2);border:none;color:#fff;transition:all .3s;box-shadow:0 4px 10px rgba(102,126,234,.25)}.gradient-button[data-v-6dcc9cfe]:hover{background-image:linear-gradient(90deg,#5a71d6,#6942a4);box-shadow:0 6px 15px rgba(102,126,234,.3)}.gradient-button[data-v-6dcc9cfe]:active,.gradient-button[data-v-6dcc9cfe]:focus{background-image:linear-gradient(90deg,#4d64cc,#5d3a9c);box-shadow:0 2px 5px rgba(102,126,234,.25)}.gradient-button-light[data-v-6dcc9cfe]{background-image:linear-gradient(90deg,rgba(102,126,234,.8),rgba(118,75,162,.8));border:none;color:#fff;transition:all .3s;box-shadow:0 2px 8px rgba(102,126,234,.15)}.gradient-button-light[data-v-6dcc9cfe]:hover{background-image:linear-gradient(90deg,rgba(102,126,234,.9),rgba(118,75,162,.9));box-shadow:0 4px 12px rgba(102,126,234,.2)}.animated[data-v-6dcc9cfe]{animation-duration:.8s;animation-fill-mode:both}@keyframes fadeIn-6dcc9cfe{0%{opacity:0}to{opacity:1}}.fadeIn[data-v-6dcc9cfe]{animation-name:fadeIn-6dcc9cfe}