:root{--bg-color:#ebecf0;--text-main:#2c3e50;--text-secondary:#606266;--primary-color:#4e7c88;--primary-hover:#3a5f68;--accent-color:#c0392b;--success-color:#67c23a;--warning-color:#e6a23c;--danger-color:#f56c6c;--shadow-out:6px 6px 12px #b8b9be,-6px -6px 12px #fff;--shadow-out-hover:8px 8px 16px #b8b9be,-8px -8px 16px #fff;--shadow-in:inset 4px 4px 8px #b8b9be,inset -4px -4px 8px #fff;--radius-base:16px;--radius-small:12px}body{-webkit-font-smoothing:antialiased;background-color:var(--bg-color);color:var(--text-main);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6}#app{flex-direction:column;min-height:100vh;display:flex}.el-card{transition:transform .3s,box-shadow .3s;background-color:var(--bg-color)!important;border-radius:var(--radius-base)!important;box-shadow:var(--shadow-out)!important;border:none!important}.el-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-out-hover)!important}.el-card__header{border-bottom:1px solid #0000000d!important;padding:16px 24px!important}.el-input__wrapper{background-color:var(--bg-color)!important;box-shadow:var(--shadow-in)!important;border-radius:var(--radius-small)!important;padding:8px 12px!important}.el-input__wrapper.is-focus{box-shadow:var(--shadow-in),0 0 0 1px var(--primary-color)inset!important}.el-button{font-weight:500;transition:all .2s;background-color:var(--bg-color)!important;box-shadow:var(--shadow-out)!important;color:var(--text-main)!important;border-radius:var(--radius-small)!important;border:none!important;height:40px!important}.el-button:hover{transform:translateY(-1px);background-color:#f2f3f5!important}.el-button:active{transform:translateY(1px);box-shadow:var(--shadow-in)!important;background-color:var(--bg-color)!important}.el-button--primary{background-color:var(--primary-color)!important;color:#fff!important;box-shadow:6px 6px 12px #4e7c8866,-6px -6px 12px #fffc!important}.el-button--primary:hover{background-color:var(--primary-hover)!important;color:#fff!important}.el-button--primary:active{box-shadow:inset 2px 2px 4px #0003!important}.el-button--danger{background-color:var(--accent-color)!important;color:#fff!important;box-shadow:6px 6px 12px #c0392b4d,-6px -6px 12px #fffc!important}.el-menu{background-color:#0000!important;border-right:none!important}.el-menu-item{border-radius:12px;height:50px;margin:4px 12px;line-height:50px;color:var(--text-main)!important}.el-menu-item:hover,.el-sub-menu__title:hover{color:var(--primary-color)!important;background-color:#4e7c881a!important}.el-menu-item.is-active{font-weight:700;background-color:var(--bg-color)!important;color:var(--primary-color)!important;box-shadow:var(--shadow-in)!important}.el-avatar{box-shadow:var(--shadow-out);border:2px solid var(--bg-color)}.el-message,.el-notification{background-color:var(--bg-color)!important;box-shadow:var(--shadow-out)!important;border-radius:var(--radius-base)!important;border:none!important}.el-dialog{border:1px solid #ffffff80;background-color:var(--bg-color)!important;box-shadow:var(--shadow-out-hover)!important;border-radius:20px!important}.el-dialog__title{font-weight:700;color:var(--primary-color)!important}.el-table{--el-table-tr-bg-color:transparent!important;--el-table-header-bg-color:transparent!important;background-color:#0000!important}.el-table th.el-table__cell{color:var(--text-secondary);background-color:#0000!important;border-bottom:2px solid #4e7c881a!important}.el-table td.el-table__cell{border-bottom:1px solid #00000008!important}.el-table--border:after,.el-table--group:after,.el-table:before{display:none!important}.el-loading-mask{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .3s;background-color:#ebecf0e6!important}.el-loading-spinner .circular{display:none}.el-loading-spinner{background-image:none;width:100%;margin-top:-20px}.el-loading-spinner:after{content:"";background-color:var(--primary-color);width:12px;height:12px;box-shadow:20px 0 0 var(--primary-color),-20px 0 0 var(--primary-color);border-radius:50%;animation:.6s infinite alternate dots-loader;display:inline-block}@keyframes dots-loader{0%{box-shadow:20px 0 0 #4e7c8833,-20px 0 0 var(--primary-color);background-color:#4e7c8833}50%{background-color:var(--primary-color);box-shadow:20px 0 #4e7c8833,-20px 0 #4e7c8833}to{box-shadow:20px 0 0 var(--primary-color),-20px 0 0 #4e7c8833;background-color:#4e7c8833}}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.app-container{min-height:100vh}.app-container.no-padding{height:100vh;margin:0;padding:0;overflow:hidden}.login-container[data-v-d4225ee8]{background-color:var(--bg-color);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card[data-v-d4225ee8]{width:100%;max-width:420px}.login-header[data-v-d4225ee8]{text-align:center;margin-bottom:10px}.login-header h2[data-v-d4225ee8]{color:var(--primary-color);letter-spacing:2px;margin:0;font-size:28px;font-weight:700}.subtitle[data-v-d4225ee8]{color:var(--text-secondary);letter-spacing:1px;margin:8px 0 0;font-size:14px;font-weight:300}.auth-form[data-v-d4225ee8]{padding:10px 0}.full-width-btn[data-v-d4225ee8]{letter-spacing:4px;width:100%;height:48px;font-weight:600}.submit-item[data-v-d4225ee8]{margin-top:30px;margin-bottom:0}.footer-decoration[data-v-d4225ee8]{color:#bdc3c7;letter-spacing:1px;margin-top:40px;font-size:12px}[data-v-d4225ee8] .el-tabs__nav-wrap:after{background-color:#0000}[data-v-d4225ee8] .el-tabs__item{color:var(--text-secondary);font-size:16px}[data-v-d4225ee8] .el-tabs__item.is-active{color:var(--primary-color);font-weight:700}[data-v-d4225ee8] .el-tabs__active-bar{background-color:var(--primary-color);border-radius:3px;height:3px}.user-management-container[data-v-4e6c4d67]{flex-direction:column;width:100%;height:100%;padding:16px;display:flex}.top-section[data-v-4e6c4d67]{justify-content:space-between;align-items:center;width:100%;margin:0;padding:0;display:flex}.action-buttons[data-v-4e6c4d67],.search-form[data-v-4e6c4d67]{gap:10px;display:flex}.mt-2[data-v-4e6c4d67]{margin-top:8px}.mt-4[data-v-4e6c4d67]{margin-top:16px}.management-panel[data-v-4e6c4d67]{flex-direction:column;height:100%;display:flex}.management-panel[data-v-4e6c4d67] .el-card__header{border-bottom:1px solid #ebeef5;align-items:center;margin:0;padding:12px 20px;display:flex}.management-panel .el-card__body[data-v-4e6c4d67]{flex:1;padding:0;overflow:hidden}.management-panel .el-table[data-v-4e6c4d67]{border-top:none;margin:0}.search-form[data-v-4e6c4d67]{align-items:center;gap:10px;margin:0;padding:0;display:flex}.search-form[data-v-4e6c4d67] .el-form-item{align-items:center;height:auto;margin:0;padding:0;display:flex}.search-form[data-v-4e6c4d67] .el-form-item__content{margin:0 0 0 8px;padding:0}.search-form[data-v-4e6c4d67] .el-form-item__label{height:auto;margin:0;padding:0;line-height:1}.card-header[data-v-4e6c4d67]{justify-content:space-between;align-items:center;display:flex}.assign-role-section[data-v-4e6c4d67]{align-items:center;gap:10px;margin-top:20px;display:flex}.user-roles-content[data-v-4e6c4d67]{width:100%}.pagination-container[data-v-4e6c4d67]{justify-content:flex-end;align-items:center;margin-top:16px;padding:16px;display:flex}.role-management-container[data-v-7c61dba8]{flex-direction:column;width:100%;height:100%;padding:16px;display:flex}.top-section[data-v-7c61dba8]{justify-content:space-between;align-items:center;width:100%;margin:0;padding:0;display:flex}.action-buttons[data-v-7c61dba8],.search-form[data-v-7c61dba8]{gap:10px;display:flex}.mt-2[data-v-7c61dba8]{margin-top:8px}.management-panel[data-v-7c61dba8]{flex-direction:column;height:100%;display:flex}.management-panel[data-v-7c61dba8] .el-card__header{border-bottom:1px solid #ebeef5;align-items:center;margin:0;padding:12px 20px;display:flex}.management-panel .el-card__body[data-v-7c61dba8]{flex:1;padding:0;overflow:hidden}.management-panel .el-table[data-v-7c61dba8]{border-top:none;margin:0}.search-form[data-v-7c61dba8]{align-items:center;gap:10px;margin:0;padding:0;display:flex}.search-form[data-v-7c61dba8] .el-form-item{align-items:center;height:auto;margin:0;padding:0;display:flex}.search-form[data-v-7c61dba8] .el-form-item__content{margin:0 0 0 8px;padding:0}.search-form[data-v-7c61dba8] .el-form-item__label{height:auto;margin:0;padding:0;line-height:1}.pagination-container[data-v-7c61dba8]{justify-content:flex-end;align-items:center;margin-top:16px;padding:16px;display:flex}.permission-management-container[data-v-d8732a2b]{flex-direction:column;width:100%;height:100%;padding:16px;display:flex}.top-section[data-v-d8732a2b]{justify-content:space-between;align-items:center;width:100%;margin:0;padding:0;display:flex}.action-buttons[data-v-d8732a2b],.search-form[data-v-d8732a2b]{gap:10px;display:flex}.mt-2[data-v-d8732a2b]{margin-top:8px}.management-panel[data-v-d8732a2b]{flex-direction:column;height:100%;display:flex}.management-panel[data-v-d8732a2b] .el-card__header{border-bottom:1px solid #ebeef5;align-items:center;margin:0;padding:12px 20px;display:flex}.management-panel .el-card__body[data-v-d8732a2b]{flex:1;padding:0;overflow:hidden}.management-panel .el-table[data-v-d8732a2b]{border-top:none;margin:0}.search-form[data-v-d8732a2b]{align-items:center;gap:10px;margin:0;padding:0;display:flex}.search-form[data-v-d8732a2b] .el-form-item{align-items:center;height:auto;margin:0;padding:0;display:flex}.search-form[data-v-d8732a2b] .el-form-item__content{margin:0 0 0 8px;padding:0}.search-form[data-v-d8732a2b] .el-form-item__label{height:auto;margin:0;padding:0;line-height:1}.pagination-container[data-v-d8732a2b]{justify-content:flex-end;align-items:center;margin-top:16px;padding:16px;display:flex}.profile-container[data-v-97e6aa38]{box-sizing:border-box;width:100%;padding:24px}.profile-content[data-v-97e6aa38]{flex-direction:column;gap:24px;max-width:1000px;margin:0 auto;display:flex}.user-info-section[data-v-97e6aa38]{align-items:center;gap:32px;padding:10px;display:flex}.avatar-wrapper[data-v-97e6aa38]{flex-shrink:0}.user-avatar[data-v-97e6aa38]{border:4px solid var(--bg-color);box-shadow:var(--shadow-out)}.user-details[data-v-97e6aa38]{flex:1}.username[data-v-97e6aa38]{color:var(--text-main);margin:0 0 8px;font-size:24px;font-weight:700}.user-meta[data-v-97e6aa38]{align-items:center;gap:12px;margin-bottom:12px;display:flex}.join-time[data-v-97e6aa38]{color:var(--text-secondary);font-size:13px}.description[data-v-97e6aa38]{color:var(--text-main);margin:0;font-size:14px;line-height:1.6}.main-content-card[data-v-97e6aa38]{min-height:500px}.profile-tabs[data-v-97e6aa38] .el-tabs__nav-wrap:after{background-color:#0000;height:1px}.profile-tabs[data-v-97e6aa38] .el-tabs__item{height:50px;color:var(--text-secondary);font-size:15px}.profile-tabs[data-v-97e6aa38] .el-tabs__item.is-active{color:var(--primary-color);font-weight:600}.profile-tabs[data-v-97e6aa38] .el-tabs__active-bar{background-color:var(--primary-color)}.custom-tabs-label[data-v-97e6aa38]{align-items:center;gap:6px;display:flex}.profile-form[data-v-97e6aa38]{max-width:600px;padding:24px 0 0}@media (max-width:768px){.user-info-section[data-v-97e6aa38]{text-align:center;flex-direction:column;gap:16px}.user-meta[data-v-97e6aa38]{justify-content:center}.profile-form[data-v-97e6aa38]{max-width:100%}}.home-container[data-v-253eb5d4]{background-color:var(--bg-color);min-height:100vh;display:flex}.sidebar[data-v-253eb5d4]{background-color:var(--bg-color);width:260px;color:var(--text-main);z-index:1000;flex-direction:column;height:100vh;transition:all .3s;display:flex;position:fixed;box-shadow:6px 0 12px #d1d9e6}.sidebar[data-v-253eb5d4] .el-menu{background-color:#0000;border-right:none}.sidebar-header[data-v-253eb5d4]{text-align:center;padding:30px 20px}.sidebar-header h3[data-v-253eb5d4]{color:var(--primary-color);letter-spacing:1px;margin:0;font-size:20px;font-weight:700}.sidebar-nav[data-v-253eb5d4]{flex:1;padding:10px 12px}.sidebar[data-v-253eb5d4] .el-menu-item{color:var(--text-secondary);border-radius:12px;height:50px;margin:8px 0;line-height:50px}.sidebar[data-v-253eb5d4] .el-menu-item:hover{color:var(--primary-color);background-color:#0000;transform:translateY(-1px)}.sidebar[data-v-253eb5d4] .el-menu-item.is-active{background-color:var(--bg-color);color:var(--primary-color);box-shadow:var(--shadow-in);font-weight:600}.sidebar[data-v-253eb5d4] .el-icon{margin-right:12px;font-size:18px}.main-content[data-v-253eb5d4]{background-color:var(--bg-color);flex-direction:column;flex:1;margin-left:260px;display:flex}.top-bar[data-v-253eb5d4]{background-color:var(--bg-color);border-radius:var(--radius-base);height:70px;box-shadow:var(--shadow-out);z-index:999;justify-content:space-between;align-items:center;margin:16px 24px 0;padding:0 30px;display:flex}.top-bar-left[data-v-253eb5d4],.top-bar-right[data-v-253eb5d4]{align-items:center;display:flex}.user-dropdown[data-v-253eb5d4]{cursor:pointer;color:var(--text-main);border-radius:20px;align-items:center;padding:8px 16px;font-weight:500;transition:all .3s;display:flex}.user-dropdown[data-v-253eb5d4]:hover{box-shadow:var(--shadow-out);background-color:#f2f3f5}.user-dropdown .el-avatar[data-v-253eb5d4]{border:2px solid #fff;margin-right:12px}.content[data-v-253eb5d4]{flex:1;padding:24px;overflow:auto}.dashboard-content[data-v-253eb5d4]{flex-direction:column;gap:24px;display:flex}.stats-cards[data-v-253eb5d4]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.stat-content[data-v-253eb5d4]{justify-content:space-between;align-items:center;padding:10px;display:flex}.stat-value[data-v-253eb5d4]{color:var(--text-main);margin-bottom:4px;font-size:28px;font-weight:700}.stat-label[data-v-253eb5d4]{color:var(--text-secondary);font-size:14px}.stat-icon[data-v-253eb5d4]{background:var(--bg-color);width:50px;height:50px;box-shadow:var(--shadow-out);color:var(--primary-color);border-radius:50%;justify-content:center;align-items:center;display:flex}.icon-large[data-v-253eb5d4]{font-size:24px}.charts-section[data-v-253eb5d4]{flex-direction:column;gap:24px;display:flex}.charts-row[data-v-253eb5d4]{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:24px;display:grid}.chart-card[data-v-253eb5d4]{flex-direction:column;height:380px;display:flex}.chart-card.full-width[data-v-253eb5d4]{grid-column:1/-1}.card-header[data-v-253eb5d4]{color:var(--primary-color);justify-content:space-between;align-items:center;font-size:16px;font-weight:600;display:flex}.chart-content[data-v-253eb5d4]{flex:1;padding:10px;position:relative}.chart-placeholder[data-v-253eb5d4]{width:100%;height:100%}.chart-legend[data-v-253eb5d4]{gap:15px;margin-top:10px}@media (max-width:768px){.sidebar[data-v-253eb5d4]{width:0;overflow:hidden}.main-content[data-v-253eb5d4]{margin-left:0}.top-bar[data-v-253eb5d4]{margin:10px;padding:0 16px}}.not-found-container[data-v-230829a2]{background-color:#f5f7fa;justify-content:center;align-items:center;min-height:100vh;font-family:Arial,sans-serif;display:flex}.not-found-content[data-v-230829a2]{text-align:center;background-color:#fff;border-radius:12px;width:90%;max-width:500px;padding:60px 40px;box-shadow:0 8px 24px #0000001a}.status-code[data-v-230829a2]{color:#409eff;margin:0;font-size:8rem;font-weight:700;line-height:1}.error-title[data-v-230829a2]{color:#303133;margin:20px 0 15px;font-size:2rem}.error-description[data-v-230829a2]{color:#606266;margin:0 0 30px;font-size:1rem;line-height:1.6}.action-buttons[data-v-230829a2]{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.btn[data-v-230829a2]{cursor:pointer;border:none;border-radius:6px;padding:12px 24px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary[data-v-230829a2]{color:#fff;background-color:#409eff}.btn-primary[data-v-230829a2]:hover{background-color:#66b1ff;transform:translateY(-2px);box-shadow:0 4px 12px #409eff4d}.btn-secondary[data-v-230829a2]{color:#fff;background-color:#909399}.btn-secondary[data-v-230829a2]:hover{background-color:#a6a9ad;transform:translateY(-2px);box-shadow:0 4px 12px #9093994d}