/* Pulse palette refresh. Loaded after the bundled theme CSS. */
:root {
  --background: #f3f7f5;
  --foreground: #18211e;
  --card: #fbfdfb;
  --card-foreground: #18211e;
  --popover: #fbfdfb;
  --popover-foreground: #18211e;
  --primary: #0f8b8d;
  --primary-foreground: #fbfffd;
  --secondary: #e6eeeb;
  --secondary-foreground: #18211e;
  --muted: #e6eeeb;
  --muted-foreground: #63736e;
  --accent: #dff2ec;
  --accent-foreground: #0d665f;
  --destructive: #e5484d;
  --destructive-foreground: #fff;
  --warning: #d97706;
  --warning-foreground: #fff8ed;
  --success: #1d9a6c;
  --success-foreground: #fff;
  --info: #0f8b8d;
  --info-foreground: #fff;
  --network-up: #7c5bb8;
  --network-down: #0f8b8d;
  --node-header: #173630;
  --system-green: #1d9a6c;
  --alert-orange: #d97706;
  --border: #19352e17;
  --input: #19352e24;
  --ring: #0f8b8d2e;
  --chart-1: #0f8b8d;
  --chart-2: #7c5bb8;
  --chart-3: #d97706;
  --chart-4: #db6b4b;
  --chart-5: #e5484d;
  --chart-1-soft: rgba(15, 139, 141, 0.1);
  --chart-3-soft: rgba(217, 119, 6, 0.1);
  --chart-4-soft: rgba(219, 107, 75, 0.1);
  --color-red-50: #fff1f2;
  --color-red-200: #fecdd3;
  --color-red-300: #fda4af;
  --color-red-400: #fb7185;
  --color-red-500: #e5484d;
  --color-red-600: #dc2626;
  --color-red-700: #b91c1c;
  --color-amber-50: #fff7ed;
  --color-amber-200: #fed7aa;
  --color-amber-300: #fdba74;
  --color-amber-400: #fb923c;
  --color-amber-500: #d97706;
  --color-amber-600: #b45309;
  --color-amber-700: #92400e;
  --color-amber-800: #78350f;
  --color-emerald-300: #86efac;
  --color-emerald-500: #1d9a6c;
  --color-emerald-700: #147a58;
  --color-cyan-300: #7fd4cb;
  --color-cyan-500: #0f8b8d;
  --color-cyan-700: #0d665f;
  --color-violet-300: #b59be7;
  --color-violet-500: #7c5bb8;
  --color-violet-700: #5a3f8f;
  --color-sky-100: #dff2ec;
  --color-sky-200: #b8ddd4;
}

.dark {
  --background: #111815;
  --foreground: #eef7f2;
  --card: #17201d;
  --card-foreground: #eef7f2;
  --popover: #17201d;
  --popover-foreground: #eef7f2;
  --primary: #52c7bd;
  --primary-foreground: #062824;
  --secondary: #22302c;
  --secondary-foreground: #eef7f2;
  --muted: #22302c;
  --muted-foreground: #9cb0a9;
  --accent: #123b36;
  --accent-foreground: #a8efe4;
  --destructive: #ff6b70;
  --destructive-foreground: #2b0709;
  --warning: #f0a45f;
  --warning-foreground: #2b1605;
  --success: #45c58c;
  --success-foreground: #062417;
  --info: #52c7bd;
  --info-foreground: #062824;
  --network-up: #b59be7;
  --network-down: #52c7bd;
  --node-header: #142923;
  --system-green: #45c58c;
  --alert-orange: #f0a45f;
  --border: #dff7ee1f;
  --input: #dff7ee29;
  --ring: #52c7bd36;
  --chart-1: #52c7bd;
  --chart-2: #b59be7;
  --chart-3: #f0a45f;
  --chart-4: #ff9879;
  --chart-5: #ff6b70;
  --chart-1-soft: rgba(82, 199, 189, 0.12);
  --chart-3-soft: rgba(240, 164, 95, 0.12);
  --chart-4-soft: rgba(255, 152, 121, 0.12);
  --color-red-50: #3a1115;
  --color-red-200: #7f1d1d;
  --color-red-300: #fda4af;
  --color-red-400: #fb7185;
  --color-red-500: #ff6b70;
  --color-red-600: #ef4444;
  --color-red-700: #fca5a5;
  --color-amber-50: #2f1a08;
  --color-amber-200: #7c4a13;
  --color-amber-300: #f7c783;
  --color-amber-400: #f0a45f;
  --color-amber-500: #f0a45f;
  --color-amber-600: #f59e0b;
  --color-amber-700: #f7c783;
  --color-amber-800: #fed7aa;
  --color-emerald-300: #90e7bd;
  --color-emerald-500: #45c58c;
  --color-emerald-700: #90e7bd;
  --color-cyan-300: #a8efe4;
  --color-cyan-500: #52c7bd;
  --color-cyan-700: #a8efe4;
  --color-violet-300: #c9b7ff;
  --color-violet-500: #a98cff;
  --color-violet-700: #c9b7ff;
  --color-sky-100: #123b36;
  --color-sky-200: #1b514a;
}

html[data-pulse-theme="harbor"] {
  --background: #f4f7fb;
  --foreground: #172033;
  --card: #fbfdff;
  --card-foreground: #172033;
  --popover: #fbfdff;
  --popover-foreground: #172033;
  --primary: #2563eb;
  --primary-foreground: #fff;
  --secondary: #e7edf6;
  --secondary-foreground: #172033;
  --muted: #e7edf6;
  --muted-foreground: #657186;
  --accent: #e3f2ff;
  --accent-foreground: #1d4ed8;
  --destructive: #dc2626;
  --destructive-foreground: #fff;
  --warning: #d97706;
  --warning-foreground: #fff8ed;
  --success: #16a34a;
  --success-foreground: #fff;
  --info: #2563eb;
  --info-foreground: #fff;
  --network-up: #14b8a6;
  --network-down: #2563eb;
  --node-header: #1e3145;
  --system-green: #16a34a;
  --alert-orange: #d97706;
  --border: #17203317;
  --input: #17203324;
  --ring: #2563eb2e;
  --chart-1: #2563eb;
  --chart-2: #14b8a6;
  --chart-3: #d97706;
  --chart-4: #f97316;
  --chart-5: #dc2626;
  --chart-1-soft: rgba(37, 99, 235, 0.1);
  --chart-3-soft: rgba(217, 119, 6, 0.1);
  --chart-4-soft: rgba(249, 115, 22, 0.1);
  --color-cyan-300: #67e8f9;
  --color-cyan-500: #2563eb;
  --color-cyan-700: #1d4ed8;
  --color-violet-300: #5eead4;
  --color-violet-500: #14b8a6;
  --color-violet-700: #0f766e;
  --color-sky-100: #e3f2ff;
  --color-sky-200: #bfdbfe;
}

html.dark[data-pulse-theme="harbor"] {
  --background: #101722;
  --foreground: #eef5ff;
  --card: #172130;
  --card-foreground: #eef5ff;
  --popover: #172130;
  --popover-foreground: #eef5ff;
  --primary: #60a5fa;
  --primary-foreground: #061c37;
  --secondary: #223048;
  --secondary-foreground: #eef5ff;
  --muted: #223048;
  --muted-foreground: #9aaabd;
  --accent: #14345f;
  --accent-foreground: #bfdbfe;
  --destructive: #ff6b6b;
  --destructive-foreground: #2b0707;
  --warning: #f0a45f;
  --warning-foreground: #2b1605;
  --success: #4ade80;
  --success-foreground: #052512;
  --info: #60a5fa;
  --info-foreground: #061c37;
  --network-up: #5eead4;
  --network-down: #60a5fa;
  --node-header: #162638;
  --system-green: #4ade80;
  --alert-orange: #f0a45f;
  --border: #e7f2ff1f;
  --input: #e7f2ff29;
  --ring: #60a5fa36;
  --chart-1: #60a5fa;
  --chart-2: #5eead4;
  --chart-3: #f0a45f;
  --chart-4: #fb923c;
  --chart-5: #ff6b6b;
  --chart-1-soft: rgba(96, 165, 250, 0.12);
  --chart-3-soft: rgba(240, 164, 95, 0.12);
  --chart-4-soft: rgba(251, 146, 60, 0.12);
  --color-cyan-300: #bfdbfe;
  --color-cyan-500: #60a5fa;
  --color-cyan-700: #bfdbfe;
  --color-violet-300: #99f6e4;
  --color-violet-500: #5eead4;
  --color-violet-700: #99f6e4;
  --color-sky-100: #14345f;
  --color-sky-200: #1e4978;
}

