/* AI 解读（2026-10-24 按设计稿重做）。只作用于 .v3-jiedu；颜色只用外壳令牌，深色跟着 html.dark 走，整页没有深色块。
   登录态跟外壳：body.sv3-in = 已登录，body.sv3-mem = 有效会员。 */
.v3-jiedu{--jl-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --jl-rose-soft:color-mix(in srgb,var(--sv-rose) 10%,var(--sv-bg));
  --jl-sh2:0 1px 2px rgba(12,12,14,.04),0 10px 30px -12px rgba(12,12,14,.18);
  --jl-play:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4.5v15l13-7.5z'/%3E%3C/svg%3E");
  --jl-lock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='2.5'/%3E%3Cpath d='M8.5 10.5V8a3.5 3.5 0 0 1 7 0v2.5'/%3E%3C/svg%3E")}
html.dark .v3-jiedu{--jl-rose-soft:color-mix(in srgb,var(--sv-rose) 16%,var(--sv-bg));--jl-sh2:0 1px 2px rgba(0,0,0,.3),0 12px 30px -12px rgba(0,0,0,.7)}
.v3-jiedu [hidden]{display:none!important}
.v3-jiedu h1,.v3-jiedu h2,.v3-jiedu h3,.v3-jiedu p{margin:0}
.v3-jiedu .i{flex:none}
/* 外壳在解读页自带一条老栏目带（build.header_v3 对 active=list 输出）；新页面有自己的筛选条，藏掉免得出两条 */

/* ---------- 刊头 ---------- */
.v3-jiedu .jl-hd{padding-top:40px}
.v3-jiedu .jl-h{display:flex;justify-content:space-between;align-items:flex-end;gap:20px 32px;flex-wrap:wrap}
.v3-jiedu .v3-kick .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor}
.v3-jiedu .jl-t{font-size:clamp(30px,3.6vw,44px);letter-spacing:-.035em;line-height:1.15;margin-top:10px;font-weight:700}
.v3-jiedu .jl-t em{font-style:normal;background:linear-gradient(92deg,var(--sv-rose) 10%,#ff8fae 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.v3-jiedu .jl-s{font-size:13.5px;color:var(--sv-ink-3);margin-top:8px}
.v3-jiedu .jl-s b{color:var(--sv-ink);font-weight:600}
.v3-jiedu .jl-q{display:flex;align-items:center;gap:8px;height:38px;width:min(360px,100%);padding:0 12px;border-radius:10px;
  background:var(--sv-bg-2);box-shadow:inset 0 0 0 1px var(--sv-line);color:var(--sv-ink-3);cursor:text}
.v3-jiedu .jl-q:focus-within{box-shadow:inset 0 0 0 1.5px var(--sv-rose)}
.v3-jiedu .jl-q input{flex:1;min-width:0;height:100%;border:0;padding:0;background:none;outline:none;font:inherit;font-size:13.5px;color:var(--sv-ink);
  -webkit-appearance:none;appearance:none}
.v3-jiedu .jl-q input::placeholder{color:var(--sv-ink-3)}

/* ---------- 筛选条：吸在外壳顶栏（52px）下面 ---------- */
.v3-jiedu .jl-bar{position:sticky;top:52px;z-index:30;margin-top:24px;background:color-mix(in srgb,var(--sv-bg) 90%,transparent);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--sv-line);border-bottom:1px solid var(--sv-line)}
.v3-jiedu .jl-bar .v3-wrap{display:flex;align-items:center;gap:12px;padding-top:10px;padding-bottom:10px}
.v3-jiedu .jl-cats{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
.v3-jiedu .jl-cats::-webkit-scrollbar{display:none}
.v3-jiedu .jl-cats button{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;padding:6px 13px;border-radius:999px;
  background:var(--sv-bg);box-shadow:inset 0 0 0 1px var(--sv-line);color:var(--sv-ink-2);white-space:nowrap;transition:background .15s,color .15s}
.v3-jiedu .jl-cats button small{font-family:var(--jl-mono);font-size:11px;color:var(--sv-ink-3)}
.v3-jiedu .jl-cats button:hover{box-shadow:inset 0 0 0 1px var(--sv-line-2);color:var(--sv-ink)}
.v3-jiedu .jl-cats button[aria-pressed="true"]{background:var(--sv-ink);color:var(--sv-bg);box-shadow:none}
.v3-jiedu .jl-cats button[aria-pressed="true"] small{color:inherit;opacity:.7}
.v3-jiedu .jl-bar .v3-seg{flex:none;flex-wrap:nowrap}

/* ---------- 今日精选 ---------- */
.v3-jiedu .jl-lab{font-size:13px;font-weight:600;color:var(--sv-ink-3);margin:30px 0 12px}
.v3-jiedu .jl-lead{display:grid;align-items:center;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);border-radius:26px;overflow:hidden;
  background:linear-gradient(120deg,var(--jl-rose-soft),var(--sv-bg-2) 60%);box-shadow:inset 0 0 0 1px var(--sv-line)}
.v3-jiedu .jl-lt{order:1;padding:30px 34px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.v3-jiedu .jl-li{order:2;display:block;padding:24px 24px 24px 0}
.v3-jiedu .jl-li img,.v3-jiedu .jl-li .nc{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:16px;
  box-shadow:0 0 0 1px var(--sv-line),var(--jl-sh2);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.v3-jiedu .jl-li:hover img{transform:scale(1.02)}
.v3-jiedu .jl-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px}
.v3-jiedu .jl-tags .c{font-weight:600;color:var(--sv-ink);padding:2px 10px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--sv-line-2)}
.v3-jiedu .jl-tags .ok{display:inline-flex;align-items:center;gap:3px;color:var(--sv-ok);font-weight:600}
.v3-jiedu .jl-tags .no{font-family:var(--jl-mono);color:var(--sv-ink-3)}
.v3-jiedu .jl-lt h2{font-size:clamp(22px,2.3vw,30px);line-height:1.3;letter-spacing:-.025em;margin-top:14px;font-weight:700;text-wrap:pretty}
.v3-jiedu .jl-lt h2 a{transition:color .15s}
.v3-jiedu .jl-lt h2 a:hover{color:var(--sv-rose)}
.v3-jiedu .jl-lt p{font-size:15px;color:var(--sv-ink-2);line-height:1.75;margin-top:12px}
.v3-jiedu .jl-act{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px}
.v3-jiedu .jl-dt{font-size:12.5px;color:var(--sv-ink-3);margin-left:4px}

/* ---------- 列表头 + 按天分组 ---------- */
.v3-jiedu .jl-lh{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:36px}
.v3-jiedu .jl-count{font-size:13px;color:var(--sv-ink-3)}
.v3-jiedu .jl-count b{color:var(--sv-ink);font-weight:600}
.v3-jiedu .jl-day{margin-top:44px}
.v3-jiedu .jl-dh{display:flex;align-items:baseline;gap:12px;margin:0 0 22px;font-size:inherit;font-weight:inherit}
.v3-jiedu .jl-dh b{font-size:22px;letter-spacing:-.025em;font-weight:700;white-space:nowrap}
.v3-jiedu .jl-dh span{font-size:13px;color:var(--sv-ink-3)}
.v3-jiedu .jl-dh::after{content:"";flex:1;min-width:20px;height:1px;background:var(--sv-line);align-self:center}
.v3-jiedu .jl-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}
.v3-jiedu .jl-empty{padding:72px 0 24px;text-align:center;color:var(--sv-ink-3);font-size:14px}
.v3-jiedu .jl-more{display:flex;flex-direction:column;align-items:center;gap:10px;margin:48px 0 8px}
.v3-jiedu .jl-st{font-size:13px;color:var(--sv-ink-3);min-height:1em}

