Space Station 14 Вики

CM:Руководство по технике: различия между версиями

Интерактивная навигация по истории
← Предыдущая правкаСледующая правка →
ВизуальныйВики-текст
Строка 8: Строка 8:


<!-- Вариант 1: центрированные иконки --><div style="background: #1a1f35; padding: 20px; border-radius: 8px; margin: 20px 0; max-width: 100%; box-sizing: border-box;"> <h3 style="color: #ffffff; text-align: center; margin: 0 0 20px 0;">Стандартное снаряжение</h3> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- Insulated Gloves --> <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;"> <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;"> [[Файл:Insulated_Gloves.png|80px|link=]] </div> <div> <h4 style="color: #ffffff; margin: 0 0 6px 0;">Изолированные перчатки</h4> <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Защищают от ударов электричеством.</p> </div> </div> <!-- M3 Pattern Tanker Armor --> <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;"> <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;"> [[Файл:M3_Pattern_Tanker_Armor.png|80px|link=]] </div> <div> <h4 style="color: #ffffff; margin: 0 0 6px 0;">Броня танкиста M3</h4> <p style="color: #e2e8f0; margin: 0 0 5px 0; font-size: 14px;">Модифицированная версия брони M3, предназначенная для заряжающего экипажа техники USCM. Несмотря на некоторое ограничение движений, она обеспечивает уровень защиты, недоступный обычному пехотинцу.</p> <p style="color: #a0aec0; margin: 0; font-size: 13px;"><i>Носится <b>механиком-водителем</b>. Характеристики: [развернуть]</i></p> </div> </div> <!-- Headset --> <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;"> <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;"> [[Файл:Headset.png|80px|link=]] </div> <div> <h4 style="color: #ffffff; margin: 0 0 6px 0;">Гарнитура</h4> <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Стандартная гарнитура USCM со встроенным HUD и доступом ко всем каналам связи.</p> </div> </div> <!-- M50 Tanker Helmet --> <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;"> <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;"> [[Файл:M50_Tanker_Helmet.png|80px|link=]] </div> <div> <h4 style="color: #ffffff; margin: 0 0 6px 0;">Шлем танкиста M50</h4> <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Лёгкий шлем со сварным щитком, выдаётся <b>механикам-водителям</b>.</p> </div> </div> <!-- Welding Kit --> <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;"> <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;"> [[Файл:Welding_kit.png|80px|link=]] </div> <div> <h4 style="color: #ffffff; margin: 0 0 6px 0;">Сварочный аппарат</h4> <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Портативный сварочный аппарат. Вмещает 600 единиц топлива.</p> </div> </div> <!-- MRE --> <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;"> <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;"> [[Файл:MRE.png|80px|link=]] </div> <div> <h4 style="color: #ffffff; margin: 0 0 6px 0;">Сухой паёк MRE</h4> <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Стандартный паёк USCM. Срок годности истекает значительно позже вашего.</p> </div> </div> </div> </div>
<!-- Вариант 1: центрированные иконки --><div style="background: #1a1f35; padding: 20px; border-radius: 8px; margin: 20px 0; max-width: 100%; box-sizing: border-box;"> <h3 style="color: #ffffff; text-align: center; margin: 0 0 20px 0;">Стандартное снаряжение</h3> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- Insulated Gloves --> <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;"> <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;"> [[Файл:Insulated_Gloves.png|80px|link=]] </div> <div> <h4 style="color: #ffffff; margin: 0 0 6px 0;">Изолированные перчатки</h4> <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Защищают от ударов электричеством.</p> </div> </div> <!-- M3 Pattern Tanker Armor --> <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;"> <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;"> [[Файл:M3_Pattern_Tanker_Armor.png|80px|link=]] </div> <div> <h4 style="color: #ffffff; margin: 0 0 6px 0;">Броня танкиста M3</h4> <p style="color: #e2e8f0; margin: 0 0 5px 0; font-size: 14px;">Модифицированная версия брони M3, предназначенная для заряжающего экипажа техники USCM. Несмотря на некоторое ограничение движений, она обеспечивает уровень защиты, недоступный обычному пехотинцу.</p> <p style="color: #a0aec0; margin: 0; font-size: 13px;"><i>Носится <b>механиком-водителем</b>. Характеристики: [развернуть]</i></p> </div> </div> <!-- Headset --> <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;"> <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;"> [[Файл:Headset.png|80px|link=]] </div> <div> <h4 style="color: #ffffff; margin: 0 0 6px 0;">Гарнитура</h4> <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Стандартная гарнитура USCM со встроенным HUD и доступом ко всем каналам связи.</p> </div> </div> <!-- M50 Tanker Helmet --> <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;"> <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;"> [[Файл:M50_Tanker_Helmet.png|80px|link=]] </div> <div> <h4 style="color: #ffffff; margin: 0 0 6px 0;">Шлем танкиста M50</h4> <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Лёгкий шлем со сварным щитком, выдаётся <b>механикам-водителям</b>.</p> </div> </div> <!-- Welding Kit --> <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;"> <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;"> [[Файл:Welding_kit.png|80px|link=]] </div> <div> <h4 style="color: #ffffff; margin: 0 0 6px 0;">Сварочный аппарат</h4> <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Портативный сварочный аппарат. Вмещает 600 единиц топлива.</p> </div> </div> <!-- MRE --> <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;"> <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;"> [[Файл:MRE.png|80px|link=]] </div> <div> <h4 style="color: #ffffff; margin: 0 0 6px 0;">Сухой паёк MRE</h4> <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Стандартный паёк USCM. Срок годности истекает значительно позже вашего.</p> </div> </div> </div> </div>
<!-- Личное оружие (Personal Sidearms) -->
<div style="background: #1a1f35; padding: 20px; border-radius: 8px; margin: 20px 0;">
    <h3 style="color: #ffffff; text-align: center; margin: 0 0 10px 0;">Личное оружие</h3>
    <p style="color: #a0aec0; text-align: center; margin: 0 0 20px 0;">Выберите одно:</p>
    <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;">
        <!-- M4A3 Custom Pistol -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:M4a3Commander.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Пистолет M4A3 Custom</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Особая версия M4A3 с рукоятью из слоновой кости. Незначительно превосходит стандартную модель по урону и точности. Выдаётся офицерам штаба, пилотам, связистам и механикам-водителям.</p>
                <p style="color: #a0aec0; margin: 5px 0 0 0; font-size: 13px;"><i>Характеристики: [развернуть]</i></p>
            </div>
        </div>
        <!-- VP78 Pistol -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:Vp78.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Пистолет VP78</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Мощный автоматический пистолет калибра 9 мм, магазин на 14 патронов с разрывными пулями. Режим стрельбы очередями по 2. Стандартное оружие офицеров PMC, специалистов, командиров отделений и исполнительного офицера.</p>
                <p style="color: #a0aec0; margin: 5px 0 0 0; font-size: 13px;"><i>Характеристики: [развернуть]</i></p>
            </div>
        </div>
    </div>
