Update README.md

README.md

@@ -23,36 +23,52 @@ pipeline_tag: text-generation
   --brown: #b08968;
   --ink: #4a3728;
   --muted: #8a6f52;
-  --font: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
+  --radius: 16px;
+  --shadow-sm: 0 4px 14px rgba(176, 137, 104, 0.12);
+  --shadow-lg: 0 10px 26px rgba(176, 137, 104, 0.22);
+  --font: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+}
+body {
+  font-family: var(--font);
+  color: var(--ink);
 }
 .bleyzos {
   max-width: 960px;
   margin: 0 auto;
   display: flex;
   flex-direction: column;
-  gap: 22px;
-  font-family: var(--font);
-  color: var(--ink);
+  gap: 24px;
 }
 .bleyzos-header {
   display: flex;
   align-items: center;
-  gap: 18px;
+  gap: clamp(14px, 3vw, 22px);
   padding: 16px 20px;
-  border-radius: 16px;
+  border-radius: var(--radius);
   background: linear-gradient(135deg, var(--bg), var(--bg-2));
   border: 1px solid var(--line);
+  box-shadow: var(--shadow-sm);
+}
+.bleyzos-header figure {
+  margin: 0;
+  flex-shrink: 0;
 }
 .bleyzos-header img {
+  display: block;
   width: 84px;
   height: 84px;
   border-radius: 14px;
-  display: block;
+  box-shadow: 0 0 18px rgba(212, 163, 115, 0.35);
+  transition: transform 0.3s ease;
+}
+.bleyzos-header img:hover {
+  transform: scale(1.06) rotate(-2deg);
 }
 .bleyzos-header h1 {
   margin: 0;
   font-size: clamp(1.6em, 4vw, 2em);
   font-weight: 800;
+  letter-spacing: 1px;
   background: linear-gradient(90deg, var(--brown), var(--sand), var(--gold));
   -webkit-background-clip: text;
   background-clip: text;
@@ -60,13 +76,21 @@ pipeline_tag: text-generation
 }
 .bleyzos-header p {
   margin: 4px 0 0;
+  font-size: 1.05em;
   color: var(--muted);
+  opacity: 0.9;
 }
 .bleyzos-nav {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 12px;
+  flex-wrap: wrap;
+  text-align: center;
+}
+.bleyzos-nav strong {
+  font-size: 1.05em;
+  letter-spacing: 2px;
   color: var(--muted);
 }
 .bleyzos-nav a {
@@ -76,6 +100,12 @@ pipeline_tag: text-generation
   border-radius: 999px;
   background: linear-gradient(90deg, var(--sand), var(--gold));
   color: var(--ink) !important;
+  box-shadow: 0 3px 10px rgba(212, 163, 115, 0.35);
+  transition: transform 0.25s ease, box-shadow 0.25s ease;
+}
+.bleyzos-nav a:hover {
+  transform: translateY(-2px) scale(1.04);
+  box-shadow: 0 7px 20px rgba(212, 163, 115, 0.5);
 }
 .bleyzos-divider {
   height: 2px;
@@ -86,8 +116,14 @@ pipeline_tag: text-generation
 .bleyzos-card {
   background: linear-gradient(135deg, var(--bg), var(--bg-2));
   border: 1px solid var(--line);
-  border-radius: 16px;
-  padding: 18px 22px;
+  border-radius: var(--radius);
+  padding: 20px 24px;
+  box-shadow: var(--shadow-sm);
+  transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+.bleyzos-card:hover {
+  transform: translateY(-3px);
+  box-shadow: var(--shadow-lg);
 }
 .bleyzos-card table {
   width: 100%;
@@ -99,22 +135,44 @@ pipeline_tag: text-generation
   color: var(--muted);
   font-size: 0.85em;
   text-transform: uppercase;
+  letter-spacing: 1px;
   border-bottom: 1px solid var(--line);
 }
 .bleyzos-card td {
   padding: 8px 10px;
   border-bottom: 1px dashed var(--line);
+  color: var(--ink);
 }
 .bleyzos-card tbody tr:last-child td {
   border-bottom: none;
 }
+.bleyzos-features {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: grid;
+  gap: 10px;
+}
+.bleyzos-features li {
+  padding: 12px 16px;
+  border-radius: 12px;
+  background: linear-gradient(135deg, var(--bg), var(--bg-2));
+  border: 1px solid var(--line);
+  transition: transform 0.25s ease, box-shadow 0.25s ease;
+}
+.bleyzos-features li:hover {
+  transform: translateX(4px);
+  box-shadow: var(--shadow-sm);
+}
 .bleyzos-footer {
   text-align: center;
+  font-size: 0.92em;
   color: var(--muted);
-  padding: 18px 16px;
-  border-radius: 16px;
+  padding: 20px 16px;
+  border-radius: var(--radius);
   background: linear-gradient(135deg, var(--bg), var(--bg-2));
   border: 1px solid var(--line);
+  box-shadow: var(--shadow-sm);
   line-height: 1.7;
 }
 .bleyzos-footer a {
@@ -122,15 +180,20 @@ pipeline_tag: text-generation
   text-decoration: none;
   font-weight: 600;
 }
+.bleyzos-footer a:hover {
+  text-decoration: underline;
+}
 </style>
 
 <main class="bleyzos">
 
   <header class="bleyzos-header">
-    <picture>
-      <source srcset="https://cdn.bleyzos.ru/logo.png" media="(prefers-color-scheme: dark)">
-      <img src="https://cdn.bleyzos.ru/logo.png" alt="Bleyzos Coder">
-    </picture>
+    <figure>
+      <picture>
+        <source srcset="https://cdn.bleyzos.ru/logo.png" media="(prefers-color-scheme: dark)">
+        <img src="https://cdn.bleyzos.ru/logo.png" alt="Логотип Bleyzos Coder">
+      </picture>
+    </figure>
     <div>
       <h1>Bleyzos</h1>
       <p>Сообщество Bleyzos AI Center</p>
@@ -138,25 +201,25 @@ pipeline_tag: text-generation
   </header>
 
   <nav class="bleyzos-nav">
-    <span>СООБЩЕСТВО</span>
+    <strong>СООБЩЕСТВО</strong>
     <a href="https://t.me/bleyzos" target="_blank" rel="noopener">Telegram</a>
   </nav>
 
   <hr class="bleyzos-divider">
 
-  <section>
-    <h2>Bleyzos Coder</h2>
+  <section aria-labelledby="about">
+    <h2 id="about">Bleyzos Coder</h2>
     <p><strong>Bleyzos Coder</strong> — открытая языковая модель на архитектуре Mixture-of-Experts (MoE) с <strong>1,02 трлн общих параметров</strong> и <strong>42 млрд активных параметров</strong>. Создана на основе форка MiMo-V2.5-Pro и дообучена для программирования, кибербезопасности и агентных сценариев. Поддерживает контекст до <strong>1 млн токенов</strong>.</p>
   </section>
 
   <hr class="bleyzos-divider">
 
-  <section>
-    <h2>Детали модели</h2>
+  <section aria-labelledby="details">
+    <h2 id="details">Детали модели</h2>
     <article class="bleyzos-card">
       <table>
         <thead>
-          <tr><th>Параметр</th><th>Значение</th></tr>
+          <tr><th scope="col">Параметр</th><th scope="col">Значение</th></tr>
         </thead>
         <tbody>
           <tr><td>Разработчик</td><td>Bleyzos AI (https://bleyzos.ru)</td></tr>
@@ -172,9 +235,9 @@ pipeline_tag: text-generation
 
   <hr class="bleyzos-divider">
 
-  <section>
-    <h2>Ключевые особенности</h2>
-    <ul>
+  <section aria-labelledby="features">
+    <h2 id="features">Ключевые особенности</h2>
+    <ul class="bleyzos-features">
       <li><strong>Гибридное внимание</strong> — Sliding Window Attention + Global Attention (6:1), снижает KV-cache ~в 7 раз.</li>
       <li><strong>Multi-Token Prediction</strong> — 3 слоя MTP для ускорения вывода в 3 раза.</li>
       <li><strong>Длинный контекст</strong> — до 1M токенов, можно подавать целые кодовые базы.</li>
@@ -185,8 +248,8 @@ pipeline_tag: text-generation
 
   <hr class="bleyzos-divider">
 
-  <section>
-    <h2>Использование</h2>
+  <section aria-labelledby="usage">
+    <h2 id="usage">Использование</h2>
     <h3>Hugging Face Inference API</h3>
     <pre><code class="language-python">from huggingface_hub import InferenceClient