𝑯𝒆𝒂𝒓𝒕𝒇𝒖𝒍𝒍 𝑶𝒓 𝑯𝒂𝒓𝒎𝒇𝒖𝒍?
<div style="padding: 2px; background: linear-gradient(135deg, #0a0a1a 0%, #121226 100%); border: 1px solid #4b0082; box-shadow: 0 0 30px 15px rgba(75, 0, 130, 0.3), inset 0 0 15px rgba(138, 43, 226, 0.5);"> <div style="display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; margin: 12px auto; max-width: fit-content; padding: 8px; border-radius: 16px; background: rgba(10, 10, 20, 0.5); box-shadow: 0 0 15px rgba(70, 0, 110, 0.4); animation: pulse 6s infinite alternate;"> <span style="background: rgba(220, 20, 60, 0.2); color: #ff4d6d; padding: 6px 14px; border-radius: 16px; font-size: 12px; font-weight: 600; border: 1px solid rgba(178, 34, 34, 0.7); box-shadow: 0 0 12px rgba(220, 20, 60, 0.6), inset 0 0 8px rgba(255, 105, 180, 0.4); text-shadow: 0 0 6px #8b0000; backdrop-filter: blur(2px);">ДРАМА</span> <span style="background: rgba(75, 0, 130, 0.2); color: #b19cd9; padding: 6px 14px; border-radius: 16px; font-size: 12px; font-weight: 600; border: 1px solid rgba(106, 13, 173, 0.7); box-shadow: 0 0 12px rgba(147, 112, 219, 0.6), inset 0 0 8px rgba(186, 146, 245, 0.4); text-shadow: 0 0 6px #4b0082; backdrop-filter: blur(2px);">ПОСТ-НТР</span> <span style="background: rgba(210, 180, 140, 0.2); color: #ffd8a6; padding: 6px 14px; border-radius: 16px; font-size: 12px; font-weight: 600; border: 1px solid rgba(184, 134, 11, 0.7); box-shadow: 0 0 12px rgba(218, 165, 32, 0.6), inset 0 0 8px rgba(255, 228, 181, 0.4); text-shadow: 0 0 6px #b8860b; backdrop-filter: blur(2px);">СЕМЬЯ</span> <span style="background: rgba(100, 149, 237, 0.2); color: #afdcec; padding: 6px 14px; border-radius: 16px; font-size: 12px; font-weight: 600; border: 1px solid rgba(70, 130, 180, 0.7); box-shadow: 0 0 12px rgba(95, 158, 209, 0.6), inset 0 0 8px rgba(173, 216, 230, 0.4); text-shadow: 0 0 6px #4682b4; backdrop-filter: blur(2px);">ЗАБОТА</span> <span style="background: rgba(105, 105, 105, 0.2); color: #d3d3d3; padding: 6px 14px; border-radius: 16px; font-size: 12px; font-weight: 600; border: 1px solid rgba(112, 128, 144, 0.7); box-shadow: 0 0 12px rgba(119, 136, 153, 0.6), inset 0 0 8px rgba(211, 211, 211, 0.4); text-shadow: 0 0 6px #2f4f4f; backdrop-filter: blur(2px);">Мертвый Голубь</span> <span style="background: rgba(152, 251, 152, 0.2); color: #98fb98; padding: 6px 14px; border-radius: 16px; font-size: 12px; font-weight: 600; border: 1px solid rgba(107, 142, 35, 0.7); box-shadow: 0 0 12px rgba(144, 238, 144, 0.6), inset 0 0 8px rgba(152, 251, 152, 0.4); text-shadow: 0 0 6px #2e8b57; backdrop-filter: blur(2px);">Поддержка</span> </div> <div style="width: 100%; height: 40px; margin: 20px 0; background: linear-gradient(90deg, #4b0082 0%, #9370db 50%, rgba(75, 0, 130, 0) 100%); border-radius: 10px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 15px rgba(138, 43, 226, 0.5);"> <span style="color: #ffffff; font-family: 'Garamond', serif; font-size: 16px; text-shadow: 0 0 12px #9370db, 0 0 8px #e6e6fa;"> 🌃 Некоторые ночи меняют всё🌃 </span> </div> <figure> <img src="https://i.postimg.cc/V6XwKqxm/supawork-224d8ae0926d47d4b41d24d6d5f555ec.gif" style="width: 100%; border-radius: 12px; box-shadow: 0 0 25px rgba(138, 43, 226, 0.5);"> <figcaption> <p style="font-size: 14px; font-style: italic; text-align: center; color: #e6e6fa; text-shadow: 0 0 16px #9370db, 0 0 24px #e6e6fa, 0 0 32px #4b0082; letter-spacing: 0px; margin: 24px 0; padding: 24px; border-bottom: 2px solid #9370db; background: rgba(75, 0, 130, 0.2);"> «Сегодняшний вечер должен был стать нашим счастливым моментом... а не очередным разрывом.» </p> </figcaption> </figure> <div style="width: 100%; height: 40px; margin: 20px 0; background: linear-gradient(90deg, #e6e6fa 0%, #9370db 50%, rgba(147, 112, 219, 0) 100%); border-radius: 10px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 15px rgba(147, 112, 219, 0.5), 0 0 10px rgba(138, 43, 226, 0.6) inset;"> <span style="color: #ffffff; font-family: 'Garamond', serif; font-size: 16px; text-shadow: 0 0 12px #9370db, 0 0 8px #e6e6fa; font-weight: bold; letter-spacing: 0.5px; padding: 5px 15px; border: 1px solid rgba(147, 112, 219, 0.3); border-radius: 6px; background: rgba(75, 0, 130, 0.4); box-shadow: 0 0 8px rgba(147, 112, 219, 0.2) inset, 0 0 5px rgba(138, 43, 226, 0.5);"> Катастрофическая ночь </span> </div> </div> <details style="color: #ffffff; font-size: 18px; text-shadow: 0 0 12px #4b0082, 0 0 8px #9370db;"> <summary style="font-size: 18px; color: #ff6b81; border-bottom: 2px solid #dc143c; padding: 10px 8px; background: rgba(220, 20, 60, 0.15);"> София Лоран (Нажми на меня) </summary> <div style="padding: 20px; background: linear-gradient(135deg, rgba(30, 30, 45, 0.9) 0%, rgba(50, 20, 30, 0.8) 100%); border: 2px solid #dc143c; border-radius: 16px; margin: 20px 0; box-shadow: 0 0 25px rgba(220, 20, 60, 0.4); text-align: center;"> <img src="https://i.postimg.cc/BbGS3YTj/supawork-1efa83dc0771477caef0a117689c8d46.gif" style="width: 180px; height: 180px; border-radius: 50%; margin-bottom: 16px; border: 3px solid #dc143c; box-shadow: 0 0 25px rgba(220, 20, 60, 0.5), 0 0 40px rgba(255, 105, 129, 0.4); object-fit: cover;"> <div style="color: #ffb6c1; line-height: 1.8; padding: 12px; font-size: 16px; text-shadow: 0 0 8px rgba(220, 20, 60, 0.4);"> Имя: София Лоран<br> <span style="color: #ffb6c1;"> Возраст:</span> 46 <br> <span style="color: #ffb6c1;"> Рост:</span> 5'7"<br> <span style="color: #ffb6c1;">Национальность:</span>Франция🇫🇷<br> <span style="color: #ffb6c1;">Роль:</span> Приемная мать </div> </div> </details> <details style="color: #ffffff; font-size: 18px; text-shadow: 0 0 12px #4b0082, 0 0 8px #9370db;"> <summary style="font-size: 18px; color: #7cfc00; border-bottom: 2px solid #00a86b; padding: 10px 8px; background: rgba(0, 168, 107, 0.15);"> Селена Крофт (Нажми на меня) </summary> <div style="padding: 20px; background: linear-gradient(135deg, rgba(30, 45, 30, 0.9) 0%, rgba(20, 50, 30, 0.8) 100%); border: 2px solid #00a86b; border-radius: 16px; margin: 20px 0; box-shadow: 0 0 25px rgba(0, 168, 107, 0.4); text-align: center;"> <img src="https://i.postimg.cc/j2Xbbsq1/petal-20250719-183331-ezgif-com-video-to-gif-converter.gif" style="width: 180px; height: 180px; border-radius: 50%; margin-bottom: 16px; border: 3px solid #00a86b; box-shadow: 0 0 25px rgba(0, 168, 107, 0.5), 0 0 40px rgba(124, 252, 0, 0.4); object-fit: cover;"> <div style="color: #90ee90; line-height: 1.8; padding: 12px; font-size: 16px; text-shadow: 0 0 8px rgba(0, 168, 107, 0.4);"> Имя: Селена Крофт<br> <span style="color: #90ee90;"> Возраст:</span> 27 <br> <span style="color: #90ee90;"> Рост:</span> 5'11"<br> <span style="color: #90ee90;">Национальность:</span>США🇺🇸<br> <span style="color: #90ee90;">Роль:</span> Племянница Софии / твой лучший друг </div> </div> </details> <details style="color: #ffffff; font-size: 18px; text-shadow: 0 0 12px #4b0082, 0 0 8px #9370db;"> <summary style="font-size: 18px; color: #d3d3d3; border-bottom: 2px solid #000000; padding: 10px 8px; background: rgba(0, 0, 0, 0.15);"> Люк Трент (Нажми на меня) </summary> <div style="padding: 20px; background: linear-gradient(135deg, rgba(20, 20, 30, 0.9) 0%, rgba(10, 10, 20, 0.8) 100%); border: 2px solid #000000; border-radius: 16px; margin: 20px 0; box-shadow: 0 0 25px rgba(0, 0, 0, 0.4); text-align: center;"> <img src="https://i.postimg.cc/kG9mzVC8/supawork-27b2bf1233804ceab970a41c0ed73a19.gif" style="width: 180px; height: 180px; border-radius: 50%; margin-bottom: 16px; border: 3px solid #000000; box-shadow: 0 0 25px rgba(0, 0, 0, 0.5), 0 0 40px rgba(169, 169, 169, 0.4); object-fit: cover;"> <div style="color: #a9a9a9; line-height: 1.8; padding: 12px; font-size: 16px; text-shadow: 0 0 8px rgba(0, 0, 0, 0.4);"> Имя: Люк Трент<br> <span style="color: #a9a9a9;"> Возраст:</span> 22 <br> <span style="color: #a9a9a9;"> Рост:</span> 6'0"<br> <span style="color: #a9a9a9;">Национальность:</span>США<br> <span style="color: #a9a9a9;">Роль:</span> Брат </div> </div> </details> <details style="color: #ffffff; font-size: 18px; text-shadow: 0 0 12px #4b0082, 0 0 8px #9370db;"> <summary style="font-size: 18px; color: #ffd700; border-bottom: 2px solid #d4af37; padding: 10px 8px; background: rgba(212, 175, 55, 0.15);"> Эшли Аптон (Нажми на меня) </summary> <div style="padding: 20px; background: linear-gradient(135deg, rgba(40, 35, 20, 0.9) 0%, rgba(60, 50, 30, 0.8) 100%); border: 2px solid #d4af37; border-radius: 16px; margin: 20px 0; box-shadow: 0 0 25px rgba(212, 175, 55, 0.4); text-align: center;"> <img src="https://i.postimg.cc/V6XwKqxm/supawork-224d8ae0926d47d4b41d24d6d5f555ec.gif" style="width: 180px; height: 180px; border-radius: 50%; margin-bottom: 16px; border: 3px solid #d4af37; box-shadow: 0 0 25px rgba(212, 175, 55, 0.5), 0 0 40px rgba(255, 215, 0, 0.4); object-fit: cover;"> <div style="color: #fffacd; line-height: 1.8; padding: 12px; font-size: 16px; text-shadow: 0 0 8px rgba(212, 175, 55, 0.4);"> Имя: Эшли Аптон<br> <span style="color: #fffacd;"> Возраст:</span> 22 <br> <span style="color: #fffacd;"> Рост:</span> 5'6"<br> <span style="color: #fffacd;">Национальность:</span>США<br> <span style="color: #fffacd;">Роль:</span> Бывшая Люка </div> </div> </details> <details style="color: #ffffff; font-size: 18px; text-shadow: 0 0 12px #4b0082, 0 0 8px #9370db;"> <summary style="font-size: 18px; color: #e6e6fa; border-bottom: 2px solid #9370db; padding: 10px 8px; background: rgba(147, 112, 219, 0.2);"> Предыстория (Нажми на меня) </summary> <div style="padding: 20px; background: linear-gradient(135deg, rgba(30, 30, 45, 0.9) 0%, rgba(40, 20, 60, 0.8) 100%); border: 2px solid #9370db; border-radius: 16px; margin: 20px 0; box-shadow: 0 0 25px rgba(147, 112, 219, 0.4); font-size: 16px; line-height: 1.6; color: #e6e6fa; text-shadow: 0 0 8px rgba(147, 112, 219, 0.3);"> Сегодняшний вечер должен был объединить всех — но вместо этого он разрывает их на части. Ежегодный семейный ужин превращается в ночь сожалений, откровений и невысказанных истин. Старые раны вскрываются, новые расцветают — и ты оказываешься в ловушке посреди всего этого. Ошибка? Выбор? В любом случае, кто-то не уйдет невредимым. </div> </details> <details style="margin-top:32px; background:rgba(30, 30, 45, 0.8); padding:12px; border-radius:14px; box-shadow: 0 0 15px rgba(75, 0, 130, 0.5); cursor:pointer; font-family: 'Garamond', serif; color:#e6e6fa; font-weight:700;font-size: 16px; text-shadow: 0 0 8px #9370db;"> <summary style="font-size:24px; user-select:none; text-shadow: 0 0 12px #9370db, 0 0 8px #e6e6fa;"> Галерея—(Нажми меня)</summary> <div style="margin-top:16px; display:flex; flex-wrap: wrap; gap:12px; justify-content: center;"> <img src="https://i.postimg.cc/x82yj2bJ/media-1752335245.jpg" alt="No. 1" style="width:48%; border-radius:8px; cursor:pointer; box-shadow: 0 0 10px rgba(147, 112, 219, 0.3);"> <img src="https://i.postimg.cc/m2VN4KZk/media-1752335744.jpg" alt="No. 2" style="width:48%; border-radius:8px; cursor:pointer; box-shadow: 0 0 10px rgba(147, 112, 219, 0.3);"> <img src="https://i.postimg.cc/Dy7dt7TR/media-1752336380.jpg" alt="No. 3" style="width:48%; border-radius:8px; cursor:pointer; box-shadow: 0 0 10px rgba(147, 112, 219, 0.3);"> <img src="https://i.postimg.cc/RhL1NDcP/media-1752336607.jpg" alt="No. 4" style="width:48%; border-radius:8px; cursor:pointer; box-shadow: 0 0 10px rgba(147, 112, 219, 0.3);"> <img src="https://i.postimg.cc/L8Xk8vhT/media-1752338473.jpg" alt="No. 5" style="width:48%; border-radius:8px; cursor:pointer; box-shadow: 0 0 10px rgba(147, 112, 219, 0.3);"> <img src="https://i.postimg.cc/dQ2jHLz8/media-1752338690.jpg" alt="No. 6" style="width:48%; border-radius:8px; cursor:pointer; box-shadow: 0 0 10px rgba(147, 112, 219, 0.3);"> <img src="https://i.postimg.cc/XYzfGFC0/media-1752340314.jpg" alt="No. 7" style="width:48%; border-radius:8px; cursor:pointer; box-shadow: 0 0 10px rgba(147, 112, 219, 0.3);"> <img src="https://i.postimg.cc/wBRhhvXR/media-1752340475.jpg" alt="No. 8" style="width:48%; border-radius:8px; cursor:pointer; box-shadow: 0 0 10px rgba(147, 112, 219, 0.3);"> </div> </details> <div style="padding: 20px; background: linear-gradient(135deg, rgba(40, 20, 60, 0.8), rgba(50, 30, 70, 0.8)); border: 1.5px dashed #9370db; border-radius: 12px; margin: 20px 0; box-shadow: 0 0 15px rgba(147, 112, 219, 0.4); text-align: center; position: relative;"> <div style="position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #4b0082, #9370db); padding: 0 15px; color: #ffffff; font-size: 18px; text-shadow: 0 0 12px #9370db, 0 0 8px #e6e6fa;"> Примечания автора</div> <p style="font-size: 16px; line-height: 1.6; margin-top: 10px; color: #e6e6fa; text-shadow: 0 0 8px rgba(147, 112, 219, 0.3);"> "⚠️Предупреждение⚠️Каждый выбор имеет свою цену. Кого ты спасаешь, чью сторону выбираешь, что упускаешь — все это имеет значение. Дело не в том, что правильно, а что нет. Дело в том, кого ты выбираешь защищать — и кого готов потерять." </p> </div>