flex-shrink: 0; margin-top: 2px; } /* 前三名高亮 */ .hot-post-item.rank-top .hot-post-item__rank { background: var(--color-primary); color: #fff; } .hot-post-item__info { flex: 1; min-width: 0; } .hot-post-item__title { font-size: 13px; font-weight: 500; line-height: 1.4; color: var(--color-ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.15s ease; } .hot-post-item__title:hover { color: var(--color-primary); } .hot-post-item__meta { display: flex; gap: 10px; font-size: 11px; color: var(--color-ink-4); margin-top: 4px; } .hot-post-item__meta span { display: inline-flex; align-items: center; gap: 3px; } .hot-post-item__meta i { font-size: 10px; } /* ============================================================ * 多栏目 Tab 切换小工具 — v4.0 Zibll-Inspired * ============================================================ */ .widget-tab-posts__nav { display: flex; list-style: none; margin: 0 0 12px; padding: 0; gap: 2px; border-bottom: 1px solid var(--color-line); } .widget-tab-posts__nav li { margin: 0; } .widget-tab-posts__tab { display: inline-block; padding: 6px 14px; font-size: 13px; font-weight: 500; color: var(--color-ink-4); background: none; border: none; border-bottom: 2px solid transparent; cursor: pointer; transition: color 0.15s ease, border-color 0.15s ease; margin-bottom: -1px; } .widget-tab-posts__tab:hover { color: var(--color-ink); } .widget-tab-posts__tab.active { color: var(--color-primary); border-bottom-color: var(--color-primary); font-weight: 600; } .widget-tab-posts__panel { display: none; } .widget-tab-posts__panel.active { display: block; } .widget-tab-posts__list { list-style: none; margin: 0; padding: 0; } .widget-tab-posts__item { display: flex; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--color-line); } .widget-tab-posts__item:last-child { border-bottom: none; } .widget-tab-posts__thumb { width: 56px; height: 42px; border-radius: 4px; overflow: hidden; flex-shrink: 0; } .widget-tab-posts__thumb img { width: 100%; height: 100%; object-fit: cover; } .widget-tab-posts__info { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; } .widget-tab-posts__title { font-size: 13px; font-weight: 500; line-height: 1.4; color: var(--color-ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.15s ease; } .widget-tab-posts__title:hover { color: var(--color-primary); } .widget-tab-posts__meta { font-size: 11px; color: var(--color-ink-4); margin-top: 2px; } .aksrt-homepage__aside .widget-tab-posts__list--mini, .aksrt-homepage__aside .aksrt-home-widget__sidebar-list { display: block; } .aksrt-homepage__aside .posts-mini { display: flex; align-items: flex-start; width: 100% !important; gap: 12px; padding: 10px 0; min-width: 0; } .aksrt-homepage__aside .widget-tab-posts__list--mini .posts-mini + .posts-mini, .aksrt-homepage__aside .aksrt-home-widget__sidebar-list .posts-mini + .posts-mini { border-top: 1px solid var(--color-line); } .aksrt-homepage__aside .widget-tab-posts__list--mini .posts-mini:first-of-type, .aksrt-homepage__aside .aksrt-home-widget__sidebar-list .posts-mini:first-of-type { padding-top: 0; } .aksrt-homepage__aside .widget-tab-posts__list--mini .posts-mini:last-of-type, .aksrt-homepage__aside .aksrt-home-widget__sidebar-list .posts-mini:last-of-type { padding-bottom: 0; } .aksrt-homepage__aside .posts-mini-con { flex: auto; min-width: 0; overflow: hidden; } .aksrt-homepage__aside .posts-mini .item-thumbnail { display: block; position: relative; flex: 0 0 96px; width: 96px; min-width: 96px; height: 0; padding-bottom: var(--posts-list-scale, 70%); border-radius: var(--radius, 8px); overflow: hidden; line-height: 0; } .aksrt-homepage__aside .posts-mini .item-thumbnail img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; } .aksrt-homepage__aside .posts-mini .item-heading { margin: 0; font-size: 13px; font-weight: 500; line-height: 1.45; max-height: 2.9em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .aksrt-homepage__aside .posts-mini .item-heading a { color: var(--color-ink); text-decoration: none; transition: color 0.15s ease; } .aksrt-homepage__aside .posts-mini .item-heading a:hover { color: var(--color-primary, var(--color-primary)); } .aksrt-homepage__aside .posts-mini .item-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-top: 6px; font-size: 12px; color: var(--color-ink-4); } .aksrt-homepage__aside .posts-mini .item-meta .meta-dot { width: 3px; height: 3px; min-width: 3px; border-radius: 50%; background: currentColor; opacity: 0.55; } .aksrt-homepage__aside .posts-mini .item-meta .meta-item { display: inline-flex; align-items: center; gap: 4px; } .aksrt-homepage__aside .posts-mini .item-meta i { font-size: 10px; } .aksrt-homepage__aside .widget-hot-posts--mini .hot-post-item { align-items: stretch; gap: 12px; } .aksrt-homepage__aside .widget-hot-posts--mini .hot-post-item .posts-mini { flex: 1; align-items: flex-start; min-width: 0; width: auto !important; padding: 0; } .aksrt-homepage__aside .widget-hot-posts--mini .hot-post-item .posts-mini-con { display: flex; flex: 1 1 auto; flex-direction: column; justify-content: center; min-width: 0; } .aksrt-homepage__aside .widget-hot-posts--mini .hot-post-item__rank { margin-top: 2px; align-self: flex-start; } .widget-empty { text-align: center; font-size: 13px; color: var(--color-ink-4); padding: 16px 0; } /* ============================================================