html[data-pulse-theme="aurora"] {
  --background: #f3f8f6;
  --foreground: #17251f;
  --card: #fcfefd;
  --card-foreground: #17251f;
  --popover: #fcfefd;
  --popover-foreground: #17251f;
  --primary: #059669;
  --primary-foreground: #f7fffb;
  --secondary: #e8f1ee;
  --secondary-foreground: #17251f;
  --muted: #e8f1ee;
  --muted-foreground: #64736d;
  --accent: #e7f7f0;
  --accent-foreground: #047857;
  --destructive: #e11d48;
  --destructive-foreground: #fff;
  --warning: #d97706;
  --warning-foreground: #fff8ed;
  --success: #16a34a;
  --success-foreground: #fff;
  --info: #6366f1;
  --info-foreground: #fff;
  --network-up: #6366f1;
  --network-down: #059669;
  --node-header: #173529;
  --system-green: #16a34a;
  --alert-orange: #d97706;
  --border: #17352917;
  --input: #17352924;
  --ring: #0596692e;
  --chart-1: #059669;
  --chart-2: #6366f1;
  --chart-3: #d97706;
  --chart-4: #e11d48;
  --chart-5: #be123c;
  --chart-1-soft: rgba(5, 150, 105, 0.1);
  --chart-3-soft: rgba(217, 119, 6, 0.1);
  --chart-4-soft: rgba(225, 29, 72, 0.1);
  --color-cyan-300: #86efac;
  --color-cyan-500: #059669;
  --color-cyan-700: #047857;
  --color-violet-300: #a5b4fc;
  --color-violet-500: #6366f1;
  --color-violet-700: #4f46e5;
  --color-sky-100: #e7f7f0;
  --color-sky-200: #bfe8d8;
}

html.dark[data-pulse-theme="aurora"] {
  --background: #101814;
  --foreground: #effaf4;
  --card: #17211c;
  --card-foreground: #effaf4;
  --popover: #17211c;
  --popover-foreground: #effaf4;
  --primary: #4ade80;
  --primary-foreground: #052512;
  --secondary: #233128;
  --secondary-foreground: #effaf4;
  --muted: #233128;
  --muted-foreground: #9cafaa;
  --accent: #143d2b;
  --accent-foreground: #bbf7d0;
  --destructive: #fb7185;
  --destructive-foreground: #320711;
  --warning: #f0a45f;
  --warning-foreground: #2b1605;
  --success: #4ade80;
  --success-foreground: #052512;
  --info: #a5b4fc;
  --info-foreground: #11143a;
  --network-up: #a5b4fc;
  --network-down: #4ade80;
  --node-header: #172d23;
  --system-green: #4ade80;
  --alert-orange: #f0a45f;
  --border: #e6faef1f;
  --input: #e6faef29;
  --ring: #4ade8036;
  --chart-1: #4ade80;
  --chart-2: #a5b4fc;
  --chart-3: #f0a45f;
  --chart-4: #fb7185;
  --chart-5: #f43f5e;
  --chart-1-soft: rgba(74, 222, 128, 0.12);
  --chart-3-soft: rgba(240, 164, 95, 0.12);
  --chart-4-soft: rgba(251, 113, 133, 0.12);
  --color-cyan-300: #bbf7d0;
  --color-cyan-500: #4ade80;
  --color-cyan-700: #bbf7d0;
  --color-violet-300: #c7d2fe;
  --color-violet-500: #a5b4fc;
  --color-violet-700: #c7d2fe;
  --color-sky-100: #143d2b;
  --color-sky-200: #1f563d;
}

html[data-pulse-theme="sakura"] {
  --background: #f8f5f7;
  --foreground: #251822;
  --card: #fffcfe;
  --card-foreground: #251822;
  --popover: #fffcfe;
  --popover-foreground: #251822;
  --primary: #be185d;
  --primary-foreground: #fff;
  --secondary: #eee8ef;
  --secondary-foreground: #251822;
  --muted: #eee8ef;
  --muted-foreground: #756776;
  --accent: #f8e7ef;
  --accent-foreground: #9d174d;
  --destructive: #dc2626;
  --destructive-foreground: #fff;
  --warning: #b45309;
  --warning-foreground: #fff8ed;
  --success: #0d9488;
  --success-foreground: #fff;
  --info: #2563eb;
  --info-foreground: #fff;
  --network-up: #2563eb;
  --network-down: #be185d;
  --node-header: #3a2332;
  --system-green: #0d9488;
  --alert-orange: #b45309;
  --border: #3a233217;
  --input: #3a233224;
  --ring: #be185d2e;
  --chart-1: #be185d;
  --chart-2: #2563eb;
  --chart-3: #b45309;
  --chart-4: #0d9488;
  --chart-5: #dc2626;
  --chart-1-soft: rgba(190, 24, 93, 0.1);
  --chart-3-soft: rgba(180, 83, 9, 0.1);
  --chart-4-soft: rgba(13, 148, 136, 0.1);
  --color-cyan-300: #f9a8d4;
  --color-cyan-500: #be185d;
  --color-cyan-700: #9d174d;
  --color-violet-300: #93c5fd;
  --color-violet-500: #2563eb;
  --color-violet-700: #1d4ed8;
  --color-sky-100: #f8e7ef;
  --color-sky-200: #f3c4d8;
}

html.dark[data-pulse-theme="sakura"] {
  --background: #191118;
  --foreground: #fff3fa;
  --card: #231822;
  --card-foreground: #fff3fa;
  --popover: #231822;
  --popover-foreground: #fff3fa;
  --primary: #f472b6;
  --primary-foreground: #3b071f;
  --secondary: #352635;
  --secondary-foreground: #fff3fa;
  --muted: #352635;
  --muted-foreground: #b5a5b3;
  --accent: #4a1630;
  --accent-foreground: #fbcfe8;
  --destructive: #ff6b6b;
  --destructive-foreground: #2b0707;
  --warning: #f59e0b;
  --warning-foreground: #2b1605;
  --success: #5eead4;
  --success-foreground: #062824;
  --info: #93c5fd;
  --info-foreground: #061c37;
  --network-up: #93c5fd;
  --network-down: #f472b6;
  --node-header: #2d1d2a;
  --system-green: #5eead4;
  --alert-orange: #f59e0b;
  --border: #fff0fa1f;
  --input: #fff0fa29;
  --ring: #f472b636;
  --chart-1: #f472b6;
  --chart-2: #93c5fd;
  --chart-3: #f59e0b;
  --chart-4: #5eead4;
  --chart-5: #ff6b6b;
  --chart-1-soft: rgba(244, 114, 182, 0.12);
  --chart-3-soft: rgba(245, 158, 11, 0.12);
  --chart-4-soft: rgba(94, 234, 212, 0.12);
  --color-cyan-300: #fbcfe8;
  --color-cyan-500: #f472b6;
  --color-cyan-700: #fbcfe8;
  --color-violet-300: #bfdbfe;
  --color-violet-500: #93c5fd;
  --color-violet-700: #bfdbfe;
  --color-sky-100: #4a1630;
  --color-sky-200: #63213f;
}

html[data-pulse-theme="graphite"] {
  --background: #f5f5f4;
  --foreground: #1f2428;
  --card: #fefefe;
  --card-foreground: #1f2428;
  --popover: #fefefe;
  --popover-foreground: #1f2428;
  --primary: #475569;
  --primary-foreground: #fff;
  --secondary: #e8e9e7;
  --secondary-foreground: #1f2428;
  --muted: #e8e9e7;
  --muted-foreground: #676f77;
  --accent: #e7ecea;
  --accent-foreground: #334155;
  --destructive: #dc2626;
  --destructive-foreground: #fff;
  --warning: #c2410c;
  --warning-foreground: #fff8ed;
  --success: #0f766e;
  --success-foreground: #fff;
  --info: #2563eb;
  --info-foreground: #fff;
  --network-up: #0f766e;
  --network-down: #475569;
  --node-header: #28313a;
  --system-green: #0f766e;
  --alert-orange: #c2410c;
  --border: #1f242817;
  --input: #1f242824;
  --ring: #4755692e;
  --chart-1: #475569;
  --chart-2: #0f766e;
  --chart-3: #c2410c;
  --chart-4: #7c3aed;
  --chart-5: #dc2626;
  --chart-1-soft: rgba(71, 85, 105, 0.1);
  --chart-3-soft: rgba(194, 65, 12, 0.1);
  --chart-4-soft: rgba(124, 58, 237, 0.1);
  --color-cyan-300: #94a3b8;
  --color-cyan-500: #475569;
  --color-cyan-700: #334155;
  --color-violet-300: #5eead4;
  --color-violet-500: #0f766e;
  --color-violet-700: #0f5e59;
  --color-sky-100: #e7ecea;
  --color-sky-200: #d1d8d5;
}

html.dark[data-pulse-theme="graphite"] {
  --background: #121416;
  --foreground: #f4f7f6;
  --card: #1a1f22;
  --card-foreground: #f4f7f6;
  --popover: #1a1f22;
  --popover-foreground: #f4f7f6;
  --primary: #94a3b8;
  --primary-foreground: #111827;
  --secondary: #262c31;
  --secondary-foreground: #f4f7f6;
  --muted: #262c31;
  --muted-foreground: #a0aaa8;
  --accent: #263238;
  --accent-foreground: #d9e1df;
  --destructive: #ff6b6b;
  --destructive-foreground: #2b0707;
  --warning: #fb923c;
  --warning-foreground: #2b1605;
  --success: #5eead4;
  --success-foreground: #062824;
  --info: #93c5fd;
  --info-foreground: #061c37;
  --network-up: #5eead4;
  --network-down: #94a3b8;
  --node-header: #20282d;
  --system-green: #5eead4;
  --alert-orange: #fb923c;
  --border: #eef7f61f;
  --input: #eef7f629;
  --ring: #94a3b836;
  --chart-1: #94a3b8;
  --chart-2: #5eead4;
  --chart-3: #fb923c;
  --chart-4: #c4b5fd;
  --chart-5: #ff6b6b;
  --chart-1-soft: rgba(148, 163, 184, 0.12);
  --chart-3-soft: rgba(251, 146, 60, 0.12);
  --chart-4-soft: rgba(196, 181, 253, 0.12);
  --color-cyan-300: #cbd5e1;
  --color-cyan-500: #94a3b8;
  --color-cyan-700: #cbd5e1;
  --color-violet-300: #99f6e4;
  --color-violet-500: #5eead4;
  --color-violet-700: #99f6e4;
  --color-sky-100: #263238;
  --color-sky-200: #34444b;
}

