/* ==========================================================
   AINEWS · 今日头条风格主题
   ========================================================== */
:root{
  --red:#f04142;
  --red-dark:#d93536;
  --text:#222;
  --text-2:#4a4a4a;
  --gray:#8a8a8a;
  --gray-2:#b2b2b2;
  --line:#efefef;
  --bg:#fff;
  --card:#fff;
  --radius:4px;
  --w:1216px;
  /* 主栏内容宽度（= 版心 - 左右内距32 - 栏间距24 - 右栏320 - 条目内距24），
     搜索页头部的大搜索框按它定宽，才能和下方结果区严格同宽 */
  --maincw:816px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  font-size:16px;line-height:1.6;color:var(--text);background:var(--bg);
  -webkit-font-smoothing:antialiased;
  padding-bottom:76px; /* 固定页脚兜底留白，main.js 会按横条实际高度校正 */
}
a{color:inherit;text-decoration:none}
a:hover{color:var(--red)}
img{max-width:100%;display:block;border:0}
ul,ol{list-style:none}
button,input{font-family:inherit;font-size:inherit;outline:none;border:0;background:none}
.wrap{max-width:var(--w);margin:0 auto;padding:0 16px}
.clearfix::after{content:"";display:block;clear:both}

/* ---------- 顶部 hero（对齐今日头条） ---------- */
.hero{
  position:relative;color:#fff;min-height:318px;
  display:flex;flex-direction:column;
  background:#04070f;overflow:visible;
}
/* 背景单独裁剪，天气浮层才能溢出到导航之上 */
.hero-bg{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;z-index:0;pointer-events:none}
/* 动态 SVG 地球（固定像素尺寸，弧线位置不随视口漂移） */
.hero-earth{
  position:absolute;left:50%;margin-left:-1300px;bottom:-140px;
  width:2600px;height:520px;z-index:0;pointer-events:none;
  display:block;
}
.hero-earth .neb{opacity:.92;animation:nebBreath 22s ease-in-out infinite alternate}
.hero-earth .st{animation:twinkle 4.8s ease-in-out infinite}
.hero-earth .st.s1{animation-delay:-.6s}
.hero-earth .st.s2{animation-delay:-1.7s;animation-duration:5.9s}
.hero-earth .st.s3{animation-delay:-2.9s;animation-duration:4.1s}
.hero-earth .st.s4{animation-delay:-3.6s;animation-duration:6.6s}
.hero-earth .rim-core{animation:rimBreath 8.5s ease-in-out infinite}
.hero-earth .haze{animation:hazeBreath 15s ease-in-out infinite}
.hero-earth .flare{transform-box:fill-box;transform-origin:center;animation:flareDrift 17s ease-in-out infinite alternate}

@keyframes twinkle{0%,100%{opacity:calc(var(--o,.6) * .22)}50%{opacity:var(--o,.6)}}
@keyframes nebBreath{from{opacity:.72}to{opacity:1}}
@keyframes rimBreath{0%,100%{opacity:.86}50%{opacity:1}}
@keyframes hazeBreath{0%,100%{opacity:.34}50%{opacity:.72}}
@keyframes flareDrift{from{opacity:.32;transform:scale(.93,.9)}to{opacity:.8;transform:scale(1.08,1.15)}}