</div>
<!-- Пояса (Belts) -->
<div style="background: #1a1f35; padding: 20px; border-radius: 8px; margin: 20px 0;">
    <h3 style="color: #ffffff; text-align: center; margin: 0 0 10px 0;">Пояса</h3>
    <p style="color: #a0aec0; text-align: center; margin: 0 0 20px 0;">Выберите один:</p>
    <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;">
        <!-- G8-A General Utility Pouch -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:G18-Utility-Pouch.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Универсальный подсумок G8-A</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Лёгкий подсумок, крепится на броню M3 или пояс. Вмещает до 3 предметов.</p>
            </div>
        </div>
        <!-- M103 pattern Tank-Ammo rig -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:M103_pattern_Tank-Ammo_rig.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Пояс для боеприпасов танкиста M103</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Специализированный пояс для хранения боеприпасов. 2 ячейки.</p>
            </div>
        </div>
        <!-- M276 Pattern Ammo Load Rig -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:M276_Pattern_Ammo_Load_Rig.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Пояс для боеприпасов M276</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Стандартный пояс для переноски большого количества магазинов. 5 слотов.</p>
            </div>
        </div>
        <!-- M276 Pattern M4A3 Holster Rig -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:M276_pattern_M4A3_holster_rig.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Кобурный пояс M276 для M4A3</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Пояс с кобурой для M4A3 или MK88, также есть карманы для магазинов.</p>
            </div>
        </div>
        <!-- M276 Pattern Knife Rig -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:M276_pattern_knife.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Пояс для ножей M276</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">С четырьмя креплениями для метательных ножей. До 6 ножей.</p>
            </div>
        </div>
        <!-- M276 Pattern M39 Holster Rig -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:M276_pattern_M39_holster_rig.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Кобурный пояс M276 для M39</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Для пистолета-пулемёта M39, редкий вариант.</p>
            </div>
        </div>
        <!-- M276 Pattern M44 Holster Rig -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:M276_pattern_M44_holster_rig.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Кобурный пояс M276 для M44</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Для револьвера M44, с тремя карманами для спидлоадеров.</p>
            </div>
        </div>
        <!-- Shotgun Shell Load Rig -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:Shotgun_belt.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Пояс для дробовых патронов</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Вмещает до 10 горстей патронов.</p>
            </div>
        </div>
        <!-- M276 Pattern Toolbelt Rig -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:M276_Pattern_Toolbelt_Rig.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Инструментальный пояс M276</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Содержит все необходимые инструменты для инженерных работ.</p>
            </div>
        </div>
    </div>
