Update README.md

README.md

@@ -18,47 +18,49 @@ language:
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
-    <style>
+     <style>
         body {
             font-family: 'Philosopher', 'Segoe UI', Arial, sans-serif;
             line-height: 1.6;
             margin: 0;
             padding: 0;
-            background: #0b0c1d; /* Очень темный сине-черный фон */
+            /* --- Deep Night Sky Background --- */
+            background: #0a0a23; /* Darker base blue */
         }
         .container {
             width: 100%;
             margin: 0;
-            /* --- ГРАДИЕНТ В СТИЛЕ НОЧНОГО НЕБА ЛУНЫ --- */
-            background: linear-gradient(135deg, #0b0c1d 0%, #1a1a3a 50%, #3a2a5a 100%); /* От темно-синего к индиго и глубокому фиолетовому */
+            /* --- Night Sky Gradient from Image --- */
+            background: linear-gradient(135deg, #0a0a23 0%, #1c1c3e 50%, #2d2d57 100%); /* Dark Blue to Indigo/Violet */
             padding: 30px;
             box-sizing: border-box;
-            color: #e0e0f0; /* Светлый лавандово-серый текст */
-            /* --- Серебряная рамка с сине-фиолетовым свечением (Луна/Ночь) --- */
-            border: 3px solid #c0c0c0; /* Silver border */
-            box-shadow: 0 0 15px 5px rgba(120, 120, 220, 0.6); /* Lavender-blue glow */
+            /* --- Text Color - Light Grey (Pony's Body) --- */
+            color: #d8d8e0; /* Slightly cooler light grey */
+            /* --- Border & Glow - Golden Mane --- */
+            border: 3px solid #FFD700; /* Gold border */
+            box-shadow: 0 0 15px 5px rgba(255, 215, 0, 0.5); /* Gold glow */
         }
         h1, h2 {
-            /* --- Светло-голубой цвет для заголовков (Небо/Звезды) --- */
-            color: #ADD8E6; /* LightBlue */
-            /* --- Небесно-голубая граница --- */
-            border-bottom: 2px solid #87CEEB; /* SkyBlue */
+            /* --- Headings - Golden Mane Color --- */
+            color: #FFD700; /* Gold */
+            /* --- Border - Darker Gold/Brown Hue --- */
+            border-bottom: 2px solid #DAA520; /* Goldenrod */
             padding-bottom: 5px;
             margin-top: 0;
-            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7); /* Усиленная тень для читаемости */
+            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); /* Stronger shadow for contrast */
         }
-        /* --- Ссылки серебряные (Луна) --- */
+        /* --- Links - Bright Grey (Contrast/Pony Highlights) --- */
         a {
-            color: #c0c0c0; /* Silver */
+            color: #d3d3d3; /* LightGray */
             text-decoration: none;
         }
         a:hover {
-            color: #ffffff; /* Белый при наведении */
+            color: #ffffff; /* White on hover */
             text-decoration: underline;
         }
-        /* Ссылка WoonaAi тоже серебряная */
+        /* Specific Link */
          p a[href*="WoonaAI"] {
-            color: #c0c0c0;
+            color: #d3d3d3; /* LightGray */
         }
         .model-image {
             text-align: center;
@@ -69,12 +71,12 @@ language:
             width: 100%;
             height: auto;
             border-radius: 10px;
-            /* --- Серебряная рамка с сине-фиолетовым свечением --- */
-            border: 3px solid #c0c0c0; /* Silver border */
-            box-shadow: 0 0 15px 5px rgba(120, 120, 220, 0.6); /* Lavender-blue glow */
+            /* --- Image Border & Glow - Golden Mane --- */
+            border: 3px solid #FFD700; /* Gold border */
+            box-shadow: 0 0 15px 5px rgba(255, 215, 0, 0.5); /* Gold glow */
             display: block;
         }