.pulse-theme-switcher {
  position: fixed;
  top: max(0.75rem, env(safe-area-inset-top));
  right: max(0.75rem, env(safe-area-inset-right));
  z-index: 35;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.5rem;
  pointer-events: none;
}

.pulse-theme-trigger,
.pulse-theme-option {
  border: 1px solid var(--border);
  font: inherit;
  color: var(--foreground);
  background: var(--card);
  box-shadow: 0 12px 30px color-mix(in srgb, var(--foreground) 12%, transparent);
  pointer-events: auto;
}

.pulse-theme-trigger {
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  place-items: center;
  border-radius: 0.5rem;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  cursor: pointer;
  transition: transform 0.16s ease, border-color 0.16s ease, background-color 0.16s ease, box-shadow 0.16s ease;
}

.pulse-theme-trigger:hover,
.pulse-theme-trigger:focus-visible {
  border-color: color-mix(in srgb, var(--primary) 40%, var(--border));
  background: color-mix(in srgb, var(--card) 86%, var(--accent));
  box-shadow: 0 12px 30px color-mix(in srgb, var(--primary) 18%, transparent);
  outline: none;
}

.pulse-theme-trigger:active {
  transform: translateY(1px) scale(0.98);
}

.pulse-theme-trigger-swatches {
  display: grid;
  width: 1.24rem;
  height: 1.1rem;
  grid-template-columns: repeat(3, 0.32rem);
  grid-template-rows: 0.92rem;
  place-content: center;
  gap: 0.12rem;
  overflow: visible;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.pulse-theme-trigger-swatches span,
.pulse-theme-option-swatches span {
  display: block;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.46);
}

.pulse-theme-trigger-swatches span {
  border: 1px solid color-mix(in srgb, var(--foreground) 22%, transparent);
  border-radius: 0.18rem;
  background-clip: padding-box;
  box-shadow: none;
}

.pulse-theme-trigger-swatches span:first-child {
  grid-row: auto;
}

.pulse-theme-menu {
  display: grid;
  width: min(15rem, calc(100vw - 1.5rem));
  gap: 0.25rem;
  padding: 0.35rem;
  border: 1px solid var(--border);
  border-radius: 0.625rem;
  background: color-mix(in srgb, var(--card) 92%, transparent);
  box-shadow: 0 18px 45px color-mix(in srgb, var(--foreground) 14%, transparent);
  backdrop-filter: blur(18px) saturate(1.1);
  pointer-events: auto;
}

.pulse-theme-menu[hidden] {
  display: none;
}

.pulse-theme-option {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.7rem;
  min-height: 2.35rem;
  padding: 0.35rem 0.45rem;
  border-color: transparent;
  border-radius: 0.5rem;
  box-shadow: none;
  cursor: pointer;
  text-align: left;
  transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

.pulse-theme-option:hover,
.pulse-theme-option:focus-visible {
  background: color-mix(in srgb, var(--accent) 72%, transparent);
  outline: none;
}

.pulse-theme-option.is-active {
  border-color: color-mix(in srgb, var(--primary) 32%, var(--border));
  color: var(--accent-foreground);
  background: color-mix(in srgb, var(--accent) 84%, transparent);
}

.pulse-theme-option-swatches {
  display: grid;
  width: 2.05rem;
  height: 1.4rem;
  grid-template-columns: repeat(3, 1fr);
  overflow: hidden;
  border-radius: 0.375rem;
  box-shadow: 0 0 0 1px var(--border);
}

.pulse-theme-option-name {
  min-width: 0;
  overflow: hidden;
  font-size: 0.75rem;
  font-weight: 650;
  line-height: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 639px) {
  .pulse-theme-switcher {
    top: max(0.65rem, env(safe-area-inset-top));
    right: max(0.65rem, env(safe-area-inset-right));
  }

  .pulse-theme-trigger {
    width: 2.35rem;
    height: 2.35rem;
  }

  .pulse-theme-menu {
    width: min(13.5rem, calc(100vw - 1.3rem));
  }
}

.komari-card-surface {
  background-color: var(--card) !important;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--foreground) 4%, transparent), 0 10px 28px color-mix(in srgb, var(--foreground) 6%, transparent) !important;
}

.dark .komari-card-surface {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.28), 0 14px 34px rgba(0, 0, 0, 0.24) !important;
}

.komari-card-hover:hover {
  box-shadow: 0 2px 5px color-mix(in srgb, var(--foreground) 5%, transparent), 0 14px 34px color-mix(in srgb, var(--foreground) 8%, transparent) !important;
}

.dark .komari-card-hover:hover {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3), 0 16px 38px rgba(0, 0, 0, 0.32) !important;
}

.node-card[data-v-e3d67879],
.node-card[data-v-e3d67879] .node-card-content,
.node-card-body[data-v-e3d67879] {
  background: var(--card) !important;
}

.node-card[data-v-e3d67879] .node-card-header {
  background: linear-gradient(135deg, var(--node-header), color-mix(in srgb, var(--node-header) 78%, var(--primary))) !important;
}

.node-card--offline[data-v-e3d67879] .node-card-header {
  background: linear-gradient(135deg, color-mix(in srgb, var(--destructive) 22%, var(--node-header)), color-mix(in srgb, var(--destructive) 34%, var(--node-header))) !important;
}

.dark .node-card[data-v-e3d67879],
.dark .node-card[data-v-e3d67879] .node-card-content,
.dark .node-card-body[data-v-e3d67879] {
  background: var(--card) !important;
}

.node-ping-edge-trigger[data-v-8e03ca88] {
  background: var(--node-header) !important;
}

.node-ping-edge-trigger[data-v-8e03ca88]:hover,
.node-ping-edge-trigger[data-v-8e03ca88]:focus-visible {
  border-color: color-mix(in srgb, var(--primary) 42%, transparent) !important;
  background: color-mix(in srgb, var(--node-header) 82%, var(--primary)) !important;
  box-shadow: -7px 9px 22px color-mix(in srgb, var(--foreground) 24%, transparent), 0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent), inset 0 1px rgba(255, 255, 255, 0.12) !important;
}

.node-ping-edge-icon[data-v-8e03ca88] {
  color: var(--network-down) !important;
  filter: drop-shadow(0 1px 2px color-mix(in srgb, var(--primary) 18%, transparent)) !important;
}

.node-ping-edge-crosshair-tick[data-v-8e03ca88] {
  background: var(--network-down) !important;
  box-shadow: 0 0 8px color-mix(in srgb, var(--primary) 24%, transparent) !important;
}

.node-ping-edge-veil[data-v-8e03ca88] {
  background: color-mix(in srgb, var(--primary) 8%, transparent) !important;
}

.node-ping-edge-crosshair-line[data-v-8e03ca88] {
  background: linear-gradient(90deg, color-mix(in srgb, var(--primary) 62%, transparent), transparent) !important;
}

[class*="bg-[#f5f8fc]"] {
  background-color: color-mix(in srgb, var(--background) 88%, var(--primary) 6%) !important;
}

[class*="bg-[#f7fbfe]"] {
  background-color: var(--card) !important;
}

[class*="bg-[#eaf3f9]"],
[class*="bg-[#f1f6fa]"] {
  background-color: color-mix(in srgb, var(--card) 84%, var(--accent) 16%) !important;
}

[class*="bg-[#176db5]"] {
  background-color: color-mix(in srgb, var(--primary) 82%, var(--node-header)) !important;
}

[class*="text-[#172d3d]"] {
  color: var(--node-header) !important;
}

[class*="border-[#b9d3e9]"] {
  border-color: color-mix(in srgb, var(--primary) 14%, var(--border)) !important;
}

[class*="border-[#9fc4df]"] {
  border-color: color-mix(in srgb, var(--primary) 18%, var(--border)) !important;
}

[class*="border-[#d4bd91]"] {
  border-color: color-mix(in srgb, var(--primary) 12%, var(--border)) !important;
}

[class*="bg-[#f4ead8]"] {
  background-color: color-mix(in srgb, var(--card) 82%, var(--accent) 18%) !important;
}

[class*="hover:bg-[#efe0c6]"]:hover {
  background-color: color-mix(in srgb, var(--card) 74%, var(--accent) 26%) !important;
}

[class*="active:bg-[#e8d4b1]"]:active {
  background-color: color-mix(in srgb, var(--card) 78%, var(--primary) 10%) !important;
}

[class*="!bg-[#e9d5b2]"] {
  background-color: color-mix(in srgb, var(--card) 74%, var(--primary) 14%) !important;
}

[class*="text-[#785d36]"],
[class*="text-[#76501f]"],
[class*="text-[#8f682f]"] {
  color: color-mix(in srgb, var(--primary) 72%, var(--foreground)) !important;
}

[class*="bg-[#27363a]"] {
  background-color: color-mix(in srgb, var(--node-header) 86%, var(--primary)) !important;
}

