:is(.hok-hub-app,.hok-banpick-app,.hok-build-app){--hok-ink:#1a2433;--hok-ink-soft:#fff;--hok-fog:#152338;--hok-mist:#5c6d80;--hok-gold:#b8892f;--hok-gold-bright:#9a7124;--hok-teal:#1f9a8a;--hok-rose:#c44d50;--hok-blue:#3b74d9;--hok-red:#d15050;--hok-border:#1523381f;--hok-border-strong:#15233833;--hok-panel:#ffffffc7;--hok-panel-strong:#ffffffeb;--hok-overlay:#1523380b;--hok-chip:#1523380f;--hok-avatar-bg:#15233814;--hok-good-bg:#1f9a8a1f;--hok-good-bg-strong:#1f9a8a2e;--hok-bad-bg:#c44d501f;--hok-bad-bg-strong:#c44d502e;--hok-cta-ink:#1a2433;--hok-scrim:#f3f6faf5;--hok-scrim-mid:#f3f6fa8c;--hok-grid-line:#1523380f;--hok-ember-gold:#b8892f2e;--hok-ember-teal:#1f9a8a24;--hok-skin-opacity:.28;--hok-display:var(--font-hok-display), "Noto Serif SC", "Songti SC", serif;--hok-body:var(--font-hok-body), "Noto Sans SC", "PingFang SC", sans-serif;color:var(--hok-fog);font-family:var(--hok-body);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dark :is(.hok-hub-app,.hok-banpick-app,.hok-build-app){--hok-ink:#0c1624;--hok-ink-soft:#152338;--hok-fog:#d7e2ef;--hok-mist:#8fa3bb;--hok-gold:#d4a24a;--hok-gold-bright:#f0c56d;--hok-teal:#3db8a7;--hok-rose:#d4686a;--hok-blue:#4f8cff;--hok-red:#e25b5b;--hok-border:#d7e2ef1f;--hok-border-strong:#d7e2ef33;--hok-panel:#00000038;--hok-panel-strong:#152338b8;--hok-overlay:#00000024;--hok-chip:#0000004d;--hok-avatar-bg:#0006;--hok-good-bg:#0d4e4659;--hok-good-bg-strong:#0d4e4673;--hok-bad-bg:#4c1d2659;--hok-bad-bg-strong:#4c1d2666;--hok-cta-ink:#0c1624;--hok-scrim:#060d14f5;--hok-scrim-mid:#060d1459;--hok-grid-line:#d7e2ef0b;--hok-ember-gold:#f0c56d38;--hok-ember-teal:#3db8a72e;--hok-skin-opacity:.42;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.hok-panel{border:1px solid var(--hok-border);background:var(--hok-panel)}.hok-panel-strong{border:1px solid var(--hok-border);background:var(--hok-panel-strong)}.hok-hairline{border-color:var(--hok-border)}.hok-chip-bg{background:var(--hok-chip)}.hok-good-surface{border-color:color-mix(in srgb, var(--hok-teal) 50%, transparent);background:var(--hok-good-bg-strong)}.hok-good-surface-soft{border-color:color-mix(in srgb, var(--hok-teal) 30%, transparent);background:var(--hok-good-bg)}.hok-bad-surface{border-color:color-mix(in srgb, var(--hok-rose) 50%, transparent);background:var(--hok-bad-bg-strong)}.hok-bad-surface-soft{border-color:color-mix(in srgb, var(--hok-rose) 40%, transparent);background:var(--hok-bad-bg)}.hok-skin-scrim-x{background:linear-gradient(to left, transparent, var(--hok-scrim-mid), var(--hok-scrim))}.hok-skin-scrim-y{background:linear-gradient(to top, var(--hok-scrim), transparent, color-mix(in srgb, var(--hok-scrim) 55%, transparent))}
@keyframes hok-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes hok-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hok-sheen{0%{background-position:120%}to{background-position:-20%}}@keyframes hok-kenburns{0%{transform:scale(1.08)translate(2%)}to{transform:scale(1.18)translate(-3%,-2%)}}@keyframes hok-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes hok-ember{0%,to{opacity:.35;transform:translate(0,0)scale(1)}50%{opacity:.7;transform:translate(2%,-3%)scale(1.08)}}@keyframes hok-underline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hok-pulse-line{0%,to{opacity:.35}50%{opacity:.95}}@keyframes hok-slot-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hok-rise{animation:.7s cubic-bezier(.22,1,.36,1) both hok-rise}.hok-rise-delay-1{animation-delay:.1s}.hok-rise-delay-2{animation-delay:.18s}.hok-rise-delay-3{animation-delay:.26s}.hok-rise-delay-4{animation-delay:.34s}.hok-pulse-line{animation:2.4s ease-in-out infinite hok-pulse-line}.hok-slot-in{animation:.28s ease-out both hok-slot-in}.hok-kicker{letter-spacing:.32em;text-transform:uppercase;color:var(--hok-gold);align-items:center;gap:.65rem;font-size:.72rem;font-weight:500;display:inline-flex}.hok-kicker-teal{color:var(--hok-teal)}.hok-kicker:before{content:"";background:linear-gradient(90deg,#0000,currentColor);width:1.6rem;height:1px}.hok-title-sheen{background:linear-gradient(105deg, var(--hok-fog) 0%, var(--hok-fog) 38%, var(--hok-gold-bright) 50%, var(--hok-fog) 62%, var(--hok-fog) 100%);color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:5.5s ease-in-out infinite hok-sheen}.hok-title-accent{background:linear-gradient(120deg, var(--hok-gold) 0%, var(--hok-gold-bright) 45%, #ffe7a8 70%, var(--hok-gold) 100%);color:#0000;background-size:180% 100%;-webkit-background-clip:text;background-clip:text;animation:4.8s ease-in-out infinite hok-sheen}.hok-cta{isolation:isolate;background:linear-gradient(135deg, var(--hok-gold), var(--hok-gold-bright));color:var(--hok-cta-ink);box-shadow:0 0 0 1px color-mix(in srgb, var(--hok-gold) 35%, transparent), 0 10px 28px color-mix(in srgb, var(--hok-gold) 24%, transparent);border-radius:.45rem;font-weight:600;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.hok-cta:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff59 48%,#0000 62%);transition:transform .55s;position:absolute;inset:0;transform:translate(-120%)}.hok-cta:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--hok-gold) 50%, transparent), 0 14px 34px color-mix(in srgb, var(--hok-gold) 32%, transparent);transform:translateY(-1px)}.hok-cta:hover:after{transform:translate(120%)}.hok-cta-ghost{border:1px solid var(--hok-border-strong);background:var(--hok-panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--hok-fog);border-radius:.45rem;transition:border-color .25s,background .25s,transform .25s}.hok-cta-ghost:hover{border-color:color-mix(in srgb, var(--hok-gold) 55%, transparent);background:color-mix(in srgb, var(--hok-gold) 10%, transparent);transform:translateY(-1px)}.hok-track{padding-top:1.35rem;transition:transform .3s;position:relative}.hok-track:before{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--hok-gold) 75%, transparent), var(--hok-border) 55%, transparent);transform-origin:0;height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.hok-track:after{content:"";background:var(--hok-gold-bright);transform-origin:0;width:3.5rem;height:2px;transition:transform .35s;position:absolute;top:0;left:0;transform:scaleX(.35)}.hok-track:hover{transform:translateY(-3px)}.hok-track:hover:after{transform:scaleX(1)}.hok-mode{text-align:left;padding-top:1.1rem;transition:transform .28s,color .28s;position:relative}.hok-mode:before{content:"";background:var(--hok-border);height:1px;position:absolute;top:0;left:0;right:0}.hok-mode:after{content:"";background:linear-gradient(90deg, var(--hok-gold-bright), transparent);transform-origin:0;width:2.4rem;height:2px;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleX(0)}.hok-mode:hover{transform:translateY(-2px)}.hok-mode:hover:after{transform:scaleX(1)}.hok-avatar-fan{align-items:center;display:flex}.hok-avatar-fan>*{margin-left:-.55rem;transition:transform .28s,z-index}.hok-avatar-fan>:first-child{margin-left:0}.hok-avatar-fan>:hover{z-index:3;transform:translateY(-8px)scale(1.08)}.hok-avatar-ring{box-shadow:0 0 0 1px color-mix(in srgb, var(--hok-gold) 40%, transparent), 0 8px 18px color-mix(in srgb, var(--hok-ink) 18%, transparent)}.hok-skin-stage{animation:1.1s both hok-fade-in}.hok-skin-stage img{will-change:transform;opacity:var(--hok-skin-opacity);animation:22s ease-in-out infinite alternate hok-kenburns}.hok-ember{animation:7s ease-in-out infinite hok-ember}.hok-float{animation:5.5s ease-in-out infinite hok-float}@media (prefers-reduced-motion:reduce){.hok-rise,.hok-slot-in,.hok-pulse-line,.hok-title-sheen,.hok-title-accent,.hok-skin-stage img,.hok-ember,.hok-float,.hok-cta:after{animation:none!important}.hok-track:hover,.hok-mode:hover,.hok-avatar-fan>:hover,.hok-cta:hover,.hok-cta-ghost:hover{transform:none}}