body,html{margin:0;padding:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;touch-action:manipulation}#app,body,html{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#c0c4cc;border-radius:3px}::-webkit-scrollbar-track{background:transparent}@media(max-width:768px){.hidden-mobile{display:none!important}}@media(min-width:769px){.hidden-desktop{display:none!important}}.page-container{padding:20px}@media(max-width:768px){.page-container{padding:10px}}.filter-bar{margin-bottom:16px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.filter-select{width:240px}.filter-select-sm{width:160px}@media(max-width:768px){body{font-size:12px}.el-input__inner{height:30px;line-height:30px}.el-input__inner,.el-textarea__inner{font-size:16px!important}.el-input__icon{line-height:30px}.el-select .el-input__inner{height:30px;font-size:16px!important}input,select,textarea{font-size:16px!important}.el-button{padding:6px 10px;font-size:12px}.el-button--mini{padding:4px 8px;font-size:11px}.el-tag--mini{height:20px;line-height:18px;font-size:10px}.el-card__body{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:8px}.el-table{font-size:11px;min-width:unset}.el-table td,.el-table th{padding:4px 0;font-size:11px}.el-table .cell{padding:0 4px;line-height:1.4;word-break:break-all}.el-table .el-button--text{padding:2px 4px;font-size:11px}.el-table .el-tag{padding:0 4px;height:20px;line-height:18px;font-size:10px}.el-card{margin-bottom:10px}.el-card__header{padding:8px 10px;font-size:13px}.el-dialog{width:92%!important;margin-top:5vh!important}.el-dialog__body,.el-dialog__header{padding:10px 14px}.el-dialog__body{max-height:65vh;overflow-y:auto}.el-form-item{margin-bottom:10px}.el-form-item__label{font-size:12px;padding-right:6px}.el-form-item__content{font-size:12px}.el-pagination{display:flex!important;justify-content:center;align-items:center;flex-wrap:nowrap!important;white-space:nowrap;padding:6px 0;font-size:11px;overflow:hidden}.el-pagination .el-pagination__jump,.el-pagination .el-pagination__sizes,.el-pagination .el-pagination__total{display:none!important}.el-pagination .btn-next,.el-pagination .btn-prev{padding:0 4px;min-width:22px;height:22px;line-height:22px}.el-pagination .el-pager li{min-width:20px;height:22px;line-height:22px;font-size:11px}.el-pagination .el-pagination__jump{display:none!important}.filter-bar{display:flex!important;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:4px;margin-bottom:10px}.filter-bar .el-input,.filter-bar .el-select{width:auto!important;min-width:0;flex:1;max-width:60%}.filter-bar .el-button{width:auto;font-size:11px;padding:6px 8px;flex-shrink:0}.filter-bar .el-date-editor{width:auto!important;flex:1;max-width:60%}.filter-bar .el-tag{flex-shrink:0}.filter-select{width:auto!important;flex:1;max-width:60%}.filter-select-sm{width:auto!important;flex:1;max-width:45%}.device-card{margin-bottom:10px}.device-card .device-header .device-name{font-size:14px;max-width:100px}.device-card .device-info p{font-size:11px;margin:3px 0}.el-select-dropdown__item{font-size:12px;height:30px;line-height:30px}}.card-list{display:flex;flex-wrap:wrap;gap:16px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.status-dot.online{background-color:#67c23a}.status-dot.offline{background-color:#909399}.status-dot.alarm{background-color:#f56c6c}.mobile-card-list{display:none}@media(max-width:768px){.mobile-card-list{display:block}.mobile-card-item{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);border-radius:10px;padding:12px 14px;margin-bottom:12px;border:1px solid #e4e7ed;box-shadow:0 2px 6px rgba(0,0,0,.06)}.mobile-card-item .mobile-card-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.mobile-card-item .mobile-card-row .mobile-card-label{color:#909399;font-size:12px;flex-shrink:0}.mobile-card-item .mobile-card-row .mobile-card-value{color:#303133;font-size:12px;text-align:right;word-break:break-all}.mobile-card-item .mobile-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #dcdfe6}.mobile-card-item .mobile-card-header .mobile-card-title{font-size:15px;font-weight:700;color:#303133}.mobile-card-item .mobile-card-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:10px;padding-top:8px;border-top:1px solid #dcdfe6}.pagination-mobile .el-pagination__jump,.pagination-mobile .el-pagination__sizes{display:none!important}}