Код:
<!--HTML--> <div style="max-width:860px;margin:0 auto;position:relative;background: radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--accent) 35%, transparent), transparent 45%), radial-gradient(circle at 95% 15%, color-mix(in srgb, var(--accent2) 55%, transparent), transparent 40%), radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--accent2) 50%, var(--base-bg2)), var(--base-bg2) 60%); border-radius:var(--b-radius);padding:4px;overflow:hidden;"> <div style="position:absolute;top:-30px;right:-30px;width:110px;height:110px;border-radius:50%;background:color-mix(in srgb, var(--accent2) 40%, transparent);"></div> <div style="position:absolute;bottom:-40px;left:-20px;width:130px;height:130px;border-radius:50%;background:color-mix(in srgb, var(--accent) 20%, transparent);"></div> <div style="position:relative;padding:26px 24px 22px;"> <div style="display:flex;justify-content:center;margin-bottom:10px;"> <div style="background:var(--dark-bord);color:var(--light-text);font-size:10px;font-weight:700;letter-spacing:2px;padding:5px 14px;border-radius:20px;text-transform:uppercase;">Барахолка</div> </div> <div style="text-align:center;"> <div style="font-size:28px;font-weight:700;color:var(--text);letter-spacing:1px;">ФАНКО-БАР</div> <div style="display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;"> <div style="width:16px;height:1.5px;background:var(--link-acc);"></div> <div style="font-size:11.5px;color:var(--link-acc);letter-spacing:0.5px;">доска объявлений — предложи фигурку на обмен, продажу или подарок</div> <div style="width:16px;height:1.5px;background:var(--link-acc);"></div> </div> </div> <div style="display:flex;align-items:center;justify-content:center;gap:8px;margin:22px 0 12px;"> <div style="flex-grow:1;height:1px;background:color-mix(in srgb, var(--dark-bord) 25%, transparent);"></div> <div style="width:6px;height:6px;background:var(--accent);border-radius:50%;"></div> <div style="font-size:15px;font-weight:700;color:var(--text);white-space:nowrap;">Как это работает</div> <div style="width:6px;height:6px;background:var(--accent);border-radius:50%;"></div> <div style="flex-grow:1;height:1px;background:color-mix(in srgb, var(--dark-bord) 25%, transparent);"></div> </div> <div style="display:flex;flex-direction:column;gap:8px;"> <div style="display:flex;align-items:flex-start;gap:10px;background:var(--base-bg2);border-radius:14px;padding:10px 14px;box-shadow:0 4px 10px rgba(0,0,0,0.08);"> <div style="width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--light-text);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;">1</div> <div style="font-size:12.5px;color:var(--text);line-height:1.5;text-align:left;">Ниже — живая доска активных объявлений всех игроков, с фильтрами «Подарят/Обменяют/Продадут». Кнопка «+ Разместить объявление» выкладывает СВОЮ фигурку на доску карточкой прямо в этой теме.</div> </div> <div style="display:flex;align-items:flex-start;gap:10px;background:var(--base-bg2);border-radius:14px;padding:10px 14px;box-shadow:0 4px 10px rgba(0,0,0,0.08);"> <div style="width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--light-text);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;">2</div> <div style="font-size:12.5px;color:var(--text);line-height:1.5;text-align:left;">Заинтересовались чьим-то объявлением — кликните по карточке на доске, в форму ответа ниже добавится ссылка-цитата на эту фигурку, дальше пишите свой вопрос как обычный ответ в теме.</div> </div> <div style="display:flex;align-items:flex-start;gap:10px;background:var(--base-bg2);border-radius:14px;padding:10px 14px;box-shadow:0 4px 10px rgba(0,0,0,0.08);"> <div style="width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--light-text);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;">3</div> <div style="font-size:12.5px;color:var(--text);line-height:1.5;text-align:left;">Когда договорились — саму передачу оформляет автор объявления в теме «Обмен и подарки» (обмен/подарок/продажа), заявка подтверждается администрацией как обычно.</div> </div> <div style="display:flex;align-items:flex-start;gap:10px;background:var(--base-bg2);border-radius:14px;padding:10px 14px;box-shadow:0 4px 10px rgba(0,0,0,0.08);"> <div style="width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--light-text);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;">4</div> <div style="font-size:12.5px;color:var(--text);line-height:1.5;text-align:left;">Объявление снимается с доски автоматически, как только фигурка реально сменит владельца, или в любой момент вручную — в блоке «Мои объявления» под доской.</div> </div> </div> <div style="display:flex;align-items:center;justify-content:center;gap:8px;margin:22px 0 12px;"> <div style="flex-grow:1;height:1px;background:color-mix(in srgb, var(--dark-bord) 25%, transparent);"></div> <div style="font-size:12px;color:var(--link-acc);white-space:nowrap;">доска объявлений</div> <div style="flex-grow:1;height:1px;background:color-mix(in srgb, var(--dark-bord) 25%, transparent);"></div> </div> <div class="fk-marketplace-anchor"></div> </div> </div> <script src="https://barfiles.ru/js/funko/marketplace_widget.js?v=3"></script>
