transition: transform 0.3s, box-shadow 0.3s;
}
.new-btn:hover {
transform: translateY(-2px);
box-shadow: 0 10px 24px rgba(72,219,251,0.4);
}
.new-empty {
text-align: center;
padding: 100px 20px;
color: rgba(255,255,255,0.45);
font-size: 16px;
letter-spacing: 4px;
line-height: 2;
animation: emptyFade 3s ease-in-out infinite;
}
@keyframes emptyFade {
0%, 100% { opacity: 0.55; }
50% { opacity: 1; }
}
.new-more-hint {
text-align: center;
padding: 30px 20px 10px;
color: #48dbfb;
font-size: 18px;
letter-spacing: 4px;
animation: hintFade 3s ease-in-out infinite;
}
@keyframes hintFade {
0%, 100% { opacity: 0.4; }
50% { opacity: 0.85; }
}
@media (max-width: 768px) {
.new-section { padding: 20px 16px 60px; gap: 22px; }
.new-row {
flex-direction: column;
height: auto;
min-height: 280px;
}
.new-img-box {
flex: none;
padding: 24px;
min-height: 180px;
}
.new-img { max-height: 140px; }
.new-info-box {
padding: 22px 22px;
}
.new-title { font-size: 17px; }
.new-desc { font-size: 13px; }
.new-action-box {
padding: 18px 22px;
border-left: none;
border-top: 1px solid rgba(255,255,255,0.05);
justify-content: flex-start;
}
.new-btn {
padding: 11px 22px;
font-size: 13px;
}
}