@import url("https://fonts.googleapis.cn/css2?family=Sora:wght@500;600;700&family=Hanken+Grotesk:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700;900&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--slate-950:#0B1014;--slate-900:#11181E;--slate-800:#1B252D;--slate-700:#2A3742;--slate-600:#3D4E5A;--slate-500:#5A6B77;--slate-400:#7C8C97;--slate-300:#A3B0B9;--slate-200:#C9D2D8;--slate-100:#E3E9ED;--slate-50:#F1F4F6;--paper:#F6F8F9;--white:#FFFFFF;--teal-900:#06363B;--teal-800:#06474E;--teal-700:#08646D;--teal-600:#0A8189;--teal-500:#0EA5B0;--teal-400:#19C2CC;--teal-300:#5FD6DE;--teal-200:#A6E9EE;--teal-100:#DCF5F7;--signal-700:#9A5B05;--signal-600:#C9790C;--signal-500:#F2911E;--signal-400:#FBB04A;--signal-200:#FAD9A6;--signal-100:#FDEFD7;--green-600:#0F7A43;--green-500:#1AA45C;--green-100:#E2F5EA;--red-600:#C0353A;--red-500:#E5484D;--red-100:#FBE3E4;--amber-500:#E8930F;--amber-100:#FBEFD6;--blue-500:#2F7DD1;--blue-100:#E4EEF9;--bg-base:var(--paper);--bg-sunken:var(--slate-50);--surface-card:var(--white);--surface-raised:var(--white);--surface-inset:var(--slate-50);--surface-inverse:var(--slate-950);--text-strong:var(--slate-950);--text-body:var(--slate-700);--text-muted:var(--slate-500);--text-faint:var(--slate-400);--text-inverse:var(--paper);--text-on-accent:var(--white);--text-link:var(--teal-700);--border-subtle:var(--slate-100);--border-default:var(--slate-200);--border-strong:var(--slate-300);--border-focus:var(--teal-500);--accent:var(--teal-600);--accent-hover:var(--teal-700);--accent-press:var(--teal-800);--accent-soft:var(--teal-100);--accent-soft-fg:var(--teal-700);--logo-hd:#2C6CB2;--accent2:var(--signal-500);--accent2-soft:var(--signal-100);--accent2-fg:var(--signal-700);--success:var(--green-500);--success-soft:var(--green-100);--success-fg:var(--green-600);--danger:var(--red-500);--danger-soft:var(--red-100);--danger-fg:var(--red-600);--warning:var(--amber-500);--warning-soft:var(--amber-100);--warning-fg:var(--signal-700);--info:var(--blue-500);--info-soft:var(--blue-100);--info-fg:var(--blue-500);--ring:0 0 0 3px color-mix(in oklab,var(--teal-500) 38%,transparent)}[data-theme=dark]{--bg-base:var(--slate-950);--bg-sunken:#070B0E;--surface-card:var(--slate-900);--surface-raised:var(--slate-800);--surface-inset:#0D141A;--surface-inverse:var(--paper);--text-strong:var(--paper);--text-body:var(--slate-200);--text-muted:var(--slate-400);--text-faint:var(--slate-500);--text-inverse:var(--slate-950);--text-link:var(--teal-300);--border-subtle:#1C2730;--border-default:var(--slate-800);--border-strong:var(--slate-700);--accent:var(--teal-500);--accent-hover:var(--teal-400);--accent-press:var(--teal-600);--accent-soft:#0A2A2E;--accent-soft-fg:var(--teal-300);--logo-hd:#4E8AD6;--accent2-soft:#2E2110;--success-soft:#0C2A1A;--danger-soft:#2E1518;--warning-soft:#2A2110;--info-soft:#112236}:root{--font-display:"Sora","Noto Sans SC",ui-sans-serif,system-ui,sans-serif;--font-sans:"Hanken Grotesk","Noto Sans SC",ui-sans-serif,system-ui,-apple-system,sans-serif;--font-cn:"Noto Sans SC","Hanken Grotesk",system-ui,sans-serif;--font-mono:"JetBrains Mono","Noto Sans SC",ui-monospace,"SFMono-Regular",Menlo,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.375rem;--text-4xl:3rem;--text-5xl:4rem;--text-6xl:5rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:900;--leading-tight:1.12;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.7;--tracking-tighter:-0.02em;--tracking-tight:-0.01em;--tracking-normal:0;--tracking-wide:0.04em;--tracking-caps:0.18em;--font-heading:var(--font-display);--font-body:var(--font-sans);--font-code:var(--font-mono);--font-eyebrow:var(--font-mono);--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--space-9:4rem;--space-10:5rem;--space-11:6rem;--space-12:8rem;--gap-inline:var(--space-2);--gap-control:var(--space-3);--gap-card:var(--space-5);--gap-section:var(--space-10);--pad-card:var(--space-5);--pad-section-y:var(--space-11);--container-sm:640px;--container-md:860px;--container-lg:1100px;--container-xl:1320px;--gutter:var(--space-6);--radius-xs:3px;--radius-sm:5px;--radius-md:8px;--radius-lg:12px;--radius-xl:18px;--radius-2xl:26px;--radius-full:999px;--border-width:1px;--border-width-strong:1.5px;--shadow-xs:0 1px 2px rgba(14,15,12,0.05);--shadow-sm:0 1px 2px rgba(14,15,12,0.06),0 1px 1px rgba(14,15,12,0.04);--shadow-md:0 2px 4px rgba(14,15,12,0.05),0 4px 12px rgba(14,15,12,0.07);--shadow-lg:0 4px 8px rgba(14,15,12,0.05),0 12px 28px rgba(14,15,12,0.10);--shadow-xl:0 8px 16px rgba(14,15,12,0.06),0 24px 56px rgba(14,15,12,0.14);--shadow-ring-inset:inset 0 0 0 1px rgba(14,15,12,0.06);--shadow-accent:0 4px 14px rgba(18,160,116,0.28);--ease-standard:cubic-bezier(0.2,0.0,0.0,1.0);--ease-emphasis:cubic-bezier(0.2,0.0,0.0,1.0);--ease-exit:cubic-bezier(0.4,0.0,1.0,1.0);--ease-spring:cubic-bezier(0.34,1.4,0.5,1.0);--dur-instant:80ms;--dur-fast:140ms;--dur-base:220ms;--dur-slow:360ms;--dur-slower:560ms}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-body);background:var(--bg-base);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5{font-family:var(--font-heading);color:var(--text-strong);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0;text-wrap:balance}p{text-wrap:pretty}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:2px}code,kbd,pre,samp{font-family:var(--font-code)}::selection{background:var(--teal-200);color:var(--slate-950)}.hd-eyebrow{font-family:var(--font-eyebrow);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}.hd-btn{--_bg:var(--accent);--_fg:var(--text-on-accent);--_bd:transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-weight:var(--weight-semibold);border:var(--border-width) solid var(--_bd);border-radius:var(--radius-md);background:var(--_bg);color:var(--_fg);cursor:pointer;white-space:nowrap;text-decoration:none;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.hd-btn:focus-visible{outline:none;box-shadow:var(--ring)}.hd-btn:active{transform:translateY(.5px) scale(.992)}.hd-btn[aria-disabled=true],.hd-btn[disabled]{opacity:.45;pointer-events:none}.hd-btn--sm{height:32px;padding:0 var(--space-3)}.hd-btn--md,.hd-btn--sm{font-size:var(--text-sm)}.hd-btn--md{height:40px;padding:0 var(--space-4)}.hd-btn--lg{height:48px;padding:0 var(--space-5);font-size:var(--text-md)}.hd-btn--primary{--_bg:var(--accent);--_fg:var(--text-on-accent)}.hd-btn--primary:hover{--_bg:var(--accent-hover)}.hd-btn--primary:active{--_bg:var(--accent-press)}.hd-btn--secondary{--_bg:var(--surface-card);--_fg:var(--text-strong);--_bd:var(--border-default);box-shadow:var(--shadow-xs)}.hd-btn--secondary:hover{--_bg:var(--slate-50);--_bd:var(--border-strong)}.hd-btn--ghost{--_bg:transparent;--_fg:var(--text-body)}.hd-btn--ghost:hover{--_bg:var(--slate-50);--_fg:var(--text-strong)}.hd-btn--danger{--_bg:var(--danger);--_fg:#fff}.hd-btn--danger:hover{--_bg:var(--red-600)}.hd-btn--inverse{--_bg:var(--paper);--_fg:var(--slate-950)}.hd-btn--inverse:hover{--_bg:#fff}.hd-btn__ico{display:inline-flex;width:1.05em;height:1.05em}.hd-btn__ico svg{width:100%;height:100%}.hd-iconbtn{display:inline-flex;align-items:center;justify-content:center;border:var(--border-width) solid transparent;cursor:pointer;color:var(--text-body);background:transparent;border-radius:var(--radius-md);transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.hd-iconbtn:hover{background:var(--slate-50);color:var(--text-strong)}.hd-iconbtn:focus-visible{outline:none;box-shadow:var(--ring)}.hd-iconbtn:active{transform:scale(.94)}.hd-iconbtn[disabled]{opacity:.4;pointer-events:none}.hd-iconbtn--sm{width:30px;height:30px}.hd-iconbtn--md{width:38px;height:38px}.hd-iconbtn--lg{width:44px;height:44px}.hd-iconbtn--solid{background:var(--accent);color:var(--text-on-accent)}.hd-iconbtn--solid:hover{background:var(--accent-hover);color:var(--text-on-accent)}.hd-iconbtn--outline{border-color:var(--border-default);background:var(--surface-card)}.hd-iconbtn--outline:hover{border-color:var(--border-strong);background:var(--slate-50)}.hd-iconbtn svg{width:1.15em;height:1.15em;display:block}.hd-iconbtn--sm svg{font-size:15px}.hd-iconbtn--md svg{font-size:18px}.hd-iconbtn--lg svg{font-size:20px}.hd-badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-xs);line-height:1;letter-spacing:.01em;padding:4px 9px;border-radius:var(--radius-full);white-space:nowrap;border:var(--border-width) solid transparent}.hd-badge--solid{background:var(--accent);color:var(--text-on-accent)}.hd-badge--neutral{background:var(--slate-100);color:var(--slate-700)}.hd-badge--teal{background:var(--accent-soft);color:var(--accent-soft-fg)}.hd-badge--amber{background:var(--accent2-soft);color:var(--accent2-fg)}.hd-badge--success{background:var(--success-soft);color:var(--success-fg)}.hd-badge--danger{background:var(--danger-soft);color:var(--danger-fg)}.hd-badge--warning{background:var(--warning-soft);color:var(--warning-fg)}.hd-badge--info{background:var(--info-soft);color:var(--info-fg)}.hd-badge--outline{background:transparent;color:var(--text-body);border-color:var(--border-default)}.hd-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.hd-card{background:var(--surface-card);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.hd-card--flat{box-shadow:none}.hd-card--raised{box-shadow:var(--shadow-md);border-color:transparent}.hd-card--inset{background:var(--surface-inset);box-shadow:none}.hd-card--interactive{cursor:pointer;transition:box-shadow var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard)}.hd-card--interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--border-default)}.hd-card__body{padding:var(--pad-card)}.hd-card__header{border-bottom:var(--border-width) solid var(--border-subtle)}.hd-card__footer,.hd-card__header{padding:var(--space-4) var(--pad-card);display:flex;align-items:center;gap:var(--space-3)}.hd-card__footer{border-top:var(--border-width) solid var(--border-subtle)}.hd-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);overflow:hidden;flex:none;font-family:var(--font-body);font-weight:var(--weight-semibold);background:var(--teal-100);color:var(--teal-700);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--slate-950) 8%,transparent)}.hd-avatar img{width:100%;height:100%;object-fit:cover;display:block}.hd-avatar--xs{width:24px;height:24px;font-size:10px}.hd-avatar--sm{width:30px;height:30px;font-size:12px}.hd-avatar--md{width:38px;height:38px;font-size:14px}.hd-avatar--lg{width:48px;height:48px;font-size:17px}.hd-avatar--square{border-radius:var(--radius-md)}.hd-field{display:flex;flex-direction:column;gap:6px;font-family:var(--font-body)}.hd-field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-strong)}.hd-field__hint{font-size:var(--text-xs);color:var(--text-muted)}.hd-field__hint--error{color:var(--danger-fg)}.hd-input{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-strong);background:var(--surface-card);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);height:40px;padding:0 var(--space-3);width:100%;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.hd-input::placeholder{color:var(--text-faint)}.hd-input:hover{border-color:var(--border-strong)}.hd-input:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--ring)}.hd-input[disabled]{background:var(--surface-inset);color:var(--text-muted);cursor:not-allowed}.hd-input--invalid{border-color:var(--danger)}.hd-input--invalid:focus{box-shadow:0 0 0 3px color-mix(in oklab,var(--danger) 28%,transparent)}.hd-input--sm{height:32px;font-size:var(--text-xs)}.hd-input--lg{height:48px}.hd-inputwrap{position:relative;display:flex;align-items:center}.hd-inputwrap .hd-input{padding-left:36px}.hd-inputwrap__ico{position:absolute;left:11px;width:16px;height:16px;color:var(--text-faint);display:flex;pointer-events:none}.hd-inputwrap__ico svg{width:100%;height:100%}.hd-select{display:flex;flex-direction:column;gap:6px;font-family:var(--font-body)}.hd-select__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-strong)}.hd-select__wrap{position:relative;display:flex;align-items:center}.hd-select__el{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-strong);background:var(--surface-card);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);height:40px;padding:0 36px 0 var(--space-3);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.hd-select__el:hover{border-color:var(--border-strong)}.hd-select__el:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--ring)}.hd-select__el[disabled]{background:var(--surface-inset);color:var(--text-muted);cursor:not-allowed}.hd-select__chev{position:absolute;right:11px;width:16px;height:16px;color:var(--text-muted);pointer-events:none}.hd-select__chev svg{width:100%;height:100%}.hd-switch{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hd-switch input{position:absolute;opacity:0;width:0;height:0}.hd-switch__track{width:38px;height:22px;border-radius:var(--radius-full);background:var(--slate-300);position:relative;transition:background var(--dur-base) var(--ease-standard);flex:none}.hd-switch__thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-spring)}.hd-switch input:checked+.hd-switch__track{background:var(--accent)}.hd-switch input:checked+.hd-switch__track .hd-switch__thumb{transform:translateX(16px)}.hd-switch input:focus-visible+.hd-switch__track{box-shadow:var(--ring)}.hd-switch input:disabled+.hd-switch__track{opacity:.45}.hd-switch__label{font-size:var(--text-sm);color:var(--text-strong)}.hd-check{display:inline-flex;align-items:flex-start;gap:9px;font-family:var(--font-body);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hd-check input{position:absolute;opacity:0;width:0;height:0}.hd-check__box{width:18px;height:18px;border-radius:var(--radius-sm);flex:none;margin-top:1px;border:1.5px solid var(--border-strong);background:var(--surface-card);display:flex;align-items:center;justify-content:center;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.hd-check__box svg{width:12px;height:12px;color:#fff;opacity:0;transform:scale(.6);transition:opacity var(--dur-fast),transform var(--dur-fast) var(--ease-spring)}.hd-check input:checked+.hd-check__box{background:var(--accent);border-color:var(--accent)}.hd-check input:checked+.hd-check__box svg{opacity:1;transform:scale(1)}.hd-check input:focus-visible+.hd-check__box{box-shadow:var(--ring)}.hd-check input:disabled+.hd-check__box{opacity:.45}.hd-check__label{font-size:var(--text-sm);color:var(--text-strong);line-height:1.35}.hd-radio .hd-check__box{border-radius:50%}.hd-radio .hd-check__dot{width:8px;height:8px;border-radius:50%;background:#fff;opacity:0;transform:scale(.4);transition:opacity var(--dur-fast),transform var(--dur-fast) var(--ease-spring)}.hd-radio input:checked+.hd-check__box{background:var(--accent);border-color:var(--accent)}.hd-radio input:checked+.hd-check__box .hd-check__dot{opacity:1;transform:scale(1)}.hd-banner{display:flex;align-items:flex-start;gap:11px;font-family:var(--font-body);border:var(--border-width) solid transparent;border-radius:var(--radius-md);padding:12px 14px;font-size:var(--text-sm);line-height:1.45}.hd-banner__ico{width:18px;height:18px;flex:none;margin-top:1px;display:flex}.hd-banner__ico svg{width:100%;height:100%}.hd-banner__body{flex:1 1;color:var(--text-body)}.hd-banner__title{font-weight:var(--weight-semibold);color:var(--text-strong);margin-bottom:2px}.hd-banner--info{background:var(--info-soft);border-color:color-mix(in oklab,var(--info) 24%,transparent)}.hd-banner--info .hd-banner__ico{color:var(--info)}.hd-banner--success{background:var(--success-soft);border-color:color-mix(in oklab,var(--success) 28%,transparent)}.hd-banner--success .hd-banner__ico{color:var(--success-fg)}.hd-banner--warning{background:var(--warning-soft);border-color:color-mix(in oklab,var(--warning) 32%,transparent)}.hd-banner--warning .hd-banner__ico{color:var(--warning-fg)}.hd-banner--danger{background:var(--danger-soft);border-color:color-mix(in oklab,var(--danger) 28%,transparent)}.hd-banner--danger .hd-banner__ico{color:var(--danger-fg)}.hd-status{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-body)}.hd-status__dot{width:8px;height:8px;border-radius:50%;position:relative;flex:none}.hd-status--online .hd-status__dot{background:var(--green-500)}.hd-status--normal .hd-status__dot{background:var(--teal-500)}.hd-status--warning .hd-status__dot{background:var(--amber-500)}.hd-status--alarm .hd-status__dot{background:var(--red-500)}.hd-status--offline .hd-status__dot{background:var(--slate-400)}.hd-status--normal .hd-status__dot:after,.hd-status--online .hd-status__dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:var(--teal-500);opacity:.35;animation:hd-pulse 1.9s var(--ease-standard) infinite}.hd-status--online .hd-status__dot:after{background:var(--green-500)}.hd-status--alarm .hd-status__dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:var(--red-500);opacity:.4;animation:hd-pulse 1.1s var(--ease-standard) infinite}@keyframes hd-pulse{0%{transform:scale(.6);opacity:.5}to{transform:scale(1.7);opacity:0}}@media (prefers-reduced-motion:reduce){.hd-status__dot:after{animation:none!important}}.hd-status__label{font-weight:var(--weight-medium);color:var(--text-strong)}.hd-tabs{display:flex;gap:2px;font-family:var(--font-body);border-bottom:1px solid var(--border-subtle)}.hd-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);padding:10px 14px;position:relative;transition:color var(--dur-fast) var(--ease-standard)}.hd-tab:hover{color:var(--text-strong)}.hd-tab[aria-selected=true]{color:var(--text-strong);font-weight:var(--weight-semibold)}.hd-tab[aria-selected=true]:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;background:var(--accent);border-radius:2px 2px 0 0}.hd-tab:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}.hd-tab__count{margin-left:7px;font-size:var(--text-xs);color:var(--text-faint);font-weight:var(--weight-medium)}.hd-tab[aria-selected=true] .hd-tab__count{color:var(--accent-soft-fg)}.hd-tabs--pill{border-bottom:none;background:var(--surface-inset);padding:3px;border-radius:var(--radius-md);gap:3px;display:inline-flex}.hd-tabs--pill .hd-tab{border-radius:var(--radius-sm);padding:6px 13px}.hd-tabs--pill .hd-tab[aria-selected=true]{background:var(--surface-card);box-shadow:var(--shadow-xs)}.hd-tabs--pill .hd-tab[aria-selected=true]:after{display:none}