/* =========================================================
   310bf 首页 V2 —— 蓝白现代体育站 · 全响应式
   设计：蓝色(#1565d8)+白色为主，干净卡片化，左右栏自适应
   注意：保留所有 JS 依赖的 class / #id 名称（#show #cur #tab
   #news_list .news_tab .score-ranking 等），仅重做视觉与布局
   ========================================================= */

/* ---------- 设计变量 ---------- */
:root{
  --brand:#1565d8;          /* 主蓝 */
  --brand-dark:#0d47a1;     /* 深蓝（顶栏/标题条）*/
  --brand-light:#e8f1ff;    /* 浅蓝底 */
  --ink:#1d2733;            /* 主文字 */
  --muted:#7a8699;          /* 次要文字 */
  --line:#e7ecf3;           /* 分割线 */
  --bg:#f3f6fb;             /* 页面背景 */
  --card:#ffffff;
  --radius:14px;
  --shadow:0 6px 22px rgba(21,101,216,.08);
  --shadow-sm:0 2px 10px rgba(21,101,216,.06);
  --maxw:1200px;
}

/* ---------- reset ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-size:14px;line-height:1.6;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
body,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,ol,p,pre,ul{margin:0;padding:0;list-style:none;font-weight:400;}
img{border:0;max-width:100%;display:block;}
a{color:var(--ink);text-decoration:none;}
a:hover{color:var(--brand);}
.cf::after{content:"";display:table;clear:both;}

/* ---------- 顶栏 ---------- */
#header{
  position:sticky;top:0;z-index:10000;width:100%;
  background:var(--card);
  border-bottom:1px solid var(--line);
  box-shadow:var(--shadow-sm);
}
#header .header_main{
  max-width:var(--maxw);margin:0 auto;padding:0 20px;
  height:64px;display:flex;align-items:center;justify-content:space-between;
}
#header .header_left{display:flex;align-items:center;gap:4px;min-width:0;flex:1;overflow:hidden;}
#header a{display:inline-flex;align-items:center;height:64px;color:var(--ink);font-size:15px;white-space:nowrap;}
#header a.logo{padding:0 18px 0 0;flex:0 0 auto;}
#header a.logo img{width:128px;height:auto;}
#header a.nav{padding:0 14px;position:relative;transition:color .2s;}
#header a.nav::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;background:var(--brand);transform:scaleX(0);transform-origin:center;transition:transform .2s;}
#header a.nav:hover{color:var(--brand);}
#header a.nav:hover::after,#header a.nav_hover::after{transform:scaleX(1);}
#header a.nav_hover{color:var(--brand);}
#header .header_right{flex:0 0 auto;padding-left:16px;}
#header a.login{font-size:14px;color:var(--muted);}
#header a.login:hover{color:var(--brand);}

/* ---------- 主容器 / 栅格 ---------- */
#main{
  max-width:var(--maxw);margin:0 auto;padding:24px 20px 40px;
}
#con{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:flex-start;}
#con > .bottom-row{grid-column:1 / -1;min-width:0;} /* 通栏：跨两列 */
#con > .left{min-width:0;display:flex;flex-direction:column;gap:0;}      /* 左栏：新闻流 */
#con > .right{min-width:0;}     /* 右栏：榜单，320px */

