/* 中文介绍使用两级短句：上组交代应用范围，下组突出方案；节点仍参与自然排版，换行增高时不会覆盖后面的照片。 */
html[data-language="zh-CN"] #site-viewport #page-content #applications[data-application-layout="collage"] .app-intro[data-intro-layout="editorial"]{
  position:relative;
  width:min(385px,100%);
  text-wrap:initial;
}
/* 短细线只建立阅读起点，不占正文高度，也不接收鼠标输入；淡蓝渐隐延续当前拼贴的受光方向。 */
html[data-language="zh-CN"] #applications .app-intro[data-intro-layout="editorial"]::before{
  content:"";
  position:absolute;
  left:0;
  top:-12px;
  width:38px;
  height:1px;
  background:linear-gradient(90deg,#b5d9ffb3,#b5d9ff24);
  pointer-events:none;
}
html[data-language="zh-CN"] #applications .app-intro-context{display:block;color:#abc0db;font-size:15px;line-height:1.65;font-weight:400}
/* 下方主句向右缩进二十四像素，缩进参与正常排版，不移动上方范围文字及细线，也不会让主句越过介绍容器。 */
html[data-language="zh-CN"] #applications .app-intro-core{display:block;margin-top:12px;margin-inline-start:24px;color:#f3f7fc;font-size:22px;line-height:1.35;font-weight:500;letter-spacing:.02em}
html[data-language="zh-CN"] #applications .app-intro-context>span,
html[data-language="zh-CN"] #applications .app-intro-core>span{display:block}
/* 手机保留相同层级并略收主句字号，最窄画布也能完整显示方案名称；介绍与照片继续按文档顺序排布。 */
@container website (max-width:600px){
  /* 手机缩进减为十二像素，为最窄画布中的完整方案名称保留足够行宽。 */
  html[data-language="zh-CN"] #applications .app-intro-core{font-size:20px;line-height:1.4;margin-inline-start:12px}
}
/* 中文应用拼贴的介绍只在宽画布中向右靠齐；照片和说明沿用既有布局，让局部文字调整保持在同一画布内。 */
@container website (min-width:1101px){
  html[data-language="zh-CN"] #site-viewport #page-content[data-content-language="zh-CN"] #applications[data-application-layout="collage"] .app-intro{
    justify-self:end;
    position:relative;
    /* 下移距离随窗口可用高度逐渐增加，最多三十像素；矮于七百像素时归零，给右上照片保留阅读间隔。 */
    inset-block-start:clamp(0px,calc((100svh - 700px) * .13),30px);
  }
}