/*
 * 蓝叶热门列表插件
 * time: 2022.04.13
 * by lanyes.org 蓝叶
 */
.lanyelist-clear{clear:both}
.lanyelist-wrap{
    width:100%;
    margin:10px auto;
    padding:14px 16px 10px;
    box-sizing:border-box;
    border:1px solid #edf1f6;
    border-radius:20px;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
    box-shadow:0 16px 38px rgba(16,34,64,.08);
}
.lanyelist-wrap .lanyelist-title{
    border-bottom:0;
    height:auto;
    margin-bottom:10px;
}
.lanyelist-title ul{
    list-style:none;
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:6px;
    margin:0;
    border-radius:999px;
    background:#f3f6fb;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.lanyelist-title ul li{
    list-style:none;
    float:none;
    margin:0;
    padding:8px 14px;
    border-radius:999px;
    font-size:13px;
    font-weight:700;
    line-height:1.2;
    color:#5c6675;
    cursor:pointer;
    transition:all .2s ease;
}
.lanyelist-title ul li.sep{
    display:none;
}
.lanyelist-title ul li.curr{
    color:#fff;
    background:linear-gradient(135deg,#ff8a3d 0%,#ff5f45 100%);
    box-shadow:0 10px 24px rgba(255,95,69,.24);
}
.lanyelist-title ul li:hover{
    color:#243041;
}
.lanyelist-title ul li.curr:hover{
    color:#fff;
}
.lanyelist-wrap .lanyelist-ul{}
.lanyelist-ul ul{
    display:none;
    margin:0;
    padding:0;
    counter-reset:nums;
}
.lanyelist-ul ul:nth-child(1){display:block}
.lanyelist-ul ul:after{content:"";display:block;clear:both}
.lanyelist-ul ul li{
    display:flex;
    align-items:center;
    float:left;
    width:31.3%;
    margin-right:3.05%;
    margin-bottom:8px;
    padding:8px 12px;
    list-style:none;
    border:1px solid #edf1f6;
    border-radius:16px;
    background:#fff;
    box-sizing:border-box;
    line-height:1.25;
    counter-increment:nums;
    position:relative;
    min-height:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.lanyelist-ul ul li:hover{
    transform:translateY(-1px);
    border-color:#ffd0be;
    box-shadow:0 12px 24px rgba(255,107,61,.08);
}
.lanyelist-ul ul li:nth-child(3n){
    margin-right:0;
}
.lanyelist-ul ul li:before{
    content:counter(nums);
    width:24px;
    height:24px;
    position:absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#ff8a3d 0%,#ff5f45 100%);
    color:#fff;
    text-align:center;
    line-height:1;
    border-radius:50%;
    font-weight:700;
    font-size:12px;
    box-shadow:0 6px 14px rgba(255,95,69,.2);
}
.lanyelist-ul ul li span.time{
    display:none;
}
.lanyelist-ul ul li a{
    display:block;
    padding-left:34px;
    font-size:14px;
    font-weight:700;
    color:#243041;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    word-break:normal;
}
.lanyelist-ul ul li a:hover{color:#ff6b3d}
@media screen and (max-width:1100px){
    .lanyelist-ul ul li{
        width:48.2%;
        margin-right:3.6%;
    }
    .lanyelist-ul ul li:nth-child(3n){margin-right:3.6%;}
    .lanyelist-ul ul li:nth-child(2n){margin-right:0;}
}
@media screen and (max-width:900px){
    .lanyelist-wrap{
        width:calc(100% - 20px);
        margin:10px;
        padding:14px 14px 10px;
        border-radius:16px;
    }
    .lanyelist-title ul{
        width:100%;
        gap:6px;
    }
    .lanyelist-title ul li{
        flex:1 1 0;
        min-width:0;
        padding:8px 6px;
        font-size:12px;
        text-align:center;
    }
    .lanyelist-ul ul{
        padding:0;
    }
    .lanyelist-ul ul li{
        width:100%;
        margin-right:0 !important;
        margin-bottom:6px;
        padding:8px 12px;
        min-height:0;
    }
    .lanyelist-ul ul li a{
        font-size:13px;
        line-height:1.25;
    }
}

/* Unified homepage ranking panel */
.lanyelist-unified {
    margin-top: 14px;
}
.lanyelist-unified .lanyelist-heading {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}
.lanyelist-unified .lanyelist-heading strong {
    color: #243041;
    font-size: 18px;
}
.lanyelist-unified .lanyelist-heading span {
    color: #8a98aa;
    font-size: 12px;
}
.lanyelist-unified .lanyelist-category-tabs,
.lanyelist-unified .lanyelist-period-tabs {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    padding: 4px;
    margin: 0 0 8px;
    list-style: none;
    border-radius: 12px;
    background: #f3f6fb;
    scrollbar-width: thin;
}
.lanyelist-unified .lanyelist-period-tabs {
    display: inline-flex;
    margin-bottom: 12px;
    background: #fff4ee;
}
.lanyelist-unified .lanyelist-category-tabs li,
.lanyelist-unified .lanyelist-period-tabs li {
    flex: 0 0 auto;
    margin: 0;
    padding: 8px 14px;
    border-radius: 8px;
    color: #596779;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    cursor: pointer;
    transition: color .2s ease, background .2s ease, box-shadow .2s ease;
}
.lanyelist-unified .lanyelist-category-tabs li.curr,
.lanyelist-unified .lanyelist-period-tabs li.curr {
    color: #fff;
    background: linear-gradient(135deg,#ff8a3d 0%,#ff5f45 100%);
    box-shadow: 0 6px 14px rgba(255,95,69,.2);
}
.lanyelist-unified .lanyelist-category-tabs li:hover,
.lanyelist-unified .lanyelist-period-tabs li:hover {
    color: #ff6b3d;
}
.lanyelist-unified .lanyelist-category-tabs li.curr:hover,
.lanyelist-unified .lanyelist-period-tabs li.curr:hover {
    color: #fff;
}
.lanyelist-unified .lanyelist-unified-content ul {
    display: none;
}
.lanyelist-unified .lanyelist-unified-content ul li {
    margin-bottom: 7px;
}
@media screen and (max-width:900px){
    .lanyelist-unified .lanyelist-heading {
        display: block;
    }
    .lanyelist-unified .lanyelist-heading span {
        display: block;
        margin-top: 3px;
    }
    .lanyelist-unified .lanyelist-category-tabs,
    .lanyelist-unified .lanyelist-period-tabs {
        width: 100%;
        box-sizing: border-box;
    }
    .lanyelist-unified .lanyelist-period-tabs li {
        flex: 1 1 0;
        text-align: center;
    }
}
/* Homepage category ranking */
.lanyelist-unified { margin:16px auto 18px; padding:18px 20px 14px; border-color:#e4eaf0; border-radius:8px; background:#fff; box-shadow:0 3px 12px rgba(15,23,42,.05); }
.lanyelist-unified .lanyelist-heading { align-items:center; margin-bottom:10px; padding-left:10px; border-left:3px solid #0f766e; }
.lanyelist-unified .lanyelist-heading strong { color:#1f2937; font-size:18px; line-height:26px; }
.lanyelist-unified .lanyelist-category-tabs { gap:18px; margin-bottom:12px; padding:0; border-bottom:1px solid #e5eaf0; border-radius:0; background:transparent; }
.lanyelist-unified .lanyelist-category-tabs li { padding:10px 2px 11px; border-bottom:2px solid transparent; border-radius:0; color:#596779; background:transparent; box-shadow:none; }
.lanyelist-unified .lanyelist-category-tabs li.curr,
.lanyelist-unified .lanyelist-category-tabs li.curr:hover { border-bottom-color:#0f766e; color:#0f766e; background:transparent; box-shadow:none; }
.lanyelist-unified .lanyelist-category-tabs li:hover,
.lanyelist-unified .lanyelist-category-tabs li:focus-visible { color:#0f766e; }
.lanyelist-unified .lanyelist-period-tabs { gap:2px; width:auto; margin-bottom:12px; padding:3px; border:1px solid #e5eaf0; border-radius:6px; background:#f5f7f9; }
.lanyelist-unified .lanyelist-period-tabs li { padding:7px 12px; border-radius:4px; font-size:12px; }
.lanyelist-unified .lanyelist-period-tabs li.curr,
.lanyelist-unified .lanyelist-period-tabs li.curr:hover { color:#fff; background:#0f766e; box-shadow:none; }
.lanyelist-unified .lanyelist-period-tabs li:hover,
.lanyelist-unified .lanyelist-period-tabs li:focus-visible { color:#0f766e; }
.lanyelist-unified .lanyelist-unified-content ul li { width:calc((100% - 24px)/3); min-height:40px; margin:0 12px 0 0; padding:9px 48px 9px 34px; border:0; border-bottom:1px solid #edf1f4; border-radius:0; background:transparent; box-shadow:none; transition:background .2s ease; }
.lanyelist-unified .lanyelist-unified-content ul li:nth-child(3n) { margin-right:0; }
.lanyelist-unified .lanyelist-unified-content ul li:hover,
.lanyelist-unified .lanyelist-unified-content ul li:focus-within { transform:none; border-color:#edf1f4; background:#f3faf8; box-shadow:none; }
.lanyelist-unified .lanyelist-unified-content ul li:before { position:absolute; left:3px; top:50%; transform:translateY(-50%); width:22px; height:22px; border-radius:5px; color:#667789; background:#edf1f4; box-shadow:none; font-size:11px; }
.lanyelist-unified .lanyelist-unified-content ul li:nth-child(1):before { color:#fff; background:#df614d; }
.lanyelist-unified .lanyelist-unified-content ul li:nth-child(2):before { color:#fff; background:#d39a3b; }
.lanyelist-unified .lanyelist-unified-content ul li:nth-child(3):before { color:#fff; background:#0f766e; }
.lanyelist-unified .lanyelist-unified-content ul li span.time { position:absolute; top:50%; right:4px; display:block; width:40px; margin:0; transform:translateY(-50%); color:#8995a4; font-size:11px; font-weight:400; text-align:right; }
.lanyelist-unified .lanyelist-unified-content ul li a { min-width:0; padding-left:0; color:#293746; font-size:14px; font-weight:500; line-height:21px; }
.lanyelist-unified .lanyelist-unified-content ul li a:hover,
.lanyelist-unified .lanyelist-unified-content ul li a:focus-visible { color:#0f766e; }
@media screen and (max-width:1100px) {
  .lanyelist-unified .lanyelist-unified-content ul li { width:calc((100% - 12px)/2); }
  .lanyelist-unified .lanyelist-unified-content ul li:nth-child(3n) { margin-right:12px; }
  .lanyelist-unified .lanyelist-unified-content ul li:nth-child(2n) { margin-right:0; }
}
@media screen and (max-width:620px) {
  .lanyelist-unified { padding:14px 12px 10px; }
  .lanyelist-unified .lanyelist-category-tabs { gap:16px; }
  .lanyelist-unified .lanyelist-category-tabs li { padding-top:9px; padding-bottom:10px; }
  .lanyelist-unified .lanyelist-period-tabs { width:100%; }
  .lanyelist-unified .lanyelist-unified-content ul li,
  .lanyelist-unified .lanyelist-unified-content ul li:nth-child(3n) { width:100%; margin-right:0; padding-left:30px; padding-right:43px; }
  .lanyelist-unified .lanyelist-unified-content ul li:before { left:0; width:20px; height:20px; }
  .lanyelist-unified .lanyelist-unified-content ul li span.time { right:0; }
}
/* Homepage category cards match the site-wide ranking articles. */
.lanyelist-unified .lanyelist-period-tabs {
  display:flex;
  width:100%;
  gap:8px;
  margin-bottom:10px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.lanyelist-unified .lanyelist-period-tabs li {
  flex:1 1 0;
  min-width:0;
  padding:8px 14px;
  border-radius:999px;
  background:#f3f6fb;
  color:#5b6675;
  font-size:13px;
  text-align:center;
}
.lanyelist-unified .lanyelist-period-tabs li.curr,
.lanyelist-unified .lanyelist-period-tabs li.curr:hover {
  color:#fff;
  background:linear-gradient(135deg,#ff8a3d 0%,#ff5f45 100%);
  box-shadow:0 10px 24px rgba(255,95,69,.24);
}
.lanyelist-unified .lanyelist-unified-content ul li.home-category-item,
.lanyelist-unified .lanyelist-unified-content ul li.home-category-item:nth-child(2n) {
  display:block;
  float:left;
  width:calc((100% - 40px)/3);
  height:auto;
  min-height:88px;
  margin:0 20px 3px 0 !important;
  padding:5px 0;
  border:0;
  border-bottom:1px solid #edf1f5;
  border-radius:0;
  background:transparent;
  line-height:1.4;
  white-space:normal;
  overflow:visible;
  box-shadow:none;
  transform:none;
}
.lanyelist-unified .lanyelist-unified-content ul li.home-category-item:nth-child(3n) {
  margin-right:0 !important;
}
.lanyelist-unified .lanyelist-unified-content ul li.home-category-item:before {
  content:none;
  display:none;
}
.lanyelist-unified .lanyelist-unified-content ul li.home-category-item:hover {
  transform:none;
  border-color:#edf1f5;
  background:transparent;
  box-shadow:none;
}
.lanyelist-unified .home-category-copy {
  position:relative;
  min-width:0;
}
.lanyelist-unified .lanyelist-unified-content ul li .home-category-title {
  display:block;
  overflow:hidden;
  color:#263445;
  font-size:14px;
  font-weight:700;
  line-height:22px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.lanyelist-unified .lanyelist-unified-content ul li .home-category-title:hover {
  color:#0f8f83;
}
.lanyelist-unified .home-category-detail {
  display:flex;
  align-items:stretch;
  gap:10px;
  min-height:64px;
}
.lanyelist-unified .lanyelist-unified-content ul li .home-category-thumb {
  display:block;
  flex:0 0 92px;
  width:92px;
  height:64px;
  padding:0;
  overflow:hidden;
  border-radius:7px;
  background:#e8eef4;
}
.lanyelist-unified .home-category-thumb img {
  display:block;
  width:92px;
  height:64px;
  margin:0;
  object-fit:cover;
  transition:transform .25s ease,opacity .25s ease;
}
.lanyelist-unified .home-category-item:hover .home-category-thumb img {
  transform:scale(1.05);
  opacity:.9;
}
.lanyelist-unified .home-category-summary-wrap {
  position:relative;
  flex:1 1 auto;
  min-width:0;
  min-height:0;
  align-self:flex-start;
}
.lanyelist-unified .home-category-summary {
  display:-webkit-box;
  height:51px;
  max-height:51px;
  margin:2px 0 0;
  padding-right:44px;
  overflow:hidden;
  color:#8492a6;
  font-size:12px;
  line-height:17px;
  white-space:normal;
  word-break:break-word;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.lanyelist-unified .home-category-copy .cms_daye_time {
  position:absolute;
  right:0;
  bottom:0;
  display:block;
  width:38px;
  margin:0;
  color:#a0acbb;
  font-size:11px;
  line-height:16px;
  text-align:right;
  white-space:nowrap;
}
@media screen and (max-width:830px) {
  .lanyelist-unified .lanyelist-period-tabs { gap:6px; }
  .lanyelist-unified .lanyelist-period-tabs li { padding:8px 4px; font-size:12px; }
  .lanyelist-unified .lanyelist-unified-content ul li.home-category-item,
  .lanyelist-unified .lanyelist-unified-content ul li.home-category-item:nth-child(2n),
  .lanyelist-unified .lanyelist-unified-content ul li.home-category-item:nth-child(3n) {
    float:none;
    width:100%;
    min-height:90px;
    margin:0 0 3px !important;
  }
  .lanyelist-unified .lanyelist-unified-content ul li .home-category-title { font-size:13px; }
  .lanyelist-unified .lanyelist-unified-content ul li .home-category-thumb,
  .lanyelist-unified .home-category-thumb img { flex-basis:88px; width:88px; height:62px; }
  .lanyelist-unified .home-category-detail { min-height:62px; }
  .lanyelist-unified .home-category-summary { height:48px; max-height:48px; font-size:11px; line-height:16px; }
}