/* ---------- 轮播 ---------- */
#show{
  position:relative;overflow:hidden;width:100%;
  border-radius:var(--radius);background:var(--card);
  box-shadow:var(--shadow);
}
#show ul{display:flex;padding:0;margin:0;transition:margin-left .5s ease;}
#show ul li{position:relative;flex:0 0 100%;}
#show ul li img{width:100%;height:380px;object-fit:cover;}
#show ul li h3{
  position:absolute;left:0;right:0;bottom:0;margin:0;
  padding:48px 28px 18px;color:#fff;font-size:19px;font-weight:600;line-height:1.5;
  background:linear-gradient(to top,rgba(13,71,161,.85),rgba(13,71,161,0));
}
a.arrow_l,a.arrow_r{
  position:absolute;top:50%;transform:translateY(-50%);z-index:20;
  width:44px;height:44px;border-radius:50%;
  background-color:rgba(13,71,161,.6);opacity:.85;transition:.2s;
  background-repeat:no-repeat;background-position:center;
}
a.arrow_l{left:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.5 3L5.5 8l5 5' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
a.arrow_r{right:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 3l5 5-5 5' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
a.arrow_l:hover,a.arrow_r:hover{opacity:1;background-color:var(--brand);}
#cur{position:absolute;right:16px;bottom:14px;z-index:25;display:flex;gap:7px;}
#cur a{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.6);}
#cur a.cur,#cur a:hover{background:#fff;}

/* ---------- 头条 tab ---------- */
#tab{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 6px;border-bottom:2px solid var(--line);padding-bottom:0;}
#tab a.news_tab{
  padding:8px 12px 12px;font-size:15px;color:var(--muted);position:relative;
  border-bottom:3px solid transparent;margin-bottom:-2px;transition:.2s;
}
#tab a.news_tab:hover{color:var(--brand);}
#tab a.news_tab.sel{color:var(--brand-dark);font-weight:600;border-bottom-color:var(--brand);}

/* ---------- 新闻列表 ---------- */
#news_list{margin-top:6px;}
#news_list li{
  display:block;overflow:hidden;padding:20px 0;border-bottom:1px solid var(--line);
}
#news_list li > a.pc_count{
  float:left;width:200px;height:130px;margin-right:18px;border-radius:10px;overflow:hidden;background:var(--brand-light);
}
#news_list li > a.pc_count img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
#news_list li:hover > a.pc_count img{transform:scale(1.05);}
#news_list li h2{font-size:19px;line-height:1.45;font-weight:600;margin:0 0 8px;}
#news_list li h2 a:hover{color:var(--brand);}
#news_list li p{font-size:14px;color:var(--muted);line-height:1.7;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
#news_list li .info{margin-top:10px;font-size:13px;color:#9aa6b6;overflow:hidden;}
#news_list li .info .time{float:right;}

#loadmore{
  margin:26px auto 0;max-width:420px;text-align:center;padding:13px 0;
  border:1px solid var(--line);border-radius:26px;color:var(--muted);
  background:var(--card);cursor:pointer;transition:.2s;
}
#loadmore:hover{color:#fff;background:var(--brand);border-color:var(--brand);}

/* ---------- 页脚 ---------- */
#footer{background:var(--brand-dark);color:#cdd9ee;padding:34px 20px 40px;margin-top:30px;}
#footer .footer_main{max-width:var(--maxw);margin:0 auto;text-align:center;}
#footer .footer_main a{color:#cdd9ee;padding:0 10px;}
#footer .footer_main a:hover{color:#fff;text-decoration:underline;}
#footer .footer_main p{line-height:1.9;font-size:13px;}

/* ---------- 右侧通用卡片 ---------- */
#con > .right .score-ranking,
#con > .right .shooter-ranking,
#con > .right .assist-ranking,
#con > .right .fbtv,
#con > .right .fball_live,
#con > .right .bball_live{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;margin-bottom:20px;box-shadow:var(--shadow-sm);
}

