/* =============================================================
 * 科创简约风 · 轻量点缀（首页 / 产品广场）
 * 只叠加装饰层与科技蓝点缀，不改现有版式与主结构。
 * 所有装饰元素 pointer-events:none，纯视觉，不影响交互与布局。
 * ============================================================= */

:root {
  --kpa-blue: #2563EB;
  --kpa-cyan: #06B6D4;
}

/* —— 首页 hero：叠一层极淡科技网格 + 右上角青色光晕 —— */
.pt-home .aw-hero { position: relative; }
.pt-home .aw-hero__overlay { z-index: 1; }
.pt-home .aw-hero__inner { position: relative; z-index: 2; }
.pt-home .aw-hero::after {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size: 36px 36px;
  mask-image: radial-gradient(120% 90% at 85% 0%, #000 25%, transparent 72%);
  -webkit-mask-image: radial-gradient(120% 90% at 85% 0%, #000 25%, transparent 72%);
}

/* —— 首页 CTA 大банner：科技网格纹理，成band更有科创感 —— */
.pt-home .cta-banner { position: relative; overflow: hidden; }
.pt-home .cta-banner > * { position: relative; z-index: 1; }
.pt-home .cta-banner::before {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background-image:
    radial-gradient(rgba(255,255,255,.16) 1.5px, transparent 1.5px);
  background-size: 22px 22px;
  mask-image: radial-gradient(90% 120% at 100% 0%, #000 20%, transparent 70%);
  -webkit-mask-image: radial-gradient(90% 120% at 100% 0%, #000 20%, transparent 70%);
}

/* —— 板块小标题：加一段科技蓝→青的短下划线，点到为止 —— */
.pt-home .section-head { position: relative; }
.pt-home .section-head .section-title::after {
  content: ""; display: block; width: 46px; height: 4px; margin-top: 12px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--kpa-blue), var(--kpa-cyan));
}

/* =============================================================
 * 产品广场
 * ============================================================= */
.page-banner { position: relative; overflow: hidden; }
.page-banner .container { position: relative; z-index: 1; }
.page-banner::after {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background-image: radial-gradient(rgba(37,99,235,.10) 1.4px, transparent 1.4px);
  background-size: 20px 20px;
  mask-image: radial-gradient(80% 120% at 95% 0%, #000 20%, transparent 70%);
  -webkit-mask-image: radial-gradient(80% 120% at 95% 0%, #000 20%, transparent 70%);
}

/* 广场空态插画容器：科创底色小卡 */
.works-empty__ill { filter: drop-shadow(0 8px 16px rgba(37,99,235,.12)); }