html,body,#app{height:100%;margin:0;padding:0}.app-loading{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#f0f2f5}.loading-spinner{text-align:center}.spinner{width:40px;height:40px;border:3px solid #e4e7ed;border-top-color:#409eff;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#909399;font-size:14px}:root{--color-primary: #409EFF;--color-primary-light: #66b1ff;--color-primary-lighter: #ecf5ff;--color-success: #67C23A;--color-success-light: #85ce61;--color-warning: #E6A23C;--color-warning-light: #ebb563;--color-danger: #F56C6C;--color-danger-light: #f78989;--color-info: #909399;--color-info-light: #a6a9ad;--color-bg-page: #f0f2f5;--color-bg-container: #ffffff;--color-bg-aside: #304156;--color-bg-header: #ffffff;--color-text-primary: #303133;--color-text-regular: #606266;--color-text-secondary: #909399;--color-text-placeholder: #c0c4cc;--color-border-base: #dcdfe6;--color-border-light: #e4e7ed;--color-border-lighter: #ebeef5;--color-border-extra-light: #f2f6fc;--font-size-base: 14px;--font-size-small: 13px;--font-size-large: 16px;--font-size-extra-large: 18px;--line-height-base: 1.5;--line-height-small: 1.3;--border-radius-base: 4px;--border-radius-small: 2px;--border-radius-large: 8px;--box-shadow-base: 0 2px 12px 0 rgba(0, 0, 0, .1);--box-shadow-light: 0 2px 4px 0 rgba(0, 0, 0, .12);--box-shadow-lighter: 0 2px 4px 0 rgba(0, 0, 0, .08);--spacing-base: 16px;--spacing-small: 12px;--spacing-large: 24px;--layout-header-height: 60px;--layout-aside-width: 210px;--layout-aside-collapsed-width: 64px}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-bg-page);margin:0;padding:0}.page-container{padding:var(--spacing-base)}.card{background:var(--color-bg-container);border-radius:var(--border-radius-base);padding:var(--spacing-base);box-shadow:var(--box-shadow-base)}.table-container{background:var(--color-bg-container);border-radius:var(--border-radius-base);padding:var(--spacing-base)}.form-container{background:var(--color-bg-container);border-radius:var(--border-radius-base);padding:var(--spacing-large)}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-small);margin-bottom:var(--spacing-base);padding-bottom:var(--spacing-base);border-bottom:1px solid var(--color-border-lighter)}.filter-bar .filter-item{display:flex;align-items:center;gap:8px}.filter-bar .filter-item .filter-label{color:var(--color-text-secondary);font-size:var(--font-size-small);white-space:nowrap}.action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-base)}.stat-card{display:flex;flex-direction:column;padding:var(--spacing-base);background:var(--color-bg-container);border-radius:var(--border-radius-base);box-shadow:var(--box-shadow-light)}.stat-card .stat-value{font-size:24px;font-weight:700;color:var(--color-text-primary);margin-bottom:8px}.stat-card .stat-label{font-size:var(--font-size-small);color:var(--color-text-secondary)}.stat-card.primary .stat-value{color:var(--color-primary)}.stat-card.success .stat-value{color:var(--color-success)}.stat-card.warning .stat-value{color:var(--color-warning)}.stat-card.danger .stat-value{color:var(--color-danger)}.breadcrumb-container{margin-bottom:var(--spacing-base)}.dialog-header{font-size:var(--font-size-extra-large);font-weight:500;color:var(--color-text-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 0;color:var(--color-text-secondary)}.empty-state .empty-icon{font-size:48px;margin-bottom:16px}.empty-state .empty-text{font-size:var(--font-size-base)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--color-border-base);border-radius:3px}::-webkit-scrollbar-track{background:var(--color-bg-page)}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-8{gap:8px}.gap-16{gap:16px}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}:root{--el-color-primary: #409eff;--el-color-primary-light-3: #79bbff;--el-color-primary-light-5: #a0cfff;--el-color-primary-light-7: #c6e2ff;--el-color-primary-light-8: #d9ecff;--el-color-primary-light-9: #ecf5ff;--el-color-primary-dark-2: #337ecc}@media screen and (max-width: 768px){.desktop-sidebar{display:none!important}.mobile-nav{display:flex!important}.main-content{padding:8px 8px 70px!important}.el-table{font-size:12px}.el-table .cell{padding:4px!important}.el-card{margin-bottom:8px}.el-card__body{padding:12px!important}.el-form-item{margin-bottom:12px}.el-form-item__label{font-size:13px}.el-button{padding:8px 12px;font-size:13px}.el-dialog{width:90%!important;margin:10vh auto!important}.el-pagination{justify-content:center;flex-wrap:wrap;gap:4px}.search-area{flex-direction:column;gap:8px}.search-area .el-input,.search-area .el-select{width:100%!important}.page-title{font-size:16px;margin-bottom:12px}.stat-card{margin-bottom:8px}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;border-top:1px solid #e4e7ed;display:flex;justify-content:space-around;align-items:center;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#909399;font-size:10px;padding:4px 12px}.mobile-bottom-nav .nav-item.active{color:var(--el-color-primary)}.mobile-bottom-nav .nav-item .el-icon{font-size:20px;margin-bottom:2px}.mobile-header{display:flex!important;align-items:center;justify-content:space-between;height:50px;padding:0 12px;background:#fff;border-bottom:1px solid #e4e7ed;position:sticky;top:0;z-index:99}.mobile-header .title{font-size:16px;font-weight:600}.mobile-list-item{background:#fff;border-radius:8px;padding:12px;margin-bottom:8px;box-shadow:0 2px 8px #0000000a}.mobile-list-item .item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mobile-list-item .item-title{font-size:14px;font-weight:600;color:#303133}.mobile-list-item .item-content{font-size:12px;color:#606266;line-height:1.6}.mobile-list-item .item-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid #ebeef5}.mobile-actions{display:flex;gap:8px;flex-wrap:wrap}.mobile-actions .el-button{flex:1;min-width:60px}}@media screen and (min-width: 769px){.mobile-nav,.mobile-header,.mobile-bottom-nav{display:none!important}}@supports (padding-bottom: env(safe-area-inset-bottom)){.mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom);height:calc(60px + env(safe-area-inset-bottom))}}