[class*="bg-[#d4a85f]"] {
  background-color: color-mix(in srgb, var(--warning) 16%, transparent) !important;
}

[class*="text-[#e6c27f]"],
[class*="text-[#f1d396]"] {
  color: color-mix(in srgb, var(--warning) 72%, var(--foreground)) !important;
}

[class*="bg-[#e0ba73]"] {
  background-color: var(--warning) !important;
}

[class*="hover:bg-[#edcb8c]"]:hover {
  background-color: color-mix(in srgb, var(--warning) 82%, var(--foreground)) !important;
}

.dark [class*="dark:bg-[#1a2026]"],
.dark [class*="dark:bg-[#182126]"] {
  background-color: color-mix(in srgb, var(--background) 78%, var(--card)) !important;
}

.dark [class*="dark:bg-[#172b37]"] {
  background-color: color-mix(in srgb, var(--accent) 58%, var(--background)) !important;
}

.dark [class*="dark:bg-[#2f83bd]"] {
  background-color: var(--primary) !important;
}

.dark [class*="dark:bg-[#342f27]"] {
  background-color: color-mix(in srgb, var(--card) 84%, var(--accent) 16%) !important;
}

.dark [class*="dark:hover:bg-[#3d3428]"]:hover {
  background-color: color-mix(in srgb, var(--card) 76%, var(--accent) 24%) !important;
}

.dark [class*="dark:active:bg-[#463a29]"]:active,
.dark [class*="dark:!bg-[#463923]"] {
  background-color: color-mix(in srgb, var(--card) 76%, var(--primary) 16%) !important;
}

.dark [class*="dark:text-[#dec28e]"],
.dark [class*="dark:text-[#f0cf91]"],
.dark [class*="dark:text-[#e2bd78]"] {
  color: color-mix(in srgb, var(--primary) 68%, var(--foreground)) !important;
}

.dark [class*="dark:bg-[#182429]"] {
  background-color: color-mix(in srgb, var(--accent) 42%, var(--background)) !important;
}

[aria-label="节点运行摘要"] {
  border-color: color-mix(in srgb, var(--border) 84%, var(--primary) 16%) !important;
  background: color-mix(in srgb, var(--card) 96%, var(--background)) !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--foreground) 4%, transparent), 0 1px 2px color-mix(in srgb, var(--foreground) 4%, transparent), 0 12px 28px color-mix(in srgb, var(--primary) 6%, transparent) !important;
}

.dark [aria-label="节点运行摘要"] {
  background: color-mix(in srgb, var(--card) 92%, var(--background)) !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--foreground) 9%, transparent), 0 12px 30px rgba(0, 0, 0, 0.24) !important;
}

[aria-label="节点运行摘要"] > div:first-child {
  border-bottom-color: color-mix(in srgb, var(--border) 78%, var(--primary) 12%) !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--card) 88%, var(--accent) 12%), color-mix(in srgb, var(--card) 94%, var(--primary) 4%)) !important;
}

[aria-label="节点运行摘要"] > div:first-child > div:first-child > span:first-child {
  box-shadow: 0 5px 14px color-mix(in srgb, var(--primary) 18%, transparent) !important;
}

[aria-label="节点运行摘要"] > div:first-child > button {
  border-color: color-mix(in srgb, var(--border) 82%, var(--primary) 12%) !important;
  background: color-mix(in srgb, var(--card) 84%, var(--accent) 16%) !important;
}

[aria-label="节点运行摘要"] > div:first-child > button:hover {
  background: color-mix(in srgb, var(--card) 76%, var(--accent) 24%) !important;
}

[aria-label="节点运行摘要"] > div:first-child > button[aria-pressed="true"] {
  background: color-mix(in srgb, var(--card) 76%, var(--primary) 12%) !important;
}

[aria-label="节点运行摘要"] > div:first-child > button [class*="text-[#785d36]"] {
  color: color-mix(in srgb, var(--muted-foreground) 82%, var(--foreground)) !important;
}

[aria-label="节点运行摘要"] > div:first-child > button [class*="text-[#76501f]"],
[aria-label="节点运行摘要"] > div:first-child > button [class*="text-[#8f682f]"] {
  color: color-mix(in srgb, var(--foreground) 82%, var(--primary)) !important;
}

[aria-label="节点运行摘要"] > div[class*="bg-white"] {
  background: color-mix(in srgb, var(--card) 98%, var(--background)) !important;
}

[aria-label="节点运行摘要"] [class*="bg-[#f1f6fa]"] {
  background: color-mix(in srgb, var(--card) 88%, var(--accent) 12%) !important;
}

[aria-label="节点运行摘要"] > div:last-child:not(:first-child) {
  background-color: color-mix(in srgb, var(--card) 88%, var(--background) 12%) !important;
}

[data-slot="dialog-content"].sm\:max-w-5xl {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  max-height: min(52rem, calc(100dvh - 1rem)) !important;
  overflow: hidden !important;
}

[data-slot="dialog-content"].sm\:max-w-5xl > div:first-child {
  flex: 0 0 auto !important;
}

[data-slot="dialog-content"].sm\:max-w-5xl > div:nth-child(2) {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch;
  padding-bottom: max(1rem, calc(env(safe-area-inset-bottom) + 1rem)) !important;
}

@supports (height: 100svh) {
  [data-slot="dialog-content"].sm\:max-w-5xl {
    max-height: min(52rem, calc(100svh - 1rem)) !important;
  }
}

@media (max-width: 639px) {
  [data-slot="dialog-content"].sm\:max-w-5xl {
    bottom: max(0.5rem, env(safe-area-inset-bottom)) !important;
    max-height: calc(100svh - max(0.75rem, env(safe-area-inset-top)) - max(0.5rem, env(safe-area-inset-bottom))) !important;
  }

  [data-slot="dialog-content"].sm\:max-w-5xl > div:first-child {
    padding-top: 0.875rem !important;
    padding-bottom: 0.875rem !important;
  }

  [data-slot="dialog-content"].sm\:max-w-5xl > div:nth-child(2) {
    padding-left: 0.875rem !important;
    padding-right: 0.875rem !important;
  }
}

