| | <!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> |
| |
|
