/* issue 236 頁首效果 trellix-graph：由示意（cf-mock/kits/hero-fx）轉成播放一次、停在完成構圖；色彩只用站上 token。 */
.hfx-t2{--hx-bright:color-mix(in srgb,var(--accent) 12%,var(--paper));--hx-hot:var(--accent-spark, var(--arch-orange));}
.hfx-t2 *{transform-box:fill-box;transform-origin:center}
.hfx-t2 .t2-win{fill:color-mix(in srgb,var(--deeper) 80%,transparent);stroke:var(--on-dark-line);stroke-width:1.5}
.hfx-t2 .t2-hd{font-size:18px;font-weight:800;letter-spacing:.16em;fill:var(--hx-bright)}
.hfx-t2 .t2-chip rect{fill:none;stroke-width:1.5}.hfx-t2 .t2-chip text{font-size:15px;font-weight:700;letter-spacing:.14em}
.hfx-t2 .t2-chip.t2-warn rect{stroke:var(--hx-hot)}.hfx-t2 .t2-chip.t2-warn text{fill:var(--hx-hot)}.hfx-t2 .t2-chip.t2-warn{opacity:0}
.hfx-t2 .t2-chip.t2-ok rect{stroke:var(--accent)}.hfx-t2 .t2-chip.t2-ok text{fill:var(--accent)}
.hfx-t2 .t2-rw{fill:color-mix(in srgb,var(--accent) 5%,transparent);stroke:var(--on-dark-line);stroke-width:1.2}
.hfx-t2 .t2-tg{font-size:17px;font-weight:700;letter-spacing:.1em;fill:var(--hx-bright)}
.hfx-t2 .t2-sk{fill:var(--muted-on-dark);opacity:.3}
.hfx-t2 .t2-ud{fill:var(--hx-hot);opacity:0}
.hfx-t2 .t2-ckg circle{fill:var(--accent)}.hfx-t2 .t2-ckg path{fill:none;stroke:var(--accent-on);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.hfx-t2 .t2-cur{fill:color-mix(in srgb,var(--accent) 10%,transparent);stroke:var(--accent);stroke-width:2;opacity:0}
.hfx-t2 .t2-th{fill:none;stroke:var(--accent);stroke-width:2.4;stroke-dasharray:1 3;stroke-dashoffset:1;opacity:0}
.hfx-t2 .t2-hh{fill:none;stroke:var(--hx-bright);stroke-width:11;stroke-linecap:round;stroke-dasharray:.001 3;opacity:0}
.hfx-t2 .t2-ed{fill:none;stroke:var(--accent);stroke-opacity:.7;stroke-width:2;stroke-dasharray:1 3;stroke-dashoffset:0}
.hfx-t2 .t2-nd{fill:var(--deeper);stroke:var(--muted-on-dark);stroke-opacity:.6;stroke-width:1.6;stroke-dasharray:3 3}
.hfx-t2 .t2-nl{fill:var(--accent)}
.hfx-t2 .t2-nl.t2-hub{stroke:var(--hx-hot);stroke-width:3}
.hfx-t2 .t2-rp{fill:none;stroke:var(--hx-hot);stroke-width:1.5;opacity:0}

.hfx-t2 #ht2cw{opacity:0}
.hfx-t2 #ht2co{opacity:1}
.hfx-t2 #ht2e0{stroke-dashoffset:0;opacity:1}
.hfx-t2 #ht2e1{stroke-dashoffset:0;opacity:1}
.hfx-t2 #ht2e2{stroke-dashoffset:0;opacity:1}
.hfx-t2 #ht2e3{stroke-dashoffset:0;opacity:1}
.hfx-t2 #ht2e4{stroke-dashoffset:0;opacity:1}
.hfx-t2 #ht2e5{stroke-dashoffset:0;opacity:1}
.hfx-t2 #ht2e6{stroke-dashoffset:0;opacity:1}
.hfx-t2 #ht2e7{stroke-dashoffset:0;opacity:1}
.hfx-t2 #ht2e8{stroke-dashoffset:0;opacity:1}
.hfx-t2 #ht2e9{stroke-dashoffset:0;opacity:1}
.hfx-t2 #ht2e10{stroke-dashoffset:0;opacity:1}
.hfx-t2 #ht2e11{stroke-dashoffset:0;opacity:1}
.hfx-t2 #ht2e12{stroke-dashoffset:0;opacity:1}
.hfx-t2 #ht2nl0{opacity:1;transform:scale(1)}
.hfx-t2 #ht2nl1{opacity:1;transform:scale(1)}
.hfx-t2 #ht2nl2{opacity:1;transform:scale(1)}
.hfx-t2 #ht2nl3{opacity:1;transform:scale(1)}
.hfx-t2 #ht2nl4{opacity:1;transform:scale(1)}
.hfx-t2 #ht2nl5{opacity:1;transform:scale(1)}
.hfx-t2 #ht2nl6{opacity:1;transform:scale(1)}
.hfx-t2 #ht2nl7{opacity:1;transform:scale(1)}
.hfx-t2 #ht2ud0{opacity:0}
.hfx-t2 #ht2ck0{opacity:1}
.hfx-t2 #ht2th0{stroke-dashoffset:0.8716;opacity:0}
.hfx-t2 #ht2hh0{stroke-dashoffset:-0.1207;opacity:0}
.hfx-t2 #ht2ud1{opacity:0}
.hfx-t2 #ht2ck1{opacity:1}
.hfx-t2 #ht2th1{stroke-dashoffset:0.8571;opacity:0}
.hfx-t2 #ht2hh1{stroke-dashoffset:-0.1333;opacity:0}
.hfx-t2 #ht2ud2{opacity:0}
.hfx-t2 #ht2ck2{opacity:1}
.hfx-t2 #ht2th2{stroke-dashoffset:0.8391;opacity:0}
.hfx-t2 #ht2hh2{stroke-dashoffset:-0.1489;opacity:0}
.hfx-t2 #ht2ud3{opacity:0}
.hfx-t2 #ht2ck3{opacity:1}
.hfx-t2 #ht2th3{stroke-dashoffset:0.8158;opacity:0}
.hfx-t2 #ht2hh3{stroke-dashoffset:-0.1687;opacity:0}
.hfx-t2 #ht2ud4{opacity:0}
.hfx-t2 #ht2ck4{opacity:1}
.hfx-t2 #ht2th4{stroke-dashoffset:0.7846;opacity:0}
.hfx-t2 #ht2hh4{stroke-dashoffset:-0.1944;opacity:0}
.hfx-t2 #ht2ud5{opacity:0}
.hfx-t2 #ht2ck5{opacity:1}
.hfx-t2 #ht2th5{stroke-dashoffset:0.7407;opacity:0}
.hfx-t2 #ht2hh5{stroke-dashoffset:-0.2295;opacity:0}
.hfx-t2 #ht2ud6{opacity:0}
.hfx-t2 #ht2ck6{opacity:1}
.hfx-t2 #ht2th6{stroke-dashoffset:0.6744;opacity:0}
.hfx-t2 #ht2hh6{stroke-dashoffset:-0.28;opacity:0}
.hfx-t2 #ht2ud7{opacity:0}
.hfx-t2 #ht2ck7{opacity:1}
.hfx-t2 #ht2th7{stroke-dashoffset:0.5625;opacity:0}
.hfx-t2 #ht2hh7{stroke-dashoffset:-0.359;opacity:0}
.hfx-t2 #ht2cur{opacity:0;transform:translateY(0)}
.hfx-t2 #ht2rp0{opacity:0;transform:scale(5.48)}
.hfx-t2 #ht2rp1{opacity:0;transform:scale(6.6)}
@media (prefers-reduced-motion: no-preference) {
html:not([data-motion="off"]) .hfx-t2 #ht2cw{animation:t2cw-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2co{animation:t2co-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2e0{animation:t2e0-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2e1{animation:t2e1-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2e2{animation:t2e2-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2e3{animation:t2e3-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2e4{animation:t2e4-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2e5{animation:t2e5-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2e6{animation:t2e6-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2e7{animation:t2e7-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2e8{animation:t2e8-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2e9{animation:t2e9-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2e10{animation:t2e10-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2e11{animation:t2e11-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2e12{animation:t2e12-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2nl0{animation:t2nl0-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2nl1{animation:t2nl1-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2nl2{animation:t2nl2-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2nl3{animation:t2nl3-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2nl4{animation:t2nl4-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2nl5{animation:t2nl5-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2nl6{animation:t2nl6-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2nl7{animation:t2nl7-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2ud0{animation:t2ud0-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2ck0{animation:t2ck0-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2th0{animation:t2th0-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2hh0{animation:t2hh0-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2ud1{animation:t2ud1-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2ck1{animation:t2ck1-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2th1{animation:t2th1-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2hh1{animation:t2hh1-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2ud2{animation:t2ud2-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2ck2{animation:t2ck2-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2th2{animation:t2th2-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2hh2{animation:t2hh2-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2ud3{animation:t2ud3-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2ck3{animation:t2ck3-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2th3{animation:t2th3-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2hh3{animation:t2hh3-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2ud4{animation:t2ud4-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2ck4{animation:t2ck4-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2th4{animation:t2th4-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2hh4{animation:t2hh4-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2ud5{animation:t2ud5-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2ck5{animation:t2ck5-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2th5{animation:t2th5-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2hh5{animation:t2hh5-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2ud6{animation:t2ud6-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2ck6{animation:t2ck6-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2th6{animation:t2th6-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2hh6{animation:t2hh6-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2ud7{animation:t2ud7-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2ck7{animation:t2ck7-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2th7{animation:t2th7-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2hh7{animation:t2hh7-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2cur{animation:t2cur-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2rp0{animation:t2rp0-o 12.6s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-t2 #ht2rp1{animation:t2rp1-o 12.6s linear 0s 1 both}
}
@keyframes t2cw-o{0%{opacity:1}73.81%{opacity:1}76.984%{opacity:0}100%{opacity:0}}
@keyframes t2co-o{0%{opacity:0}73.81%{opacity:0}77.778%{opacity:1}100%{opacity:1}}
@keyframes t2e0-o{0%{stroke-dashoffset:1;opacity:0}45.635%{stroke-dashoffset:1;opacity:1}49.603%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@keyframes t2e1-o{0%{stroke-dashoffset:1;opacity:0}28.175%{stroke-dashoffset:1;opacity:1}32.143%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@keyframes t2e2-o{0%{stroke-dashoffset:1;opacity:0}36.905%{stroke-dashoffset:1;opacity:1}40.873%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@keyframes t2e3-o{0%{stroke-dashoffset:1;opacity:0}45.635%{stroke-dashoffset:1;opacity:1}49.603%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@keyframes t2e4-o{0%{stroke-dashoffset:1;opacity:0}63.095%{stroke-dashoffset:1;opacity:1}67.063%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@keyframes t2e5-o{0%{stroke-dashoffset:1;opacity:0}36.905%{stroke-dashoffset:1;opacity:1}40.873%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@keyframes t2e6-o{0%{stroke-dashoffset:1;opacity:0}54.365%{stroke-dashoffset:1;opacity:1}58.333%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@keyframes t2e7-o{0%{stroke-dashoffset:1;opacity:0}63.095%{stroke-dashoffset:1;opacity:1}67.063%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@keyframes t2e8-o{0%{stroke-dashoffset:1;opacity:0}54.365%{stroke-dashoffset:1;opacity:1}58.333%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@keyframes t2e9-o{0%{stroke-dashoffset:1;opacity:0}71.825%{stroke-dashoffset:1;opacity:1}75.794%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@keyframes t2e10-o{0%{stroke-dashoffset:1;opacity:0}80.556%{stroke-dashoffset:1;opacity:1}84.524%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@keyframes t2e11-o{0%{stroke-dashoffset:1;opacity:0}80.556%{stroke-dashoffset:1;opacity:1}84.524%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@keyframes t2e12-o{0%{stroke-dashoffset:1;opacity:0}71.825%{stroke-dashoffset:1;opacity:1}75.794%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@keyframes t2nl0-o{0%{opacity:0;transform:scale(.3)}27.381%{opacity:0;transform:scale(.3)}29.365%{opacity:1;transform:scale(1.3)}31.349%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes t2nl1-o{0%{opacity:0;transform:scale(.3)}44.841%{opacity:0;transform:scale(.3)}46.825%{opacity:1;transform:scale(1.3)}48.81%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes t2nl2-o{0%{opacity:0;transform:scale(.3)}18.651%{opacity:0;transform:scale(.3)}20.635%{opacity:1;transform:scale(1.3)}22.619%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes t2nl3-o{0%{opacity:0;transform:scale(.3)}36.111%{opacity:0;transform:scale(.3)}38.095%{opacity:1;transform:scale(1.3)}40.079%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes t2nl4-o{0%{opacity:0;transform:scale(.3)}62.302%{opacity:0;transform:scale(.3)}64.286%{opacity:1;transform:scale(1.3)}66.27%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes t2nl5-o{0%{opacity:0;transform:scale(.3)}53.571%{opacity:0;transform:scale(.3)}55.556%{opacity:1;transform:scale(1.3)}57.54%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes t2nl6-o{0%{opacity:0;transform:scale(.3)}71.032%{opacity:0;transform:scale(.3)}73.016%{opacity:1;transform:scale(1.3)}75%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes t2nl7-o{0%{opacity:0;transform:scale(.3)}79.762%{opacity:0;transform:scale(.3)}81.746%{opacity:1;transform:scale(1.3)}83.73%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes t2ud0-o{0%{opacity:1}13.492%{opacity:1}15.079%{opacity:0}100%{opacity:0}}
@keyframes t2ck0-o{0%{opacity:0}13.492%{opacity:0}15.476%{opacity:1}100%{opacity:1}}
@keyframes t2th0-o{0%{stroke-dashoffset:1;opacity:0}14.286%{stroke-dashoffset:1;opacity:1}18.651%{stroke-dashoffset:0;opacity:1}24.603%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:0.8716;opacity:0}}
@keyframes t2hh0-o{0%{stroke-dashoffset:0;opacity:0}14.286%{stroke-dashoffset:0;opacity:0}14.683%{stroke-dashoffset:0;opacity:1}18.651%{stroke-dashoffset:-1;opacity:1}19.048%{stroke-dashoffset:-1;opacity:0}100%{stroke-dashoffset:-0.1207;opacity:0}}
@keyframes t2ud1-o{0%{opacity:1}22.222%{opacity:1}23.81%{opacity:0}100%{opacity:0}}
@keyframes t2ck1-o{0%{opacity:0}22.222%{opacity:0}24.206%{opacity:1}100%{opacity:1}}
@keyframes t2th1-o{0%{stroke-dashoffset:1;opacity:0}23.016%{stroke-dashoffset:1;opacity:1}27.381%{stroke-dashoffset:0;opacity:1}33.333%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:0.8571;opacity:0}}
@keyframes t2hh1-o{0%{stroke-dashoffset:0;opacity:0}23.016%{stroke-dashoffset:0;opacity:0}23.413%{stroke-dashoffset:0;opacity:1}27.381%{stroke-dashoffset:-1;opacity:1}27.778%{stroke-dashoffset:-1;opacity:0}100%{stroke-dashoffset:-0.1333;opacity:0}}
@keyframes t2ud2-o{0%{opacity:1}30.952%{opacity:1}32.54%{opacity:0}100%{opacity:0}}
@keyframes t2ck2-o{0%{opacity:0}30.952%{opacity:0}32.937%{opacity:1}100%{opacity:1}}
@keyframes t2th2-o{0%{stroke-dashoffset:1;opacity:0}31.746%{stroke-dashoffset:1;opacity:1}36.111%{stroke-dashoffset:0;opacity:1}42.063%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:0.8391;opacity:0}}
@keyframes t2hh2-o{0%{stroke-dashoffset:0;opacity:0}31.746%{stroke-dashoffset:0;opacity:0}32.143%{stroke-dashoffset:0;opacity:1}36.111%{stroke-dashoffset:-1;opacity:1}36.508%{stroke-dashoffset:-1;opacity:0}100%{stroke-dashoffset:-0.1489;opacity:0}}
@keyframes t2ud3-o{0%{opacity:1}39.683%{opacity:1}41.27%{opacity:0}100%{opacity:0}}
@keyframes t2ck3-o{0%{opacity:0}39.683%{opacity:0}41.667%{opacity:1}100%{opacity:1}}
@keyframes t2th3-o{0%{stroke-dashoffset:1;opacity:0}40.476%{stroke-dashoffset:1;opacity:1}44.841%{stroke-dashoffset:0;opacity:1}50.794%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:0.8158;opacity:0}}
@keyframes t2hh3-o{0%{stroke-dashoffset:0;opacity:0}40.476%{stroke-dashoffset:0;opacity:0}40.873%{stroke-dashoffset:0;opacity:1}44.841%{stroke-dashoffset:-1;opacity:1}45.238%{stroke-dashoffset:-1;opacity:0}100%{stroke-dashoffset:-0.1687;opacity:0}}
@keyframes t2ud4-o{0%{opacity:1}48.413%{opacity:1}50%{opacity:0}100%{opacity:0}}
@keyframes t2ck4-o{0%{opacity:0}48.413%{opacity:0}50.397%{opacity:1}100%{opacity:1}}
@keyframes t2th4-o{0%{stroke-dashoffset:1;opacity:0}49.206%{stroke-dashoffset:1;opacity:1}53.571%{stroke-dashoffset:0;opacity:1}59.524%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:0.7846;opacity:0}}
@keyframes t2hh4-o{0%{stroke-dashoffset:0;opacity:0}49.206%{stroke-dashoffset:0;opacity:0}49.603%{stroke-dashoffset:0;opacity:1}53.571%{stroke-dashoffset:-1;opacity:1}53.968%{stroke-dashoffset:-1;opacity:0}100%{stroke-dashoffset:-0.1944;opacity:0}}
@keyframes t2ud5-o{0%{opacity:1}57.143%{opacity:1}58.73%{opacity:0}100%{opacity:0}}
@keyframes t2ck5-o{0%{opacity:0}57.143%{opacity:0}59.127%{opacity:1}100%{opacity:1}}
@keyframes t2th5-o{0%{stroke-dashoffset:1;opacity:0}57.937%{stroke-dashoffset:1;opacity:1}62.302%{stroke-dashoffset:0;opacity:1}68.254%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:0.7407;opacity:0}}
@keyframes t2hh5-o{0%{stroke-dashoffset:0;opacity:0}57.937%{stroke-dashoffset:0;opacity:0}58.333%{stroke-dashoffset:0;opacity:1}62.302%{stroke-dashoffset:-1;opacity:1}62.698%{stroke-dashoffset:-1;opacity:0}100%{stroke-dashoffset:-0.2295;opacity:0}}
@keyframes t2ud6-o{0%{opacity:1}65.873%{opacity:1}67.46%{opacity:0}100%{opacity:0}}
@keyframes t2ck6-o{0%{opacity:0}65.873%{opacity:0}67.857%{opacity:1}100%{opacity:1}}
@keyframes t2th6-o{0%{stroke-dashoffset:1;opacity:0}66.667%{stroke-dashoffset:1;opacity:1}71.032%{stroke-dashoffset:0;opacity:1}76.984%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:0.6744;opacity:0}}
@keyframes t2hh6-o{0%{stroke-dashoffset:0;opacity:0}66.667%{stroke-dashoffset:0;opacity:0}67.063%{stroke-dashoffset:0;opacity:1}71.032%{stroke-dashoffset:-1;opacity:1}71.429%{stroke-dashoffset:-1;opacity:0}100%{stroke-dashoffset:-0.28;opacity:0}}
@keyframes t2ud7-o{0%{opacity:1}74.603%{opacity:1}76.19%{opacity:0}100%{opacity:0}}
@keyframes t2ck7-o{0%{opacity:0}74.603%{opacity:0}76.587%{opacity:1}100%{opacity:1}}
@keyframes t2th7-o{0%{stroke-dashoffset:1;opacity:0}75.397%{stroke-dashoffset:1;opacity:1}79.762%{stroke-dashoffset:0;opacity:1}85.714%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:0.5625;opacity:0}}
@keyframes t2hh7-o{0%{stroke-dashoffset:0;opacity:0}75.397%{stroke-dashoffset:0;opacity:0}75.794%{stroke-dashoffset:0;opacity:1}79.762%{stroke-dashoffset:-1;opacity:1}80.159%{stroke-dashoffset:-1;opacity:0}100%{stroke-dashoffset:-0.359;opacity:0}}
@keyframes t2cur-o{0%{opacity:0;transform:translateY(0)}8.73%{opacity:0;transform:translateY(0)}11.111%{opacity:1;transform:translateY(0);animation-timing-function:ease-in-out}18.254%{opacity:1;transform:translateY(0px);animation-timing-function:ease-in-out}20.635%{opacity:1;transform:translateY(64px);animation-timing-function:ease-in-out}26.984%{opacity:1;transform:translateY(64px);animation-timing-function:ease-in-out}29.365%{opacity:1;transform:translateY(128px);animation-timing-function:ease-in-out}35.714%{opacity:1;transform:translateY(128px);animation-timing-function:ease-in-out}38.095%{opacity:1;transform:translateY(192px);animation-timing-function:ease-in-out}44.444%{opacity:1;transform:translateY(192px);animation-timing-function:ease-in-out}46.825%{opacity:1;transform:translateY(256px);animation-timing-function:ease-in-out}53.175%{opacity:1;transform:translateY(256px);animation-timing-function:ease-in-out}55.556%{opacity:1;transform:translateY(320px);animation-timing-function:ease-in-out}61.905%{opacity:1;transform:translateY(320px);animation-timing-function:ease-in-out}64.286%{opacity:1;transform:translateY(384px);animation-timing-function:ease-in-out}70.635%{opacity:1;transform:translateY(384px);animation-timing-function:ease-in-out}73.016%{opacity:1;transform:translateY(448px);animation-timing-function:ease-in-out}80.159%{opacity:1;transform:translateY(448px)}83.333%{opacity:0;transform:translateY(448px)}100%{opacity:0;transform:translateY(0)}}
@keyframes t2rp0-o{0%{opacity:0;transform:scale(1)}78.571%{opacity:0;transform:scale(1)}79.365%{opacity:.9;transform:scale(1)}91.27%{opacity:0;transform:scale(9)}100%{opacity:0;transform:scale(5.48)}}
@keyframes t2rp1-o{0%{opacity:0;transform:scale(1)}82.54%{opacity:0;transform:scale(1)}83.333%{opacity:.9;transform:scale(1)}95.238%{opacity:0;transform:scale(9)}100%{opacity:0;transform:scale(6.6)}}
/* issue 287：窄螢幕（圖寬約 280–570px）圖內文字依 viewBox 縮到 5–8px 讀不到；放大字級（28 單位約 11px 起），告警列的骨架條只是示意，窄螢幕隱藏。 */
@media (max-width: 38rem) {
.hfx-t2 .t2-sk{display:none}
.hfx-t2 .t2-hd{font-size:28px;letter-spacing:.04em}
.hfx-t2 .t2-tg{font-size:28px;letter-spacing:.04em;transform:translateY(4px)}
.hfx-t2 .t2-chip rect{x:126px;y:26px;width:120px;height:40px;rx:20px}
.hfx-t2 .t2-chip text{font-size:28px;letter-spacing:0;transform:translate(-12px,6px)}
}