.article-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.article-item{position:relative;padding:15px;background:var(--bg-primary,#fff);border:1px solid var(--border-primary,#e5e7eb);border-radius:12px;transition:all .3s ease;display:flex;gap:15px}.article-item:hover{box-shadow:0 8px 30px rgba(59,130,246,.15);transform:translateY(-4px)}.article-item:hover .article-item__thumb img{transform:scale(1.05)}.article-item__thumb{overflow:hidden;border-radius:8px;margin-left:20px}.article-item__thumb img{border-radius:8px;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1)}.article-item__title a{transition:color .25s ease}.article-item__title a:hover{color:var(--theme-color,#3b82f6)}.sotms-article-category{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;line-height:1.4;color:#fff;background:linear-gradient(135deg,var(--theme-color,#3b82f6) 0%,rgba(59,130,246,.8) 100%);border-radius:6px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;font-weight:500;letter-spacing:.3px}.sotms-article-category:hover{background:linear-gradient(135deg,rgba(59,130,246,.95) 0%,rgba(59,130,246,.75) 100%);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px rgba(59,130,246,.35)}.sotms-article-tag{display:inline-flex;align-items:center;padding:3px 12px;font-size:12px;line-height:1.4;color:var(--theme-color,#3b82f6);background:linear-gradient(135deg,rgba(59,130,246,.08) 0%,rgba(59,130,246,.04) 100%);border:1px solid rgba(59,130,246,.2);border-radius:16px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-weight:500;letter-spacing:.3px}.sotms-article-tag:hover{color:#fff;background:var(--theme-color,#3b82f6);border-color:var(--theme-color,#3b82f6);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px rgba(59,130,246,.35)}.sotms-article-meta-row{display:flex;align-items:center;gap:12px;margin:6px 0 4px;flex-wrap:wrap}.sotms-article-categories{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}.sotms-article-category__icon{width:14px;height:14px;margin-right:4px;fill:currentColor}.sotms-article-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}.sotms-main-article-list-pagination__pagination{display:flex;justify-content:center;margin-top:30px;padding:0}.sotms-main-article-list-pagination__pagination-nav{display:flex;align-items:center}.sotms-main-article-list-pagination__pagination-list{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0}.sotms-main-article-list-pagination__pagination-item{display:flex;align-items:center}.sotms-main-article-list-pagination__pagination-link,.sotms-main-article-list-pagination__pagination-span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 12px;font-size:14px;font-weight:500;color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;text-decoration:none;transition:all .2s ease;cursor:pointer}.sotms-main-article-list-pagination__pagination-link:hover{color:var(--theme-color);border-color:var(--theme-color);background-color:var(--bg-hover)}.sotms-main-article-list-pagination__pagination-current{color:#fff;background-color:var(--theme-color);border-color:var(--theme-color);cursor:default}.sotms-main-article-list-pagination__pagination-disabled{color:var(--text-tertiary);background-color:var(--bg-secondary);border-color:var(--border-primary);cursor:not-allowed;opacity:.6}.sotms-main-article-list-pagination__pagination-dots{color:var(--text-secondary);background-color:transparent;border-color:transparent;cursor:default}.sotms-main-article-list-pagination__pagination-prev,.sotms-main-article-list-pagination__pagination-next{display:inline-flex;align-items:center;gap:4px;padding:0 16px}.sotms-main-article-list-pagination__pagination-prev svg,.sotms-main-article-list-pagination__pagination-next svg{flex-shrink:0}html[data-theme=dark] .article-item{background:var(--bg-primary,#1f2937);border-color:var(--border-primary,#374151)}html[data-theme=dark] .article-item:hover{border-color:var(--theme-color,#60a5fa);box-shadow:0 4px 20px rgba(0,0,0,.2)}html[data-theme=dark] .sotms-article-category{background:linear-gradient(135deg,var(--theme-color,#60a5fa) 0%,rgba(96,165,250,.8) 100%)}html[data-theme=dark] .sotms-article-category:hover{background:linear-gradient(135deg,rgba(96,165,250,.9) 0%,rgba(96,165,250,.7) 100%);box-shadow:0 4px 12px rgba(96,165,250,.35)}html[data-theme=dark] .sotms-article-tag{color:var(--theme-color,#60a5fa);background:linear-gradient(135deg,rgba(96,165,250,.12) 0%,rgba(96,165,250,.06) 100%);border-color:rgba(96,165,250,.25)}html[data-theme=dark] .sotms-article-tag:hover{color:#fff;background:var(--theme-color,#60a5fa);border-color:var(--theme-color,#60a5fa);box-shadow:0 4px 12px rgba(96,165,250,.35)}html[data-theme=dark] .sotms-main-article-list-pagination__pagination-link:hover{background-color:var(--bg-hover)}@media (max-width:768px){.article-list{gap:12px}.article-item{padding:15px;border-radius:10px}.sotms-article-categories{display:none}.sotms-article-category{display:none}.sotms-article-tags{display:none}.sotms-article-tag{display:none}.sotms-main-article-list-pagination__pagination{margin-top:20px;padding:0 10px}.sotms-main-article-list-pagination__pagination-list{gap:4px;flex-wrap:nowrap;justify-content:center}.sotms-main-article-list-pagination__pagination-link,.sotms-main-article-list-pagination__pagination-span{min-width:28px;height:28px;padding:0 6px;font-size:12px;border-radius:4px}.sotms-main-article-list-pagination__pagination-prev,.sotms-main-article-list-pagination__pagination-next{padding:0 10px;font-size:12px;gap:4px;white-space:nowrap}.sotms-main-article-list-pagination__pagination-prev svg,.sotms-main-article-list-pagination__pagination-next svg{width:14px;height:14px;flex-shrink:0}}.article-item__excerpt{padding-right:15px}.article-item__meta{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-right:15px}.article-item__stats{display:flex;align-items:center;gap:16px;margin-right:10px}.article-item__stat{display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary,#6b7280);font-size:13px}.article-list--text .sotms-article-meta-row{margin:8px 0}.article-item--with-tags .article-item__excerpt,.article-item--with-categories .article-item__excerpt{margin-bottom:0}