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

/* ---------- 列表卡片 ---------- */
.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:#28b2b7;border-radius:.5rem !important;margin:0 3px;border:1px solid #dee2e6;min-width:38px;text-align:center;}
.fanye .page-link:hover{background:#28b2b7;color:#fff;border-color:#28b2b7;}
.fanye .page-item.active .page-link,.fanye span.page-link.current{background:#28b2b7;border-color:#28b2b7;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 #28b2b7;}
.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-stack .hero-10-container{max-width:1200px;}
.hero10-stack .hero-10-buttons{justify-content:flex-start;}
.hero10-kicker{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;letter-spacing:1.5px;text-transform:uppercase;color:#e89417;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:2rem;padding:.35rem .95rem;margin-bottom:1rem;}
.hero10-stack .hero10-feats{margin:1.1rem 0 1.4rem;display:flex;flex-direction:column;gap:.5rem;}
.hero10-stack .hero10-feats li{display:flex;align-items:center;gap:.55rem;font-size:.95rem;color:rgba(255,255,255,.86);}
.hero10-stack .hero10-feats i{flex-shrink:0;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#e89417;color:#1a1400;font-size:.7rem;}
.hero10-stackwrap{position:relative;max-width:480px;margin:0 auto 2.5rem;padding:0 8px;}
.hero10-main{width:100%;display:block;border-radius:1.25rem;box-shadow:0 1.4rem 2.6rem rgba(0,0,0,.42);}
.hero10-sub{position:absolute;right:-4%;bottom:-13%;width:50%;display:block;border:5px solid rgba(255,255,255,.92);border-radius:1rem;transform:rotate(-3deg);box-shadow:0 .8rem 1.6rem rgba(0,0,0,.4);}
.hero10-badge{position:absolute;left:-6%;top:6%;width:96px;height:96px;border-radius:50%;background:#e89417;color:#191300;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 .6rem 1.4rem rgba(0,0,0,.35);}
.hero10-badge b{font-size:1.6rem;line-height:1;}
.hero10-badge span{font-size:.7rem;letter-spacing:1px;}
.hero10-chip{position:absolute;right:2%;top:-7%;background:#fff;border-radius:2rem;padding:.4rem 1rem;box-shadow:0 .4rem 1rem rgba(0,0,0,.28);}
.hero10-chip a{color:#185659;font-size:.86rem;font-weight:700;text-decoration:none;}
@media (max-width:991.98px){.hero10-stack .hero-10-buttons{justify-content:center;}.hero10-stackwrap{margin-bottom:4.5rem;}.hero10-badge{width:74px;height:74px;}.hero10-badge b{font-size:1.25rem;}}
.spot-col{background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:1rem;padding:1.1rem;height:100%;box-shadow:0 .25rem .8rem rgba(0,0,0,.04);}
.spot-head{display:flex;align-items:center;gap:.6rem;border-bottom:2px solid #28b2b7;padding-bottom:.7rem;margin-bottom:.6rem;}
.spot-head i{flex-shrink:0;width:34px;height:34px;border-radius:.6rem;background:#28b2b7;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;}
.spot-head a{flex:1 1 auto;text-decoration:none;min-width:0;}
.spot-head b{display:block;color:#1f2733;font-size:1rem;}
.spot-head small{display:block;color:#6c757d;font-size:.76rem;font-weight:400;}
.spot-more{flex:0 0 auto;color:#28b2b7;font-size:.78rem;}
.spot-item{padding:.75rem 0;border-bottom:1px dashed rgba(0,0,0,.09);transition:transform .2s;}
.spot-item:last-child{border-bottom:none;padding-bottom:0;}
.spot-item:hover{transform:translateX(3px);}
.spot-item:hover .spot-title{color:#28b2b7;}
.spot-thumb{max-height:158px;}
.spot-title{display:block;font-size:.93rem;font-weight:700;color:#26303b;margin:.5rem 0 .2rem;line-height:1.45;}
.spot-meta{color:#6c757d;font-size:.78rem;}