.news-section{z-index:5;position:relative}@media (max-width:768px){.news-section{padding:0 16px 48px}}.news-section__title{align-items:center;gap:12px;margin:24px 0;font-size:32px;font-weight:800;display:flex}@media (max-width:768px){.news-section__title{font-size:24px}}.news-section__title-bar{background:var(--gradient-primary);border-radius:4px;width:8px;height:40px}@media (max-width:768px){.news-section__title-bar{height:32px}}.news-section__grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px;display:grid}@media (max-width:1024px){.news-section__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.news-section__grid{grid-template-columns:1fr;gap:16px}}.news-section__button-wrapper{justify-content:center;display:flex}
.section{z-index:5;position:relative}.section .title{margin:24px 0}@media (max-width:768px){.section{padding:0 16px 48px}}.titleBar{background:var(--gradient-primary);border-radius:4px;width:8px;height:40px}@media (max-width:768px){.titleBar{height:32px}}.threadsList{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.threadCard{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;color:inherit;border-radius:16px;padding:20px;text-decoration:none;transition:all .3s;display:block}.threadCard:hover{background:var(--bg-tertiary);border-color:var(--border-hover);transform:translateY(-2px)}.threadContent{align-items:center;gap:16px;display:flex}@media (max-width:768px){.threadContent{flex-direction:column;align-items:flex-start}}.threadIcon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.threadInfo{flex:1;min-width:0}.threadMeta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.threadTitle{text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;font-size:18px;font-weight:700;line-height:1.4;overflow:hidden}@media (max-width:768px){.threadTitle{white-space:normal;font-size:16px}}.threadStats{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:16px;font-size:13px;display:flex}@media (max-width:768px){.threadStats{gap:12px}}.stat{align-items:center;gap:4px;display:flex}.author{color:var(--text-primary);font-weight:600}.pinnedBadge{color:gold;align-items:center;gap:4px;font-size:12px;display:inline-flex}.lockedBadge{color:#888;align-items:center;gap:4px;font-size:12px;display:inline-flex}.buttonWrapper{justify-content:center;display:flex}.linkButton{background:var(--gradient-primary);width:auto;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-coral);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.linkButton:hover{transform:translateY(-2px)}@media (max-width:768px){.linkButton{width:100%}}.loading{text-align:center;color:var(--text-secondary);padding:40px;font-size:16px}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.threadCard:first-child{animation:.4s both slideIn}.threadCard:nth-child(2){animation:.4s .1s both slideIn}.threadCard:nth-child(3){animation:.4s .2s both slideIn}.threadCard:nth-child(4){animation:.4s .3s both slideIn}.threadCard:nth-child(5){animation:.4s .4s both slideIn}.threadCard:nth-child(6){animation:.4s .5s both slideIn}.threadCard:nth-child(7){animation:.4s .6s both slideIn}.threadCard:nth-child(8){animation:.4s .7s both slideIn}.threadCard:nth-child(9){animation:.4s .8s both slideIn}.threadCard:nth-child(10){animation:.4s .9s both slideIn}.threadCard:nth-child(11){animation:.4s 1s both slideIn}.threadCard:nth-child(12){animation:.4s 1.1s both slideIn}.threadCard:nth-child(13){animation:.4s 1.2s both slideIn}.threadCard:nth-child(14){animation:.4s 1.3s both slideIn}.threadCard:nth-child(15){animation:.4s 1.4s both slideIn}.threadCard:nth-child(16){animation:.4s 1.5s both slideIn}.threadCard:nth-child(17){animation:.4s 1.6s both slideIn}.threadCard:nth-child(18){animation:.4s 1.7s both slideIn}.threadCard:nth-child(19){animation:.4s 1.8s both slideIn}.threadCard:nth-child(20){animation:.4s 1.9s both slideIn}.threadCard:nth-child(21){animation:.4s 2s both slideIn}
