/* ============================================================
   cbismb.com 门户主题镜像 · 设计令牌（三页共用）
   ============================================================ */
:root{
  --brand:#4e6ef2;--c-blue:var(--brand);        /* 主强调蓝（链接、hover、图标） */
  --c-blue-dk:#3a56d4;
  --c-blue-lt:#eef1fe;
  --c-ink:#222;            /* 顶栏 / 页脚 / 正文主色 */
  --c-ink-2:#333;          /* 标题 */
  --c-txt:#666;            /* 正文次级 */
  --c-txt-3:#999;          /* 弱化 / 英文副标 */
  --c-nav-red:#bf1925;     /* 主导航激活底 */
  --c-nav-hv:#ff0011;      /* 主导航 hover 下划线 */
  --c-sub-red:#af0007;     /* 二级导航激活文字 */
  --c-chip-hv:#c11313;     /* 标签 hover 底 */
  --c-line:#ebebeb;        /* 卡片阴影线 */
  --c-line-2:#ccc;         /* 分隔线 / chip 边框 */
  --c-bg:#f4f5f7;          /* 页面底 */
  --c-card:#fff;

  --wrap:1200px;
  --col-l:870px;
  --col-r:315px;
  --gap:15px;
  --radius:5px;
  --radius-s:3px;
  --shadow:0 0 8px 0 #ebebeb;
  --shadow-hv:0 6px 24px 0 rgba(207,216,233,.55);
  --shadow-cap:0 1px 10px 4px rgba(207,216,233,.18);

  --fs-h1:24px; --fs-h2:20px; --fs-h3:16px;
  --fs-body:14px; --fs-sm:13px; --fs-xs:12px;

  --nav-h:48px;
  --head-grad:linear-gradient(90deg,#152a6e 0%,#2b4ff2 20%,#7a3cf0 42%,#c43ee8 62%,#f5537f 80%,#ff8a3d 100%);
  --font:"Microsoft YaHei","微软雅黑","PingFang SC","苹方","Source Han Sans SC","思源黑体","Heiti SC","黑体",sans-serif;
}

/* ---------------- 全局重置 ---------------- */
*{box-sizing:border-box}
html{font-size:14px;-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--c-bg);
  color:var(--c-ink);
  font-family:var(--font);
  font-size:var(--fs-body);
  line-height:1.6;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block;border:0}
figure{margin:0}
ul,ol{list-style:none;margin:0;padding:0}
a{text-decoration:none;color:inherit}
h1,h2,h3,h4{margin:0;font-weight:700}
button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
input{font-family:inherit}
svg{display:block}
.wrap{width:var(--wrap);max-width:100%;margin:0 auto}
.overflow-guard{overflow-wrap:break-word;word-break:break-word}

/* ---------------- 广告位统一角标 ---------------- */
[data-slot]{position:relative}
[data-slot]::after{
  content:"广告";
  position:absolute;
  top:0;right:0;
  font-size:11px;
  line-height:1.4;
  color:#fff;
  background:rgba(0,0,0,.45);
  padding:1px 6px;
  border-radius:0 var(--radius-s) 0 var(--radius-s);
  letter-spacing:1px;
  pointer-events:none;
  z-index:2;
}

/* ============================================================
   顶栏 #topbar
   ============================================================ */