-        /* --- Стили таблицы в ночной теме --- */
+        /* --- Table Styles - Night Theme with Gold/Grey --- */
         table {
             width: 100%;
             border-collapse: collapse;
@@ -87,7 +89,8 @@ language:
         th, td {
             padding: 14px 18px;
             text-align: left;
-            color: #e0e0f0; /* Светлый лавандово-серый текст */
+            /* --- Table Text - Light Grey --- */
+            color: #d8d8e0;
             border-bottom: none;
         }
         tr:last-child td {
@@ -96,59 +99,60 @@ language:
         th {
              background-color: transparent;
              font-weight: bold;
-             color: #ADD8E6; /* Светло-голубой для заголовков таблицы */
+             /* --- Table Headers - Golden Mane Color --- */
+             color: #FFD700; /* Gold */
              text-align: left;
              border-bottom: none;
         }
         tr:hover {
             background: none;
         }
-        /* Выделение важного текста в таблице (серебряный) */
+        /* Emphasized Table Text - Bright Grey */
         td strong, td u {
-             color: #c0c0c0; /* Silver for emphasized text */
+             color: #d3d3d3; /* LightGray */
         }
-        /* --- Стили для блоков рекомендаций и предупреждений --- */
+        /* --- Highlight/Warning Blocks - Gold/Grey Accents --- */
         .highlight, .warning {
              padding: 15px 20px;
              margin: 20px 0;
              border-radius: 5px;
              border-left-width: 5px;
              border-left-style: solid;
-             color: #f0f0f8; /* Еще светлее текст для читаемости в блоках */
+             color: #f0f0f8; /* Keep slightly lighter text for readability */
         }
         .highlight {
-            /* --- Блок рекомендаций - небесно-голубой --- */
-            background: rgba(173, 216, 230, 0.15); /* Semi-transparent LightBlue */
-            border-left-color: #87CEEB; /* SkyBlue */
+            /* --- Highlight Block - Gold Accent --- */
+            background: rgba(255, 215, 0, 0.1); /* Semi-transparent Gold */
+            border-left-color: #FFD700; /* Gold */
         }
         .highlight h3 {
-             color: #ADD8E6; /* LightBlue heading */
+             color: #FFD700; /* Gold heading */
              margin-top: 0;
         }
         .warning {
-             /* --- Блок предупреждений - Глубокий ночной синий с серебром --- */
-            background: rgba(30, 35, 60, 0.3); /* Полупрозрачный глубокий сине-серый */
-            border-left-color: #a0a0c0; /* Приглушенный серебристо-лавандовый */
-            color: #e8e8f8; /* Немного более яркий светлый текст */
-             padding: 15px 20px; /* Убедимся, что стили ниже переопределяются */
+             /* --- Warning Block - Dark Grey Accent (Pony Body) --- */
+            background: rgba(60, 60, 80, 0.3); /* Semi-transparent dark grey-blue */
+            border-left-color: #808080; /* Grey */
+            color: #e8e8f8;
+             padding: 15px 20px;
              margin: 20px 0;
              border-radius: 5px;
              border-left-width: 5px;
              border-left-style: solid;
         }
          .warning h3 {
-             color: #b0b0d0; /* Светлее серебристо-лавандовый для заголовка */
+             color: #A9A9A9; /* DarkGray (lighter than border) */
              margin-top: 0;
         }
-        /* --- Бейджи в сине-стальном стиле --- */
+        /* --- Badges - Dark Grey (Pony Body) & Gold Text --- */
         .badge {
             display: inline-block;
             padding: 6px 12px;
             border-radius: 4px;
-            /* --- Спокойный синий фон для бейджей --- */
-            background: #4682B4; /* SteelBlue */
-            /* --- Белый цвет текста для контраста --- */
-            color: #ffffff;
+            /* --- Badge Background - Dark Grey --- */
+            background: #686868; /* DimGray */
+            /* --- Badge Text - Pale Gold for contrast --- */
+            color: #FFFACD; /* LemonChiffon (pale gold) */
             font-weight: bold;
             margin: 5px;
             box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
@@ -157,15 +161,17 @@ language:
             margin-top: 30px;
             text-align: center;
             opacity: 0.85;
-            color: #c0c0c0; /* Серебряный текст в футере */
+            /* --- Footer Text - Bright Grey --- */
+            color: #d3d3d3; /* LightGray */
             text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
         }
-      /* Chat Example Styling - Ночная тема */
+      /* Chat Example Styling - Night/Gold Theme */
         .chat-example {
             border-radius: 12px;
             padding: 20px;
             margin: 25px 0;
-            border: 1px solid #4a4a6a; /* Темная сине-фиолетовая граница */
+            /* --- Chat Box Border - Dark Grey --- */
+            border: 1px solid #4a4a4a; /* Darker Grey */
         }
         .message {
             margin: 15px 0;
@@ -174,30 +180,36 @@ language:
             max-width: 80%;
         }
         .message.user {
-            background: #283747; /* Темный серо-синий */
-            border: 1px solid #5499C7; /* Приглушенный синий */
+            background: #283747; /* Keep dark blueish */
+             /* --- User Message Border - Muted Gold --- */
+            border: 1px solid #DAA520; /* Goldenrod */
             margin-left: auto;
         }
         .message.assistant {
-            background: #31213F; /* Темный серо-фиолетовый */
-            border: 1px solid #8E44AD; /* Приглушенный фиолетовый */
+            background: #31213F; /* Keep dark purplish */
+             /* --- Assistant Message Border - Grey --- */
+            border: 1px solid #A9A9A9; /* DarkGray */
             margin-right: auto;
         }
         .role {
-            color: #c0c0c0; /* Серебряный для роли */
+             /* --- Role Text - Bright Grey --- */
+            color: #d3d3d3; /* LightGray */
             font-weight: bold;
             margin-bottom: 8px;
             font-size: 0.9em;
         }
         pre {
-            background: #1a1a2e; /* Очень темный индиго фон */
+            /* --- Code Block Background - Very Dark Indigo --- */
+            background: #1a1a2e;
             padding: 12px;
             border-radius: 6px;
             white-space: pre-wrap;
             margin: 10px 0;
-            color: #7FFFD4; /* Aquamarine (похож на цвет глаз Луны) */
-            border: 1px solid rgba(127, 255, 212, 0.2); /* Полупрозрачная граница Aquamarine */
-            font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; /* Моноширинный шрифт */
+            /* --- Code Text - Pale Gold --- */
+            color: #FAFAD2; /* LightGoldenrodYellow */
+            /* --- Code Border - Semi-Transparent Pale Gold --- */
+            border: 1px solid rgba(250, 250, 210, 0.3);
+            font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
         }
     </style>
 </head>