.sotms-hot-articles-widget{background:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-primary);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:10px}.sotms-hot-articles-header{display:flex;align-items:center;padding:12px 16px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-card) 100%);border-bottom:1px solid var(--border-primary)}.sotms-hot-articles-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-primary)}.sotms-hot-articles-title .sotms-hot-icon,.sotms-hot-articles-title svg{width:20px;height:20px;color:var(--color-danger);fill:var(--color-danger);flex-shrink:0}.sotms-hot-articles-tabs{display:flex;align-items:center;gap:0;padding:4px 12px 0;background:var(--bg-card);border-bottom:1px solid var(--border-secondary)}.sotms-hot-articles-tab{position:relative;padding:6px 8px;font-size:13px;font-weight:500;color:var(--text-secondary);background:0 0;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap}.sotms-hot-articles-tab:hover{color:var(--text-primary)}.sotms-hot-articles-tab.active{color:var(--theme-color);border-bottom-color:var(--theme-color)}.sotms-hot-articles-content{padding:0;min-height:100px}.sotms-hot-articles-panel{display:none}.sotms-hot-articles-panel.active{display:block}.sotms-hot-articles-list{list-style:none;margin:0;padding:8px 0}.sotms-hot-article-item{display:flex;align-items:center;padding:10px 16px;gap:12px;transition:background-color .2s ease}.sotms-hot-article-item:hover{background-color:var(--bg-secondary)}.sotms-hot-article-item:not(:last-child){border-bottom:1px solid var(--border-secondary)}.sotms-article-rank{display:flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:13px;font-weight:700;flex-shrink:0}.sotms-article-title{flex:1;font-size:14px;line-height:1.6;color:var(--text-content);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s ease}.sotms-article-title:hover{color:var(--theme-color)}.sotms-hot-articles-empty{text-align:center;padding:40px 20px;color:var(--text-secondary);font-size:14px}@media (max-width:768px){.sotms-hot-articles-header{padding:10px 12px}.sotms-hot-articles-title{font-size:15px}.sotms-hot-articles-tabs{padding:4px 10px 0;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.sotms-hot-articles-tab{padding:5px 6px;font-size:12px}.sotms-hot-article-item{padding:8px 14px;gap:10px}.sotms-article-rank{width:20px;height:20px;font-size:12px}.sotms-article-title{font-size:13px}}