/* 几何面直接绘制在原底色上，不新增定位层，避免影响目录筛选、详情吸顶和首页轮播。 */
#page-content.product-view{
  --product-plane-edge:#a4caff24;
  --product-plane-fill:#2e579d30;
  --product-plane-fade:#1a46980a;
  background-image:
    linear-gradient(142deg,transparent 27%,var(--product-plane-edge) 27.05%,var(--product-plane-edge) 27.16%,var(--product-plane-fill) 27.23%,var(--product-plane-fade) 76%,transparent 76.08%),
    linear-gradient(38deg,transparent 32%,var(--product-plane-fade) 32.08%,var(--product-plane-fill) 73.77%,var(--product-plane-edge) 73.84%,var(--product-plane-edge) 73.95%,transparent 74%),
    var(--interior-blue-background);
  background-size:76% 900px,68% 1100px,auto,auto;
  background-position:right -80px top -100px,left -100px top 580px,0 0,0 0;
  background-repeat:no-repeat;
}

/* 窄屏以阅读和产品辨识为主，减弱边缘与色面，不改变原有响应式排版。 */
@container website (max-width:700px){
  #page-content.product-view{
    --product-plane-edge:#a4caff16;
    --product-plane-fill:#2e579d20;
    --product-plane-fade:#1a469805;
    background-size:100% 620px,100% 900px,auto,auto;
    background-position:right top,left top 740px,0 0,0 0;
  }
}

/* 型号详情只在两侧边缘露出细矩形，避免装饰贯穿主图与正文；不新增节点或改变内容布局。 */
#page-content.product-view:has(> .shell > .detail-hero){
  background-image:url("详情矩形.svg"),url("详情矩形.svg"),var(--interior-blue-background);
  background-size:220px auto,240px auto,auto,auto;
  background-position:right -72px top 32px,left -180px top 900px,0 0,0 0;
}

/* 窄屏压缩边缘点缀的可见范围，给标题、参数和产品图片保留完整的阅读空间。 */
@container website (max-width:700px){
  #page-content.product-view:has(> .shell > .detail-hero){
    background-size:128px auto,144px auto,auto,auto;
    background-position:right -80px top 16px,left -128px top 940px,0 0,0 0;
  }
}

/* 分类目录的筛选区信息较密，矩形装饰收在标题右侧留白，不再用斜面贯穿阅读区。 */
html[data-theme="navy"] body.fusion-catalogue #page-content:has(>.catalogue-layout){
  background-image:url("目录矩形.svg"),var(--interior-blue-background);
  background-size:min(48%,660px) auto,auto,auto;
  background-position:right 28px top 40px,0 0,0 0;
  background-repeat:no-repeat;
}

@container website (max-width:700px){
  html[data-theme="navy"] body.fusion-catalogue #page-content:has(>.catalogue-layout){
    background-size:220px auto,auto,auto;
    background-position:right -70px top 0,0 0,0 0;
  }
}