Spaces:
Running
Running
File size: 6,727 Bytes
05f86a6 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Multi-Mind Chat 智囊团</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
/* Custom scrollbar for webkit browsers */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
background: #888;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background: #555;
}
body {
font-family: 'Inter', sans-serif; /* A common sans-serif font often used with Tailwind */
}
/* Basic styles for Markdown preview in Notepad */
.markdown-preview {
padding: 0.75rem; /* Corresponds to p-3 in Tailwind */
color: #d1d5db; /* text-gray-300 */
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* font-mono */
font-size: 0.875rem; /* text-sm */
line-height: 1.625; /* leading-relaxed */
background-color: #1f2937; /* bg-slate-800 or similar dark bg */
height: 100%;
overflow-y: auto;
}
.markdown-preview h1,
.markdown-preview h2,
.markdown-preview h3,
.markdown-preview h4,
.markdown-preview h5,
.markdown-preview h6 {
color: #93c5fd; /* A lighter blue for headings */
margin-top: 1em;
margin-bottom: 0.5em;
font-weight: 600;
}
.markdown-preview h1 { font-size: 1.875em; }
.markdown-preview h2 { font-size: 1.5em; }
.markdown-preview h3 { font-size: 1.25em; }
.markdown-preview p {
margin-bottom: 0.75em;
}
.markdown-preview ul,
.markdown-preview ol {
margin-left: 1.5em;
margin-bottom: 0.75em;
list-style-position: outside;
}
.markdown-preview ul { list-style-type: disc; }
.markdown-preview ol { list-style-type: decimal; }
.markdown-preview li { margin-bottom: 0.25em; }
.markdown-preview blockquote {
border-left: 4px solid #6b7280; /* border-gray-500 */
padding-left: 1em;
margin-left: 0;
margin-bottom: 0.75em;
color: #9ca3af; /* text-gray-400 */
font-style: italic;
}
.markdown-preview pre {
background-color: #374151; /* bg-gray-700 */
padding: 0.75em;
border-radius: 0.375rem; /* rounded-md */
overflow-x: auto;
margin-bottom: 0.75em;
color: #e5e7eb; /* text-gray-200 */
}
.markdown-preview code {
background-color: #4b5563; /* bg-gray-600 */
padding: 0.2em 0.4em;
border-radius: 0.25rem;
font-size: 0.9em;
}
.markdown-preview pre code {
background-color: transparent;
padding: 0;
font-size: 1em;
}
.markdown-preview a {
color: #60a5fa; /* text-blue-400 */
text-decoration: underline;
}
.markdown-preview hr {
border-top: 1px solid #4b5563; /* border-gray-600 */
margin: 1em 0;
}
/* Styles for Markdown content within chat bubbles */
.chat-markdown-content {
/* Base text color and size are applied by Tailwind class on the div */
/* e.g., text-sm text-gray-200 */
line-height: 1.625; /* leading-relaxed */
}
.chat-markdown-content h1,
.chat-markdown-content h2,
.chat-markdown-content h3,
.chat-markdown-content h4,
.chat-markdown-content h5,
.chat-markdown-content h6 {
color: #bae6fd; /* light-sky-300, slightly brighter for chat */
margin-top: 0.75em;
margin-bottom: 0.4em;
font-weight: 600;
line-height: 1.3;
}
.chat-markdown-content h1 { font-size: 1.5em; } /* Adjusted for chat context */
.chat-markdown-content h2 { font-size: 1.3em; }
.chat-markdown-content h3 { font-size: 1.15em; }
.chat-markdown-content p {
margin-bottom: 0.65em;
}
.chat-markdown-content ul,
.chat-markdown-content ol {
margin-left: 1.25em; /* Slightly less indent for chat */
margin-bottom: 0.65em;
list-style-position: outside;
}
.chat-markdown-content ul { list-style-type: disc; }
.chat-markdown-content ol { list-style-type: decimal; }
.chat-markdown-content li { margin-bottom: 0.2em; }
.chat-markdown-content blockquote {
border-left: 3px solid #4b5563; /* border-gray-600 */
padding-left: 0.75em;
margin-left: 0;
margin-bottom: 0.65em;
color: #9ca3af; /* text-gray-400 */
font-style: italic;
}
.chat-markdown-content pre {
background-color: #1e293b; /* slate-800, distinct from bubble */
padding: 0.65em;
border-radius: 0.25rem; /* rounded-sm */
overflow-x: auto;
margin-bottom: 0.65em;
color: #e2e8f0; /* slate-200 */
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 0.875rem; /* text-sm */
}
.chat-markdown-content code { /* Inline code */
background-color: #334155; /* slate-700 */
color: #e2e8f0; /* slate-200 */
padding: 0.15em 0.3em;
border-radius: 0.2rem;
font-size: 0.85em; /* Slightly smaller */
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.chat-markdown-content pre code { /* Code within pre blocks */
background-color: transparent;
padding: 0;
font-size: 1em; /* Reset from inline code */
color: inherit; /* Inherit from pre */
}
.chat-markdown-content a {
color: #38bdf8; /* sky-400 */
text-decoration: underline;
}
.chat-markdown-content a:hover {
color: #7dd3fc; /* sky-300 */
}
.chat-markdown-content hr {
border-top: 1px solid #334155; /* slate-700 */
margin: 0.75em 0;
}
</style>
<script type="importmap">
{
"imports": {
"react": "https://esm.sh/react@^19.1.0",
"react-dom/": "https://esm.sh/react-dom@^19.1.0/",
"react/": "https://esm.sh/react@^19.1.0/",
"@google/genai": "https://esm.sh/@google/genai@^1.0.1",
"lucide-react": "https://esm.sh/lucide-react@^0.511.0",
"marked": "https://esm.sh/marked@^13.0.2",
"dompurify": "https://esm.sh/dompurify@^3.1.6"
}
}
</script>
</head>
<body class="bg-gray-900 text-white">
<div id="root"></div>
<script type="module" src="/index.tsx"></script>
</body>
</html><link rel="stylesheet" href="index.css">
<script src="index.tsx" type="module"></script>
|