.recommend-articles-wrapper{margin:20px 0;clear:both}.recommend-articles-container{display:flex;flex-wrap:wrap;gap:20px;margin:0;padding:0}.recommend-articles-wrapper.layout-grid .recommend-articles-container{display:grid;gap:20px}.recommend-articles-wrapper.layout-grid.columns-1 .recommend-articles-container{grid-template-columns:1fr}.recommend-articles-wrapper.layout-grid.columns-2 .recommend-articles-container{grid-template-columns:repeat(2,1fr)}.recommend-articles-wrapper.layout-grid.columns-3 .recommend-articles-container{grid-template-columns:repeat(3,1fr)}.recommend-articles-wrapper.layout-grid.columns-4 .recommend-articles-container{grid-template-columns:repeat(4,1fr)}.recommend-articles-wrapper.layout-list .recommend-articles-container{flex-direction:column;gap:15px}.recommend-articles-wrapper.layout-list .recommend-article-item{display:flex;align-items:flex-start;gap:15px;padding:15px;border:1px solid #e1e1e1;border-radius:8px;background:#fff;transition:all 0.3s ease}.recommend-articles-wrapper.layout-list .recommend-article-item:hover{box-shadow:0 4px 12px rgb(0 0 0 / .1);transform:translateY(-2px)}.recommend-articles-wrapper.layout-list .article-thumbnail{flex-shrink:0;width:120px;height:80px}.recommend-articles-wrapper.layout-list .article-content{flex-grow:1}.recommend-article-item{background:#fff;border:1px solid #e1e1e1;border-radius:8px;overflow:hidden;transition:all 0.3s ease;box-shadow:0 2px 8px rgb(0 0 0 / .05);position:relative}.recommend-article-item:hover{box-shadow:0 8px 25px rgb(0 0 0 / .15);transform:translateY(-5px);border-color:#007cba}.article-thumbnail{position:relative;overflow:hidden;background:#f8f9fa}.recommend-articles-wrapper.layout-grid .article-thumbnail{aspect-ratio:16/9}.article-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.recommend-article-item:hover .article-thumbnail img{transform:scale(1.05)}.article-thumbnail a{display:block;width:100%;height:100%}.recommend-article-item:not(:has(.article-thumbnail)) .article-content{padding-top:15px 15px 5px}.article-content{padding:20px}.recommend-articles-wrapper.layout-list .article-content{padding:0}.article-title{margin:0 0 10px 0!important;font-size:18px;font-weight:600;line-height:1.4;text-align:justify!important}.article-title a{color:#333;text-decoration:none;transition:color 0.3s ease}.article-title a:hover{color:#007cba}.article-excerpt{margin:10px 0;color:#666;font-size:14px;line-height:1.5}.article-meta{margin-top:15px;padding-top:15px;border-top:1px solid #e1e1e1;font-size:13px;color:#888}.recommend-articles-wrapper.layout-list .article-meta{border-top:none;padding-top:5px;margin-top:8px}.article-meta time{display:inline-flex;align-items:center}.article-meta time:before{content:"\f145";font-family:dashicons;margin-right:5px;font-size:16px}.recommend-article-notice{padding:15px 20px;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;margin:20px 0;font-size:14px}@media (max-width:768px){.recommend-articles-wrapper.layout-grid.columns-3 .recommend-articles-container,.recommend-articles-wrapper.layout-grid.columns-4 .recommend-articles-container{grid-template-columns:repeat(2,1fr)}.recommend-articles-wrapper.layout-list .recommend-article-item{flex-direction:column;gap:10px}.recommend-articles-wrapper.layout-list .article-thumbnail{width:100%;height:200px}.article-content{padding:15px}.article-title{font-size:16px}}@media (max-width:480px){.recommend-articles-wrapper.layout-grid .recommend-articles-container{grid-template-columns:1fr}.recommend-articles-container{gap:15px}.article-content{padding:10px 10px 0}.article-title{font-size:15px}.article-excerpt{font-size:13px}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.recommend-article-item{animation:fadeInUp 0.6s ease forwards}.recommend-article-item:nth-child(2){animation-delay:0.1s}.recommend-article-item:nth-child(3){animation-delay:0.2s}.recommend-article-item:nth-child(4){animation-delay:0.3s}