/* ---------- 卡片 ---------- */
.v3-jiedu .jl-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.v3-jiedu .jl-card .im{display:block;width:100%;border-radius:14px;overflow:hidden;aspect-ratio:1200/630;background:var(--sv-bg-3);box-shadow:0 0 0 1px var(--sv-line)}
.v3-jiedu .jl-card .im img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.v3-jiedu .jl-card:hover .im img{transform:scale(1.04)}
.v3-jiedu .jl-mt{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:11.5px;color:var(--sv-ink-3);margin-top:10px}
.v3-jiedu .jl-mt i{width:3px;height:3px;border-radius:50%;background:var(--sv-ink-3);opacity:.6}
.v3-jiedu .jl-rd{font-family:var(--jl-mono)}
.v3-jiedu .jl-mem{font-size:10.5px;font-weight:600;color:var(--sv-gold);background:var(--sv-gold-soft);border-radius:5px;padding:0 6px;line-height:17px}
.v3-jiedu .jl-seen{display:inline-flex;align-items:center;gap:2px;font-size:10.5px;font-weight:600;color:var(--sv-ok)}
.v3-jiedu .jl-card h3{font-size:15px;font-weight:650;line-height:1.45;margin-top:4px;letter-spacing:-.01em}
.v3-jiedu .jl-card h3 a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s}
.v3-jiedu .jl-card h3 a:hover{color:var(--sv-rose)}
.v3-jiedu .jl-pod{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:11.5px;font-weight:600;color:var(--sv-rose);
  padding:2px 8px;border-radius:7px;background:var(--jl-rose-soft);transition:background .15s,color .15s}
