/* 只调整知识中心列表的中文界面；文章详情和支持页不匹配这些选择器，原文标题与摘要继续使用现有英文字体。 */
html[data-language="zh-CN"] #page-content .res-library[data-knowledge-language="zh-CN"]{font-family:"Microsoft YaHei","PingFang SC","Carbon Sora",sans-serif}
html[data-language="zh-CN"] #page-content .res-library[data-knowledge-language="zh-CN"] h1{font-size:clamp(42px,4.5cqw,64px);line-height:1.35;letter-spacing:0}
html[data-language="zh-CN"] #page-content .res-library[data-knowledge-language="zh-CN"] .res-library-hero .ph-lead{font-size:18px;line-height:1.85;max-width:34em}
html[data-language="zh-CN"] #page-content .res-library[data-knowledge-language="zh-CN"] .ph-callout h2{font-size:clamp(30px,3cqw,42px);line-height:1.45;letter-spacing:0;max-width:13em}
html[data-language="zh-CN"] #page-content .res-library[data-knowledge-language="zh-CN"] .res-filters h2{font-size:24px;letter-spacing:0;line-height:1.5}
html[data-language="zh-CN"] #page-content .res-library[data-knowledge-language="zh-CN"] [lang="en"]{font-family:"Carbon Sora",sans-serif}
html[data-language="zh-CN"] #page-content .res-library[data-knowledge-language="zh-CN"] h2[lang="en"],html[data-language="zh-CN"] #page-content .res-library[data-knowledge-language="zh-CN"] h3[lang="en"]{font-family:"Carbon Sora",sans-serif}
/* 中文分类和元信息允许自然换行，数量与按钮保持可读，不压缩文章原文或删减空分类。 */
.res-library[data-knowledge-language="zh-CN"] .res-type-options button{letter-spacing:0;line-height:1.65}
.res-library[data-knowledge-language="zh-CN"] .res-meta{line-height:1.8;row-gap:6px}
.res-library[data-knowledge-language="zh-CN"] .res-meta time{white-space:normal}
.res-library[data-knowledge-language="zh-CN"] .res-pagination{flex-wrap:wrap;gap:12px 20px}
@container website (max-width:560px){
  html[data-language="zh-CN"] #page-content .res-library[data-knowledge-language="zh-CN"] h1{font-size:36px}
  html[data-language="zh-CN"] #page-content .res-library[data-knowledge-language="zh-CN"] .res-library-hero .ph-lead{font-size:17px}
  html[data-language="zh-CN"] #page-content .res-library[data-knowledge-language="zh-CN"] .ph-callout h2{font-size:29px}
}

/* ===== 知识中心高级感层 =====
   只作用于 .res-library 知识中心列表，沿用首页深蓝受光、银白标题、冰蓝边缘与玻璃材质。
   步骤：1 页面背景光场  2 精选文章玻璃卡  3 分类与筛选玻璃面  4 文章条目受光  5 手机与减少动态。
   背景使用多层渐层和半透明几何面，不使用纯黑或纯蓝实色。 */

/* 1 页面背景：顶部宝蓝光场、中部斜向几何面与底部冷蓝渐层叠加，分段呈现，避免整页单色。 */
.res-library[data-knowledge-language="zh-CN"]{position:relative;isolation:isolate}
.res-library[data-knowledge-language="zh-CN"]::before{content:"";position:absolute;z-index:-2;pointer-events:none;inset:0;background:radial-gradient(ellipse 55% 30% at 82% 4%,#2f63b438,transparent 70%),radial-gradient(ellipse 50% 28% at 14% 52%,#1a46982e,transparent 72%),linear-gradient(178deg,#0b2a5e 0%,#06245b 38%,#0a2550 70%,#0b2a5e 100%)}
.res-library[data-knowledge-language="zh-CN"]::after{content:"";position:absolute;z-index:-1;pointer-events:none;left:-6%;top:38%;width:52%;height:440px;background:linear-gradient(150deg,#87b8ec1a,#4e7db70b 62%,transparent);clip-path:polygon(0 18%,100% 0,78% 100%,22% 86%)}

/* 2 精选文章玻璃卡：精选区使用玻璃材质和窄边高光，封面图保持原色，阅读按钮沿用浅宝蓝主按钮。 */
.res-library[data-knowledge-language="zh-CN"] .res-feature{position:relative;border:1px solid #a5c5ed33;border-radius:8px;background:linear-gradient(150deg,#1a46986b,#0a234380 58%,#06152e8c);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px #d8e9ff1f,0 28px 60px #00061859;overflow:hidden}
.res-library[data-knowledge-language="zh-CN"] .res-feature::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#d8e9ffb3,transparent);opacity:.7;pointer-events:none}
.res-library[data-knowledge-language="zh-CN"] .res-feature>*{position:relative;z-index:1}
.res-library[data-knowledge-language="zh-CN"] .res-feature img{border-radius:6px;box-shadow:0 14px 34px #00061866}

/* 3 分类与筛选玻璃面：左侧分类栏与搜索区使用较深的透明蓝底，选中项加冰蓝边缘，搜索聚焦时出现柔光。 */
.res-library[data-knowledge-language="zh-CN"] .res-filters{border-radius:8px;background:linear-gradient(160deg,#16397059,#06152e80);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:20px 18px;border:1px solid #a5c5ed22}
.res-library[data-knowledge-language="zh-CN"] .res-search>div,.res-library[data-knowledge-language="zh-CN"] .res-search-box{transition:border-color .25s ease,box-shadow .25s ease}
.res-library[data-knowledge-language="zh-CN"] .res-search>div:focus-within,.res-library[data-knowledge-language="zh-CN"] .res-search-box:focus-within{border-color:#b7d3fab3;box-shadow:0 0 0 3px #7fb0f223,0 14px 36px #00061838}

/* 4 文章条目受光：每条文章加入底部渐隐分隔线；悬浮时左侧出现冰蓝竖线并轻微右移，封面与标题同步提亮。 */
.res-library[data-knowledge-language="zh-CN"] .res-row{position:relative;transition:padding-left .3s ease,background .3s ease}
.res-library[data-knowledge-language="zh-CN"] .res-row>*{position:relative;z-index:1}
@media(hover:hover){
  .res-library[data-knowledge-language="zh-CN"] .res-row:hover{padding-left:16px;background:linear-gradient(90deg,#2f63b424,transparent 70%)}
  .res-library[data-knowledge-language="zh-CN"] .res-row:hover h3 .ph-link{color:#fff}
  .res-library[data-knowledge-language="zh-CN"] .res-row:hover img{box-shadow:0 16px 36px #00061880}
}
.res-library[data-knowledge-language="zh-CN"] .res-row img{transition:box-shadow .3s ease}

/* 5 手机与减少动态：手机降低模糊强度保证性能；减少动态偏好下关闭位移与过渡，保留颜色与边缘状态。 */
@container website (max-width:560px){
  .res-library[data-knowledge-language="zh-CN"] .res-feature,.res-library[data-knowledge-language="zh-CN"] .res-filters{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
  .res-library[data-knowledge-language="zh-CN"] .res-filters{padding:16px 14px}
}
@media(prefers-reduced-motion:reduce){
  .res-library[data-knowledge-language="zh-CN"] .res-row,.res-library[data-knowledge-language="zh-CN"] .res-row img,.res-library[data-knowledge-language="zh-CN"] .res-search>div,.res-library[data-knowledge-language="zh-CN"] .res-search-box{transition:none}
  .res-library[data-knowledge-language="zh-CN"] .res-row:hover{padding-left:0}
}