#topbar{background:var(--head-grad);color:#fff;height:140px}
.topbar-in{
  width:var(--wrap);max-width:100%;height:100%;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.topbar-left{flex:0 0 auto}
.logo{display:flex;align-items:center;gap:10px;min-width:0}
.logo svg{width:46px;height:46px;flex:0 0 auto}
.logo-txt{display:flex;flex-direction:column;justify-content:center;min-width:0}
.logo-txt b{font-size:18px;font-weight:700;color:#fff;line-height:1.25;white-space:nowrap}
.logo-txt em{font-size:11px;font-style:normal;color:var(--c-txt-3);letter-spacing:2px;line-height:1.4}

.topbar-mid{flex:0 0 auto;border-radius:6px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.topbar-mid:hover{transform:scale(1.01);box-shadow:0 6px 20px rgba(0,0,0,.35)}
.topbar-mid img{width:700px;height:90px;object-fit:cover;border-radius:6px}

.topbar-right{
  flex:0 0 auto;width:260px;display:flex;flex-direction:column;gap:10px;
}
.tool-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.tool-btn{
  display:inline-flex;align-items:center;gap:5px;
  color:#fff;font-size:13px;letter-spacing:1px;white-space:nowrap;
  transition:color .2s ease;
}
.tool-btn svg{width:14px;height:14px;fill:currentColor}
.tool-btn:hover{color:var(--c-blue)}

/* 时间天气卡 */
.wx-card{
  display:grid;
  grid-template-columns:auto auto;
  grid-template-areas:"main time" "sub date";
  align-items:center;
  column-gap:12px;row-gap:2px;
  height:56px;
  padding:0 12px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  border-radius:10px;
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
}
.wx-main{grid-area:main;display:flex;align-items:center;gap:6px;min-width:0}
.wx-ic{width:26px;height:26px;flex:0 0 auto}
.wx-ic .sun{transform-origin:50% 50%;animation:wxspin 20s linear infinite}
.wx-ic .cloud{animation:wxfloat 4.5s ease-in-out infinite}
@keyframes wxspin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes wxfloat{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
.wx-desc{font-size:13px;color:#c9d3ff;white-space:nowrap}
.wx-temp{font-size:24px;font-weight:700;color:#fff;line-height:1;white-space:nowrap}
.wx-time{grid-area:time;justify-self:end}
.clock{font-size:20px;font-weight:700;color:#fff;letter-spacing:1px;font-variant-numeric:tabular-nums;white-space:nowrap}
.wx-sub{grid-area:sub;font-size:12px;color:#9aa3b5;white-space:nowrap}
.wx-date{grid-area:date;justify-self:end;font-size:12px;color:#9aa3b5;white-space:nowrap}

/* 搜索框 */
.searchbox{position:relative;display:flex;align-items:center}
.searchbox input{
  width:100%;height:32px;padding:0 38px 0 12px;
  background:#000;border:1px solid #8a8a8a;border-radius:6px;
  color:#fff;font-size:13px;outline:none;
  transition:border-color .2s ease;
}
.searchbox input::placeholder{color:#8a8a8a}
.searchbox input:focus{border-color:var(--c-blue)}
.searchbox button{
  position:absolute;right:4px;top:50%;transform:translateY(-50%);
  width:28px;height:26px;display:flex;align-items:center;justify-content:center;
  color:#cfcfcf;transition:color .2s ease;
}
.searchbox button svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none}
.searchbox button:hover{color:var(--c-blue)}

/* ============================================================
   主导航 #nav（滚动吸顶）
   ============================================================ */
#nav{background:var(--head-grad);height:var(--nav-h);position:relative;z-index:100}
#nav.is-fixed{
  position:fixed;top:0;left:0;width:100%;z-index:900;
  box-shadow:0 4px 16px rgba(0,0,0,.18);
  animation:navDrop .35s ease;
}
@keyframes navDrop{from{transform:translateY(-8px)}to{transform:translateY(0)}}
.nav-in{width:var(--wrap);max-width:100%;margin:0 auto}
.nav-list{display:flex;height:var(--nav-h)}
.nav-list>li{position:relative}
.tab-link{
  display:block;padding:0 30px;line-height:var(--nav-h);
  font-size:16px;font-weight:500;color:#fff;opacity:.8;
  white-space:nowrap;transition:opacity .2s ease,box-shadow .2s ease;
}
.tab-link:hover{opacity:1;box-shadow:inset 0 -3px 0 var(--c-nav-hv)}
.tab-link.is-active{
  background:var(--c-nav-red);border-radius:3px 3px 0 0;
  font-weight:700;opacity:1;
}
.tab-dropdown{
  display:none;position:absolute;top:var(--nav-h);left:50%;transform:translateX(-50%);
  min-width:170px;background:rgba(48,48,48,.961);border-radius:6px;
  text-align:left;z-index:20;overflow:hidden;
}
.has-child:hover .tab-dropdown{display:block}
.tab-dropdown a{
  display:block;height:40px;line-height:40px;padding-left:30px;
  font-size:13px;letter-spacing:1px;color:#fff;white-space:nowrap;
}
.tab-dropdown a:hover{background:#686868}

/* ---------------- 二级频道条 #subnav ---------------- */
#subnav{background:#eaeaea}
.subnav-in{width:var(--wrap);max-width:100%;margin:0 auto;height:40px;display:flex;align-items:center;padding-left:11px}
.subnav-in a{font-size:14px;color:#222;padding:0 20px;white-space:nowrap;transition:color .2s ease}
.subnav-in a:hover,.subnav-in a.is-active{color:var(--c-sub-red);font-weight:700}
.subnav-in span{color:var(--c-txt-3);font-size:13px}

/* ============================================================
   主容器
   ============================================================ */
#Main{width:var(--wrap);max-width:100%;margin:0 auto;padding:20px 0}
.sec{margin-bottom:16px}
.card{background:var(--c-card);border-radius:var(--radius);box-shadow:var(--shadow)}
.sec-head{
  display:flex;align-items:center;justify-content:space-between;
  height:50px;padding:0 15px;border-bottom:1px solid var(--c-line);
}
.sec-head .tt{display:flex;align-items:baseline;gap:8px;min-width:0}
.sec-head h2{font-size:var(--fs-h2);color:var(--c-ink-2);position:relative;padding-left:12px;line-height:1}
.sec-head h2::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:18px;background:var(--c-blue);border-radius:2px}
.sec-head .en{font-size:var(--fs-xs);color:var(--c-txt-3);text-transform:uppercase;letter-spacing:1px}
.more{font-size:var(--fs-sm);color:var(--c-txt-3);display:inline-flex;align-items:center;gap:3px;white-space:nowrap;transition:color .2s ease}
.more svg{width:12px;height:12px;fill:currentColor}
.more:hover{color:var(--c-blue)}

/* 布局行 */
.row{display:flex;justify-content:space-between;align-items:stretch;gap:0}
.col-l{width:var(--col-l);min-width:0}
.col-r{width:var(--col-r);min-width:0}

/* ============================================================
   轮播 .banner
   ============================================================ */
.banner{position:relative;flex:0 0 650px;width:650px;height:365px;overflow:hidden;border-radius:var(--radius);background:#dfe3ec}
.slides{position:absolute;inset:0}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .4s ease;pointer-events:none}
.slide.is-on{opacity:1;pointer-events:auto}
.slide img{width:100%;height:100%;object-fit:cover}
.slide-cap{
  position:absolute;left:0;right:0;bottom:0;height:60px;line-height:60px;
  padding-left:20px;padding-right:23%;background:rgba(0,0,0,.6);
  color:#fff;font-size:18px;font-weight:700;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;
}
.slide-cap span{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.bn-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  width:34px;height:52px;display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.4);border-radius:4px;color:#fff;
  opacity:0;transition:opacity .25s ease,background .2s ease;z-index:3;
}
.banner:hover .bn-arrow{opacity:1}
.bn-arrow:hover{background:rgba(0,0,0,.68)}
.bn-arrow svg{width:18px;height:18px;stroke:#fff;stroke-width:2.4;fill:none}
.bn-arrow.prev{left:10px}
.bn-arrow.next{right:10px}
.bn-dots{position:absolute;right:2%;bottom:8px;display:flex;align-items:center;z-index:3}
.bn-dots button{
  width:10px;height:10px;border-radius:50%;background:#fff;opacity:.85;
  margin:0 4px;transition:background .25s ease,opacity .25s ease,transform .25s ease;
}
.bn-dots button.is-on{background:var(--c-blue);opacity:1;transform:scale(1.15)}

/* ============================================================
   首页 S1 通栏广告
   ============================================================ */
.advert-leaderboard{border-radius:6px;overflow:hidden;position:relative}
.advert-leaderboard img{width:100%;height:100px;object-fit:cover;border-radius:6px}
.ad-close{
  position:absolute;right:6px;bottom:6px;z-index:3;
  width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.5);
  color:#fff;font-size:14px;line-height:22px;text-align:center;
  transition:background .2s ease;
}
.ad-close:hover{background:rgba(0,0,0,.75)}

/* ============================================================
   首页 S2 三栏
   ============================================================ */
.mainO .herobox{flex:0 0 870px;width:870px;min-width:0;display:flex;align-items:stretch;gap:12px;background:var(--c-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px}
.mainO .herobox .banner{flex:1 1 auto;width:auto;min-width:0;height:auto;align-self:stretch;border-radius:var(--radius)}
.mainO .news-panel{flex:0 0 212px;width:212px;min-width:0;display:flex;flex-direction:column}
.mainO .news-panel .np-bd{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;padding:0}
/* 迷你焦点卡：与轮播完全同款「深色字幕条」语言 */
.mainO .news-panel .np-bd .it{position:relative;flex:1 1 auto;min-height:0;display:block;overflow:hidden;min-width:0;border-radius:var(--radius);transition:box-shadow .25s ease,transform .25s ease}
.mainO .news-panel .np-bd .it:hover{box-shadow:0 8px 20px rgba(15,23,42,.22);transform:translateY(-2px)}
.mainO .news-panel .np-bd .it img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.mainO .news-panel .np-bd .it:hover img{transform:scale(1.06)}
.mainO .news-panel .np-bd .it::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--c-blue);z-index:3;opacity:0;transition:opacity .2s ease}
.mainO .news-panel .np-bd .it:hover::before{opacity:1}
.mainO .news-panel .np-bd .it::after{content:"";position:absolute;inset:0;border-radius:var(--radius);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.mainO .news-panel .np-bd .cap{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;gap:8px;height:32px;padding:0 10px;background:rgba(0,0,0,.6);transition:background .2s ease}
.mainO .news-panel .np-bd .it:hover .cap{background:rgba(0,0,0,.72)}
.mainO .news-panel .np-bd .cap p{flex:1 1 auto;min-width:0;font-size:12.5px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mainO .news-panel .np-bd .cap .dt{flex:0 0 auto;font-size:11px;color:rgba(255,255,255,.8);font-variant-numeric:tabular-nums}
.mainO .topic{flex:0 0 315px;width:315px;background:var(--c-card);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;padding-bottom:8px}
.topic-list{padding:10px 15px 6px}
.topic-list li{display:flex;align-items:baseline;gap:8px;padding:7px 0;border-bottom:1px dashed var(--c-line)}
.topic-list li:last-child{border-bottom:0}
.topic-list .idx{flex:0 0 18px;font-size:13px;font-weight:700;color:var(--c-txt-3);text-align:center}
.topic-list li.top3 .idx{color:var(--c-nav-red)}
.topic-list a{font-size:14px;color:var(--c-ink-2);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:color .2s ease}
.topic-list a:hover{color:var(--c-blue)}

/* ============================================================
   首页 S3 双栏 · 图文卡
   ============================================================ */
.mainT .active{background:var(--c-card);border-radius:var(--radius);box-shadow:var(--shadow);padding-bottom:16px}
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:15px}
.trio .it{min-width:0;border-radius:var(--radius);overflow:hidden;background:#fff;transition:transform .3s ease,box-shadow .3s ease}
.trio .it:hover{transform:translateY(-3px);box-shadow:var(--shadow-hv)}
.trio .it .im{display:block;position:relative;overflow:hidden;border-radius:var(--radius)}
.trio .it img{width:100%;height:155px;object-fit:cover;display:block;transition:transform .35s ease}
.trio .it:hover img{transform:scale(1.04)}
.trio .it .cat{position:absolute;top:8px;left:8px;z-index:2;font-size:11px;font-weight:700;color:#fff;background:rgba(0,0,0,.45);backdrop-filter:blur(3px);border-radius:3px;padding:2px 8px;line-height:1.5}
.trio .it p{padding:9px 12px 0;font-size:14px;color:var(--c-ink-2);line-height:1.5;font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:color .2s ease}
.trio .it:hover p{color:var(--c-blue)}
.trio .it .meta{display:flex;align-items:center;justify-content:space-between;padding:6px 12px 10px}
.trio .it .dt{font-size:12px;color:var(--c-txt-3);font-variant-numeric:tabular-nums}
.trio .it .go{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:700;color:var(--c-blue);transition:gap .2s ease}
.trio .it:hover .go{gap:4px}
.trio .it .go svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.4}
.mainT .cxo{background:var(--c-card);border-radius:var(--radius);box-shadow:var(--shadow);padding-bottom:12px;display:flex;flex-direction:column}
.cxo .list{flex:1 1 auto;padding:12px 15px 0;display:flex;flex-direction:column;gap:12px}
.cxo .list .it{flex:1 1 auto;min-height:0}
.cxo .it{display:flex;gap:10px;min-width:0}
.cxo .it img{width:110px;height:72px;object-fit:cover;border-radius:var(--radius-s);flex:0 0 auto;transition:transform .35s ease}
.cxo .it:hover img{transform:scale(1.06)}
.cxo .it .tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:space-between}
.cxo .it h4{font-size:14px;color:var(--c-ink-2);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:color .2s ease}
.cxo .it:hover h4{color:var(--c-blue)}
.cxo .it .dt{font-size:12px;color:var(--c-txt-3)}

/* ============================================================
   首页 S4 最新发布
   ============================================================ */
.mainR .publish{background:var(--c-card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
/* 左栏最新发布：6 种混排样式，内容自然撑高 */
.mainR .col-l.publish{display:flex;flex-direction:column}
.mainR .publish .sec-head{flex:0 0 auto}
.mainR .publish .news-list{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:space-between}
/* —— 最新发布 · 博客式图文列表（6 样式）—— */
.news-list .it{border-bottom:0;padding:6px 15px}
.news-list .it .meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px;color:var(--c-txt-3)}
.news-list .it .meta .ava{width:18px;height:18px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.news-list .it .meta .au{color:#8a93a6;font-weight:600}
.news-list .it .meta .mi{display:inline-flex;align-items:center;gap:4px}
.news-list .it .meta svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2}
.news-list .it .tgs{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--c-txt-3)}
.news-list .it .tgs a{display:inline-flex;align-items:center;gap:4px;color:var(--c-txt-3);transition:color .2s ease}
.news-list .it .tgs a:hover{color:var(--c-blue)}
.news-list .it .tgs svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2}
.news-list .it h3{font-size:16px;margin-bottom:0}
.news-list .it .tx{gap:8px}
.news-list .it .ab{-webkit-line-clamp:1}
.news-list .it .pics{display:flex;gap:14px;min-width:0;margin:12px 0}
.news-list .it .pics a{flex:1 1 0;min-width:0;display:block;overflow:hidden;border-radius:var(--radius-s)}
.news-list .it .pics img{width:100%;object-fit:cover;display:block;transition:transform .35s ease}
.news-list .it .pics a:hover img{transform:scale(1.04)}
/* 1 图左文右 */
.news-list .it.v-a{gap:20px;padding:6px 15px}
.news-list .it.v-a .thumb{flex:0 0 240px}
.news-list .it.v-a .thumb img{width:240px;height:150px}
/* 2 标题 + 三图 + 摘要 */
.news-list .it.v-b{display:block}
.news-list .it.v-b .tx{display:block}
.news-list .it.v-b .pics img{height:120px}
/* 3 图右文左 */
.news-list .it.v-c{flex-direction:row-reverse;gap:20px}
.news-list .it.v-c .thumb{flex:0 0 240px}
.news-list .it.v-c .thumb img{width:240px;height:150px}
/* 4 标题 + 双图 + 摘要 */
.news-list .it.v-d{display:block}
.news-list .it.v-d .tx{display:block}
.news-list .it.v-d .pics img{height:140px}
/* 5 紧凑图条：图左 + 标题 + 元信息 */
.news-list .it.v-e{gap:16px;align-items:center;padding:6px 15px}
.news-list .it.v-e .thumb{flex:0 0 160px}
.news-list .it.v-e .thumb img{width:160px;height:100px}
.news-list .it.v-e .tx{gap:8px}
.news-list .it.v-e h3{font-size:15px}
/* 6 通栏字幕条 */
.news-list .it.v-f{display:block;padding:0}
.news-list .it.v-f .cover{position:relative;display:block;overflow:hidden;border-radius:var(--radius)}
.news-list .it.v-f .cover img{width:100%;height:140px;object-fit:cover;display:block;transition:transform .35s ease}
.news-list .it.v-f .cover:hover img{transform:scale(1.04)}
.news-list .it.v-f .cover::after{content:"";position:absolute;inset:0;border-radius:var(--radius);background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.72) 100%)}
.news-list .it.v-f .cap{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;gap:10px;padding:0 14px;height:44px;background:rgba(0,0,0,.6)}
.news-list .it.v-f .cap p{flex:1 1 auto;min-width:0;margin:0;font-size:15px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-list .it.v-f .cap .dt{flex:0 0 auto;font-size:12px;color:rgba(255,255,255,.8);font-variant-numeric:tabular-nums}
/* 加载更多按钮 */
.pub-more{flex:0 0 auto;padding:9px 15px 11px;border-top:1px solid var(--c-line);text-align:center;background:#fbfbfd}
.pub-more a{display:inline-block;min-width:220px;line-height:38px;padding:0 26px;border:1px solid var(--c-line-2);border-radius:var(--radius);font-size:14px;font-weight:700;color:var(--c-ink-2);background:#fff;transition:all .2s ease}
.pub-more a:hover{color:#fff;background:var(--c-blue);border-color:var(--c-blue)}
.news-list .it{
  display:flex;gap:15px;padding:6px 15px;border-bottom:0;
  background:transparent;transition:background .25s ease,box-shadow .25s ease,transform .25s ease;
}
.news-list .it:last-child{border-bottom:0}
.news-list .it:hover{background:#fff;box-shadow:var(--shadow);transform:translateX(6px)}
.news-list .it img{width:270px;height:160px;object-fit:cover;border-radius:var(--radius-s);flex:0 0 auto}
.news-list .it .thumb{display:block;flex:0 0 auto}
.news-list .it .tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.news-list .it h3{font-size:16px;color:var(--c-ink-2);line-height:1.5;margin-bottom:6px;transition:color .2s ease;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news-list .it:hover h3{color:var(--c-blue)}
.news-list .it .ab{font-size:12px;line-height:20px;color:var(--c-txt);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news-list .it .mt{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.chips{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.chips a{font-size:12px;line-height:1;color:var(--c-txt);border:1px solid var(--c-line-2);border-radius:var(--radius-s);padding:3px 8px;transition:all .2s ease}
.chips a:hover{background:var(--c-chip-hv);border-color:var(--c-chip-hv);color:#fff}
.dt{font-size:13px;color:var(--c-txt-3);white-space:nowrap}
.badge-top{
  display:inline-block;background:var(--c-nav-red);color:#fff;
  border-radius:var(--radius-s);font-size:12px;font-weight:700;
  padding:1px 6px;margin-right:8px;line-height:1.6;vertical-align:middle;
}

/* 政策解读 / 新闻资讯 / 热门阅读 */
.mainR{align-items:flex-start}
.mainR .side-col{display:flex;flex-direction:column;gap:16px;align-self:flex-start;position:sticky;top:60px}
.policy,.paper{background:var(--c-card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.policy .hd,.paper .hd{display:flex;align-items:baseline;gap:8px;padding:14px 15px;border-bottom:1px solid var(--c-line)}
.policy .hd h2,.paper .hd h2{font-size:var(--fs-h3);color:var(--c-ink-2)}
.policy .hd .en,.paper .hd .en{font-size:11px;color:var(--c-txt-3);text-transform:uppercase}
.policy .bd{padding:10px 12px 12px;display:flex;flex-direction:column;gap:10px}
/* 政策解读：迷你焦点卡（与首页焦点区同语言），紧凑栅格 */
.policy .bd .it{position:relative;display:block;overflow:hidden;border-radius:var(--radius);height:96px;min-height:0;transition:box-shadow .25s ease,transform .25s ease}
.policy .bd .it:hover{box-shadow:0 8px 20px rgba(15,23,42,.22);transform:translateY(-2px)}
.policy .bd .it img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.policy .bd .it:hover img{transform:scale(1.06)}
.policy .bd .it::after{content:"";position:absolute;inset:0;border-radius:var(--radius);background:linear-gradient(180deg,rgba(0,0,0,.02) 30%,rgba(0,0,0,.72) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.policy .bd .it .cap{position:absolute;left:0;right:0;bottom:0;z-index:2;display:block;padding:7px 11px 8px}
.policy .bd .it .cap p{font-size:13px;font-weight:700;color:#fff;line-height:1.45;text-shadow:0 1px 2px rgba(0,0,0,.45);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.policy .bd .it .cap .dt{display:inline-block;margin-top:3px;font-size:11px;color:#fff;background:rgba(255,255,255,.16);border-radius:3px;padding:0 7px;line-height:18px;font-variant-numeric:tabular-nums;backdrop-filter:blur(2px)}
.paper .bd{padding:10px 15px 14px}
.paper .bd .it{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px dashed var(--c-line)}
.paper .bd .it:last-child{border-bottom:0}
.paper .bd .it p{flex:1 1 auto;min-width:0;font-size:13px;color:var(--c-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}
.paper .bd .it:hover p{color:var(--c-blue)}

/* 新闻资讯 / 热门阅读 —— 右栏补齐左栏高度，末卡 flex:1 吸收残差 */
.paper,.hotread{display:flex;flex-direction:column}
.paper .bd,.hotread .bd{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start}
.paper .bd .it{gap:10px;padding:9px 0}
.paper .bd .it p{line-height:20px}
.paper .bd .it .dt,.hotread .bd .it .dt{flex:0 0 auto;font-size:12px;color:var(--c-txt-3);font-variant-numeric:tabular-nums}
.paper .ft,.hotread .ft{margin-top:auto;padding:11px 15px;border-top:1px solid var(--c-line);text-align:center;background:#fbfbfd}
.paper .ft a,.hotread .ft a{font-size:13px;color:var(--c-txt);display:inline-flex;align-items:center;gap:5px;transition:color .2s ease}
.paper .ft a:hover,.hotread .ft a:hover{color:var(--c-blue)}
.paper .ft svg,.hotread .ft svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2}
.hotread{background:var(--c-card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.hotread .hd{display:flex;align-items:baseline;gap:8px;padding:14px 15px;border-bottom:1px solid var(--c-line)}
.hotread .hd h2{font-size:var(--fs-h3);color:var(--c-ink-2)}
.hotread .hd .en{font-size:11px;color:var(--c-txt-3);text-transform:uppercase}
.hotread .bd{padding:6px 15px 10px}
.hotread .bd .it{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px dashed var(--c-line)}
.hotread .bd .it:last-child{border-bottom:0}
.hotread .bd .no{flex:0 0 20px;text-align:center;font-size:15px;font-weight:700;font-style:italic;color:#c6cbd8;font-variant-numeric:tabular-nums}
.hotread .bd .it:nth-child(-n+3) .no{color:var(--c-nav-red)}
.hotread .bd .it p{flex:1 1 auto;min-width:0;font-size:13px;color:var(--c-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}
.hotread .bd .it:hover p{color:var(--c-blue)}
/* 热门阅读前三名：带图 + 排名角标 */
.hotread .bd .it.top{align-items:center}
.hotread .bd .it.top>a.im{position:relative;flex:0 0 auto;display:block;width:92px;height:62px;border-radius:var(--radius-s);overflow:hidden}
.hotread .bd .it.top>a.im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.hotread .bd .it.top:hover>a.im img{transform:scale(1.08)}
.hotread .bd .it.top .no{position:absolute;left:0;bottom:0;z-index:2;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--c-nav-red);color:#fff;font-size:12px;font-weight:700;font-style:italic;border-radius:0 var(--radius-s) 0 0}
.hotread .bd .it.top .tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}
.hotread .bd .it.top p{white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5}
/* 链接锚点是真正的 flex 子项，必须自己承担 min-width:0，否则 nowrap 标题把日期挤出卡片 */
.paper .bd .it>a,.hotread .bd .it>a{flex:1 1 auto;min-width:0;display:block}
.mainR .side-col>.hotread{flex:1 1 auto}
/* 新闻资讯：头条全出血图卡 + 行缩略图 */
.paper .bd{padding:10px 12px 12px}
.paper .bd .it{gap:9px;padding:8px 0}
.paper .bd .it>a.im{flex:0 0 auto;display:block;border-radius:var(--radius-s);overflow:hidden}
.paper .bd .it>a.im img{width:60px;height:42px;object-fit:cover;display:block;transition:transform .35s ease}
.paper .bd .it:hover>a.im img{transform:scale(1.08)}
.paper .bd .it.hero{display:block;position:relative;overflow:hidden;border-radius:var(--radius);height:118px;padding:0;margin-bottom:4px}
.paper .bd .it.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.paper .bd .it.hero:hover img{transform:scale(1.05)}
.paper .bd .it.hero::after{content:"";position:absolute;inset:0;border-radius:var(--radius);background:linear-gradient(180deg,rgba(0,0,0,0) 38%,rgba(0,0,0,.74) 100%)}
.paper .bd .it.hero .cap{position:absolute;left:0;right:0;bottom:0;z-index:2;display:block;padding:8px 11px}
.paper .bd .it.hero .cap p{font-size:13px;font-weight:700;color:#fff;line-height:1.45;white-space:normal;text-shadow:0 1px 2px rgba(0,0,0,.45);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.paper .bd .it.hero .cap .dt{display:inline-block;margin-top:3px;font-size:11px;color:#fff;background:rgba(255,255,255,.16);border-radius:3px;padding:0 7px;line-height:18px;font-variant-numeric:tabular-nums;backdrop-filter:blur(2px)}



/* ============================================================
   首页 S7 三图组合
   ============================================================ */
.combo{display:flex;justify-content:space-between;gap:10px}
.combo .it{position:relative;border-radius:var(--radius);overflow:hidden;display:block}
.combo .it.sm{flex:0 0 290px;width:290px}
.combo .it.lg{flex:0 0 600px;width:600px}
.combo .it img{width:100%;height:300px;object-fit:cover}
.combo .cap{
  position:absolute;left:0;right:0;bottom:0;height:70px;line-height:70px;
  background:rgba(0,0,0,.5);color:#fff;font-size:18px;font-weight:700;
  padding:0 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

/* ============================================================
   首页 S8 品牌墙
   ============================================================ */
.brands{background:var(--c-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 15px}
.brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.brand-grid .it{height:60px;background:#f7f8fa;border-radius:var(--radius-s);display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.brand-grid .it:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.12);background:#fff}
.brand-grid .it svg{width:26px;height:26px}
.brand-grid .it span{font-size:13px;color:#555;font-weight:700}

/* ---------------- 通栏广告条 ---------------- */
.feed-ad{border-radius:6px;overflow:hidden}
.feed-ad img{width:100%;height:90px;object-fit:cover;border-radius:6px}

/* ============================================================
   浮动侧栏 #layer
   ============================================================ */
#layer{position:fixed;right:50px;bottom:100px;z-index:800}
#layer .box{background:#fafafb;border-radius:var(--radius-s);box-shadow:0 0 16px rgba(0,0,0,.12)}
#layer .ic{
  width:70px;height:80px;display:flex;align-items:center;justify-content:center;
  cursor:pointer;position:relative;transition:background .2s ease,box-shadow .2s ease;
}
#layer .ic:hover{background:#fff;box-shadow:0 0 10px 0 #a5a5a5}
#layer .ic svg{width:26px;height:26px;color:#5a5f6b;transition:color .2s ease}
#layer .ic:hover svg{color:var(--c-blue)}
#layer .ic .pop{
  display:none;position:absolute;right:80px;top:0;
  background:#fff;padding:20px 15px;box-shadow:-5px -5px 12px 0 hsla(0,0%,65%,.541);white-space:nowrap;
}
#layer .ic:hover .pop{display:flex}
#layer .pop .pos{display:flex;flex-direction:column;align-items:center;margin:0 10px}
#layer .pop .pos svg{width:60px;height:60px;margin-bottom:8px;color:#222}
#layer .pop .pos p{font-size:10px;color:#333;font-weight:400}
#backTop{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
#backTop.show{opacity:1;visibility:visible}

/* ============================================================
   页脚 #foot（恰好三块）
   ============================================================ */
#foot{background:var(--c-ink);color:#fff;padding:32px 16px 0}
.foot-in{width:var(--wrap);max-width:100%;margin:0 auto;display:flex;justify-content:space-between;gap:24px;padding-bottom:24px}
.footer-col{min-width:0}
.footer-col h3{font-size:16px;font-weight:700;color:#fff;position:relative;padding-left:12px;margin-bottom:14px}
.footer-col h3::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background:var(--c-blue)}
.footer-col p{font-size:13px;color:#b9bcc4;line-height:26px}
.foot-in .footer-col:nth-child(1){width:46%}
.foot-in .footer-col:nth-child(2){width:22%}
.foot-in .footer-col:nth-child(3){width:32%}
.footer-col .ln{display:flex;gap:8px;margin-bottom:8px;font-size:13px;color:#b9bcc4;transition:color .2s ease}
.footer-col .ln:hover{color:var(--c-blue)}
.footer-col .ln svg{width:14px;height:14px;flex:0 0 auto;margin-top:5px;color:var(--c-blue)}
.foot-lic{margin-top:6px;font-size:12px;color:#7d828c;line-height:22px}
.foot-tags{display:flex;flex-wrap:wrap}
.foot-tags a{
  display:inline-block;border:1px solid #4a4a4a;border-radius:var(--radius-s);
  color:#b9bcc4;font-size:12px;padding:4px 12px;margin:0 8px 8px 0;
  transition:all .2s ease;
}
.foot-tags a:hover{background:var(--c-chip-hv);border-color:var(--c-chip-hv);color:#fff;transform:translateY(-2px)}
#foot-copy{border-top:1px solid #333;text-align:center;font-size:12px;color:#7d828c;padding:14px 0}

/* ---------------- Toast ---------------- */
#toast-wrap{position:fixed;right:24px;bottom:24px;z-index:2000;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.toast{
  background:var(--c-ink);color:#fff;font-size:14px;padding:12px 18px;border-radius:8px;
  box-shadow:0 6px 20px rgba(0,0,0,.28);opacity:0;transform:translateY(12px);
  transition:opacity .28s ease,transform .28s ease;max-width:320px;
}
.toast.show{opacity:1;transform:translateY(0)}

/* ============================================================
   响应式断点
   ============================================================ */

/* ---- 本主题附加：广告槽招租态（未配置恒渲染容器） ---- */
.ad-rent{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:90px;background:linear-gradient(135deg,#f2f4fb,#e8ecf9);border:1px dashed #c3cbe8;border-radius:6px;color:#7c86a8}
.ad-rent .rt{font-size:15px;font-weight:700;color:#66719c;letter-spacing:2px}
.ad-rent .rs{font-size:12px;color:#9aa3bd}
.ad-badge{display:none}
.ad{position:relative}
.ad-flow{width:100%;margin:12px 0}
.ad-flow img{width:100%;height:auto;display:block;border-radius:6px}
.ad img{display:block;width:100%;height:auto;object-fit:cover;border-radius:6px}
/* ---- 本主题附加：无封面时的备用图块（按 8:5 比例自适应，零网络请求） ---- */
.ph{display:block;width:100%;height:auto;aspect-ratio:8/5}
.ph.cb-ph{background:linear-gradient(135deg,#152a6e,#4e6ef2)}
.mainO .news-panel .np-bd .it .ph,.slide .ph{aspect-ratio:auto;position:absolute;inset:0;height:100%}
/* ---- 本主题附加：真实 logo 为宽幅横标（1562×544）⇒ 必须限高，避免撑破顶栏 ---- */
.logo-img{height:60px;width:auto;max-width:430px;object-fit:contain;display:block}
/* ---- 本主题附加：博客式 meta 的作者文字头像（无头像图源，取署名首字） ---- */
.news-list .it .meta .ava-txt{width:18px;height:18px;border-radius:50%;background:var(--c-blue);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
/* ---- 本主题附加：广告图按比例自适应（设计稿把高度钉死会裁切左右文字，R-EDU-07 同款教训） ---- */
.advert-leaderboard img,.feed-ad img,.side-ad img{height:auto}
.news-list .ad-flow{max-width:840px;margin:14px auto}
.news-list .ad-flow img{max-width:840px;height:auto;margin:0 auto}
/* ---- 本主题附加：分页器真链接（设计稿为按钮态，站群分页是真实 URL） ---- */
.pager a.pg{min-width:36px;height:36px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);border:1px solid var(--c-line);background:#fff;font-size:14px;color:var(--c-ink-2);transition:all .2s ease}
.pager a.pg:hover{background:var(--c-blue-lt);border-color:var(--c-blue);color:var(--c-blue)}
.pager span.pg.is-on{background:var(--c-blue);border-color:var(--c-blue);color:#fff;font-weight:700}
.pager span.pg.is-off{opacity:.5;cursor:not-allowed}
/* ---- 本主题附加：顶栏天气卡抗溢出（grid 列按 max-content 结算，长文案会撑出 260px 容器；1200 视口实测 8px） ---- */
.wx-card{grid-template-columns:minmax(0,auto) minmax(0,auto);overflow:hidden}
.wx-main,.wx-sub,.wx-time,.wx-date{min-width:0}
.wx-sub{overflow:hidden;text-overflow:ellipsis}
/* ---- 本主题附加：文章上下篇（设计稿无此块，沿用正文卡内的浅灰条） ---- */
.pn-wrap{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}
.pn{flex:1 1 280px;min-width:0;display:block;font-size:14px;color:var(--c-ink-2);background:#f7f8fa;border-radius:8px;padding:11px 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease}
.pn:hover{background:var(--c-chip-hv);color:#fff}
/* ---- R-CBP-04 页脚两段式：免责声明/联系我们改链接跳转（edu R-EDU-06 方案 A 同构） ----
   标签云全宽 + 居中链接行 + 版权行；免责全文/联系行不再内联进页脚（contact/disclaimer 页承接） */
.foot-in{display:block;padding-bottom:16px}
.foot-in .footer-col{width:100%}
.foot-tags{justify-content:flex-start}
.ft-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin:18px 0 2px}
.ft-links a{position:relative;color:#9aa3b2;font-size:13px;line-height:1;padding:4px 20px;text-decoration:none;transition:color .2s ease}
.ft-links a:hover{color:#fff}
.ft-links a + a::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:12px;background:rgba(255,255,255,.18)}
.foot-lic{text-align:center}

@media (max-width:1200px){
  .wrap,.topbar-in,.nav-in,.subnav-in,#Main,.foot-in{width:100%;padding-left:20px;padding-right:20px}
  #Main{padding-top:20px;padding-bottom:20px}
  .topbar-in{gap:12px}
  .topbar-mid{flex:1 1 auto;min-width:0}
  .topbar-mid img{width:100%;max-width:700px;height:auto}
  .nav-in{overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}
  .nav-in::-webkit-scrollbar{display:none}
  .nav-list{width:max-content}
  .subnav-in{overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;white-space:nowrap}
  .subnav-in::-webkit-scrollbar{display:none}
  .subnav-in a,.subnav-in span{flex:0 0 auto}
  .mainO .herobox{flex:1 1 auto;width:auto;min-width:0}
  .mainO .herobox .banner{flex:1 1 auto;width:auto;min-width:0}
  .mainO .news-panel{flex:0 0 212px;width:212px}
  .mainO .topic{flex:0 0 300px;width:300px}
  .col-l{width:auto;flex:1 1 auto;min-width:0}
  .col-r{width:300px;flex:0 0 300px}
  .combo .it.sm{flex:1 1 0;width:auto;min-width:0}
  .combo .it.lg{flex:2 1 0;width:auto;min-width:0}
  .combo .it img{width:100%}
}
@media (max-width:1024px){
  .topbar-mid{display:none}
  #topbar{height:auto;padding:16px 0}
  .topbar-in{flex-direction:column;align-items:stretch;gap:12px}
  .topbar-right{width:100%;max-width:100%}
  .wx-card{max-width:420px}
  .mainO{flex-direction:column;gap:16px}
  .mainO .herobox{flex-direction:column;width:100%;flex:0 0 auto}
  .mainO .herobox .banner{width:100%;height:300px;flex:0 0 auto}
  .mainO .news-panel{width:100%;flex:0 0 auto;border-left:0;border-top:1px solid var(--c-line)}
  .mainO .news-panel .np-bd .it{flex:0 0 auto;height:96px}
  .mainO .topic{width:100%;flex:0 0 auto}
  .row.stack{flex-direction:column;gap:16px}
  .row.stack .col-l,.row.stack .col-r{width:100%;flex:0 0 auto}
  .row.stack .col-r{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;align-items:start}
  .combo{flex-wrap:wrap}
  .combo .it.sm,.combo .it.lg{flex:1 1 100%;width:100%}
  .combo .it img{height:220px}
}
@media (max-width:900px){
  #layer{display:none}
  #topbar{height:auto}
  .nav-in{overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}
  .nav-in::-webkit-scrollbar{display:none}
  .nav-list{width:max-content}
  .subnav-in{overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}
  .subnav-in::-webkit-scrollbar{display:none}
  .subnav-in a{padding:0 14px}
  .combo .it.sm,.combo .it.lg{flex:1 1 100%;width:100%}
  .combo .it img{height:200px}
  .trio{grid-template-columns:repeat(2,minmax(0,1fr))}
  .brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:767px){
  body{overflow-x:hidden}
  .wrap,.topbar-in,.nav-in,.subnav-in,#Main,.foot-in{width:100%;padding-left:14px;padding-right:14px}
  .topbar-right{width:100%}
  .wx-card{max-width:100%}
  .mainO .herobox .banner{height:200px}
  .slide-cap{height:34px;line-height:34px;font-size:14px;padding-right:20%}
  .bn-dots{bottom:4px}
  .slide-cap span{max-width:74%}
  .row.stack .col-r{grid-template-columns:minmax(0,1fr)}
  .trio{grid-template-columns:minmax(0,1fr)}
  .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .news-list .it{flex-direction:column;align-items:stretch}
  .news-list .it img{width:100%;height:auto;max-height:220px}
  .foot-in{flex-direction:column;align-items:stretch;gap:20px}
  .foot-in .footer-col{width:100%}
  .mainO .news-panel .np-bd .it{flex:0 0 auto;height:88px}
  .combo .it img{height:180px}
}
@media (max-width:480px){
  html{font-size:13px}
  .clock{font-size:18px}
  .logo svg{width:38px;height:38px}
  .logo-txt b{font-size:15px}
  .tab-link{padding:0 18px;font-size:15px}
  .wx-temp{font-size:20px}
  .slide-cap{font-size:13px}
  .wx-card{grid-template-columns:auto auto;padding:0 8px}
}

/* ---- R-CBP-05：加载更多组件（6 种样式 + AJAX 状态机；无 JS 时栏目页保留 .pager 兜底） ---- */
.load-more{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 15px 8px}
.load-more .lm-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:220px;height:46px;padding:0 30px;border-radius:24px;font-size:15px;font-weight:700;cursor:pointer;overflow:hidden;transition:all .25s ease;-webkit-tap-highlight-color:transparent;user-select:none}
.load-more .lm-btn:focus-visible{outline:2px solid var(--c-blue);outline-offset:3px}
.load-more .lm-txt{position:relative;z-index:1;white-space:nowrap}
.load-more .lm-count{font-size:12px;color:var(--c-txt-3)}
.load-more .lm-arrow{display:inline-flex;width:16px;height:16px;position:relative;z-index:1;transition:transform .25s ease}
.load-more .lm-arrow svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.load-more.is-busy{pointer-events:none}
.load-more.is-done .lm-btn{cursor:default}
.load-more.is-error .lm-btn{border-color:#e5484d;color:#e5484d}
/* lm-1 品牌实心式：蓝底渐变 + hover 抬升 */
.lm-1 .lm-btn{background:linear-gradient(135deg,#2b4ff2,#4e6ef2);color:#fff;border:0;box-shadow:0 4px 14px rgba(78,110,242,.35)}
.lm-1 .lm-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(78,110,242,.45)}
.lm-1.is-done .lm-btn{background:#f2f3f7;color:var(--c-txt-3);box-shadow:none}
.lm-1 .lm-ring{display:none}
/* lm-2 描边箭头式：白底描边胶囊 + 箭头下移 */
.lm-2 .lm-btn{background:#fff;color:var(--c-ink-2);border:1px solid var(--c-line-2);border-radius:var(--radius)}
.lm-2 .lm-btn:hover{border-color:var(--c-blue);color:var(--c-blue)}
.lm-2 .lm-btn:hover .lm-arrow{transform:translateY(3px)}
.lm-2.is-done .lm-btn{color:var(--c-txt-3);border-color:var(--c-line)}
.lm-2 .lm-ring{display:none}
/* lm-3 圆环进度式：圆形按钮 + 加载时外环旋转 */
.lm-3 .lm-btn{width:56px;height:56px;min-width:56px;border-radius:50%;background:#fff;color:var(--c-blue);border:1px solid var(--c-blue);box-shadow:0 3px 12px rgba(78,110,242,.22)}
.lm-3 .lm-btn .lm-txt{display:none}
.lm-3 .lm-ring{position:absolute;inset:-5px;border-radius:50%;border:3px solid transparent;border-top-color:var(--c-blue);opacity:0;transition:opacity .2s ease}
.lm-3.is-busy .lm-ring{opacity:1;animation:lmSpin .8s linear infinite}
.lm-3.is-busy .lm-arrow{animation:lmBob .8s ease-in-out infinite}
.lm-3.is-done .lm-btn{border-color:var(--c-line);color:var(--c-txt-3)}
@keyframes lmSpin{to{transform:rotate(360deg)}}
@keyframes lmBob{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}
/* lm-4 胶囊进度条式：按钮底部内嵌进度条 + 计数徽标 */
.lm-4 .lm-btn{background:var(--c-blue-lt);color:var(--c-blue);border:1px solid transparent;border-radius:24px 24px 8px 8px}
.lm-4 .lm-btn:hover{background:#e2e9fd}
.lm-4 .lm-bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:rgba(78,110,242,.15);z-index:0}
.lm-4 .lm-bar i{display:block;height:100%;background:linear-gradient(90deg,#2b4ff2,#7a3cf0);transition:width .5s ease}
.lm-4.is-done .lm-btn{color:var(--c-txt-3);background:#f2f3f7}
.lm-4.is-done .lm-bar i{width:100%!important;background:var(--c-line-2)}
/* lm-5 暗色脉冲式：深蓝卡底 + 呼吸光圈 */
.lm-5 .lm-btn{background:#152a6e;color:#fff;border:0}
.lm-5 .lm-btn::after{content:"";position:absolute;inset:0;border-radius:inherit;animation:lmPulse 2s ease-out infinite}
.lm-5 .lm-btn:hover{background:#1d3a94}
.lm-5.is-done .lm-btn{background:#e9eaf0;color:var(--c-txt-3)}
.lm-5.is-done .lm-btn::after{animation:none}
@keyframes lmPulse{0%{box-shadow:0 0 0 0 rgba(43,79,242,.4)}70%{box-shadow:0 0 0 14px rgba(43,79,242,0)}100%{box-shadow:0 0 0 0 rgba(43,79,242,0)}}
/* lm-6 骨架屏式：加载时按钮内变三条 shimmer 骨架 */
.lm-6 .lm-btn{background:#fff;color:var(--c-ink-2);border:1px dashed var(--c-line-2)}
.lm-6 .lm-btn:hover{border-color:var(--c-blue);color:var(--c-blue)}
.lm-6.is-busy .lm-txt,.lm-6.is-busy .lm-arrow{display:none}
.lm-6 .lm-sk{display:none;align-items:center;gap:6px;position:relative;z-index:1}
.lm-6.is-busy .lm-sk{display:flex}
.lm-6 .lm-sk i{height:8px;border-radius:4px;background:linear-gradient(90deg,#eef0f5 25%,#f8f9fc 45%,#eef0f5 65%);background-size:200% 100%;animation:lmShimmer 1.1s linear infinite}
.lm-6 .lm-sk i:nth-child(1){width:52px}
.lm-6 .lm-sk i:nth-child(2){width:86px;animation-delay:.12s}
.lm-6 .lm-sk i:nth-child(3){width:38px;animation-delay:.24s}
@keyframes lmShimmer{from{background-position:200% 0}to{background-position:-200% 0}}
.lm-6.is-done .lm-btn{color:var(--c-txt-3);border-style:solid;border-color:var(--c-line)}
/* ---- R-CBP-06：二级频道条文字+竖线 → 标签（chip）样式 ---- */
#subnav{background:#eaeaea}
.subnav-in{height:auto;min-height:40px;flex-wrap:wrap;padding:6px 11px}
.subnav-in a{display:inline-flex;align-items:center;flex:0 0 auto;margin:4px 6px 4px 0;padding:0 12px;height:26px;font-size:13px;line-height:1;color:var(--c-txt);background:#fff;border:1px solid var(--c-line);border-radius:13px;white-space:nowrap;transition:all .2s ease}
.subnav-in a:hover,.subnav-in a.is-active{color:var(--c-sub-red);border-color:var(--c-sub-red);font-weight:700;background:#fff}
.subnav-in span{display:none}
/* ---- R-CBP-06：页脚热门标签压成一行（超出横向滑动，隐藏滚动条） ---- */
.foot-in .footer-col:nth-child(1){width:100%}   /* 反压设计稿 nth-child(1) 46% 特异性（552px 半宽根源） */
.foot-tags{flex-wrap:nowrap;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;padding-bottom:4px}
.foot-tags::-webkit-scrollbar{display:none}
.foot-tags a{flex:0 0 auto;white-space:nowrap}
/* ---- R-CBP-05：头部移动端兼容（顶栏/工具行/天气卡/搜索框/主导航/二级条） ---- */
@media (max-width:1024px){
  #topbar{overflow:hidden}
  .topbar-right{flex-direction:column;gap:10px}
}
@media (max-width:767px){
  #topbar{padding:12px 0}
  .topbar-in{gap:10px}
  .topbar-left{display:flex;justify-content:center;width:100%}
  .logo{justify-content:center}
  .logo-img{height:46px;max-width:78vw}
  .logo-txt{align-items:center;text-align:center}
  .topbar-right{gap:8px}
  .tool-row{justify-content:center;gap:14px}
  .tool-btn{font-size:12px;letter-spacing:0}
  .tool-btn svg{width:13px;height:13px}
  .wx-card{height:auto;width:100%;max-width:420px;margin:0 auto;padding:8px 12px;column-gap:10px}
  .wx-temp{font-size:20px}
  .clock{font-size:17px}
  .searchbox{width:100%;max-width:420px;margin:0 auto}
  .searchbox input{height:38px;font-size:14px}
  .tab-link{padding:0 16px;font-size:15px}
  .subnav-in a{padding:0 10px;height:24px;margin:3px 5px 3px 0;font-size:12px}
  .nav-in{-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent)}
  .pager{padding:14px 10px 4px}
  .load-more .lm-btn{min-width:180px;height:44px;font-size:14px;padding:0 22px}
  .load-more{padding:18px 14px 6px}
}
@media (max-width:480px){
  .logo-img{height:40px;max-width:80vw}
  .clock{font-size:16px}
  .wx-temp{font-size:18px}
  .tool-row{gap:10px}
  .tool-btn span{display:none}
  .tool-btn{padding:4px}
  .load-more .lm-btn{min-width:70%;height:42px}
}