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

Редактировал(а) Руслан Савельев 2026/10/22 07:31

От версии 182.1
отредактировано Руслан Савельев
на 2026/10/22 07:31
Изменить комментарий: К данной версии нет комментариев
К версии 175.1
отредактировано Руслан Савельев
на 2026/10/21 08:14
Изменить комментарий: К данной версии нет комментариев

Сводка

Подробности

Свойства страницы
Содержимое
... ... @@ -1,162 +1,94 @@
1 1  {{html}}
2 -<!-- Сетка карточек с золотым сечением (иконка слева, текст справа, описание снизу) -->
3 -<div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 15px; margin-top: 20px;">
2 +<!-- Сетка карточек для главной страницы -->
3 +<div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 20px; margin-top: 20px;">
4 4  
5 5   <!-- 1. Приложения СНК -->
6 6   <a href="/bin/view/Prilozheniia_SNK/" style="text-decoration: none; color: inherit;">
7 - <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column; overflow: hidden;" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 6px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 3px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
8 -
9 - <!-- Верхняя часть: Иконка (38%) + Текст (62%) -->
10 - <div style="display: flex; align-items: center; padding: 15px; gap: 15px;">
11 - <!-- Иконка -->
12 - <div style="flex: 0 0 38%; text-align: center; font-size: 32px; color: #1e70bf;">
13 - <span class="fa fa-window-maximize"></span>
14 - </div>
15 - <!-- Заголовок -->
16 - <div style="flex: 1; text-align: left;">
17 - <div style="font-size: 15px; font-weight: bold; color: #1e70bf; line-height: 1.3;">Приложения СНК</div>
18 - </div>
19 - </div>
20 -
21 - <!-- Нижняя часть: Описание (мелким шрифтом) -->
22 - <div style="padding: 0 15px 15px 15px; font-size: 12px; color: #666; line-height: 1.4; border-top: 1px solid #f0f0f0; padding-top: 10px; margin-top: auto;">
23 - Описание приложений СНК. Детальное описание интерфейса и функционала.
24 - </div>
7 + <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 25px 20px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 4px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 8px 15px rgba(0,0,0,0.1)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 4px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
8 + <div style="font-size: 32px; color: #1e70bf; margin-bottom: 15px;"><span class="fa fa-window-maximize"></span></div>
9 + <div style="font-size: 18px; font-weight: bold; color: #333; margin-bottom: 8px;">Приложения СНК</div>
10 + <div style="font-size: 14px; color: #666; line-height: 1.5;">Описание приложений СНК. Детальное описание интерфейса и функционала.</div>
25 25   </div>
26 26   </a>
27 27  
28 28   <!-- 2. Руководства для оператора СНК-АЗС -->
29 29   <a href="/bin/view/Rukovodstva_dlia_operatora_SNK_AZS/" style="text-decoration: none; color: inherit;">
30 - <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column; overflow: hidden;" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 6px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 3px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
31 - <div style="display: flex; align-items: center; padding: 15px; gap: 15px;">
32 - <div style="flex: 0 0 38%; text-align: center; font-size: 32px; color: #1e70bf;"><span class="fa fa-user"></span></div>
33 - <div style="flex: 1; text-align: left;">
34 - <div style="font-size: 15px; font-weight: bold; color: #1e70bf; line-height: 1.3;">Руководства для оператора</div>
35 - </div>
36 - </div>
37 - <div style="padding: 0 15px 15px 15px; font-size: 12px; color: #666; line-height: 1.4; border-top: 1px solid #f0f0f0; padding-top: 10px; margin-top: auto;">
38 - Инструкции, необходимые для работы оператора АЗС.
39 - </div>
16 + <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 25px 20px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 4px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 8px 15px rgba(0,0,0,0.1)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 4px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
17 + <div style="font-size: 32px; color: #1e70bf; margin-bottom: 15px;"><span class="fa fa-user"></span></div>
18 + <div style="font-size: 18px; font-weight: bold; color: #333; margin-bottom: 8px;">Руководства для оператора СНК-АЗС</div>
19 + <div style="font-size: 14px; color: #666; line-height: 1.5;">Инструкции, необходимые для работы оператора АЗС.</div>
40 40   </div>
41 41   </a>
42 42  
43 - <!-- 3. Руководства для менеджера -->
23 + <!-- 3. Руководства для менеджера СНК-АЗС и СНК-Офис -->
44 44   <a href="/bin/view/Rukovodstva_dlia_menedzhera_SNK_AZS_i_SNK_Ofis/" style="text-decoration: none; color: inherit;">
45 - <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column; overflow: hidden;" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 6px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 3px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
46 - <div style="display: flex; align-items: center; padding: 15px; gap: 15px;">
47 - <div style="flex: 0 0 38%; text-align: center; font-size: 32px; color: #1e70bf;"><span class="fa fa-briefcase"></span></div>
48 - <div style="flex: 1; text-align: left;">
49 - <div style="font-size: 15px; font-weight: bold; color: #1e70bf; line-height: 1.3;">Руководства для менеджера</div>
50 - </div>
51 - </div>
52 - <div style="padding: 0 15px 15px 15px; font-size: 12px; color: #666; line-height: 1.4; border-top: 1px solid #f0f0f0; padding-top: 10px; margin-top: auto;">
53 - Инструкции для менеджера - движения товара, корректировки смен и т.д.
54 - </div>
25 + <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 25px 20px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 4px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 8px 15px rgba(0,0,0,0.1)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 4px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
26 + <div style="font-size: 32px; color: #1e70bf; margin-bottom: 15px;"><span class="fa fa-briefcase"></span></div>
27 + <div style="font-size: 18px; font-weight: bold; color: #333; margin-bottom: 8px;">Руководства для менеджера СНК-АЗС и СНК-Офис</div>
28 + <div style="font-size: 14px; color: #666; line-height: 1.5;">Инструкции для менеджера - движения товара, корректировки смен и т.д.</div>
55 55   </div>
56 56   </a>
57 57  
58 - <!-- 4. Руководства для администратора -->
32 + <!-- 4. Руководства для администратора СНК-АЗС и СНК-Офис -->
59 59   <a href="/bin/view/Rukovodstva_dlia_administratora_SNK_AZS_i_SNK_Ofis/" style="text-decoration: none; color: inherit;">
60 - <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column; overflow: hidden;" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 6px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 3px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
61 - <div style="display: flex; align-items: center; padding: 15px; gap: 15px;">
62 - <div style="flex: 0 0 38%; text-align: center; font-size: 32px; color: #1e70bf;"><span class="fa fa-shield"></span></div>
63 - <div style="flex: 1; text-align: left;">
64 - <div style="font-size: 15px; font-weight: bold; color: #1e70bf; line-height: 1.3;">Руководства для администратора</div>
65 - </div>
66 - </div>
67 - <div style="padding: 0 15px 15px 15px; font-size: 12px; color: #666; line-height: 1.4; border-top: 1px solid #f0f0f0; padding-top: 10px; margin-top: auto;">
68 - Инструкции по настройке параметров торговли - ставки налогов, продажа маркированного товара и т.д.
69 - </div>
34 + <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 25px 20px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 4px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 8px 15px rgba(0,0,0,0.1)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 4px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
35 + <div style="font-size: 32px; color: #1e70bf; margin-bottom: 15px;"><span class="fa fa-shield"></span></div>
36 + <div style="font-size: 18px; font-weight: bold; color: #333; margin-bottom: 8px;">Руководства для администратора СНК-АЗС и СНК-Офис</div>
37 + <div style="font-size: 14px; color: #666; line-height: 1.5;">Инструкции по настройке параметров торговли - ставки налогов, продажа маркированного товара и т.д.</div>
70 70   </div>
71 71   </a>
72 72  
73 73   <!-- 5. Настройка оборудования -->
74 74   <a href="/bin/view/Nastroika_oborudovaniia/" style="text-decoration: none; color: inherit;">
75 - <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column; overflow: hidden;" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 6px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 3px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
76 - <div style="display: flex; align-items: center; padding: 15px; gap: 15px;">
77 - <div style="flex: 0 0 38%; text-align: center; font-size: 32px; color: #1e70bf;"><span class="fa fa-wrench"></span></div>
78 - <div style="flex: 1; text-align: left;">
79 - <div style="font-size: 15px; font-weight: bold; color: #1e70bf; line-height: 1.3;">Настройка оборудования</div>
80 - </div>
81 - </div>
82 - <div style="padding: 0 15px 15px 15px; font-size: 12px; color: #666; line-height: 1.4; border-top: 1px solid #f0f0f0; padding-top: 10px; margin-top: auto;">
83 - Инструкции по подключению различного оборудования.
84 - </div>
43 + <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 25px 20px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 4px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 8px 15px rgba(0,0,0,0.1)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 4px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
44 + <div style="font-size: 32px; color: #1e70bf; margin-bottom: 15px;"><span class="fa fa-wrench"></span></div>
45 + <div style="font-size: 18px; font-weight: bold; color: #333; margin-bottom: 8px;">Настройка оборудования</div>
46 + <div style="font-size: 14px; color: #666; line-height: 1.5;">Инструкции по подключению различного оборудования.</div>
85 85   </div>
86 86   </a>
87 87  
88 88   <!-- 6. Настройка сервисов мобильных заявок -->
89 89   <a href="/bin/view/Nastroika_servisov_mobil_nykh_zaiavok/" style="text-decoration: none; color: inherit;">
90 - <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column; overflow: hidden;" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 6px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 3px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
91 - <div style="display: flex; align-items: center; padding: 15px; gap: 15px;">
92 - <div style="flex: 0 0 38%; text-align: center; font-size: 32px; color: #1e70bf;"><span class="fa fa-mobile"></span></div>
93 - <div style="flex: 1; text-align: left;">
94 - <div style="font-size: 15px; font-weight: bold; color: #1e70bf; line-height: 1.3;">Настройка сервисов мобильных заявок</div>
95 - </div>
96 - </div>
97 - <div style="padding: 0 15px 15px 15px; font-size: 12px; color: #666; line-height: 1.4; border-top: 1px solid #f0f0f0; padding-top: 10px; margin-top: auto;">
98 - Подключение различных мобильных сервисов - Яндекс, Бензубер и др.
99 - </div>
52 + <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 25px 20px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 4px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 8px 15px rgba(0,0,0,0.1)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 4px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
53 + <div style="font-size: 32px; color: #1e70bf; margin-bottom: 15px;"><span class="fa fa-mobile"></span></div>
54 + <div style="font-size: 18px; font-weight: bold; color: #333; margin-bottom: 8px;">Настройка сервисов мобильных заявок</div>
55 + <div style="font-size: 14px; color: #666; line-height: 1.5;">Подключение различных мобильных сервисов - Яндекс, Бензубер и др.</div>
100 100   </div>
101 101   </a>
102 102  
103 103   <!-- 7. Расширенный функционал СНК-АЗС -->
104 104   <a href="/bin/view/Rasshirennyi_funktsional_SNK_AZS/" style="text-decoration: none; color: inherit;">
105 - <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column; overflow: hidden;" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 6px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 3px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
106 - <div style="display: flex; align-items: center; padding: 15px; gap: 15px;">
107 - <div style="flex: 0 0 38%; text-align: center; font-size: 32px; color: #1e70bf;"><span class="fa fa-puzzle-piece"></span></div>
108 - <div style="flex: 1; text-align: left;">
109 - <div style="font-size: 15px; font-weight: bold; color: #1e70bf; line-height: 1.3;">Расширенный функционал СНК-АЗС</div>
110 - </div>
111 - </div>
112 - <div style="padding: 0 15px 15px 15px; font-size: 12px; color: #666; line-height: 1.4; border-top: 1px solid #f0f0f0; padding-top: 10px; margin-top: auto;">
113 - Различные расширения программы
114 - </div>
61 + <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 25px 20px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 4px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 8px 15px rgba(0,0,0,0.1)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 4px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
62 + <div style="font-size: 32px; color: #1e70bf; margin-bottom: 15px;"><span class="fa fa-puzzle-piece"></span></div>
63 + <div style="font-size: 18px; font-weight: bold; color: #333; margin-bottom: 8px;">Расширенный функционал СНК-АЗС</div>
64 + <div style="font-size: 14px; color: #666; line-height: 1.5;">Различные расширения программы</div>
115 115   </div>
116 116   </a>
117 117  
118 118   <!-- 8. Сервисные операции -->
119 119   <a href="/bin/view/Servisnye_operatsii/" style="text-decoration: none; color: inherit;">
120 - <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column; overflow: hidden;" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 6px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 3px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
121 - <div style="display: flex; align-items: center; padding: 15px; gap: 15px;">
122 - <div style="flex: 0 0 38%; text-align: center; font-size: 32px; color: #1e70bf;"><span class="fa fa-cogs"></span></div>
123 - <div style="flex: 1; text-align: left;">
124 - <div style="font-size: 15px; font-weight: bold; color: #1e70bf; line-height: 1.3;">Сервисные операции</div>
125 - </div>
126 - </div>
127 - <div style="padding: 0 15px 15px 15px; font-size: 12px; color: #666; line-height: 1.4; border-top: 1px solid #f0f0f0; padding-top: 10px; margin-top: auto;">
128 - Восстановление данных, установка и настройка приложений СНК, сервисные операции
129 - </div>
70 + <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 25px 20px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 4px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 8px 15px rgba(0,0,0,0.1)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 4px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
71 + <div style="font-size: 32px; color: #1e70bf; margin-bottom: 15px;"><span class="fa fa-cogs"></span></div>
72 + <div style="font-size: 18px; font-weight: bold; color: #333; margin-bottom: 8px;">Сервисные операции</div>
73 + <div style="font-size: 14px; color: #666; line-height: 1.5;">Восстановление данных, установка и настройка приложений СНК, сервисные операции</div>
130 130   </div>
131 131   </a>
132 132  
133 133   <!-- 9. Справочная информация -->
134 134   <a href="/bin/view/Spravochnaia_informatsiia/" style="text-decoration: none; color: inherit;">
135 - <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column; overflow: hidden;" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 6px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 3px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
136 - <div style="display: flex; align-items: center; padding: 15px; gap: 15px;">
137 - <div style="flex: 0 0 38%; text-align: center; font-size: 32px; color: #1e70bf;"><span class="fa fa-book"></span></div>
138 - <div style="flex: 1; text-align: left;">
139 - <div style="font-size: 15px; font-weight: bold; color: #1e70bf; line-height: 1.3;">Справочная информация</div>
140 - </div>
141 - </div>
142 - <div style="padding: 0 15px 15px 15px; font-size: 12px; color: #666; line-height: 1.4; border-top: 1px solid #f0f0f0; padding-top: 10px; margin-top: auto;">
143 - Справочники по различным темам
144 - </div>
79 + <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 25px 20px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 4px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 8px 15px rgba(0,0,0,0.1)'; this.style.borderColor='#1e70bf';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 4px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
80 + <div style="font-size: 32px; color: #1e70bf; margin-bottom: 15px;"><span class="fa fa-book"></span></div>
81 + <div style="font-size: 18px; font-weight: bold; color: #333; margin-bottom: 8px;">Справочная информация</div>
82 + <div style="font-size: 14px; color: #666; line-height: 1.5;">Справочники по различным темам</div>
145 145   </div>
146 146   </a>
147 147  
148 148   <!-- 10. Ошибки и решения (красный акцент) -->
149 149   <a href="/bin/view/Oshibki_i_resheniia/" style="text-decoration: none; color: inherit;">
150 - <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column; overflow: hidden;" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 6px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#d9534f';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 3px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
151 - <div style="display: flex; align-items: center; padding: 15px; gap: 15px;">
152 - <div style="flex: 0 0 38%; text-align: center; font-size: 32px; color: #d9534f;"><span class="fa fa-exclamation-triangle"></span></div>
153 - <div style="flex: 1; text-align: left;">
154 - <div style="font-size: 15px; font-weight: bold; color: #d9534f; line-height: 1.3;">Ошибки и решения</div>
155 - </div>
156 - </div>
157 - <div style="padding: 0 15px 15px 15px; font-size: 12px; color: #666; line-height: 1.4; border-top: 1px solid #f0f0f0; padding-top: 10px; margin-top: auto;">
158 - Действия при различных ошибках
159 - </div>
88 + <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 25px 20px; height: 100%; box-sizing: border-box; box-shadow: 0 1px 4px rgba(0,0,0,0.04); transition: all 0.2s; display: flex; flex-direction: column;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 8px 15px rgba(0,0,0,0.1)'; this.style.borderColor='#d9534f';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 1px 4px rgba(0,0,0,0.04)'; this.style.borderColor='#e0e0e0';">
89 + <div style="font-size: 32px; color: #d9534f; margin-bottom: 15px;"><span class="fa fa-exclamation-triangle"></span></div>
90 + <div style="font-size: 18px; font-weight: bold; color: #d9534f; margin-bottom: 8px;">Ошибки и решения</div>
91 + <div style="font-size: 14px; color: #666; line-height: 1.5;">Действия при различных ошибках</div>
160 160   </div>
161 161   </a>
162 162