/* ==========================================================
   乐鱼平台 模板样式（足球门户主题 · greenshed）
   主体外观由本站独立皮肤提供：
     /public/assets/greenshed/skin/bootstrap/css/bootstrap.min.css
     /public/assets/greenshed/skin/bootstrap/css/module.css
   本文件负责：主色细节、hero 版式差异、搜索框、分页、板块间距
   ========================================================== */
:root{--fb-primary:#5d28b7;--fb-primary-dark:#2f1859;--fb-accent:#e8a217;--fb-cyan:#3684a1;}

/* ---------- 站内搜索 ---------- */
.hero10-search{max-width:620px;margin-top:14px;}
.hero10-search .form-control{border:none;}
.hero10-search .form-control:focus{box-shadow:none;outline:2px solid #3684a1;}

/* ---------- 首页板块节奏（三站差异化） ---------- */
#news-10,#list-13{padding-top:3.25rem;padding-bottom:3.25rem;}
#main-content > section + section{border-top:1px solid rgba(0,0,0,.04);}

/* ---------- 列表卡片动效 ---------- */
.hover-effect{transition:transform .25s ease,box-shadow .25s ease;}
.hover-effect:hover{transform:translateY(-4px);box-shadow:0 .6rem 1.4rem rgba(0,0,0,.10) !important;}

/* ---------- CMS 分页 ---------- */
.fanye .pagination{margin-bottom:0;flex-wrap:wrap;justify-content:center;}
.fanye .page-link{color:#5d28b7;border-radius:.5rem !important;margin:0 3px;border:1px solid #dee2e6;min-width:38px;text-align:center;}
.fanye .page-link:hover{background:#5d28b7;color:#fff;border-color:#5d28b7;}
.fanye .page-item.active .page-link,.fanye span.page-link.current{background:#5d28b7;border-color:#5d28b7;color:#fff;}

/* ---------- 标签云 ---------- */
#list-13 .btn.rounded-pill{margin-bottom:.4rem;}

/* ---------- 正文排版（足球长文可读性） ---------- */
.article-content{font-size:1.02rem;line-height:1.95;color:#26303b;}
.article-content h3{font-size:1.12rem;font-weight:700;margin:1.75rem 0 .75rem;padding-left:.7rem;border-left:4px solid #5d28b7;}
.article-content p{margin-bottom:1.05rem;}
.article-content img{border-radius:.75rem;margin:.75rem 0;}

/* ---------- 移动端 ---------- */
@media (max-width: 767.98px){
  #main-content > section{padding-top:2.25rem;padding-bottom:2.25rem;}
  .news10-img-wrap{width:100% !important;height:180px !important;}
  .article-content h3{font-size:1.05rem;}
}
::selection{background:rgba(0,0,0,.08);}
a{text-decoration:none;}
img{max-width:100%;}
.hero10-split .hero-10-container{max-width:1180px;text-align:left;}
.hero10-split .hero-10-buttons{justify-content:flex-start;}
@media (max-width: 991.98px){.hero10-split .hero-10-container{text-align:center;}.hero10-split .hero-10-buttons{justify-content:center;}}