| <!doctype html> |
| <html lang="en"> |
|
|
|
|
| <style> |
| :root{ |
| |
| --paper:#f8fafc !important; |
| --card:#ffffff !important; |
| |
| |
| --ink:#111827 !important; |
| --ink-soft:#475569 !important; |
| |
| |
| --line:#e2e8f0 !important; |
| |
| |
| --learn:#2563eb !important; |
| --act:#4f46e5 !important; |
| --ref:#0891b2 !important; |
| --eph:#7c3aed !important; |
| --done:#16a34a !important; |
| |
| |
| --shadow-sm:0 1px 3px rgba(0,0,0,.06) !important; |
| --shadow:0 4px 12px rgba(0,0,0,.08) !important; |
| --shadow-lg:0 8px 24px rgba(0,0,0,.10) !important; |
| } |
| |
| body{ |
| background:#f5f7fb !important; |
| color:var(--ink) !important; |
| font-family: |
| Inter, |
| system-ui, |
| sans-serif !important; |
| line-height:1.6 !important; |
| } |
| |
| |
| .gradio-container, |
| main, |
| .block, |
| .panel, |
| section, |
| .card, |
| [class*="card"]{ |
| background:var(--card) !important; |
| border:1px solid var(--line) !important; |
| border-radius:12px !important; |
| box-shadow:var(--shadow-sm) !important; |
| } |
| |
| |
| h1,h2,h3,h4,h5{ |
| color:#0f172a !important; |
| font-weight:600 !important; |
| } |
| |
| |
| p,li,span,label{ |
| color:var(--ink-soft) !important; |
| } |
| |
| |
| a{ |
| color:var(--learn) !important; |
| text-decoration:none !important; |
| } |
| |
| a:hover{ |
| text-decoration:underline !important; |
| } |
| |
| |
| button{ |
| background:#2563eb !important; |
| color:white !important; |
| border:none !important; |
| border-radius:10px !important; |
| font-weight:600 !important; |
| box-shadow:none !important; |
| } |
| |
| button:hover{ |
| filter:brightness(1.05); |
| } |
| |
| |
| input, |
| textarea, |
| select{ |
| background:#ffffff !important; |
| color:var(--ink) !important; |
| border:1px solid #d1d5db !important; |
| border-radius:10px !important; |
| } |
| |
| input:focus, |
| textarea:focus, |
| select:focus{ |
| border-color:#2563eb !important; |
| box-shadow:0 0 0 3px rgba(37,99,235,.12) !important; |
| outline:none !important; |
| } |
| |
| |
| table{ |
| background:white !important; |
| } |
| |
| th{ |
| background:#f8fafc !important; |
| color:#0f172a !important; |
| } |
| |
| td{ |
| color:#334155 !important; |
| } |
| |
| |
| .message, |
| .chatbot .message{ |
| background:#ffffff !important; |
| border:1px solid #e5e7eb !important; |
| color:#111827 !important; |
| } |
| |
| |
| ::-webkit-scrollbar{ |
| width:10px; |
| } |
| |
| ::-webkit-scrollbar-track{ |
| background:#f1f5f9; |
| } |
| |
| ::-webkit-scrollbar-thumb{ |
| background:#cbd5e1; |
| border-radius:10px; |
| } |
| |
| ::-webkit-scrollbar-thumb:hover{ |
| background:#94a3b8; |
| } |
| </style> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <head> |
| <meta charset="UTF-8" /> |
| <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| <title>Knowme</title> |
| <script type="module" crossorigin src="/_app/index-C37B1Xuh.js"></script> |
| <link rel="stylesheet" crossorigin href="/_app/index-BvUgL4Tz.css"> |
| </head> |
| <body> |
| <div id="root"></div> |
| </body> |
| </html> |
|
|
