[html]<!-- КОНКУРС: Осенний кино- или книжный марафон -->
<div class="autumn-contest">
<div class="ac-header">
<div class="ac-sub">Читаем книги и обсуждаем прочитанное</div>
</div>
<div class="ac-body">
<p>Вашему вниманию предлагается 4 книги для совместного чтения и последующего обсуждения в нашем клубе. Необходимо выбрать первую книгу которую будет читать клуб из предложенных ниже (в дальнейшем книги будут предлагаться участниками, но выбираться так же - в рамках голосования). Голоса желающих присоединиться к клубу просим присылать в эту тему вместе с голосом за одну из предложенных книг. Клуб откроется даже если откликнется только один участник (со мной нас будет, как минимум, двое 
). Все обсуждение в процессе чтения книги будет производиться в этой теме. Книга будет разбита на небольшие "нормы", которые нужно будет прочитать за неделю. Если вы вдруг убежали вперед - просим скрывать спойлеры под свернутый текст и помечать, что это спойлер.</p>
<h3>Ачивки</h3>
<p>все участники получат памятную награду в профиль за участие в книжном клубе и памятную тематическую плашку в профиль (по мотивам прочитанного произведения).</p>
<h3>Книги на октябрь для голосования:</h3>
<div class="movie-grid">
<div class="movie-card">
<div class="movie-img">
<img src="https://content.img-gorod.ru/page-files/802/2e0/0198a3e0e3867767922a0bc6c12e0802.png?width=400&height=470" alt="Фильм 1">
</div>
<div class="movie-info">
<div class="movie-title">Розамунда Пилчер "Сентябрь"</div>
<div class="movie-desc">Добро пожаловать в Шотландию 1980-х годов – место, где в честь совершеннолетия устраивают настоящий бал. На это торжество съезжаются гости, и перед читателями предстаёт калейдоскоп из разных историй: от размолвки между успешным бизнесменом и его женой до первой влюблённости молодой девушки. И всё это – в атмосфере красочной и уютной осени.</div>
</div>
</div>
<div class="movie-card">
<div class="movie-img">
<img src="https://s1.livelib.ru/boocover/1000178637/o/cedc/Kadzuo_Isiguro__Ne_otpuskaj_menya.jpeg" alt="Фильм 2">
</div>
<div class="movie-info">
<div class="movie-title"> Кадзуо Исигуро "Не отпускай меня"</div>
<div class="movie-desc">Тридцатилетняя Кэти вспоминает свое детство в привилегированной школе Хейлшем, полное странных недомолвок, половинчатых откровений и подспудной угрозы.
Это роман-притча, это история любви, дружбы и памяти, это предельное овеществление метафоры "служить всей жизнью".</div>
</div>
</div>
<div class="movie-card">
<div class="movie-img">
<img src="https://s1.livelib.ru/boocover/1000437833/200x305/9e7e/Lev_Tolstoj__Voskresenie.jpg" alt="Фильм 3">
</div>
<div class="movie-info">
<div class="movie-title">Лев Толстой "Воскресение"</div>
<div class="movie-desc">"Воскресение" - последний толстовский роман, в нем нашли отражение духовные и творческие искания последних лет жизни писателя. Начатый в 1889 году, роман был закончен и увидел свет через 10 лет - в 1899 году. В русской печати многие сцены и даже главы были запрещены к публикации. Роман "Воскресение" оказался в числе тех произведений Толстого, из-за которых он был отлучен от Церкви. После революции 1917 года ситуация резко изменилась: роман, где прозвучала критика духовенства и изображались ссыльные революционеры, охотно печатали большими тиражами, в советских трактовках он превратился едва ли не в политическую агитку, а история воскресения князя Нехлюдова и Катюши Масловой предстала назидательно-неправдоподобной. </div>
</div>
</div>
<div class="movie-card">
<div class="movie-img">
<img src="https://s1.livelib.ru/boocover/1000020168/200x305/f4cd/Antoniya_Syuzen_Bajett__Obladat.jpg" alt="Фильм 4">
</div>
<div class="movie-info">
<div class="movie-title">Антония Сьюзен Байетт "Обладать"</div>
<div class="movie-desc">"Обладать" - лучший английский роман 90-х годов и, несомненно, лучшее произведение Антонии Байетт. Впрочем, слово "роман" можно применить к этой удивительной прозе весьма условно. Что же такое перед нами? Детективный роман идей? Женский готический роман в современном исполнении? Рыцарский роман на новый лад? Все вместе - и нечто большее, глубоко современная вещь, вобравшая многие традиции и одновременно отмеченная печатью подлинного вдохновения и новаторства. В ней разными гранями переливается тайна английского духа и английского величия. Но прежде всего, эта книга о живых людях (пускай некоторые из них давно умерли), образы которых наваждением сходят к читателю; о любви, мятежной и неистовой страсти, побеждающей время и смерть; об устремлениях духа и плоти, земных и возвышенных, явных и потаенных; и о божественном Плане, который проглядывает в трагических и комических узорах судьбы человеческой...</div>
</div>
</div>
</div>
</div>
</div>
<style>
.autumn-contest{
max-width:800px;
margin:18px auto;
font-family:Georgia, serif;
background:#f7f3ef;
border:2px solid #b48a60;
border-radius:14px;
color:#3c2e2e;
box-shadow:0 3px 10px rgba(0,0,0,0.08);
}
.ac-header{
background:#b48a60;
color:#fff;
padding:14px 16px;
border-radius:12px 12px 0 0;
text-align:center;
}
.ac-stamp{font-weight:700; font-size:16px}
.ac-title{font-size:20px; font-weight:700; margin-top:6px}
.ac-sub{font-size:13px; opacity:0.95; margin-top:6px; color:rgba(255,255,255,0.95)}
.ac-body{background:#f0e4d6; padding:16px 18px; border-radius:0 0 12px 12px; line-height:1.6}
.ac-body h3{color:#8a5a36; margin:12px 0 8px 0}
.ac-body ul{padding-left:20px; margin:6px 0}
.ac-body p{margin:6px 0; color:#3c2e2e}
.ac-template{
background:#fff6ee;
border-left:4px solid #8a5a36;
padding:10px;
border-radius:8px;
font-family:monospace;
font-size:14px;
margin:10px 0;
}
@media (max-width:480px){
.autumn-contest{margin:12px}
.ac-header{padding:12px}
.ac-body{padding:12px}
}
.movie-grid {
display: flex;
flex-wrap: wrap;
gap:14px;
margin-top:10px;
}
.movie-card {
background:#f8efe1;
border:1px solid #b48a60;
border-radius:12px;
flex: 1 1 calc(50% - 14px);
display: flex;
padding:10px;
box-sizing: border-box;
min-width: 280px;
}
.movie-img img {
width:80px;
height:120px;
object-fit:cover;
border-radius:8px;
margin-right:10px;
}
.movie-info {
flex:1;
display:flex;
flex-direction:column;
justify-content:center;
}
.movie-title {
font-weight:700;
color:#8a5a36;
margin-bottom:6px;
}
.movie-desc {
font-size:14px;
color:#3c2e2e;
line-height:1.4;
}
@media (max-width:480px){
.movie-card {
flex: 1 1 100%;
}
.movie-img img {
width:60px;
height:90px;
}
}
</style>[/html][hideprofile]
