/* ==========================================================
   开云手机官方站在线入口 · 足球门户模板 carrilero
   外观主体由本站独立皮肤提供：
     /public/assets/carrilero/skin/bootstrap/css/bootstrap.min.css
     /public/assets/carrilero/skin/bootstrap/css/module.css
   本文件负责：主色变量、首屏版式差异、文章区形态、列表与正文排版、移动端
   ========================================================== */
:root{--x4-primary:#28b79b;--x4-primary-dark:#18594c;--x4-accent:#e87917;--x4-cyan:#368ba1;}
#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 #368ba1;}

/* ---------- 列表卡片 ---------- */
.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:#28b79b;border-radius:.5rem !important;margin:0 3px;border:1px solid #dee2e6;min-width:38px;text-align:center;}
.fanye .page-link:hover{background:#28b79b;color:#fff;border-color:#28b79b;}
.fanye .page-item.active .page-link,.fanye span.page-link.current{background:#28b79b;border-color:#28b79b;color:#fff;}

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

/* ---------- 正文排版 ---------- */
.x4-article{font-size:1.02rem;line-height:1.95;color:#26303b;}
.x4-article h3{font-size:1.12rem;font-weight:700;margin:1.75rem 0 .75rem;padding-left:.7rem;border-left:4px solid #28b79b;}
.x4-article p{margin-bottom:1.05rem;}
.x4-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;}
  .x4-article h3{font-size:1.05rem;}
}
::selection{background:rgba(0,0,0,.08);}
a{text-decoration:none;}
img{max-width:100%;}
.hero10-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.1rem;}
.hero10-chips a{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem 1rem;border-radius:2rem;font-size:.92rem;text-decoration:none;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);transition:background .2s,transform .2s;}
.hero10-chips a:before{content:'\25CF';font-size:.55rem;color:#e87917;}
.hero10-chips a:hover{background:#e87917;color:#1a1400;transform:translateY(-2px);}
.x4-rank{transition:transform .2s,box-shadow .2s;}
.x4-rank:hover{transform:translateX(4px);box-shadow:0 .4rem 1rem rgba(0,0,0,.08);}
.x4-rank .heat{display:inline-flex;align-items:center;gap:.25rem;min-width:62px;justify-content:center;font-size:.78rem;font-weight:700;color:#e87917;background:rgba(0,0,0,.04);border-radius:.6rem;padding:.35rem .5rem;}
.x4-rank .heat i{font-size:.72rem;}