.hero-top{position:relative;z-index:4;height:42px;flex-shrink:0}
.hero-top-in{
  max-width:100%;margin:0 auto;padding:0 33px;height:42px;
  display:flex;align-items:center;justify-content:space-between;
}
.ht-l{display:flex;align-items:center;gap:20px;font-size:13px}
.ht-l a{color:rgba(255,255,255,.66);transition:color .15s}
.ht-l a:hover{color:#fff}
.ht-r{display:flex;align-items:center;gap:15px}
.ht-item{display:flex;align-items:center;gap:4px;font-size:13px;color:rgba(255,255,255,.8);white-space:nowrap}
.ht-item em{font-style:normal}
.ht-item:hover{color:#fff}
.ht-item svg{opacity:.85}
.ht-weather{cursor:pointer;position:relative;padding:3px 6px 3px 3px;margin:-3px -6px -3px -3px;border-radius:4px;transition:background .15s}
.ht-weather:hover{background:rgba(255,255,255,.1)}
.ht-weather:hover svg{opacity:1}
.ht-caret{
  width:0;height:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;
  border-top:4px solid currentColor;opacity:.6;margin-left:1px;transition:transform .18s;
}
.ht-weather.open .ht-caret{transform:rotate(180deg)}
.ht-login{
  display:inline-block;height:26px;line-height:26px;padding:0 15px;
  background:var(--red);color:#fff;font-size:13px;border-radius:3px;transition:background .15s;
}
.ht-login:hover{background:var(--red-dark);color:#fff}

.hero-center{
  position:relative;z-index:3;flex:1;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  padding:58px 16px 26px;
}
.hero-logo{
  font-size:48px;font-weight:800;line-height:1.15;letter-spacing:.14em;
  color:#fff;text-shadow:0 3px 22px rgba(0,0,0,.55);
  padding-left:.14em;margin-bottom:26px;white-space:nowrap;
}
.hero-logo:hover{color:#fff}
/* 多站点品牌 LOGO：SVG 横版，按域名由 core/brand.php 切换；深色 hero 用反白版 */
.hero-logo img{display:block;height:52px;width:auto;max-width:88vw}
.hero-search{position:relative;width:600px;max-width:84%}
/* ---------- 常用网址导航条（首页搜索框下方，替换原热搜词语） ---------- */
.fav-bar{position:relative;width:880px;max-width:92%;margin-top:14px;z-index:3}
/* 收拢态：一条渐隐细线 + 中间的胶囊把手，点击展开 */
.fb-handle{display:flex;align-items:center;gap:14px;width:100%;padding:2px 0;background:none;border:0;cursor:pointer}
.fb-hl{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,.3))}
.fb-hl:last-child{background:linear-gradient(90deg,rgba(255,255,255,.3),rgba(255,255,255,.02))}
.fb-pill{
  display:inline-flex;align-items:center;gap:6px;flex-shrink:0;
  height:26px;padding:0 13px 0 12px;border-radius:13px;
  font-size:12.5px;line-height:1;color:rgba(255,255,255,.74);letter-spacing:.02em;
  background:rgba(8,12,22,.5);border:1px solid rgba(255,255,255,.1);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  transition:color .18s,background .18s,border-color .18s;
}
.fb-pill em{font-style:normal}
.fb-handle:hover .fb-pill{color:#fff;background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.24)}
.fb-caret{
  width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;
  border-top:5px solid currentColor;opacity:.85;transform:translateY(-1px);
  transition:transform .3s;
}
.fav-bar.is-open .fb-caret{transform:translateY(2px) rotate(180deg)}

/* 展开面板：0fr → 1fr 做高度过渡，不写死高度，加多少条都不会撑破 */
.fb-panel{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;transition:grid-template-rows .32s cubic-bezier(.4,0,.2,1),opacity .24s}
.fav-bar.is-open .fb-panel{grid-template-rows:1fr;opacity:1}
.fb-inner{
  min-height:0;overflow:hidden;border-radius:14px;
  background:rgba(6,10,20,.58);
  -webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);
  box-shadow:0 10px 30px rgba(0,0,0,.28);
}

.fb-hd{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:12px 16px 8px}
.fb-hd b{font-size:12.5px;font-weight:600;color:rgba(255,255,255,.92);letter-spacing:.02em}
/* 三个 Tab：常用网址 / 热搜 / 本站栏目 */
.fb-tabs{display:flex;align-items:center;gap:2px}
.fb-tab{
  height:24px;padding:0 10px;border:0;border-radius:12px;background:none;cursor:pointer;
  font-size:12.5px;line-height:1;color:rgba(255,255,255,.56);letter-spacing:.02em;
  transition:color .16s,background .16s;
}
.fb-tab:hover{color:rgba(255,255,255,.86)}
.fb-tab.is-on{color:#fff;background:rgba(255,255,255,.14);font-weight:600}

/* 右侧工具组：添加 / 排序 / 更多 */
.fb-tools{margin-left:auto;display:flex;align-items:center;gap:6px}
.fb-tool{
  height:24px;padding:0 10px;border-radius:12px;font-size:12px;cursor:pointer;
  color:rgba(255,255,255,.66);background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);transition:.16s;
}
.fb-tool:hover{color:#fff;background:rgba(255,255,255,.17);border-color:rgba(255,255,255,.24)}
.fav-bar.is-sorting .fb-tool#fbSort{color:#fff;background:var(--red);border-color:var(--red)}

/* 更多菜单：行内展开（面板 overflow:hidden，浮层会被裁） */
.fb-menu{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:0 16px 10px}
.fb-menu[hidden]{display:none}
.fb-menu button{
  height:26px;padding:0 12px;border-radius:13px;font-size:12px;cursor:pointer;
  color:rgba(255,255,255,.72);background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);transition:.16s;
}
.fb-menu button:hover{color:#fff;background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.26)}
.fb-menu button[data-act="reset"]:hover{background:rgba(233,75,60,.9);border-color:transparent;color:#fff}

.fb-add{
  display:inline-flex;align-items:center;gap:4px;
  height:24px;padding:0 10px;border-radius:12px;font-size:12px;
  color:rgba(255,255,255,.7);background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.13);cursor:pointer;transition:.16s;
}
.fb-add:hover{color:#fff;background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.26)}

/* 加一条：行内展开，跟着面板一起长高，不做浮层（浮层会被 panel 的 overflow 裁掉） */
.fb-new{display:flex;align-items:center;gap:8px;padding:0 16px 10px}
.fb-new[hidden]{display:none}
.fb-new input{
  height:30px;padding:0 10px;border-radius:6px;font-size:12.5px;color:#fff;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);outline:none;
  transition:border-color .15s,background .15s;
}
.fb-new input::placeholder{color:rgba(255,255,255,.36)}
.fb-new input:focus{border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.13)}
#fbUrl{flex:1;min-width:0}
#fbName{width:150px;flex-shrink:0}
.fb-ok,.fb-cancel{height:30px;padding:0 14px;border-radius:6px;font-size:12.5px;cursor:pointer;border:1px solid transparent;transition:.15s}
.fb-ok{background:var(--red);color:#fff}
.fb-ok:hover{background:var(--red-dark)}
.fb-cancel{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:rgba(255,255,255,.72)}
.fb-cancel:hover{color:#fff;border-color:rgba(255,255,255,.3)}

/* 图标网格：一页 12 格（窄屏 6 格） */
.fb-grid{display:grid;grid-template-columns:repeat(12,1fr);padding:0 8px 6px}
.fb-item{
  position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;
  padding:8px 2px 10px;border-radius:8px;transition:background .18s;
}
.fb-item:hover{background:rgba(255,255,255,.07)}
.fb-ic{
  position:relative;width:44px;height:44px;border-radius:12px;overflow:hidden;
  display:flex;align-items:center;justify-content:center;background:#fff;
  box-shadow:0 3px 10px rgba(0,0,0,.3);transition:transform .2s;
}
.fb-item:hover .fb-ic{transform:translateY(-2px)}
/* 首字兜底：色块 + 名称第一个字 */
.fb-ic i{
  font-style:normal;display:flex;align-items:center;justify-content:center;
  width:100%;height:100%;font-size:19px;font-weight:700;line-height:1;color:#fff;
}
/* 真图标加载成功后再盖上去，加载中/失败时一直露出首字 */
.fb-ic img{
  position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;
  padding:8px;background:#fff;opacity:0;transition:opacity .25s;
}
.fb-ic img.is-on{opacity:1}
.fb-name{
  font-size:11.5px;line-height:1.3;color:rgba(255,255,255,.78);max-width:100%;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .16s;
}
.fb-item:hover .fb-name{color:#fff}
.fb-del{
  position:absolute;right:0;top:0;display:none;align-items:center;justify-content:center;
  width:16px;height:16px;padding:0;border-radius:50%;border:0;cursor:pointer;
  background:rgba(0,0,0,.66);color:#fff;font-size:13px;line-height:1;
}
.fb-item.is-local:hover .fb-del{display:flex}

.fb-dots{display:flex;align-items:center;justify-content:center;gap:7px;padding:2px 0 10px}
.fb-dots[hidden]{display:none}
.fb-dots button{
  width:6px;height:6px;padding:0;border:0;border-radius:50%;cursor:pointer;
  background:rgba(255,255,255,.24);transition:width .2s,background .2s,border-radius .2s;
}
.fb-dots button.is-on{width:16px;border-radius:3px;background:rgba(255,255,255,.86)}

/* 热搜 Tab：文字胶囊，点击直达搜索结果 */
.fb-chips{display:flex;flex-wrap:wrap;gap:8px;padding:2px 16px 14px}
.fb-chips a{
  height:28px;display:inline-flex;align-items:center;padding:0 13px;border-radius:14px;
  font-size:12.5px;color:rgba(255,255,255,.8);background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.1);transition:.16s;
}
.fb-chips a:hover{color:#fff;background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.26)}
.fb-chips a::before{content:"#";margin-right:3px;opacity:.45}

/* 本站栏目 Tab：格数自适应，频道多少都不会挤 */
.fb-grid.fb-grid-auto{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));padding:2px 14px 12px}

/* 最近访问过：名字后面一个小红点 */
.fb-item.is-hit .fb-name::after{
  content:"";display:inline-block;width:5px;height:5px;border-radius:50%;
  background:var(--red);margin-left:4px;vertical-align:middle;position:relative;top:-1px;
}

/* 排序模式：卡片左右各一个小箭头（移动端主要靠它，桌面可直接拖） */
.fb-move{
  position:absolute;left:50%;top:9px;transform:translateX(-50%);
  width:70px;display:flex;justify-content:space-between;pointer-events:none;
}
.fb-mvp{
  pointer-events:auto;width:17px;height:17px;padding:0;border:0;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:9px;line-height:1;
  cursor:pointer;background:rgba(255,255,255,.94);color:#3a3a3a;
  box-shadow:0 1px 4px rgba(0,0,0,.45);transition:.15s;
}
.fb-mvp:hover{background:var(--red);color:#fff}
.fb-mvp:focus-visible{outline:2px solid #fff;outline-offset:1px}
.fav-bar.is-sorting .fb-item{background:rgba(255,255,255,.04)}
.fav-bar.is-sorting .fb-item{cursor:grab}

/* 拖拽中 */
.fb-item.is-dragging{opacity:.45;background:rgba(255,255,255,.14);border-radius:8px}
.fb-item.is-dragging .fb-ic{transform:none}
.fav-bar.is-dragging .fb-item{cursor:grabbing}

/* 触屏没有 hover：本机新增的卡片把删除按钮常显，否则手机上删不掉 */
@media (hover:none){
  .fb-item.is-local .fb-del{display:flex;width:18px;height:18px;font-size:14px}
}

.hero-search input{
  width:100%;height:44px;border-radius:22px;background:rgba(255,255,255,.95);
  padding:0 56px 0 22px;font-size:15px;color:#222;
  box-shadow:0 2px 14px rgba(0,0,0,.22);transition:background .15s;
}
.hero-search input:focus{background:#fff}
.hero-search input::placeholder{color:#9b9b9b}
.hero-search button{
  position:absolute;right:4px;top:4px;width:36px;height:36px;border-radius:50%;
  background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:background .15s;
}
.hero-search button:hover{background:var(--red-dark)}

/* ---------- 天气浮层（默认隐藏，点顶部天气展开） ---------- */
.wx-pop{
  position:absolute;z-index:110;top:46px;right:33px;width:330px;
  padding:15px 18px 13px;border-radius:10px;
  background:rgba(16,21,33,.86);border:1px solid rgba(255,255,255,.13);
  -webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%);
  box-shadow:0 20px 48px rgba(0,0,0,.5);
  opacity:0;visibility:hidden;transform:translateY(-8px) scale(.985);
  transform-origin:92% 0;
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
  text-align:left;
}
.wx-pop.open{opacity:1;visibility:visible;transform:none}
/* 城市选择器 */
.city-pop{
  position:absolute;z-index:110;top:46px;right:33px;width:352px;
  max-height:calc(100vh - 90px);overflow-y:auto;
  padding:14px 16px 16px;border-radius:10px;text-align:left;
  background:rgba(16,21,33,.93);border:1px solid rgba(255,255,255,.13);
  box-shadow:0 18px 44px rgba(0,0,0,.5);backdrop-filter:blur(14px);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .18s,transform .18s,visibility .18s;
}
.city-pop.open{opacity:1;visibility:visible;transform:none}
/* 城市搜索 */
.city-search{
  display:flex;align-items:center;gap:7px;height:34px;margin:12px 0 11px;
  padding:0 10px;border-radius:6px;color:rgba(255,255,255,.45);
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);
  transition:border-color .15s,background .15s;
}
.city-search:focus-within{border-color:rgba(240,65,66,.6);background:rgba(255,255,255,.13)}
.city-search input{
  flex:1;min-width:0;height:100%;background:none;border:0;outline:none;
  color:#fff;font-size:13px;font-family:inherit;
}
.city-search input::placeholder{color:rgba(255,255,255,.36)}
.city-res{display:none;max-height:198px;overflow-y:auto;margin-bottom:10px}
.city-res.on{display:block}
.city-res a{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:8px 10px;border-radius:5px;font-size:13px;color:rgba(255,255,255,.88);
}
.city-res a:hover{background:rgba(255,255,255,.13);color:#fff}
.city-res a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.city-res a em{font-style:normal;font-size:11px;color:rgba(255,255,255,.4);flex-shrink:0}
.city-res .city-hint{padding:12px 4px;font-size:12px;color:rgba(255,255,255,.42);text-align:center}
.city-ft{margin-top:11px;padding-top:10px;border-top:1px solid rgba(255,255,255,.09);text-align:center}
.city-ft a{font-size:12px;color:rgba(255,255,255,.5)}
.city-ft a:hover{color:#fff}
.city-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.city-grid a{
  font-size:13px;color:rgba(255,255,255,.72);text-align:center;
  padding:7px 0;border-radius:4px;background:rgba(255,255,255,.06);transition:background .15s,color .15s;
}
.city-grid a:hover{background:rgba(255,255,255,.16);color:#fff}
.city-grid a.on{background:var(--red);color:#fff}
.wx-hd{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}
.wx-city{font-size:14px;color:#fff;display:flex;align-items:baseline;gap:8px}
.wx-city em{font-style:normal;font-size:12px;color:rgba(255,255,255,.5)}
.wx-x{font-size:12px;color:rgba(255,255,255,.45)}
.wx-x:hover{color:#fff}
.wx-now{display:flex;align-items:center;gap:12px;padding:14px 0 12px}
.wx-now .wx-ic{color:#9fc7ff;display:flex}
.wx-now .wx-t{font-size:30px;font-weight:300;line-height:1;color:#fff}
.wx-now .wx-t em{font-style:normal;font-size:13px;font-weight:400;margin-left:2px;color:rgba(255,255,255,.6)}
.wx-now .wx-d{font-size:13px;color:rgba(255,255,255,.85);line-height:1.45}
.wx-now .wx-d em{display:block;font-style:normal;font-size:11px;color:rgba(255,255,255,.45)}
.wx-days{display:flex;padding-top:6px}
.wx-day{flex:1;text-align:center}
.wx-day .wd{display:block;font-size:12px;color:rgba(255,255,255,.6)}
.wx-day .wd i{display:block;font-style:normal;font-size:11px;color:rgba(255,255,255,.34);margin-top:1px}
.wx-day .wi{display:flex;justify-content:center;color:#a8c9f5;margin:7px 0 6px}
.wx-day .wt{display:block;font-size:12px;color:#fff}
.wx-day .wt em{font-style:normal;color:rgba(255,255,255,.5)}
.wx-ft{margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.08);font-size:11px;color:rgba(255,255,255,.32)}
.wx-err{padding:16px 0 8px;text-align:center}
.wx-err p{font-size:13px;color:rgba(255,255,255,.7)}
.wx-err em{font-style:normal;font-size:11px;color:rgba(255,255,255,.35);display:block;margin-top:6px}

/* ---------- 内容页单行头部（logo + 频道 + 搜索 + 操作，对齐今日头条） ---------- */
.mhead{
  background:#fff;border-bottom:1px solid #ececec;position:sticky;top:0;z-index:100;
  transition:box-shadow .22s ease,border-color .22s ease;
}
.mhead.is-stuck{border-bottom-color:#e9e9e9;box-shadow:0 5px 16px -8px rgba(18,22,30,.2)}
/* 头部左基准分两条线（各自精确，互不挤占）：
   ① LOGO 贴页面全局左侧 16px —— 用绝对定位脱离 flex 流；
   ② 频道菜单左缘 = 全站 1216 版心左线 = 内容卡片左缘（宽屏 (100%-var(--w))/2+16，窄屏 16px）。
   LOGO 出流后 .mhead-nav 成为首个流内元素，左缘即 padding-left；130px 下限是给
   单行头部窄视口留的防压字距离（LOGO 图形右缘约 130.4px），1920 等宽屏不受影响。 */
.mhead-in{
  position:relative;
  padding:0 16px;
  padding-left:max(16px, calc((100% - var(--w))/2 + 16px), 130px);
  height:64px;
  display:flex;align-items:center;gap:12px;
}
.mhead-logo{
  font-size:26px;font-weight:800;color:var(--red);letter-spacing:-.02em;
  white-space:nowrap;flex-shrink:0;line-height:1;
  display:flex;align-items:center;
  position:absolute;left:16px;top:50%;transform:translateY(-50%);
}
.mhead-logo img{display:block;height:34px;width:auto;max-width:170px}
.mhead.is-shead .mhead-logo img{max-width:190px}
.mhead-nav{
  display:flex;align-items:center;gap:11px;flex:1;min-width:0;
  overflow-x:auto;overflow-y:visible;scrollbar-width:none;
}
.mhead-nav::-webkit-scrollbar{display:none}
.mhead-nav>a,.mhead-nav .nav-more>a{
  font-size:15.5px;color:#3c3c3c;white-space:nowrap;position:relative;
  height:64px;line-height:64px;flex-shrink:0;
  transition:color .15s;
}
.mhead-nav>a:hover,.mhead-nav .nav-more>a:hover{color:var(--red)}
.mhead-nav>a.on{color:var(--red);font-weight:700}
.mhead-nav>a.on::after{
  content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-1px;
  width:22px;height:3px;background:var(--red);border-radius:2px 2px 0 0;
}
.mhead-nav .nav-more{height:64px}
.mhead-nav .nav-hot,.mhead-nav .nav-hot>.nh-btn{height:64px;line-height:64px}
.mhead-nav .nav-hot>.nh-btn{font-size:15.5px;color:#3c3c3c}
.mhead-search{position:relative;width:186px;flex-shrink:0}
.mhead-search input{
  width:100%;height:36px;border:1px solid transparent;border-radius:18px;
  background:#f4f5f7;padding:0 42px 0 16px;font-size:13.5px;color:var(--text);
  transition:background .16s,border-color .16s,box-shadow .16s;
}
.mhead-search input::placeholder{color:#9b9fa6}
.mhead-search input:focus{
  background:#fff;border-color:#e0e0e0;outline:none;
  box-shadow:0 2px 10px -4px rgba(18,22,30,.1);
}
.mhead-search button{
  position:absolute;right:3px;top:3px;width:30px;height:30px;border-radius:50%;
  color:#9aa0a6;display:flex;align-items:center;justify-content:center;
  transition:color .15s,background .15s;
}
.mhead-search button:hover{color:var(--red);background:rgba(240,65,66,.07)}
.mhead-act{display:flex;align-items:center;gap:11px;flex-shrink:0;position:relative;z-index:5}
.mhead-act .ht-city{
  display:flex;align-items:center;gap:5px;font-size:13.5px;color:#55595f;
  white-space:nowrap;transition:color .15s;
}
.mhead-act .ht-city:hover{color:var(--red)}
.mhead-act .ht-city span{max-width:76px;overflow:hidden;text-overflow:ellipsis;display:inline-block}
.mhead-act .ht-weather{
  display:flex;align-items:center;gap:5px;font-size:13.5px;color:#55595f;
  white-space:nowrap;transition:color .15s;
}
/* 城市与温度之间加一道细线，避免右侧堆成一团 */
.mhead-act .ht-weather::before{
  content:"";width:1px;height:12px;background:#e6e6e6;margin-right:6px;flex-shrink:0;
}
.mhead-act .ht-weather:hover{color:var(--red)}
.mhead-act .ht-login{
  height:32px;line-height:32px;padding:0 18px;border-radius:16px;
  background:var(--red);color:#fff;font-size:13.5px;font-weight:500;flex-shrink:0;
  letter-spacing:.02em;transition:background .15s,box-shadow .15s;
}
.mhead-act .ht-login:hover{background:#e03536;color:#fff;box-shadow:0 4px 12px -4px rgba(240,65,66,.55)}
/* 单行头部里的浮层：贴着头部下沿弹出，右缘跟随版心右线，与下方内容右缘齐平 */
.mhead .wx-pop,.mhead .city-pop{top:64px;right:max(16px, calc((100% - var(--w))/2 + 16px))}

/* ---------- 搜索页头部：顶部通铺，logo 靠左留距 → 搜索框 → 右侧入口靠右 ----------
   头部与正文共用同一套 flex 节奏：[logo 槽 auto][搜索框 760px][弹性空隙][操作区]，
   于是搜索框左缘 = tab 行左缘 = 结果列表左缘，搜索框与结果列表同宽（760）；
   操作区靠右留 28，与右栏右缘齐平。 */
.mhead.is-shead .mhead-in{
  max-width:1280px;margin:0 auto;padding:0 28px;height:64px;
  display:flex;align-items:center;flex-wrap:nowrap;gap:0;
}
/* 窄屏媒体里给普通头部设过 order（logo1/搜索2/操作3），这里显式归位，
   否则弹性空隙会被排到最前面，把搜索框挤到右侧 */
.mhead.is-shead .mhead-logo{order:0;flex:0 0 200px;width:200px;position:static;transform:none;left:auto;top:auto}
.mhead.is-shead .mhead-search{order:1}
.mhead.is-shead .mhead-sp{order:2}
.mhead.is-shead .mhead-act{order:3}
.mhead.is-shead .mhead-nav{display:none}
/* logo 槽与左栏辅助卡同宽（200px），搜索框/结果列都改成弹性占满剩余空间，
   于是「搜索框左缘 = 左卡右缘 = 结果左缘」「搜索框宽 = 结果列宽」，任意宽度都自动对齐 */
.mhead.is-shead .mhead-search{flex:1 1 auto;max-width:none;min-width:0;margin-left:20px}
/* 搜索页头部不再需要弹性空隙：内容整体收在 1280 内、右栏紧跟左栏，
   操作区同样紧跟搜索框，右缘才会和右栏严格齐平 */
.mhead.is-shead .mhead-sp{display:none}
/* 操作区按「右栏同宽」占位，这样头部与正文的剩余空间一致，
   搜索框才会和结果列同步收放，窄屏也不会各缩各的 */
.mhead.is-shead .mhead-act{flex:0 0 320px;width:320px;margin-left:20px;justify-content:flex-end}
.mhead.is-shead .mhead-act .ht-city,
.mhead.is-shead .mhead-act .ht-weather{display:none}
.mhead.is-shead .mhead-search input{
  height:40px;border:1px solid #e4e6e8;border-radius:4px;background:#fff;
  padding:0 98px 0 16px;font-size:15px;
}
.mhead.is-shead .mhead-search input::placeholder{color:#b3b7bd}
.mhead.is-shead .mhead-search input:focus{
  background:#fff;border-color:#f3a9a9;box-shadow:0 0 0 2px rgba(240,65,66,.07);
}
/* 清空按钮：只在有输入时出现，位于红色搜索按钮左侧 */
.mhead.is-shead .mhead-search .mh-clear{
  position:absolute;right:62px;top:50%;transform:translateY(-50%);
  width:24px;height:24px;border-radius:50%;background:none;color:#c2c6cc;
  display:none;align-items:center;justify-content:center;
  font-size:17px;line-height:1;cursor:pointer;
}
.mhead.is-shead .mhead-search.has-val .mh-clear{display:flex}
.mhead.is-shead .mhead-search .mh-clear:hover{color:#8d9298;background:#f2f3f5}
/* 搜索按钮：整块红色方角按钮，与输入框等高贴右 */
.mhead.is-shead .mhead-search button[type=submit]{
  right:0;top:0;width:52px;height:40px;border-radius:0 4px 4px 0;
  background:var(--red);color:#fff;
}
.mhead.is-shead .mhead-search button[type=submit]:hover{background:#e03536;color:#fff}
.mhead.is-shead .mhead-search button[type=submit] svg{width:17px;height:17px}

/* ---------- 栏目页通栏 banner：频道名 + 右侧广告（非卡片 / 无底色 / 加宽） ---------- */
/* 栏目顶端已与内页共用 .mhead 单行头部，banner 单独成带置于头部之下、正文之上，
   因此 .mhead 的「更多」下拉层（sticky z-index:100）始终盖在 banner 之上，不会被遮挡。 */
.ch-banner{
  position:relative;overflow:hidden;
  background:
    radial-gradient(120% 140% at 12% 0%, hsla(var(--ch-hue),70%,60%,.95), transparent 60%),
    linear-gradient(120deg, hsl(var(--ch-hue),58%,42%), hsl(calc(var(--ch-hue) + 28),62%,30%));
}
.ch-banner::after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(80% 120% at 92% 10%, rgba(255,255,255,.16), transparent 55%);
}
.ch-banner-in{
  max-width:var(--w);margin:0 auto;padding:30px 16px 34px;position:relative;z-index:1;
  display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:30px;
}
.ch-banner-tx{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1 1 auto}
.ch-banner h1{
  margin:0;font-size:32px;font-weight:800;color:#fff;letter-spacing:1px;
  text-shadow:0 2px 14px rgba(0,0,0,.18);
}
.ch-sub{font-size:13px;color:rgba(255,255,255,.82);letter-spacing:.5px}
/* 横幅右侧广告：非卡片（无底色平铺）；宽度锁定为 320px，与下方栏目右栏(.col-side)一致，
   右对齐于内容容器内，视觉上正好叠在右栏正上方，不再"超出右栏、错位" */
.ch-banner-ad{flex:0 0 320px;width:320px;max-width:320px}
.ch-banner-ad .ad-bare{display:block;text-decoration:none;color:#fff}
.ch-banner-ad .ad-bare-img img{display:block;border-radius:8px;width:100%;height:96px;object-fit:cover}
.ch-banner-ad .ad-bare-txt{padding:14px 2px;color:#fff}
.ch-banner-ad .ad-bare-txt .ad-tag{
  display:inline-block;font-size:11px;font-style:normal;letter-spacing:.05em;
  background:rgba(255,255,255,.22);color:#fff;border-radius:3px;padding:1px 7px;margin-bottom:9px;
}
.ch-banner-ad .ad-bare-txt b{display:block;font-size:18px;font-weight:700;color:#fff;margin-bottom:6px}
.ch-banner-ad .ad-bare-txt em{
  display:block;font-size:13px;font-style:normal;color:rgba(255,255,255,.85);
  line-height:1.5;margin-bottom:9px;max-width:400px;
}
.ch-banner-ad .ad-bare-txt i{font-style:normal;font-size:13px;font-weight:600;color:#fff;text-decoration:underline}
.ch-banner-ad .ad-bare-txt i:hover{color:#ffe08a}
@media (max-width:1080px){
  .ch-banner-in{flex-direction:column;align-items:flex-start;gap:18px}
  .ch-banner-ad{flex:0 0 auto;width:100%;max-width:none}
}
@media (max-width:640px){
  .ch-banner-in{padding:20px 16px 22px}
  .ch-banner h1{font-size:24px}
  .ch-banner-ad{display:none}
}
/* 通用：非卡片广告（去除底色平铺，用于 banner 等场景） */
.ad-bare{display:block;text-decoration:none;color:inherit}
.ad-bare-img img{display:block;border-radius:8px;width:100%;height:auto}
.ad-bare-txt{padding:12px 14px;color:var(--text)}
.ad-bare-txt .ad-tag{display:inline-block;font-size:11px;font-style:normal;letter-spacing:.05em;background:rgba(0,0,0,.06);color:#888;border-radius:3px;padding:1px 7px;margin-bottom:8px}
.ad-bare-txt b{display:block;font-size:16px;font-weight:700;color:var(--text);margin-bottom:5px}
.ad-bare-txt em{display:block;font-size:13px;font-style:normal;color:#666;line-height:1.5;margin-bottom:7px}
.ad-bare-txt i{font-style:normal;font-size:13px;font-weight:600;color:var(--red);text-decoration:none}
.ad-bare-txt i:hover{text-decoration:underline}

@media (max-width:960px){
  .mhead.is-shead .mhead-in{display:flex;flex-wrap:wrap;height:auto;padding:8px 14px 0;gap:10px}
  .mhead.is-shead .mhead-search{flex:1 1 0;width:auto;min-width:110px;max-width:none}
  .mhead.is-shead .mhead-search input{height:34px;padding:0 84px 0 14px;font-size:13.5px}
  .mhead.is-shead .mhead-search button[type=submit]{width:44px;height:34px}
  .mhead.is-shead .mhead-search .mh-clear{right:52px;width:22px;height:22px;font-size:15px}
  .mhead.is-shead .mhead-logo{order:1;flex:0 0 auto;width:auto}
  .mhead.is-shead .mhead-search{order:2}
  .mhead.is-shead .mhead-act{order:3}
  .mhead.is-shead .mhead-sp{display:none}
  .mhead.is-shead .mhead-search{margin-left:0}
  .mhead.is-shead .mhead-act{flex:0 0 auto;width:auto;margin-left:auto}
}
@media (max-width:640px){
  .mhead.is-shead .mhead-in{padding:8px 12px 0;gap:8px}
  .mhead.is-shead .mhead-search{flex:1 1 0;min-width:0}
  .mhead.is-shead .mhead-search input{height:32px;padding:0 78px 0 12px}
  .mhead.is-shead .mhead-search button[type=submit]{width:40px;height:32px}
  .mhead.is-shead .mhead-search .mh-clear{right:46px}
}


/* 旧的两行紧凑头部样式已废弃（内容页改为 .mhead 单行头部），保留占位便于回滚 */
.hero-mini .hero-search{width:420px}

@media (prefers-reduced-motion: reduce){
  .hero-earth *{animation:none !important}
}

/* ---------- 频道导航 ---------- */
.nav{background:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100}
.nav-in{max-width:var(--w);margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:36px;height:56px;overflow:visible}
.nav-in>a,.nav-more>a{
  font-size:17px;color:var(--text);white-space:nowrap;position:relative;
  height:56px;line-height:56px;transition:color .15s;flex-shrink:0;
}
.nav-in>a:hover,.nav-more>a:hover{color:var(--red)}
.nav-in>a.on{color:var(--red);font-weight:600}
.nav-in>a.on::after{
  content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;
  width:22px;height:3px;background:var(--red);border-radius:2px;
}

/* ---------- 全网热题榜（导航下拉 50 条） ---------- */
.nav-hot{position:relative;height:56px;display:flex;align-items:center;flex-shrink:0}
.nav-hot>.nh-btn{
  display:flex;align-items:center;gap:3px;white-space:nowrap;
  font-size:17px;color:var(--text);height:56px;line-height:56px;
  text-decoration:none;transition:color .15s;
}
.nav-hot>.nh-btn svg{margin-top:3px;color:var(--gray);transition:transform .2s,color .2s}
.nav-hot:hover>.nh-btn,.nav-hot.is-open>.nh-btn{color:var(--red)}
.nav-hot:hover>.nh-btn svg,.nav-hot.is-open>.nh-btn svg{transform:rotate(180deg);color:var(--red)}

/* 全屏通栏：无圆角无边框，左右一直铺到视口边，高度由 JS 按导航下缘定位 */
.nh-pop{
  position:fixed;left:0;right:0;top:0;z-index:120;
  width:100%;background:#fff;display:none;
  box-shadow:0 22px 36px -30px rgba(16,20,28,.65);
  animation:nhIn .16s ease-out;
}
@keyframes nhIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.nav-hot:hover .nh-pop,.nav-hot.is-open .nh-pop{display:block}

/* 通栏内层回到版心：与 .wrap / .nav-in 同一条左右基准线 */
.nh-inner{max-width:var(--w);margin:0 auto;padding:0 16px}

.nh-hd{display:flex;align-items:baseline;gap:8px;padding:12px 0 10px;border-bottom:1px solid #f4f4f6}
.nh-hd b{font-size:14px;color:#141414;letter-spacing:.01em}
.nh-hd span{font-size:11.5px;color:#9aa0a6}
.nh-src{margin-left:auto;font-size:11.5px;color:#9aa0a6;transition:color .15s}
.nh-src:hover{color:var(--red)}

.nh-list{
  column-width:220px;column-gap:8px;padding:6px 0 8px;
  max-height:calc(100vh - 190px);overflow-y:auto;overscroll-behavior:contain;
}
.nh-item{
  display:flex;align-items:center;gap:7px;
  padding:3px 8px;border-radius:6px;break-inside:avoid;
  font-size:13px;color:#3c4046;line-height:1.45;transition:background .12s,color .12s;
}
.nh-item:hover{background:#f7f8fa;color:var(--red)}
.nh-no{flex:0 0 16px;width:16px;text-align:center;font-style:normal;font-size:11.5px;font-weight:700;color:#bcc1c7}
.nh-no.is-top{color:var(--red)}
.nh-item em{flex:1;min-width:0;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nh-tag{flex-shrink:0;height:15px;line-height:15px;padding:0 4px;border-radius:3px;font-size:10px;color:#fff;background:#ff7a45}
.nh-ft{padding:8px 0 10px;border-top:1px solid #f4f4f6;background:#fff;font-size:11px;color:#b0b5bb}

@media (max-width:1000px){
  .nh-list{column-width:200px}
}
@media (max-width:620px){
  .nh-hd{padding:10px 0 8px}
  .nh-hd span{display:none}
  .nh-ft{display:none}
  .nh-list{column-width:100%;column-count:1;padding:4px 0 6px;-webkit-overflow-scrolling:touch}
}
/* 触屏没有真 hover，只认 JS 加的 .is-open，否则点完浮层关不掉 */
@media (hover:none){
  .nav-hot:hover .nh-pop{display:none}
  .nav-hot.is-open .nh-pop{display:block}
}

.nav-more{position:relative;height:56px;display:flex;align-items:center;flex-shrink:0}
.nav-more>a{display:flex;align-items:center;gap:3px}
.nav-more>a svg{margin-top:3px;transition:transform .2s;color:var(--gray)}
.nav-more:hover>a svg{transform:rotate(180deg)}
.nm-pop{
  position:absolute;top:54px;left:-16px;min-width:132px;background:#fff;
  box-shadow:0 8px 28px rgba(0,0,0,.13);border-radius:6px;padding:7px 0;
  display:none;z-index:30;
}
.nav-more:hover .nm-pop{display:block}
/* 单行头部的频道导航是横向滚动容器（overflow:auto），会把 absolute 浮层裁掉；
   JS 量出位置后改用 fixed 定位脱离裁切（fixed 的包含块是视口，不受祖先 overflow 影响） */
.nm-pop.is-fixed{position:fixed;left:auto;top:auto;z-index:120}
.nm-pop a{display:block;padding:9px 18px;font-size:15px;color:var(--text-2);line-height:1.4}
.nm-pop a:hover{background:#f7f7f7;color:var(--red)}

/* ---------- 主体布局（两栏：信息流 / 右栏「专题精选 + 热榜」） ---------- */
.main{max-width:var(--w);margin:18px auto 0;padding:0 16px;display:flex;gap:24px;align-items:flex-start}
.col-main{flex:1;min-width:0}
.col-side{width:320px;flex-shrink:0}

/* 首页 / 栏目页仍是三栏：左 200 专题栏 + 信息流 632 + 右 320 热榜栏 */
.main.is-3col{gap:16px}
.main.is-3col .col-left{width:200px;flex:0 0 200px}
.main.is-3col .col-side{width:320px}

/* ---------- 右栏专题精选（5 条：小图 + 两行标题） ---------- */
.rail-card{margin-bottom:22px}
.rail-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.rail-hd h3{font-size:16px;font-weight:700;line-height:1.3;position:relative;padding-left:10px}
.rail-hd h3::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:15px;background:var(--red);border-radius:2px}
.rail-hd em{font-style:normal;font-size:11px;color:var(--red);background:#fff0f0;padding:1px 6px;border-radius:2px;line-height:1.6}
.rail-list{display:flex;flex-direction:column}
.rail-item{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #f7f7f7}
.rail-item:first-child{padding-top:4px}
.rail-item:last-child{border-bottom:0;padding-bottom:2px}
.rail-thumb{position:relative;flex:0 0 74px;width:74px;height:50px;overflow:hidden;border-radius:3px;background:#f2f2f2}
.rail-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.rail-item:hover .rail-thumb img{transform:scale(1.05)}
.rail-ph{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#cfcfcf;font-size:12px}
.rail-tag{position:absolute;left:0;top:0;font-style:normal;font-size:10px;color:#fff;background:rgba(240,65,66,.93);padding:0 5px;line-height:16px;border-radius:0 0 3px 0}
.rail-txt{flex:1;min-width:0}
.rail-t{font-size:13.5px;line-height:1.5;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rail-item:hover .rail-t{color:var(--red)}
.rail-item.is-topic .rail-t{font-weight:600;color:var(--text)}
.rail-item.is-topic:hover .rail-t{color:var(--red)}
.rail-m{font-size:11px;color:var(--gray-2);margin-top:3px}

/* 左栏形态（首页 / 栏目页的三栏布局）：透明底 + 整宽大图竖排 */
.rail-card.rail-left{background:transparent;padding:0;margin:0}
.rail-left .rail-list{gap:15px}
.rail-left .rail-item{display:block;padding:0;border-bottom:0}
.rail-left .rail-item:first-child{padding-top:0}
.rail-left .rail-thumb{width:100%;height:0;padding-bottom:56%;flex:none;border-radius:4px}
.rail-left .rail-thumb img{position:absolute;left:0;top:0;width:100%;height:100%}
.rail-left .rail-ph{height:auto;bottom:0}
.rail-left .rail-t{font-size:13px;line-height:1.55;margin-top:7px}
.rail-left .rail-m{margin-top:4px}

/* ---------- 左栏挂件（首页「专题精选」下方：投稿 / 内容更新 / 合作） ---------- */
/* 页面本身是白底，挂件用浅灰块区分，避免和信息流糊成一片 */
.side-card.wd{background:#fafafa;padding:14px 14px 13px;margin-bottom:14px}
.side-card.wd:last-child{margin-bottom:0}
.wd-hd{display:flex;align-items:center;gap:6px;margin-bottom:9px}
.wd-hd h3{font-size:15px;font-weight:700;line-height:1.3;position:relative;padding-left:9px;color:var(--text)}
.wd-hd h3::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:14px;background:var(--red);border-radius:2px}
.wd-hd em{font-style:normal;font-size:10px;color:var(--red);background:#fff0f0;padding:1px 5px;border-radius:2px;margin-left:auto}
.wd-ic{width:20px;height:20px;border-radius:4px;background:#fff0f0;color:var(--red);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wd-sub .wd-hd h3{padding-left:0}
.wd-sub .wd-hd h3::before{display:none}
.wd-desc{font-size:12.5px;line-height:1.7;color:var(--gray);margin-bottom:11px}
.wd-btn{
  display:block;height:34px;line-height:34px;text-align:center;border-radius:4px;
  background:var(--red);color:#fff;font-size:13.5px;font-weight:500;
  transition:background .15s,box-shadow .15s;
}
.wd-btn:hover{background:#e03536;color:#fff;box-shadow:0 4px 12px -4px rgba(240,65,66,.5)}
.wd-link{display:block;text-align:center;font-size:12px;color:var(--gray-2);margin-top:9px;transition:color .15s}
.wd-link:hover{color:var(--red)}

.wd-nums{display:flex;gap:6px;margin-bottom:8px}
.wd-nums div{flex:1;min-width:0;text-align:center;background:#fff;border-radius:4px;padding:8px 2px 7px}
.wd-nums strong{display:block;font-size:17px;font-weight:700;color:var(--red);line-height:1.15;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.wd-nums span{display:block;font-size:11px;color:var(--gray-2);margin-top:3px}
.wd-foot{font-size:11.5px;color:var(--gray-2);text-align:center}
.wd-foot b{color:var(--text-2);font-weight:600}

.wd-rows li{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;line-height:1.8;padding:5px 0;border-bottom:1px dashed #ececec}
.wd-rows li:last-child{border-bottom:0}
.wd-rows span{color:var(--gray-2);flex-shrink:0}
.wd-rows b{font-weight:500;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* --- 快讯时间线 --- */
.wd-live .wd-tl{margin-top:2px}
.wd-tl li{position:relative;padding:0 0 11px 13px}
.wd-tl li:last-child{padding-bottom:0}
.wd-tl li::before{content:"";position:absolute;left:1px;top:5px;width:5px;height:5px;border-radius:50%;background:var(--red)}
.wd-tl li::after{content:"";position:absolute;left:3px;top:12px;bottom:1px;width:1px;background:#ececec}
.wd-tl li:last-child::after{display:none}
.wd-tl li i{display:block;font-style:normal;font-size:11px;color:var(--gray-2);line-height:1.5;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.wd-tl li b{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font-weight:400;font-size:12.5px;line-height:1.55;color:var(--text-2);margin-top:1px;
}
.wd-tl a:hover b{color:var(--red)}

/* --- 天气卡 --- */
.wd-switch{font-size:11px;color:var(--gray-2);margin-left:auto;transition:color .15s}
.wd-switch:hover{color:var(--red)}
.wd-wx-top{display:flex;align-items:center;gap:8px;margin:2px 0 10px}
.wd-wx-ic{display:flex;color:#f5a623;flex-shrink:0}
.wd-wx-top strong{font-size:25px;font-weight:700;line-height:1;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.wd-wx-meta{flex:1;min-width:0}
.wd-wx-meta em{display:block;font-style:normal;font-size:12.5px;color:var(--text-2);line-height:1.4}
.wd-wx-meta span{display:block;font-size:11px;color:var(--gray-2);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-wx-days li{display:flex;align-items:center;gap:4px;font-size:11.5px;padding:4px 0;border-top:1px dashed #ececec}
.wd-wx-days li span{width:28px;color:var(--gray-2);flex-shrink:0}
.wd-wx-days li i{flex:1;min-width:0;font-style:normal;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-wx-days li b{font-weight:500;color:var(--text);font-variant-numeric:tabular-nums;flex-shrink:0}
.wd-wx-days li b em{font-style:normal;font-weight:400;color:var(--gray-2);margin-left:5px}

/* --- 邮件订阅 --- */
.wd-form{display:flex;flex-direction:column;gap:6px}
.wd-form input{
  height:32px;border:1px solid #e6e6e6;background:#fff;border-radius:4px;
  padding:0 9px;font-size:12.5px;color:var(--text);transition:border-color .15s,box-shadow .15s;
}
.wd-form input:focus{outline:none;border-color:#f4a9a9;box-shadow:0 0 0 2px rgba(240,65,66,.08)}
.wd-form button{height:32px;border:0;border-radius:4px;background:var(--red);color:#fff;font-size:13px;cursor:pointer;transition:background .15s}
.wd-form button:hover{background:#e03536}
.wd-form button:disabled{opacity:.6;cursor:default}
.wd-msg{display:none;font-size:11.5px;line-height:1.5;margin-top:6px;word-break:break-word}
.wd-msg.on{display:block}
.wd-msg.ok{color:#12a05c}
.wd-msg.err{color:var(--red)}

/* --- 右栏底部「我要投稿」宽版卡 --- */
.side-card.wd-submit{background:#fafafa;padding:16px 16px 14px;margin-bottom:0}
.ws-top{display:flex;align-items:center;gap:10px;margin-bottom:9px}
.ws-ic{width:34px;height:34px;border-radius:9px;background:#fff0f0;color:var(--red);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ws-tt h3{font-size:16px;font-weight:700;line-height:1.3;color:var(--text)}
.ws-tt em{display:block;font-style:normal;font-size:11.5px;color:var(--gray-2);margin-top:2px}
.ws-desc{font-size:12.5px;line-height:1.75;color:var(--gray);margin-bottom:11px}
.ws-btn{
  display:flex;align-items:center;justify-content:center;gap:5px;height:36px;border-radius:4px;
  background:var(--red);color:#fff;font-size:14px;font-weight:500;
  transition:background .15s,box-shadow .15s;
}
.ws-btn:hover{background:#e03536;color:#fff;box-shadow:0 4px 12px -4px rgba(240,65,66,.5)}
.ws-foot{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--gray-2);margin-top:9px}
.ws-foot a{color:var(--gray-2);transition:color .15s}
.ws-foot a:hover{color:var(--red)}
.ws-foot i{font-style:normal;color:#ddd}
.ws-foot span{margin-left:auto;color:#bbb}

/* --- 紧凑版投稿条（悬浮热榜底部）：跟热榜一样平铺，不另起卡片 --- */
.side-card.wd-submit.is-compact{
  background:transparent;border-radius:0;box-shadow:none;
  margin:6px 0 0;padding:12px 0 0;border-top:1px solid #f2f2f2;
}
.is-compact .ws-top{gap:8px;margin-bottom:8px}
.is-compact .ws-ic{width:28px;height:28px;border-radius:8px}
.is-compact .ws-ic svg{width:16px;height:16px}
.is-compact .ws-tt h3{font-size:14.5px}
.is-compact .ws-tt em{font-size:11px;margin-top:1px}
.is-compact .ws-btn{height:32px;font-size:13px;border-radius:3px}

/* --- 编辑推荐 --- */
.rc-list li{border-bottom:1px solid #f7f7f7}
.rc-list li:last-child{border-bottom:0}
.rc-list a{display:flex;align-items:center;gap:10px;padding:8px 0}
.rc-list li:first-child a{padding-top:2px}
.rc-thumb{position:relative;flex:0 0 72px;width:72px;height:48px;border-radius:3px;overflow:hidden;background:#f2f2f2}
.rc-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.rc-list a:hover .rc-thumb img{transform:scale(1.05)}
.rc-ph{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#cfcfcf;font-size:12px}
.rc-txt{flex:1;min-width:0}
.rc-txt b{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font-weight:400;font-size:13.5px;line-height:1.5;color:var(--text-2);
}
.rc-list a:hover .rc-txt b{color:var(--red)}
.rc-txt em{display:block;font-style:normal;font-size:11px;color:var(--gray-2);margin-top:3px}

/* --- 热门专题榜 --- */
.tp-list a{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #f7f7f7}
.tp-list li:last-child a{border-bottom:0}
.tp-list li:first-child a{padding-top:2px}
.tp-no{width:15px;flex-shrink:0;text-align:center;font-style:normal;font-size:12px;font-weight:600;color:#c9c9c9}
.tp-list li:nth-child(-n+3) .tp-no{color:var(--red)}
.tp-tt{flex:1;min-width:0;font-size:13.5px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tp-list a:hover .tp-tt{color:var(--red)}
.tp-c{font-style:normal;font-size:11px;color:var(--gray-2);flex-shrink:0}

.card{background:var(--card);border-radius:var(--radius);box-shadow:0 1px 2px rgba(0,0,0,.03)}

/* ---------- 今日要闻 ---------- */
.yyw{background:#f7f7f8;border-radius:6px;padding:15px 12px 13px;margin-bottom:14px}
.yyw-hd{display:flex;align-items:center;gap:7px;margin-bottom:7px}
.yyw-hd em{background:var(--red);color:#fff;font-size:13px;font-style:normal;font-weight:600;padding:3px 7px;border-radius:2px;line-height:1.35}
.yyw-hd strong{font-size:17px;font-weight:700;line-height:1.3}
.yyw-hd span{font-size:13px;color:#9a9a9a;margin-left:3px}
.yyw li{position:relative;padding-left:14px;font-size:15px;line-height:2.05}
.yyw li::before{content:"";position:absolute;left:2px;top:.92em;width:3px;height:3px;border-radius:50%;background:#b0b0b0}
.yyw li a{display:block;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yyw li a:hover{color:var(--red)}

/* ---------- 信息流卡片 ---------- */
.feed{background:#fff;border-radius:var(--radius);overflow:hidden}
.item{display:block;padding:18px 12px;border-bottom:1px solid var(--line);transition:background .12s}
.item:hover{background:#fafafa}
.item:last-child{border-bottom:0}
.item-h{display:flex;gap:16px}
.item-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between}
.item-title{font-size:19px;line-height:1.45;font-weight:600;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.item:hover .item-title{color:var(--red)}
.item-sum{font-size:14px;color:var(--gray);line-height:1.6;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.item-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--gray-2);margin-top:12px;flex-wrap:wrap}
.item-meta .src{color:var(--gray)}
.item-meta .tag-chip{background:#f5f5f5;color:var(--gray);padding:1px 8px;border-radius:2px;font-size:12px}

/* 大图卡：整卡沿用 .item 的 12px 左右内距，图片与标题/三图/专题卡左右齐平 */
.item.big{padding:20px 12px}
.item.big .item-h{display:block}
.item.big .thumb{position:relative;width:100%;height:0;padding-bottom:41%;overflow:hidden;border-radius:6px;margin-bottom:14px;background:#f2f2f2}
.item.big .thumb img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.item.big:hover .thumb img{transform:scale(1.02)}
.item.big .item-title{font-size:22px;font-weight:700;-webkit-line-clamp:2}

/* 单图右置 */
.item.one .thumb{width:180px;flex:0 0 180px;height:112px;align-self:flex-start;overflow:hidden;border-radius:6px;background:#f2f2f2}
.item.one .thumb img{width:100%;height:100%;object-fit:cover}

/* 三图卡 */
.item.three .thumbs{display:flex;gap:6px;margin-top:12px}
.item.three .thumbs div{flex:1;height:80px;overflow:hidden;border-radius:6px;background:#f2f2f2}
.item.three .thumbs img{width:100%;height:100%;object-fit:cover}
.item.three .item-title{font-size:19px}

/* 纯文字 */
.item.text .item-title{font-size:18px}

/* 专题卡 */
.topic-card{display:block;background:linear-gradient(135deg,#fff5f5 0%,#fff 60%);border:1px solid #ffe2e2;border-radius:var(--radius);padding:18px 20px;margin:14px 12px}
.topic-card .tc-label{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--red);font-weight:600;margin-bottom:8px}
.topic-card .tc-label em{font-style:normal;background:var(--red);color:#fff;padding:1px 6px;border-radius:2px;font-size:11px}
.topic-card h3{font-size:19px;font-weight:700;line-height:1.45;margin-bottom:8px}
.topic-card p{font-size:14px;color:var(--gray);line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.topic-card .tc-more{font-size:13px;color:var(--red);margin-top:10px}
/* 标签页 AI 解读：无边框；外框与下方专题卡同宽，内文字也与之齐平
   （21px = 专题卡 20px 内距 + 1px 边框补偿） */
.tag-ai{margin:0 12px 12px;padding:16px 21px 18px;background:linear-gradient(135deg,#fff6f6 0%,#fff 65%)}
.main.is-tag .search-head{padding:18px 12px}
.tag-ai-hd{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.tag-ai-badge{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--text)}
.tag-ai-badge i{font-style:normal;font-size:11px;font-weight:700;color:#fff;background:var(--red);padding:2px 6px;border-radius:3px;letter-spacing:.5px}
.tag-ai-note{font-size:12px;color:var(--gray-2)}
.tag-ai-text{margin:0;font-size:15px;line-height:1.85;color:var(--text-2)}
/* 解读下方的事实要素：真实报道时间轴 + 地点/主体，全部沿用 21px 内距，不破坏左右对齐 */
.tag-ai.has-brief .tag-ai-extra{border-top:1px solid #f5e9e9;margin-top:14px;padding-top:14px}
.tag-ai-lbl{font-size:12px;color:var(--gray);margin-bottom:14px}
.tag-ai-lbl span{color:var(--gray-2)}
.tag-ai-tl{position:relative;display:flex;margin-bottom:16px}
/* 连线由每个节点自己画到下一个节点起点，末节点不画，避免线越过最后一个红点 */
.tl-node::before{content:"";position:absolute;left:9px;top:4px;right:0;height:1px;background:#f2dcdc}
.tl-node:last-child::before{display:none}
.tl-node{position:relative;flex:1;min-width:0;padding-right:10px;display:block;color:var(--text-2)}
.tl-node:last-child{padding-right:0}
.tl-node:hover{color:var(--red)}
.tl-dot{display:block;position:relative;width:9px;height:9px;border-radius:50%;background:#fff;border:2px solid var(--red);box-sizing:border-box;margin-bottom:8px}
.tl-time{display:block;font-size:12px;color:var(--red);font-weight:600;white-space:nowrap}
.tl-ttl{display:block;font-size:12px;line-height:1.5;color:var(--gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tag-ai-facts{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-start;font-size:12px}
.tag-ai-chip em{font-style:normal;color:var(--gray-2);margin-right:7px}
.tag-ai-chip a{display:inline-block;background:#fff;border:1px solid #f2dcdc;border-radius:3px;padding:2px 8px;margin:0 4px 4px 0;color:var(--text-2)}
.tag-ai-chip a:hover{border-color:var(--red);color:var(--red)}
.tag-ai-src{font-size:12px;color:var(--gray-2);margin-top:6px}
/* 标签页相关专题 */
.tag-topics{margin-bottom:12px;padding-bottom:6px}
.tag-sec-hd{display:flex;align-items:center;justify-content:space-between;padding:16px 12px 2px}
.tag-sec-hd h3{font-size:16px;font-weight:700;color:var(--text);border-left:3px solid var(--red);padding-left:9px}
.tag-sec-hd span{font-size:12px;color:var(--gray-2)}
/* 与信息流 .item 的左右内边距保持一致，专题卡外框才能和文章标题/三图区齐平 */
.tag-topics .topic-card{margin:14px 12px}
/* ≤960px 时 .item 内边距由 12px 变 14px，专题卡与区块标题同步跟进 */
@media (max-width:960px){
  .tag-topics .topic-card{margin:12px 14px}
  .tag-sec-hd{padding:16px 14px 2px}
  .tag-ai{margin:0 14px 12px}
  .main.is-tag .search-head{padding-left:14px;padding-right:14px}
  /* 窄屏横排节点太挤，改为纵向脉络（与专题页 .tl-item 视觉一致） */
  .tag-ai-tl{flex-direction:column;margin-bottom:14px}
  .tl-node::before{display:none}
  .tl-node{padding:0 0 12px 18px;margin-left:4px;border-left:1px solid #f2dcdc}
  .tl-node:last-child{border-left-color:transparent;padding-bottom:0}
  .tl-dot{position:absolute;left:-5px;top:4px;margin-bottom:0}
  .tl-ttl{white-space:normal}
}

/* 加载更多 */
.loadmore{text-align:center;padding:24px 0 40px;color:var(--gray);font-size:14px}
.loadmore.hide{display:none}
.loadmore .spin{display:inline-block;width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--red);border-radius:50%;animation:sp .8s linear infinite;vertical-align:-3px;margin-right:6px}
@keyframes sp{to{transform:rotate(360deg)}}
.sentinel{height:1px}

/* ---------- 侧栏 ---------- */
.side-card{background:#fff;border-radius:var(--radius);padding:0 0 4px;margin-bottom:26px}
/* 热榜悬浮：滚过原位后固定跟随，直到页脚 */
.side-sticky{position:relative}
.hot-card{transition:box-shadow .2s,transform .2s}
/* 悬浮态不用卡片外观：与页面同白底、无边框无阴影无圆角，读起来就是右栏内容在跟随平铺 */
.hot-card.is-float{
  position:fixed;z-index:60;padding:12px 0 10px;border-radius:0;
  background:#fff;box-shadow:none;border:0;
  max-height:calc(100vh - 84px);overflow:auto;overscroll-behavior:contain;
  margin-bottom:0;
}
.hot-card.is-float::-webkit-scrollbar{width:5px}
.hot-card.is-float::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:3px}
.side-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.side-hd h3{font-size:17px;font-weight:700;display:flex;align-items:center;gap:5px;line-height:1.3}
.side-hd h3 .flame{color:var(--red)}
.side-hd .more{font-size:13px;color:var(--gray-2);transition:color .15s}
.side-hd .more:hover{color:var(--red)}
.hot-list li{display:flex;gap:10px;padding:8px 0;align-items:flex-start;font-size:15px;line-height:1.55}
.hot-list li .no{flex:0 0 18px;height:18px;line-height:18px;text-align:center;font-size:12px;font-weight:700;color:#fff;background:#c9c9c9;border-radius:2px;margin-top:3px}
.hot-list li:nth-child(1) .no{background:#f04142}
.hot-list li:nth-child(2) .no{background:#ff7043}
.hot-list li:nth-child(3) .no{background:#ffab40}
.hot-list li a{flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text-2)}
.hot-list li:hover a{color:var(--red)}
.hot-list li .v{font-size:11px;color:#fff;background:#f04142;border-radius:2px;padding:0 3px;flex-shrink:0;margin-top:4px;line-height:15px}

/* ---------- 热榜悬浮态：10 条文字 → 5 条图文 ---------- */
/* 右栏最底端的标记，滚过它才开始悬浮（见 main.js） */
.side-end{height:1px}
.hot-pics{display:none}
.hot-card.is-float .hot-list{display:none}
.hot-card.is-float .hot-pics{display:block}
.hp-item{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #f6f6f6}
.hp-item:last-child{border-bottom:0;padding-bottom:2px}
.hp-thumb{position:relative;flex:0 0 76px;width:76px;height:52px;border-radius:3px;overflow:hidden;background:#f2f2f2}
.hp-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.hp-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#cfcfcf;font-size:12px}
.hp-no{position:absolute;left:0;top:0;font-style:normal;font-size:11px;font-weight:700;color:#fff;background:rgba(0,0,0,.5);padding:0 5px;line-height:15px;border-radius:0 0 3px 0}
.hp-item:nth-child(1) .hp-no{background:var(--red)}
.hp-item:nth-child(2) .hp-no{background:#ff7043}
.hp-item:nth-child(3) .hp-no{background:#ffab40}
.hp-t{flex:1;min-width:0;font-size:13.5px;line-height:1.5;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hp-item:hover .hp-t{color:var(--red)}
/* 悬浮面板底部的投稿条：常态隐藏，只在 fixed 态出现，填补面板下方空白 */
.hot-ft{display:none}
.hot-card.is-float .hot-ft{display:block}
.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}
.tag-cloud a{font-size:13px;color:var(--text-2);background:#f5f6f7;padding:5px 12px;border-radius:14px}
.tag-cloud a:hover{background:#ffeeee;color:var(--red)}
/* 内容页 / 首页右栏：标签与热搜合并成一个去重词云，24 词略紧凑不拖长 */
.tag-cloud-mix{gap:7px}
.tag-cloud-mix a{font-size:12.5px;padding:4px 10px}

/* --- 右栏底部：合作媒体矩阵（站点表驱动，2 列 LOGO 卡） --- */
.pm-card{margin-top:18px}
.pm-count{font-size:11.5px;color:var(--gray-2);white-space:nowrap}
.pm-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-bottom:8px}
.pm-item{display:flex;align-items:center;gap:8px;min-width:0;padding:9px 8px;border:1px solid #eceff2;border-radius:5px;background:#fafbfc;transition:border-color .15s,background .15s}
a.pm-item:hover{border-color:#f1c6c6;background:#fff}
.pm-logo{width:28px;height:28px;flex:0 0 28px;border-radius:4px;object-fit:contain;display:block}
.pm-info{min-width:0;display:flex;flex-direction:column;gap:2px}
.pm-info b{font-size:13px;font-weight:600;line-height:1.2;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm-info em{font-style:normal;font-size:10.5px;line-height:1.2;color:#a3a8b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a.pm-item:hover .pm-info b{color:var(--red)}
.pm-item.is-self{background:#fff;border-style:dashed;opacity:.75}
.pm-item.is-self .pm-info b{color:var(--gray-2)}
.pm-badge{font-style:normal;font-size:10px;line-height:1.5;color:#9aa0aa;border:1px solid #e5e8ec;border-radius:3px;padding:0 4px;margin-left:auto;flex-shrink:0}

/* --- 右栏最底部：友情链接（2 列纯文字，弱化不抢内容） --- */
.fl-card{margin-top:18px;padding-bottom:10px}
.fl-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
.fl-list a{position:relative;display:block;padding-left:11px;font-size:12.5px;line-height:1.5;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}
.fl-list a::before{content:"";position:absolute;left:0;top:7px;width:4px;height:4px;border-radius:50%;background:#d5d8de}
.fl-list a:hover{color:var(--red)}
.fl-list a:hover::before{background:var(--red)}
/* 热门搜索词云（栏目页左栏 / 页脚兜底共用）：更小更淡的方形标签 */
.hs-cloud{display:flex;flex-wrap:wrap;gap:6px 7px}
.hs-cloud a{font-size:12.5px;line-height:1.5;color:#8a8f99;background:#fafbfc;border:1px solid #eceef1;border-radius:4px;padding:3px 8px;transition:color .15s,border-color .15s,background .15s}
.hs-cloud a:hover{color:var(--red);border-color:#f2b0b0;background:#fff}
/* 栏目页左栏 200px：专题精选下方的热门搜索，比右栏更紧凑 */
.wd-hot{margin-top:16px}
.hs-cloud-left{gap:5px}
.hs-cloud-left a{font-size:12px;line-height:1.45;padding:2px 6px;border-radius:3px}
.ad-box{margin-bottom:16px;text-align:center;overflow:hidden}
.ad-box img{width:100%;border-radius:var(--radius)}

/* ---------- 广告位：后台「图片 / 文本 / 自定义代码」统一渲染 ---------- */
.ad-wrap{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.ad-header{max-width:var(--w);margin:10px auto 0;padding:0 16px}
.ad-footer{max-width:var(--w);margin:26px auto 20px;padding:0 16px}
.ad-wrap .ad-card{max-width:728px}
.ad-card{position:relative;display:block;width:100%;background:#fff;border:1px solid #eceef1;border-radius:var(--radius);overflow:hidden;transition:border-color .15s,box-shadow .15s}
a.ad-card:hover{border-color:#e8c4c4;box-shadow:0 4px 14px -8px rgba(0,0,0,.18)}
.ad-card .ad-tag{font-style:normal;font-size:10px;line-height:15px;color:#a6aab2;background:rgba(255,255,255,.9);border:1px solid #eceef1;border-radius:2px;padding:0 4px;white-space:nowrap}
.ad-img .ad-tag{position:absolute;right:6px;bottom:6px;z-index:2}
.ad-img img{width:100%;height:auto;display:block;border-radius:0}
.ad-header .ad-img img{max-height:90px;object-fit:cover}
.ad-txt{padding:14px 16px 13px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left}
.ad-txt .ad-tag{background:#f7f8fa;border:0;margin-bottom:2px}
.ad-txt b{font-size:14.5px;font-weight:600;color:var(--text);line-height:1.4}
.ad-txt em{font-style:normal;font-size:12px;color:var(--gray-2);line-height:1.7}
.ad-txt i{font-style:normal;font-size:12px;color:var(--red);margin-top:2px}
a.ad-txt:hover b{color:var(--red)}
/* 栏目信息流内广告：位于第一个大图文下方，宽度随主栏自适应（不再占满整版心）。
   高度比常规广告加高约一半（图片封面填充到 150px / 文本加大留白与字号），更醒目 */
.ad-infeed{margin:16px 0 6px;padding:0;justify-content:flex-start}
.ad-infeed .ad-card{max-width:none}
.ad-infeed .ad-img img{height:150px;object-fit:cover}
.ad-infeed .ad-txt{padding:24px 26px;gap:8px}
.ad-infeed .ad-txt b{font-size:18px;line-height:1.4}
.ad-infeed .ad-txt em{font-size:13.5px;line-height:1.6}
.ad-infeed .ad-txt i{font-size:14px;margin-top:4px}

/* ---------- 文章详情 ---------- */
/* 内容页右栏跟全局一样 320；正文阅读宽度锁 680（840 - 80×2），
   太宽的中文一行要 50 字以上，读起来要来回摇头 */
.main.is-article{gap:24px}
.main.is-article .col-main{max-width:840px}
.main.is-article .article{padding:32px 80px 40px}
.main.is-article .a-rel{padding:18px 80px 20px}
.article{background:#fff;border-radius:var(--radius);padding:32px 40px 40px}
.crumb{font-size:13px;color:var(--gray-2);margin-bottom:16px}
.crumb a{color:var(--gray)}
.crumb span{margin:0 6px}
.a-title{font-size:27px;line-height:1.45;font-weight:700;margin-bottom:16px}
.a-meta{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--gray-2);padding-bottom:16px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.a-meta .src{color:var(--text-2)}
.a-summary{background:#fafafa;border-left:3px solid var(--red);padding:14px 18px;margin:20px 0;font-size:15px;color:var(--text-2);line-height:1.8;border-radius:0 4px 4px 0}
.a-content{font-size:17px;line-height:1.9;color:#333;margin-top:22px;word-break:break-word}
.a-content p{margin-bottom:20px}
.a-content h2{font-size:20px;font-weight:700;margin:28px 0 14px;line-height:1.5}
.a-content h3{font-size:18px;font-weight:700;margin:24px 0 12px}
.a-content img{margin:20px auto;border-radius:3px}
.a-content blockquote{border-left:3px solid #ddd;padding-left:16px;color:#666;margin:20px 0}
.a-content ul,.a-content ol{margin:0 0 20px 22px;list-style:disc}
.a-content ol{list-style:decimal}
.a-content li{margin-bottom:8px}
.a-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}
.a-tags a{font-size:13px;color:var(--red);background:#fff1f1;padding:5px 12px;border-radius:2px}
.a-tags a:hover{background:var(--red);color:#fff}
.a-rel{margin-top:16px;background:#fff;border-radius:var(--radius);padding:18px 20px}
.a-rel h3{font-size:16px;font-weight:700;margin-bottom:6px}
/* 左栏「编辑推荐」宽版：两列横排（小图 + 两行标题），与相关推荐同一套视觉语言 */
.a-reco{margin-top:16px;background:#fff;border-radius:var(--radius);padding:18px 80px 20px}
.a-reco h3{font-size:16px;font-weight:700;margin-bottom:8px}
.rc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}
.rcg{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line)}
.rcg:nth-last-child(-n+2){border-bottom:0}
.rcg-thumb{position:relative;flex:0 0 104px;width:104px;height:66px;border-radius:3px;overflow:hidden;background:#f2f2f2}
.rcg-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.rcg:hover .rcg-thumb img{transform:scale(1.05)}
.rcg-ph{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#cfcfcf;font-size:13px}
.rcg-txt{flex:1;min-width:0}
.rcg b{
  font-size:14.5px;line-height:1.5;font-weight:500;color:var(--text);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.rcg:hover b{color:var(--red)}
.rcg em{display:block;font-style:normal;font-size:11.5px;color:var(--gray-2);margin-top:5px}
.rel-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.rel-item:last-child{border-bottom:0}
.rel-item .rt{flex:1;font-size:15px;line-height:1.55;font-weight:500}
.rel-item .rt:hover{color:var(--red)}
.rel-item .ri{width:112px;height:70px;flex:0 0 112px;overflow:hidden;border-radius:3px;background:#f2f2f2}
.rel-item .ri img{width:100%;height:100%;object-fit:cover}
.topic-badge{display:inline-flex;align-items:center;gap:6px;background:#fff1f1;color:var(--red);font-size:13px;padding:5px 12px;border-radius:14px;margin:0 0 16px}

/* ---------- 专题页：左窄栏 152 + 主栏 680 + 右栏 320 ---------- */
/* 1216 版心下 152+16+680+16+320 = 1184，正好铺满；正文 680 与内容页同一条阅读宽度 */
/* 标签页三栏：左窄栏（当前标签 + 热门标签榜）+ 主栏 + 右栏 */
.main.is-tag{gap:16px}
.main.is-tag .col-left{width:152px;flex:0 0 152px;position:sticky;top:76px}
.main.is-tag .col-main{width:680px;flex:0 0 680px;min-width:0}
.main.is-tag .col-side{width:320px;flex:0 0 320px}
.tg-now{font-size:16px;font-weight:700;line-height:1.35;color:var(--red);word-break:break-all;margin-bottom:9px}
.tp-lhd small{margin-left:auto;font-size:11px;font-weight:400;color:var(--gray-2)}
.tg-rank{list-style:none;margin:0;padding:0}
.tg-rank a{display:flex;align-items:center;gap:6px;padding:6px 4px;font-size:12.5px;line-height:1.3;color:var(--text-2);border-bottom:1px dashed #ececec;border-radius:4px;transition:background .15s,color .15s}
.tg-rank li:last-child a{border-bottom:0}
.tg-rank .no{flex:0 0 15px;font-style:normal;font-size:11px;font-weight:600;color:var(--gray-2);text-align:center;font-variant-numeric:tabular-nums}
.tg-rank li:nth-child(-n+3) .no{color:var(--red)}
.tg-rank .nm{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg-rank em{flex:0 0 auto;font-style:normal;font-size:11px;color:var(--gray-2);font-variant-numeric:tabular-nums}
.tg-rank a:hover,.tg-rank a.on{background:#fff;color:var(--red)}
.tg-rank a.on{font-weight:600}
.tg-rank a.on .no,.tg-rank a.on em{color:var(--red)}
/* 随机发现：胶囊墙，每次刷新换一批（「换一批」链接带 r= 随机参数强制重算） */
.tg-more{color:var(--gray-2);font-weight:400;text-decoration:none}
.tg-more:hover{color:var(--red)}
.tg-cloud{display:flex;flex-wrap:wrap;gap:5px}
.tg-cloud a{min-width:0;max-width:100%;padding:2px 7px;font-size:11.5px;line-height:1.5;color:var(--text-2);background:#fff;border-radius:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s,color .15s}
.tg-cloud a:hover{background:var(--red);color:#fff}
/* 矮屏（如 1366×768 笔记本）下左栏三张卡会比视口高，取消跟随避免「随机发现」被顶出视口 */
@media (max-height:800px){
  .main.is-tag .col-left{position:static}
}

.main.is-topic{gap:16px}
.main.is-topic .col-left{width:152px;flex:0 0 152px;position:sticky;top:76px}
.main.is-topic .col-main{width:680px;flex:0 0 680px;min-width:0}
.main.is-topic .col-side{width:320px;flex:0 0 320px}

/* 左栏三张窄卡（速览 / 目录 / 关键词）：灰底小字，只做导航不抢戏 */
.tp-left{display:flex;flex-direction:column;gap:12px}
.tp-lcard{background:#fafafa;border-radius:4px;padding:12px 12px 11px}
.tp-lhd{font-size:12.5px;font-weight:700;line-height:1.3;margin-bottom:9px;display:flex;align-items:center;gap:6px;color:var(--text)}
.tp-lhd::before{content:"";flex:0 0 2px;width:2px;height:12px;background:var(--red);border-radius:1px}
.tp-stat{display:flex;flex-direction:column}
.tp-stat li{display:flex;align-items:baseline;justify-content:space-between;gap:6px;min-width:0;padding:7px 0;border-bottom:1px dashed #ececec}
.tp-stat li:first-child{padding-top:0}
.tp-stat li:last-child{padding-bottom:0;border-bottom:0}
.tp-stat b{font-size:15px;font-weight:700;line-height:1.1;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}
.tp-stat span{font-size:11px;color:var(--gray-2);white-space:nowrap;order:-1}
.tp-nav a{display:block;font-size:12.5px;line-height:1.45;color:var(--text-2);padding:6px 0 6px 8px;border-left:2px solid #ececec;transition:color .15s,border-color .15s}
.tp-nav a:hover{color:var(--red)}
.tp-nav a.on{color:var(--red);border-left-color:var(--red);font-weight:600}
.tp-kw{display:flex;flex-wrap:wrap;gap:5px}
.tp-kw a{font-size:11.5px;line-height:1.5;color:var(--text-2);background:#fff;padding:3px 7px;border-radius:10px}
.tp-kw a:hover{background:#ffeeee;color:var(--red)}
/* 锚点跳转要给吸顶导航让位 */
.tp-sec{scroll-margin-top:76px}

/* ---------- 专题页 ---------- */
.topic-hero{background:linear-gradient(120deg,#2b2f36 0%,#4a2020 100%);color:#fff;border-radius:var(--radius);padding:44px 40px;position:relative;overflow:hidden}
.topic-hero .th-label{display:inline-block;background:var(--red);font-size:12px;padding:3px 10px;border-radius:2px;margin-bottom:14px;font-weight:600}
.topic-hero h1{font-size:34px;line-height:1.3;font-weight:800;margin-bottom:14px}
.topic-hero .th-sum{font-size:16px;line-height:1.8;color:rgba(255,255,255,.82);max-width:820px}
.topic-hero .th-meta{margin-top:18px;font-size:13px;color:rgba(255,255,255,.55);display:flex;gap:18px}
.timeline{background:#fff;border-radius:var(--radius);padding:26px 28px;margin-top:16px}
.timeline h3{font-size:18px;font-weight:700;margin-bottom:18px;display:flex;align-items:center;gap:8px}
.timeline h3::before{content:"";width:3px;height:16px;background:var(--red);border-radius:2px}
.tl-item{position:relative;padding:0 0 22px 26px;border-left:1px solid #eee}
.tl-item:last-child{border-left-color:transparent;padding-bottom:0}
.tl-item::before{content:"";position:absolute;left:-5px;top:4px;width:9px;height:9px;border-radius:50%;background:#fff;border:2px solid var(--red)}
.tl-item .tl-date{font-size:13px;color:var(--red);font-weight:600;margin-bottom:4px}
.tl-item .tl-text{font-size:15px;line-height:1.7;color:var(--text-2)}
.points{display:flex;gap:14px;margin-top:16px;flex-wrap:wrap}
.point{flex:1;min-width:240px;background:#fff;border-radius:var(--radius);padding:18px 20px}
.point .pt-side{font-size:13px;font-weight:700;color:var(--red);margin-bottom:8px}
.point .pt-view{font-size:15px;line-height:1.75;color:var(--text-2)}

/* ---------- 分页 ---------- */
.pager{display:flex;justify-content:center;gap:6px;padding:26px 0 40px;flex-wrap:wrap}
.pager a,.pager span{min-width:36px;height:36px;line-height:34px;padding:0 12px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:3px;font-size:14px;color:var(--text-2)}
.pager a:hover{border-color:var(--red);color:var(--red)}
.pager .cur{background:var(--red);border-color:var(--red);color:#fff}

/* ---------- 页脚：今日头条式单横条，永久悬浮在视窗最底端 ---------- */
.footer{
  position:fixed;left:0;right:0;bottom:0;z-index:70;
  background:#fff;border-top:1px solid #ececec;
  box-shadow:0 -2px 12px -8px rgba(0,0,0,.18);
  padding:9px 0 7px;margin:0;
}
.footer-in{max-width:var(--w);margin:0 auto;padding:0 16px;display:flex;justify-content:space-between;align-items:center;gap:22px}
.ft-l{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;line-height:18px;white-space:nowrap}
.ft-l a{color:#8a8f99}
.ft-l a:hover{color:var(--red)}
.ft-r{display:flex;flex-wrap:wrap;gap:14px;font-size:11.5px;line-height:18px;color:#a6aab2;white-space:nowrap}
.ft-r em{font-style:normal;color:#8a8f99}
.ft-r a{color:#a6aab2}
.ft-r a:hover{color:var(--red)}
.ft-note{max-width:var(--w);margin:3px auto 0;padding:0 16px;font-size:10.5px;line-height:15px;color:#c2c6cd;text-align:center}
.ft-note a{color:#b0b4bc}

/* ---------- 右侧贴边挂件（首页 / 反馈 / 下载 / 回到顶部） ---------- */
.edge-tools{
  position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:90;
  display:flex;flex-direction:column;
  background:#fff;border:1px solid #ededed;border-right:0;border-radius:8px 0 0 8px;
  box-shadow:-3px 2px 16px rgba(18,22,30,.08);
}
.et-btn{
  position:relative;width:44px;height:46px;display:flex;align-items:center;justify-content:center;
  color:#7d828a;transition:color .15s,background .15s;
}
.et-btn+.et-btn{border-top:1px solid #f4f4f4}
.et-btn:hover{color:var(--red);background:#fffafa}
.et-top{display:none}
.et-top.show{display:flex}
/* 下载二维码弹层：向左浮出 */
.et-qr{
  position:absolute;right:52px;top:50%;transform:translateY(-50%) scale(.96);
  width:128px;padding:10px 10px 8px;border-radius:8px;background:#fff;
  border:1px solid #eee;box-shadow:0 10px 30px rgba(18,22,30,.14);
  display:flex;flex-direction:column;align-items:center;gap:6px;
  opacity:0;visibility:hidden;transition:opacity .16s,transform .16s,visibility .16s;
}
.et-app:hover .et-qr{opacity:1;visibility:visible;transform:translateY(-50%) scale(1)}
.et-qrsvg{width:100px;height:100px;display:block;background:#fff;border-radius:2px}
.et-qr i{font-style:normal;font-size:11px;color:#8a8a8a;white-space:nowrap}
.et-qr::after{
  content:"";position:absolute;right:-5px;top:50%;margin-top:-5px;width:8px;height:8px;
  background:#fff;border-right:1px solid #eee;border-top:1px solid #eee;transform:rotate(45deg);
}

/* ---------- 正文左侧互动挂件（点赞 / 评论 / 收藏 / 分享） ---------- */
.a-bar{
  position:fixed;left:calc(50% - var(--w) / 2 - 60px);top:50%;transform:translateY(-50%);
  z-index:80;width:48px;padding:5px 0;
  display:flex;flex-direction:column;align-items:center;
  background:#fff;border:1px solid #f0f0f0;border-radius:24px;
  box-shadow:0 6px 22px -8px rgba(18,22,30,.16);
}
.ab-btn{
  width:46px;padding:9px 0 8px;display:flex;flex-direction:column;align-items:center;gap:3px;
  color:#8b9096;cursor:pointer;transition:color .15s;
}
.ab-btn:hover{color:var(--red)}
.ab-btn .ab-ic{display:flex;height:19px;align-items:center}
.ab-num{font-style:normal;font-size:11px;line-height:1.2;color:#a0a5ab;transition:color .15s}
.ab-btn:hover .ab-num{color:var(--red)}
.ab-btn.is-on{color:var(--red)}
.ab-btn.is-on .ab-num{color:var(--red)}
.ab-btn.is-on .ab-ic svg{fill:rgba(240,65,66,.14)}
/* 轻提示 */
.ab-toast{
  position:fixed;left:50%;bottom:86px;transform:translateX(-50%) translateY(10px);
  z-index:200;padding:10px 20px;border-radius:6px;background:rgba(20,24,30,.86);
  color:#fff;font-size:13.5px;line-height:1.4;opacity:0;visibility:hidden;
  box-shadow:0 8px 24px -8px rgba(0,0,0,.4);
  transition:opacity .2s,visibility .2s,transform .2s;
}
.ab-toast.on{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}

/* ---------- 搜索/空态 ---------- */
.empty{background:#fff;border-radius:var(--radius);padding:70px 20px;text-align:center;color:var(--gray-2);font-size:15px}
.page-box{background:#fff;border-radius:var(--radius);padding:36px 40px;font-size:16px;line-height:1.9;color:var(--text-2)}
.page-box h1{font-size:26px;font-weight:700;margin-bottom:20px;color:var(--text)}
.page-box h2{font-size:19px;font-weight:700;margin:26px 0 12px;color:var(--text)}
.page-box p{margin-bottom:14px}
.page-box ul{margin:0 0 16px 20px;list-style:disc}

/* ---------- 单页（关于/联系/广告/投稿/隐私）：左单页菜单 + 右正文 ---------- */
.main.is-page{gap:16px}
.main.is-page .col-pnav .side-card{margin-bottom:12px}
.main.is-page .col-pnav .side-card:last-child{margin-bottom:0}
.main.is-page .col-main{flex:1;min-width:0}
.col-pnav{width:200px;flex:0 0 200px;position:sticky;top:76px}
.side-card.pnav{padding:0 0 6px;overflow:hidden}
.side-card.pnav .side-hd{padding:14px 14px 0}
.pnav-list{padding:6px 0 4px}
.pnav-list li a{display:block;position:relative;padding:9px 14px 9px 16px;font-size:13.5px;line-height:1.4;color:var(--text-2);transition:background .15s,color .15s}
.pnav-list li a:hover{background:#fafafa;color:var(--red)}
.pnav-list li a.on{color:var(--red);font-weight:600;background:#fff7f7}
.pnav-list li a.on::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background:var(--red);border-radius:0 2px 2px 0}
.side-card.pnav-con{padding:0 14px 12px}
.side-card.pnav-con .side-hd{padding:14px 0 0}
.side-card.pnav-con .wd-rows li{font-size:12px}
.page-foot{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-top:30px;padding-top:16px;border-top:1px solid #f0f0f0;
  font-size:12.5px;color:var(--gray-2);
}
.page-foot a{color:var(--gray-2);transition:color .15s}
.page-foot a:hover{color:var(--red)}
.search-head{background:#fff;border-radius:var(--radius);padding:18px 22px;margin-bottom:12px;font-size:14px;color:var(--gray)}
.search-head b{color:var(--red);font-size:16px}

/* ---------- 搜索结果页（头条式：频道 tab + 筛选行 + 条目） ---------- */
/* 正文与头部同一套 flex 节奏：[logo 槽 auto][结果列 760px][弹性空隙][右栏 320px]。
   左格是 logo 槽（不可见占位，宽度与头部 logo 完全一致），
   所以搜索框、tab 行、结果列表三条左缘天然重合；
   右栏保持原站的 320px 固定窄栏，用 margin-left:auto 顶到最右，
   空间富余时多余宽度全部落在中间空隙里，不会被右栏吃掉。 */
.main.is-search{
  max-width:1280px;margin:16px auto 0;padding:0 28px;
  display:flex;align-items:flex-start;gap:20px;
}
.main.is-search > .col-left{flex:0 0 200px;width:200px;order:0;display:block;align-self:stretch}
.main.is-search > .col-main{flex:1 1 auto;width:auto;min-width:0}
.main.is-search > .col-side{flex:0 0 320px;width:320px}

/* 左侧吸顶辅助卡：搜索历史 + 猜你想搜 */
.col-left .side-sticky{position:sticky;top:84px}
.left-card{padding:14px 13px 12px;margin-bottom:0}
.left-card .side-hd{margin-bottom:8px}
.left-card .side-hd h3{font-size:15px}
.left-card .side-hd-2{margin:14px 0 8px;padding-top:12px;border-top:1px solid var(--line)}
.hist-list{list-style:none;margin:0;padding:0}
.hist-list li{padding:6px 0;border-bottom:1px solid #f4f4f4}
.hist-list li:last-child{border-bottom:0}
.hist-list a{display:block;font-size:13px;color:var(--text-2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hist-list a:hover{color:var(--red)}
.hist-empty{padding:8px 0;font-size:12.5px;color:var(--gray-2)}
.left-kw{margin-top:2px}
.left-kw a{font-size:12px;padding:4px 9px}

.search-top{background:#fff;border-radius:var(--radius);padding:0 12px;margin-bottom:12px}
.st-tabs{display:flex;align-items:center;gap:26px;height:52px;border-bottom:1px solid var(--line);position:relative}
.st-tabs>a{position:relative;height:52px;line-height:52px;font-size:16px;color:var(--text-2);white-space:nowrap;transition:color .15s}
.st-tabs>a:hover{color:var(--red)}
.st-tabs>a.on{color:var(--text);font-weight:700}
.st-tabs>a.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--red);border-radius:2px}

/* 「更多」与时间筛选共用一套 details 下拉：纯 CSS，无 JS */
.st-more{position:relative;margin-left:auto}
.st-more>summary{list-style:none;cursor:pointer;height:52px;line-height:52px;font-size:15px;color:var(--gray)}
.st-more>summary::-webkit-details-marker{display:none}
.st-more>summary::after{content:"";display:inline-block;margin-left:5px;border:3px solid transparent;border-top-color:currentColor;vertical-align:middle;transform:translateY(-1px)}
.st-more[open]>summary{color:var(--red)}
.st-menu{position:absolute;top:100%;right:0;z-index:30;min-width:220px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.1);display:flex;flex-wrap:wrap;gap:4px}
.st-menu a{padding:6px 10px;font-size:14px;line-height:1.5;color:var(--text-2);border-radius:4px;white-space:nowrap}
.st-menu a:hover{background:#f7f7f7;color:var(--red)}
.st-menu a.on{color:var(--red);font-weight:600}

.st-sub{display:flex;align-items:center;gap:14px;height:46px;font-size:14px;color:var(--gray)}
.st-sub>a{color:var(--gray)}
.st-sub>a:hover{color:var(--red)}
.st-sub>a.on{color:var(--text);font-weight:600}
.st-sep{width:1px;height:12px;background:var(--line)}
.st-time{position:relative}
.st-time>summary{list-style:none;cursor:pointer;color:var(--gray);display:inline-flex;align-items:center;transition:color .15s}
.st-time>summary::-webkit-details-marker{display:none}
.st-time>summary::after{content:"";display:inline-block;margin-left:4px;border:3px solid transparent;border-top-color:currentColor;transform:translateY(-1px)}
.st-time>summary:hover,.st-time[open]>summary{color:var(--red)}
.st-time .st-menu{left:0;right:auto;min-width:126px;flex-direction:column;flex-wrap:nowrap}
.st-count{margin-left:auto;font-size:13px;color:var(--gray-2)}

.search-feed{padding-bottom:6px}
.s-item{display:flex;gap:20px;padding:20px 12px;border-bottom:1px solid var(--line);transition:background .12s}
.s-item:last-child{border-bottom:0}
.s-item:hover{background:#fafafa}
.s-body{flex:1;min-width:0;display:flex;flex-direction:column}
.s-title{font-size:20px;line-height:1.42;font-weight:700;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.s-sum{margin-top:8px;font-size:14px;line-height:1.7;color:var(--gray);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.s-meta{margin-top:auto;padding-top:10px;display:flex;align-items:center;gap:14px;font-size:12px;color:var(--gray-2);flex-wrap:wrap}
.s-meta .s-src{color:var(--gray)}
.s-thumb{flex:0 0 132px;width:132px;height:88px;align-self:center;overflow:hidden;border-radius:4px;background:#f2f2f2}
.s-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.s-item:hover .s-thumb img{transform:scale(1.03)}

/* 搜索空态：外部搜索兜底结果（站内无结果时由 Bing 实时抓取填充） */
.ext-tip{margin:4px 0 2px;padding:0 12px 12px;border-bottom:1px solid var(--line);font-size:14px;color:var(--gray)}
.ext-tip b{color:var(--text)}
/* 外部结果缩略图：灰色圆角包裹 + 居中 favicon（加载失败整块隐藏） */
.s-ext .s-thumb{display:flex;align-items:center;justify-content:center;padding:14px;
  background:#f3f4f6;border:1px solid #e7e9ec;border-radius:12px;box-shadow:none}
.s-ext .s-thumb img{width:100%;height:100%;object-fit:contain;background:transparent;border-radius:0;padding:0;box-shadow:none}
.s-ext:hover .s-thumb img{transform:none}
em.kw{font-style:normal;color:var(--red)}

/* 自动翻页：滚动到底续接下一页；JS 不可用时按钮仍可点 */
.s-sentinel{display:flex;justify-content:center;padding:20px 0 8px}
.s-more-btn{display:inline-block;padding:9px 30px;border:1px solid #e9e9e9;border-radius:18px;background:#fff;font-size:14px;color:var(--gray);transition:color .15s,border-color .15s}
.s-more-btn:hover{border-color:#f2b0b0;color:var(--red)}
.s-sentinel.is-loading .s-more-btn{color:#c9c9c9;pointer-events:none}
.s-more-done{font-size:13px;color:var(--gray-2)}

/* 相关搜索（百度相关词） */
.s-rel{margin-top:12px;padding:16px 12px 10px;background:#fff;border-radius:var(--radius)}
.s-rel-hd h3{position:relative;padding-left:10px;font-size:16px;font-weight:700;color:var(--text)}
.s-rel-hd h3::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:15px;border-radius:2px;background:var(--red)}
.s-rel-list{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-top:4px}
.s-rel-list a{display:flex;align-items:center;gap:7px;padding:10px 0;font-size:15px;color:var(--text-2);border-bottom:1px solid #f6f6f6;overflow:hidden;white-space:nowrap}
.s-rel-list a:hover{color:var(--red)}
.s-rel-list svg{flex-shrink:0;color:#c8c8c8}
.s-rel-list a:hover svg{color:var(--red)}
.s-rel-list span{overflow:hidden;text-overflow:ellipsis}

/* 搜索页右栏热榜序号对齐参考站：纯数字着色，前三橙色、其余灰色 */
.main.is-search .hot-list li .no{flex:0 0 16px;width:auto;height:auto;line-height:inherit;margin-top:0;text-align:left;background:none;color:#b5b5b5;font-size:15px;font-weight:700}
.main.is-search .hot-list li:nth-child(1) .no,
.main.is-search .hot-list li:nth-child(2) .no,
.main.is-search .hot-list li:nth-child(3) .no{background:none;color:#ff6a00}

@media (max-width:1269px){
  .main.is-search > .col-side{flex:0 0 300px;width:300px}
}
@media (max-width:1239px){
  .main.is-search{gap:18px}
  .main.is-search > .col-side{flex:0 0 280px;width:280px}
}
/* 头部操作区只在桌面档（>960）用「右栏同宽」占位，
   960 以下头部转为单行流式，不能再锁宽度，否则会把搜索框挤到第二行 */
@media (min-width:961px) and (max-width:1269px){
  .mhead.is-shead .mhead-act{flex:0 0 300px;width:300px}
}
@media (min-width:961px) and (max-width:1239px){
  .mhead.is-shead .mhead-search{margin-left:18px}
  .mhead.is-shead .mhead-act{flex:0 0 280px;width:280px;margin-left:18px}
}
@media (max-width:960px){
  .search-top{padding:0 14px}
  .st-tabs{gap:18px;height:46px}
  .st-tabs>a{height:46px;line-height:46px;font-size:15px}
  .st-more>summary{height:46px;line-height:46px;font-size:14px}
  .st-sub{height:42px;font-size:13px;gap:10px}
  .s-item{padding:16px 14px;gap:12px}
  .s-title{font-size:17px}
  .s-sum{font-size:13px}
  .s-thumb{flex:0 0 96px;width:96px;height:66px}
  .main.is-search{display:block;margin:12px 0 0;padding:0 12px}
  .main.is-search > .col-main{width:auto}
  .main.is-search > .col-left{display:none}
  .main.is-search > .col-side{display:none}
  .s-rel{padding:14px 12px 8px}
}
@media (max-width:640px){
  .st-tabs{gap:14px;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .st-tabs::-webkit-scrollbar{display:none}
  .s-thumb{flex:0 0 84px;width:84px;height:60px}
  .s-rel-list{grid-template-columns:1fr;gap:0}
}

/* ---------- 移动端 ---------- */
/* 视口不够放下 892+292 时收窄版心，右栏跟着变窄 */
@media (max-width:1239px){
  :root{--w:1000px;--maincw:626px}
  .col-side{width:300px}
  .main{gap:18px}
  /* 11 个频道 + 热题榜 + 更多，36px 的间距会把「更多」顶出视口 8px */
  .nav-in{gap:26px}
  /* 三栏收不回：隐藏左专题栏，右栏跟着收窄 */
  .col-left{display:none}
  .main.is-3col .col-side{width:300px}
  /* 文章页同步收窄，正文内距降一档，免得文字被挤成窄条 */
  .main.is-article{gap:18px}
  .main.is-article .col-side{width:300px}
  .main.is-article .col-main{max-width:none}
  .main.is-article .article{padding:28px 40px 36px}
  .main.is-article .a-rel{padding:16px 40px 18px}
  .main.is-article .a-reco{padding:16px 40px 18px}
  /* 专题页 / 标签页左窄栏在这个档位隐藏（复用 .col-left 的 display:none），主栏回到自适应 */
  .main.is-topic,.main.is-tag{gap:18px}
  .main.is-topic .col-main,.main.is-tag .col-main{width:auto;flex:1 1 auto}
  .main.is-topic .col-side,.main.is-tag .col-side{width:300px;flex:0 0 300px}
  /* 右栏由 320 → 300：合作媒体两列同步收紧，域名不换行溢出 */
  .pm-grid{gap:6px}
  .pm-item{gap:6px;padding:8px 6px}
  .pm-logo{width:24px;height:24px;flex-basis:24px}
  .pm-info b{font-size:12.5px}
  .fl-list{gap:9px 8px}
}
/* 版心居中后左右空白不足，两侧浮动挂件收起，避免压住正文 */
@media (max-width:1359px){
  .a-bar{display:none}
  .edge-tools{display:none}
}
@media (max-width:1100px){
  .hero-date{display:none}
}
@media (max-width:960px){
  .col-side{display:none}
  .main{padding:0 10px;margin-top:10px}
  .hero{min-height:170px}
  .hero-earth{bottom:-206px}
  .hero-mini .hero{min-height:104px}
  .hero-mini .hero-earth{bottom:-180px}
  .wx-pop{left:10px;right:10px;width:auto;top:44px}
  .city-pop{left:10px;right:10px;width:auto;top:44px}
  .city-grid{grid-template-columns:repeat(4,1fr)}
  .hero-top{height:38px}
  .hero-top-in{height:38px;padding:0 12px}
  .ht-l{display:none}
  .ht-r{gap:12px;margin-left:auto}
  .ht-msg em,.ht-pub em,.ht-weather em,.ht-city span{display:none}
  .ht-login{height:24px;line-height:24px;padding:0 12px;font-size:12px}
  .hero-center{padding:20px 12px 32px}
  .hero-logo{font-size:32px;letter-spacing:.1em;margin-bottom:14px;padding-left:.1em}
  .hero-logo img{height:38px}
  .hero-search{width:100%;max-width:100%}
  .hero-search input{height:38px;font-size:14px;padding:0 48px 0 16px;border-radius:19px}
  .hero-search button{width:30px;height:30px;top:4px;right:4px}
  .fav-bar{width:100%;max-width:100%;margin-top:12px}
  .fb-grid{grid-template-columns:repeat(8,1fr)}
  .fb-ic{width:38px;height:38px;border-radius:10px}
  .fb-ic i{font-size:16px}
  .fb-name{font-size:11px}
  #fbName{width:96px}
  .fb-new{flex-wrap:wrap}
  #fbUrl{flex:1 1 100%}
  .nav-in{height:46px;gap:22px;padding:0 12px;overflow-x:auto;scrollbar-width:none}
  .nav-in::-webkit-scrollbar{display:none}
  .nav-in>a,.nav-more>a{font-size:16px;height:46px;line-height:46px}
  .nav-hot,.nav-hot>.nh-btn{height:46px;line-height:46px}
  .nav-hot>.nh-btn{font-size:16px}
  .item{padding:14px 14px}
  .item-title{font-size:17px}
  .item.big{padding:16px 14px}
  .item.big .item-title{font-size:19px}
  .item.one .thumb{width:118px;flex:0 0 118px;height:78px}
  .item.three .thumbs div{height:64px}
  .article{padding:20px 16px 28px}
  .main.is-article .article{padding:20px 16px 28px}
  .main.is-article .a-rel{padding:16px 18px 18px}
  .main.is-article .a-reco{padding:16px 16px 18px}
  /* 手机上编辑推荐改单列，两列会被挤成竖条 */
  .rc-grid{grid-template-columns:1fr}
  .rcg:nth-last-child(-n+2){border-bottom:1px solid var(--line)}
  .rcg:last-child{border-bottom:0}
  .a-title{font-size:22px}
  .a-content{font-size:16px;line-height:1.85}
  .topic-hero{padding:28px 20px}
  .topic-hero h1{font-size:24px}
  .topic-hero .th-sum{font-size:15px}
  /* 手机端页脚：精简为单行（版权 + 举报），隐藏链接组与免责声明，避免遮挡内容 */
  .footer{padding:7px 0 6px;overflow:hidden}
  .footer-in{gap:8px;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;padding:0 10px}
  .ft-l{display:none}
  .ft-note{display:none}
  .ft-r{flex-wrap:nowrap;white-space:nowrap;gap:6px;font-size:10px}
  .ft-r .ft-email{display:none}
  .ft-r a{display:none}
  .hs-cloud{gap:5px 6px}
  .timeline{padding:20px 18px}
  .edge-tools{display:none}
}
/* 版心收窄到 1000 后单行放不下 14 个频道，改为两行（第一行 logo/搜索/城市，第二行频道） */
@media (max-width:1239px){
  .mhead-in{height:auto;gap:10px;padding:8px 14px 0;flex-wrap:wrap}
  .mhead-logo{order:1;font-size:23px;position:static;transform:none;left:auto;top:auto}
  .mhead-logo img{height:29px;max-width:132px}
  .mhead-search{order:2;width:auto;flex:1 1 auto;min-width:120px;max-width:400px}
  .mhead-search input{height:34px;border-radius:17px;font-size:13px;padding:0 36px 0 14px}
  .mhead-search button{width:28px;height:28px;top:3px}
  .mhead-act{order:3;gap:10px;margin-left:auto}
  .mhead-nav{
    order:4;flex-basis:100%;flex-grow:0;gap:16px;height:42px;
    border-top:1px solid #f2f2f2;
  }
  .mhead-nav>a,.mhead-nav .nav-more>a{font-size:15px;height:42px;line-height:42px}
  .mhead-nav .nav-more{height:42px}
  .mhead-nav .nav-hot,.mhead-nav .nav-hot>.nh-btn{height:42px;line-height:42px}
  .mhead-nav>a.on::after{bottom:1px;width:18px;height:2px}
  .mhead .wx-pop,.mhead .city-pop{top:98px;right:10px;left:10px}
}
@media (max-width:820px){
  .mhead-in{padding:8px 12px 0}
  .mhead-search{min-width:90px}
  .mhead-search input{height:32px;border-radius:16px;padding:0 32px 0 12px}
  .mhead-search button{width:28px;height:28px;top:2px}
  .mhead-nav{height:40px;gap:15px}
  .mhead-nav>a,.mhead-nav .nav-more>a{font-size:15px;height:40px;line-height:40px}
  .mhead-nav .nav-more{height:40px}
  .mhead-nav .nav-hot,.mhead-nav .nav-hot>.nh-btn{height:40px;line-height:40px}
  /* 单页：左菜单改为顶部横排标签，正文占满 */
  .main.is-page{flex-direction:column;gap:12px}
  .main.is-page .col-pnav{width:100%;flex:none;position:static}
  .pnav-list{display:flex;flex-wrap:wrap;padding:8px 10px;gap:2px}
  .pnav-list li a{padding:6px 10px;border-radius:4px;font-size:13px}
  .pnav-list li a.on::before{display:none}
  .pnav-con{display:none}
  .main.is-page .col-pnav .side-card{margin-bottom:0}
  .page-box{padding:22px 18px}
}
@media (max-width:560px){
  .fb-grid{grid-template-columns:repeat(6,1fr)}
  /* 窄屏卡片只有 55px，箭头必须收在卡片内，否则会压到隔壁 */
  .fb-move{width:100%;left:0;transform:none;top:4px}
  .fb-mvp{width:15px;height:15px;font-size:8px}
  .fb-ic{width:36px;height:36px;border-radius:10px}
  .fb-ic i{font-size:15px}
  .fb-name{font-size:10.5px}
  .item.three .thumbs div{height:56px}
  .hero{min-height:156px}
  .hero-earth{bottom:-200px}
  .mhead-logo{font-size:19px}
  .mhead-logo img{height:26px;max-width:112px}
  .mhead-act .ht-city span{max-width:56px}
  .mhead-act .ht-weather,.mhead-act .ht-login{display:none}
  /* 手机宽度：城市让位、按钮整体收一档，保证「百科 / 问答 / AI 看闻」整组少占横向空间 */
  .mhead-act{gap:6px}
  .mhead-act .ht-city,.mhead-ai .ai-new{display:none}
  .mhead-act .hd-tools{gap:4px}
  .mhead-act .qk-btn{height:24px;padding:0 7px;font-size:11px}
  .mhead-act .mhead-ai{height:24px;padding:0 8px;font-size:11px}
}

/* ==========================================================================
   头部快捷入口：百科 / 问答（与 AI 看闻 同组、排在其前面）
   单行头部 .mhead-act / 首页导航 .nav-in / 顶部细条 .ht-l 三处共用
   ========================================================================== */
.hd-tools{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}
.qk-btn{
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  height:28px;padding:0 11px;border-radius:14px;
  font-size:12.5px;line-height:1;white-space:nowrap;text-decoration:none;
  color:#55595f;background:#f5f6f8;border:1px solid #e6e8ec;
  transition:color .15s,background .15s,border-color .15s;
}
.qk-btn:hover{color:var(--red);background:#fff5f5;border-color:#f3c9c9}
.qk-btn.on{color:var(--red);background:#fff1f0;border-color:#f6c9c6;font-weight:600}
/* 首页导航里的两个按钮与 30px 高的 AI 看闻 对齐 */
.nav-in .qk-btn{height:30px;padding:0 12px;font-size:13px;border-radius:15px}
/* 顶部细条是蓝色底：半透明白描边款；默认隐藏，只在窄屏接管入口时显示 */
.ht-tools{display:none}
.ht-tools .qk-btn{
  height:22px;padding:0 9px;font-size:12px;border-radius:11px;
  color:rgba(255,255,255,.9);background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.3);
}
.ht-tools .qk-btn:hover,.ht-tools .qk-btn.on{
  color:#e94b3c;background:#fff;border-color:#fff;font-weight:600;
}

/* ==========================================================================
   AI 看闻：导航入口按钮 + 问答浮层
   ========================================================================== */

.ai-entry{
  position:relative;
  display:inline-flex;align-items:center;gap:5px;flex-shrink:0;
  height:30px;padding:0 12px;border-radius:15px;cursor:pointer;
  font-size:13px;line-height:1;font-family:inherit;
  color:#fff;border:0;
  background:linear-gradient(135deg,#ff6b57,#e94b3c 62%);
  box-shadow:0 3px 10px -4px rgba(233,75,60,.75),inset 0 1px 0 rgba(255,255,255,.22);
  transition:background .16s,color .16s,box-shadow .16s,transform .16s;
}
.ai-entry svg{flex-shrink:0}
.ai-entry em{font-style:normal;font-weight:600;letter-spacing:.02em}
.ai-entry:hover{
  color:#fff;
  background:linear-gradient(135deg,#ff8172,#f2544a 62%);
  box-shadow:0 6px 16px -5px rgba(233,75,60,.9),inset 0 1px 0 rgba(255,255,255,.28);
}
.ai-entry:active{transform:translateY(1px)}
.ai-entry:focus-visible{outline:2px solid #e94b3c;outline-offset:3px}

/* NEW 角标：探出按钮右上角，金底深字 + 白描边把它从红底上“切”出来 */
.ai-new{
  position:absolute;top:-7px;right:-7px;z-index:2;
  display:inline-flex;align-items:center;
  height:14px;padding:0 4px;border-radius:7px;
  font-style:normal;font-size:9px;font-weight:800;line-height:1;
  letter-spacing:.04em;white-space:nowrap;pointer-events:none;
  color:#7a3d00;
  background:linear-gradient(135deg,#ffe98a,#ffc63c);
  box-shadow:0 0 0 1.5px #fff,0 2px 6px -2px rgba(150,100,0,.5);
  transition:transform .16s;
}
.ai-entry:hover .ai-new,.ht-ai:hover .ai-new{transform:translateY(-1px)}

/* 顶部细条里的入口：只在窄屏出现（桌面走导航右侧那个） */
.ht-ai{
  position:relative;display:none;align-items:center;gap:4px;
  height:22px;padding:0 23px 0 9px;border-radius:11px;
  font-size:12.5px;font-weight:600;color:#fff;
  background:linear-gradient(135deg,#ff6b57,#e94b3c 62%);
  box-shadow:0 2px 8px -3px rgba(233,75,60,.9),inset 0 1px 0 rgba(255,255,255,.2);
  transition:filter .15s,box-shadow .15s;
}
/* 22px 高的胶囊里容不下 14px 角标，单独压扁一档，别让它啃到字头 */
.ht-ai .ai-new{top:-8px;right:-5px;height:12px;padding:0 3px;border-radius:6px;font-size:8px}
.ht-l a.ht-ai:hover{color:#fff;filter:brightness(1.08);box-shadow:0 4px 12px -3px rgba(233,75,60,1)}
.ht-ai svg{flex-shrink:0}

/* 首页导航最右侧：整组（百科 / 问答 / AI 看闻）靠 margin-left:auto 顶到版心右边 */
.nav-tools{margin-left:auto}
/* 内容页单行头部（mini）里的小号版本 */
.mhead-ai{height:28px;padding:0 10px;font-size:12.5px}

/* 浮层 */
.ai-pop{position:fixed;inset:0;z-index:210;display:flex;align-items:flex-start;justify-content:center}
.ai-pop[hidden]{display:none}
.ai-mask{position:absolute;inset:0;background:rgba(12,16,24,.46);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.ai-box{
  position:relative;margin-top:9vh;width:min(560px,calc(100vw - 32px));
  max-height:min(78vh,720px);display:flex;flex-direction:column;
  background:#fff;border-radius:14px;overflow:hidden;
  box-shadow:0 24px 70px -18px rgba(10,14,22,.45);
  animation:aiIn .22s ease-out;
}
@keyframes aiIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}

.ai-hd{display:flex;align-items:center;gap:10px;padding:14px 16px 12px;border-bottom:1px solid #f2f2f4}
.ai-badge{
  width:30px;height:30px;border-radius:9px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;color:#fff;
  background:linear-gradient(135deg,#ff6b57,#e94b3c);
  box-shadow:0 4px 10px -4px rgba(233,75,60,.7);
}
.ai-tt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ai-tt b{font-size:15px;font-weight:700;color:#141414;line-height:1.2}
.ai-tt em{font-style:normal;font-size:11.5px;color:#9a9fa6;line-height:1.3}
.ai-hdact{display:flex;align-items:center;gap:6px;flex-shrink:0}
.ai-ext{font-size:12px;color:#8a8f96;padding:4px 8px;border-radius:6px;transition:.15s}
.ai-ext:hover{color:#e94b3c;background:#fff3f1}
.ai-x{
  width:26px;height:26px;display:flex;align-items:center;justify-content:center;
  border:0;background:none;color:#9a9fa6;cursor:pointer;border-radius:50%;transition:.15s;
}
.ai-x:hover{color:#141414;background:#f4f4f5}

/* 今日话题 chips */
.ai-chips{display:flex;flex-wrap:wrap;gap:7px;padding:11px 16px 3px}
.ai-chips:empty{display:none}
.ai-chip{
  max-width:100%;height:27px;display:inline-flex;align-items:center;
  padding:0 11px;border-radius:14px;border:1px solid #eceef1;background:#fafafb;
  font-size:12.5px;color:#4a4f56;cursor:pointer;font-family:inherit;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.15s;
}
.ai-chip b{color:#e94b3c;font-weight:600;margin-right:5px}
.ai-chip:hover{border-color:#ffd3cc;background:#fff5f3;color:#c33a2c}

/* 对话区 */
.ai-log{
  flex:1;min-height:238px;overflow-y:auto;padding:12px 16px 6px;
  display:flex;flex-direction:column;gap:10px;
}
.ai-welcome{padding:4px 2px;color:#9aa0a6;font-size:12.5px;line-height:1.9}
.ai-welcome p{margin:0}
.ai-msg{
  max-width:88%;padding:10px 13px;border-radius:12px;
  font-size:13.5px;line-height:1.78;white-space:pre-wrap;word-break:break-word;
}
.ai-msg.me{align-self:flex-end;background:#e94b3c;color:#fff;border-bottom-right-radius:4px}
.ai-msg.ai{align-self:flex-start;background:#f6f7f9;color:#22262b;border-bottom-left-radius:4px}
.ai-msg.err{align-self:flex-start;background:#fff3f1;color:#c33a2c;border:1px solid #ffe1dc;font-size:13px}
.ai-dots{display:inline-flex;gap:3px;vertical-align:middle}
.ai-dots i{width:5px;height:5px;border-radius:50%;background:#c6cbd2;animation:aiDot 1.05s infinite}
.ai-dots i:nth-child(2){animation-delay:.16s}
.ai-dots i:nth-child(3){animation-delay:.32s}
@keyframes aiDot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}

/* 输入 */
.ai-form{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid #f2f2f4;background:#fff}
.ai-form input{
  flex:1;height:38px;border:1px solid #e6e8ec;border-radius:19px;padding:0 15px;
  font-size:13.5px;color:#141414;outline:none;font-family:inherit;transition:.15s;
}
.ai-form input:focus{border-color:#ffb3a8;box-shadow:0 0 0 3px rgba(233,75,60,.1)}
.ai-form button{
  width:38px;height:38px;flex-shrink:0;border:0;border-radius:50%;
  background:#e94b3c;color:#fff;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:.15s;
}
.ai-form button:hover{background:#d63f31}
.ai-form button:disabled{background:#f0c4be;cursor:not-allowed}
.ai-foot{padding:0 16px 10px;font-size:11px;color:#b3b8be;text-align:center;background:#fff}

/* 打开时锁滚动 */
body.ai-locked{overflow:hidden}

@media (max-width:1239px){
  /* 这个宽度导航本身已经排满，整组入口（百科 / 问答 / AI 看闻）移到顶部细条左侧，
     nav 里不再重复一份，避免把「更多」压掉 */
  .nav-tools{display:none}
  .ht-l{display:flex;gap:14px}
  .ht-l>a:not(.qk-btn):not(.ht-ai){display:none}
  .ht-l>.ht-tools{display:inline-flex}
  .ht-l>a.ht-ai{display:inline-flex}
}
@media (max-width:560px){
  .nav-ai{height:26px;padding:0 9px;font-size:12px}
  .ai-new{top:-6px;right:-5px;height:13px;padding:0 3px;border-radius:6.5px;font-size:8.5px;letter-spacing:.02em}
  .ht-ai{padding:0 21px 0 8px;font-size:12px}
  .ai-box{margin-top:4vh;max-height:88vh;width:calc(100vw - 16px)}
  .ai-hd{padding:12px 13px 10px}
  .ai-chips{padding:9px 13px 2px}
  .ai-log{padding:10px 13px 4px}
  .ai-msg{max-width:92%;font-size:13px}
  .ai-form{padding:8px 10px}
  .ai-foot{font-size:10.5px;padding:0 12px 8px}
}

/* AI 看闻 · 独立页（把浮层面板摊平成整页卡片） */
.ai-page-wrap{padding-top:20px;padding-bottom:40px}
.ai-page{
  max-width:780px;margin:0 auto;background:#fff;border-radius:14px;
  border:1px solid #f0f0f2;box-shadow:0 12px 36px -26px rgba(16,20,28,.45);
  display:flex;flex-direction:column;overflow:hidden;
}
.ai-page-hd{display:flex;align-items:center;gap:11px;padding:20px 22px 16px;border-bottom:1px solid #f4f4f6}
.ai-page-tt h1{font-size:19px;font-weight:700;color:#141414;line-height:1.3;margin:0}
.ai-page-tt p{font-size:12.5px;color:#9aa0a6;margin:4px 0 0;line-height:1.5}
.ai-page .ai-chips{padding:14px 22px 4px}
.ai-log-lg{min-height:min(62vh,580px);max-height:min(62vh,580px);padding:14px 22px 8px}
.ai-page .ai-form{padding:12px 20px}
.ai-page .ai-foot{padding:0 20px 14px}

@media (max-width:860px){
  .ai-page{border-radius:10px}
  .ai-page-hd{padding:16px 15px 13px}
  .ai-page-tt h1{font-size:17px}
  .ai-page .ai-chips{padding:11px 15px 2px}
  .ai-log-lg{min-height:62vh;max-height:62vh;padding:12px 15px 6px}
  .ai-page .ai-form{padding:10px 12px}
  .ai-page .ai-foot{padding:0 14px 10px}
}

/* ================= 百科频道 ================= */
.bk-hero{position:relative;background:linear-gradient(135deg,#1f2a44,#2d3f66 55%,#3a5a8c);color:#fff;overflow:hidden}
.bk-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 120% at 88% 0%,rgba(255,255,255,.14),transparent 60%);pointer-events:none}
.bk-hero-in{max-width:var(--w);margin:0 auto;padding:40px 16px 34px;position:relative;z-index:1}
.bk-hero h1{margin:0 0 8px;font-size:30px;font-weight:800;letter-spacing:.5px}
.bk-hero-sub{margin:0 0 20px;font-size:14px;color:rgba(255,255,255,.8);line-height:1.6;max-width:760px}
.bk-search{display:flex;max-width:720px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 10px 26px -14px rgba(0,0,0,.5)}
.bk-search input{flex:1;min-width:0;height:50px;border:0;padding:0 18px;font-size:15px;color:#222;outline:none;background:#fff}
.bk-search button{flex:0 0 104px;height:50px;border:0;background:var(--red);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:background .15s}
.bk-search button:hover{background:var(--red-dark,#b32b2b)}
.bk-hot{margin-top:14px;font-size:12.5px;color:rgba(255,255,255,.65);display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center}
.bk-hot a{color:rgba(255,255,255,.92);background:rgba(255,255,255,.12);border-radius:14px;padding:3px 11px;font-size:12.5px;transition:background .15s}
.bk-hot a:hover{background:rgba(255,255,255,.24)}

.bk-main{gap:24px}
.bk-main .col-main{flex:1;min-width:0}
.bk-main .col-side{width:320px;flex-shrink:0}
.bk-cats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.bk-cats a{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border:1px solid var(--line,#eceef1);border-radius:18px;background:#fff;color:var(--text-2,#4a4f57);font-size:13.5px;transition:all .15s}
.bk-cats a i{font-style:normal;font-size:12px;width:18px;height:18px;line-height:18px;text-align:center;border-radius:50%;background:#f1f2f4;color:#8a8f99}
.bk-cats a:hover{border-color:#e0c0c0;color:var(--red)}
.bk-cats a.on{background:var(--red);border-color:var(--red);color:#fff;font-weight:700}
.bk-cats a.on i{background:rgba(255,255,255,.22);color:#fff}
.bk-head{display:flex;align-items:baseline;gap:12px;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--line,#eceef1)}
.bk-head h2{margin:0;font-size:19px;font-weight:800;color:var(--text,#1a1d21)}
.bk-head span{font-size:12.5px;color:var(--gray-2,#8a8f99)}
.bk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bk-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line,#eceef1);border-radius:10px;overflow:hidden;transition:border-color .15s,box-shadow .15s,transform .15s}
.bk-card:hover{border-color:#e6c9c9;box-shadow:0 8px 22px -14px rgba(0,0,0,.25);transform:translateY(-2px)}
.bk-thumb{position:relative;height:132px;background:linear-gradient(135deg,hsl(var(--bk-h,210) 55% 52%),hsl(calc(var(--bk-h,210) + 26) 58% 38%));display:flex;align-items:center;justify-content:center;overflow:hidden}
.bk-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.bk-initial{font-size:44px;font-weight:800;color:rgba(255,255,255,.92);text-shadow:0 3px 14px rgba(0,0,0,.2)}
.bk-tag{position:absolute;left:8px;top:8px;font-style:normal;font-size:11px;color:#fff;background:rgba(0,0,0,.34);border-radius:3px;padding:2px 7px}
.bk-body{padding:12px 13px 13px;display:flex;flex-direction:column;gap:7px;flex:1}
.bk-name{margin:0;font-size:15.5px;font-weight:700;color:var(--text,#1a1d21);line-height:1.35;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.bk-sum{margin:0;font-size:12.5px;line-height:1.6;color:var(--gray-2,#8a8f99);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.bk-meta{display:flex;justify-content:space-between;font-size:11.5px;color:#a9adb5;margin-top:2px}

.bk-faqlist{display:flex;flex-direction:column;gap:2px}
.bk-faqitem{display:block;padding:10px 0;border-bottom:1px solid #f6f6f8}
.bk-faqitem:last-child{border-bottom:0}
.bk-faqitem b{display:block;font-size:13.5px;font-weight:600;color:var(--text-2,#3c414a);line-height:1.5}
.bk-faqitem span{display:block;font-size:12px;color:var(--gray-2,#8a8f99);margin-top:4px;line-height:1.5}
.bk-faqitem:hover b{color:var(--red)}
.bk-faqitem em.bk-faqmeta{display:block;font-style:normal;font-size:11px;color:#b2b8c4;margin-top:5px}
.bk-qa-note{margin:10px 0 0;font-size:11.5px;color:#a3a8b0;line-height:1.6}
.bk-ask p{margin:0 0 10px;font-size:12.5px;color:var(--gray-2,#8a8f99);line-height:1.6}
.bk-ask textarea{width:100%;border:1px solid var(--line,#eceef1);border-radius:8px;padding:10px 12px;font-size:13px;font-family:inherit;resize:vertical;outline:none;background:#fafbfc;box-sizing:border-box}
.bk-ask textarea:focus{border-color:#e0c0c0;background:#fff}
.bk-ask button{margin-top:8px;width:100%;height:38px;border:0;border-radius:8px;background:var(--red);color:#fff;font-size:13.5px;font-weight:700;cursor:pointer}
/* .side-card 默认 0 内边距，浅底卡片会显得文字贴边，这里单独补一圈留白 */
.side-card.bk-geo{background:linear-gradient(135deg,#fff7f5,#f5f7fb);border-color:#f0dcd8;padding:16px 18px 18px}
.bk-geo .side-hd{margin-bottom:8px}
.bk-geo p{margin:0 0 12px;font-size:12.5px;color:#6b7078;line-height:1.7}
.bk-geo-btn{display:inline-block;font-size:13px;font-weight:700;color:var(--red)}

.bk-crumb{max-width:var(--w);margin:16px auto 0;padding:0 16px;font-size:12.5px;color:var(--gray-2,#8a8f99);display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.bk-crumb a{color:var(--text-2,#4a4f57)}
.bk-crumb a:hover{color:var(--red)}
.bk-crumb em{font-style:normal;color:#b0b4bc}
.bk-e{gap:24px}
.bk-e .col-main{flex:1;min-width:0}
.bk-e .col-side{width:320px;flex-shrink:0}
/* .side-card 默认 0 内边距：词条内页的信息表 / 认领卡 / 相关词条都会文字贴边，统一补一圈（口径同 .bk-geo） */
.bk-e .side-card{padding:16px 18px 18px}
.bk-e .side-card .side-hd{margin-bottom:8px}
.bk-article{background:#fff;border:1px solid var(--line,#eceef1);border-radius:12px;padding:30px 34px 34px}
.bk-e-head h1{margin:0 0 10px;font-size:28px;font-weight:800;line-height:1.3;color:var(--text,#1a1d21)}
.bk-e-cover{margin-bottom:16px;border-radius:10px;overflow:hidden}
.bk-e-cover img{display:block;width:100%;max-height:320px;object-fit:cover}
.bk-e-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12.5px;color:var(--gray-2,#8a8f99);align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line,#eceef1)}
.bk-badge{background:#fff1f1;color:var(--red);border-radius:4px;padding:2px 9px;font-weight:700}
.bk-lead{margin:18px 0;padding:14px 16px;background:#fafbfc;border-left:3px solid var(--red);border-radius:0 8px 8px 0;font-size:14.5px;line-height:1.75;color:var(--text-2,#3c414a)}
/* 目录节点：左侧竖排「目录」，右侧编号列表，点击跳到对应小节 */
.bk-toc{display:flex;margin:20px 0 8px;border:1px solid var(--line,#e8ebf0);border-radius:10px;overflow:hidden;background:#fcfdff}
.bk-toc-h{flex:0 0 78px;display:flex;align-items:center;justify-content:center;background:#eef2f8;border-right:1px solid var(--line,#e8ebf0);color:#374151;font-size:15px;font-weight:700;letter-spacing:3px;text-indent:3px}
.bk-toc-list{flex:1;margin:0;padding:11px 18px 11px 36px;list-style:decimal;font-size:14px;line-height:1.95;color:#8a93a5}
.bk-toc-list li{margin:1px 0;padding-left:2px}
.bk-toc-list a{color:var(--blue,#1a6bd6);text-decoration:none}
.bk-toc-list a:hover{color:var(--red);text-decoration:underline}
.bk-toc.two .bk-toc-list{column-count:2;column-gap:28px}
.bk-toc.two .bk-toc-list li{break-inside:avoid}
.bk-content h2[id],.bk-h2[id]{scroll-margin-top:88px}
@media (max-width:640px){
  .bk-toc-h{flex:0 0 56px;font-size:13px;letter-spacing:0;text-indent:0}
  .bk-toc-list{font-size:13.5px;padding:9px 12px 9px 30px}
  .bk-toc.two .bk-toc-list{column-count:1}
}
.bk-content{margin-top:8px;font-size:15px;line-height:1.9;color:var(--text-2,#2f343b)}
.bk-content p{margin:0 0 14px}
.bk-content h2{font-size:18px;font-weight:800;margin:24px 0 10px;color:var(--text,#1a1d21);padding-left:10px;border-left:3px solid var(--red)}
.bk-content a.bk-link{color:var(--blue,#1a6bd6);text-decoration:none;border-bottom:1px dashed rgba(26,107,214,.45);padding-bottom:1px}
.bk-content a.bk-link:hover{color:var(--red);border-bottom-color:var(--red)}
.bk-sec{margin-top:28px;padding-top:22px;border-top:1px solid var(--line,#eceef1)}
.bk-h2{font-size:17px;font-weight:800;margin:0 0 14px;color:var(--text,#1a1d21)}
.bk-faq{display:flex;flex-direction:column;gap:10px}
.bk-q{border:1px solid var(--line,#eceef1);border-radius:8px;padding:0 14px;background:#fcfcfd}
.bk-q summary{cursor:pointer;list-style:none;padding:13px 22px 13px 0;font-size:14.5px;font-weight:600;color:var(--text-2,#2f343b);position:relative}
.bk-q summary::-webkit-details-marker{display:none}
.bk-q summary::after{content:"+";position:absolute;right:0;top:11px;font-size:18px;color:#b0b4bc;font-weight:400}
.bk-q[open] summary::after{content:"-"}
.bk-a{padding:0 0 14px;font-size:13.5px;line-height:1.8;color:var(--gray-2,#6b7078)}
.bk-src{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:9px}
.bk-src li{font-size:13.5px;line-height:1.6;color:var(--text-2,#3c414a)}
.bk-src a{color:#2f6fd0}
.bk-src a:hover{text-decoration:underline}
.bk-d{margin-left:8px;font-size:12px;color:#a9adb5}
.bk-src-note{margin:14px 0 0;font-size:12px;color:#a9adb5;line-height:1.6}
.bk-src-note a{color:var(--red)}

.bk-info-top{display:flex;align-items:center;gap:12px;padding-bottom:12px;margin-bottom:10px;border-bottom:1px solid #f4f5f7}
.bk-thumb-sm{width:56px;height:56px;border-radius:10px;flex-shrink:0}
.bk-info-name b{display:block;font-size:15px;color:var(--text,#1a1d21)}
.bk-info-name span{font-size:12px;color:var(--gray-2,#8a8f99)}
.bk-facts{width:100%;border-collapse:collapse;font-size:12.5px}
.bk-facts th{width:84px;text-align:left;color:#9a9ea6;font-weight:400;padding:7px 0;vertical-align:top}
.bk-facts td{color:var(--text-2,#353a42);padding:7px 0;line-height:1.5}
.bk-facts tr+tr th,.bk-facts tr+tr td{border-top:1px dashed #f0f1f3}
.bk-verified{margin-top:10px;font-size:11.5px;color:#a9adb5}
.bk-claim{background:linear-gradient(135deg,#fff7f5,#f5f7fb);border-color:#f0dcd8}
.bk-claim p{margin:0 0 12px;font-size:12.5px;color:#6b7078;line-height:1.7}
.bk-claim-btn{display:inline-block;height:36px;line-height:36px;padding:0 16px;border-radius:6px;background:var(--red);color:#fff;font-size:13px;font-weight:700}
.bk-claim-btn:hover{background:var(--red-dark,#b32b2b);color:#fff}
.bk-rel{display:flex;flex-direction:column;gap:2px}
.bk-rel a{display:flex;align-items:center;gap:8px;padding:9px 0;font-size:13.5px;color:var(--text-2,#3c414a);border-bottom:1px solid #f6f6f8}
.bk-rel a:last-child{border-bottom:0}
.bk-rel a:hover{color:var(--red)}
.bk-rel i{font-style:normal;font-size:11px;color:#8a8f99;background:#f2f3f5;border-radius:3px;padding:1px 6px;flex-shrink:0}

@media (max-width:1080px){
  .bk-grid{grid-template-columns:repeat(2,1fr)}
  .bk-main .col-side,.bk-e .col-side{width:300px}
}
@media (max-width:900px){
  .bk-main,.bk-e{flex-direction:column}
  .bk-main .col-side,.bk-e .col-side{width:100%}
  .bk-article{padding:22px 20px 26px}
}
@media (max-width:640px){
  .bk-hero-in{padding:26px 14px 24px}
  .bk-hero h1{font-size:22px}
  .bk-hero-sub{font-size:12.5px;margin-bottom:14px}
  .bk-search input{height:44px;font-size:14px}
  .bk-search button{flex:0 0 78px;height:44px;font-size:14px}
  .bk-grid{grid-template-columns:1fr}
  .bk-thumb{height:150px}
  .bk-e-head h1{font-size:22px}
  .bk-article{padding:18px 14px 22px}
  .bk-content{font-size:14.5px}
}

/* 百科底部 GEO 服务带 */
.bk-geo-band{background:#fff;border-top:1px solid var(--line,#eceef1);margin-top:26px}
.bk-geo-in{max-width:var(--w);margin:0 auto;padding:30px 16px;display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.bk-geo-tx{flex:1 1 300px;min-width:0}
.bk-geo-tx h2{margin:0 0 6px;font-size:20px;font-weight:800;color:var(--text,#1a1d21)}
.bk-geo-tx p{margin:0;font-size:13px;color:var(--gray-2,#8a8f99);line-height:1.6}
.bk-geo-pk{display:flex;gap:10px;flex-wrap:wrap}
.bk-pk{display:flex;flex-direction:column;gap:3px;min-width:132px;padding:12px 14px;border:1px solid var(--line,#eceef1);border-radius:10px;background:#fafbfc}
.bk-pk b{font-size:13.5px;color:var(--text,#1a1d21)}
.bk-pk span{font-size:11.5px;color:#9a9ea6}
.bk-pk em{font-style:normal;font-size:14px;font-weight:800;color:var(--red);margin-top:2px}
.bk-pk.is-hot{border-color:#f2c9c9;background:#fff6f6}
.bk-geo-cta{flex:0 0 auto;height:40px;line-height:40px;padding:0 20px;border-radius:8px;background:var(--red);color:#fff;font-size:14px;font-weight:700}
.bk-geo-cta:hover{background:var(--red-dark,#b32b2b);color:#fff}
@media (max-width:760px){
  .bk-geo-in{padding:22px 14px;gap:14px}
  .bk-geo-pk{width:100%}
  .bk-pk{flex:1 1 0;min-width:0}
  .bk-geo-cta{width:100%;text-align:center}
}

/* ================= GEO 服务落地页 /geo.html ================= */
.geo-hero{position:relative;overflow:hidden;color:#fff;
  background:linear-gradient(135deg,#131a2b,#1e2a44 55%,#2b3f66)}
.geo-hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(58% 120% at 90% 0%,rgba(240,65,66,.24),transparent 62%),
             radial-gradient(50% 100% at 6% 100%,rgba(120,170,255,.16),transparent 60%)}
.geo-hero-in{position:relative;z-index:1;max-width:var(--w);margin:0 auto;padding:44px 16px 40px}
.geo-kicker{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;
  letter-spacing:.1em;color:#ffd9d9;background:rgba(240,65,66,.18);border:1px solid rgba(240,65,66,.4)}
.geo-hero h1{margin:16px 0 12px;font-size:36px;line-height:1.22;font-weight:800;letter-spacing:.5px}
.geo-hero-sub{margin:0;max-width:740px;font-size:15px;line-height:1.8;color:rgba(255,255,255,.78)}
.geo-hero-act{display:flex;gap:12px;margin:24px 0 0;flex-wrap:wrap}
.geo-btn{display:inline-flex;align-items:center;height:44px;padding:0 26px;border-radius:8px;
  font-size:15px;font-weight:700;color:#fff;background:var(--red);
  transition:background .16s,transform .16s}
.geo-btn:hover{background:var(--red-dark);color:#fff}
.geo-btn.is-ghost{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.34)}
.geo-btn.is-ghost:hover{background:rgba(255,255,255,.18);color:#fff}
.geo-hero-num{display:flex;gap:34px;margin:32px 0 0;flex-wrap:wrap}
.geo-hero-num li{display:flex;flex-direction:column;gap:2px}
.geo-hero-num b{font-size:26px;font-weight:800;line-height:1.1;color:#fff}
.geo-hero-num span{font-size:12px;color:rgba(255,255,255,.62)}

.geo-sec{padding:42px 0;background:#fff}
.geo-sec.is-gray{background:#f7f8fa;border-top:1px solid #f0f1f3;border-bottom:1px solid #f0f1f3}
.geo-in{max-width:var(--w);margin:0 auto;padding:0 16px}
.geo-hd{margin:0 0 26px}
.geo-hd h2{margin:0 0 8px;font-size:24px;font-weight:800;color:var(--text)}
.geo-hd p{margin:0;font-size:13.5px;color:#8a8f99;line-height:1.7}

.geo-why{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.geo-why-card{position:relative;padding:22px 20px 20px;border:1px solid var(--line);border-radius:10px;background:#fff;
  transition:box-shadow .18s,border-color .18s,transform .18s}
.geo-why-card:hover{border-color:#e6d5d5;box-shadow:0 10px 26px -18px rgba(20,26,40,.4);transform:translateY(-2px)}
.geo-why-card i{display:block;font-style:normal;font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--red);opacity:.75}
.geo-why-card b{display:block;margin:8px 0 8px;font-size:16px;font-weight:700;color:var(--text)}
.geo-why-card p{margin:0;font-size:13px;line-height:1.75;color:#6b7078}

.geo-deliver{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.geo-dl{padding:18px;border-radius:10px;background:#fff;border:1px solid var(--line)}
.geo-dl b{display:block;margin:0 0 6px;font-size:14.5px;font-weight:700;color:var(--text)}
.geo-dl b::before{content:"";display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;
  background:var(--red);vertical-align:middle;position:relative;top:-1px}
.geo-dl span{display:block;font-size:12.5px;line-height:1.7;color:#7d828b}

.geo-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.geo-plan{position:relative;display:flex;flex-direction:column;padding:22px 18px 18px;
  border:1px solid var(--line);border-radius:12px;background:#fff}
.geo-plan.is-hot{border-color:#f0b8b8;background:linear-gradient(180deg,#fffafa,#fff);
  box-shadow:0 14px 34px -24px rgba(240,65,66,.6)}
.geo-plan-tag{position:absolute;top:-1px;right:14px;padding:3px 9px;border-radius:0 0 6px 6px;
  font-size:10.5px;font-weight:800;letter-spacing:.04em;color:#fff;background:var(--red)}
.geo-plan-name{font-size:15px;font-weight:800;color:var(--text)}
.geo-plan-price{display:flex;align-items:baseline;gap:4px;margin:10px 0 8px}
.geo-plan-price em{font-style:normal;font-size:26px;font-weight:800;line-height:1;color:var(--red)}
.geo-plan-price span{font-size:11.5px;color:#9a9ea6}
.geo-plan-desc{margin:0 0 14px;font-size:12.5px;line-height:1.7;color:#7d828b;min-height:44px}
.geo-plan-list{flex:1;margin:0 0 16px;padding:0}
.geo-plan-list li{position:relative;padding-left:16px;margin-bottom:7px;font-size:12.5px;line-height:1.6;color:#4a4f57}
.geo-plan-list li::before{content:"";position:absolute;left:2px;top:8px;width:6px;height:3px;
  border-left:1.6px solid #b9bec6;border-bottom:1.6px solid #b9bec6;transform:rotate(-45deg)}
.geo-plan-btn{display:block;height:38px;line-height:36px;text-align:center;border-radius:7px;
  font-size:13.5px;font-weight:700;color:var(--red);border:1px solid #f0c4c4;background:#fff}
.geo-plan-btn:hover{background:var(--red);border-color:var(--red);color:#fff}
.geo-plan.is-hot .geo-plan-btn{background:var(--red);border-color:var(--red);color:#fff}
.geo-plan.is-hot .geo-plan-btn:hover{background:var(--red-dark);border-color:var(--red-dark);color:#fff}
.geo-plan-note{margin:16px 0 0;font-size:12.5px;color:#9a9ea6}

.geo-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:0;padding:0;counter-reset:gf}
.geo-flow li{padding:16px 14px;border-radius:10px;background:#fff;border:1px solid var(--line)}
.geo-flow b{display:block;margin:0 0 6px;font-size:13.5px;font-weight:700;color:var(--text)}
.geo-flow b::before{counter-increment:gf;content:"0" counter(gf);display:block;margin-bottom:6px;
  font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--red);opacity:.7}
.geo-flow span{display:block;font-size:12.5px;line-height:1.65;color:#7d828b}

.geo-rule{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.geo-rule div{padding:16px 18px;border-radius:10px;background:#fafbfc;border:1px solid var(--line)}
.geo-rule b{display:block;margin:0 0 5px;font-size:14px;font-weight:700;color:var(--text)}
.geo-rule span{display:block;font-size:12.5px;line-height:1.7;color:#7d828b}

.geo-faq{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.geo-q{border-bottom:1px solid var(--line)}
.geo-q:last-child{border-bottom:0}
.geo-q summary{position:relative;padding:15px 44px 15px 18px;font-size:14.5px;font-weight:600;color:var(--text);
  cursor:pointer;list-style:none;transition:background .15s}
.geo-q summary::-webkit-details-marker{display:none}
.geo-q summary:hover{background:#fafbfc}
.geo-q summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);
  font-size:18px;font-weight:400;color:#b0b5bd;line-height:1}
.geo-q[open] summary::after{content:"−"}
.geo-q .geo-a{padding:0 44px 16px 18px;font-size:13px;line-height:1.8;color:#6b7078}

.geo-form-sec{padding:44px 0 52px;background:#fff}
.geo-form-wrap{display:grid;grid-template-columns:1fr 460px;gap:36px;align-items:start}
.geo-form-tx h2{margin:0 0 10px;font-size:24px;font-weight:800;color:var(--text)}
.geo-form-tx p{margin:0 0 16px;font-size:13.5px;line-height:1.8;color:#7d828b}
.geo-form-pts{margin:0;padding:0}
.geo-form-pts li{position:relative;padding-left:18px;margin-bottom:9px;font-size:13px;color:#4a4f57}
.geo-form-pts li::before{content:"";position:absolute;left:0;top:7px;width:8px;height:4px;
  border-left:1.8px solid var(--red);border-bottom:1.8px solid var(--red);transform:rotate(-45deg)}
.geo-form-card{padding:24px 22px 20px;border:1px solid var(--line);border-radius:12px;background:#fff;
  box-shadow:0 16px 40px -32px rgba(20,26,40,.55)}

/* 表单控件（GEO / 认领共用） */
.gf-f{display:block;margin:0 0 14px}
.gf-f > span{display:block;margin:0 0 6px;font-size:12.5px;font-weight:600;color:#5b6068}
.gf-inp{width:100%;height:42px;padding:0 12px;border:1px solid #e6e7ea;border-radius:7px;
  font-size:14px;color:var(--text);background:#fff;transition:border-color .15s,box-shadow .15s}
.gf-inp:focus{border-color:#f0b8b8;box-shadow:0 0 0 3px rgba(240,65,66,.08);outline:none}
.gf-inp[readonly]{background:#f6f7f9;color:#6b7078}
select.gf-inp{appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,#9aa0a6 50%),linear-gradient(135deg,#9aa0a6 50%,transparent 50%);
  background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-size:5px 5px;background-repeat:no-repeat;
  padding-right:34px}
.gf-ta{width:100%;padding:10px 12px;border:1px solid #e6e7ea;border-radius:7px;font-size:14px;
  line-height:1.7;color:var(--text);resize:vertical;transition:border-color .15s,box-shadow .15s}
.gf-ta:focus{border-color:#f0b8b8;box-shadow:0 0 0 3px rgba(240,65,66,.08);outline:none}
.gf-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gf-sub{width:100%;height:46px;border-radius:8px;background:var(--red);color:#fff;
  font-size:15px;font-weight:700;cursor:pointer;transition:background .15s}
.gf-sub:hover{background:var(--red-dark)}
.gf-note{margin:12px 0 0;font-size:11.5px;line-height:1.7;color:#a3a8b0}
.gf-alert{margin:0 0 16px;padding:11px 14px;border-radius:7px;font-size:13px;line-height:1.7}
.gf-alert.is-ok{background:#f0fdf4;border:1px solid #c6f6d5;color:#276749}
.gf-alert.is-err{background:#fff5f5;border:1px solid #fed7d7;color:#c53030}
.gf-alert a{color:var(--red);text-decoration:underline}

/* ================= 词条认领 /claim.html ================= */
.clm-hero{background:linear-gradient(135deg,#1a2438,#26334f 60%,#33456a);color:#fff}
.clm-hero-in{max-width:var(--w);margin:0 auto;padding:28px 16px 30px}
.clm-crumb{display:flex;align-items:center;gap:7px;font-size:12px;color:rgba(255,255,255,.6)}
.clm-crumb a{color:rgba(255,255,255,.72)}
.clm-crumb a:hover{color:#fff}
.clm-crumb em{font-style:normal;color:rgba(255,255,255,.9)}
.clm-hero h1{margin:12px 0 8px;font-size:26px;font-weight:800;letter-spacing:.4px}
.clm-hero p{margin:0;max-width:760px;font-size:13.5px;line-height:1.8;color:rgba(255,255,255,.76)}
.clm-meta{display:flex;align-items:center;gap:12px;margin:14px 0 0;font-size:12px;color:rgba(255,255,255,.66);flex-wrap:wrap}
.clm-meta a{color:#ffd9d9}
.clm-meta a:hover{color:#fff}
.clm-badge{padding:2px 9px;border-radius:20px;font-size:11px;font-weight:700;color:#fff;
  background:rgba(240,65,66,.32);border:1px solid rgba(240,65,66,.5)}
.clm-main{padding-bottom:40px}
.clm-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px 28px 22px}
.clm-card-hd{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--line)}
.clm-card-hd h2{margin:0;font-size:19px;font-weight:800;color:var(--text)}
.clm-card-hd span{font-size:12px;color:#a3a8b0}
.clm-form{max-width:640px}
.clm-side{display:flex;flex-direction:column;gap:14px}
.clm-panel{padding:16px 18px}
.clm-panel.is-hint{background:linear-gradient(135deg,#fff8f7,#fff);border-color:#f2d9d7}
.clm-list{margin:0;padding:0}
.clm-list li{padding:9px 0;border-bottom:1px dashed #f0f1f3}
.clm-list li:last-child{border-bottom:0;padding-bottom:0}
.clm-list b{display:block;font-size:13px;font-weight:700;color:var(--text);margin-bottom:2px}
.clm-list span{display:block;font-size:12px;line-height:1.65;color:#8a8f99}
.clm-panel p{margin:0 0 10px;font-size:12.5px;line-height:1.7;color:#6b7078}
.clm-cta{display:inline-block;font-size:12.5px;font-weight:700;color:var(--red)}
.clm-cta:hover{color:var(--red-dark)}

@media (max-width:1080px){
  .geo-plans{grid-template-columns:repeat(2,1fr)}
  .geo-deliver{grid-template-columns:repeat(2,1fr)}
  .geo-flow{grid-template-columns:repeat(3,1fr)}
  .geo-form-wrap{grid-template-columns:1fr;gap:24px}
}
@media (max-width:760px){
  .geo-hero-in{padding:32px 14px 30px}
  .geo-hero h1{font-size:27px}
  .geo-hero-sub{font-size:13.5px}
  .geo-hero-num{gap:22px;margin-top:24px}
  .geo-hero-num b{font-size:22px}
  .geo-sec{padding:30px 0}
  .geo-hd h2,.geo-form-tx h2{font-size:20px}
  .geo-why,.geo-deliver,.geo-plans,.geo-rule{grid-template-columns:1fr}
  .geo-plan-desc{min-height:0}
  .geo-flow{grid-template-columns:1fr 1fr}
  .geo-form-card{padding:18px 16px 16px}
  .gf-row2{grid-template-columns:1fr;gap:0}
  .clm-hero-in{padding:22px 14px 24px}
  .clm-hero h1{font-size:21px}
  .clm-card{padding:18px 16px 16px}
}
@media (max-width:520px){
  .geo-flow{grid-template-columns:1fr}
  .geo-hero-act .geo-btn{width:100%;justify-content:center}
}

/* 词条页认领卡：主按钮右侧的次级入口（垂直居中 + 留白，避免贴着按钮且下沉 9px 错位） */
.bk-claim-alt{display:inline-block;vertical-align:middle;margin:0 0 0 12px;font-size:12px;color:#8a8f99}
.bk-claim-alt:hover{color:var(--red)}

/* 锚点跳转避开吸顶头部（62px 头部 + 余量） */
#geo-plans,#geo-form{scroll-margin-top:76px}

/* ==========================================================
   AI 问答页 /ask.html
   ========================================================== */
.ak-hero{
  background:linear-gradient(135deg,#0f172a 0%,#1b2740 55%,#23324f 100%);
  color:#fff;position:relative;overflow:hidden;
}
.ak-hero::after{
  content:"";position:absolute;right:-80px;top:-90px;width:320px;height:320px;border-radius:50%;
  background:radial-gradient(circle,rgba(240,65,66,.35),rgba(240,65,66,0) 68%);
}
.ak-hero-in{max-width:var(--w);margin:0 auto;padding:30px 16px 32px;position:relative;z-index:1}
.ak-kicker{display:inline-block;font-size:12px;letter-spacing:.06em;color:rgba(255,255,255,.66);
  border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:4px 12px}
.ak-hero h1{margin:12px 0 0;font-size:30px;font-weight:800;letter-spacing:.01em}
.ak-hero p{margin:9px 0 0;font-size:14px;line-height:1.75;color:rgba(255,255,255,.74);max-width:660px}

.ak-main{margin-top:20px}
.ak-panel{background:#fff;border:1px solid #eef0f4;border-radius:10px;overflow:hidden;
  box-shadow:0 10px 30px -24px rgba(18,26,44,.5)}
.ak-phd{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 16px;border-bottom:1px solid #f0f2f6;background:#fbfcfd}
.ak-phd-l{display:flex;align-items:center;gap:8px;min-width:0}
.ak-phd-l b{font-size:14px}
.ak-phd-l span{font-size:12px;color:#98a1b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ak-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16);flex:0 0 auto}
.ak-reset{font-size:12px;color:#8a93a5;border:1px solid #e6e9ef;border-radius:999px;padding:4px 12px;cursor:pointer}
.ak-reset:hover{color:var(--red);border-color:#f5c9c9}

.ak-flow{padding:18px 16px 6px;max-height:600px;overflow-y:auto;scroll-behavior:smooth}
.ak-msg{display:flex;gap:10px;margin-bottom:16px;align-items:flex-start}
.ak-msg.is-user{flex-direction:row-reverse}
.ak-ava{flex:0 0 30px;width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:800;color:#fff;background:linear-gradient(135deg,#1c2436,#33405c)}
.ak-msg.is-user .ak-ava{background:linear-gradient(135deg,#f04142,#d93536)}
.ak-bub{max-width:80%;background:#f5f7fa;border-radius:2px 12px 12px 12px;padding:12px 14px;
  font-size:14px;line-height:1.78;color:#2b303b}
.ak-msg.is-user .ak-bub{background:#fff2f2;border-radius:12px 2px 12px 12px;color:#3a2020}
.ak-bub p{margin:0 0 8px}
.ak-bub p:last-child{margin-bottom:0}
.ak-bub .ak-note{font-size:12px;color:#98a1b3;line-height:1.7}
.ak-msg.is-err .ak-bub{background:#fff5f5;color:#a12b2b}

.ak-dots{display:flex;gap:4px;padding:3px 0 6px}
.ak-dots i{width:6px;height:6px;border-radius:50%;background:#c3cad6;animation:akBounce 1.1s infinite}
.ak-dots i:nth-child(2){animation-delay:.16s}
.ak-dots i:nth-child(3){animation-delay:.32s}
@keyframes akBounce{0%,70%,100%{transform:translateY(0);opacity:.5}35%{transform:translateY(-4px);opacity:1}}

.ak-ws{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 2px}
.ak-ws span{font-size:11.5px;color:#6b7484;background:#fff;border:1px solid #e6e9ef;border-radius:999px;padding:2px 9px}

.ak-rate{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:10px;border-top:1px dashed #e6e9ef}
.ak-rate-t{font-size:12px;color:#98a1b3}
.ak-rate button{font-size:12.5px;padding:4px 13px;border-radius:999px;border:1px solid #e2e6ee;background:#fff;
  color:#4b5262;cursor:pointer;transition:.15s}
.ak-rate .ak-up:hover{color:#0f8a4d;border-color:#b9e6cc;background:#f3fcf7}
.ak-rate .ak-down:hover{color:#c02f2f;border-color:#f3c9c9;background:#fff6f6}
.ak-rate .ak-sub{background:var(--red);border-color:var(--red);color:#fff;font-weight:700}
.ak-rate .ak-sub:hover{background:var(--red-dark)}
.ak-note-inp{flex:1;min-width:150px;height:30px;border:1px solid #e2e6ee;border-radius:6px;padding:0 10px;font-size:12.5px}
.ak-thanks{font-size:12.5px;color:#0f8a4d;margin-top:11px;padding-top:10px;border-top:1px dashed #e6e9ef}

.ak-chipbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 14px 40px}
.ak-chipbar span{font-size:12px;color:#98a1b3}
.ak-chipbar button{font-size:12.5px;color:#4b5262;background:#f5f7fa;border:1px solid #eceff4;
  border-radius:999px;padding:4px 12px;cursor:pointer}
.ak-chipbar button:hover{color:var(--red);border-color:#f5c9c9;background:#fff7f7}

.ak-input{border-top:1px solid #f0f2f6;padding:12px 16px 8px;background:#fff}
.ak-input textarea{width:100%;border:1px solid #e6e9ef;border-radius:8px;padding:10px 12px;font-size:14px;
  line-height:1.7;resize:vertical;min-height:62px;background:#fbfcfd}
.ak-input textarea:focus{border-color:#f5b5b5;background:#fff;box-shadow:0 0 0 3px rgba(240,65,66,.07)}
.ak-input-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}
.ak-count{font-size:11.5px;color:#b2b8c4}
.ak-send{background:var(--red);color:#fff;font-size:14px;font-weight:700;padding:9px 26px;border-radius:7px;cursor:pointer}
.ak-send:hover{background:var(--red-dark)}
.ak-send:disabled{background:#e8b4b4;cursor:default}
.ak-tips{padding:0 16px 14px;font-size:11.5px;color:#a3a8b0;line-height:1.7}
.ak-tips a{color:#8a93a5}
.ak-tips a:hover{color:var(--red)}

.ak-digest{margin-top:14px}
.ak-digest-btn{width:100%;display:block;text-align:left;padding:14px 18px;border-radius:10px;cursor:pointer;
  background:linear-gradient(135deg,#fff7f7,#fff);border:1px dashed #f3b9b9}
.ak-digest-btn b{display:block;font-size:14.5px;color:#c02f2f}
.ak-digest-btn span{display:block;font-size:12px;color:#98a1b3;margin-top:4px}
.ak-digest-btn:hover{border-color:var(--red);background:#fff2f2}

.ak-result{margin-top:14px;background:#fff;border:1px solid #eef0f4;border-radius:10px;padding:16px 18px}
.ak-result-hd b{display:block;font-size:14.5px}
.ak-result-hd span{display:block;font-size:12px;color:#98a1b3;margin-top:4px}
.ak-result-list{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.ak-result-item{display:flex;align-items:center;gap:9px;background:#f8f9fb;border-radius:7px;padding:9px 12px}
.ak-result-item i{font-style:normal;font-size:11px;color:#fff;background:#33405c;border-radius:4px;padding:2px 7px;flex:0 0 auto}
.ak-result-item b{font-size:13.5px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ak-result-item em{font-style:normal;font-size:11.5px;color:#98a1b3;flex:0 0 auto}

/* 右栏 */
.ak-words{display:flex;flex-wrap:wrap;gap:8px}
.ak-word{font-size:12.5px;color:#4b5262;background:#f5f7fa;border:1px solid #eceff4;border-radius:999px;
  padding:4px 11px;display:inline-flex;align-items:center;gap:5px}
.ak-word em{font-style:normal;font-size:10.5px;color:#a3a8b0}
.ak-word:hover{color:var(--red);border-color:#f5c9c9;background:#fff7f7}
.ak-last{display:flex;flex-direction:column;gap:2px}
.ak-last-item{display:block;width:100%;text-align:left;padding:10px 0;border-bottom:1px solid #f6f6f8;cursor:pointer;background:none}
.ak-last-item:last-child{border-bottom:0}
.ak-last-item b{display:block;font-size:13.5px;font-weight:600;color:#3c414a;line-height:1.5}
.ak-last-item span{display:block;font-size:12px;color:#8a8f99;margin-top:4px;line-height:1.5}
.ak-last-item:hover b{color:var(--red)}

@media (max-width:900px){
  .ak-main{flex-direction:column}
  .col-side{width:100%}
  .ak-hero h1{font-size:24px}
  .ak-flow{max-height:none}
  .ak-bub{max-width:86%}
  .ak-chipbar{margin-left:0}
}
@media (max-width:520px){
  .ak-hero-in{padding:22px 14px 24px}
  .ak-hero h1{font-size:21px}
  .ak-flow{padding:14px 12px 4px}
  .ak-input{padding:10px 12px 8px}
  .ak-send{padding:9px 20px}
}

/* ==================== 问答栏目 /wenda ==================== */
/* 绿 → 橘 斜向渐变；右侧叠一层暖色压暗，保证亮橘区里的白字 / 广告卡仍有对比度 */
.wq-hero{position:relative;background:linear-gradient(115deg,#0b6b54 0%,#369e63 40%,#e6801e 100%);color:#fff;overflow:hidden}
.wq-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 28%,rgba(96,38,0,.14) 100%),radial-gradient(55% 120% at 10% 0%,rgba(255,255,255,.13),transparent 62%);pointer-events:none}
/* 内边距 / 标题字号 / 行间距全部对齐百科横幅（.bk-hero 262px），两页横幅等高 */
.wq-hero-in{max-width:var(--w);margin:0 auto;padding:40px 16px 34px;position:relative;z-index:1}
.wq-hero h1{margin:0 0 8px;font-size:30px;font-weight:800;letter-spacing:.5px}
.wq-hero-sub{margin:0 0 20px;font-size:14px;color:rgba(255,255,255,.88);line-height:1.6;max-width:760px}

/* 搜索框下的「大家都在问」：填掉 hero 下半的留白，同时给问答详情页导内链；
   单行排布（4 个短问题 + 右侧统计），不换行才不会把横幅撑得比栏目页高 */
.wq-hero-hot{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;margin-top:14px;min-height:26px;max-width:760px}
.wq-hot-label{font-size:12.5px;font-weight:600;letter-spacing:.04em;color:rgba(255,255,255,.72);white-space:nowrap;margin-right:2px;flex-shrink:0}
.wq-hero-hot>a{
  display:inline-block;max-width:130px;padding:3px 11px;border-radius:14px;
  font-size:12.5px;line-height:1.35;color:rgba(255,255,255,.96);
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;
  transition:background .15s,border-color .15s,transform .15s;
}
.wq-hero-hot>a:hover{background:rgba(255,255,255,.24);border-color:rgba(255,255,255,.45);transform:translateY(-1px)}
.wq-hot-stat{margin-left:auto;flex-shrink:0;font-size:11.5px;color:rgba(255,255,255,.78);white-space:nowrap}

/* 顶部通栏广告迁到 hero 右侧：同广告位的文案重排成竖卡，不占一整行 */
.wq-hero-flex{display:flex;align-items:center;gap:30px}
.wq-hero-tx{flex:1;min-width:0}
.wq-hero-ad{flex:0 0 264px;width:264px;max-width:264px}
.wq-ad{display:flex;flex-direction:column;align-items:flex-start;gap:6px;box-sizing:border-box;padding:15px 16px 16px;border:1px solid rgba(255,255,255,.24);border-radius:10px;background:rgba(255,255,255,.10);text-decoration:none;color:#fff;transition:background .15s,border-color .15s}
a.wq-ad:hover{background:rgba(255,255,255,.17);border-color:rgba(255,255,255,.45)}
.wq-ad-tag{font-size:10px;line-height:16px;letter-spacing:.05em;color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.32);border-radius:2px;padding:0 5px}
.wq-ad b{font-size:16px;font-weight:700;line-height:1.45;color:#fff}
.wq-ad em{font-style:normal;font-size:12px;line-height:1.65;color:rgba(255,255,255,.75)}
.wq-ad i{font-style:normal;font-size:12.5px;font-weight:600;color:#fff;margin-top:3px}
.wq-ad-bare{display:block;color:#fff}
.wq-ad-bare .ad-bare-txt{padding:0;color:#fff}
.wq-ad-bare .ad-bare-txt b,.wq-ad-bare .ad-bare-txt em,.wq-ad-bare .ad-bare-txt i{color:#fff}
.wq-ad-bare .ad-bare-txt .ad-tag{background:rgba(255,255,255,.16);color:#fff}

.wq-main{padding-top:18px;padding-bottom:30px}
/* side-card 默认 0 左右内边距，问答页侧栏统一补一圈，四张卡标题左对齐 */
.wq-side .side-card{padding:16px 18px 18px;margin-bottom:22px}

/* 搜不到站内问答 → 自动转交 AI 问答页 */
.wq-nores{text-align:left;background:#fff;border:1px solid var(--line,#eceef1);border-left:3px solid var(--red);border-radius:10px;padding:18px 20px}
.wq-nores b{display:block;font-size:15.5px;color:var(--text,#1a1d21);margin-bottom:6px}
.wq-nores p{margin:0;font-size:13px;line-height:1.8;color:var(--gray-2,#8a8f99)}
.wq-nores-go{color:var(--red);font-weight:600;margin-left:6px}
.wq-nores-stay{border:0;background:none;padding:0 0 0 10px;color:#5a76a8;font-size:13px;cursor:pointer}

/* 常见问答：原主栏 2×2 卡片改为右侧竖排推荐位，不占列表首屏 */
.wq-side-faq .side-hd{margin-bottom:4px}
.wq-side-faq .bk-faqitem{padding:9px 0}
.wq-side-faq .bk-faqitem:first-child{padding-top:2px}
.wq-side-q b{font-size:13px;line-height:1.5}
.wq-side-q span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:11.5px;margin-top:3px}
.wq-side-q em.bk-faqmeta{margin-top:4px}

/* 问答列表 */
.wq-list{display:flex;flex-direction:column;gap:0;background:#fff;border:1px solid var(--line,#eceef1);border-radius:10px;overflow:hidden}
.wq-item{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;border-bottom:1px solid #f6f6f8;transition:background .15s}
.wq-item:last-child{border-bottom:0}
.wq-item:hover{background:#fcfcfd}
.wq-no{flex-shrink:0;width:24px;height:24px;line-height:24px;text-align:center;border-radius:6px;background:#f2f3f5;color:#9a9ea6;font-size:12px;font-weight:700;margin-top:2px}
.wq-item:nth-child(-n+3) .wq-no{background:#fff1f1;color:var(--red)}
.wq-body{flex:1;min-width:0}
.wq-body h3{margin:0 0 6px;font-size:15.5px;font-weight:700;line-height:1.45;color:var(--text,#1a1d21)}
.wq-item:hover .wq-body h3{color:var(--red)}
.wq-body p{margin:0 0 8px;font-size:13px;line-height:1.7;color:var(--gray-2,#7b8089);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wq-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11.5px;color:#a9adb5}
.wq-meta i{font-style:normal;background:#f2f6ff;color:#5a76a8;border-radius:3px;padding:2px 7px}
.wq-meta b{color:#7b8089;font-weight:600}
.wq-go{flex-shrink:0;font-size:12px;color:#b7bcc5;margin-top:3px}
.wq-item:hover .wq-go{color:var(--red)}

/* 详情页 */
.wq-q{background:#fff;border-radius:10px;padding:22px 24px 26px}
.wq-q h1{margin:0 0 12px;font-size:23px;line-height:1.5;font-weight:800;color:var(--text,#1a1d21)}
.wq-q-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:12.5px;color:var(--gray-2,#8a8f99);padding-bottom:16px;border-bottom:1px solid var(--line,#eceef1)}
.wq-q-meta a{color:#3a5a8c}
.wq-a{margin:20px 0 22px;font-size:15.5px;line-height:2;color:var(--text-2,#2f343b)}
.wq-a::first-letter{font-size:1.02em}

.wq-from{background:#fafbfc;border:1px solid var(--line,#eceef1);border-radius:10px;padding:13px 15px 14px}
.wq-from-hd{font-size:12px;color:#a9adb5;margin-bottom:9px}
.wq-from-card{display:flex;align-items:center;gap:12px}
.wq-from-tx{flex:1;min-width:0}
.wq-from-tx b{display:block;font-size:14.5px;color:var(--text,#1a1d21);margin-bottom:3px}
.wq-from-tx span{display:block;font-size:12.5px;line-height:1.6;color:var(--gray-2,#8a8f99);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wq-from-card em{flex-shrink:0;font-style:normal;font-size:12.5px;color:var(--red)}

.wq-qa-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wq-qa{display:block;border:1px solid var(--line,#eceef1);border-radius:9px;padding:12px 14px;background:#fff;transition:border-color .15s,box-shadow .15s}
.wq-qa:hover{border-color:#e6c9c9;box-shadow:0 6px 18px -14px rgba(0,0,0,.3)}
.wq-qa b{display:block;font-size:14px;font-weight:600;line-height:1.5;color:var(--text-2,#3c414a);margin-bottom:5px}
.wq-qa:hover b{color:var(--red)}
.wq-qa span{display:block;font-size:12.5px;line-height:1.65;color:var(--gray-2,#8a8f99);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wq-foot-note{margin-top:24px;padding-top:14px;border-top:1px dashed #f0f1f3;font-size:12px;color:#a9adb5;line-height:1.7}
.wq-foot-note a{color:#5a76a8}

@media (max-width:860px){
  .wq-hero h1{font-size:22px}
  .wq-hero-in{padding:26px 14px 24px}
  .wq-hero-sub{font-size:12.5px;margin-bottom:14px}
  .wq-hero-flex{flex-direction:column;align-items:stretch;gap:16px}
  .wq-hero-ad{flex:0 0 auto;width:100%;max-width:none}
  .wq-hero-hot{margin-top:14px;gap:6px;flex-wrap:wrap}
  .wq-hero-hot>a{font-size:12px;padding:4px 9px;max-width:140px}
  .wq-hot-stat{display:none}
  .wq-side .side-card{padding:14px 15px 16px}
  .wq-qa-list{grid-template-columns:1fr}
  .wq-q{padding:16px 15px 20px}
  .wq-q h1{font-size:19px}
  .wq-a{font-size:15px}
  .wq-item{padding:13px 13px}
  .wq-go{display:none}
}

/* 词条页 → 问答栏目 的入口 */
.bk-h2-more{float:right;font-size:12.5px;font-weight:400;color:#5a76a8;text-decoration:none}
.bk-h2-more:hover{color:var(--red)}
.bk-q-link{display:inline-block;margin-top:8px;font-size:12px;color:#5a76a8;text-decoration:none}
.bk-q-link:hover{color:var(--red)}

/* ==================== 百科 / 问答 常驻模块（已从主导航撤下） ==================== */
/* 左栏 200px 紧凑卡 */
.side-card.wd-baike .wb-list{margin-top:2px}
.wb-list li{display:flex;align-items:center;gap:6px;padding:5px 0;border-bottom:1px dashed #ececec;line-height:1.5}
.wb-list li:last-child{border-bottom:0}
.wb-list li a{flex:1;min-width:0;font-size:12.5px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s}
.wb-list li a:hover{color:var(--red)}
.wb-list li i{flex:0 0 auto;font-style:normal;font-size:10px;color:#9a9ea6;background:#fff;border-radius:2px;padding:1px 4px;max-width:66px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wb-links{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:9px;padding-top:8px;border-top:1px solid #f0f1f3}
.wb-links a{font-size:11.5px;color:#5a76a8;transition:color .15s}
.wb-links a:hover{color:var(--red)}

/* 右栏 292px 卡 */
.wb-card .wb-entries,.wb-card .wb-qas{display:flex;flex-direction:column}
.wb-ent,.wb-qa{display:block;padding:9px 0;border-bottom:1px dashed #f0f0f0}
.wb-ent:last-child,.wb-qa:last-child{border-bottom:0;padding-bottom:2px}
.wb-ent b,.wb-qa b{display:block;font-size:14px;font-weight:600;line-height:1.5;color:var(--text-2);transition:color .15s;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wb-ent:hover b,.wb-qa:hover b{color:var(--red)}
.wb-ent span,.wb-qa span{display:block;margin-top:3px;font-size:12.5px;line-height:1.65;color:var(--gray-2);
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.wb-ent i{display:inline-block;margin-top:5px;font-style:normal;font-size:10.5px;color:#8a8f99;background:#f4f5f7;border-radius:2px;padding:1px 6px}
.wb-cross{display:block;margin-top:8px;padding-top:9px;border-top:1px solid #f0f1f3;font-size:12px;color:#5a76a8;transition:color .15s}
.wb-cross:hover{color:var(--red)}

@media (max-width:860px){
  .wb-ent b,.wb-qa b{font-size:14px}
}

/* ---------- 专题 / 标签聚合列表页（复用百科 hero / 卡片 / 分页 / 侧栏骨架） ---------- */
.tp-hero{background:linear-gradient(115deg,#1b2a4a 0%,#33477a 48%,#6d4a86 100%)}
.tg-hero{background:linear-gradient(115deg,#0b6b54 0%,#369e63 42%,#e6801e 100%)}
.tg-hero::after{background:linear-gradient(90deg,transparent 28%,rgba(96,38,0,.14) 100%),radial-gradient(55% 120% at 10% 0%,rgba(255,255,255,.13),transparent 62%)}
/* .side-card 默认 0 内边距，两个聚合页统一补一圈（口径同词条内页） */
.tp-side .side-card{padding:16px 18px 18px}
.tp-side .side-card .side-hd{margin-bottom:8px}
.tg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.tg-chip{
  display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;
  height:44px;padding:0 13px;background:#fff;border:1px solid var(--line,#eceef1);
  border-radius:6px;transition:border-color .15s,transform .15s;
}
.tg-chip b{font-size:14px;font-weight:600;color:var(--text-2,#3c414a);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tg-chip em{font-style:normal;flex-shrink:0;font-size:11.5px;color:#a9adb5}
.tg-chip:hover{border-color:var(--red);transform:translateY(-1px)}
.tg-chip:hover b{color:var(--red)}
.tg-chips{display:flex;flex-wrap:wrap;gap:8px}
.tg-chips a{
  display:inline-flex;align-items:center;height:28px;padding:0 10px;
  border:1px solid var(--line,#eceef1);border-radius:14px;background:#fff;
  font-size:12.5px;color:var(--text-2,#4a4f57);
}
.tg-chips a em{font-style:normal;margin-left:5px;font-size:11px;color:#a9adb5}
.tg-chips a:hover{border-color:var(--red);color:var(--red)}

/* 「更多」下拉：专题 / 标签固定入口 + 栏目分组 */
.nm-group{padding:8px 18px 4px;font-size:11.5px;color:#a9adb5;letter-spacing:.04em}
.nm-sep{height:1px;margin:6px 0;background:#f0f1f3}
.nm-pop a.nm-feat{font-weight:600;color:var(--text,#1a1d21)}

@media (max-width:1080px){
  .tg-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:640px){
  .tg-grid{grid-template-columns:repeat(2,1fr)}
  .tg-chip{height:40px;padding:0 10px}
}

/* 窄屏兜底：百科 / 问答 模块（桌面端由左右栏承担，这里只在小屏显示） */
.wb-mobile{display:none}
@media (max-width:860px){
  .wb-mobile{display:block;max-width:var(--w);margin:20px auto 6px;padding:0 12px}
  .wb-mobile .side-card{margin-bottom:14px}
  .wb-mobile .side-card:last-child{margin-bottom:0}
}

/* ---------- 维度聚合枢纽页（region / timeline / views / aliases / archive / trending） ---------- */
/* 「更多」下拉改成两列：8 个聚合入口 + 8 个隐藏频道，高度不撑爆视口 */
.nm-cols{display:grid;grid-template-columns:1fr 1fr;min-width:248px}
.nm-cols a{padding:7px 18px;font-size:13.5px;white-space:nowrap;line-height:1.5}
.nm-pop .nm-cols a.nm-feat{font-size:13.5px}

/* 列表页分面筛选条 */
.ag-filter{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:13px;color:var(--gray-2)}
.ag-filter label{color:var(--text-2);flex-shrink:0}
.ag-filter select{height:32px;min-width:120px;padding:0 26px 0 10px;border:1px solid var(--line,#eceef1);border-radius:4px;background:#fff;color:var(--text-2);font-size:13px;outline:none}
.ag-filter select:focus{border-color:var(--red)}
.ag-filter button{height:32px;padding:0 14px;border:1px solid var(--line,#eceef1);border-radius:4px;background:#fff;color:var(--text-2);font-size:13px;cursor:pointer}
.ag-filter button:hover{border-color:var(--red);color:var(--red)}
.ag-clear{font-size:12.5px;color:var(--gray-2)}
.ag-clear:hover{color:var(--red)}

/* 共用右栏 / 面包屑 / 页脚互链 */
.ag-side .side-card{padding:16px 18px 18px}
.ag-side .side-card .side-hd{margin-bottom:8px}
.ag-nav{display:flex;flex-direction:column}
.ag-nav a{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f6f6f8;font-size:13.5px;color:var(--text-2)}
.ag-nav a:last-child{border-bottom:0}
.ag-nav a i{font-style:normal;color:#c2c6ce;font-size:12px}
.ag-nav a:hover{color:var(--red)}
.ag-nav a:hover i{color:var(--red)}
.ag-crumbs{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:13px;color:var(--gray-2)}
.ag-crumbs a{color:var(--text-2)}
.ag-crumbs a:hover{color:var(--red)}
.ag-crumbs b{font-weight:600;color:var(--text)}
.ag-cat-label{font-size:12.5px;color:var(--gray-2);padding-right:2px}
.ag-footlinks{display:flex;flex-wrap:wrap;gap:10px 22px;margin:6px 0 30px;font-size:13.5px}
.ag-footlinks a{color:#5a76a8}
.ag-footlinks a:hover{color:var(--red)}
.ag-note{margin:4px 0 30px;font-size:12.5px;line-height:1.7;color:var(--gray-2)}

/* 地域索引 chips */
.rg-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 26px}
.rg-chip{display:flex;flex-direction:column;gap:3px;min-width:0;padding:12px 13px;background:#fff;border:1px solid var(--line,#eceef1);border-radius:6px;transition:border-color .15s,transform .15s}
.rg-chip b{font-size:15px;font-weight:600;color:var(--text-2)}
.rg-chip span{font-size:11.5px;color:var(--gray-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rg-chip em{font-style:normal;font-size:11.5px;color:#a9adb5}
.rg-chip:hover{border-color:var(--red);transform:translateY(-1px)}
.rg-chip:hover b{color:var(--red)}

/* 文章列表（地域详情 / 每日速览共用） */
.ag-news{background:#fff;border:1px solid var(--line,#eceef1);border-radius:8px;overflow:hidden}
.ag-news-item{display:flex;gap:14px;padding:16px 18px;border-bottom:1px solid #f4f5f7;transition:background .15s}
.ag-news-item:last-child{border-bottom:0}
.ag-news-item:hover{background:#fcfcfd}
.ag-news-item img{width:112px;height:76px;object-fit:cover;border-radius:5px;flex-shrink:0}
.ag-news-tx{min-width:0;flex:1}
.ag-news-tx h3{margin:0 0 6px;font-size:15.5px;font-weight:600;line-height:1.45;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ag-news-item:hover .ag-news-tx h3{color:var(--red)}
.ag-news-tx p{margin:0 0 7px;font-size:12.5px;line-height:1.6;color:var(--gray-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ag-news-meta{display:flex;gap:10px;font-size:11.5px;color:#a9adb5}
.ag-news-meta i{font-style:normal;color:#5a76a8}

/* 全站大事记时间线：独立 .agt-* 命名，避免与专题详情页 .tl-item 旧规则串味。
   旧 .tl-item::before 是「红边白底圆点」，同名合并后残留 border/border-radius/height
   会在年份 2026 上压出一个红色空心 O，且残留 border-left 多画一条灰竖线。 */
.agt-list{position:relative;padding-left:4px}
.agt-item{display:flex;gap:16px;padding:0 0 18px;position:relative}
.agt-item::before{content:"";position:absolute;left:97px;top:0;bottom:0;width:1px;background:#e6e9ee}
.agt-item:first-child::before{top:21px}
.agt-item:last-child::before{bottom:auto;height:22px}
.agt-date{flex:0 0 84px;text-align:center;padding-top:7px}
.agt-date b{display:block;font-size:14px;font-weight:600;color:var(--text-2);font-variant-numeric:tabular-nums}
.agt-date span{display:block;font-size:11px;color:#a9adb5}
.agt-body{position:relative;flex:1;min-width:0;margin-left:14px;padding:12px 16px;background:#fff;border:1px solid var(--line,#eceef1);border-radius:8px}
.agt-body::before{content:"";position:absolute;left:-21px;top:18px;width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px #fbeaea;z-index:1}
.agt-body p{margin:0 0 8px;font-size:14px;line-height:1.7;color:var(--text-2)}
.agt-body a{font-size:12.5px;color:#5a76a8}
.agt-body a:hover{color:var(--red)}

/* 多方观点卡 */
.vw-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vw-card{display:flex;flex-direction:column;padding:14px 16px;background:#fff;border:1px solid var(--line,#eceef1);border-radius:8px}
.vw-side{align-self:flex-start;font-size:11.5px;color:#5a76a8;background:#f2f5fa;border-radius:3px;padding:2px 8px;margin-bottom:9px}
.vw-card p{margin:0 0 10px;font-size:13.5px;line-height:1.75;color:var(--text-2);flex:1}
.vw-meta{display:flex;justify-content:space-between;gap:10px;font-size:11.5px;color:#a9adb5}
.vw-meta a{color:#5a76a8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vw-meta a:hover{color:var(--red)}

/* 别称索引 */
.al-list{background:#fff;border:1px solid var(--line,#eceef1);border-radius:8px;overflow:hidden}
.al-row{display:flex;align-items:center;gap:14px;padding:13px 16px;border-bottom:1px solid #f4f5f7}
.al-row:last-child{border-bottom:0}
.al-main{flex:0 0 190px;font-size:14.5px;font-weight:600;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.al-main:hover{color:var(--red)}
.al-aka{display:flex;flex-wrap:wrap;align-items:center;gap:6px;flex:1;min-width:0}
.al-aka span{font-size:11.5px;color:#a9adb5}
.al-aka b{font-weight:400;font-size:12.5px;color:var(--text-2);background:#f6f7f9;border-radius:3px;padding:2px 8px}
.al-row em{font-style:normal;flex-shrink:0;font-size:11.5px;color:#a9adb5}

/* 每日速览日历卡：列宽必须用 minmax(0,1fr) 锁死最小宽，
   否则长标题(white-space:nowrap)会把 1fr 撑到 min-content，第三列溢出左栏压到右栏下面 */
.ar-days{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ar-day{min-width:0;background:#fff;border:1px solid var(--line,#eceef1);border-radius:8px;padding:14px 15px;transition:border-color .15s}
.ar-day:hover{border-color:#e6c9c9}
.ar-day-hd{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:9px}
.ar-day-hd a{display:flex;align-items:baseline;gap:7px;min-width:0}
.ar-day-hd b{font-size:19px;font-weight:700;color:var(--text-2);font-variant-numeric:tabular-nums}
.ar-day-hd span{font-size:11.5px;color:#a9adb5;white-space:nowrap}
.ar-day-hd a:hover b{color:var(--red)}
.ar-day-hd em{font-style:normal;font-size:11.5px;color:var(--red);flex-shrink:0}
.ar-day-ch{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}
.ar-day-ch span{font-size:11px;color:var(--gray-2);background:#f6f7f9;border-radius:3px;padding:2px 6px}
.ar-day-tx{display:flex;flex-direction:column;gap:5px}
.ar-day-tx a{max-width:100%;min-width:0;font-size:12.5px;line-height:1.5;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ar-day-tx a:hover{color:var(--red)}

/* 上升话题榜 */
.tr-list{background:#fff;border:1px solid var(--line,#eceef1);border-radius:8px;overflow:hidden}
.tr-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #f4f5f7}
.tr-item:last-child{border-bottom:0}
.tr-item:hover{background:#fcfcfd}
.tr-no{flex:0 0 22px;font-style:normal;font-size:12px;text-align:center;color:#a9adb5;font-variant-numeric:tabular-nums}
.tr-no.is-top{color:var(--red);font-weight:600}
.tr-tx{flex:1;min-width:0}
.tr-tx b{display:block;font-size:14.5px;font-weight:600;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tr-item:hover .tr-tx b{color:var(--red)}
.tr-tx span{display:block;font-size:11.5px;color:var(--gray-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}
.tr-score,.tr-src{flex-shrink:0;font-style:normal;font-size:11.5px;color:var(--gray-2);font-variant-numeric:tabular-nums}
.tr-tag{flex:0 0 58px;text-align:center;font-size:11px;color:#a9adb5;background:#f6f7f9;border-radius:3px;padding:3px 0}
.tr-tag.is-alive{color:var(--red);background:#fbeaea}

@media (max-width:1080px){
  .rg-groups{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:700px){
  .rg-groups{grid-template-columns:repeat(2,1fr)}
  .vw-list,.ar-days{grid-template-columns:minmax(0,1fr)}
  .al-main{flex-basis:120px}
  .ag-news-item img{width:84px;height:60px}
  .tr-score,.tr-src{display:none}
}

/* =============================================================
   AI 看闻解读栏目 /aiwen/ —— 复用 bk-hero 骨架，红墨渐变呼应工作台
   ============================================================= */
.bk-hero.aw-hero{background:linear-gradient(120deg,#252a3c 0%,#3a2b46 48%,#8b3240 100%)}
.bk-hero.aw-hero::after{background:radial-gradient(55% 120% at 86% 0%,rgba(255,255,255,.16),transparent 62%)}
.aw-hero .bk-hot a.aw-hero-go{margin-left:auto;color:#fff;border:1px solid rgba(255,255,255,.42);border-radius:16px;padding:2px 12px;font-weight:600;transition:background .15s}
.aw-hero .bk-hot a.aw-hero-go:hover{background:rgba(255,255,255,.18)}

/* 列表卡片 */
.aw-list{display:flex;flex-direction:column;gap:14px}
.aw-card{background:#fff;border:1px solid var(--line,#eceef1);border-radius:10px;padding:18px 20px 16px;transition:border-color .16s,box-shadow .16s,transform .16s}
.aw-card:hover{border-color:#f0c6c6;box-shadow:0 10px 26px -20px rgba(30,36,50,.6);transform:translateY(-1px)}
.aw-card-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.aw-card-top time{margin-left:auto;font-size:11.5px;color:var(--gray-2,#8a8f99);font-variant-numeric:tabular-nums}
.aw-badge{font-size:11px;line-height:1;padding:5px 9px;border-radius:5px;background:#f4f5f8;color:#7a808b;font-weight:600;white-space:nowrap}
.aw-badge.is-best{background:#fff1e8;color:#c0692f}
.aw-badge.is-digest{background:#eef4ff;color:#4a6fb5}
.aw-badge.is-fav{background:#fff2f2;color:var(--red)}
.aw-cat{font-size:11.5px;color:#5a76a8;background:#f2f6fd;border-radius:5px;padding:4px 9px}
.aw-card h3{font-size:17px;line-height:1.55;font-weight:700;margin:11px 0 7px}
.aw-card h3 a{color:var(--text,#1a1d21)}
.aw-card h3 a:hover{color:var(--red)}
.aw-ex{font-size:13.5px;line-height:1.75;color:var(--text-2,#4a4f57);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.aw-card-ft{display:flex;align-items:center;gap:14px;margin-top:13px;padding-top:11px;border-top:1px dashed #f0f1f4;font-size:11.5px;color:var(--gray-2,#8a8f99)}
.aw-refn{color:#5a76a8}
.aw-more{margin-left:auto;color:var(--red);font-weight:600}
.aw-more i{font-style:normal;margin-left:3px}
.aw-more:hover{text-decoration:underline}
.aw-empty{line-height:2}
.aw-empty a{color:var(--red)}

/* 右栏 */
.aw-side-cta{background:linear-gradient(140deg,#fff6f5,#f6f7fc);border-color:#f3dede;padding:0 0 14px}
.aw-cta-in{padding:2px 16px 0}
.aw-cta-in p{font-size:12.5px;line-height:1.75;color:var(--text-2,#4a4f57)}
.aw-cta-in a{display:inline-block;margin-top:12px;background:var(--red);color:#fff;font-size:12.5px;font-weight:600;border-radius:7px;padding:8px 16px}
.aw-cta-in a:hover{background:#d93536}
.aw-side-list{list-style:none;padding:2px 16px 12px}
.aw-side-list li{border-bottom:1px dashed #f0f1f4}
.aw-side-list li:last-child{border-bottom:0}
.aw-side-list a{display:block;padding:9px 0;font-size:13px;line-height:1.6;color:var(--text-2,#4a4f57);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aw-side-list a:hover{color:var(--red)}
.aw-side-note p{padding:2px 16px 14px;font-size:12px;line-height:1.8;color:var(--gray-2,#8a8f99)}

/* 详情页 */
.aw-crumb{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--gray-2,#8a8f99);margin-bottom:14px}
.aw-crumb a{color:var(--text-2,#4a4f57)}
.aw-crumb a:hover{color:var(--red)}
.aw-crumb em{font-style:normal}
.aw-detail{background:#fff;border:1px solid var(--line,#eceef1);border-radius:10px;padding:26px 28px 22px}
.aw-detail-hd{padding-bottom:18px;border-bottom:1px solid var(--line,#eceef1)}
.aw-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.aw-detail h1{font-size:26px;line-height:1.45;font-weight:780;letter-spacing:-.2px;margin:14px 0 12px;color:var(--text,#1a1d21)}
.aw-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--gray-2,#8a8f99)}
.aw-answer{padding:22px 0 8px;font-size:15.5px;line-height:1.95;color:var(--text-2,#3b404b);white-space:pre-wrap;word-break:break-word}
.aw-chat{padding:20px 0 6px;display:flex;flex-direction:column;gap:16px}
.aw-chat-row{display:flex;gap:10px;align-items:flex-start}
.aw-chat-row.me{flex-direction:row-reverse}
.aw-chat-av{width:28px;height:28px;flex:0 0 28px;border-radius:8px;background:#eceef3;color:#6f7580;font-size:11px;font-weight:700;display:grid;place-items:center}
.aw-chat-row.ai .aw-chat-av{background:linear-gradient(140deg,#ff6a5e,#f04142);color:#fff}
.aw-chat-bub{max-width:82%;background:#f7f8fa;border:1px solid #eef0f4;border-radius:12px;padding:11px 15px;font-size:14px;line-height:1.85;color:var(--text-2,#3b404b);word-break:break-word}
.aw-chat-row.me .aw-chat-bub{background:#fff4f4;border-color:#fbe0e0}

/* 相关稿件：点标题展开摘要 → 了解详情 */
.aw-refs{margin-top:26px;padding-top:20px;border-top:1px solid var(--line,#eceef1)}
.aw-refs-hd{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}
.aw-refs-hd b{font-size:16px;font-weight:720}
.aw-refs-hd span{font-size:12px;color:var(--gray-2,#8a8f99)}
.aw-ref{border:1px solid var(--line,#eceef1);border-radius:9px;margin-bottom:9px;background:#fcfcfd;overflow:hidden}
.aw-ref[open]{background:#fff;border-color:#f0d2d2}
.aw-ref summary{list-style:none;display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;min-width:0}
.aw-ref summary::-webkit-details-marker{display:none}
.aw-ref summary em{font-style:normal;flex:0 0 auto;font-size:11px;color:#5a76a8;background:#f2f6fd;border-radius:4px;padding:3px 8px}
.aw-ref summary b{flex:1;min-width:0;font-size:14px;font-weight:600;line-height:1.6;color:var(--text,#1a1d21)}
.aw-ref summary i{flex:0 0 auto;font-style:normal;font-size:11.5px;color:var(--gray-2,#8a8f99)}
.aw-ref[open] summary i{color:var(--red)}
.aw-ref summary:hover b{color:var(--red)}
.aw-ref-body{padding:0 14px 14px 14px;border-top:1px dashed #f0f1f4}
.aw-ref-body p{font-size:13px;line-height:1.8;color:var(--text-2,#4a4f57);padding:12px 0 10px}
.aw-ref-go{display:inline-flex;align-items:center;gap:5px;background:var(--red);color:#fff;border-radius:7px;padding:7px 14px;font-size:12.5px;font-weight:600}
.aw-ref-go:hover{background:#d93536}
.aw-ref-go i{font-style:normal}
.aw-detail-ft{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px;padding-top:18px;border-top:1px solid var(--line,#eceef1)}
.aw-btn{display:inline-flex;align-items:center;border:1px solid var(--line,#eceef1);border-radius:8px;padding:9px 16px;font-size:13px;color:var(--text-2,#4a4f57);font-weight:600}
.aw-btn:hover{border-color:#f0c6c6;color:var(--red)}
.aw-btn.primary{background:var(--red);border-color:var(--red);color:#fff}
.aw-btn.primary:hover{background:#d93536;color:#fff}
.aw-disclaim{font-size:11.5px;line-height:1.8;color:var(--gray-2,#8a8f99);margin-top:16px}

/* ---- v2：时效性日期 / 联网补充 / 延伸关联 ---- */
.aw-date-tag{font-size:12px;font-weight:600;color:#8a7a52;background:#fff7e6;border:1px solid #f2e3bd;border-radius:5px;padding:3px 8px;white-space:nowrap;margin-left:6px;vertical-align:middle}
.aw-detail h1 .aw-date-tag{font-size:12.5px;letter-spacing:0}
.aw-topic{font-size:11px;color:#8a6a3a;background:#fff7ea;border-radius:5px;padding:4px 9px}
.aw-web-tag{font-size:11px;color:#2f7a63;background:#eaf7f1;border:1px solid #cfeadf;border-radius:5px;padding:4px 9px;font-weight:600}
.aw-timely{display:flex;align-items:flex-start;gap:12px;background:linear-gradient(100deg,#fff9ec,#fffdf8);border:1px solid #f3e2bd;border-left:3px solid #e0a83c;border-radius:8px;padding:13px 16px;margin:0 0 20px}
.aw-timely b{flex:0 0 auto;font-size:12.5px;color:#9a6d1f;font-weight:700;padding-top:1px}
.aw-timely span{font-size:12.5px;line-height:1.8;color:#7a6a48}
.aw-timely strong{color:#8a5b12;font-weight:700}

.aw-refs.aw-web{margin-top:20px}
.aw-refs.aw-web .aw-ref{background:#fbfdfc;border-color:#e4efe9}
.aw-refs.aw-web .aw-ref[open]{border-color:#bfe0d0}
.aw-ref summary em.aw-ref-src{color:#2f7a63;background:#eaf7f1}
.aw-ref-tm{flex:0 0 auto;font-size:11px;color:var(--gray-2,#8a8f99);font-variant-numeric:tabular-nums}

.aw-links{margin-top:26px;padding-top:20px;border-top:1px solid var(--line,#eceef1)}
.aw-links-hd,.aw-ext-hd{display:flex;align-items:baseline;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.aw-links-hd b,.aw-ext-hd b{font-size:16px;font-weight:720}
.aw-links-hd span,.aw-ext-hd span{font-size:12px;color:var(--gray-2,#8a8f99)}
.aw-links-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.aw-link-col{min-width:0;border:1px solid var(--line,#eceef1);border-radius:9px;background:#fcfcfd;padding:13px 15px 10px}
.aw-link-col-hd{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px dashed #eef0f3}
.aw-link-col-hd b{font-size:13px;font-weight:700;color:var(--text,#1a1d21)}
.aw-link-col-hd a{margin-left:auto;font-size:11.5px;color:#5a76a8}
.aw-link-col-hd a:hover{color:var(--red)}
.aw-link-col ul{list-style:none;margin:0;padding:0}
.aw-link-col li{font-size:12.5px;line-height:1.65;padding:4px 0;min-width:0}
.aw-link-col li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-2,#4a4f57)}
.aw-link-col li a:hover{color:var(--red)}
.aw-ext{margin-top:20px;padding:16px 18px;border:1px dashed #e2e5ec;border-radius:9px;background:#fafbfd}
.aw-ext-hd{margin-bottom:11px}
.aw-ext-links{display:flex;gap:9px;flex-wrap:wrap}
.aw-ext-links a{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:#4a5f86;background:#fff;border:1px solid #e4e8ef;border-radius:7px;padding:7px 13px}
.aw-ext-links a:hover{border-color:#f0c6c6;color:var(--red)}
.aw-ext-links a i{font-style:normal;font-size:11px}

@media (max-width:860px){
  .aw-detail{padding:20px 16px 18px}
  .aw-detail h1{font-size:21px}
  .aw-card{padding:15px 16px 13px}
  .aw-card h3{font-size:15.5px}
  .aw-hero .bk-hot a.aw-hero-go{margin-left:0}
  .aw-links-grid{grid-template-columns:minmax(0,1fr)}
  .aw-timely{flex-direction:column;gap:4px}
}

/* ============ 时时看报 /realtime/：实时数据卡 + 时效解读 ============ */
.aw-hero-rt{background:linear-gradient(120deg,#1d2b45 0%,#1e4a54 52%,#2f7a63 100%)}
.rt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0 6px}
.rt-card{background:#fff;border:1px solid #e8e8ee;border-radius:10px;padding:14px 16px;min-width:0;box-shadow:0 1px 3px rgba(20,24,40,.05)}
.rt-card-hd{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}
.rt-card-hd h3{font-size:15px;margin:0;color:#22243a}
.rt-src{font-size:11px;color:#8a90a0;white-space:nowrap}
.rt-card ul{list-style:none;margin:0;padding:0}
.rt-card li{font-size:13.5px;color:#33364d;line-height:1.55;padding:5px 0 5px 12px;border-top:1px dashed #efeff4;position:relative}
.rt-card li:first-child{border-top:0}
.rt-card li::before{content:'';position:absolute;left:0;top:13px;width:5px;height:5px;border-radius:50%;background:#2f7a63}
.rt-card-crypto li::before{background:#8b3240}
.rt-card-fx li::before{background:#2e5fa3}
.rt-card-weather li::before{background:#3a8ec4}
.rt-card-clock li::before{background:#c98a37}
.rt-card li{font-variant-numeric:tabular-nums}
@media (max-width:760px){
  .rt-grid{grid-template-columns:minmax(0,1fr)}
  .rt-card{padding:12px 13px}
}
.aw-rt{display:flex;gap:10px;align-items:flex-start;background:#f4faf7;border:1px solid #d8ecdf;border-left:3px solid #2f7a63;border-radius:8px;padding:11px 14px;margin:0 0 14px}
.aw-rt b{flex:none;font-size:12.5px;color:#2f7a63;white-space:nowrap;padding-top:2px}
.aw-rt span{font-size:13px;color:#3d4a44;line-height:1.65}
.aw-rt em{display:block;font-style:normal;font-size:12px;color:#6d8a7d;margin-top:3px}

/* --- 时时看报布局调整：数据卡进右栏单列 / 侧栏内距 / 解读两栏 --- */
.col-side .rt-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin:0 0 16px}
.col-side .rt-card{padding:13px 15px;box-shadow:none}
.col-side .rt-card-hd{margin-bottom:6px}
.col-side .rt-card-hd h3{font-size:14px}
.col-side .rt-card li{font-size:12.5px;line-height:1.5;padding:5px 0 5px 12px}
.col-side .rt-card li::before{top:11px}
.aw-side-cta{padding:0 0 16px}
.aw-cta-in{padding:4px 18px 2px}
.aw-cta-in p{font-size:13px}
.aw-side-note p{padding:4px 18px 16px;font-size:12.5px}
.rt-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.rt-list .aw-card h3{font-size:16px}
@media (max-width:760px){
  .rt-list{grid-template-columns:minmax(0,1fr)}
}

/* AI 看闻 / 时时看报 侧栏内距收紧：卡片间距、CTA 与下一节不再脱节 */
.aw-side .side-card{margin-bottom:14px}
.aw-side .side-card:last-child{margin-bottom:0}
.aw-side .rt-grid{margin:0 0 14px}
.aw-side .aw-side-cta{padding-bottom:12px}
.aw-side .aw-cta-in a{margin-top:10px}
