.device-detail{padding:4px 8px 12px}.device-detail__hero{display:flex;align-items:center;margin-bottom:18px}.device-detail__icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin-right:14px;border-radius:12px;background:#dff7e8;color:#17a34a;font-size:28px}.device-detail__name{font-size:18px;line-height:26px;font-weight:700;color:#1f2a44}.device-detail__code{margin-top:2px;font-size:13px;color:#7f8aa3}.device-detail__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px}.device-detail__card{min-height:86px;padding:18px;border-radius:12px;background:#f8fafc}.device-detail__label{margin-bottom:10px;font-size:13px;color:#9aa7bd}.device-detail__value{font-size:15px;line-height:22px;color:#1f2a44;font-weight:700}.device-detail__status{display:inline-flex;align-items:center;padding:4px 14px;border-radius:999px;font-size:13px;line-height:18px;font-weight:700}.device-detail__status.is-active{color:#18a058;background:#e9faef}.device-detail__status.is-idle{color:#5b6b88;background:#edf1f6}.device-detail__section-title{display:flex;align-items:center;margin-bottom:12px;font-size:16px;font-weight:700;color:#1f2a44}.device-detail__section-title i{margin-right:8px;color:#2f67ff;font-size:18px}.device-detail__records{display:flex;flex-direction:column;gap:10px}.device-detail__record{padding:16px 18px;border:1px solid #edf1f7;border-radius:12px;background:#fff}.device-detail__record-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.device-detail__record-name{font-size:16px;font-weight:700;color:#1f2a44}.device-detail__record-code{font-size:13px;color:#a0abc0}.device-detail__record-line{display:flex;align-items:center;margin-top:6px;font-size:13px;color:#6f7d95}.device-detail__record-line i{margin-right:6px;font-size:14px}.device-detail__empty{padding:22px 18px;border:1px dashed #d9e2ef;border-radius:12px;text-align:center;color:#97a3b8;font-size:13px;background:#fbfcfe}.category-panel{width:300px;margin-right:10px;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(31,45,61,.08);overflow:hidden}.category-panel__title{padding:24px 24px 22px;font-size:20px;line-height:28px;color:#25324a;font-weight:700;border-bottom:1px solid #edf2f8}.category-tree{padding:18px 14px 20px}.category-tree ::v-deep .el-tree-node__content{height:54px;margin:4px 0;border-radius:12px;color:#596b86;font-size:17px;transition:all .2s ease}.category-tree ::v-deep .el-tree-node__content:hover{background:#f3f8ff}.category-tree ::v-deep .el-tree-node:focus>.el-tree-node__content{background:transparent}.category-tree ::v-deep .el-tree-node.is-current>.el-tree-node__content{background:#e9f3ff;color:#2f7cff}.category-tree ::v-deep .el-tree-node.is-current>.el-tree-node__content .category-tree-node__label{color:#2f7cff;font-weight:700}.category-tree ::v-deep .el-tree-node__expand-icon{font-size:18px;color:#5d708d;padding:6px}.category-tree ::v-deep .el-tree-node__expand-icon.is-leaf{color:transparent}.category-tree-node{display:flex;align-items:center;min-width:0}.category-tree-node__icon{margin-right:12px;font-size:19px;color:#ff9a00}.category-tree-node__label{color:#596b86;line-height:24px;white-space:normal;word-break:break-all}.category-tree-node__icon.el-icon-document{color:#94a1b7!important}.overview-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}.overview-card{display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:12px 20px;background:#fff;border:1px solid #e8edf5;border-radius:8px;box-shadow:0 2px 10px rgba(31,45,61,.1)}.overview-card__icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:8px;font-size:24px;margin-left:12px;flex-shrink:0}.overview-card__content{min-width:0;flex:1}.overview-card__label{font-size:14px;color:#6b7688;line-height:18px;margin-bottom:4px;white-space:nowrap;font-weight:600}.overview-card__value{font-size:20px;line-height:24px;font-weight:700;color:#1f2a44;letter-spacing:0}@media screen and (max-width:1600px){.overview-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:1200px){.overview-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}