/* ---------- 响应式 ----------
   1) ≤1180：左栏弹性缩，右栏 320→300
   2) ≤960 ：三列比例继续缩，hotnews 300→280
   3) ≤760 ：改单列（bottom-row feature 全宽 + thumbs 横滑 + hotnews 并排）
   4) ≤480 ：缩略图、Tab 进一步压紧
*/
@media (max-width:1180px){
  #con{grid-template-columns:1fr 300px;gap:16px;}
  .bottom-row{grid-template-columns:1fr 110px 300px;height:440px;}
  .bottom-row__thumbs{min-width:110px;max-width:110px;}
}
@media (max-width:960px){
  #con{grid-template-columns:1fr 280px;gap:14px;}
  .bottom-row{grid-template-columns:1fr 100px 280px;height:380px;gap:12px;}
  .bottom-row__thumbs{min-width:100px;max-width:100px;}
  .bottom-row__thumbs li{aspect-ratio:16/9;}
}
@media (max-width:760px){
  #header .header_main{height:56px;padding:0 14px;}
  #header a{height:56px;font-size:14px;}
  #header a.logo{padding-right:10px;}
  #header a.logo img{width:104px;}
  #header .header_left{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
  #header .header_left::-webkit-scrollbar{display:none;}
  #main{padding:16px 14px 32px;}
  #con{grid-template-columns:1fr;gap:16px;}
  #con > .right{width:100%;}
  #con > .bottom-row{grid-column:1/-1;}
  .bottom-row{grid-template-columns:1fr;height:auto;gap:14px;}
  .bottom-row__feature{aspect-ratio:16/9;height:auto;min-height:0;}
  .bottom-row__thumbs{min-width:0;max-width:100%;}
  .bottom-row__thumbs ul{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:4px;}
  .bottom-row__thumbs li{flex:0 0 120px;height:68px;aspect-ratio:auto;}
  .bottom-row__hotnews{width:100%;}
  #news_list li > a.pc_count{float:none;width:100%;height:180px;margin:0 0 12px;}
  #news_list li h2{font-size:17px;margin-left:0;}
  #news_list li p{margin-left:0;}
  #news_list li .info{margin-left:0;}
  #tab a.news_tab{padding:6px 9px 10px;font-size:14px;}
}
@media (max-width:480px){
  #header a.nav{padding:0 9px;}
  .bottom-row__thumbs li{flex:0 0 96px;height:54px;}
  .bottom-row__feature{aspect-ratio:16/9;}
  .ranking-card .score-ranking-tab li{padding:0 6px;font-size:12px;}
  .hotnews-tab li{padding:10px 12px;font-size:13px;}
  .hotnews-pane li{padding:8px 12px;font-size:13px;}
  #news_list li .thumb{height:160px;}
}

