/* ==========================================================
   乐鱼在线登录入口 · 足球门户模板 topbin
   外观主体由本站独立皮肤提供：
     /public/assets/topbin/skin/bootstrap/css/bootstrap.min.css
     /public/assets/topbin/skin/bootstrap/css/module.css
   本文件负责：主色变量、首屏版式差异、文章区形态、列表与正文排版、移动端
   ========================================================== */
:root{--harp-primary:#b728b7;--harp-primary-dark:#591859;--harp-accent:#e8a217;--harp-cyan:#a13679;}
#main-content > section + section{border-top:1px solid rgba(0,0,0,.05);}
#news-10,#list-13{padding-top:3.25rem;padding-bottom:3.25rem;}

/* ---------- 站内搜索 ---------- */
.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 #a13679;}

/* ---------- 列表卡片 ---------- */
.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;}

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

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

/* ---------- 正文排版 ---------- */
.harp-article{font-size:1.02rem;line-height:1.95;color:#26303b;}
.harp-article h3{font-size:1.12rem;font-weight:700;margin:1.75rem 0 .75rem;padding-left:.7rem;border-left:4px solid #b728b7;}
.harp-article p{margin-bottom:1.05rem;}
.harp-article 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;}
  .harp-article h3{font-size:1.05rem;}
}
::selection{background:rgba(0,0,0,.08);}
a{text-decoration:none;}
img{max-width:100%;}
.hero10-metric .hero-10-container{max-width:1180px;}
.hero10-metrics{max-width:1080px;margin:.5rem auto 0;}
.hero10-metric .metric{display:block;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:.9rem;padding:.85rem 1rem;text-align:left;backdrop-filter:blur(4px);}
.hero10-metric .metric b{display:block;color:#e8a217;font-size:1.02rem;margin-bottom:.15rem;}
.hero10-metric .metric span{color:rgba(255,255,255,.72);font-size:.86rem;}
.tiles-big{transition:transform .25s,box-shadow .25s;}
.tiles-big:hover{transform:translateY(-4px);box-shadow:0 .7rem 1.6rem rgba(0,0,0,.14);}
.tiles-small{transition:transform .2s,border-color .2s;}
.tiles-small:hover{transform:translateY(-3px);border-color:#b728b7 !important;}
.tiles-small .ratio{max-height:150px;}