@charset "UTF-8";#app{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微軟正黑體,Arial,sans-serif;font-size:14px;color:#303133;background-color:#f5f7fa;overflow-x:hidden}.layout{display:flex;min-height:100vh}.layout-sidebar{width:240px;background-color:#304156;transition:width .3s;flex-shrink:0;z-index:1001}.layout-sidebar.collapsed{width:64px}@media (max-width: 768px){.layout-sidebar{position:fixed;top:0;left:0;height:100vh;transform:translate(-100%);z-index:2000}.layout-sidebar.mobile-open{transform:translate(0)}.layout-sidebar.collapsed{width:240px;transform:translate(-100%)}.layout-sidebar.collapsed.mobile-open{transform:translate(0)}}.layout-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.layout-header{height:60px;background-color:#fff;box-shadow:0 1px 4px #00152914;display:flex;align-items:center;padding:0 20px;justify-content:space-between;flex-shrink:0}@media (max-width: 768px){.layout-header{padding:0 12px}}.layout-content{flex:1;padding:20px;overflow-y:auto;overflow-x:hidden}@media (max-width: 768px){.layout-content{padding:12px}}@media (min-width: 768px) and (max-width: 1024px){.layout-content{padding:16px}}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1999}@media (max-width: 768px){.sidebar-overlay.visible{display:block}}.page-card{background:#fff;border-radius:4px;padding:20px;margin-bottom:20px}@media (max-width: 768px){.page-card{padding:12px;margin-bottom:12px;border-radius:8px}}.page-table{margin-top:16px;width:100%}@media (max-width: 1024px){.page-table :deep(.el-table){overflow-x:auto}}.page-pagination{margin-top:16px;display:flex;justify-content:flex-end}@media (max-width: 768px){.page-pagination{justify-content:center}.page-pagination :deep(.el-pagination){flex-wrap:wrap;justify-content:center}.page-pagination :deep(.el-pagination) .el-pagination__jump{display:none}}.search-form .el-form-item{margin-bottom:16px}@media (max-width: 768px){.search-form :deep(.el-form--inline) .el-form-item{display:flex;width:100%;margin-right:0}.search-form :deep(.el-form--inline) .el-form-item .el-form-item__content{flex:1}}.button-group{display:flex;gap:8px}@media (max-width: 768px){.button-group{flex-wrap:wrap}}.status-tag.active{--el-tag-bg-color: #e1f3d8;--el-tag-text-color: #67c23a}.status-tag.inactive{--el-tag-bg-color: #f4f4f5;--el-tag-text-color: #909399}.status-tag.pending{--el-tag-bg-color: #fdf6ec;--el-tag-text-color: #e6a23c}.status-tag.error{--el-tag-bg-color: #fef0f0;--el-tag-text-color: #f56c6c}.stat-card{background:#fff;border-radius:4px;padding:20px}@media (max-width: 768px){.stat-card{padding:12px}}.stat-card .stat-value{font-size:28px;font-weight:700;color:#303133}@media (max-width: 768px){.stat-card .stat-value{font-size:20px}}.stat-card .stat-label{font-size:14px;color:#909399;margin-top:8px}@media (max-width: 768px){.stat-card .stat-label{font-size:12px}}.stat-card .stat-trend{font-size:12px;margin-top:8px}.stat-card .stat-trend.up{color:#67c23a}.stat-card .stat-trend.down{color:#f56c6c}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.table-header h3{margin:0}@media (max-width: 768px){.el-form--inline .el-form-item{display:flex;width:100%;margin-right:0!important}.el-form--inline .el-form-item .el-form-item__content{flex:1}.el-form--inline .el-form-item .el-input,.el-form--inline .el-form-item .el-select{width:100%!important}}@media (max-width: 768px){.el-breadcrumb{font-size:12px}}