/* Cohesion pass: route the whole UI through palette-aware surfaces. */
:root {
  --pulse-page-bg: color-mix(in srgb, var(--background) 94%, var(--primary) 3%);
  --pulse-surface-1: color-mix(in srgb, var(--card) 98%, var(--background));
  --pulse-surface-2: color-mix(in srgb, var(--card) 88%, var(--background) 12%);
  --pulse-surface-3: color-mix(in srgb, var(--card) 78%, var(--accent) 22%);
  --pulse-surface-4: color-mix(in srgb, var(--card) 68%, var(--accent) 32%);
  --pulse-line-subtle: color-mix(in srgb, var(--foreground) 5%, transparent);
  --pulse-line: color-mix(in srgb, var(--foreground) 8%, transparent);
  --pulse-line-strong: color-mix(in srgb, var(--foreground) 12%, transparent);
  --pulse-shadow: 0 1px 2px color-mix(in srgb, var(--foreground) 4%, transparent), 0 10px 28px color-mix(in srgb, var(--foreground) 6%, transparent);
  --pulse-shadow-strong: 0 2px 6px color-mix(in srgb, var(--foreground) 5%, transparent), 0 18px 42px color-mix(in srgb, var(--foreground) 10%, transparent);
  --pulse-top-bg: linear-gradient(135deg, color-mix(in srgb, var(--card) 93%, var(--accent) 7%), color-mix(in srgb, var(--card) 92%, var(--primary) 5%));
  --pulse-top-icon: linear-gradient(135deg, color-mix(in srgb, var(--primary) 88%, var(--node-header)), color-mix(in srgb, var(--primary) 68%, var(--network-up)));
  --pulse-control-bg: color-mix(in srgb, var(--card) 91%, var(--background) 9%);
  --pulse-control-hover: color-mix(in srgb, var(--card) 79%, var(--accent) 21%);
  --pulse-control-active: color-mix(in srgb, var(--accent) 76%, var(--primary) 10%);
  --pulse-primary-soft: color-mix(in srgb, var(--primary) 12%, var(--card));
  --pulse-primary-softer: color-mix(in srgb, var(--primary) 7%, var(--card));
  --pulse-primary-ink: color-mix(in srgb, var(--primary) 76%, var(--foreground));
  --pulse-success-soft: color-mix(in srgb, var(--success) 12%, var(--card));
  --pulse-success-ink: color-mix(in srgb, var(--success) 72%, var(--foreground));
  --pulse-cost-soft: color-mix(in srgb, var(--warning) 10%, var(--card));
  --pulse-cost-ink: color-mix(in srgb, var(--warning) 50%, var(--foreground));
  --pulse-muted-ink: color-mix(in srgb, var(--muted-foreground) 78%, var(--foreground));
  --pulse-header-bg: color-mix(in srgb, var(--card) 84%, transparent);
  --pulse-sheet-bg: color-mix(in srgb, var(--background) 78%, var(--card));
  --pulse-sheet-header: color-mix(in srgb, var(--card) 78%, var(--accent) 22%);
  --pulse-sheet-card: color-mix(in srgb, var(--card) 90%, var(--background) 10%);
  --pulse-sheet-field: color-mix(in srgb, var(--background) 72%, var(--card) 28%);
  --pulse-sheet-field-hover: color-mix(in srgb, var(--accent) 34%, var(--card));
  --pulse-buy: color-mix(in srgb, var(--primary) 82%, var(--network-up) 18%);
  --pulse-sell: color-mix(in srgb, var(--success) 78%, var(--primary) 22%);
  --pulse-result-buy: color-mix(in srgb, var(--node-header) 74%, var(--primary));
  --pulse-result-sell: color-mix(in srgb, var(--node-header) 72%, var(--success));
  --pulse-result-accent: color-mix(in srgb, var(--primary-foreground) 84%, var(--primary) 16%);
  --pulse-danger-soft: color-mix(in srgb, var(--destructive) 10%, var(--card));
  --pulse-danger-softer: color-mix(in srgb, var(--destructive) 6%, var(--card));
  --pulse-danger-ink: color-mix(in srgb, var(--destructive) 72%, var(--foreground));
  --pulse-warning-soft: color-mix(in srgb, var(--warning) 11%, var(--card));
  --pulse-warning-softer: color-mix(in srgb, var(--warning) 7%, var(--card));
  --pulse-warning-ink: color-mix(in srgb, var(--warning) 62%, var(--foreground));
  --pulse-info-soft: color-mix(in srgb, var(--info) 10%, var(--card));
  --pulse-info-ink: color-mix(in srgb, var(--info) 72%, var(--foreground));
  --color-red-50: var(--pulse-danger-softer);
  --color-red-200: color-mix(in srgb, var(--destructive) 24%, var(--card));
  --color-red-300: color-mix(in srgb, var(--destructive) 42%, var(--card));
  --color-red-400: color-mix(in srgb, var(--destructive) 78%, var(--card));
  --color-red-500: var(--destructive);
  --color-red-600: color-mix(in srgb, var(--destructive) 88%, var(--foreground));
  --color-red-700: var(--pulse-danger-ink);
  --color-amber-50: var(--pulse-warning-softer);
  --color-amber-200: color-mix(in srgb, var(--warning) 24%, var(--card));
  --color-amber-300: color-mix(in srgb, var(--warning) 42%, var(--card));
  --color-amber-400: color-mix(in srgb, var(--warning) 78%, var(--card));
  --color-amber-500: var(--warning);
  --color-amber-600: color-mix(in srgb, var(--warning) 86%, var(--foreground));
  --color-amber-700: var(--pulse-warning-ink);
  --color-amber-800: color-mix(in srgb, var(--warning) 58%, var(--foreground));
  --color-emerald-300: color-mix(in srgb, var(--success) 44%, var(--card));
  --color-emerald-500: var(--success);
  --color-emerald-700: var(--pulse-success-ink);
  --color-cyan-300: color-mix(in srgb, var(--primary) 44%, var(--card));
  --color-cyan-500: var(--primary);
  --color-cyan-700: var(--pulse-primary-ink);
  --color-violet-300: color-mix(in srgb, var(--network-up) 42%, var(--card));
  --color-violet-500: var(--network-up);
  --color-violet-700: color-mix(in srgb, var(--network-up) 74%, var(--foreground));
  --color-sky-100: color-mix(in srgb, var(--primary-foreground) 86%, var(--primary));
  --color-sky-200: color-mix(in srgb, var(--primary) 28%, var(--primary-foreground));
  --color-slate-200: color-mix(in srgb, var(--muted) 82%, var(--card));
  --color-slate-300: color-mix(in srgb, var(--muted-foreground) 22%, var(--card));
  --color-slate-400: color-mix(in srgb, var(--muted-foreground) 74%, var(--card));
  --color-slate-500: color-mix(in srgb, var(--muted-foreground) 84%, var(--foreground));
  --color-slate-950: var(--foreground);
  --pulse-tag-ruby: var(--destructive);
  --pulse-tag-gray: var(--muted-foreground);
  --pulse-tag-gold: color-mix(in srgb, var(--warning) 84%, var(--foreground));
  --pulse-tag-bronze: color-mix(in srgb, var(--warning) 70%, var(--foreground));
  --pulse-tag-brown: color-mix(in srgb, var(--warning) 54%, var(--foreground));
  --pulse-tag-yellow: color-mix(in srgb, var(--warning) 70%, var(--card));
  --pulse-tag-amber: var(--warning);
  --pulse-tag-orange: color-mix(in srgb, var(--warning) 82%, var(--destructive));
  --pulse-tag-tomato: color-mix(in srgb, var(--destructive) 88%, var(--warning));
  --pulse-tag-red: var(--destructive);
  --pulse-tag-crimson: color-mix(in srgb, var(--destructive) 82%, var(--network-up));
  --pulse-tag-pink: color-mix(in srgb, var(--destructive) 58%, var(--network-up));
  --pulse-tag-plum: color-mix(in srgb, var(--network-up) 76%, var(--destructive));
  --pulse-tag-purple: var(--network-up);
  --pulse-tag-violet: var(--network-up);
  --pulse-tag-iris: color-mix(in srgb, var(--network-up) 74%, var(--primary));
  --pulse-tag-indigo: color-mix(in srgb, var(--info) 76%, var(--network-up));
  --pulse-tag-blue: var(--info);
  --pulse-tag-cyan: var(--primary);
  --pulse-tag-teal: color-mix(in srgb, var(--success) 68%, var(--primary));
  --pulse-tag-jade: color-mix(in srgb, var(--success) 78%, var(--primary));
  --pulse-tag-green: var(--success);
  --pulse-tag-grass: color-mix(in srgb, var(--success) 82%, var(--warning));
  --pulse-tag-lime: color-mix(in srgb, var(--success) 66%, var(--warning));
  --pulse-tag-mint: color-mix(in srgb, var(--success) 58%, var(--primary));
  --pulse-tag-sky: color-mix(in srgb, var(--primary) 78%, var(--info));
}

.dark {
  --pulse-page-bg: color-mix(in srgb, var(--background) 92%, black 8%);
  --pulse-surface-1: color-mix(in srgb, var(--card) 94%, var(--background) 6%);
  --pulse-surface-2: color-mix(in srgb, var(--card) 82%, var(--background) 18%);
  --pulse-surface-3: color-mix(in srgb, var(--card) 72%, var(--accent) 28%);
  --pulse-surface-4: color-mix(in srgb, var(--card) 62%, var(--accent) 38%);
  --pulse-line-subtle: color-mix(in srgb, var(--foreground) 7%, transparent);
  --pulse-line: color-mix(in srgb, var(--foreground) 11%, transparent);
  --pulse-line-strong: color-mix(in srgb, var(--foreground) 16%, transparent);
  --pulse-shadow: 0 1px 2px rgba(0, 0, 0, 0.28), 0 14px 34px rgba(0, 0, 0, 0.24);
  --pulse-shadow-strong: 0 3px 8px rgba(0, 0, 0, 0.24), 0 20px 48px rgba(0, 0, 0, 0.34);
  --pulse-header-bg: color-mix(in srgb, var(--background) 78%, transparent);
  --pulse-sheet-bg: color-mix(in srgb, var(--background) 82%, var(--card) 18%);
  --pulse-sheet-header: color-mix(in srgb, var(--card) 80%, var(--accent) 20%);
  --pulse-sheet-card: color-mix(in srgb, var(--card) 84%, var(--background) 16%);
  --pulse-sheet-field: color-mix(in srgb, var(--card) 72%, var(--background) 28%);
  --pulse-sheet-field-hover: color-mix(in srgb, var(--accent) 42%, var(--card));
  --pulse-result-accent: color-mix(in srgb, var(--foreground) 82%, var(--primary) 18%);
}

html,
body {
  background: var(--pulse-page-bg) !important;
}

[class*="sticky top-0"][class*="backdrop-blur"] {
  border-color: transparent !important;
  background: var(--pulse-header-bg) !important;
  box-shadow: 0 1px 0 color-mix(in srgb, var(--foreground) 4%, transparent) !important;
}

[class*="flex-between"][class*="h-14"] > div:first-child {
  min-width: 0 !important;
  overflow: hidden !important;
}

