Раздел навигации

Регистрация

Добро пожаловать!

Alexey_Konyakyan · 2026-08-27T23:16:06+00:00

💬 Вступай в беседу ВКонтакте 👋 Присоединяйся к официальной беседе сервера Love — здесь обсуждаются новости, игровые моменты, помощь и просто общение. 🔥 Ты с нами? Жми на кнопку и становись частью сообщества! 📲 Перейти в беседу → 🔒 Беседа защищена — доступ только для участников сервера. /* ОСНОВНЫЕ ПЕРЕМЕННЫЕ (винный цвет) */ :root { --wine: #b2344d; --wine-dark: #7a1f31; --wine-glow: rgba(178, 52, 77, 0.6); --wine-soft: rgba(178, 52, 77, 0.15); } #chat-wine { position: relative; max-width: 820px; margin: 0 auto 30px; padding: 35px 30px 30px; background: #0d0909; border-radius: 28px; font-family: 'Segoe UI', 'Inter', system-ui, sans-serif; color: #f0ecec; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.9), inset 0 0 80px rgba(178,52,77,0.06); border: 1px solid rgba(178,52,77,0.25); backdrop-filter: blur(2px); } /* Фоновые эффекты (искры + винное свечение) */ #chat-wine::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: radial-gradient(2px 2px at 15% 25%, rgba(255,255,255,0.3), transparent), radial-gradient(2px 2px at 35% 65%, rgba(255,200,200,0.2), transparent), radial-gradient(2px 2px at 55% 15%, rgba(255,255,255,0.25), transparent), radial-gradient(3px 3px at 75% 85%, rgba(178,52,77,0.3), transparent), radial-gradient(2px 2px at 90% 10%, rgba(178,52,77,0.2), transparent), radial-gradient(2px 2px at 10% 90%, rgba(255,255,255,0.15), transparent), radial-gradient(3px 3px at 50% 50%, rgba(178,52,77,0.15), transparent); background-size: 180px 180px; opacity: 0.7; animation: sparkle 10s ease-in-out infinite alternate; pointer-events: none; z-index: 0; } @keyframes sparkle { 0% { opacity: 0.5; transform: scale(1) rotate(0deg); } 100% { opacity: 0.9; transform: scale(1.08) rotate(3deg); } } #chat-wine::after { content: ''; position: absolute; top: -30%; left: -30%; width: 160%; height: 160%; background: radial-gradient(circle at 40% 50%, rgba(178,52,77,0.08) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(178,52,77,0.05) 0%, transparent 40%); z-index: 0; animation: winePulse 14s ease-in-out infinite alternate; pointer-events: none; } @keyframes winePulse { 0% { opacity: 0.6; transform: scale(1) rotate(-5deg); } 100% { opacity: 1; transform: scale(1.05) rotate(5deg); } } /* СВЕЧЕНИЕ ОТ КУРСОРА */ .chat-glow { position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; pointer-events: none; z-index: 1; opacity: 0; transition: opacity 0.4s ease; background: radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(178,52,77,0.12), transparent 60%); will-change: transform, opacity; } #chat-wine:hover .chat-glow { opacity: 1; } #chat-wine > *:not(.chat-glow) { position: relative; z-index: 2; } /* ЗАГОЛОВОК */ .chat-header { margin-bottom: 18px; padding-bottom: 12px; border-bottom: 2px solid rgba(178,52,77,0.25); animation: fadeSlide 0.8s ease-out; } @keyframes fadeSlide { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .chat-header h2 { margin: 0; font-size: 2.2rem; font-weight: 700; letter-spacing: 1.5px; background: linear-gradient(135deg, #f0ecec 0%, #e6c0c0 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-shadow: 0 0 40px rgba(178,52,77,0.3); display: flex; align-items: center; gap: 12px; } /* ОПИСАНИЕ */ .chat-description { display: flex; align-items: flex-start; gap: 14px; padding: 14px 18px; background: rgba(255, 255, 255, 0.02); border-radius: 12px; border: 1px solid rgba(178,52,77,0.08); margin-bottom: 16px; animation: fadeSlide 0.8s ease-out 0.05s both; transition: border-color 0.3s, background 0.3s; } .chat-description:hover { border-color: rgba(178,52,77,0.2); background: rgba(255, 255, 255, 0.04); } .chat-description .chat-icon { font-size: 1.8rem; flex-shrink: 0; } .chat-description .chat-text { font-size: 1.05rem; color: #e0d0d0; line-height: 1.6; letter-spacing: 0.2px; } .chat-description .chat-text strong { color: #f0ecec; font-weight: 700; } /* ПРИЗЫВ */ .chat-call { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 12px 18px; background: rgba(178,52,77,0.08); border-radius: 14px; margin-bottom: 20px; border: 1px solid rgba(178,52,77,0.12); animation: fadeSlide 0.8s ease-out 0.1s both; transition: background 0.3s, box-shadow 0.3s; } .chat-call:hover { background: rgba(178,52,77,0.14); box-shadow: 0 0 30px rgba(178,52,77,0.05); } .chat-call .call-icon { font-size: 1.6rem; flex-shrink: 0; animation: pulseCall 2.5s ease-in-out infinite; } @keyframes pulseCall { 0%, 100% { transform: scale(1) rotate(0deg); } 50% { transform: scale(1.1) rotate(-5deg); } } .chat-call .call-text { font-size: 1.1rem; color: #f0ecec; letter-spacing: 0.3px; font-weight: 500; } /* БОЛЬШАЯ КНОПКА-ССЫЛКА */ .chat-btn { display: flex; align-items: center; justify-content: center; gap: 16px; padding: 18px 32px; background: linear-gradient(135deg, var(--wine), var(--wine-dark)); border-radius: 60px; text-decoration: none; color: #fff; font-size: 1.3rem; font-weight: 700; letter-spacing: 0.5px; transition: all 0.3s ease; box-shadow: 0 4px 30px rgba(178,52,77,0.3); margin-bottom: 18px; animation: fadeSlide 0.8s ease-out 0.15s both; width: 100%; max-width: 480px; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; } .chat-btn::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle at var(--btn-x, 50%) var(--btn-y, 50%), rgba(255,255,255,0.1), transparent 60%); opacity: 0; transition: opacity 0.4s; pointer-events: none; } .chat-btn:hover::before { opacity: 1; } .chat-btn:hover { transform: translateY(-4px) scale(1.02); box-shadow: 0 8px 45px rgba(178,52,77,0.5); background: linear-gradient(135deg, #d43e5e, var(--wine)); } .chat-btn:active { transform: scale(0.97); } .chat-btn .btn-icon { font-size: 1.8rem; flex-shrink: 0; transition: transform 0.3s; } .chat-btn:hover .btn-icon { transform: scale(1.1) rotate(-5deg); } .chat-btn .btn-text { flex: 1; text-align: center; } .chat-btn .btn-arrow { font-size: 1.8rem; transition: transform 0.3s; opacity: 0.7; } .chat-btn:hover .btn-arrow { transform: translateX(6px); opacity: 1; } /* ПРИМЕЧАНИЕ */ .chat-note { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 10px 16px; background: rgba(255, 255, 255, 0.02); border-radius: 10px; border: 1px dashed rgba(178,52,77,0.15); animation: fadeSlide 0.8s ease-out 0.2s both; transition: border-color 0.3s; } .chat-note:hover { border-color: rgba(178,52,77,0.3); } .chat-note .note-icon { font-size: 1.2rem; flex-shrink: 0; opacity: 0.7; } .chat-note .note-text { font-size: 0.95rem; color: #b0a0a0; letter-spacing: 0.2px; } /* АДАПТИВНОСТЬ */ @media (max-width: 640px) { #chat-wine { padding: 20px 14px; } .chat-header h2 { font-size: 1.7rem; } .chat-description { padding: 12px 14px; flex-direction: column; align-items: flex-start; gap: 6px; } .chat-description .chat-text { font-size: 0.98rem; } .chat-call { padding: 10px 14px; flex-direction: column; text-align: center; gap: 6px; } .chat-call .call-text { font-size: 1rem; } .chat-btn { padding: 14px 20px; font-size: 1.1rem; gap: 12px; max-width: 100%; } .chat-btn .btn-icon { font-size: 1.5rem; } .chat-btn .btn-arrow { font-size: 1.4rem; } .chat-note { padding: 8px 12px; flex-direction: column; text-align: center; gap: 4px; } .chat-note .note-text { font-size: 0.9rem; } } /* Кастомный скролл */ #chat-wine::-webkit-scrollbar { width: 6px; background: #1a1212; } #chat-wine::-webkit-scrollbar-thumb { background: var(--wine); border-radius: 10px; } document.addEventListener('DOMContentLoaded', function() { const wrap = document.getElementById('chat-wine'); const glow = wrap.querySelector('.chat-glow'); const btn = wrap.querySelector('.chat-btn'); // Свечение от мыши на всём блоке if (wrap && glow) { wrap.addEventListener('mousemove', function(e) { const rect = this.getBoundingClientRect(); const x = ((e.clientX - rect.left) / rect.width) * 100; const y = ((e.clientY - rect.top) / rect.height) * 100; this.style.setProperty('--mouse-x', x + '%'); this.style.setProperty('--mouse-y', y + '%'); glow.style.setProperty('--mouse-x', x + '%'); glow.style.setProperty('--mouse-y', y + '%'); }); } // Эффект свечения на кнопке от мыши if (btn) { btn.addEventListener('mousemove', function(e) { const rect = this.getBoundingClientRect(); const x = ((e.clientX - rect.left) / rect.width) * 100; const y = ((e.clientY - rect.top) / rect.height) * 100; this.style.setProperty('--btn-x', x + '%'); this.style.setProperty('--btn-y', y + '%'); }); } });

Зарегистрировавшись у нас, вы сможете обсуждать, делиться личными сообщениями с другими участниками нашего сообщества.

Регистрируйтесь прямо сейчас!

JavaScript отключён. Чтобы полноценно использовать наш сайт, включите JavaScript в своём браузере.

Love Важно Love \\ Беседа игроков сервера Love

Автор темы Alexey_Konyakyan
Дата начала 28 Авг 2026

Статус: В этой теме нельзя размещать новые ответы.

Alexey_Konyakyan

#ЗО | Главный алкаш

Главный модератор

28 Авг 2026

Последнее редактирование модератором: 28 Авг 2026

Статус: В этой теме нельзя размещать новые ответы.

Ссылка

На данном сайте используются файлы cookie, чтобы персонализировать контент и сохранить Ваш вход в систему, если Вы зарегистрируетесь.
Продолжая использовать этот сайт, Вы соглашаетесь на использование наших файлов cookie.

Принять Узнать больше...

Сверху Снизу