2 lines
2.5 KiB
CSS
2 lines
2.5 KiB
CSS
.people-counter-wrapper[data-v-2baa73f9]{background:linear-gradient(135deg,#f0fff4,#e6fffb);border-radius:8px;padding:16px}.stat-item[data-v-2baa73f9]{align-items:center;background:#fff;border-radius:8px;display:flex;gap:10px;height:64px;padding:12px;transition:all .2s}.stat-item[data-v-2baa73f9]:hover{box-shadow:0 2px 8px #00000014}.stat-icon[data-v-2baa73f9]{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}.stat-item.in .stat-icon[data-v-2baa73f9]{background:#f6ffed;color:#52c41a}.stat-item.out .stat-icon[data-v-2baa73f9]{background:#fff1f0;color:#ff4d4f}.stat-item.net .stat-icon[data-v-2baa73f9]{background:#e6f7ff;color:#1890ff}.stat-item.signal .stat-icon[data-v-2baa73f9]{background:#f0f5ff;color:#2f54eb}.stat-content[data-v-2baa73f9]{flex:1;min-width:0}.stat-label[data-v-2baa73f9]{color:#8c8c8c;font-size:12px;margin-bottom:2px}.stat-value[data-v-2baa73f9]{color:#262626;font-size:20px;font-weight:700}.stat-item.in .stat-value[data-v-2baa73f9]{color:#52c41a}.stat-item.out .stat-value[data-v-2baa73f9]{color:#ff4d4f}.stat-value.positive[data-v-2baa73f9]{color:#52c41a}.stat-value.negative[data-v-2baa73f9]{color:#ff4d4f}.signal-bar[data-v-2baa73f9]{align-items:center;display:flex;gap:8px}.signal-val[data-v-2baa73f9]{font-size:12px;font-weight:600;white-space:nowrap}.status-row[data-v-2baa73f9]{height:64px;justify-content:space-between;padding:0 8px}.battery-info[data-v-2baa73f9],.status-row[data-v-2baa73f9]{align-items:center;display:flex}.battery-info[data-v-2baa73f9]{font-size:14px;font-weight:600;gap:4px}.update-info[data-v-2baa73f9]{align-items:center;display:flex;gap:8px}.update-time[data-v-2baa73f9]{color:#8c8c8c;font-size:11px}.flow-bar-section[data-v-2baa73f9]{background:#fff;border-radius:8px;margin-top:12px;padding:12px}.flow-bar[data-v-2baa73f9]{background:#f5f5f5;border-radius:18px;height:36px;overflow:hidden}.flow-bar[data-v-2baa73f9],.flow-in[data-v-2baa73f9],.flow-out[data-v-2baa73f9]{align-items:center;display:flex}.flow-in[data-v-2baa73f9],.flow-out[data-v-2baa73f9]{color:#fff;font-size:14px;font-weight:600;height:100%;justify-content:center;min-width:50px;transition:flex .5s ease}.flow-in[data-v-2baa73f9]{background:linear-gradient(90deg,#52c41a,#73d13d)}.flow-out[data-v-2baa73f9]{background:linear-gradient(90deg,#ff7875,#ff4d4f)}.flow-divider[data-v-2baa73f9]{align-items:center;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0000001a;color:#8c8c8c;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;margin:0 -16px;width:32px;z-index:1}
|