#app{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}.app-container{padding:20px}.page-header{margin-bottom:20px}.page-header .page-title{font-size:24px;font-weight:600;color:#303133;margin-bottom:10px}.page-header .page-desc{color:#909399;font-size:14px}.table-operations{margin-bottom:16px}.table-operations .el-button{margin-right:8px}.search-form{background:#f5f7fa;padding:20px;border-radius:4px;margin-bottom:20px}.search-form .el-form-item{margin-bottom:16px}.pagination-container{margin-top:20px;text-align:right}.status-tag.status-1{background-color:#f0f9ff;color:#67c23a}.status-tag.status-0{background-color:#fef0f0;color:#f56c6c}.link-status.available{color:#67c23a}.link-status.disabled{color:#f56c6c}.link-status.full{color:#e6a23c}.usage-bar .el-progress-bar__outer{background-color:#ebeef5}.usage-bar .el-progress-bar__inner{background-color:#409eff}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-container .login-form{width:400px;padding:40px;background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.login-container .login-form .login-title{text-align:center;font-size:24px;font-weight:600;color:#303133;margin-bottom:30px}.layout-container{height:100vh}.layout-container .el-aside{background-color:#304156}.layout-container .el-aside .el-menu{border-right:none;background-color:#304156}.layout-container .el-aside .el-menu .el-menu-item,.layout-container .el-aside .el-menu .el-submenu__title{color:#bfcbd9}.layout-container .el-aside .el-menu .el-menu-item:hover,.layout-container .el-aside .el-menu .el-submenu__title:hover{background-color:#263445;color:#409eff}.layout-container .el-aside .el-menu .el-menu-item.is-active{background-color:#409eff;color:#fff}.layout-container .el-header{background-color:#fff;border-bottom:1px solid #e6e6e6;justify-content:space-between;padding:0 20px}.layout-container .el-header,.layout-container .el-header .header-left{display:flex;align-items:center}.layout-container .el-header .header-left .logo{font-size:20px;font-weight:600;color:#303133;margin-right:20px}.layout-container .el-header .header-right{display:flex;align-items:center}.layout-container .el-header .header-right .user-info{margin-right:20px;color:#606266}.layout-container .el-main{background-color:#f0f2f5;padding:0}