/* 推荐区独立限定阅读宽度；主文章与主题目录共用对齐线，避免宽屏横向拉成细长图带。 */
#site-viewport #home-knowledge{padding:clamp(28px,5svh,64px) max(32px,calc((100% - 1940px)/2));gap:clamp(22px,3svh,40px)}
#site-viewport #home-knowledge .home-knowledge-heading{align-items:center}
#site-viewport #home-knowledge .home-knowledge-title{font-size:clamp(34px,2.5vw,52px)}
#site-viewport #home-knowledge .home-knowledge-intro{font-size:clamp(16px,.9vw,19px);margin-top:12px}
#site-viewport #home-knowledge .home-knowledge-list{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);grid-template-rows:repeat(var(--knowledge-rows,4),minmax(0,1fr));column-gap:clamp(36px,4vw,88px);row-gap:0}
#site-viewport #home-knowledge .home-latest-article{grid-column:2;min-width:0;border-bottom:1px solid #9abbeb40}
#site-viewport #home-knowledge .home-article-entry{display:grid;grid-template-columns:clamp(112px,min(8vw,12svh),180px) minmax(0,1fr) 24px;grid-template-rows:auto 1fr;align-content:center;align-items:center;column-gap:22px;row-gap:8px;border:0;padding:20px 0;width:100%}
#site-viewport #home-knowledge .home-article-image{grid-row:1/3;width:100%;height:auto;aspect-ratio:970/728;object-fit:contain;padding:0;background:#f3f6fa;border-radius:4px}
#site-viewport #home-knowledge .home-article-meta{grid-column:2;display:flex;gap:4px 12px;font-size:14px;line-height:1.5;margin:0;color:#abc0db}
#site-viewport #home-knowledge .home-article-category{color:#d0dded}
#site-viewport #home-knowledge .home-article-status{display:none}
#site-viewport #home-knowledge .home-article-title{grid-column:2;font-size:clamp(19px,1.13vw,26px);line-height:1.5;letter-spacing:0;font-weight:500;margin:0;overflow-wrap:break-word}
/* 宣传前缀在多篇稿件中重复；保留可访问的完整原题，视觉层只突出各篇文章的主题。 */
#site-viewport #home-knowledge .home-article-context{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#site-viewport #home-knowledge .home-article-read{grid-column:3;grid-row:1/3;font-size:0;margin:0;padding:0;text-decoration:none}
#site-viewport #home-knowledge .home-article-read::after{content:'↗';font-size:24px;color:#abc0db}
#site-viewport #home-knowledge .is-featured{grid-column:1;grid-row:1/span var(--knowledge-rows,4);border:0}
#site-viewport #home-knowledge .is-featured .home-article-entry{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:0}
#site-viewport #home-knowledge .is-featured .home-article-image{height:clamp(200px,32svh,420px);aspect-ratio:auto;margin-bottom:22px}
#site-viewport #home-knowledge .is-featured .home-article-meta{margin-bottom:12px}
#site-viewport #home-knowledge .is-featured .home-article-title{font-size:clamp(24px,1.65vw,36px);line-height:1.45}
#site-viewport #home-knowledge .is-featured .home-article-read{font-size:16px;margin-top:auto;padding-top:22px}
#site-viewport #home-knowledge .is-featured .home-article-read::after{content:none}
#site-viewport #home-knowledge .is-single{grid-template-columns:1fr}
#site-viewport #home-knowledge .home-article-entry:focus-visible{outline:2px solid #b8d8ff;outline-offset:7px;border-radius:4px}
/* 矮屏将缩略图和行距收紧，完整保留标题；平板、手机恢复自然阅读长度。 */
@media(min-width:1001px) and (max-height:850px){
  #site-viewport #home-knowledge{padding-top:24px;padding-bottom:24px;gap:22px}
  #site-viewport #home-knowledge .home-article-entry{padding:13px 0;column-gap:16px;grid-template-columns:112px minmax(0,1fr) 20px;row-gap:5px}
  #site-viewport #home-knowledge .home-article-title{font-size:18px;line-height:1.45}
  #site-viewport #home-knowledge .is-featured .home-article-title{font-size:24px}
  #site-viewport #home-knowledge .is-featured .home-article-image{height:clamp(180px,29svh,245px);margin-bottom:16px}
}
@container website (max-width:1000px){
  #site-viewport #home-knowledge{height:auto;min-height:0;padding:48px 28px;gap:28px}
  #site-viewport #home-knowledge .home-knowledge-list{grid-template-columns:1fr;grid-template-rows:auto;gap:0}
  #site-viewport #home-knowledge .home-latest-article,#site-viewport #home-knowledge .is-featured{grid-column:1;grid-row:auto}
  #site-viewport #home-knowledge .is-featured{padding-bottom:28px;border-bottom:1px solid #9abbeb40}
  #site-viewport #home-knowledge .is-featured .home-article-image{height:clamp(220px,44cqw,400px)}
  #site-viewport #home-knowledge .home-article-entry{grid-template-columns:128px minmax(0,1fr) 20px}
  #site-viewport #home-knowledge .home-article-title{font-size:20px}
}
@container website (max-width:600px){
  #site-viewport #home-knowledge{padding:40px 22px}
  #site-viewport #home-knowledge .home-knowledge-heading{align-items:flex-start;gap:10px}
  #site-viewport #home-knowledge .home-knowledge-title{font-size:32px}
  #site-viewport #home-knowledge .home-knowledge-intro{font-size:16px}
  #site-viewport #home-knowledge .home-article-entry{grid-template-columns:88px minmax(0,1fr);column-gap:14px;padding:22px 0}
  #site-viewport #home-knowledge .home-article-title{font-size:18px;line-height:1.55}
  #site-viewport #home-knowledge .home-article-meta{font-size:14px;gap:2px 8px}
  #site-viewport #home-knowledge .home-article-read{display:none}
  #site-viewport #home-knowledge .is-featured .home-article-read{display:block}
  #site-viewport #home-knowledge .is-featured .home-article-title{font-size:25px}
}

