/* issue 319 頁首效果 cloudcoffer-hunt：流量獵捕。色彩只用站上 token（--accent、--arch-coral、--paper、--muted-on-dark、--on-dark-line、--deeper、--accent-on）。
   靜態（沒有 JS、減少動態、暫停動態）就是伺服器畫好的構圖；JS 只改 transform，攔下時切換 .u1-show 與 .u1-hit。 */
.hfx-u1{--hu-hot:var(--arch-coral);--hu-mute:var(--muted-on-dark);--hu-line:var(--on-dark-line)}
.hfx-u1 .u1-dot{fill:var(--accent);fill-opacity:.16}
.hfx-u1 .u1-ln{stroke:var(--hu-line);stroke-width:1;stroke-dasharray:2 8}
.hfx-u1 .u1-lt{font-family:ui-monospace,"SF Mono",Menlo,Consolas,"DejaVu Sans Mono",monospace;font-size:14px;transition:fill .45s var(--ease);fill:var(--hu-mute);fill-opacity:.75}
.hfx-u1 .u1-m0{stop-color:var(--paper);stop-opacity:0}
.hfx-u1 .u1-m1{stop-color:var(--paper);stop-opacity:1}
.hfx-u1 .u1-lt.u1-hot{fill:var(--hu-hot);fill-opacity:1}
.hfx-u1 .u1-pk{stroke:var(--paper);stroke-width:3;stroke-linecap:round;stroke-opacity:.85}
.hfx-u1 .u1-pk.u1-ok{stroke:var(--accent)}
.hfx-u1 .u1-r1{fill:none;stroke:var(--accent);stroke-opacity:.22;stroke-width:1.2}
.hfx-u1 .u1-r2{fill:none;stroke:var(--accent);stroke-opacity:.42;stroke-width:1.5}
.hfx-u1 .u1-scan{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-dasharray:40 470}
.hfx-u1 .u1-core{fill:color-mix(in srgb,var(--accent) 12%,var(--deeper));stroke:var(--accent);stroke-width:2.5}
.hfx-u1 .u1-in{fill:var(--accent)}
.hfx-u1 .u1-ct{font-size:22px;font-weight:900;letter-spacing:.04em;text-anchor:middle;fill:var(--accent-on)}
.hfx-u1 .u1-cs{font-size:15px;font-weight:700;letter-spacing:.12em;text-anchor:middle;fill:var(--accent)}
.hfx-u1 .u1-bad{fill:var(--hu-hot)}
.hfx-u1 .u1-pulse{fill:none;stroke:var(--hu-hot);stroke-width:2;opacity:0}
.hfx-u1 .u1-co{opacity:0;transition:opacity .45s var(--ease)}
.hfx-u1 .u1-co.u1-show{opacity:1}
.hfx-u1 .u1-cl{stroke:var(--hu-hot);stroke-width:1.5;stroke-dasharray:3 4}
.hfx-u1 .u1-bx{fill:var(--deeper);stroke:var(--hu-hot);stroke-width:1.5}
.hfx-u1 .u1-ty{font-size:17px;font-weight:800;fill:var(--hu-hot)}
.hfx-u1 .u1-ac{font-size:14px;font-weight:800;text-anchor:end;fill:var(--accent)}
.hfx-u1 .u1-pa{font-family:ui-monospace,"SF Mono",Menlo,Consolas,"DejaVu Sans Mono",monospace;font-size:13px;fill:var(--hu-mute)}
@media (prefers-reduced-motion: no-preference) {
html:not([data-motion="off"]) .hfx-u1.u1-live .u1-pulse.u1-hit{animation:hu1-hit .9s var(--ease) both}
html:not([data-motion="off"]) .hfx-u1.u1-live .u1-co.u1-show .u1-bx{animation:hu1-pop .45s var(--ease) both}
}
@keyframes hu1-hit{0%{opacity:1;transform:scale(.6)}100%{opacity:0;transform:scale(3.2)}}
@keyframes hu1-pop{0%{opacity:.4}100%{opacity:1}}
.hfx-u1 .u1-pulse{transform-box:fill-box;transform-origin:center}
@media (max-width: 38rem) {
.hfx-u1 .u1-pks{mask:url(#hu1m2)}
.hfx-u1 .u1-lt{font-size:28px;transform:translateY(-8px)}
.hfx-u1 .u1-ct{font-size:28px;transform:translateY(2px)}
.hfx-u1 .u1-cs{display:none}
.hfx-u1 .u1-bx{x:340px;width:350px;y:14px;height:126px}
.hfx-u1 .u1-co--b .u1-bx{y:526px;height:123px}
.hfx-u1 .u1-ty{font-size:30px;transform:translate(-40px,7px)}
.hfx-u1 .u1-pa{font-size:28px;transform:translate(-40px,22px)}
.hfx-u1 .u1-ac{font-size:28px;text-anchor:start;transform:translate(-308px,81px)}
.hfx-u1 .u1-co--b .u1-ty{transform:translate(-40px,-31px)}
.hfx-u1 .u1-co--b .u1-pa{transform:translate(-40px,-18px)}
.hfx-u1 .u1-co--b .u1-ac{transform:translate(-308px,41px)}
}