/* ==========================================================
   华体会官方版网站登录入口 · 足球门户模板 winger
   外观主体由本站独立皮肤提供：
     /public/assets/winger/skin/bootstrap/css/bootstrap.min.css
     /public/assets/winger/skin/bootstrap/css/module.css
   本文件负责：主色变量、首屏版式差异、文章区形态、列表与正文排版、移动端
   ========================================================== */
:root{--harp-primary:#b72842;--harp-primary-dark:#591823;--harp-accent:#e8b017;--harp-cyan:#a14436;}
#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 #a14436;}

/* ---------- 列表卡片 ---------- */
.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:#b72842;border-radius:.5rem !important;margin:0 3px;border:1px solid #dee2e6;min-width:38px;text-align:center;}
.fanye .page-link:hover{background:#b72842;color:#fff;border-color:#b72842;}
.fanye .page-item.active .page-link,.fanye span.page-link.current{background:#b72842;border-color:#b72842;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 #b72842;}
.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-cover{padding:0;overflow:hidden;background:#0a0f1f;}
.hero10-cover .hero-10-container{max-width:1000px;padding:120px 20px 2.5rem;}
.hero10-bg{position:absolute;top:0;left:0;right:0;height:64%;background-size:cover;background-position:center 35%;filter:brightness(.46) saturate(1.06);}
.hero10-shade{position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(to bottom,rgba(6,10,26,.42) 0,rgba(6,10,26,.86) 58%,#0a0f1f 100%);}
.hero10-cover h1{font-size:2.6rem;}
.hero10-kicker{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;letter-spacing:1.5px;text-transform:uppercase;color:#e8b017;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:2rem;padding:.32rem .9rem;margin-bottom:1rem;}
.hero10-cards{position:relative;z-index:2;padding:0 20px 4.5rem;margin-top:1.5rem;}
.hero10-card{display:block;height:100%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:1rem;overflow:hidden;text-decoration:none;color:#fff;backdrop-filter:blur(3px);transition:transform .22s,border-color .22s,background .22s;}
.hero10-card img{width:100%;height:126px;object-fit:cover;display:block;}
.hero10-card span{display:block;padding:.75rem .9rem;}
.hero10-card b{display:block;font-size:.98rem;margin-bottom:.2rem;}
.hero10-card small{color:rgba(255,255,255,.66);font-size:.78rem;line-height:1.5;}
.hero10-card:hover{transform:translateY(-5px);border-color:#e8b017;background:rgba(255,255,255,.12);}
@media (max-width:991.98px){.hero10-cover .hero-10-container{padding:80px 16px 2rem;}.hero10-cover h1{font-size:1.9rem;}.hero10-bg{height:52%;}}
.mag-feature{line-height:1.4;}
.mag-feature-img{height:430px;object-fit:cover;display:block;}
.mag-feature-mask{position:absolute;left:0;right:0;bottom:0;padding:1.4rem;background:linear-gradient(to top,rgba(0,0,0,.86),rgba(0,0,0,0));}
.mag-tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:1px;color:#191300;background:#e8b017;border-radius:2rem;padding:.22rem .8rem;margin-bottom:.6rem;}
.mag-thumb{width:92px;height:62px;object-fit:cover;}
.mag-side .list-group-item{border-left:3px solid transparent;}
.mag-side .list-group-item:hover{border-left-color:#b72842;background:rgba(0,0,0,.02);}
.mag-cats a{display:flex;flex-direction:column;gap:.15rem;height:100%;background:#fff;border:1px solid rgba(0,0,0,.08);border-left:3px solid #b72842;border-radius:.7rem;padding:.7rem .85rem;text-decoration:none;transition:transform .2s,box-shadow .2s;}
.mag-cats a:hover{transform:translateY(-3px);box-shadow:0 .5rem 1.1rem rgba(0,0,0,.08);}
.mag-cats i{color:#b72842;font-size:1rem;margin-bottom:.2rem;}
.mag-cats b{color:#26303b;font-size:.94rem;}
.mag-cats small{color:#6c757d;font-size:.76rem;}
@media (max-width:991.98px){.mag-feature-img{height:300px;}}
@media (max-width:575.98px){.mag-feature-img{height:230px;}.mag-thumb{width:74px;height:52px;}}