Update dataset description ans styles

app.py

@@ -38,6 +38,15 @@ setTimeout(tryInit, 300);
 </script>
 """
 
+dataset_info_html = """
+<div class="dataset-info-card">
+    <h3>📦 Тестовый набор</h3>
+    <p>Все результаты рассчитываются на 
+    <a href="https://huggingface.co/datasets/Vikhrmodels/RuASRBenchmark" target="_blank">RuASRBenchmark</a>. 
+    В нём собраны разные сеты с русской речью, чтобы проверять модели на разных типах аудио.</p>
+</div>
+"""
+
 init_repo()
 gr.set_static_paths(paths=["."])
 
@@ -81,6 +90,7 @@ with gr.Blocks(css=LEADERBOARD_CSS, theme=gr.themes.Soft()) as demo:
                 )
 
         with gr.Tab("📊 Датасеты"):
+            gr.HTML(dataset_info_html)
             gr.HTML(get_datasets_description())
 
         with gr.Tab("✉️ Отправить результат"):

styles.py

@@ -89,4 +89,34 @@ LEADERBOARD_CSS = """
     .code-block.json .boolean { color: #569cd6; }
     .code-block.json .null    { color: #569cd6; }
     .code-block.json .key     { color: #9cdcfe; }
+
+    .dataset-info-card {
+        background: #f0f6ff;
+        border: 1px solid #cce0ff;
+        padding: 14px 16px;
+        border-radius: 8px;
+        margin-bottom: 20px;
+        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
+    }
+    .dataset-info-card h3 {
+        margin: 0 0 8px;
+        color: #0b63ce;
+    }
+    .dataset-info-card a {
+        color: #0366d6;
+        text-decoration: none;
+    }
+    .dataset-info-card a:hover {
+        text-decoration: underline;
+    }
+    .dark .dataset-info-card {
+        background: #0f1f33;
+        border-color: #22304a;
+    }
+    .dark .dataset-info-card h3 {
+        color: #9bd1ff;
+    }
+    .dark .dataset-info-card a {
+        color: #58a6ff;
+    }
 """