.sidebar[data-v-a9062aba]{width:var(--sidebar-width);max-width:100%;height:100%;margin:0 auto;display:flex;flex-direction:column;background:#f5f7fb;overflow:hidden}.demo-frame[data-v-a9062aba]{flex:1;width:100%;border:none;background:#f5f7fb}:root{--brand: #1677ff;--brand-hover: #4096ff;--brand-active: #0958d9;--brand-light: #e6f4ff;--brand-light-hover: #bae0ff;--page-bg: #f0f2f5;--card-bg: #ffffff;--border: #f0f0f0;--border-strong: #d9d9d9;--fill-hover: #f5f5f5;--text-primary: rgba(0, 0, 0, .88);--text-secondary: rgba(0, 0, 0, .65);--text-tertiary: rgba(0, 0, 0, .45);--danger: #ff4d4f;--warning: #fa8c16;--info-blue: #1677ff;--success: #52c41a;--focus-ring: 0 0 0 2px rgba(5, 145, 255, .1);--tag-success-bg: #f6ffed;--tag-success-fg: #389e0d;--tag-success-border: #b7eb8f;--tag-info-bg: #e6f4ff;--tag-info-fg: #1677ff;--tag-info-border: #91caff;--tag-warning-bg: #fffbe6;--tag-warning-fg: #d48806;--tag-warning-border: #ffe58f;--tag-danger-bg: #fff2f0;--tag-danger-fg: #ff4d4f;--tag-danger-border: #ffccc7;--tag-default-bg: #fafafa;--tag-default-fg: rgba(0, 0, 0, .65);--tag-default-border: #d9d9d9;--metric-indigo: #6366f1;--metric-indigo-bg: #eef2ff;--metric-red: #ef4444;--metric-red-bg: #fef2f2;--metric-amber: #f59e0b;--metric-amber-bg: #fffbeb;--metric-violet: #8b5cf6;--metric-violet-bg: #f5f3ff;--metric-emerald: #10b981;--metric-emerald-bg: #ecfdf5;--bubble-other-bg: #f2f3f5;--bubble-self-bg: var(--brand-light);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--fs-page-title: 16px;--fs-card-title: 14px;--fs-body: 14px;--fs-secondary: 13px;--fs-aux: 12px;--fs-stat: 28px;--line-height: 1.6;--space-card: 20px;--space-card-gap: 16px;--space-section: 24px;--space-label: 8px;--radius-card: 8px;--radius-control: 6px;--radius-tag: 4px;--shadow-card: 0 1px 2px 0 rgba(0, 0, 0, .03), 0 1px 6px -1px rgba(0, 0, 0, .02), 0 2px 4px 0 rgba(0, 0, 0, .02);--shadow-card-hover: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12), 0 9px 28px 8px rgba(0, 0, 0, .05);--shadow-pop: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12), 0 9px 28px 8px rgba(0, 0, 0, .05);--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--sidebar-width: 380px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-family);font-size:var(--fs-body);line-height:var(--line-height);color:var(--text-primary);background:var(--page-bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#app{height:100%}a{color:var(--brand);text-decoration:none}.num,code{font-variant-numeric:tabular-nums}.wx-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.wx-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 15px;border:1px solid transparent;border-radius:var(--radius-control);background:var(--brand);color:#fff;font-size:var(--fs-secondary);font-family:inherit;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;&:disabled{opacity:.5;cursor:not-allowed}&:not(:disabled):hover{background:var(--brand-hover)}&:not(:disabled):active{background:var(--brand-active)}&.is-plain{background:var(--brand-light);color:var(--brand);&:not(:disabled):hover{background:var(--brand-light-hover)}&:not(.disabled):active{background:var(--brand-light);color:var(--brand-active)}}&.is-ghost{background:var(--card-bg);border-color:var(--border-strong);color:var(--text-primary);&:not(:disabled):hover{color:var(--brand-hover);border-color:var(--brand-hover)}&:not(:disabled):active{color:var(--brand-active);border-color:var(--brand-active)}}&.is-block{width:100%}&.is-sm{height:26px;padding:0 10px;font-size:var(--fs-aux)}}.wx-tag{display:inline-flex;align-items:center;gap:3px;height:22px;padding:0 8px;border:1px solid var(--tag-default-border);border-radius:var(--radius-tag);font-size:var(--fs-aux);line-height:1;background:var(--tag-default-bg);color:var(--tag-default-fg);white-space:nowrap;&.is-success{background:var(--tag-success-bg);border-color:var(--tag-success-border);color:var(--tag-success-fg)}&.is-info{background:var(--tag-info-bg);border-color:var(--tag-info-border);color:var(--tag-info-fg)}&.is-warning{background:var(--tag-warning-bg);border-color:var(--tag-warning-border);color:var(--tag-warning-fg)}&.is-danger{background:var(--tag-danger-bg);border-color:var(--tag-danger-border);color:var(--tag-danger-fg)}&.is-plain{background:var(--fill-hover);border-color:var(--border-strong);color:var(--text-primary)}}.wx-field{display:flex;flex-direction:column;gap:var(--space-label);>label{font-size:var(--fs-aux);color:var(--text-secondary)}}.wx-input{width:100%;padding:0 11px;height:32px;border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--card-bg);font-size:var(--fs-secondary);font-family:inherit;color:var(--text-primary);outline:none;transition:border-color .2s ease,box-shadow .2s ease;&:hover{border-color:var(--brand-hover)}&:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}&::placeholder{color:var(--text-tertiary)}}textarea.wx-input{height:auto;min-height:64px;padding:8px 11px;resize:none;line-height:var(--line-height);overflow-y:hidden}.wx-muted{color:var(--text-secondary);font-size:var(--fs-aux)}.wx-switch{position:relative;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:var(--fs-aux);color:var(--text-secondary);user-select:none}.wx-switch-track{width:30px;height:17px;border-radius:9px;background:#00000040;transition:background .2s ease;position:relative;flex:0 0 30px;&.is-on{background:var(--brand)}&:after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#fff;transition:transform .2s ease}.is-on &:after{transform:translate(13px)}}