[class*="flex-between"][class*="h-14"] > div:first-child h3 {
  min-width: 0 !important;
  max-width: min(44vw, 24rem) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

[class*="flex-between"][class*="h-14"] > div:last-child {
  position: relative !important;
  z-index: 62 !important;
  flex: 0 0 auto !important;
}

button[aria-label="剩余价值计算器"],
button[aria-label="自动主题"],
button[aria-label="浅色主题"],
button[aria-label="深色主题"],
button[aria-label="登录后台"],
button[aria-label="后台管理"] {
  position: relative !important;
  z-index: 62 !important;
  border-color: transparent !important;
  color: var(--pulse-muted-ink) !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

button[aria-label="登录后台"],
button[aria-label="后台管理"] {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

button[aria-label="剩余价值计算器"]:hover,
button[aria-label="自动主题"]:hover,
button[aria-label="浅色主题"]:hover,
button[aria-label="深色主题"]:hover,
button[aria-label="登录后台"]:hover,
button[aria-label="后台管理"]:hover {
  color: var(--foreground) !important;
  background: var(--pulse-control-hover) !important;
}

button[aria-label="剩余价值计算器"]:focus-visible,
button[aria-label="自动主题"]:focus-visible,
button[aria-label="浅色主题"]:focus-visible,
button[aria-label="深色主题"]:focus-visible,
button[aria-label="登录后台"]:focus-visible,
button[aria-label="后台管理"]:focus-visible {
  border-color: transparent !important;
  outline: none !important;
  box-shadow: inset 0 -2px color-mix(in srgb, var(--primary) 52%, transparent) !important;
}

.pulse-theme-switcher {
  top: calc(3.75rem + max(0.5rem, env(safe-area-inset-top))) !important;
  right: max(0.75rem, env(safe-area-inset-right)) !important;
  z-index: 45 !important;
}

.pulse-theme-switcher.is-header {
  position: relative !important;
  inset: auto !important;
  z-index: 63 !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0 !important;
  pointer-events: auto !important;
}

.pulse-theme-switcher.is-header .pulse-theme-trigger {
  width: 2rem !important;
  height: 2rem !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.pulse-theme-switcher.is-header .pulse-theme-trigger:hover,
.pulse-theme-switcher.is-header .pulse-theme-trigger:focus-visible {
  background: var(--pulse-control-hover) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.pulse-theme-switcher.is-header .pulse-theme-trigger-swatches {
  width: 1.14rem !important;
  height: 1rem !important;
  grid-template-columns: repeat(3, 0.3rem) !important;
  grid-template-rows: 0.86rem !important;
  gap: 0.1rem !important;
}

.pulse-theme-switcher.is-header .pulse-theme-menu {
  position: absolute !important;
  top: calc(100% + 0.55rem) !important;
  right: 0 !important;
}

.pulse-theme-switcher.is-floating {
  pointer-events: none !important;
}

.pulse-theme-trigger,
.pulse-theme-option,
.pulse-theme-menu {
  border-color: var(--pulse-line) !important;
  background: color-mix(in srgb, var(--pulse-surface-1) 94%, transparent) !important;
}

.pulse-theme-menu {
  border-color: transparent !important;
  background: var(--pulse-surface-1) !important;
  box-shadow: 0 12px 32px color-mix(in srgb, var(--foreground) 13%, transparent) !important;
}

.pulse-theme-option {
  border-color: transparent !important;
  background: transparent !important;
}

.pulse-theme-option:hover,
.pulse-theme-option:focus-visible {
  border-color: transparent !important;
  background: var(--pulse-control-hover) !important;
}

.pulse-theme-option.is-active {
  color: var(--pulse-primary-ink) !important;
  background: var(--pulse-control-active) !important;
}

.pulse-os-icon,
img[src*="/images/logo/os-"],
img[src$="/images/logo/linux.svg"],
img[src$="/images/logo/alibabacloud-color.svg"] {
  display: inline-block;
  object-fit: contain;
  padding: 0;
  border-radius: 0.2rem !important;
  background: transparent !important;
  box-shadow: none !important;
  image-rendering: auto;
  transform: none;
}

.dark .pulse-os-icon,
.dark img[src*="/images/logo/os-"],
.dark img[src$="/images/logo/linux.svg"],
.dark img[src$="/images/logo/alibabacloud-color.svg"] {
  background: transparent !important;
  box-shadow: none !important;
}

.node-card-header .pulse-os-icon--card {
  width: 1.08rem !important;
  height: 1.08rem !important;
  opacity: 0.92;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.28));
}

.pulse-os-icon--list {
  width: 1.05rem !important;
  height: 1.05rem !important;
}

.pulse-os-icon--detail {
  width: 1rem !important;
  height: 1rem !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.pulse-os-glyph {
  display: inline-block;
  flex: 0 0 auto;
  width: 1rem;
  height: 1rem;
  background: currentColor;
  -webkit-mask: var(--pulse-os-mask) center / contain no-repeat;
  mask: var(--pulse-os-mask) center / contain no-repeat;
}

.node-card-header .pulse-os-glyph--card {
  width: 1.1rem;
  height: 1.1rem;
  color: color-mix(in srgb, var(--primary-foreground) 78%, var(--primary) 22%);
  opacity: 0.92;
}

.pulse-os-glyph--list {
  width: 1.08rem;
  height: 1.08rem;
  color: color-mix(in srgb, var(--foreground) 70%, var(--primary) 30%);
}

.pulse-os-glyph--detail {
  width: 1rem;
  height: 1rem;
  color: currentColor;
}

.node-card svg,
.instance-detail svg,
[data-slot="button"] svg {
  shape-rendering: geometricPrecision;
  stroke-linecap: round;
  stroke-linejoin: round;
}

[aria-label="节点运行摘要"] {
  border-color: transparent !important;
  background: var(--pulse-surface-1) !important;
  box-shadow: var(--pulse-shadow) !important;
}

[aria-label="节点运行摘要"] > div:first-child {
  border-bottom-color: var(--pulse-line-subtle) !important;
  background: var(--pulse-top-bg) !important;
}

[aria-label="节点运行摘要"] > div:first-child > div:first-child > span:first-child,
[class*="bg-[#176db5]"],
.dark [class*="dark:bg-[#2f83bd]"] {
  background: var(--pulse-top-icon) !important;
  box-shadow: 0 6px 14px color-mix(in srgb, var(--primary) 12%, transparent) !important;
}

[aria-label="节点运行摘要"] [class*="text-[#172d3d]"] {
  color: var(--foreground) !important;
}

[aria-label="节点运行摘要"] > div[class*="bg-white"],
[class*="bg-white/85"] {
  background: var(--pulse-surface-1) !important;
}

[aria-label="节点运行摘要"] [class*="bg-[#f1f6fa]"],
[class*="bg-[#f1f6fa]"] {
  background-color: var(--pulse-surface-2) !important;
}

[aria-label="节点运行摘要"] [class*="bg-[#f4ead8]"],
[class*="bg-[#e9d5b2]"],
[class*="!bg-[#e9d5b2]"] {
  background-color: var(--pulse-cost-soft) !important;
}

[aria-label="节点运行摘要"] [class*="hover:bg-[#efe0c6]"]:hover,
[class*="hover:bg-[#efe0c6]"]:hover {
  background-color: color-mix(in srgb, var(--pulse-cost-soft) 72%, var(--accent)) !important;
}

[aria-label="节点运行摘要"] [class*="active:bg-[#e8d4b1]"]:active {
  background-color: color-mix(in srgb, var(--pulse-cost-soft) 64%, var(--primary) 12%) !important;
}

[class*="text-[#785d36]"],
[class*="text-[#76501f]"],
[class*="text-[#8f682f]"],
[class*="text-[#805c2b]"],
.dark [class*="dark:text-[#dec28e]"],
.dark [class*="dark:text-[#f0cf91]"],
.dark [class*="dark:text-[#e2bd78]"],
.dark [class*="dark:text-[#edcb8a]"] {
  color: var(--pulse-cost-ink) !important;
}

[class*="border-[#b9d3e9]"],
[class*="border-[#9fc4df]"],
[class*="border-[#d4bd91]"],
[class*="border-[#4b8376]"],
.dark [class*="dark:border-[#79b5a6]"] {
  border-color: var(--pulse-line-strong) !important;
}

section[aria-label="节点运行摘要"] {
  border-color: transparent !important;
  box-shadow: var(--pulse-shadow) !important;
}

.dark section[aria-label="节点运行摘要"] {
  border-color: transparent !important;
  box-shadow: var(--pulse-shadow) !important;
}

section[aria-label="节点运行摘要"] > div:first-child {
  border-bottom-color: var(--pulse-line-subtle) !important;
}

section[aria-label="节点运行摘要"] > div:first-child > button {
  border-color: var(--pulse-line-subtle) !important;
}

.dark section[aria-label="节点运行摘要"] > div:first-child > button {
  border-color: var(--pulse-line-subtle) !important;
}

.nodes [data-slot="tabs-list"] {
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.nodes [data-slot="tabs-trigger"][data-state="active"] {
  color: var(--pulse-primary-ink) !important;
  background: var(--pulse-primary-softer) !important;
}

.nodes [data-slot="button"][data-variant="outline"],
.nodes [data-slot="input"] {
  border-color: transparent !important;
  background: var(--pulse-control-bg) !important;
  box-shadow: none !important;
}

.nodes [data-slot="button"][data-variant="outline"][class*="!bg-accent"] {
  color: var(--pulse-primary-ink) !important;
  background: var(--pulse-control-active) !important;
}

[class*="bg-[#f7fbfe]"],
[class*="bg-[#f7f9f9]"],
[class*="bg-[#f3f6f6]"],
[class*="bg-[#f3f7f5]"],
[class*="bg-[#edf2f2]"],
[class*="bg-[#f2f7f5]"],
.dark [class*="dark:bg-[#182126]"],
.dark [class*="dark:bg-[#1d292e]"],
.dark [class*="dark:bg-[#253238]"],
.dark [class*="dark:bg-[#29373d]"],
.dark [class*="dark:bg-[#29383f]"],
.dark [class*="dark:bg-[#24312f]"] {
  background-color: var(--pulse-surface-1) !important;
}

[class*="bg-[#eaf3f9]"],
[class*="bg-[#eef2f3]"],
[class*="bg-[#e7edef]"],
[class*="bg-[#e7eded]"],
.dark [class*="dark:bg-[#172b37]"],
.dark [class*="dark:bg-[#223037]"] {
  background-color: var(--pulse-sheet-header) !important;
}

[class*="bg-[#dfe7e9]"],
[class*="bg-[#dce5e7]"],
.dark [class*="dark:bg-[#1b272c]"],
.dark [class*="dark:bg-[#304148]"] {
  background-color: var(--pulse-sheet-field) !important;
}

[class*="hover:bg-[#e8edef]"]:hover,
[class*="focus-within:bg-[#e8edef]"]:focus-within {
  background-color: var(--pulse-sheet-field-hover) !important;
}

[class*="dark:bg-[#253238]"],
[class*="dark:disabled:bg-[#253238]"]:disabled,
[class*="dark:disabled:hover:bg-[#253238]"]:disabled:hover {
  background-color: color-mix(in srgb, var(--pulse-sheet-field) 72%, var(--background)) !important;
}

[class*="dark:hover:bg-[#304148]"]:hover,
[class*="dark:hover:bg-[#34544a]"]:hover {
  background-color: var(--pulse-sheet-field-hover) !important;
}

[class*="bg-[#edf5f2]"],
[class*="bg-[#edf6f3]"],
[class*="bg-[#cfe2dc]"] {
  background-color: var(--pulse-primary-soft) !important;
}

[class*="hover:bg-[#edf5f2]"]:hover,
[class*="hover:bg-[#c6dcd4]"]:hover {
  background-color: var(--pulse-control-hover) !important;
}

[class*="bg-[#20332f]"],
.dark [class*="dark:bg-[#20332f]"],
.dark [class*="dark:bg-[#2d4941]"] {
  background-color: var(--pulse-primary-soft) !important;
}

[class*="dark:hover:bg-[#34544a]"]:hover {
  background-color: var(--pulse-control-hover) !important;
}

[class*="border-[#3f786b]"],
[class*="bg-[#3f786b]"],
.dark [class*="dark:border-[#80b9aa]"],
.dark [class*="dark:bg-[#80b9aa]"] {
  border-color: var(--primary) !important;
  background-color: var(--primary) !important;
}

[class*="text-[#376f62]"],
[class*="text-[#47766b]"],
[class*="text-[#347565]"],
[class*="text-[#3f6f91]"],
[class*="text-[#2c574c]"],
[class*="text-[#2f7466]"],
.dark [class*="dark:text-[#a9d8cc]"],
.dark [class*="dark:text-[#bce8d7]"],
.dark [class*="dark:text-[#b7d9ef]"],
.dark [class*="dark:text-[#c8ecde]"],
.dark [class*="dark:text-[#e0f3ec]"],
.dark [class*="dark:text-[#9ed9c9]"] {
  color: var(--pulse-success-ink) !important;
}

[class*="text-[#1d2d29]"],
[class*="text-[#24343a]"],
[class*="text-[#2b3b41]"],
[class*="text-[#304148]"],
[class*="text-[#405159]"],
.dark [class*="dark:text-[#f0f4f3]"],
.dark [class*="dark:text-[#f1f5f4]"],
.dark [class*="dark:text-[#f3f6f5]"] {
  color: var(--foreground) !important;
}

[class*="text-[#41535a]"],
[class*="text-[#52636a]"],
[class*="text-[#52656c]"],
[class*="text-[#526b64]"],
[class*="text-[#53666d]"],
[class*="text-[#5c6e75]"],
[class*="text-[#5d6f76]"],
[class*="text-[#5f7077]"],
[class*="text-[#607279]"],
[class*="text-[#64747b]"],
[class*="text-[#65767d]"],
[class*="text-[#66777e]"],
[class*="text-[#687a81]"],
[class*="text-[#697a81]"],
[class*="text-[#708087]"],
[class*="text-[#718188]"],
[class*="text-[#71838a]"],
[class*="text-[#7a898f]"],
[class*="text-[#7f9097]"] {
  color: var(--pulse-muted-ink) !important;
}

[class*="hover:text-[#26363c]"]:hover,
[class*="hover:text-[#285f52]"]:hover,
[class*="hover:text-[#3d5057]"]:hover,
[class*="hover:text-[#41535a]"]:hover {
  color: var(--foreground) !important;
}

[class*="placeholder:text-[#7a898f]"]::placeholder {
  color: var(--muted-foreground) !important;
}

[class*="bg-[#4c7898]"] {
  background-color: var(--pulse-buy) !important;
}

[class*="bg-[#3d806f]"] {
  background-color: var(--pulse-sell) !important;
}

[class*="bg-[#455d6a]"],
.dark [class*="dark:bg-[#384d59]"] {
  background-color: var(--pulse-result-buy) !important;
}

[class*="bg-[#405f57]"],
.dark [class*="dark:bg-[#344c46]"] {
  background-color: var(--pulse-result-sell) !important;
}

[class*="text-[#d0e8f7]"],
[class*="text-[#d2f3e4]"],
[class*="text-[#f3f7f5]"],
[class*="text-[#ffe0c2]"] {
  color: var(--pulse-result-accent) !important;
}

[class*="bg-[#d0e8f7]"],
[class*="bg-[#d2f3e4]"] {
  background-color: var(--pulse-result-accent) !important;
}

[class*="peer-focus:bg-[#d0e8f7]"]:focus-within,
[class*="peer-focus:bg-[#d2f3e4]"]:focus-within {
  background-color: var(--pulse-result-accent) !important;
}

.peer:focus ~ .peer-focus\:bg-\[\#4c7898\] {
  background-color: var(--pulse-buy) !important;
}

.peer:focus ~ .peer-focus\:bg-\[\#3d806f\] {
  background-color: var(--pulse-sell) !important;
}

.peer:focus ~ .peer-focus\:bg-\[\#d0e8f7\],
.peer:focus ~ .peer-focus\:bg-\[\#d2f3e4\] {
  background-color: var(--pulse-result-accent) !important;
}

[class*="bg-[#71838a]"] {
  background-color: color-mix(in srgb, var(--muted-foreground) 24%, transparent) !important;
}

[class*="before:bg-[#3d806f]"]::before {
  background-color: var(--pulse-sell) !important;
}

[class*="before:bg-[#4c7898]"]::before {
  background-color: var(--pulse-buy) !important;
}

[class*="ring-[#e6c27f]"] {
  --tw-ring-color: color-mix(in srgb, var(--warning) 28%, transparent) !important;
}

.remaining-value-sheet {
  background: var(--pulse-sheet-bg) !important;
  box-shadow: var(--pulse-shadow-strong) !important;
}

.remaining-value-sheet header {
  background: var(--pulse-sheet-header) !important;
  border-bottom: 1px solid var(--pulse-line) !important;
}

.remaining-value-sheet > button {
  color: var(--pulse-muted-ink) !important;
}

.remaining-value-sheet > button:hover {
  color: var(--foreground) !important;
  background: var(--pulse-control-hover) !important;
}

.remaining-value-sheet input,
.remaining-value-sheet select {
  color: var(--foreground);
}

[data-slot="dialog-content"].sm\:max-w-5xl {
  border-color: var(--pulse-line) !important;
  background: var(--pulse-surface-1) !important;
  box-shadow: var(--pulse-shadow-strong) !important;
}

[data-slot="dialog-content"].sm\:max-w-5xl > div:first-child {
  background: var(--pulse-top-bg) !important;
  border-bottom-color: var(--pulse-line) !important;
}

[data-slot="dialog-content"].sm\:max-w-5xl > div:nth-child(2) {
  background: var(--pulse-surface-1) !important;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--primary) 38%, transparent) transparent;
}

[data-slot="dialog-content"].sm\:max-w-5xl > div:nth-child(2)::-webkit-scrollbar {
  width: 0.45rem;
}

[data-slot="dialog-content"].sm\:max-w-5xl > div:nth-child(2)::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: color-mix(in srgb, var(--primary) 34%, transparent);
}

[class*="!bg-white"][class*="!border-slate-200"] {
  border-color: var(--pulse-line) !important;
  background: var(--pulse-surface-1) !important;
}

[class*="bg-[#27363a]"],
.dark [class*="dark:bg-[#182429]"] {
  background-color: color-mix(in srgb, var(--node-header) 82%, var(--primary)) !important;
}

[class*="bg-[#d4a85f]"] {
  background-color: color-mix(in srgb, var(--warning) 16%, transparent) !important;
}

[class*="bg-[#e0ba73]"] {
  background-color: var(--warning) !important;
}

[class*="hover:bg-[#edcb8c]"]:hover {
  background-color: color-mix(in srgb, var(--warning) 82%, var(--foreground)) !important;
}

[class*="text-[#e6c27f]"],
[class*="text-[#f1d396]"] {
  color: color-mix(in srgb, var(--warning) 70%, var(--primary-foreground)) !important;
}

[class*="text-[#2f291f]"] {
  color: var(--warning-foreground) !important;
}

[class*="shadow-[0_0_0_1px_rgba"] {
  box-shadow: inset 0 0 0 1px var(--pulse-line) !important;
}

[class*="shadow-[0_1px_3px_rgba"],
[class*="shadow-[0_4px_14px_rgba"],
[class*="shadow-[0_4px_16px_rgba"],
[class*="shadow-[0_5px_14px_rgba"] {
  box-shadow: var(--pulse-shadow) !important;
}

[class*="shadow-[0_10px_28px_rgba"],
[class*="shadow-[0_16px_40px_rgba"],
[class*="shadow-[0_28px_80px_rgba"] {
  box-shadow: var(--pulse-shadow-strong) !important;
}

::selection {
  color: var(--primary-foreground);
  background: color-mix(in srgb, var(--primary) 72%, transparent);
}

body,
.background-loading[data-v-df733856] {
  background-color: var(--pulse-page-bg) !important;
}

[data-slot="badge"][data-variant="outline"] {
  border-color: var(--pulse-line) !important;
  color: var(--pulse-muted-ink) !important;
  background: color-mix(in srgb, var(--pulse-surface-1) 82%, var(--accent) 18%) !important;
}

[data-slot="badge"][data-variant="outline"]:hover {
  color: var(--foreground) !important;
  background: var(--pulse-control-hover) !important;
}

[data-slot="tooltip-content"] {
  border: 1px solid color-mix(in srgb, var(--primary) 20%, transparent) !important;
  background: color-mix(in srgb, var(--primary) 94%, var(--node-header)) !important;
  color: var(--primary-foreground) !important;
  box-shadow: 0 12px 28px color-mix(in srgb, var(--foreground) 18%, transparent) !important;
}

.komari-soft-panel {
  background: color-mix(in srgb, var(--pulse-surface-2) 82%, transparent) !important;
  box-shadow: inset 0 0 0 1px var(--pulse-line-subtle) !important;
}

.instance-detail {
  background: var(--pulse-page-bg) !important;
}

.instance-detail > header,
.instance-detail header[class*="bg-card"] {
  border-color: var(--pulse-line) !important;
  background: color-mix(in srgb, var(--pulse-surface-1) 94%, transparent) !important;
  backdrop-filter: blur(16px) saturate(1.05);
}

.instance-detail button[aria-label="返回节点列表"] {
  color: var(--pulse-muted-ink) !important;
  background: var(--pulse-control-bg) !important;
  box-shadow: inset 0 0 0 1px var(--pulse-line) !important;
}

.instance-detail button[aria-label="返回节点列表"]:hover,
.instance-detail button[aria-label="返回节点列表"]:focus-visible {
  color: var(--foreground) !important;
  background: var(--pulse-control-hover) !important;
}

.instance-detail [aria-label="设备信息"] {
  border-color: var(--pulse-line) !important;
  background: var(--pulse-top-bg) !important;
}

.instance-detail [aria-label="设备信息"] > div > div {
  min-width: 0;
}

.instance-detail [aria-label="设备信息"] [class*="rounded-md"][class*="ring-inset"] {
  border: 1px solid color-mix(in srgb, currentColor 12%, transparent);
  background-color: color-mix(in srgb, currentColor 8%, var(--pulse-surface-1)) !important;
}

.instance-detail [class*="border-slate-500"],
.instance-detail [class*="border-white"] {
  border-color: var(--pulse-line) !important;
}

.instance-detail [class*="ring-slate-500"] {
  --tw-ring-color: var(--pulse-line) !important;
}

.instance-detail [class*="bg-slate-500"] {
  background-color: var(--pulse-surface-2) !important;
}

.instance-detail [class*="text-slate-400"] {
  color: var(--muted-foreground) !important;
}

.instance-detail img[src*="/images/flags/"] {
  box-shadow: 0 0 0 1px var(--pulse-line-subtle), 0 4px 12px color-mix(in srgb, var(--foreground) 7%, transparent) !important;
}

.instance-detail section[aria-labelledby] > div:first-child svg {
  filter: drop-shadow(0 1px 4px color-mix(in srgb, currentColor 18%, transparent));
}

.instance-detail [class*="min-h-[32rem]"],
.instance-detail [class*="min-h-[34rem]"] {
  border-radius: 0.625rem;
}

[class*="rounded-lg"][class*="bg-card"][class*="ring-slate-500"] {
  --tw-ring-color: var(--pulse-line) !important;
  background: var(--pulse-surface-1) !important;
}

[class*="border-b"][class*="border-slate-500"],
[class*="border-t"][class*="border-slate-500"],
[class*="border-l"][class*="border-slate-500"] {
  border-color: var(--pulse-line) !important;
}

[class*="bg-slate-500/[0.055]"],
[class*="bg-slate-500/[0.04]"],
[class*="bg-slate-500/[0.035]"],
[class*="bg-slate-500/[0.025]"],
[class*="bg-slate-500/[0.018]"],
[class*="bg-slate-500/10"] {
  background-color: var(--pulse-surface-2) !important;
}

.node-card-section[data-v-e3d67879] {
  background: var(--pulse-surface-1) !important;
}

.node-card-section + .node-card-section[data-v-e3d67879],
.node-card-hardware-item + .node-card-hardware-item[data-v-e3d67879] {
  border-color: var(--pulse-line-subtle) !important;
}

.node-card[data-v-e3d67879] [class*="border-slate-500"] {
  border-color: var(--pulse-line-subtle) !important;
}

.node-card[data-v-e3d67879] .node-card-content,
.node-card-body[data-v-e3d67879] {
  color: var(--foreground) !important;
}

.node-card[data-v-e3d67879] [aria-label="查看延迟图表"] {
  color: var(--primary-foreground) !important;
  background: color-mix(in srgb, var(--primary-foreground) 11%, transparent) !important;
}

.node-card[data-v-e3d67879] [aria-label="查看延迟图表"]:hover,
.node-card[data-v-e3d67879] [aria-label="查看延迟图表"]:focus-visible {
  color: var(--primary-foreground) !important;
  background: color-mix(in srgb, var(--primary-foreground) 20%, transparent) !important;
}

.traffic-progress__rail[data-v-f97fbed6] {
  background: color-mix(in srgb, var(--muted) 72%, var(--card)) !important;
}

.traffic-progress__fill.bg-slate-400\/60[data-v-f97fbed6],
.traffic-progress__fill.dark\:bg-slate-300\/45[data-v-f97fbed6] {
  background: color-mix(in srgb, var(--muted-foreground) 48%, var(--primary)) !important;
}

.node-ping-edge-trigger[data-v-8e03ca88] {
  border-color: color-mix(in srgb, var(--primary-foreground) 13%, transparent) !important;
  color: var(--primary-foreground) !important;
  background: color-mix(in srgb, var(--node-header) 86%, var(--primary)) !important;
  box-shadow: -6px 10px 24px color-mix(in srgb, var(--foreground) 20%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--primary-foreground) 5%, transparent), inset 0 1px color-mix(in srgb, var(--primary-foreground) 12%, transparent) !important;
}

.node-ping-edge-grip span[data-v-8e03ca88] {
  background: color-mix(in srgb, var(--primary-foreground) 44%, transparent) !important;
}

.node-ping-edge-veil[data-v-8e03ca88] {
  background: color-mix(in srgb, var(--primary) 8%, transparent) !important;
}

.node-ping-edge-item[data-v-8e03ca88] {
  color: var(--pulse-muted-ink) !important;
  text-shadow: none !important;
}

.node-ping-edge-item[data-v-8e03ca88]:before {
  border-color: transparent !important;
}

.node-ping-edge-item.is-active[data-v-8e03ca88] {
  color: var(--primary-foreground) !important;
}

.node-ping-edge-item.is-active[data-v-8e03ca88]:before {
  border-color: color-mix(in srgb, var(--primary-foreground) 16%, transparent) !important;
  background: color-mix(in srgb, var(--primary) 86%, var(--node-header)) !important;
  box-shadow: 0 10px 28px color-mix(in srgb, var(--foreground) 20%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--primary-foreground) 7%, transparent), inset 0 1px color-mix(in srgb, var(--primary-foreground) 13%, transparent) !important;
}

.node-ping-edge-item[data-v-8e03ca88]:focus-visible:before {
  border-color: color-mix(in srgb, var(--primary) 48%, transparent) !important;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--foreground) 12%, transparent), 0 0 0 3px color-mix(in srgb, var(--primary) 16%, transparent) !important;
}

