/* ============================================================
   资讯分类 · 卡片列表（2026-10-25）
   ------------------------------------------------------------
   卡片只做三件事：日期、大标题、摘要。
   hover 时的「光影流动」由两层叠出来：
     ① ::before  跟随鼠标的柔光 —— 坐标由 JS 写进 --mx/--my
     ② ::after   一道缓慢横移的斜向光带（只在 .cdLive 时才跑，
                 系统开了「减少动态效果」就不加这个类）
   两层都压在文字下面（.cdCard > * 抬到 z-index:1），不糊字。
   ============================================================ */

.cdWrap{
  max-width:1180px;margin:0 auto;
  padding:clamp(28px,4.4vh,52px) clamp(20px,4vw,56px) clamp(40px,6vh,72px);
}

/* ── 头 ── */
.cdHead{padding-bottom:clamp(18px,2.6vh,28px);margin-bottom:clamp(20px,3vh,30px);
  border-bottom:1px solid var(--line2)}
.cdKick{font-size:10px;letter-spacing:.32em;color:var(--muted);margin-bottom:12px}
.cdHead h1{
  font-family:"Songti SC","Source Han Serif SC",serif;
  font-size:clamp(26px,3.2vw,40px);font-weight:600;line-height:1.3;
  letter-spacing:.02em;color:var(--ink);
}
.cdDesc{margin-top:12px;font-size:13.5px;line-height:1.95;color:var(--ink2);max-width:44em}
.cdStat{margin-top:14px;font-size:11px;letter-spacing:.14em;color:var(--muted)}
.cdStat b{font-family:"SF Mono",Menlo,monospace;font-weight:400;
  font-size:14px;color:var(--ink);margin-right:2px}

/* ── 栅格 ── */
.cdGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,1.8vw,20px)}

/* ── 卡片 ── */
.cdCard{
  position:relative;display:flex;flex-direction:column;overflow:hidden;
  padding:clamp(20px,2.2vw,28px);
  border:1px solid var(--line);border-radius:10px;
  background:linear-gradient(158deg,#f6f3ea,#eae6da);
  text-decoration:none;color:var(--ink);
  transition:transform .4s cubic-bezier(.22,1,.36,1),
             box-shadow .4s cubic-bezier(.22,1,.36,1),
             border-color .3s;
}
.cdCard > *{position:relative;z-index:1}

/* ① 跟随鼠标的柔光：白光 + 一层金调 */
.cdCard::before{
  content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;
  pointer-events:none;opacity:0;transition:opacity .45s ease;
  background:
    radial-gradient(300px circle at var(--mx,50%) var(--my,0%),
      rgba(255,255,255,1) 0%, rgba(255,252,244,.72) 34%, rgba(255,255,255,0) 68%),
    radial-gradient(720px circle at var(--mx,50%) var(--my,0%),
      rgba(200,162,90,.22) 0%, rgba(200,162,90,0) 66%);
}
.cdCard:hover::before{opacity:1}

/* ② 缓慢横移的斜向光带 */
.cdCard::after{
  content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;
  pointer-events:none;opacity:0;transition:opacity .4s ease;
  background:linear-gradient(105deg,
    transparent 40%, rgba(255,255,255,.95) 50%, transparent 60%);
  background-size:250% 100%;background-position:130% 0;
}
.cdCard.cdLive:hover::after{opacity:1;animation:cdSweep 3.8s cubic-bezier(.4,0,.2,1) infinite}
@keyframes cdSweep{
  0%   {background-position:130% 0}
  62%, 100%{background-position:-30% 0}
}

.cdCard:hover{
  transform:translateY(-3px);
  border-color:var(--line2);
  box-shadow:0 22px 50px rgba(21,26,23,.16), 0 3px 8px rgba(21,26,23,.06);
}

/* ── 卡内容 ── */
.cdDate{
  font-family:"SF Mono",Menlo,monospace;font-size:10.5px;
  letter-spacing:.16em;color:var(--muted);
}
.cdTitle{
  margin:10px 0 0;font-family:"Songti SC","Source Han Serif SC",serif;
  font-size:clamp(17px,1.55vw,21px);line-height:1.5;font-weight:600;
  letter-spacing:.01em;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.cdEx{
  margin:11px 0 0;font-size:12.8px;line-height:1.85;color:var(--ink2);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.cdGo{
  margin-top:auto;padding-top:16px;font-size:11px;letter-spacing:.14em;
  color:var(--accent);display:inline-block;
}
.cdCard:hover .cdGo{color:var(--accent2-ink,var(--accent2))}

.cdEmpty{padding:40px 0;color:var(--muted);font-size:13px}

/* ── 分页 ── */
.cdPager{margin-top:clamp(26px,4vh,40px);text-align:center}
.cdPager .page-numbers{
  display:inline-block;min-width:34px;padding:7px 10px;margin:0 3px;
  font-size:12px;text-decoration:none;color:var(--ink2);
  border:1px solid var(--line);border-radius:2px;background:#fff;
}
.cdPager .page-numbers.current{
  background:var(--accent);border-color:var(--accent);color:#fff;
}
.cdPager .page-numbers.dots{border:0;background:none}

/* ── 手机：单列，卡片内边距收一档 ── */
@media (max-width:760px){
  .cdGrid{grid-template-columns:1fr;gap:12px}
  .cdCard{padding:18px 17px;border-radius:8px}
  .cdTitle{font-size:17px}
  .cdEx{font-size:12.5px}
  .cdWrap{padding-left:18px;padding-right:18px}
}

/* 系统要求减少动态效果：光带不跑，柔光仍在（它只是位置跟随，不算动画） */
@media (prefers-reduced-motion: reduce){
  .cdCard, .cdCard::after{transition:none}
  .cdCard.cdLive:hover::after{animation:none;opacity:0}
}