| <!doctype html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8" /> |
| <link rel="icon" type="image/svg+xml" href="/vite.svg" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| <title>QMD Web Demo — In-Browser Hybrid Search</title> |
| <style> |
| :root { |
| --bg: #ffffff; |
| --bg-page: #ffffff; |
| --bg-section: #f8f8f8; |
| --bg-card: #ffffff; |
| --bg-input: #ffffff; |
| --text: #1a1a1a; |
| --text-secondary: #666666; |
| --text-muted: #999999; |
| --border: #e0e0e0; |
| --border-light: #f0f0f0; |
| --shadow: rgba(0,0,0,0.07); |
| --col-query: #E8F0FE; |
| --col-expansion: #FFF8E1; |
| --col-search: #E0F2F1; |
| --col-fusion: #E8F5E9; |
| --pipeline-bg: #f5f6f8; |
| --pipeline-border: #e2e4e8; |
| --stage-divider: #e0e0e0; |
| --input-border: #cccccc; |
| --indexing-bg: #FFF3E0; |
| --error-bg: #fce4ec; |
| --error-border: #ef9a9a; |
| --rerank-after-bg: #f1f8e9; |
| --rerank-after-border: #c8e6c9; |
| --example-bg: #f0f4ff; |
| --example-border: #c5d5ff; |
| --modal-bg: rgba(0,0,0,0.4); |
| --score-good-bg: #e8f5e9; |
| --score-mid-bg: #fff8e1; |
| --score-bad-bg: #eceff1; |
| } |
| [data-theme="dark"] { |
| --bg: #1a1a2e; |
| --bg-page: #1a1a2e; |
| --bg-section: #16213e; |
| --bg-card: #0f3460; |
| --bg-input: #16213e; |
| --text: #e0e0e0; |
| --text-secondary: #a0a0b0; |
| --text-muted: #707080; |
| --border: #2a2a4a; |
| --border-light: #252545; |
| --shadow: rgba(0,0,0,0.3); |
| --col-query: #1a2744; |
| --col-expansion: #2a2518; |
| --col-search: #1a2e2b; |
| --col-fusion: #1a2e1e; |
| --pipeline-bg: #141428; |
| --pipeline-border: #252545; |
| --stage-divider: #2a2a4a; |
| --input-border: #3a3a5a; |
| --indexing-bg: #2a2518; |
| --error-bg: #2e1520; |
| --error-border: #5a2030; |
| --rerank-after-bg: #1a2e1e; |
| --rerank-after-border: #2a4a2e; |
| --example-bg: #1a2040; |
| --example-border: #2a3060; |
| --modal-bg: rgba(0,0,0,0.7); |
| --score-good-bg: #1a2e1e; |
| --score-mid-bg: #2a2518; |
| --score-bad-bg: #1e2030; |
| } |
| body { |
| margin: 0; |
| background: var(--bg-page); |
| color: var(--text); |
| transition: background 0.3s, color 0.3s; |
| } |
| *, *::before, *::after { box-sizing: border-box; } |
| </style> |
| <script> |
| |
| (function() { |
| var t = localStorage.getItem('qmd-theme'); |
| if (t === 'dark' || (!t && window.matchMedia('(prefers-color-scheme: dark)').matches)) { |
| document.documentElement.setAttribute('data-theme', 'dark'); |
| } |
| })(); |
| </script> |
| <script type="module" crossorigin src="./assets/index-h12WNjfQ.js"></script> |
| </head> |
| <body> |
| <div id="root"></div> |
| </body> |
| </html> |
|
|