/* 六篇仅在高电脑屏同时展开；较矮整屏保留五篇，避免新增文章后把最后一项推到下一屏。 */
@media(min-width:1001px) and (max-height:1099px){
  #site-viewport #home-knowledge .home-knowledge-list.has-six{--knowledge-rows:4!important}
  #site-viewport #home-knowledge .has-six .home-latest-article:nth-child(6){display:none}
}
/* 目录首项取消行首内边距，让两栏封面与首项分类共用顶部基线；窄屏仍沿用列表间距。 */
@container website (min-width:1001px){
  #site-viewport #home-knowledge .home-latest-article:nth-child(2) .home-article-entry{padding-top:0}
  #site-viewport #home-knowledge .home-latest-article:nth-child(2) .home-article-image,
  #site-viewport #home-knowledge .home-latest-article:nth-child(2) .home-article-meta{align-self:start}
}

/* 交互沿用技术支持的受光与进退节奏；光层不占布局，也不覆盖文章的点击区域。 */
#site-viewport #home-knowledge .home-article-entry{position:relative;isolation:isolate;transition:transform .35s ease}
#site-viewport #home-knowledge .home-article-entry::before{content:"";position:absolute;z-index:-1;inset:0 -10px;pointer-events:none;border-radius:4px;background:linear-gradient(90deg,#2f63b424,transparent 85%);box-shadow:inset 2px 0 #b7d3fa80;opacity:0;transition:opacity .3s ease}
#site-viewport #home-knowledge .is-featured .home-article-entry::before{inset:-10px;border:1px solid #b7d3fa80;background:radial-gradient(ellipse at 50% 100%,#4d86cf33,transparent 70%);box-shadow:inset 0 1px #d8e9ff33,0 28px 56px #00061859}
#site-viewport #home-knowledge .home-article-read{transition:transform .35s ease,color .25s ease}
#site-viewport #home-knowledge .home-article-subject{transition:color .25s ease}
#site-viewport #home-knowledge .home-article-entry:focus-visible::before{opacity:1}
#site-viewport #home-knowledge .home-article-entry:focus-visible .home-article-subject{color:#b8d8ff}
@media(hover:hover) and (pointer:fine){
  #site-viewport #home-knowledge .home-article-entry:hover{transform:translateX(3px);transition-duration:.25s}
  #site-viewport #home-knowledge .is-featured .home-article-entry:hover{transform:translateY(-5px)}
  #site-viewport #home-knowledge .home-article-entry:hover::before{opacity:1}
  #site-viewport #home-knowledge .home-article-entry:hover .home-article-read{transform:translate(3px,-3px);transition-duration:.25s}
}
/* 减少动态时保留静态受光和焦点轮廓，不进行上浮、横移或渐变过渡。 */
@media(prefers-reduced-motion:reduce){
  #site-viewport #home-knowledge .home-article-entry,
  #site-viewport #home-knowledge .home-article-entry::before,
  #site-viewport #home-knowledge .home-article-read,
  #site-viewport #home-knowledge .home-article-subject{transition:none}
  #site-viewport #home-knowledge .home-article-entry:hover,
  #site-viewport #home-knowledge .is-featured .home-article-entry:hover,
  #site-viewport #home-knowledge .home-article-entry:hover .home-article-read{transform:none}
}