/* ============================================================
   news.css - 新闻动态列表页
   ============================================================ */

.list-toolbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;margin-bottom:22px;border-bottom:2px solid var(--ctbu-blue-light);position:relative;}
.list-toolbar::after{content:"";position:absolute;left:0;bottom:-2px;width:80px;height:2px;background:linear-gradient(90deg,var(--ctbu-blue) 0%,var(--ctbu-blue-accent) 100%);}
.list-toolbar .lt-total{font-size:14.5px;color:var(--text-muted);}
.list-toolbar .lt-total b{color:var(--ctbu-blue);font-weight:700;font-family:"Arial Black","Microsoft YaHei",sans-serif;font-size:17px;margin:0 4px;}
.list-toolbar .lt-sort{display:flex;align-items:center;gap:4px;font-size:14px;}
.list-toolbar .lt-sort a{padding:6px 14px;border-radius:15px;color:var(--text-secondary);transition:all .25s;border:1px solid transparent;}
.list-toolbar .lt-sort a:hover{color:var(--ctbu-blue);background:var(--ctbu-blue-light);}
.list-toolbar .lt-sort a.on{color:#fff;background:var(--ctbu-blue);border-color:var(--ctbu-blue);}

.news-list li{display:flex;align-items:flex-start;gap:26px;padding:24px 0;border-bottom:1px dashed #E2E8F5;transition:transform .3s ease;}
.news-list li:first-child{padding-top:0;}
.news-list li:last-child{border-bottom:none;}
.news-list li:hover{transform:translateX(6px);}
.news-list .nl-date{flex-shrink:0;width:88px;text-align:center;padding:14px 0;border-radius:10px;background:linear-gradient(180deg,#F0F5FF 0%,#E1E9FB 100%);border:1px solid #D5DDEC;transition:all .3s ease;position:relative;overflow:hidden;}
.news-list li:hover .nl-date{background:linear-gradient(180deg,var(--ctbu-blue) 0%,var(--ctbu-blue-deep) 100%);border-color:var(--ctbu-blue);box-shadow:0 10px 22px rgba(27,58,140,.28);}
.news-list .nl-date .day{display:block;font-size:30px;font-weight:900;line-height:1;letter-spacing:-1px;background:linear-gradient(180deg,#3D6BE0 0%,#1B3A8C 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:"Arial Black","Microsoft YaHei",sans-serif;transition:all .3s ease;}
.news-list .nl-date .month{display:block;font-size:12.5px;color:var(--text-muted);margin-top:5px;font-style:italic;letter-spacing:.3px;white-space:nowrap;transition:color .3s ease;}
.news-list li:hover .nl-date .day{background:linear-gradient(180deg,#ffffff 0%,#DCE6FF 100%);-webkit-background-clip:text;background-clip:text;}
.news-list li:hover .nl-date .month{color:rgba(255,255,255,.85);}
.news-list .nl-content{flex:1;min-width:0;display:flex;flex-direction:column;}
.news-list .nl-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;letter-spacing:1.5px;color:var(--ctbu-blue-accent);margin-bottom:8px;align-self:flex-start;}
.news-list .nl-tag::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ctbu-blue-accent);box-shadow:0 0 0 3px rgba(43,92,230,.16);}
.news-list .nl-title{font-size:19px;line-height:1.5;font-weight:700;color:var(--text-primary);margin-bottom:10px;transition:color .25s;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;}
.news-list .nl-title:hover{color:var(--ctbu-blue-accent);}
.news-list .nl-excerpt{font-size:14.5px;line-height:1.8;color:var(--text-secondary);margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;}
.news-list .nl-meta{display:flex;align-items:center;gap:22px;font-size:13px;color:var(--text-muted);flex-wrap:wrap;}
.news-list .nl-meta span{display:inline-flex;align-items:center;gap:5px;}
.news-list .nl-meta span::before{content:"";display:inline-block;width:12px;height:12px;opacity:.85;}
.news-list .nl-meta .meta-cat::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M20.6 13.4 12 22l-8.6-8.6a2 2 0 0 1-.6-1.4V4a2 2 0 0 1 2-2h8a2 2 0 0 1 1.4.6l6.4 6.4a2 2 0 0 1 0 2.8z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5' fill='%23999999'/%3E%3C/svg%3E") no-repeat center/contain;}
.news-list .nl-meta .meta-view::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7-10-7-10-7z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") no-repeat center/contain;}
.news-list .nl-meta .meta-author::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4.4 3.6-8 8-8s8 3.6 8 8'/%3E%3C/svg%3E") no-repeat center/contain;}

@media(max-width:768px){
  .list-toolbar{flex-direction:column;align-items:flex-start;gap:12px;}
  .list-toolbar .lt-total{font-size:13.5px;}
  .list-toolbar .lt-sort{font-size:13px;}
  .list-toolbar .lt-sort a{padding:5px 12px;}
  .news-list li{flex-direction:column;gap:14px;padding:20px 0;}
  .news-list .nl-date{width:auto;display:inline-flex;align-items:baseline;gap:5px;padding:6px 14px;border-radius:20px;}
  .news-list .nl-date .day{font-size:16px;letter-spacing:0;}
  .news-list .nl-date .month{font-size:12.5px;margin-top:0;}
  .news-list .nl-title{font-size:16.5px;-webkit-line-clamp:2;margin-bottom:8px;}
  .news-list .nl-excerpt{font-size:13.5px;-webkit-line-clamp:2;margin-bottom:10px;}
  .news-list .nl-meta{gap:16px;font-size:12px;}
}