.page-header-content[data-v-55e8a9f2]{display:-webkit-box;display:-ms-flexbox;display:flex}.page-header-content .avatar[data-v-55e8a9f2]{-webkit-box-flex:0;-ms-flex:0 1 72px;flex:0 1 72px}.page-header-content .avatar>span[data-v-55e8a9f2]{display:block;width:72px;height:72px;border-radius:72px}.page-header-content .content[data-v-55e8a9f2]{position:relative;top:4px;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;margin-left:24px;color:rgba(0,0,0,.45);line-height:22px}.page-header-content .content .content-title[data-v-55e8a9f2]{margin-bottom:12px;color:rgba(0,0,0,.85);font-weight:500;font-size:20px;line-height:28px}.extra-content[data-v-55e8a9f2]{zoom:1;float:right;white-space:nowrap}.extra-content[data-v-55e8a9f2]:after,.extra-content[data-v-55e8a9f2]:before{display:table;content:" "}.extra-content[data-v-55e8a9f2]:after{clear:both;height:0;font-size:0;visibility:hidden}.extra-content .stat-item[data-v-55e8a9f2]{position:relative;display:inline-block;padding:0 32px}.extra-content .stat-item>p[data-v-55e8a9f2]:first-child{margin-bottom:4px;color:rgba(0,0,0,.45);font-size:14px;line-height:22px}.extra-content .stat-item>p[data-v-55e8a9f2]{margin:0;color:rgba(0,0,0,.85);font-size:30px;line-height:38px}.extra-content .stat-item>p>span[data-v-55e8a9f2]{color:rgba(0,0,0,.45);font-size:20px}.extra-content .stat-item[data-v-55e8a9f2]:after{position:absolute;top:8px;right:0;width:1px;height:40px;background-color:#e8e8e8;content:""}.extra-content .stat-item[data-v-55e8a9f2]:last-child{padding-right:0}.extra-content .stat-item[data-v-55e8a9f2]:last-child:after{display:none}[data-v-55e8a9f2]{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body[data-v-55e8a9f2]{background-color:#f0f2f5;padding:20px;color:#333}.top-cards[data-v-55e8a9f2]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card[data-v-55e8a9f2]{background:#fff;border-radius:8px;padding:20px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px rgba(0,0,0,.05);position:relative;overflow:hidden}.stat-card[data-v-55e8a9f2]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px}.card-header[data-v-55e8a9f2]{font-size:16px;font-weight:500;margin-bottom:16px}.card-header[data-v-55e8a9f2],.card-icon[data-v-55e8a9f2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card-icon[data-v-55e8a9f2]{width:36px;height:36px;border-radius:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:12px;font-size:18px}.card-icon.basic[data-v-55e8a9f2]{background-color:#e6f7ff;color:#1890ff}.card-icon.inventory[data-v-55e8a9f2]{background-color:#e6fffb;color:#13c2c2}.card-icon.packaging[data-v-55e8a9f2]{background-color:#fffbe6;color:#faad14}.card-icon.traceability[data-v-55e8a9f2]{background-color:#fff7e6;color:#ff7a45}.card-stats[data-v-55e8a9f2]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-item[data-v-55e8a9f2]{text-align:center}.stat-value[data-v-55e8a9f2]{font-size:20px;font-weight:600;margin-bottom:4px}.stat-label[data-v-55e8a9f2]{font-size:14px;color:#666}.stat-icon[data-v-55e8a9f2]{width:24px;height:24px;opacity:0;-webkit-transform:scale(.9);transform:scale(.9);-webkit-transition:all .3s ease;transition:all .3s ease}.stat-icon svg[data-v-55e8a9f2]{width:100%;height:100%}.main-area[data-v-55e8a9f2]{display:grid;grid-template-columns:7fr 3fr;gap:24px;margin-bottom:24px}.device-section[data-v-55e8a9f2],.environment-section[data-v-55e8a9f2]{background:#fff;border-radius:8px;padding:16px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px rgba(0,0,0,.05)}.section-header[data-v-55e8a9f2]{font-size:16px;margin-bottom:16px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.section-header[data-v-55e8a9f2],.section-title[data-v-55e8a9f2]{font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.section-title[data-v-55e8a9f2]:before{content:"";display:inline-block;width:4px;height:16px;background-color:#1890ff;margin-left:8px;margin-right:8px;border-radius:2px}.section-actions[data-v-55e8a9f2]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;font-size:14px}.sensor-data-container[data-v-55e8a9f2]{max-height:400px;overflow-y:auto;scrollbar-width:thin;padding-right:5px}.sensor-data[data-v-55e8a9f2]{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:16px}.sensor-item[data-v-55e8a9f2]{background-color:#fafafa;padding:12px;border-radius:8px;border:1px solid #e8e8e8}.data-area[data-v-55e8a9f2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:2px;background-color:#f8f9fa;border-radius:8px;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer;position:relative}.sensor-item[data-v-55e8a9f2]:hover{background-color:#e9ecef}.sensor-item:hover .stat-icon[data-v-55e8a9f2]{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.sensor-label[data-v-55e8a9f2]{font-size:14px;margin-bottom:8px;color:#666}.sensor-value[data-v-55e8a9f2]{font-size:18px;font-weight:600}.device-list[data-v-55e8a9f2]{margin-top:16px;max-height:424px;overflow-y:auto;scrollbar-width:thin}.device-list[data-v-55e8a9f2]::-webkit-scrollbar,.sensor-data-container[data-v-55e8a9f2]::-webkit-scrollbar{width:6px}.device-list[data-v-55e8a9f2]::-webkit-scrollbar-thumb,.sensor-data-container[data-v-55e8a9f2]::-webkit-scrollbar-thumb{background-color:#d9d9d9;border-radius:3px}.device-list[data-v-55e8a9f2]::-webkit-scrollbar-thumb:hover,.sensor-data-container[data-v-55e8a9f2]::-webkit-scrollbar-thumb:hover{background-color:#bfbfbf}.device-search[data-v-55e8a9f2]{margin-bottom:16px}.device-item[data-v-55e8a9f2]{padding:12px;border-bottom:1px solid #f0f0f0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.device-item[data-v-55e8a9f2]:last-child{border-bottom:none}.online-status[data-v-55e8a9f2]{color:#52c41a}.offline-status[data-v-55e8a9f2]{color:#ff4d4f}.bottom-area[data-v-55e8a9f2]{display:grid;grid-template-columns:7fr 3fr;gap:24px}.time-display[data-v-55e8a9f2]{margin-top:16px;font-size:14px;color:#999;text-align:right}.additional-device-item[data-v-55e8a9f2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.device-id[data-v-55e8a9f2]{font-weight:350;padding-left:8px}.stat-card.basic-data[data-v-55e8a9f2]:after{background-color:#1890ff}.stat-card.inventory[data-v-55e8a9f2]:after{background-color:#13c2c2}.stat-card.packaging[data-v-55e8a9f2]:after{background-color:#faad14}.stat-card.traceability[data-v-55e8a9f2]:after{background-color:#ff7a45}