/*! 
 Build based on gin-vue-admin 
 Time : 1783310588000 */
.mqtt-in-page-notification.el-notification{border:1px solid var(--el-border-color-lighter);border-left-style:solid;border-left-width:4px;border-left-color:var(--mqtt-notify-accent,#f75b20);border-radius:12px;width:min(420px,100vw - 32px);padding:14px 16px 14px 18px;box-shadow:0 10px 28px #0f172a1f,0 2px 8px #0f172a0f}.mqtt-in-page-notification.el-notification .el-notification__group{width:100%;margin-left:0}.mqtt-in-page-notification.el-notification .el-notification__title{color:var(--el-text-color-primary);padding-right:20px;font-size:15px;font-weight:700;line-height:1.4}.mqtt-in-page-notification.el-notification .el-notification__content{color:var(--el-text-color-regular);margin-top:8px;line-height:1.55}.mqtt-in-page-notification.el-notification .el-notification__closeBtn{color:var(--el-text-color-secondary);top:14px;right:12px}.mqtt-in-page-notification.el-notification .el-notification__closeBtn:hover{color:var(--mqtt-notify-accent,#f75b20)}.mqtt-in-page-notification.el-notification--voice{--mqtt-notify-accent:#16a34a;background:linear-gradient(135deg,#fff 0%,#f0fdf4 100%)}.mqtt-in-page-notification.el-notification--receipt{--mqtt-notify-accent:#ea580c;background:linear-gradient(135deg,#fff 0%,#fff7ed 100%)}.mqtt-in-page-notification.el-notification--connection{--mqtt-notify-accent:#2563eb;background:linear-gradient(135deg,#fff 0%,#eff6ff 100%)}.mqtt-in-page-notification__body{flex-direction:column;gap:8px;display:flex}.mqtt-in-page-notification__badge{letter-spacing:.02em;color:var(--mqtt-notify-accent,#f75b20);background:#f75b2014;border:1px solid #f75b202e;border-radius:999px;align-self:flex-start;align-items:center;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.mqtt-in-page-notification--voice .mqtt-in-page-notification__badge{color:#16a34a;background:#16a34a1a;border-color:#16a34a38}.mqtt-in-page-notification--receipt .mqtt-in-page-notification__badge{color:#ea580c;background:#ea580c1a;border-color:#ea580c38}.mqtt-in-page-notification--connection .mqtt-in-page-notification__badge{color:#2563eb;background:#2563eb1a;border-color:#2563eb38}.mqtt-in-page-notification__text{color:var(--el-text-color-regular);word-break:break-word;white-space:pre-wrap;max-height:280px;margin:0;font-size:14px;line-height:1.6;overflow-y:auto}.mqtt-page[data-v-8c773e3b]{box-sizing:border-box;width:100%;max-width:none;min-height:100%;margin:0;padding:16px}.mqtt-body[data-v-8c773e3b]{align-items:flex-start;width:100%}.mqtt-body[data-v-8c773e3b] .el-row{width:100%}.mqtt-col[data-v-8c773e3b]{flex-direction:column;align-self:flex-start;gap:16px;margin-bottom:16px;display:flex}@media (width>=1200px){.mqtt-col[data-v-8c773e3b]{margin-bottom:0}}.mqtt-hero[data-v-8c773e3b]{border:1px solid var(--el-border-color-lighter);background:linear-gradient(135deg,#fff 0%,#fff7f2 55%,#fff 100%);border-radius:16px;margin-bottom:20px;padding:22px 24px 18px;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 24px #0f172a0f}.mqtt-hero--on[data-v-8c773e3b]{border-color:#22c55e59;box-shadow:0 4px 28px #22c55e1f}.mqtt-hero--warn[data-v-8c773e3b]{border-color:#f59e0b59}.mqtt-hero--off[data-v-8c773e3b]{opacity:.92;filter:grayscale(.15)}.mqtt-hero__glow[data-v-8c773e3b]{pointer-events:none;background:radial-gradient(circle,#f75b2024 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;right:-60px}.mqtt-hero__body[data-v-8c773e3b]{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:relative}.mqtt-hero__brand[data-v-8c773e3b]{align-items:center;gap:16px;display:flex}.mqtt-hero__icon-wrap[data-v-8c773e3b]{color:#fff;background:linear-gradient(145deg,#f87847 0%,#f04809 100%);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative;box-shadow:0 8px 20px #f75b2059}.mqtt-hero__pulse[data-v-8c773e3b]{pointer-events:none;border:2px solid #0000;border-radius:18px;position:absolute;inset:-4px}.mqtt-hero__pulse--on[data-v-8c773e3b]{border-color:#22c55e80;animation:2s ease-out infinite mqtt-pulse-8c773e3b}.mqtt-hero__title[data-v-8c773e3b]{letter-spacing:-.02em;color:var(--el-text-color-primary);margin:0;font-size:22px;font-weight:700}.mqtt-hero__sub[data-v-8c773e3b]{color:var(--el-text-color-secondary);margin:6px 0 0;font-size:13px}.mqtt-hero__dot[data-v-8c773e3b]{opacity:.5;margin:0 6px}.mqtt-hero__status[data-v-8c773e3b]{align-items:center;gap:10px;display:flex}.mqtt-hero__status-pill[data-v-8c773e3b]{background:var(--el-bg-color);border:1px solid var(--el-border-color-light);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;display:inline-flex;box-shadow:0 2px 8px #0000000a}.mqtt-hero__status-dot[data-v-8c773e3b]{background:var(--el-color-info);border-radius:50%;width:8px;height:8px}.mqtt-hero--on .mqtt-hero__status-dot[data-v-8c773e3b]{background:#22c55e;box-shadow:0 0 0 4px #22c55e40}.mqtt-hero--warn .mqtt-hero__status-dot[data-v-8c773e3b]{background:#f59e0b}.mqtt-hero__status-text[data-v-8c773e3b]{color:var(--el-text-color-primary);font-size:14px;font-weight:600}.mqtt-hero__refresh[data-v-8c773e3b]{flex-shrink:0}@keyframes mqtt-pulse-8c773e3b{0%{opacity:.8;transform:scale(1)}70%{opacity:0;transform:scale(1.08)}to{opacity:0;transform:scale(1.08)}}.mqtt-metrics[data-v-8c773e3b]{z-index:1;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px;display:grid;position:relative}@media (width<=900px){.mqtt-metrics[data-v-8c773e3b]{grid-template-columns:repeat(2,1fr)}}.mqtt-metric[data-v-8c773e3b]{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--el-border-color-extra-light);background:#ffffffbf;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;display:flex}.mqtt-metric__icon[data-v-8c773e3b]{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mqtt-metric--primary .mqtt-metric__icon[data-v-8c773e3b]{color:#f75b20;background:#f75b201f}.mqtt-metric--success .mqtt-metric__icon[data-v-8c773e3b]{color:#16a34a;background:#22c55e1f}.mqtt-metric--info .mqtt-metric__icon[data-v-8c773e3b]{color:#2563eb;background:#3b82f61f}.mqtt-metric--warn .mqtt-metric__icon[data-v-8c773e3b]{color:#d97706;background:#f59e0b1f}.mqtt-metric__content[data-v-8c773e3b]{flex-direction:column;gap:2px;min-width:0;display:flex}.mqtt-metric__label[data-v-8c773e3b]{color:var(--el-text-color-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.mqtt-metric__value[data-v-8c773e3b]{color:var(--el-text-color-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.mqtt-card[data-v-8c773e3b]{border:1px solid var(--el-border-color-lighter);border-radius:12px;margin-bottom:0;transition:box-shadow .2s}.mqtt-card[data-v-8c773e3b]:hover{box-shadow:0 6px 20px #0f172a0f}.mqtt-card[data-v-8c773e3b] .el-card__header{border-bottom:1px solid var(--el-border-color-extra-light);flex-shrink:0;padding:14px 18px}.mqtt-card[data-v-8c773e3b] .el-card__body{padding:16px 18px 18px}.mqtt-card__head[data-v-8c773e3b]{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.mqtt-card__title[data-v-8c773e3b]{color:var(--el-text-color-primary);align-items:center;gap:8px;font-size:15px;font-weight:600;display:inline-flex}.mqtt-card--notify[data-v-8c773e3b]{background:linear-gradient(180deg, var(--el-bg-color) 0%, #f75b2008 100%)}.mqtt-card--actions[data-v-8c773e3b] .el-card__body{padding-bottom:14px}.info-grid[data-v-8c773e3b]{grid-template-columns:1fr;gap:12px;display:grid}.info-cell__label[data-v-8c773e3b]{color:var(--el-text-color-secondary);margin-bottom:4px;font-size:12px;display:block}.info-cell__text[data-v-8c773e3b]{color:var(--el-text-color-primary);word-break:break-all;font-size:14px;font-weight:500}.info-cell__text--mono[data-v-8c773e3b]{font-family:ui-monospace,Cascadia Code,monospace;font-size:12px;font-weight:400}.info-cell__text--copy[data-v-8c773e3b]{cursor:pointer;transition:color .15s}.info-cell__text--copy[data-v-8c773e3b]:hover{color:#f75b20}.mqtt-collapse[data-v-8c773e3b]{border:none;margin-top:18px}.mqtt-collapse[data-v-8c773e3b] .el-collapse-item__header{background:var(--el-fill-color-light);border:none;border-radius:8px;height:44px;padding:0 12px;font-weight:500}.mqtt-collapse[data-v-8c773e3b] .el-collapse-item__wrap{border:none}.mqtt-collapse[data-v-8c773e3b] .el-collapse-item__content{padding:14px 0 4px}.mqtt-collapse__title[data-v-8c773e3b]{align-items:center;gap:8px;display:inline-flex}.param-grid[data-v-8c773e3b]{grid-template-columns:1fr;gap:8px;display:grid}.param-item[data-v-8c773e3b]{background:var(--el-fill-color-lighter);border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.param-item--click[data-v-8c773e3b]{cursor:pointer}.param-item--click[data-v-8c773e3b]:hover{background:#f75b200a;border-color:#f75b2059}.param-item__label[data-v-8c773e3b]{color:var(--el-text-color-secondary);flex-shrink:0;min-width:88px;font-size:12px}.param-item__value[data-v-8c773e3b]{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.param-item__copy[data-v-8c773e3b]{color:var(--el-text-color-placeholder);flex-shrink:0}.topic-section[data-v-8c773e3b]{border-top:1px solid var(--el-border-color-extra-light);margin-top:16px;padding-top:14px}.topic-section__head[data-v-8c773e3b]{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.topic-section__label[data-v-8c773e3b]{color:var(--el-text-color-secondary);font-size:12px;font-weight:600}.topic-section__empty[data-v-8c773e3b]{color:var(--el-text-color-placeholder);margin:0;font-size:13px;line-height:1.5}.topic-board[data-v-8c773e3b]{background:var(--el-fill-color-blank);border:1px dashed var(--el-border-color);border-radius:8px;margin-top:0;padding:12px}.topic-board__hint[data-v-8c773e3b]{color:var(--el-text-color-placeholder);margin:0 0 10px;font-size:12px}.topic-board__tags[data-v-8c773e3b]{flex-wrap:wrap;gap:8px;display:flex}.topic-chip[data-v-8c773e3b]{max-width:100%;color:var(--el-text-color-regular);background:var(--el-fill-color-light);border:1px solid var(--el-border-color-lighter);cursor:pointer;word-break:break-all;border-radius:6px;padding:6px 12px;font-family:ui-monospace,monospace;font-size:12px;line-height:1.4;transition:all .15s;display:inline-block}.topic-chip[data-v-8c773e3b]:hover{color:#f75b20;background:#f75b200f;border-color:#f75b2066}.voice-broadcast-panel[data-v-8c773e3b]{border:1px solid var(--el-border-color-extra-light);background:var(--el-fill-color-blank);border-radius:10px;margin-top:14px;padding:14px}.voice-broadcast-panel--disabled[data-v-8c773e3b]{opacity:.55}.voice-broadcast-panel__head[data-v-8c773e3b]{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.voice-broadcast-panel__title[data-v-8c773e3b]{color:var(--el-text-color-primary);font-size:14px;font-weight:600}.voice-broadcast-panel__hint[data-v-8c773e3b]{color:var(--el-text-color-secondary);margin:0 0 12px;font-size:12px;line-height:1.5}.voice-broadcast-panel__hint--limit[data-v-8c773e3b]{background:var(--el-fill-color-light);color:var(--el-text-color-regular);border-radius:6px;margin-top:-6px;padding:8px 10px}.voice-slider-row+.voice-slider-row[data-v-8c773e3b]{margin-top:10px}.voice-slider-row__label[data-v-8c773e3b]{color:var(--el-text-color-regular);justify-content:space-between;align-items:center;margin-bottom:2px;font-size:13px;display:flex}.voice-slider-row__value[data-v-8c773e3b]{font-variant-numeric:tabular-nums;color:#f75b20;font-weight:700}.voice-select-row[data-v-8c773e3b]{margin-bottom:12px}.voice-select-row__label[data-v-8c773e3b]{color:var(--el-text-color-regular);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;display:flex}.voice-select-row__control[data-v-8c773e3b]{width:100%}.voice-preview[data-v-8c773e3b]{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.voice-preview[data-v-8c773e3b] .el-textarea,.voice-preview[data-v-8c773e3b] .el-input{flex:100%}.voice-preview__btn[data-v-8c773e3b]{flex-shrink:0}.option-group[data-v-8c773e3b]{flex-direction:column;gap:10px;display:flex}.option-group--compact .option-tile[data-v-8c773e3b]{padding:10px 12px}.option-tile[data-v-8c773e3b]{border:1px solid var(--el-border-color-extra-light);background:var(--el-fill-color-blank);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,opacity .15s;display:flex}.option-tile[data-v-8c773e3b]:hover:not(.option-tile--disabled){border-color:var(--el-border-color)}.option-tile--disabled[data-v-8c773e3b]{opacity:.55}.option-tile__icon[data-v-8c773e3b]{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.option-tile__icon--primary[data-v-8c773e3b]{color:#f75b20;background:#f75b201f}.option-tile__icon--blue[data-v-8c773e3b]{color:#2563eb;background:#3b82f61f}.option-tile__icon--green[data-v-8c773e3b]{color:#16a34a;background:#22c55e1f}.option-tile__icon--orange[data-v-8c773e3b]{color:#ea580c;background:#f973161f}.option-tile__body[data-v-8c773e3b]{flex:1;min-width:0}.option-tile__label[data-v-8c773e3b]{color:var(--el-text-color-primary);font-size:14px;font-weight:600;display:block}.option-tile__desc[data-v-8c773e3b]{color:var(--el-text-color-secondary);margin-top:2px;font-size:12px;line-height:1.45;display:block}.notify-banner[data-v-8c773e3b]{background:var(--el-fill-color-lighter);border-left:3px solid #f75b20;border-radius:10px;margin-bottom:14px;padding:12px 14px}.notify-banner__badge[data-v-8c773e3b]{border-radius:4px;margin-bottom:8px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.notify-banner__badge--web[data-v-8c773e3b]{color:#1d4ed8;background:#3b82f61f}.notify-banner__badge--electron[data-v-8c773e3b]{color:#6d28d9;background:#8b5cf61f}.notify-banner__hint[data-v-8c773e3b]{color:var(--el-text-color-secondary);margin:0;font-size:12px;line-height:1.55}.notify-apply-btn[data-v-8c773e3b]{width:100%;margin-top:4px}.action-stack[data-v-8c773e3b]{flex-direction:column;gap:10px;display:flex}.action-stack__btn[data-v-8c773e3b]{width:100%;margin:0}.action-tip[data-v-8c773e3b]{color:var(--el-text-color-placeholder);text-align:center;margin:12px 0 0;font-size:12px;line-height:1.5}