@charset "utf-8";
/*=== ycnh dynamic additions v20261017c：PC下拉子栏目 / 一级导航向下箭头 / 移动端手风琴 / 导航下菜单框 ===*/

/* 导航下图标菜单：整屏渐变横带 → 内容区卡片框，标题首页"热门赛事"/内页"栏目导航"（参考919云标签框做法） */
.main-menu-wrapper{background:transparent;}
.ycnh-menu-box{background:var(--card-bg);border-radius:8px;padding:12px 14px 8px;margin:14px 0;}
.ycnh-menu-title{margin:0 0 8px;padding-left:10px;border-left:4px solid var(--primary);color:#fff;font-size:16px;font-weight:600;line-height:1.4;}
/* 框内二级栏目胶囊（首页热门赛事/内页当前栏目子栏目） */
.ycnh-pills{display:flex;flex-wrap:wrap;gap:8px;}
.ycnh-pill{display:inline-block;padding:5px 16px;border-radius:15px;background:rgba(255,255,255,.08);color:#cfe3e1;font-size:13px;line-height:1.4;text-decoration:none;}
.ycnh-pill:hover,.ycnh-pill.on{background:var(--primary);color:#fff;}
@media only screen and (max-width:991px){
  .ycnh-menu-box{margin:10px 0;padding:10px 10px 4px;}
  .ycnh-menu-title{font-size:15px;}
}

/* 直播列表文字改白色（原为浏览器默认链接蓝，深底看不清） */
.list-match-container .match-league-wrapper .league-name,
.list-match-container .match-league-wrapper .league-name:hover,
.list-match-container .list-team-wrapper .club-name a,
.list-match-container .list-team-wrapper .club-name a:hover{color:#fff;}
/* 日期头文字靠左（原 padding-left:30px 缩进过多） */
.list-match-table .header-match-container{padding-left:12px;}

/* 新闻列表：去标题前竖线与小灰点、去奇偶缩进、标题+日期两端对齐（日期居右） */
.mrgx-tab ul li{border-left:none;}
.mrgx-tab ul li:nth-child(2n){margin-left:0;}
.mrgx-tab ul li strong{display:none;}
.mrgx-tab ul li .b-g-right{display:flex;justify-content:space-between;align-items:baseline;width:100%;box-sizing:border-box;text-decoration:none;}
.mrgx-tab ul li .b-g-tit{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mrgx-tab ul li .b-g-time{padding-left:20px;flex-shrink:0;}

/* ---------- PC端（≥992px，原模板≤991px菜单整体隐藏） ---------- */
@media screen and (min-width:992px){
  .header-main-menu > li{position:relative;}
  /* 一级导航向下小三角 */
  .header-main-menu > li.ycnh-has-sub > a{padding-right:16px;}
  .header-main-menu > li.ycnh-has-sub > a::after{content:"";position:absolute;right:0;top:50%;margin-top:-2px;border:4px solid transparent;border-top:5px solid #fff;}
  .header-main-menu > li.ycnh-has-sub:hover > a::after{border-top-color:#fff;}
  /* 下拉面板 */
  .header-main-menu > li > ul.ycnh-sub{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:150px;margin:0;padding:6px 0;list-style:none;background:#fff;border-radius:4px;box-shadow:0 6px 16px rgba(0,0,0,.18);z-index:100000;white-space:nowrap;}
  .header-main-menu > li:hover > ul.ycnh-sub,
  .header-main-menu > li:focus-within > ul.ycnh-sub{display:block;}
  /* 下拉项（覆盖原 .navbar-menu li a 白字大写边框规则） */
  .header .navbar-menu .header-main-menu > li > ul.ycnh-sub > li{margin:0;min-width:0;}
  .header .navbar-menu .header-main-menu > li > ul.ycnh-sub > li > a{display:block;padding:8px 20px;color:#333;font-size:14px;font-weight:400;line-height:1.6;border:none;text-transform:none;}
  .header .navbar-menu .header-main-menu > li > ul.ycnh-sub > li > a:hover,
  .header .navbar-menu .header-main-menu > li:hover > ul.ycnh-sub > li > a:hover{color:var(--primary);background:#f5f5f5;border:none;}
  .header .navbar-menu .header-main-menu > li > ul.ycnh-sub > li:hover > a{color:var(--primary);border:none;}
}

/* ---------- 移动端手风琴（≤768px，参考图2/920浅色面板效果） ---------- */
.ycnh-m-title{display:none;}
.ycnh-m-plus{display:none;}
@media screen and (max-width:768px){
  /* 面板：从 header 下方展开的浅灰面板（不再整屏青绿覆盖） */
  .header .navbar-menu.show{top:100%;background:#f4f5f7;padding:6px 15px 16px;max-height:calc(100vh - 56px);overflow-y:auto;-webkit-overflow-scrolling:touch;}
  /* 面板标题"栏目导航"（红竖条） */
  .ycnh-m-title{display:block;align-self:flex-start;margin:10px 0 4px;padding-left:9px;border-left:4px solid #e63946;color:#333;font-size:15px;font-weight:600;line-height:1.4;}
  /* 菜单项：整行左对齐、深色文字、底部分隔线 */
  .header .navbar-menu.show .header-main-menu{align-items:stretch;width:100%;}
  .header .navbar-menu.show .header-main-menu > li{position:relative;width:100%;margin:0;}
  .header .navbar-menu.show .header-main-menu > li > a{display:block;padding:12px 40px 12px 2px;color:#333;font-size:16px;font-weight:500;line-height:1.5;border:none;border-bottom:1px solid #e0e0e0;text-transform:none;text-align:left;}
  .header .navbar-menu.show .header-main-menu > li:hover > a{color:#333;border-bottom:1px solid #e0e0e0;}
  .header .navbar-menu.show .header-main-menu > li.active > a{color:#e63946;border-bottom:1px solid #e0e0e0;}
  /* 手风琴：子栏目默认折叠，.ycnh-sub-open 展开 */
  .header .navbar-menu.show .header-main-menu > li > ul.ycnh-sub{display:none;margin:0;padding:2px 0 6px 14px;list-style:none;border-bottom:1px solid #e0e0e0;}
  .header .navbar-menu.show .header-main-menu > li.ycnh-sub-open > ul.ycnh-sub{display:block;}
  .header .navbar-menu.show .header-main-menu > li > ul.ycnh-sub > li{margin:0;min-width:0;}
  .header .navbar-menu.show .header-main-menu > li > ul.ycnh-sub > li > a{display:block;padding:8px 2px;color:#555;font-size:14px;font-weight:400;line-height:1.6;border:none;text-transform:none;}
  .header .navbar-menu.show .header-main-menu > li > ul.ycnh-sub > li > a:hover{color:#e63946;border:none;}
  /* + / − 切换钮（灰色，展开变红 −） */
  .ycnh-m-plus{display:block;position:absolute;right:0;top:0;width:46px;height:46px;line-height:44px;text-align:center;font-style:normal;font-size:22px;font-weight:400;color:#999;cursor:pointer;z-index:2;}
  .header-main-menu > li.ycnh-sub-open > .ycnh-m-plus::before{content:"−";position:absolute;left:0;top:0;width:100%;height:100%;line-height:44px;background:#f4f5f7;color:#e63946;}
}

/* 移动端细节：日期头间距收紧 / 详情正文防溢出（手机访问走PC自适应模板时生效） */
@media screen and (max-width:768px){
.list-match-table .header-match-container{margin-top:10px;}
.list-match-table .header-match-container .title{margin-left:0;}
.article,.article p{word-break:break-word;overflow-wrap:anywhere;}
.article img{max-width:100%;height:auto;}
}