.v3-jiedu .jl-pod:hover{background:var(--sv-rose);color:#fff}
/* 播客小标的图标（只在这里定义一次，不在每张卡里内联）：要会员的期，非会员看到锁，会员看到播放键 */
.v3-jiedu .jl-pod::before,.v3-jiedu .jl-lp::before{content:"";flex:none;width:10px;height:10px;background:currentColor;
  -webkit-mask:var(--jl-play) center/contain no-repeat;mask:var(--jl-play) center/contain no-repeat}
.v3-jiedu .jl-pod.lock::before,.v3-jiedu .jl-lp.lock::before{width:11px;height:11px;-webkit-mask-image:var(--jl-lock);mask-image:var(--jl-lock)}
body.sv3-mem .v3-jiedu .jl-pod.lock::before,body.sv3-mem .v3-jiedu .jl-lp.lock::before{width:10px;height:10px;-webkit-mask-image:var(--jl-play);mask-image:var(--jl-play)}
/* 没有封面的文章：分类 + 标题排成一张字卡 */
.v3-jiedu .nc{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;width:100%;height:100%;padding:16px 18px;
  background:linear-gradient(150deg,var(--sv-bg-2),var(--sv-bg-3));color:var(--sv-ink)}
.v3-jiedu .nc i{font-style:normal;font-size:11.5px;font-weight:600;color:var(--sv-rose)}
.v3-jiedu .nc b{font-size:15px;line-height:1.35;font-weight:700;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.v3-jiedu .jl-li .nc{padding:28px 30px}
.v3-jiedu .jl-li .nc b{font-size:22px}

/* ---------- 按栏目：每个栏目一行橱窗 ---------- */
.v3-jiedu .jl-row{margin-top:44px}
.v3-jiedu .jl-rh{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.v3-jiedu .jl-rh h2{font-size:21px;letter-spacing:-.02em;font-weight:700;white-space:nowrap}
.v3-jiedu .jl-rh span{font-size:12.5px;color:var(--sv-ink-3);min-width:0}
.v3-jiedu .jl-sp{flex:1}
.v3-jiedu .jl-rh .go{font-size:13px;font-weight:600;color:var(--sv-rose);margin-left:6px;white-space:nowrap}
.v3-jiedu .jl-ar{flex:none;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--sv-line-2);color:var(--sv-ink-2);display:grid;place-items:center}
.v3-jiedu .jl-ar:hover{color:var(--sv-ink);box-shadow:inset 0 0 0 1px var(--sv-ink-3)}
.v3-jiedu .jl-sc{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px)/4.3);gap:18px;overflow-x:auto;
  scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.v3-jiedu .jl-sc::-webkit-scrollbar{display:none}
.v3-jiedu .jl-sc .jl-card{scroll-snap-align:start}
.v3-jiedu .jl-all{display:flex;justify-content:center;margin:56px 0 8px}

/* ---------- 响应式 ---------- */
@media (max-width:1000px){
  .v3-jiedu .jl-lead{grid-template-columns:minmax(0,1fr)}
  .v3-jiedu .jl-li{order:0;padding:0}
  .v3-jiedu .jl-li img,.v3-jiedu .jl-li .nc{border-radius:0;box-shadow:none}
  .v3-jiedu .jl-lt{padding:22px 24px 26px}
  .v3-jiedu .jl-sc{grid-auto-columns:calc((100% - 36px)/2.6)}
}
@media (max-width:920px){
  .v3-jiedu .jl-g3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .v3-jiedu .jl-hd{padding-top:24px}
  .v3-jiedu .jl-q{width:100%}
  .v3-jiedu .jl-bar .v3-wrap{gap:8px}
  .v3-jiedu .jl-acc{display:none}
  .v3-jiedu .jl-lead{border-radius:20px}
  .v3-jiedu .jl-sc{grid-auto-columns:72%;gap:12px;margin-right:-16px;padding-right:16px}
  .v3-jiedu .jl-ar{display:none}
  .v3-jiedu .jl-rh h2{font-size:18px}
  .v3-jiedu .jl-dh b{font-size:20px}
  .v3-jiedu .jl-day{margin-top:36px}
}
@media (max-width:600px){
  .v3-jiedu .jl-g3{grid-template-columns:minmax(0,1fr);gap:28px}
}
@media (prefers-reduced-motion:reduce){
  .v3-jiedu .jl-card .im img,.v3-jiedu .jl-li img{transition:none}
}