</div>
<!-- Подсумки (Pouches) -->
<div style="background: #1a1f35; padding: 20px; border-radius: 8px; margin: 20px 0;">
    <h3 style="color: #ffffff; text-align: center; margin: 0 0 10px 0;">Подсумки</h3>
    <p style="color: #a0aec0; text-align: center; margin: 0 0 20px 0;">Выберите два:</p>
    <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;">
        <!-- First-Aid Pouch -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:Aid-pouch.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Аптечка</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Базовая полевая аптечка с медикаментами. Пополняется в NanoMed.</p>
                <p style="color: #a0aec0; margin: 5px 0 0 0; font-size: 13px;">Содержит: мазь, автоинжектор обезболивающего, автоинжектор первой помощи, бинт.</p>
            </div>
        </div>
        <!-- Flare Pouch -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:Flare-pouch.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Подсумок для фальшфейеров</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Вмещает до 8 фальшфейеров (включая горящие).</p>
            </div>
        </div>
        <!-- Large General Pouch -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:Large-gen-pouch.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Большой универсальный подсумок</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">3 слота для мелких предметов или магазинов.</p>
            </div>
        </div>
        <!-- Large Magazine Pouch -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:Largemag-pouch.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Большой подсумок для магазинов</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">До 4 магазинов или горстей патронов.</p>
            </div>
        </div>
        <!-- Large Pistol Magazine Pouch -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:Pistol-mag-pouch-large.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Большой подсумок для пистолетных магазинов</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">До 6 пистолетных магазинов.</p>
            </div>
        </div>
        <!-- Magazine Pouch -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:Medmag-pouch.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Подсумок для магазинов</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">3 слота для магазинов или патронов.</p>
            </div>
        </div>
        <!-- Sidearm Pouch -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:Pistol-pouch.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Кобура</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Для пистолета M4A3 или 88M4.</p>
            </div>
        </div>
        <!-- Tools Pouch -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:Tool_Pouch.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Подсумок для инструментов</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">4 слота для различных инструментов (отвёртка, сварочный аппарат, лом, ключ, кабель, мультитул, кусачки, лопата).</p>
            </div>
        </div>
    </div>