.node-ping-edge-item img[data-v-8e03ca88] {
  box-shadow: 0 0 0 1px var(--pulse-line) !important;
}

.node-ping-edge-status[data-v-8e03ca88] {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--card) 58%, transparent) !important;
}

.node-ping-edge-confirm[data-v-8e03ca88] {
  color: color-mix(in srgb, var(--primary-foreground) 76%, transparent) !important;
}

button[aria-label="返回顶部"] {
  border-color: var(--pulse-line) !important;
  color: var(--pulse-primary-ink) !important;
  background: color-mix(in srgb, var(--pulse-surface-1) 94%, transparent) !important;
  box-shadow: var(--pulse-shadow) !important;
  backdrop-filter: blur(14px) saturate(1.05);
}

button[aria-label="返回顶部"]:hover {
  color: var(--foreground) !important;
  background: var(--pulse-control-hover) !important;
}

@media (max-width: 639px) {
  [class*="flex-between"][class*="h-14"] {
    padding-left: max(0.75rem, env(safe-area-inset-left)) !important;
    padding-right: max(0.75rem, env(safe-area-inset-right)) !important;
  }

  [class*="flex-between"][class*="h-14"] > div:first-child h3 {
    max-width: calc(100vw - 14.75rem) !important;
  }

  .pulse-theme-switcher.is-header .pulse-theme-menu {
    right: -2.5rem !important;
    width: min(13.25rem, calc(100vw - 1rem)) !important;
  }

  .pulse-theme-switcher.is-floating {
    top: calc(3.75rem + max(0.5rem, env(safe-area-inset-top))) !important;
  }
}

@media (max-width: 380px) {
  [class*="flex-between"][class*="h-14"] > div:first-child h3 {
    max-width: calc(100vw - 15.5rem) !important;
  }
}