body {
margin: 0;
padding: 0;
background: #0a0613; /* глубокий темно-фиолетовый */
font-family: "Segoe UI", sans-serif;
color: #e7d9ff;
}


header {
background: linear-gradient(135deg, #140a1f, #2a1540);
padding: 25px;
border-bottom: 1px solid #3b2160;
box-shadow: 0 0 20px rgba(120, 40, 255, 0.25);
}


nav a {
color: #caa6ff;
text-decoration: none;
margin-right: 18px;
font-weight: 600;
transition: 0.25s;
}


nav a:hover {
color: #f0e2ff;
text-shadow: 0 0 8px #b980ff;
}


.container {
width: 88%;
margin: 25px auto;
background: #120a1b; /* тёмно-фиолетовый блок */
padding: 25px;
border-radius: 10px;
box-shadow: 0 0 25px rgba(150, 60, 255, 0.35);
border: 1px solid #2e1a47;
}


.topic-title {
font-size: 24px;
font-weight: bold;
color: #dfc4ff;
text-shadow: 0 0 10px rgba(190, 130, 255, 0.5);
}


.post {
background: #1a0f27;
padding: 18px;
border-radius: 8px;
margin-bottom: 18px;
border-left: 4px solid #7a34c7;
box-shadow: 0 0 15px rgba(120, 50, 220, 0.25);
}


.post-author {
color: #b78aff;
font-weight: bold;
margin-bottom: 10px;
font-size: 15px;
}


.post-content {
color: #eddcff;
line-height: 1.5;
}


.footer {
text-align: center;
padding: 20px;
color: #8a6eb7;
}