:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-space-grotesk:"Avenir Next", "Segoe UI", "Helvetica Neue", sans-serif;--font-ibm-plex-mono:"SF Mono", "IBM Plex Mono", "Menlo", "Consolas", monospace;--bg:#091018;--bg-soft:#111d28;--panel:#0c141ed9;--panel-strong:#111c2af5;--line:#84a5c22e;--line-strong:#84a5c24d;--text:#e6eff8;--muted:#93a8bd;--accent:#ff875f;--accent-soft:#ffd3c2;--accent-2:#77f2d1;--danger:#ff7f7f;--success:#7ce1a8;--shadow:0 30px 80px #00000040;--radius:24px}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:radial-gradient(circle at 0 0,#ff875f38,#0000 28%),radial-gradient(circle at 100% 0,#77f2d124,#0000 26%),linear-gradient(#081119 0%,#0b131d 100%);margin:0}body{font-family:var(--font-space-grotesk), sans-serif}a{color:inherit;text-decoration:none}code,pre,input,select,textarea,table{font-family:var(--font-ibm-plex-mono), monospace}.app-frame{max-width:1380px;margin:0 auto;padding:28px 22px 72px}.top-nav{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);background:#080d14b8;border-radius:999px;grid-template-columns:1.4fr 1fr auto;align-items:center;gap:24px;margin-bottom:24px;padding:18px 20px;display:grid}.brand-block{gap:6px;display:grid}.brand-mark{align-items:center;gap:10px;font-size:1.15rem;font-weight:700;display:inline-flex}.brand-dot{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:999px;width:10px;height:10px;box-shadow:0 0 22px #ff875fe6}.brand-copy,.muted,.empty-copy{color:var(--muted)}.nav-links{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.nav-link,.button,.token-card,.icon-button{transition:transform .16s,border-color .16s,background .16s}.nav-link{color:var(--muted);border:1px solid #0000;border-radius:999px;padding:10px 14px}.nav-link:hover,.nav-link:focus-visible{color:var(--text);border-color:var(--line);background:#ffffff0a}.auth-cluster{align-items:center;gap:12px;display:inline-flex}.auth-name{color:var(--muted);font-size:.94rem}.page-stack{gap:20px;display:grid}.hero-card,.panel,.metric-card,.landing-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.hero-card{justify-content:space-between;align-items:flex-start;gap:18px;padding:28px;display:flex}.hero-card h1,.landing-card h1{margin:0;font-size:clamp(2rem,4vw,3.8rem);line-height:.95}.hero-card p,.landing-copy{max-width:760px;color:var(--muted);line-height:1.6}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-soft);margin-bottom:12px;font-size:.78rem}.status-pill{color:var(--accent-2);white-space:nowrap;background:#77f2d11a;border:1px solid #77f2d14d;border-radius:999px;padding:10px 14px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric-card{padding:20px}.metric-icon{width:40px;height:40px;color:var(--accent);background:#ff875f1f;border-radius:14px;justify-content:center;align-items:center;margin-bottom:12px;display:inline-flex}.metric-title{color:var(--muted);margin-bottom:10px}.metric-value{font-size:1.6rem;font-weight:700}.metric-detail{color:var(--muted);margin-top:10px;line-height:1.5}.two-column,.query-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.panel{padding:22px}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.panel-head h2{margin:0;font-size:1.1rem}.panel-head span{color:var(--muted);font-size:.9rem}.list-stack{gap:12px;display:grid}.list-row,.list-card{border:1px solid var(--line);background:#ffffff05;border-radius:18px;padding:14px}.list-row{justify-content:space-between;align-items:center;display:flex}.list-row-wrap{gap:12px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid label,.checkbox-row{color:var(--muted);gap:8px;font-size:.92rem;display:grid}.span-2{grid-column:1/-1}input,select{border:1px solid var(--line);width:100%;color:var(--text);background:#060c12eb;border-radius:14px;padding:12px 14px}input:focus,select:focus{border-color:var(--accent);outline:none}.checkbox-row{align-items:center;gap:10px;display:flex}.checkbox-row input{width:auto}.button-row{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.button,.icon-button{cursor:pointer;color:var(--text);background:0 0;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;display:inline-flex}.button:hover,.icon-button:hover,.token-card:hover{transform:translateY(-1px)}.button:disabled,.icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button-primary{background:linear-gradient(135deg, var(--accent), #ff6c9d);color:#111;font-weight:700}.button-ghost{border-color:var(--line);background:#ffffff08}.token-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.token-card{text-align:left;border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff08;border-radius:18px;gap:6px;padding:14px;display:grid}.token-static{cursor:default}.token-card span,.token-card small{color:var(--muted)}.token-card-active{background:#77f2d114;border-color:#77f2d159}.token-card-active span,.token-card-active small{color:var(--text)}.meta-pills{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.meta-pills span{color:var(--accent-2);background:#77f2d114;border:1px solid #77f2d129;border-radius:999px;padding:6px 10px;font-size:.82rem}.status-chip{border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.82rem;line-height:1;display:inline-flex}.status-good{color:var(--success);background:#7ce1a81a;border-color:#7ce1a847}.status-bad{color:var(--danger);background:#ff7f7f1a;border-color:#ff7f7f47}.status-neutral{color:var(--muted);background:#93a8bd14;border-color:#93a8bd33}.success-copy{color:var(--success)}.error-copy{color:var(--danger)}.warning-box,.query-note{border:1px solid var(--line);background:#ffffff08;border-radius:18px;gap:12px;padding:14px;display:flex}.warning-box{color:var(--accent-soft);display:grid}.query-note pre{white-space:pre-wrap;margin:8px 0 0}.table-wrap{border:1px solid var(--line);border-radius:18px;overflow:auto}.result-table{border-collapse:collapse;width:100%;min-width:860px}.result-table th,.result-table td{border-bottom:1px solid var(--line);vertical-align:top;text-align:left;padding:12px 14px}.result-table th{background:var(--panel-strong);position:sticky;top:0}.result-stack{gap:14px;display:grid}.bi-query-layout{grid-template-columns:minmax(280px,320px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.workspace-stack{gap:20px;display:grid}.datasource-panel{position:sticky;top:24px}.datasource-list{gap:12px;max-height:calc(100vh - 220px);display:grid;overflow:auto}.datasource-card{border:1px solid var(--line);width:100%;color:var(--text);text-align:left;cursor:pointer;background:#070e15c7;border-radius:18px;gap:10px;padding:16px;display:grid}.datasource-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.datasource-card-head span{color:var(--muted);font-size:.84rem}.datasource-card-active{background:#ff875f14;border-color:#ff875f59}.datasource-banner{border:1px solid var(--line);background:#ffffff08;border-radius:20px;justify-content:space-between;gap:16px;margin-bottom:18px;padding:18px;display:flex}.datasource-banner strong{margin-bottom:6px;font-size:1rem;display:block}.tail-layout{grid-template-columns:minmax(260px,300px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.tail-source-panel,.tail-workspace{gap:14px;display:grid}.tail-source-list{gap:10px;max-height:520px;display:grid;overflow:auto}.tail-source-card{border:1px solid var(--line);width:100%;color:var(--text);text-align:left;cursor:pointer;background:#070e15c7;border-radius:18px;gap:10px;padding:14px;display:grid}.tail-source-card-active{background:#77f2d114;border-color:#77f2d159}.tail-toolbar{border:1px solid var(--line);background:#ffffff08;border-radius:20px;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px;display:flex}.tail-meta{gap:6px;display:grid}.tail-meta strong{font-size:1rem}.tail-meta span{color:var(--muted);font-size:.9rem}.tail-stream{border:1px solid var(--line);background:linear-gradient(#04080cf5,#080d14eb),radial-gradient(circle at 100% 0,#77f2d114,#0000 30%);border-radius:22px;gap:10px;height:520px;padding:16px;display:grid;overflow:auto}.tail-empty{min-height:100%;color:var(--muted);text-align:center;place-items:center;line-height:1.6;display:grid}.tail-event{background:#ffffff08;border:1px solid #84a5c21f;border-radius:16px;gap:8px;padding:10px 12px;animation:.18s tail-entry;display:grid}.tail-event-line{grid-template-columns:auto auto auto minmax(0,1fr);align-items:start;gap:10px;display:grid}.tail-time,.tail-source-name,.tail-message,.tail-trace{font-family:var(--font-ibm-plex-mono), monospace}.tail-time{color:var(--muted);white-space:nowrap}.tail-source-name{color:var(--accent-2)}.tail-message{overflow-wrap:anywhere;line-height:1.55}.tail-trace{color:var(--muted);font-size:.84rem}.tail-raw summary{cursor:pointer;color:var(--muted)}@keyframes tail-entry{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.log-controls,.advanced-stack,.advanced-workbench,.quick-source-section{gap:18px;display:grid}.compact-head{margin-bottom:0}.log-stream{gap:14px;display:grid}.log-entry{border:1px solid var(--line);background:#070e15c7;border-radius:20px;gap:14px;padding:18px;display:grid}.log-entry-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.log-title-block{gap:6px;display:grid}.log-source{font-size:1rem;font-weight:700}.log-timestamp{color:var(--muted);font-size:.92rem}.log-level{border:1px solid var(--line);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-width:88px;padding:7px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.log-level-error{color:#ffd7d7;background:#ff7f7f1f;border-color:#ff7f7f59}.log-level-warn{color:#ffe0b8;background:#ffb76b1f;border-color:#ffb76b59}.log-level-info{color:#d3f5ff;background:#77d2ff1f;border-color:#77d2ff59}.log-level-debug{color:#d4f8ec;background:#77f2d11f;border-color:#77f2d159}.log-level-neutral{color:var(--muted);background:#93a8bd14;border-color:#93a8bd3d}.log-message{margin:0;font-size:1rem;line-height:1.6}.log-body{color:var(--accent-soft);white-space:pre-wrap;overflow-wrap:anywhere;background:#ff875f0f;border:1px solid #ff875f24;border-radius:16px;margin:0;padding:14px;line-height:1.6}.log-raw{gap:10px;display:grid}.log-raw summary{cursor:pointer;color:var(--muted)}.log-field-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.log-field{border:1px solid var(--line);background:#ffffff08;border-radius:16px;gap:8px;padding:12px;display:grid}.log-field span{color:var(--muted);font-size:.82rem}.log-field code{white-space:pre-wrap;overflow-wrap:anywhere}.advanced-details{border:1px solid var(--line);background:#ffffff05;border-radius:22px;padding:16px 18px}.advanced-details>summary{cursor:pointer;font-weight:700;list-style:none}.advanced-details>summary::-webkit-details-marker{display:none}.advanced-details>summary:after{content:"展开";float:right;color:var(--muted);font-weight:400}.advanced-details[open]>summary:after{content:"收起"}.advanced-details>:not(summary){margin-top:16px}.table-inline-pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.5}.table-message-cell{min-width:260px;line-height:1.6}.table-log-cell{gap:8px;min-width:320px;display:grid}.table-log-summary{line-height:1.6}.table-log-raw summary{cursor:pointer;color:var(--muted)}.analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.analysis-card,.analysis-section{border:1px solid var(--line);background:#ffffff08;border-radius:18px;padding:14px}.analysis-card strong,.analysis-section strong{margin-bottom:8px;display:block}.analysis-section.span-2{grid-column:1/-1}.inline-pre{white-space:pre-wrap;color:var(--accent-soft);margin:10px 0 0}.schema-header{gap:18px;margin-bottom:18px;display:grid}.schema-search{border:1px solid var(--line);background:#ffffff08;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;display:flex}.schema-search input{background:0 0;border:none;padding:0}.schema-search input:focus{border:none}.explorer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.schema-card{border:1px solid var(--line);background:#ffffff06;border-radius:22px;padding:18px}.schema-card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.schema-card-head span{color:var(--muted);font-size:.84rem}.schema-list{gap:12px;display:grid}.schema-item{border:1px solid var(--line);background:#070e15c7;border-radius:18px;padding:14px}.schema-item-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.schema-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.sample-chips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.sample-chips span{color:var(--accent-soft);background:#ff875f14;border:1px solid #ff875f2e;border-radius:999px;padding:6px 10px;font-size:.8rem}.landing-card{padding:36px}.landing-grid{grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:22px;display:grid}.landing-list{gap:12px;display:grid}.landing-item{border:1px solid var(--line);background:#ffffff08;border-radius:18px;padding:14px}.landing-item strong{margin-bottom:8px;display:block}.icon-button{border-color:var(--line);width:38px;height:38px}.cm-editor{border:1px solid var(--line);border-radius:18px;overflow:hidden}@media (max-width:1100px){.top-nav,.landing-grid,.metric-grid,.two-column,.tail-layout,.bi-query-layout,.query-grid,.explorer-grid,.analysis-grid{grid-template-columns:1fr}}@media (max-width:720px){.app-frame{padding:18px 14px 56px}.hero-card,.landing-card,.panel{padding:18px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.top-nav{border-radius:28px}.datasource-panel{position:static}.datasource-list{max-height:none}.datasource-banner{flex-direction:column}.tail-toolbar,.tail-event-line{flex-direction:column;grid-template-columns:1fr}.tail-source-list,.tail-stream{height:auto;max-height:none}.log-entry-head{flex-direction:column}}