/* Four main channels; hover and keyboard focus share the same dropdown. */
.head_menu_a .channel-nav-item{position:relative;}
.head_box .all_menu_box{width:24rem;max-width:100%;}
.head_menu_a .channel-nav-link{display:flex;align-items:center;gap:0.16rem;white-space:nowrap;}
.channel-chevron{display:inline-block;width:0.12rem;height:0.12rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-0.06rem;transition:transform .15s;}
.head_menu_a .channel-dropdown{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);width:7.6rem;box-sizing:border-box;padding:0.3rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.08rem;background:#fff;border:1px solid #f6dae4;border-radius:0.2rem;box-shadow:0 0.15rem 0.55rem rgba(40,20,32,.12);z-index:20;}
.head_menu_a .channel-dropdown li{float:none;padding:0;line-height:1.4;}
.head_box .head_menu_a .channel-dropdown a{display:block;padding:0.25rem 0.12rem;border-radius:0.12rem;font-size:0.35rem;line-height:1.5;font-weight:400;text-align:center;color:#333;white-space:nowrap;}
.head_menu_a .channel-nav-item:hover>.channel-dropdown,.head_menu_a .channel-nav-item:focus-within>.channel-dropdown{display:grid;}
.head_menu_a .channel-nav-item:hover .channel-chevron,.head_menu_a .channel-nav-item:focus-within .channel-chevron{transform:rotate(225deg);margin-top:0.06rem;}
.head_box .head_menu_a .channel-dropdown a:hover,.head_box .head_menu_a .channel-dropdown a:focus-visible,.head_box .head_menu_a .channel-dropdown a[aria-current]{color:#fb7299;background:#fff0f5;outline:none;}
/* The parent channel's active underline must not decorate every descendant. */
.head_box .head_menu_a .channel-dropdown a::after{content:none;display:none;}
.channel-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0.45rem;clear:both;padding:0.3rem 0.4rem 0.5rem;}
.channel-group h3{font-size:0.4rem;margin:0 0 0.2rem;font-weight:600;}
.channel-group-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.2rem 0.12rem;}
.head_box .channel-group-links a{font-size:0.32rem;color:#777;}
.head_box .channel-group-links a:hover,.head_box .channel-group-links a[aria-current]{color:#fb7299;}
.home-channel-links{clear:both;display:flex;flex-wrap:wrap;gap:0.16rem 0.38rem;padding:0.15rem 0 0.28rem;}
.home-channel-links a{font-size:0.32rem;color:#777;}
.home-channel-links a:hover{color:#fb7299;}
@media(max-width:991px){.channel-groups{grid-template-columns:repeat(2,minmax(0,1fr));}.home-channel-links{gap:0.16rem 0.28rem;}}
@media(max-width:820px){.channel-groups{grid-template-columns:1fr;padding:0.25rem;gap:0.35rem;}.channel-group-links{grid-template-columns:repeat(3,minmax(0,1fr));}.channel-group h3{font-size:0.42rem;}.head_box .channel-group-links a{display:block;font-size:0.35rem;padding:0.12rem 0;}.home-channel-links{padding-bottom:0.2rem;}.home-channel-links a{font-size:0.33rem;}}
@media(max-width:820px){.head_box .all_menu_box{width:100%;}}

/* Category pages keep their primary subcategory navigation in one swipeable row. */
@media(max-width:820px){
    .vod_row>.pannel>.home-channel-links{flex-wrap:nowrap;gap:8px;max-width:100%;box-sizing:border-box;padding:4px 0.375rem 12px;margin:0 0 4px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
    .vod_row>.pannel>.home-channel-links::-webkit-scrollbar{display:none;}
    .vod_row>.pannel>.home-channel-links a{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:40px;box-sizing:border-box;padding:0 14px;border-radius:8px;background:#f6f7f9;color:#666;font-size:14px;line-height:20px;white-space:nowrap;}
    .vod_row>.pannel>.home-channel-links a:hover,.vod_row>.pannel>.home-channel-links a:focus-visible{color:#fb7299;background:#fff0f5;}
    .vod_row>.pannel>.home-channel-links a:focus-visible{outline:2px solid #fb7299;outline-offset:2px;}
    html:has(link[name="color"][href*="black.css"]) .vod_row>.pannel>.home-channel-links a{background:#282830;color:#ccc;}
}

/* Compact category directory: one entry per channel, shortcuts kept separate. */
.head_box .channel-menu .all_menu_box{box-sizing:border-box;padding:20px 24px 24px;border-radius:0 0 12px 12px;}
.head_box .channel-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0 0 16px;border-bottom:1px solid #f1f1f4;overflow:visible;}
.head_box .channel-shortcuts::before,.head_box .channel-shortcuts::after{display:none;}
.head_box .channel-shortcuts li{float:none;width:auto;height:auto;padding:0;margin:0;border:0;}
.head_box .channel-shortcuts li a{height:auto;min-height:36px;line-height:36px;padding:0 16px;border-radius:8px;font-size:14px;font-weight:400;background:#f6f7f9;}
.head_box .channel-shortcuts li a i{display:none!important;}
.head_box .channel-shortcuts li a span{padding:0;line-height:inherit;}
.head_box .channel-shortcuts li.active a,.head_box .channel-shortcuts li a:hover{color:#fb7299!important;background:#fff0f5;}
.head_box .channel-menu .channel-groups{padding:0;gap:24px;}
.head_box .channel-menu .channel-group{min-width:0;}
.head_box .channel-menu .channel-group h3{margin:0 0 12px;font-size:18px;line-height:24px;}
.head_box .channel-menu .channel-group h3>a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0;}
.head_box .channel-menu .channel-view-all{font-size:12px;font-weight:400;color:#999;white-space:nowrap;}
.head_box .channel-menu .channel-group h3>a.is-current{color:#fb7299;}
.head_box .channel-menu .channel-group-links{gap:6px;}
.head_box .channel-menu .channel-group-links a{display:block;padding:8px 6px;font-size:14px;line-height:20px;text-align:center;border-radius:6px;color:#666;background:#f8f9fb;white-space:nowrap;}
.head_box .channel-menu .channel-group-links a:hover,.head_box .channel-menu .channel-group-links a[aria-current]{color:#fb7299;background:#fff0f5;}
.head_box .channel-menu a:focus-visible{outline:2px solid #fb7299;outline-offset:2px;}
@media(max-width:820px){
    .head_box .channel-menu .all_menu_inner{height:100%;display:flex;flex-direction:column;min-height:0;}
    .head_box .channel-menu .menu_top{position:relative;flex:0 0 52px;height:52px;line-height:52px;font-size:18px;}
    .head_box .channel-menu .close_menu{right:8px;top:4px;width:44px;height:44px;line-height:44px;font-size:18px;}
    .head_box .channel-menu .all_menu_box{flex:1 1 auto;min-height:0;height:auto;width:100%;padding:12px 16px max(20px,env(safe-area-inset-bottom));border-radius:0;box-shadow:none;overflow-y:auto;overscroll-behavior:contain;}
    .head_box .channel-shortcuts{gap:6px;margin-bottom:18px;padding-bottom:12px;}
    .head_box .channel-shortcuts li{flex:1 0 auto;}
    .head_box .channel-shortcuts li a{padding:0 8px;font-size:13px;line-height:40px;min-height:40px;}
    .head_box .channel-menu .channel-groups{grid-template-columns:1fr;gap:16px;}
    .head_box .channel-menu .channel-group h3{font-size:16px;margin-bottom:8px;}
    .head_box .channel-menu .channel-group h3>a{min-height:32px;padding:0;}
    .head_box .channel-menu .channel-group-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
    .head_box .channel-menu .channel-group-links a{font-size:14px;line-height:24px;padding:10px 2px;}
}