/* ==============================================
   补充自定义样式 - 无法用 Tailwind 替代的部分
   ============================================== */

/* ----- 动画定义 ----- */
@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@keyframes scanline{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}
@keyframes flow{0%{transform:translateY(0)}100%{transform:translateY(100px);opacity:0}}

/* 应用动画类 */
.animation-slide-up{animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}

/* ----- 登录/注册页样式 ----- */
.layui-layer-msg{border-radius:12px!important;border:none!important;box-shadow:0 10px 30px rgba(0,0,0,.2)!important}

/* ----- 快速链接 ----- */
.fastlink{padding-bottom:30px;margin-top:20px!important}

/* ----- 过滤胶囊按钮 ----- */
.filter-pill{display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;font-size:12px;color:#666;background-color:#F9FAFB;transition:all .2s;text-decoration:none;flex-shrink:0;white-space:nowrap}
.dark .filter-pill{background-color:rgba(255,255,255,.05);color:#9CA3AF}
.filter-pill:hover,.filter-pill.active{background-color:#3B82F6;color:#fff}

/* ----- 侧边栏用户信息隐藏 ----- */
.sidebar .user-info{display:none}

/* ----- 评论头像修复 ----- */
.comment-avatar-fix img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:9999px!important}

/* ----- 作者侧边栏 ----- */
.side-author .avatar img{width:100%!important;height:100%!important;border-radius:9999px}
.side-author ul,.side-author li{list-style:none!important;margin:0;padding:0}

/* ----- 搜索框样式 ----- */
.br4{border:1px solid #babac1;border-radius:8px!important;color:#31344b;padding:4px 15px;background:#fff;font-size:14px}
.dark .br4{border-color:#374151;background:#1F2937;color:#E5E7EB}

/* ----- 分页样式 ----- */
.app-pagination a,.app-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;margin:0 4px;border-radius:12px;font-size:14px;font-weight:600;text-decoration:none!important;transition:all .2s;background:#fff;color:#666;border:1px solid #f3f4f6;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.app-pagination a:hover{background:#f9fafb;color:#3B82F6;border-color:#3B82F6;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}
.app-pagination .current{background:#3B82F6!important;color:#fff!important;border-color:#3B82F6;box-shadow:0 4px 6px -1px rgba(59,130,246,.4);cursor:default}
.app-pagination .dots{background:transparent!important;border:none!important;box-shadow:none!important}
.dark .app-pagination a,.dark .app-pagination span{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.05);color:#9CA3AF;box-shadow:none}
.dark .app-pagination a:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}
.dark .app-pagination .current{background:#3B82F6!important;border-color:#3B82F6;color:#fff!important}

/* ----- 导航栏（首页透明） ----- */
.navBar_03{background:transparent;box-shadow:0 0 30px rgba(0,0,0,0)!important;margin-bottom:-86px}

/* ----- 搜索页样式 ----- */
.ceo-container{padding:0!important;max-width:100%!important}
.no-scrollbar::-webkit-scrollbar{display:none}
.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}

/* ----- 响应式隐藏 ----- */
@media screen and (max-width:800px){
  .ceo_ads,.ceo_adsw{display:none}
}
