*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f5f7fa;font-family:Helvetica Neue,Arial,sans-serif;line-height:1.6}#app{flex-direction:column;min-height:100vh;display:flex}.auto-login-loading{z-index:9999;background:#fffc;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.header{color:#fff;background-color:#001529;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex;box-shadow:0 2px 8px #0000001a}.logo{align-items:center;font-size:18px;font-weight:700;display:flex}.logo i{margin-right:10px;font-size:24px}.user-info{align-items:center;display:flex}.container{flex:1;display:flex;position:relative}.sidebar{color:#fff;background-color:#001529;flex-shrink:0;width:220px;transition:all .3s}.nav-menu{padding-top:20px}.nav-menu .el-collapse,.nav-menu .el-collapse-item{background-color:#001529;border:none}.nav-menu .el-collapse-item__header{color:#fff;background-color:#001529;border:none;align-items:center;padding:12px 20px;font-family:Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6;display:flex}.nav-menu .el-collapse-item__header:hover{background-color:#ffffff1a}.nav-menu .el-collapse-item__content{background-color:#001529;border:none;padding:0}.nav-menu .el-collapse-item__arrow{color:#fff}.friendship-links .el-collapse,.friendship-links .el-collapse-item{background-color:#001529}.friendship-links .el-collapse-item__arrow{color:#fff}.nav-content{padding:0}.nav-content .nav-item{color:#fff;padding-left:40px;font-family:Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6}.friendship-links{margin-top:20px}.friendship-links .el-collapse,.friendship-links .el-collapse-item{border:none}.friendship-links .el-collapse-item__header{color:#fff;background-color:#0000;border:none;align-items:center;padding:12px 20px;font-family:Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6;display:flex}.friendship-links .el-collapse-item__header:hover{background-color:#ffffff1a}.friendship-links .el-collapse-item__content{background-color:#001529;border:none;padding:0}.link-list{padding:0}.link-item{color:#fff;padding:12px 20px;font-family:Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6;text-decoration:none;transition:all .2s;display:block}.link-item:hover{color:#fff;background-color:#ffffff1a;padding-left:20px}.main-content{flex:1;width:calc(100% - 220px);padding:24px;overflow-y:auto}.page-title{justify-content:space-between;align-items:center;margin-bottom:20px;font-size:20px;font-weight:600;display:flex}.card{background-color:#fff;border-radius:6px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.card-header{border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-title{font-size:16px;font-weight:600}.card-body{padding:20px}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-bottom:20px;display:grid}.stat-card{background-color:#fff;border-radius:6px;flex-direction:column;padding:20px;display:flex;box-shadow:0 2px 8px #0000001a}.stat-icon{border-radius:6px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:10px;font-size:24px;display:flex}.stat-value{margin:10px 0;font-size:24px;font-weight:700}.stat-title{color:#666;font-size:14px}.operation-buttons{gap:8px;display:flex}.page-title .el-button{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:120px!important;min-width:120px!important;padding:8px 12px!important;display:flex!important}.action-button i{flex-shrink:0!important;width:16px!important}.action-button span{text-align:center!important;flex:1!important}.el-button span{text-align:center;flex:1;justify-content:center;align-items:center;display:flex}.el-table .el-button--small{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:80px!important;padding:5px 10px!important;display:inline-flex!important}.el-table .el-button--small .el-icon{flex-shrink:0!important;width:14px!important;margin-right:8px!important}.el-table .el-button--small span{text-align:center!important;flex:1!important;min-width:0!important}.login-container{background-color:#f5f7fa;justify-content:center;align-items:center;height:100vh;display:flex}.login-form{background-color:#fff;border-radius:6px;width:450px;padding:40px;box-shadow:0 2px 12px #0000001a}.login-title{text-align:center;color:#333;margin-bottom:30px;font-size:24px;font-weight:600}.login-footer{text-align:center;margin-top:20px}.basic-param-form .inline-form-item{align-items:center;margin-bottom:12px;display:flex}.basic-param-form .inline-form-item .el-form-item__label{text-align:right;flex-shrink:0;margin-right:8px}.basic-param-form .inline-form-item .el-form-item__content{align-items:center;gap:8px;display:flex}.basic-param-form .inline-form-item .el-input{width:300px!important}.param-tip{color:#666;font-size:12px;line-height:1}@media (max-width:768px){.container{flex-direction:column}.sidebar{width:100%;height:auto}.nav-menu{display:flex;overflow-x:auto}.nav-item{flex-shrink:0}.login-form{width:90%;margin:0 auto}.operation-buttons{flex-wrap:wrap}}.loading-spinner{border:4px solid #1890ff33;border-top-color:#1890ff;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}[v-cloak]{display:none!important}