/* issue 193／259 場景 cloudcoffer-hive：盲區宣言＋「偵測分析流量裡的未知威脅」背景動畫。只讀官網與主題 token。
   沒有 JS：淡金色蜂巢 SVG＋完整文字。JS 啟動後 .ch 加上 is-live，改由 canvas 畫流量（減少動態時只畫一張靜態畫面）。 */
.page-blocks .ch { margin-top: clamp(1.25rem, 3vw, 2rem); --ch-gold: var(--pp-accent, var(--accent)); --ch-gold-2: var(--pp-accent-2, var(--accent-dark)); --ch-flow: var(--pp-flow, var(--muted-on-dark)); --ch-threat: var(--pp-threat, var(--arch-coral)); }
.page-blocks .ch-stage { position: relative; display: grid; place-items: center; min-height: clamp(26rem, 80svh, 46rem); padding: clamp(2.5rem, 7vw, 6rem) clamp(1rem, 4vw, 3rem); overflow: clip; border: 1px solid var(--on-dark-line); border-radius: var(--r-card); background: var(--deeper); color: var(--paper); isolation: isolate; box-shadow: var(--elevation-card); }
.page-blocks .ch-grid, .page-blocks .ch-canvas { position: absolute; inset: 0; z-index: -2; display: block; width: 100%; height: 100%; }
.page-blocks .ch-grid polygon { fill: none; stroke: color-mix(in srgb, var(--ch-gold) 18%, transparent); stroke-width: 1; }
.page-blocks .ch.is-live .ch-grid { display: none; }
/* 文字後方的暗化橢圓：動畫只在周圍，宣言永遠清楚 */
.page-blocks .ch-stage::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(ellipse 52% 30% at 50% 50%, color-mix(in srgb, var(--deeper) 82%, transparent) 0%, color-mix(in srgb, var(--deeper) 55%, transparent) 55%, transparent 100%); }
.page-blocks .ch-t { position: relative; max-width: 22ch; margin: 0; color: var(--paper); font-size: clamp(1.9rem, 7.2vw, 6rem); font-weight: 900; line-height: 1.2; letter-spacing: -.02em; text-align: center; word-break: keep-all; text-wrap: balance; text-shadow: 0 0 1.5rem var(--deeper), 0 0 .5rem var(--deeper); }
.page-blocks .ch-nb { display: block; }
@media (max-width: 40rem) {
  .page-blocks .ch-stage { min-height: 36rem; }
  .page-blocks .ch-stage::after { background: radial-gradient(ellipse 80% 24% at 50% 50%, color-mix(in srgb, var(--deeper) 85%, transparent) 0%, color-mix(in srgb, var(--deeper) 60%, transparent) 60%, transparent 100%); }
}
/* fix9：範例站的盲區宣言是滿版（沒有圓角框）；標題置中在舞台上方。 */
.page-blocks .pp-scene--cloudcoffer-hive .ch { margin-inline: calc(50% - 50vw); }
.page-blocks .pp-scene--cloudcoffer-hive .ch-stage { border: 0; border-radius: 0; background: none; box-shadow: none; }
.page-blocks .pp-section--scene:has(.pp-scene--cloudcoffer-hive) .pp-head { max-width: none; margin-bottom: 0; text-align: center; }
.page-blocks .pp-section--scene:has(.pp-scene--cloudcoffer-hive) .pp-head .pp-eyebrow { display: flex; justify-content: center; }