Дорабоки интерфейса системы тестирования. Раздел 1 Шапка+Верхний brick

flask_app/app/templates/settings.html

@@ -2,13 +2,13 @@
 {% block title %}Настройки — LLM{% endblock %}
 
 {% block content %}
-<section class="rounded-2xl bg-white shadow-sm border border-ink-300/60 p-6 max-w-2xl">
+<section class="{% if ui_variant == 'legacy' %}surface-card{% else %}rounded-2xl bg-white shadow-sm border border-ink-300/60{% endif %} p-6 max-w-2xl">
   <div class="flex items-center gap-2">
     <span class="material-symbols-outlined text-brand-600">settings</span>
     <h1 class="text-2xl font-semibold">Настройки</h1>
   </div>
 
-  <h2 class="mt-5 font-semibold">Подключение к LLM</h2>
+  <h2 class="mt-5 font-semibold {% if ui_variant == 'legacy' %}font-headline{% endif %}">Подключение к LLM</h2>
   <p class="mt-1 text-sm text-ink-500">
     Ключ задаётся в <code class="px-1 py-0.5 rounded bg-ink-100">.env</code> сервера
     (общий, не на пользователя). Поддерживаются DeepSeek и OpenAI-совместимые API.
@@ -53,8 +53,7 @@ OPENAI_API_KEY=sk-...
 
   <div class="mt-5 flex items-center gap-3">
     <button id="btn-ping"
-            class="inline-flex items-center gap-2 px-4 py-2 rounded-lg
-                   bg-brand-600 hover:bg-brand-700 text-white text-sm">
+            class="{% if ui_variant == 'legacy' %}btn btn-primary{% else %}inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-brand-600 hover:bg-brand-700 text-white text-sm{% endif %}">
       <span class="material-symbols-outlined text-base">cable</span>
       Проверить подключение
     </button>