:root{--bg-app: #0a0a0f;--bg-surface: #14141c;--bg-raised: #1b1b26;--bg-input: #0c0c12;--text-primary: #e9e9f0;--text-secondary: #8b91a0;--text-muted: #656b7a;--accent: #6366f1;--accent-hover: #7679f5;--accent-soft: rgba(99, 102, 241, .14);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--font-ui: system-ui, -apple-system, "Segoe UI Variable Text", "Segoe UI", "Noto Sans TC", "Microsoft JhengHei", "PingFang TC", sans-serif;--font-mono: "Cascadia Mono", "JetBrains Mono", "SF Mono", Consolas, monospace;--fs-2xs: 12px;--fs-xs: 13px;--fs-sm: 14px;--fs-base: 15px;--fs-md: 17px;--fs-lg: 20px;--sp-1: 4px;--sp-2: 8px;--sp-3: 10px;--sp-4: 14px;--sp-5: 20px;--sp-6: 28px;--r-sm: 8px;--r: 12px;--r-pill: 999px;--ctl-h: 36px;--ctl-h-sm: 28px;--ease: .18s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{font-family:var(--font-ui);font-size:var(--fs-base);line-height:1.45;background:var(--bg-app);color:var(--text-primary);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-weight:600;letter-spacing:-.01em;line-height:1.25}h3{font-size:var(--fs-md)}h4{font-size:var(--fs-base)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,.mono{font-family:var(--font-mono)}.tnum{font-variant-numeric:tabular-nums}.panel,.glass-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);height:var(--ctl-h);padding:0 10px;border:1px solid transparent;border-radius:var(--r);font-family:inherit;font-size:var(--fs-sm);font-weight:500;white-space:nowrap;cursor:pointer;transition:background var(--ease),border-color var(--ease),color var(--ease)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--bg-raised);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-raised);color:var(--text-primary)}.btn-danger{background:transparent;color:var(--danger);border-color:#ef444459}.btn-danger:hover:not(:disabled){background:#ef44441f}.btn-sm{height:var(--ctl-h-sm);padding:0 8px;font-size:var(--fs-xs)}.btn-icon{width:var(--ctl-h-sm);height:var(--ctl-h-sm);padding:0}.field{display:flex;flex-direction:column;min-width:0}.field>label,.input-group>label{flex:none;margin-bottom:3px;font-size:var(--fs-xs);font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-group{display:flex;flex-direction:column;margin-bottom:var(--sp-3);min-width:0}.input-control{width:100%;height:var(--ctl-h);min-height:var(--ctl-h);padding:0 8px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r);color:var(--text-primary);font-family:inherit;font-size:var(--fs-sm);transition:border-color var(--ease),box-shadow var(--ease)}textarea.input-control{height:auto;padding:5px 8px;line-height:1.5;resize:vertical}select.input-control{cursor:pointer}option{background:var(--bg-surface);color:var(--text-primary)}.input-control::placeholder{color:var(--text-muted)}.input-control:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.hint{flex:none;margin-top:3px;font-size:var(--fs-2xs);line-height:1.4;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:var(--r-pill);font-size:var(--fs-2xs);font-weight:600;line-height:1.6;white-space:nowrap}.badge.neutral{background:#ffffff12;color:var(--text-secondary)}.badge.accent{background:var(--accent-soft);color:#a5a7fa}.badge.success{background:#10b98126;color:#34d399}.badge.warning{background:#f59e0b26;color:#fbbf24}.badge.danger{background:#ef444426;color:#f87171}.dot{width:6px;height:6px;border-radius:50%;flex:none;background:var(--text-muted)}.dot.on{background:var(--success)}.dot.off{background:var(--text-muted)}.dot.warn{background:var(--warning)}.md{display:grid;grid-template-columns:var(--md-side, 300px) 1fr;gap:var(--sp-3);height:100%;min-height:0}.md-side,.md-main{display:flex;flex-direction:column;min-height:0;overflow:hidden}.md-head{flex:none;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border)}.md-head h3{font-size:var(--fs-base)}.md-scroll{flex:1;min-height:0;overflow-y:auto}.md-body{flex:1;min-height:0;overflow-y:auto;padding:var(--sp-3)}.row-item{display:block;width:100%;padding:var(--sp-2) var(--sp-3);border:none;border-left:2px solid transparent;border-bottom:1px solid var(--border);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background var(--ease)}.row-item:hover{background:var(--bg-raised)}.row-item.active{background:var(--accent-soft);border-left-color:var(--accent)}.row-top{display:flex;align-items:center;gap:var(--sp-2);justify-content:space-between}.row-sub{display:flex;align-items:center;gap:var(--sp-2);margin-top:2px;font-size:var(--fs-2xs);color:var(--text-muted)}.group-label{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:3px var(--sp-3);background:var(--bg-raised);border-bottom:1px solid var(--border);font-size:var(--fs-2xs);font-weight:600;color:var(--text-secondary);letter-spacing:.03em}.section{border:1px solid var(--border);border-radius:var(--r);padding:var(--sp-3);min-width:0}.section-title{display:flex;align-items:center;gap:var(--sp-1);margin-bottom:var(--sp-3);font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary);letter-spacing:.03em;text-transform:uppercase}.fill,.field.grow{flex:1;min-height:0}.field.grow textarea{flex:1;min-height:68px;resize:none}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3)}.stack{display:flex;flex-direction:column;gap:var(--sp-3)}.inline{display:flex;align-items:center;gap:var(--sp-2)}.spacer{flex:1}.data-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.data-table th,.data-table td{padding:var(--sp-2) var(--sp-3);text-align:left;border-bottom:1px solid var(--border)}.data-table th{font-size:var(--fs-2xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);height:100%;padding:var(--sp-6);color:var(--text-muted);font-size:var(--fs-sm);text-align:center}.notice{padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-left:2px solid var(--accent);border-radius:var(--r);background:#6366f10f;font-size:var(--fs-xs);line-height:1.55;color:var(--text-secondary)}.notice strong{color:var(--text-primary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-secondary{color:var(--text-secondary)}.modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--sp-5);background:#0009}.modal{width:100%;max-width:420px;max-height:88dvh;display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--r);box-shadow:0 16px 48px #00000080}.modal-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3);border-bottom:1px solid var(--border)}.modal-body{flex:1;min-height:0;overflow-y:auto;padding:var(--sp-3)}.modal-foot{flex:none;display:flex;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-3);border-top:1px solid var(--border)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:var(--r-pill)}::-webkit-scrollbar-thumb:hover{background:#ffffff3d}.spark-host{position:fixed;z-index:9999;width:0;height:0;pointer-events:none}.spark-host i{position:absolute;width:2px;height:7px;margin:-3px -1px;border-radius:1px;transform-origin:50% 50%;animation:spark-fly .42s cubic-bezier(.16,1,.3,1) forwards}@keyframes spark-fly{0%{opacity:1;translate:0 0;scale:1}to{opacity:0;translate:0 -17px;scale:.4}}.live-ring{position:relative;isolation:isolate;overflow:hidden}.live-ring:before{content:"";position:absolute;z-index:-1;inset:-60%;background:conic-gradient(transparent 0deg,transparent 300deg,var(--accent) 350deg,transparent 360deg);animation:live-spin 2.4s linear infinite}.live-ring:after{content:"";position:absolute;z-index:-1;inset:1px;border-radius:inherit;background:var(--bg-surface)}@keyframes live-spin{to{transform:rotate(1turn)}}.dot.live{background:var(--success);animation:dot-pulse 1.6s ease-in-out infinite}@keyframes dot-pulse{0%,to{box-shadow:0 0 #10b9818c}70%{box-shadow:0 0 0 5px #10b98100}}.row-item{animation:row-in .26s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(min(var(--i, 0),12)*22ms)}@keyframes row-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.detail-in{animation:detail-in .2s cubic-bezier(.16,1,.3,1)}@keyframes detail-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.live-ring:before{display:none}.live-ring{border:1px solid var(--accent);border-radius:var(--r)}.dot.live{box-shadow:0 0 0 3px #10b98140}}#app{min-height:100vh;display:flex;flex-direction:column}