/* Channel landing: ranking | Swiper | latest stories, followed by filterable articles. */
body:has(.channel-page){background:#fff;}
#wrapper.channel-page{display:block;padding:32px 0 48px;font-family:"Microsoft YaHei","Segoe UI",sans-serif;color:#59697d;}
.channel-page,.channel-page *{box-sizing:border-box;}
.channel-page h2,.channel-page h3,.channel-page p{margin:0;}
.channel-page a{color:#36475c;text-decoration:none;}
.channel-page a:hover{color:var(--site-primary,#ff5000);}
.channel-page time{flex:none;color:#a0a9b5;font-size:12px;line-height:20px;white-space:nowrap;font-variant-numeric:tabular-nums;}
.channel-page .channel-top-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,1.1fr);grid-template-areas:"ranking carousel latest";gap:28px;align-items:stretch;}
.channel-page .channel-section-title{padding-bottom:11px;border-bottom:1px solid #edf0f3;color:#29394c;font-size:16px;font-weight:500;line-height:24px;}
.channel-page #sidebar.channel-ranking{grid-area:ranking;display:block;float:none;width:auto;min-width:0;margin:0;padding:0;}
.channel-page #sidebar>.sidebar-ranking{margin:0;padding:0;}
.channel-page #sidebar .ranking-tabs{margin-bottom:6px;gap:24px;}
.channel-page #sidebar .news-rank-item{min-height:39px;}
.channel-page .channel-carousel.swiper{grid-area:carousel;width:100%;max-width:100%;min-width:0;height:320px;margin:0;border-radius:2px;background:#f6f7f9;--swiper-theme-color:#ff5000;--swiper-navigation-size:32px;}
.channel-page .channel-carousel .swiper-wrapper,.channel-page .channel-carousel .swiper-slide{height:100%;}
.channel-page .channel-carousel:not(.swiper-initialized) .swiper-slide:not(:first-child){visibility:hidden;}
.channel-page .channel-slide-link{position:relative;display:block;width:100%;height:100%;overflow:hidden;}
.channel-page .channel-slide-link::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none;}
.channel-page .channel-slide-link img{display:block;width:100%;height:100%;object-fit:cover;}
.channel-page .channel-slide-link h2{position:absolute;z-index:1;left:20px;right:20px;bottom:39px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#fff;font-size:16px;font-weight:400;line-height:25px;}
.channel-page .home-carousel-dots{position:absolute;z-index:2;left:20px;bottom:16px;display:flex;align-items:center;gap:7px;width:auto;}
.channel-page .home-carousel-dots .swiper-pagination-bullet{display:block;width:17px;height:3px;margin:0;padding:0;border:0;border-radius:2px;background:#fff;opacity:.45;cursor:pointer;}
.channel-page .home-carousel-dots .swiper-pagination-bullet-active{background:var(--site-primary,#ff5000);opacity:1;}
.channel-page .channel-carousel .swiper-button-prev,.channel-page .channel-carousel .swiper-button-next{width:32px;height:32px;margin-top:-16px;padding:10px;border:0;border-radius:50%;background:#0004;color:#fff;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;}
.channel-page .channel-carousel .swiper-button-prev{left:12px;transform:translateX(-44px);}
.channel-page .channel-carousel .swiper-button-next{right:12px;transform:translateX(44px);}
.channel-page .channel-carousel:hover .swiper-button-prev,.channel-page .channel-carousel:hover .swiper-button-next,.channel-page .channel-carousel:focus-within .swiper-button-prev,.channel-page .channel-carousel:focus-within .swiper-button-next{opacity:1;transform:none;pointer-events:auto;}
.channel-page .channel-latest{grid-area:latest;display:flex;flex-direction:column;min-width:0;}
.channel-page .channel-latest ul{display:flex;flex:1;flex-direction:column;justify-content:space-between;margin:9px 0 0;padding:0;list-style:none;}
.channel-page .channel-latest li{display:flex;align-items:baseline;gap:12px;min-width:0;padding:9px 0;}
.channel-page .channel-latest li>a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:23px;}
.channel-page .channel-feed{margin-top:34px;}
.channel-page .channel-feed-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #edf0f3;}
.channel-page .channel-filter-tabs{display:flex;gap:28px;flex-wrap:wrap;}
.channel-page .channel-filter-tabs a{position:relative;display:block;padding:0 0 12px;color:#929ba7;font-size:15px;line-height:25px;}
.channel-page .channel-filter-tabs a[aria-selected="true"]{color:var(--site-primary,#ff5000);}
.channel-page .channel-filter-tabs a[aria-selected="true"]::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--site-primary,#ff5000);}
.channel-page .channel-result-count{flex:none;align-self:flex-start;color:#a0a9b5;font-size:11px;line-height:25px;}
.channel-page .channel-feed-item{min-width:0;padding:21px 0;border-bottom:1px solid #f0f2f5;}
.channel-page .channel-feed-item[hidden]{display:none!important;}
.channel-page .channel-article-title{display:flex;align-items:baseline;gap:24px;}
.channel-page .channel-article-title h3{flex:1;min-width:0;font-size:16px;font-weight:600;line-height:26px;}
.channel-page .channel-feed-item p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:8px;color:#939ca8;font-size:12px;line-height:22px;}
.channel-page .channel-article-meta{display:flex;align-items:center;gap:20px;margin-top:10px;color:#a0a9b5;font-size:12px;line-height:19px;}
.channel-page .channel-article-meta a{color:#98a2af;}
.channel-page .channel-article-meta a:hover{color:var(--site-primary,#ff5000);}
.channel-page a:focus-visible,.channel-page button:focus-visible{outline:2px solid #ffb28e;outline-offset:4px;}
@media(max-width:1150px){.channel-page .channel-top-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1.1fr);gap:22px;}.channel-page .channel-latest li{display:block;}.channel-page .channel-latest li>a{display:block;}.channel-page .channel-latest time{display:none;}}
@media(max-width:960px){.channel-page .channel-top-grid{grid-template-columns:240px minmax(0,1fr);grid-template-areas:"ranking carousel" "latest latest";gap:26px;}.channel-page .channel-latest ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;}.channel-page .channel-latest li{display:flex;}.channel-page .channel-latest time{display:block;}}
@media(max-width:640px){#wrapper.channel-page{padding:24px 0 36px;}.channel-page .channel-top-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"carousel" "ranking" "latest";gap:26px;}.channel-page .channel-carousel.swiper{height:auto;aspect-ratio:1.6;}.channel-page .channel-latest ul{grid-template-columns:minmax(0,1fr);}.channel-page .channel-feed{margin-top:28px;}.channel-page .channel-filter-tabs{gap:20px;}.channel-page .channel-filter-tabs a{font-size:14px;}.channel-page .channel-result-count{display:none;}.channel-page .channel-article-title{flex-wrap:wrap;gap:3px;}.channel-page .channel-article-title h3{flex-basis:100%;font-size:16px;}.channel-page .channel-feed-item{padding:17px 0;}}
@media(prefers-reduced-motion:reduce){.channel-page .channel-carousel .swiper-button-prev,.channel-page .channel-carousel .swiper-button-next{transition:none;}}

.channel-page .channel-latest li{display:block;}
.channel-page .channel-latest-title{display:flex;align-items:baseline;gap:12px;min-width:0;}
.channel-page .channel-latest-title>a{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:23px;}
.channel-page .channel-latest-description{margin-top:7px;color:#98a2af;font-size:12px;line-height:22px;overflow-wrap:anywhere;}
.channel-page .channel-latest-description>a{color:#687b91;white-space:nowrap;}
.channel-page .channel-latest-description>a:hover{color:var(--site-primary,#ff5000);}

/* Lower reading area: curated text rail plus the existing tabbed article list. */
.channel-page .channel-lower-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px;align-items:start;margin-top:34px;}
.channel-page .channel-lower-layout .channel-feed{min-width:0;margin-top:0;}
.channel-page .channel-text-featured{min-width:0;}
.channel-page .channel-text-featured .channel-section-title{line-height:25px;padding-bottom:12px;}
.channel-page .channel-text-featured-list article{padding:10px 0;border-bottom:1px solid #f0f2f5;}
.channel-page .channel-text-featured-list h3{font-size:16px;font-weight:600;line-height:24px;}
.channel-page .channel-text-featured-list p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:7px 0 0px;color:#939ca8;font-size:12px;line-height:22px;}
@media(max-width:1150px){.channel-page .channel-lower-layout{grid-template-columns:220px minmax(0,1fr);gap:28px;}}
@media(max-width:800px){.channel-page .channel-lower-layout{grid-template-columns:minmax(0,1fr);gap:28px;}.channel-page .channel-lower-layout .channel-feed{grid-column:1;grid-row:1;}.channel-page .channel-text-featured{grid-column:1;grid-row:2;}}
@media(min-width:961px){
  .channel-page .channel-top-grid{height:310px;grid-template-rows:minmax(0,1fr);}
  .channel-page .channel-carousel.swiper{height:100%;}
  .channel-page #sidebar.channel-ranking{display:flex;flex-direction:column;height:100%;min-height:0;}
  .channel-page #sidebar>.sidebar-ranking{display:flex;flex:1;flex-direction:column;min-height:0;}
  .channel-page #sidebar .ranking-tabs{flex:none;margin-bottom:18px;}
  .channel-page #sidebar .news-ranking-list:not([hidden]){display:flex;flex:1;flex-direction:column;justify-content:space-between;min-height:0;}
  .channel-page #sidebar .news-rank-item{flex:none;min-height:23px;}
  .channel-page .channel-latest{height:100%;min-height:0;}
  .channel-page .channel-latest .channel-section-title{flex:none;}
  .channel-page .channel-latest ul{min-height:0;}
  .channel-page .channel-latest li{padding:6px 0;}
  .channel-page .channel-latest li:last-child{padding-bottom:0;}
}

.channel-page .channel-text-featured-list article{display:block;}
.channel-page .channel-featured-copy{min-width:0;}
.channel-page .channel-featured-copy h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.channel-page .channel-featured-thumb{display:block;overflow:hidden;aspect-ratio:1.8;margin:0 0 5px;border-radius:2px;}
.channel-page .channel-featured-thumb img{display:block;width:100%;height:100%;object-fit:cover;}
.channel-page .channel-feed-list[aria-busy="true"]{opacity:.55;}
.channel-page .channel-load-error{margin-top:12px;color:#c25f3f;font-size:12px;}
.channel-page .channel-load-error[hidden]{display:none;}
.channel-page .channel-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;margin:24px 0 8px;}
.channel-page .channel-pagination>a,.channel-page .channel-pagination button{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border:1px solid #e9ecf0;border-radius:2px;background:#fff;color:#7b8797;font:400 12px "Microsoft YaHei",sans-serif;cursor:pointer;}
.channel-page .channel-pagination>a:hover:not([aria-current="page"]),.channel-page .channel-pagination button:hover:not(:disabled){border-color:#ffb18d;color:#ff5000;}
.channel-page .channel-pagination>a[aria-current="page"]{border-color:#ff5000;background:#ff5000;color:#fff;}
.channel-page .channel-pagination button:disabled{border-color:#f0f2f5;color:#c3c9d1;cursor:default;}
.channel-page .channel-page-total{margin:0 8px 0 12px;color:#8e98a6;font-size:11px;white-space:nowrap;}
.channel-page .channel-page-total>span{color:#ff5000;}
.channel-page .channel-page-ellipsis{padding:0 7px;color:#9da6b3;font-size:12px;}
.channel-page .channel-page-jump{display:flex;align-items:center;gap:6px;margin:0;color:#929ba7;font-size:11px;}
.channel-page .channel-page-jump input[type="number"]{box-sizing:border-box;width:34px;height:28px;padding:0 3px;border:1px solid #e9ecf0;border-radius:2px;background:#fff;color:#7b8797;text-align:center;font:400 12px "Microsoft YaHei",sans-serif;appearance:textfield;-moz-appearance:textfield;}
.channel-page .channel-page-jump input:focus{outline:none;border-color:#e9ecf0;box-shadow:none;}
.channel-page .channel-page-jump input::-webkit-inner-spin-button,.channel-page .channel-page-jump input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}


@media(hover:hover) and (pointer:fine){
  .channel-page .channel-featured-thumb img{transition:transform .28s ease;}
  .channel-page .channel-featured-thumb:hover img{transform:scale(1.06);}
}
@media(prefers-reduced-motion:reduce){.channel-page .channel-featured-thumb img{transition:none;}}