/* ====== V3 顶部英雄区：已删除，顶部改为通栏大图+缩略图+焦点 ====== */
.ranking-card{padding:0;}
.ranking-card .ranking-title h3{margin:0;padding:14px 18px;background:linear-gradient(90deg,#0d47a1,#1565d8);color:#fff;font-size:17px;font-weight:600;}
.ranking-card .score-ranking-tab{background:#f7faff;}
.ranking-card .score-ranking-tab li{padding:0 10px;font-size:13px;}

/* ====== V3 顶部通栏：左大图 + 中缩略图列 + 右焦点 320px ====== */
.bottom-row{
  display:grid;grid-template-columns:1fr 120px 320px;gap:16px;margin:0 0 8px;
  min-width:0;width:100%;align-items:stretch;
  /* 在 #con grid 中全宽（#con > .bottom-row 规则已设置） */
  height:480px;       /* 固定高度，让大图能撑起来 */
}
.bottom-row__feature{
  position:relative;border-radius:12px;overflow:hidden;
  background:#000;min-height:0;min-width:0;height:100%;width:100%;
}
.bottom-row__feature > a{display:block;width:100%;height:100%;position:relative;}
.bottom-row__feature img{width:100%;height:100%;object-fit:cover;display:block;}
.bottom-feature-title{
  position:absolute;left:0;right:0;bottom:0;padding:14px 18px;
  color:#fff;font-size:18px;font-weight:600;line-height:1.4;
  background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.75) 100%);
  text-shadow:0 1px 3px rgba(0,0,0,.5);
}
.bottom-row__feature img{width:100%;height:100%;object-fit:cover;display:block;}
.bottom-row__feature .bottom-feature-title{
  position:absolute;left:0;right:0;bottom:0;padding:14px 18px;
  color:#fff;font-size:18px;font-weight:600;
  background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,0));
  text-shadow:0 1px 2px rgba(0,0,0,.5);
}
.bottom-row__thumbs{min-width:120px;max-width:160px;}
.bottom-row__thumbs ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.bottom-row__thumbs li{
  position:relative;border-radius:8px;overflow:hidden;cursor:pointer;
  background:#000;aspect-ratio:16/9;opacity:.65;transition:opacity .2s;
}
.bottom-row__thumbs li.active{opacity:1;outline:3px solid var(--brand,#1565d8);outline-offset:1px;}
.bottom-row__thumbs li img{width:100%;height:100%;object-fit:cover;display:block;}
.bottom-row__hotnews{min-width:0;background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(13,71,161,.06);overflow:hidden;}
.hotnews-tabs{border-bottom:1px solid #eef1f6;}
.hotnews-tab{display:flex;list-style:none;margin:0;padding:0;}
.hotnews-tab li{
  padding:14px 22px;font-size:15px;color:#6b7689;cursor:pointer;position:relative;
}
.hotnews-tab li.active{color:#d32f2f;font-weight:600;}
.hotnews-tab li.active::after{
  content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:3px;background:#d32f2f;border-radius:2px;
}
/* ====== V3 时间轴样式（焦点足球/篮球新闻列表） ====== */
.hotnews-pane{position:relative;display:none;padding:8px 0 8px 42px;}
.hotnews-pane--active{display:block;}
.hotnews-pane::before{
  content:"";position:absolute;left:15px;top:22px;bottom:22px;width:2px;
  background:linear-gradient(180deg,#d32f2f 0%,#e8ecf5 70%);border-radius:2px;
}
.hotnews-pane ul{list-style:none;margin:0;padding:0;}
.hotnews-pane li{
  display:flex;align-items:flex-start;gap:12px;padding:9px 16px 9px 0;
  font-size:14px;line-height:1.55;position:relative;border-bottom:1px dashed #f0f2f7;
}
.hotnews-pane li:last-child{border-bottom:0;}
.hotnews-pane li::before{
  content:"";position:absolute;left:-29px;top:17px;width:6px;height:6px;
  border-radius:50%;background:#d32f2f;border:2px solid #fff;box-shadow:0 0 0 1.5px #d32f2f;
  flex-shrink:0;
}
.hotnews-pane li a{
  flex:1;color:#2b3548;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  line-height:1.6;
}
.hotnews-pane li a:hover{color:var(--brand,#1565d8);text-decoration:underline;}
.hotnews-pane li time{color:#9aa6b6;font-size:12px;flex-shrink:0;padding-top:2px;}
.hotnews-empty{padding:40px 18px;text-align:center;color:#9aa6b6;font-size:14px;}
.hotnews-empty small{color:#cfd6e2;}

/* ====== V2 详情页 ====== */
/* 面包屑 */
.crumb{padding:14px 20px;margin:5px 0 16px;background:var(--card);border-radius:var(--radius);font-size:14px;color:var(--muted);display:flex;gap:10px;align-items:center;flex-wrap:wrap;box-shadow:var(--shadow-sm);}
.crumb a{color:var(--text);font-weight:500;transition:color .2s;}
.crumb a:hover{color:var(--brand);}
.crumb .sep{color:#b8c0d0;font-size:12px;}
.crumb a:last-child{color:var(--brand);font-weight:600;}

/* 详情卡片 */
.detail{
  background:var(--card);border-radius:var(--radius);padding:32px 36px;
  box-shadow:var(--shadow-sm);overflow:hidden;
}
.detail h1{
  font-size:28px;font-weight:700;line-height:1.35;
  margin-bottom:14px;color:var(--ink);
}
.detail h4{
  font-size:13px;color:var(--muted);font-weight:400;
  padding-bottom:18px;margin-bottom:20px;
  border-bottom:1px solid var(--line);
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
}
.detail h4 .time{color:var(--muted);}
.detail h4 .comm{color:var(--brand);font-size:13px;}
.detail p{
  font-size:16px;line-height:1.9;color:#2c3e50;
  margin-bottom:18px;word-break:break-word;
}
.detail p img{
  max-width:100%;height:auto;border-radius:10px;
  margin:20px auto;display:block;box-shadow:0 2px 10px rgba(0,0,0,.06);
}
.detail a.infotextkey{color:var(--brand);}
.detail a.infotextkey:hover{text-decoration:underline;}
.detail .pageLink{text-align:center;margin:24px 0;}

/* 来源声明 */
.sourse{
  list-style:none;padding:16px 20px;background:var(--bg);
  border-radius:10px;margin:24px 0 0;
}
.sourse li{font-size:13px;color:var(--muted);line-height:1.8;}
.sourse li a{color:var(--brand);}

/* 相关新闻 */
.relate-news{
  margin-top:24px;background:var(--card);border-radius:var(--radius);
  box-shadow:var(--shadow-sm);padding:24px 28px;
}
.relate-news .title{
  font-size:18px;font-weight:700;color:var(--ink);
  margin-bottom:20px;display:flex;align-items:center;gap:10px;
  padding-bottom:14px;border-bottom:1px solid #e8ecf3;
}
.relate-news .title img{width:22px;height:22px;}
.relate-news ul{
  display:flex;flex-direction:column;gap:12px;
}
.relate-news-list a{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px 18px;background:var(--bg);
  border-radius:10px;transition:all .2s;border-left:3px solid transparent;
}
.relate-news-list a:hover{
  background:var(--brand-light);
  border-left-color:var(--brand);
  transform:translateX(4px);
}
.relate-news-list p{
  font-size:15px;font-weight:500;color:var(--ink);
  line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  flex:1;
}
.relate-news-list .time{
  font-size:12px;color:var(--muted);
  white-space:nowrap;flex-shrink:0;
}

/* ====== V2 列表页 ====== */
/* 列表页新闻列表（使用 ol）*/
#news_list ol{margin:0;padding:0;list-style:none;}
#news_list ol li{
  display:block;overflow:hidden;padding:20px 0;border-bottom:1px solid var(--line);
}
#news_list ol li > a.pc_count{
  float:left;width:200px;height:130px;margin-right:18px;
  border-radius:10px;overflow:hidden;background:var(--brand-light);
}
#news_list ol li > a.pc_count img{
  width:100%;height:100%;object-fit:cover;transition:transform .4s;
}
#news_list ol li:hover > a.pc_count img{transform:scale(1.05);}
#news_list ol li h2{font-size:19px;line-height:1.45;font-weight:600;margin:0 0 8px;}
#news_list ol li h2 a:hover{color:var(--brand);}
#news_list ol li p{font-size:14px;color:var(--muted);line-height:1.7;}
#news_list ol li .info{margin-top:10px;font-size:13px;color:#9aa6b6;overflow:hidden;}
#news_list ol li .info .time{float:right;}

/* 分页 */
.epages{
  text-align:center;padding:28px 0 8px;
  display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;
}
.epages b{display:inline-flex;align-items:center;justify-content:center;
  min-width:34px;height:34px;padding:0 8px;
  background:var(--brand);color:#fff;border-radius:6px;font-weight:600;font-size:14px;
}
.epages a{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:34px;height:34px;padding:0 6px;
  background:var(--card);color:var(--ink);border:1px solid var(--line);
  border-radius:6px;font-size:13px;transition:.2s;
}
.epages a:hover{background:var(--brand-light);border-color:var(--brand);color:var(--brand);}

/* ====== V2 右侧最新头条 ====== */
.bottom-right{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;margin-bottom:20px;box-shadow:var(--shadow-sm);
}
.bottom-right-item .subtit{
  padding:14px 18px;font-size:17px;font-weight:600;color:var(--ink);
  display:flex;align-items:center;gap:8px;
  background:linear-gradient(90deg,#0d47a1,#1565d8);color:#fff;
}
.bottom-right-item .subtit img{width:20px;height:20px;}
.bottom-right-item > a{
  display:block;padding:14px 16px;border-bottom:1px solid var(--line);transition:.15s;
}
.bottom-right-item > a:last-child{border-bottom:0;}
.bottom-right-item > a:hover{background:var(--brand-light);}
.bottom-right-item dl{display:flex;gap:12px;margin:0;}
.bottom-right-item dt{flex:0 0 80px;}
.bottom-right-item dt img{width:80px;height:60px;object-fit:cover;border-radius:6px;}
.bottom-right-item dd{flex:1;min-width:0;}
.bottom-right-item dd .tit{
  font-size:13px;color:var(--ink);line-height:1.5;
  overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}

/* 详情页响应式 */
@media (max-width:760px){
  .detail{padding:20px 18px;}
  .detail h1{font-size:22px;line-height:1.4;}
  .detail h4{font-size:13px;}
  .detail p{font-size:15px;line-height:1.8;}
  .detail img{max-width:100%;height:auto;}
  .relate-news{padding:18px 16px;margin-top:18px;}
  .relate-news .title{font-size:16px;margin-bottom:14px;padding-bottom:12px;}
  .relate-news-list a{flex-direction:column;align-items:flex-start;gap:6px;padding:12px 14px;}
  .relate-news-list p{font-size:14px;}
  .relate-news-list .time{font-size:11px;}
  .bottom-right{margin-bottom:14px;}
  .crumb{margin:10px 14px 12px;padding:12px 16px;font-size:13px;}
  .sourse li{font-size:12px;}
}
@media (max-width:480px){
  .detail{padding:16px 14px;}
  .detail h1{font-size:18px;line-height:1.4;}
  .detail h4{font-size:12px;}
  .detail p{font-size:14px;line-height:1.75;}
  .relate-news{padding:16px 14px;}
  .relate-news .title{font-size:15px;}
  .relate-news-list a{padding:10px 12px;}
  .crumb{margin:8px 12px 10px;padding:10px 14px;font-size:12px;gap:6px;}
}

/* ====== 加载更多按钮 ====== */
#loadmore{
  display:block;margin:28px auto 0;padding:13px 52px;max-width:240px;width:100%;
  font-size:15px;font-weight:500;color:#1565d8;background:#fff;
  border:2px solid #1565d8;border-radius:8px;cursor:pointer;text-align:center;
  transition:background .2s,color .2s,transform .15s,box-shadow .2s;letter-spacing:.3px;
}
#loadmore:hover{
  background:#1565d8;color:#fff;transform:translateY(-1px);
  box-shadow:0 4px 14px rgba(21,101,216,.28);
}
#loadmore:active{transform:translateY(0);box-shadow:none;}
#loadmore:disabled{
  color:#9aa6b6;background:#f3f6fb;border-color:#e7ecf3;cursor:not-allowed;
  transform:none;box-shadow:none;
}
#loadmore img{
  display:inline-block;width:18px;height:18px;vertical-align:middle;margin-right:8px;
}

/* ====== 响应式 ======
   1) ≤1180：左栏弹性缩，右栏保持 320（焦点新闻同样 320）
   2) ≤960 ：三列改为「feature 弹性 | thumbs 100 | hotnews 280」堆叠一行
   3) ≤760 ：改为两行「feature 全宽 16:9」+「thumbs 横滑 + hotnews 并排」
   4) ≤480 ：单列堆叠，缩略图横滑，hotnews 全宽
*/
@media (max-width:1180px){
  #con{grid-template-columns:1fr 300px;gap:16px;}
  .bottom-row{grid-template-columns:1fr 110px 300px;height:440px;}
  .bottom-row__thumbs{min-width:110px;max-width:110px;}
}
@media (max-width:960px){
  #con{grid-template-columns:1fr 280px;gap:14px;}
  .bottom-row{grid-template-columns:1fr 100px 280px;height:380px;gap:12px;}
  .bottom-row__thumbs{min-width:100px;max-width:100px;}
  .bottom-row__thumbs li{aspect-ratio:16/9;}
}
@media (max-width:760px){
  #con{grid-template-columns:1fr;gap:16px;}
  #con > .bottom-row{grid-column:1/-1;}
  .bottom-row{grid-template-columns:1fr;height:auto;gap:14px;}
  .bottom-row__feature{aspect-ratio:16/9;height:auto;min-height:0;}
  .bottom-row__thumbs{min-width:0;max-width:100%;}
  .bottom-row__thumbs ul{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:4px;}
  .bottom-row__thumbs li{flex:0 0 120px;height:68px;aspect-ratio:auto;}
  .bottom-row__hotnews{width:100%;}
  #con > .right,#con > .left{width:100%;}
}
@media (max-width:480px){
  .bottom-row__thumbs li{flex:0 0 96px;height:54px;}
  .bottom-row__feature{aspect-ratio:16/9;}
  .ranking-card .score-ranking-tab li{padding:0 6px;font-size:12px;}
  .hotnews-tab li{padding:10px 12px;font-size:13px;}
  .hotnews-pane li{padding:8px 12px;font-size:13px;}
}

/* ====== 弹窗遮罩层（默认隐藏）====== */
#mask{position:fixed;top:0;left:0;z-index:10000;display:none;width:100%;height:100%;background:rgba(0,0,0,.5);}
#pop{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:var(--radius);padding:24px 32px;box-shadow:var(--shadow);text-align:center;}
#pop h3{font-size:18px;color:var(--ink);margin-bottom:12px;}
#pop p{color:var(--muted);margin-bottom:20px;}
#pop a.btn{display:inline-block;padding:10px 28px;background:var(--brand);color:#fff;border-radius:6px;}
#pop a.btn:hover{background:var(--brand-dark);}
#pop a.close{position:absolute;top:12px;right:12px;width:20px;height:20px;background:url(../images/bg_close.png) center no-repeat;cursor:pointer;}