:root{--qb-color-primary: #2563EB;--qb-color-primary-hover: #3B82F6;--qb-color-primary-light: #EFF6FF;--qb-color-primary-border: #BFDBFE;--qb-color-success: #10B981;--qb-color-success-light: #ECFDF5;--qb-color-warning: #F59E0B;--qb-color-warning-light: #FFFBEB;--qb-color-error: #EF4444;--qb-color-error-light: #FEF2F2;--qb-color-purple: #8B5CF6;--qb-bg-primary: #FAFBFC;--qb-bg-card: #FFFFFF;--qb-bg-panel: #F0F2F5;--qb-bg-elevated: #FFFFFF;--qb-bg-hover: #F9FAFB;--qb-bg-dark: #1E293B;--qb-bg-darker: #0F172A;--qb-border-color: #E5E7EB;--qb-border-color-strong: #D1D5DB;--qb-text-primary: #111827;--qb-text-secondary: #4B5563;--qb-text-tertiary: #9CA3AF;--qb-text-placeholder: #D1D5DB;--qb-text-on-dark: #FFFFFF;--qb-text-on-dark-secondary: #94A3B8;--qb-shadow-card: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--qb-shadow-hover: 0 10px 15px rgba(0,0,0,.08), 0 4px 6px rgba(0,0,0,.04);--qb-shadow-modal: 0 25px 50px rgba(0,0,0,.15);--qb-shadow-button: 0 4px 12px rgba(37,99,235,.3);--qb-radius-sm: 4px;--qb-radius: 6px;--qb-radius-lg: 8px;--qb-radius-xl: 12px;--qb-radius-round: 50%;--qb-space-xs: 4px;--qb-space-sm: 8px;--qb-space-md: 12px;--qb-space-lg: 16px;--qb-space-xl: 20px;--qb-space-2xl: 24px;--qb-space-3xl: 32px;--qb-space-4xl: 48px;--qb-font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--qb-font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--qb-font-size-h1: 24px;--qb-font-size-h2: 18px;--qb-font-size-h3: 15px;--qb-font-size-body: 14px;--qb-font-size-small: 12px;--qb-font-size-mono: 13px;--qb-font-size-data: 28px;--qb-navbar-height: 64px;--qb-transition-fast: .15s ease;--qb-transition-normal: .2s ease;--qb-transition-slow: .3s ease}.result-panel{--qb-bg-primary: #1E293B;--qb-bg-card: #0F172A;--qb-border-color: #334155;--qb-text-primary: #FFFFFF;--qb-text-secondary: #94A3B8;--qb-text-tertiary: #64748B}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:var(--qb-font-family);font-size:var(--qb-font-size-body);background:var(--qb-bg-primary);color:var(--qb-text-primary);line-height:1.5}#root{min-height:100vh}a{color:var(--qb-color-primary);text-decoration:none;transition:color var(--qb-transition-fast)}a:hover{color:var(--qb-color-primary-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.result-panel ::-webkit-scrollbar-thumb{background:#475569}.result-panel ::-webkit-scrollbar-thumb:hover{background:#64748b}::selection{background:#2563eb26;color:var(--qb-text-primary)}.data-value{font-family:var(--qb-font-mono);font-weight:700}.data-positive{color:var(--qb-color-success)}.data-negative{color:var(--qb-color-error)}.condition-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--qb-color-primary-light);border:1px solid var(--qb-color-primary-border);border-radius:var(--qb-radius-sm);font-family:var(--qb-font-mono);font-size:var(--qb-font-size-mono);color:var(--qb-color-primary);white-space:nowrap}.condition-chip .chip-operator{color:var(--qb-text-secondary);font-weight:600;margin:0 2px}.condition-chip .chip-connector{color:var(--qb-color-warning);font-weight:600;font-size:var(--qb-font-size-small);margin:0 4px}.status-tag-ready{color:var(--qb-color-success);background:var(--qb-color-success-light);border:1px solid #A7F3D0}.status-tag-running{color:var(--qb-color-primary);background:#eff6ff;border:1px solid #BFDBFE}.status-tag-error{color:var(--qb-color-error);background:var(--qb-color-error-light);border:1px solid #FECACA}.card-header-gradient{background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}