Перейти к содержимому

Изменения документа Home

Редактировал(а) root_xwiki 2025/10/29 08:16
От версии 6.1
отредактировано root_xwiki
на 2025/10/08 10:24
Изменить комментарий: К данной версии нет комментариев
К версии 4.1
отредактировано root_xwiki
на 2025/10/08 10:10
Изменить комментарий: К данной версии нет комментариев

Сводка

Подробности

Свойства страницы
Содержимое
... ... @@ -1,207 +1,262 @@
1 1  {{html clean="false" inline="true"}}
2 2  <div class="corporate-dashboard">
3 3   <!-- Header: фон на всю ширину, контент в контейнере -->
4 - <header class="header-full">
5 - <div class="container header-content">
6 - <div class="header-row">
7 - <div class="header-logo">
8 - <img src="/bin/download/Main/WebHome/tca.png" alt="Логотип TCAX" style="max-height: 60px; width: auto;">
9 -
4 + <header class="header text-white py-4 mb-5">
5 + <div class="container">
6 + <div class="row align-items-center">
7 + <div class="col-md-2 text-center">
8 + <img src="/bin/download/%D0%A2%D0%B5%D1%81%D1%82%20%D0%B3%D0%BB%D0%B0%D0%B2%D0%BD%D0%BE%D0%B9%20%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D1%8B/WebHome/tca.png" alt="Логотип TCAX" class="logo-img" style="max-height: 60px; width: auto;">
10 10   </div>
11 - <div class="header-text">
12 - <h1 style="margin: 0 0 0.25rem; font-size: 2rem; font-weight: bold; color: white;">ООО "Тверьспецавтохозяйство"</h1>
13 - <p style="margin: 0; font-size: 1.1rem; color: white; font-weight: 300;">Корпоративный портал инструкций и справочников</p>
10 + <div class="col-md-8 text-center">
11 + <h1 class="mb-1 fw-bold">ООО "Тверьспецавтохозяйство"</h1>
12 + <p class="lead mb-0">Корпоративный портал инструкций и справочников</p>
14 14   </div>
14 + <div class="col-md-2"></div>
15 15   </div>
16 16   </div>
17 17   </header>
18 18  
19 - <!-- Сетка карточек -->
20 - <main class="container main-content">
21 - <div class="cards-row">
19 + <!-- Сетка карточек: контент в контейнере -->
20 + <main class="container my-5">
21 + <div class="row justify-content-center">
22 22   <!-- Служба охраны труда -->
23 - <div class="card-col">
24 - <div class="dept-card">
25 - <div class="card-body-center">
26 - <div class="icon-circle icon-blue">
23 + <div class="col-lg-4 col-md-6 mb-4">
24 + <div class="card h-100 shadow-sm border-0 rounded-3 card-hover">
25 + <div class="card-body text-center p-4 d-flex flex-column align-items-center">
26 + <div class="icon-wrapper mb-3 rounded-circle bg-primary bg-opacity-10 p-3">
27 27   <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjMDA3YmZmIiBkPSJNNDgwIDI4OEMzMjAgMjU2IDE5MiAyNTYgMzIgMjg4Vjk2YzAtMzUuMyAyOC43LTY0IDY0LTY0aDMyMGMzNS4zIDAgNjQgMjguNyA2NCA2NHYxOTJ6TTMyIDMyMFY0MTZjMCAxNy43IDE0LjMgMzIgMzIgMzJoMzg0YzE3LjcgMCAzMi0xNC4zIDMyLTMyVjMyMGMtMTYwLTMyLTI4OC0zMi00NDggMHpNMzIwIDk2VjY0YzAtMzUuMy0yOC43LTY0LTY0LTY0cy02NCAyOC43LTY0IDY0djMyaDEyOHptLTY0IDMyYy0xNy43IDAtMzItMTQuMy0zMi0zMlY2NGMwLTE3LjcgMTQuMy0zMiAzMi0zMnMzMiAxNC4zIDMyIDMydjMyYzAgMTcuNy0xNC4zIDMyLTMyIDMyeiIvPjwvc3ZnPg==" alt="Каска" style="width: 48px; height: 48px;">
28 28   </div>
29 - <h3 style="font-size: 1.3rem; font-weight: 600; color: #333; margin: 1rem 0 0.75rem;">Служба охраны труда</h3>
30 - <p style="font-size: 0.95rem; color: #6c757d; margin-bottom: 1.5rem; flex-grow: 1;">Инструкции по безопасности, нормам охраны труда и профилактике рисков на производстве.</p>
31 - <a href="/bin/view/%D0%A1%D0%BB%D1%83%D0%B6%D0%B1%D0%B0%20%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D1%8B%20%D1%82%D1%80%D1%83%D0%B4%D0%B0" class="btn-dept btn-blue">Открыть инструкции</a>
29 + <h3 class="h4 fw-semibold text-dark mb-2">Служба охраны труда</h3>
30 + <p class="text-muted mb-3 flex-grow-1">Инструкции по безопасности, нормам охраны труда и профилактике рисков на производстве.</p>
31 + <a href="/bin/view/%D0%A1%D0%BB%D1%83%D0%B6%D0%B1%D0%B0%20%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D1%8B%20%D1%82%D1%80%D1%83%D0%B4%D0%B0" class="btn btn-primary rounded-pill px-4 py-2">
32 + <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMzUyIDM1MmMxMy4zIDAgMjQgMTAuNyAyNCAyNHMtMTAuNyAyNC0yNCAyNEgzMmMtMTMuMyAwLTI0LTEwLjctMjQtMjRzMTAuNy0yNCAyNC0yNGgzMjB6bS03LjgtMTc2TDIyNC4xIDI5NS45Yy0xMi41IDEyLjUtMzIuOCAxMi41LTQ1LjMgMEw1OC43IDE3NS45Yy0xMi41LTEyLjUtMTIuNS0zMi44IDAtNDUuM3MzMi44LTEyLjUgNDUuMyAwTDE5MiAyMTguN1YzMmMwLTE3LjcgMTQuMy0zMiAzMi0zMnMzMiAxNC4zIDMyIDMyVjIxOC43bDg3LjktODcuOWMxMi41LTEyLjUgMzIuOC0xMi41IDQ1LjMgMHMxMi41IDMyLjggMCA0NS4zeiIvPjwvc3ZnPg==" alt="Стрелка" style="width: 14px; height: 14px; margin-right: 0.5rem;">Открыть инструкции
33 + </a>
32 32   </div>
33 33   </div>
34 34   </div>
35 35  
36 36   <!-- Отдел персонала -->
37 - <div class="card-col">
38 - <div class="dept-card">
39 - <div class="card-body-center">
40 - <div class="icon-circle icon-green">
39 + <div class="col-lg-4 col-md-6 mb-4">
40 + <div class="card h-100 shadow-sm border-0 rounded-3 card-hover">
41 + <div class="card-body text-center p-4 d-flex flex-column align-items-center">
42 + <div class="icon-wrapper mb-3 rounded-circle bg-success bg-opacity-10 p-3">
41 41   <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNTEyIj48cGF0aCBmaWxsPSIjMjhhNzQ1IiBkPSJNMTQ0IDBhODAgODAgMCAxIDEgMCAxNjBBODAgODAgMCAxIDEgMTQ0IDB6TTUxMiAwYTgwIDgwIDAgMSAxIDAgMTYwQTgwIDgwIDAgMSAxIDUxMiAwek0wIDI5OC43QzAgMjM5LjggNDcuOCAxOTIgMTA2LjcgMTkyaDQyLjdjMTUuOSAwIDMxIDMuNSA0NC42IDkuNy0xLjMgNy4yLTEuOSAxNC43LTEuOSAyMi4zYzAgMzguMiAxNi44IDcyLjUgNDMuMyA5NmMtLjIgMC0uNCAwLS43IDBIMjEuM0M5LjYgMzIwIDAgMzEwLjQgMCAyOTguN3pNNDA1LjMgMzIwYy0uMiAwLS40IDAtLjcgMGMyNi42LTIzLjUgNDMuMy01Ny44IDQzLjMtOTZjMC03LjYtLjctMTUtMS45LTIyLjNjMTMuNi02LjMgMjguNy05LjcgNDQuNi05LjdoNDIuN0M1OTIuMiAxOTIgNjQwIDIzOS44IDY0MCAyOTguN2MwIDExLjgtOS42IDIxLjMtMjEuMyAyMS4zSDQwNS4zek0yMjQgMjI0YTk2IDk2IDAgMSAxIDE5MiAwIDk2IDk2IDAgMSAxIC0xOTIgMHpNMTI4IDQ4NS4zQzEyOCA0MTEuNyAxODcuNyAzNTIgMjYxLjMgMzUySDM3OC43QzQ1Mi4zIDM1MiA1MTIgNDExLjcgNTEyIDQ4NS4zYzAgMTQuNy0xMS45IDI2LjctMjYuNyAyNi43SDE1NC43Yy0xNC43IDAtMjYuNy0xMS45LTI2LjctMjYuN3oiLz48L3N2Zz4=" alt="Пользователи" style="width: 48px; height: 48px;">
42 42   </div>
43 - <h3 style="font-size: 1.3rem; font-weight: 600; color: #333; margin: 1rem 0 0.75rem;">Отдел планирования и развития персонала</h3>
44 - <p style="font-size: 0.95rem; color: #6c757d; margin-bottom: 1.5rem; flex-grow: 1;">Руководства по кадровому планированию, обучению и развитию сотрудников.</p>
45 - <a href="/bin/view/%D0%9E%D1%82%D0%B4%D0%B5%D0%BB%20%D0%BF%D0%B5%D1%80%D1%81%D0%BE%D0%BD%D0%B0%D0%BB%D0%B0" class="btn-dept btn-green">Открыть инструкции</a>
45 + <h3 class="h4 fw-semibold text-dark mb-2">Отдел планирования и развития персонала</h3>
46 + <p class="text-muted mb-3 flex-grow-1">Руководства по кадровому планированию, обучению и развитию сотрудников.</p>
47 + <a href="/bin/view/%D0%9E%D1%82%D0%B4%D0%B5%D0%BB%20%D0%BF%D0%B5%D1%80%D1%81%D0%BE%D0%BD%D0%B0%D0%BB%D0%B0" class="btn btn-success rounded-pill px-4 py-2">
48 + <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMzUyIDM1MmMxMy4zIDAgMjQgMTAuNyAyNCAyNHMtMTAuNyAyNC0yNCAyNEgzMmMtMTMuMyAwLTI0LTEwLjctMjQtMjRzMTAuNy0yNCAyNC0yNGgzMjB6bS03LjgtMTc2TDIyNC4xIDI5NS45Yy0xMi41IDEyLjUtMzIuOCAxMi41LTQ1LjMgMEw1OC43IDE3NS45Yy0xMi41LTEyLjUtMTIuNS0zMi44IDAtNDUuM3MzMi44LTEyLjUgNDUuMyAwTDE5MiAyMTguN1YzMmMwLTE3LjcgMTQuMy0zMiAzMi0zMnMzMiAxNC4zIDMyIDMyVjIxOC43bDg3LjktODcuOWMxMi41LTEyLjUgMzIuOC0xMi41IDQ1LjMgMHMxMi41IDMyLjggMCA0NS4zeiIvPjwvc3ZnPg==" alt="Стрелка" style="width: 14px; height: 14px; margin-right: 0.5rem;">Открыть инструкции
49 + </a>
46 46   </div>
47 47   </div>
48 48   </div>
49 49  
50 50   <!-- IT отдел -->
51 - <div class="card-col">
52 - <div class="dept-card">
53 - <div class="card-body-center">
54 - <div class="icon-circle icon-cyan">
55 + <div class="col-lg-4 col-md-6 mb-4">
56 + <div class="card h-100 shadow-sm border-0 rounded-3 card-hover">
57 + <div class="card-body text-center p-4 d-flex flex-column align-items-center">
58 + <div class="icon-wrapper mb-3 rounded-circle bg-info bg-opacity-10 p-3">
55 55   <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNTEyIj48cGF0aCBmaWxsPSIjMTdhMmI4IiBkPSJNMzg0IDk2VjMyMEg2NEw2NCA5NkgzODR6TTY0IDMyQzI4LjcgMzIgMCA2MC43IDAgOTZWMzIwYzAgMzUuMyAyOC43IDY0IDY0IDY0SDE4MS4zbC0xMC43IDMySDE5NmMtMTcuNyAwLTMyIDE0LjMtMzIgMzJzMTQuMyAzMiAzMiAzMkgzNTJjMTcuNyAwIDMyLTE0LjMgMzItMzJzLTE0LjMtMzItMzItMzJIMjc3LjNsLTEwLjctMzJIMzg0YzM1LjMgMCA2NC0yOC43IDY0LTY0Vjk2YzAtMzUuMy0yOC43LTY0LTY0LTY0SDY0em00NjQgMGMtMjYuNSAwLTQ4IDIxLjUtNDggNDhWNDMyYzAgMjYuNSAyMS41IDQ4IDQ4IDQ4aDY0YzI2LjUgMCA0OC0yMS41IDQ4LTQ4VjgwYzAtMjYuNS0yMS41LTQ4LTQ4LTQ4SDUyOHptMTYgNjRoMzJjOC44IDAgMTYgNy4yIDE2IDE2cy03LjIgMTYtMTYgMTZINTQ0Yy04LjggMC0xNi03LjItMTYtMTZzNy4yLTE2IDE2LTE2em0tMTYgODBjMC04LjggNy4yLTE2IDE2LTE2aDMyYzguOCAwIDE2IDcuMiAxNiAxNnMtNy4yIDE2LTE2IDE2SDU0NGMtOC44IDAtMTYtNy4yLTE2LTE2em0xNiA0OGgzMmM4LjggMCAxNiA3LjIgMTYgMTZzLTcuMiAxNi0xNiAxNkg1NDRjLTguOCAwLTE2LTcuMi0xNi0xNnM3LjItMTYgMTYtMTZ6Ii8+PC9zdmc+" alt="Ноутбук" style="width: 48px; height: 48px;">
56 56   </div>
57 - <h3 style="font-size: 1.3rem; font-weight: 600; color: #333; margin: 1rem 0 0.75rem;">IT отдел</h3>
58 - <p style="font-size: 0.95rem; color: #6c757d; margin-bottom: 1.5rem; flex-grow: 1;">Инструкции по IT-политикам, настройке оборудования и поддержке систем.</p>
59 - <a href="/bin/view/%D0%98%D0%A2%20%D0%9E%D1%82%D0%B4%D0%B5%D0%BB" class="btn-dept btn-cyan">Открыть инструкции</a>
61 + <h3 class="h4 fw-semibold text-dark mb-2">IT отдел</h3>
62 + <p class="text-muted mb-3 flex-grow-1">Инструкции по IT-политикам, настройке оборудования и поддержке систем.</p>
63 + <a href="/bin/view/%D0%98%D0%A2%20%D0%9E%D1%82%D0%B4%D0%B5%D0%BB" class="btn btn-info rounded-pill px-4 py-2">
64 + <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMzUyIDM1MmMxMy4zIDAgMjQgMTAuNyAyNCAyNHMtMTAuNyAyNC0yNCAyNEgzMmMtMTMuMyAwLTI0LTEwLjctMjQtMjRzMTAuNy0yNCAyNC0yNGgzMjB6bS03LjgtMTc2TDIyNC4xIDI5NS45Yy0xMi41IDEyLjUtMzIuOCAxMi41LTQ1LjMgMEw1OC43IDE3NS45Yy0xMi41LTEyLjUtMTIuNS0zMi44IDAtNDUuM3MzMi44LTEyLjUgNDUuMyAwTDE5MiAyMTguN1YzMmMwLTE3LjcgMTQuMy0zMiAzMi0zMnMzMiAxNC4zIDMyIDMyVjIxOC43bDg3LjktODcuOWMxMi41LTEyLjUgMzIuOC0xMi41IDQ1LjMgMHMxMi41IDMyLjggMCA0NS4zeiIvPjwvc3ZnPg==" alt="Стрелка" style="width: 14px; height: 14px; margin-right: 0.5rem;">Открыть инструкции
65 + </a>
60 60   </div>
61 61   </div>
62 62   </div>
63 63   </div>
64 64  
65 - <!-- Секция помощи -->
66 - <div class="help-section">
67 - <h4 style="color: #007bff; font-size: 1.4rem; margin-bottom: 1rem;">Нужна помощь?</h4>
68 - <p style="color: #6c757d; margin-bottom: 1.5rem;">Свяжитесь с ответственным за подразделение или администратором XWiki для обновления инструкций.</p>
69 - <a href="/bin/view/%D0%9A%D0%BE%D0%BD%D1%82%D0%B0%D0%BA%D1%82%D1%8B" class="btn-help">Связаться с поддержкой</a>
71 + <!-- Нижняя секция: помощь -->
72 + <div class="text-center mt-5 p-4 bg-light rounded-3">
73 + <h4 class="text-primary mb-3">Нужна помощь?</h4>
74 + <p class="text-muted">Свяжитесь с ответственным за подразделение или администратором XWiki для обновления инструкций.</p>
75 + <a href="/bin/view/%D0%9A%D0%BE%D0%BD%D1%82%D0%B0%D0%BA%D1%82%D1%8B" class="btn btn-outline-primary rounded-pill px-4 py-2">Связаться с поддержкой</a>
70 70   </div>
71 71   </main>
72 72  
73 73   <!-- Footer: фон на всю ширину, контент в контейнере -->
74 - <footer class="footer-full">
75 - <div class="container footer-content">
76 - <p style="margin: 0; color: white;">&copy; 2025 ООО "Тверьспецавтохозяйство". Все права защищены. Разработано для внутреннего использования.</p>
80 + <footer class="bg-dark text-white py-3 mt-5">
81 + <div class="container text-center">
82 + <p class="mb-0">&copy; 2025 ООО "Тверьспецавтохозяйство". Все права защищены. Разработано для внутреннего использования.</p>
77 77   </div>
78 78   </footer>
79 79  </div>
80 80  
87 +<!-- Стили -->
81 81  <style>
82 - * { box-sizing: border-box; }
83 - body { margin: 0; background-color: #f8f9fa; font-family: 'Segoe UI', Tahoma, sans-serif; }
84 -
85 - /* Header: зелёный фон на всю ширину */
86 - .header-full {
87 - background: linear-gradient(135deg, #00A651, #28A745);
89 + * { box-sizing: border-box; margin: 0; padding: 0; }
90 + :root {
91 + --primary-green: #00A651;
92 + --secondary-green: #28A745;
93 + --bg-light: #F8F9FA;
94 + --text-dark: #333333;
95 + --card-border: #E9ECEF;
96 + }
97 + body {
98 + background-color: var(--bg-light);
99 + color: var(--text-dark);
100 + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
101 + }
102 + /* Header: зелёный фон на всю ширину, контент в контейнере */
103 + .header {
104 + background: linear-gradient(135deg, var(--primary-green), var(--secondary-green));
105 + box-shadow: 0 2px 4px rgba(0,0,0,0.1);
88 88   width: 100%;
89 - padding: 2rem 0;
90 - margin-bottom: 3rem;
91 91   }
108 + /* Footer: чёрный фон на всю ширину, контент в контейнере */
109 + .bg-dark {
110 + background-color: #212529;
111 + width: 100%;
112 + }
113 + /* Контейнер: единая ширина 1200px для header/main/footer */
92 92   .container {
93 93   max-width: 1200px;
94 94   margin: 0 auto;
95 95   padding: 0 15px;
96 96   }
97 - .header-row {
119 + .row {
98 98   display: flex;
99 - align-items: center;
100 - justify-content: center;
101 - gap: 2rem;
102 - }
103 - .header-logo { flex-shrink: 0; }
104 - .header-text { text-align: center; }
105 -
106 - /* Карточки отделов */
107 - .main-content { margin: 3rem auto; }
108 - .cards-row {
109 - display: flex;
110 110   flex-wrap: wrap;
111 - gap: 1.5rem;
122 + margin: 0 -15px;
112 112   justify-content: center;
113 - margin-bottom: 3rem;
114 114   }
115 - .card-col {
116 - flex: 0 0 calc(33.333% - 1rem);
117 - max-width: calc(33.333% - 1rem);
125 + .align-items-center {
126 + align-items: center;
118 118   }
119 - .dept-card {
128 + .col-lg-4 {
129 + flex: 0 0 33.3333%;
130 + max-width: 33.3333%;
131 + padding: 0 15px;
132 + }
133 + .col-md-6 {
134 + flex: 0 0 50%;
135 + max-width: 50%;
136 + padding: 0 15px;
137 + }
138 + .col-md-8 {
139 + flex: 0 0 66.6667%;
140 + max-width: 66.6667%;
141 + padding: 0 15px;
142 + }
143 + .col-md-2 {
144 + flex: 0 0 16.6667%;
145 + max-width: 16.6667%;
146 + padding: 0 15px;
147 + }
148 + .card {
120 120   background: white;
121 - border: 1px solid #e9ecef;
150 + border: 1px solid var(--card-border);
122 122   border-radius: 0.5rem;
123 - padding: 2rem 1.5rem;
124 - box-shadow: 0 2px 4px rgba(0,0,0,0.075);
125 - transition: transform 0.3s, box-shadow 0.3s;
152 + width: 100%;
126 126   height: 100%;
127 127   }
128 - .dept-card:hover {
155 + .card-hover {
156 + transition: transform 0.3s ease, box-shadow 0.3s ease;
157 + }
158 + .card-hover:hover {
129 129   transform: translateY(-8px);
130 - box-shadow: 0 12px 30px rgba(0,166,81,0.2);
160 + box-shadow: 0 12px 30px rgba(0, 166, 81, 0.2);
131 131   }
132 - .card-body-center {
133 - display: flex;
134 - flex-direction: column;
135 - align-items: center;
136 - text-align: center;
137 - height: 100%;
138 - }
139 - .icon-circle {
162 + .icon-wrapper {
140 140   width: 90px;
141 141   height: 90px;
142 - border-radius: 50%;
165 + border: 2px solid rgba(0, 166, 81, 0.15);
143 143   display: flex;
144 144   align-items: center;
145 145   justify-content: center;
146 - border: 2px solid rgba(0,166,81,0.15);
147 147   }
148 - .icon-blue { background-color: rgba(0,123,255,0.1); }
149 - .icon-green { background-color: rgba(40,167,69,0.1); }
150 - .icon-cyan { background-color: rgba(23,162,184,0.1); }
151 -
152 - .btn-dept {
153 - display: inline-block;
154 - padding: 0.6rem 1.8rem;
170 + .bg-primary { background-color: rgba(0, 123, 255, 0.1) !important; }
171 + .bg-success { background-color: rgba(40, 167, 69, 0.1) !important; }
172 + .bg-info { background-color: rgba(23, 162, 184, 0.1) !important; }
173 + .btn {
174 + display: inline-flex;
175 + align-items: center;
176 + justify-content: center;
177 + padding: 0.5rem 1.5rem;
178 + border: none;
155 155   border-radius: 50rem;
156 - color: white;
157 - text-decoration: none;
180 + font-size: 1rem;
158 158   font-weight: 500;
159 - transition: all 0.3s;
182 + text-decoration: none;
183 + transition: all 0.3s ease;
184 + cursor: pointer;
160 160   }
161 - .btn-blue { background-color: #007bff; }
162 - .btn-green { background-color: #28a745; }
163 - .btn-cyan { background-color: #17a2b8; }
164 - .btn-dept:hover { opacity: 0.9; transform: scale(1.05); }
165 -
166 - /* Секция помощи */
167 - .help-section {
168 - text-align: center;
169 - background-color: #f8f9fa;
170 - padding: 2.5rem 2rem;
171 - border-radius: 0.5rem;
172 - border: 1px solid #e9ecef;
186 + .btn-primary {
187 + background-color: #007bff;
188 + color: white;
173 173   }
174 - .btn-help {
175 - display: inline-block;
176 - padding: 0.6rem 1.8rem;
177 - border-radius: 50rem;
190 + .btn-success {
191 + background-color: #28a745;
192 + color: white;
193 + }
194 + .btn-info {
195 + background-color: #17a2b8;
196 + color: white;
197 + }
198 + .btn-outline-primary {
199 + background-color: transparent;
178 178   color: #007bff;
179 179   border: 2px solid #007bff;
180 - background-color: transparent;
181 - text-decoration: none;
182 - font-weight: 500;
183 - transition: all 0.3s;
184 184   }
185 - .btn-help:hover { background-color: #007bff; color: white; }
186 -
187 - /* Footer: чёрный фон на всю ширину */
188 - .footer-full {
189 - background-color: #212529;
190 - width: 100%;
191 - padding: 1.5rem 0;
192 - margin-top: 3rem;
203 + .btn:hover {
204 + opacity: 0.9;
205 + transform: scale(1.05);
193 193   }
194 - .footer-content { text-align: center; }
207 + .h-100 { height: 100%; }
208 + .d-flex { display: flex; }
209 + .flex-column { flex-direction: column; }
210 + .text-center { text-align: center; }
211 + .text-white { color: white; }
212 + .text-dark { color: var(--text-dark); }
213 + .text-muted { color: #6c757d; }
214 + .text-primary { color: #007bff; }
215 + .fw-bold { font-weight: bold; }
216 + .fw-semibold { font-weight: 600; }
217 + .lead { font-size: 1.25rem; font-weight: 300; }
218 + .h4 { font-size: 1.4rem; margin: 0; }
219 + .mb-0 { margin-bottom: 0; }
220 + .mb-1 { margin-bottom: 0.25rem; }
221 + .mb-2 { margin-bottom: 0.5rem; }
222 + .mb-3 { margin-bottom: 1rem; }
223 + .mb-4 { margin-bottom: 1.5rem; }
224 + .mb-5 { margin-bottom: 3rem; }
225 + .my-5 { margin: 3rem 0; }
226 + .mt-5 { margin-top: 3rem; }
227 + .py-4 { padding: 1.5rem 0; }
228 + .py-2 { padding: 0.5rem 0; }
229 + .py-3 { padding: 1rem 0; }
230 + .p-4 { padding: 1.5rem; }
231 + .px-4 { padding-left: 1.5rem; padding-right: 1.5rem; }
232 + .card-body { padding: 1.5rem; }
233 + .flex-grow-1 { flex-grow: 1; }
234 + .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075); }
235 + .rounded-3 { border-radius: 0.5rem; }
236 + .rounded-circle { border-radius: 50%; }
237 + .rounded-pill { border-radius: 50rem; }
238 + .border-0 { border: none; }
239 + .bg-light { background-color: #f8f9fa; }
240 + .logo-img { max-width: 100%; height: auto; }
195 195  
196 - /* Адаптивность */
197 197   @media (max-width: 1200px) {
198 - .card-col { flex: 0 0 calc(50% - 1rem); max-width: calc(50% - 1rem); }
243 + .col-lg-4 { flex: 0 0 50%; max-width: 50%; }
199 199   }
200 200   @media (max-width: 768px) {
201 - .card-col { flex: 0 0 100%; max-width: 100%; }
202 - .header-row { flex-direction: column; gap: 1rem; }
203 - .header-text h1 { font-size: 1.5rem; }
204 - .dept-card { padding: 1.5rem 1rem; }
246 + .row { margin: 0; justify-content: center; }
247 + .col-lg-4, .col-md-6, .col-md-8, .col-md-2 {
248 + flex: 0 0 100%;
249 + max-width: 100%;
250 + padding: 0 10px;
251 + margin-bottom: 1rem;
252 + }
253 + .container { padding: 0 10px; }
254 + .header h1 { font-size: 1.5rem; }
255 + .lead { font-size: 1rem; }
256 + .card-body { padding: 1rem; }
257 + .icon-wrapper { width: 75px; height: 75px; }
258 + .btn { width: 100%; }
205 205   }
206 206  </style>
207 207  {{/html}}
262 +