/* 前台列表交互样式：加载动画、列表淡入、分页/按钮交互 */
.loading-spinner{width:30px;height:30px;border:3px solid #e5e7eb;border-top-color:#1664b7;border-radius:50%;margin:0 auto;animation:ld-spin .8s linear infinite;}
@keyframes ld-spin{to{transform:rotate(360deg);}}

/* 列表淡入 */
.newslist a,.manual_li{animation:ld-fade .4s ease both;}
@keyframes ld-fade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}

/* 列表项 hover 交互 */
.newslist a{transition:box-shadow .2s,transform .2s;}
.newslist a:hover{transform:translateY(-2px);}

/* 分页交互 */
.pagination a{transition:color .2s,background .2s;cursor:pointer;}