</div>
<!-- Аксессуары (Accessories) -->
<div style="background: #1a1f35; padding: 20px; border-radius: 8px; margin: 20px 0;">
    <h3 style="color: #ffffff; text-align: center; margin: 0 0 10px 0;">Аксессуары</h3>
    <p style="color: #a0aec0; text-align: center; margin: 0 0 20px 0;">Выберите один:</p>
    <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;">
        <!-- Black Webbing Vest -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:Black_webbing_vest.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Чёрный разгрузочный жилет</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">5 слотов для мелких предметов.</p>
            </div>
        </div>
        <!-- Brown Webbing Vest -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:Brown_webbing_vest.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Коричневый разгрузочный жилет</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">5 слотов для мелких предметов.</p>
            </div>
        </div>
        <!-- Shoulder Holster -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:Shoulder_Holster.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Плечевая кобура</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Для любого пистолета.</p>
            </div>
        </div>
        <!-- Webbing -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:Webbing.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Разгрузка</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">3 слота для мелких предметов или магазинов.</p>
            </div>
        </div>
        <!-- Drop Pouch -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:Drop_Pouch.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Подсумок-карман</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">2 слота для крупных предметов.</p>
            </div>
        </div>
    </div>
</div>
<!-- Защита для сварки (Welding Protection) -->
<div style="background: #1a1f35; padding: 20px; border-radius: 8px; margin: 20px 0;">
    <h3 style="color: #ffffff; text-align: center; margin: 0 0 10px 0;">Защита для сварки</h3>
    <p style="color: #a0aec0; text-align: center; margin: 0 0 20px 0;">Выберите одну:</p>
    <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;">
        <!-- Welding Goggles -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:Goggles.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Сварочные очки</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Защищают глаза при сварке.</p>
            </div>
        </div>
        <!-- Welding Helmet -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:Welding_Helmet.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Сварочный шлем</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Полностью закрывает лицо, защищает от дуги.</p>
            </div>
        </div>
    </div>
</div>
<!-- Маски (Masks) -->
<div style="background: #1a1f35; padding: 20px; border-radius: 8px; margin: 20px 0;">
    <h3 style="color: #ffffff; text-align: center; margin: 0 0 10px 0;">Маски</h3>
    <p style="color: #a0aec0; text-align: center; margin: 0 0 20px 0;">Выберите одну:</p>
    <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;">
        <!-- Gas Mask -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:Gasmask.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Противогаз</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Защищает от газов, но не даёт брони голове.</p>
            </div>
        </div>
        <!-- Heat absorbent coif -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:Heat_absorbent_coif.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Теплозащитный подшлемник</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Используется на снежных планетах для защиты от холода.</p>
            </div>
        </div>
    </div>
</div>
<!-- Инструменты (Utilities) -->
<div style="background: #1a1f35; padding: 20px; border-radius: 8px; margin: 20px 0;">
    <h3 style="color: #ffffff; text-align: center; margin: 0 0 10px 0;">Инструменты</h3>
    <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;">
        <!-- Mini Extinguisher -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:Mini_Extinguisher.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Мини-огнетушитель</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Портативный огнетушитель, экономит место. Стоимость: 5 очков.</p>
            </div>
        </div>
        <!-- Fuel tank strap pouch -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:Flame-pouch.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Ремень для топливного бака</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Для переноски запасных баллонов с напалмом. Стоимость: 15 очков.</p>
            </div>
        </div>
        <!-- Large Magazine Pouch (как utility) -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:Largemag-pouch.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Большой подсумок для магазинов</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">4 слота. Стоимость: 15 очков.</p>
            </div>
        </div>
        <!-- Motion Detector -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:Motion_Detector.gif|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Детектор движения</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Обнаруживает цели без ID за стенами. Два режима дальности. Стоимость: 15 очков.</p>
            </div>
        </div>
        <!-- C4 -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:C4.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Пластид C4</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Используется для взлома или уничтожения туннелей. Требуется навык «Инженерия: обучен». Стоимость: 10 очков.</p>
            </div>
        </div>
        <!-- Medical HUD -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:MedicHud.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Медицинский HUD</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Очки, показывающие состояние здоровья морпехов. Стоимость: 15 очков.</p>
            </div>
        </div>
    </div>
</div>


=Техника=
=Техника=
Источник — https://station14.ru/wiki/CM:Руководство_по_технике