/* KK8 Malaysia Premium Flagship — single stylesheet (Phase 4.1 clean install).
   Built by tools/css_build.py from the approved P0.3.1 Concept A2 layers (p02 + p03 + p031) and the
   WordPress layers (p40 + p41). Every class is kk8- namespaced; rules not used by any rendered page,
   the PHP chrome or a JS state are removed. Edit the layers and rebuild; then run INSTALLATION/tools/kk8-minify.py. */
@font-face{font-family:"Sora";font-weight:600;font-display:swap;src:url(../fonts/sora-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Sora";font-weight:700;font-display:swap;src:url(../fonts/sora-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:100 900;font-display:swap;src:url(../fonts/inter-latin-wght-normal.woff2) format("woff2")}
:root{--ink:#020B2A;--ink-2:#061237;--navy:#0A1D57;--navy-2:#132B73;--royal:#003DCC;--royal-b:#0047FF;--royal-l:#5B86FF;--pale:#EAF0FB;--pale-2:#F3F6FC;--warm:#F7F4EE;--warm-2:#EFE9DE;--white:#FFFFFF;--line:#DCE3F1;--line-w:#E5DED1;--line-d:rgba(201,212,242,.14);--line-d2:rgba(201,212,242,.26);--text:#0A1430;--text-2:#45547A;--on-d:#FFFFFF;--on-d2:#C9D4F2;--on-d3:#8E9CC6;--lime:#D4FF00;--lime-2:#C4EE00;--lime-ink:#0A1430;--amber-bg:#FFF5DB;--amber-line:#E9C977;--amber-ink:#6A4500;--acc-slots:#FFC24A;--acc-live:#F2B68E;--acc-sports:#3BD69A;--acc-fishing:#3DD8F5;--acc-ekor:#FF5A5F;--fs-d:clamp(2.35rem,1.35rem + 3.6vw,4.25rem);--fs-h1:clamp(2.1rem,1.4rem + 2.5vw,3.4rem);--fs-h2:clamp(1.75rem,1.3rem + 1.5vw,2.75rem);--fs-h3:clamp(1.25rem,1.1rem + .5vw,1.625rem);--fs-lead:clamp(1.0625rem,1rem + .28vw,1.25rem);--fs-body:1.0625rem;--fs-sm:.9375rem;--fs-xs:.8125rem;--fs-2xs:.6875rem;--maxw:1240px;--gut:20px;--hdr:64px;--sec:80px;--measure:64ch;--r-xs:8px;--r-s:12px;--r-m:18px;--r-l:24px;--r-xl:32px;--e1:0 1px 2px rgba(2,11,42,.05),0 2px 8px -2px rgba(2,11,42,.06);--e2:0 1px 2px rgba(2,11,42,.05),0 12px 28px -14px rgba(2,11,42,.22);--e3:0 2px 4px rgba(2,11,42,.06),0 28px 56px -26px rgba(2,11,42,.38);--e-art:0 40px 70px -40px rgba(0,8,40,.8);--t-btn:160ms;--t-card:260ms;--t-nav:200ms;--t-reveal:440ms;--ease:cubic-bezier(.22,.8,.24,1);--ease-io:cubic-bezier(.65,0,.35,1);--mbar:calc(68px + env(safe-area-inset-bottom,0px))}
@media (min-width:768px){
  :root{--gut:32px;--hdr:76px;--sec:104px;--mbar:0px}
}
@media (min-width:1280px){
  :root{--gut:40px;--sec:120px}
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hdr) + 16px);scroll-behavior:smooth}
body{margin:0;background:var(--warm);color:var(--text);font:400 var(--fs-body)/1.7 var(--f-t);-webkit-font-smoothing:antialiased;overflow-x:clip;padding-bottom:var(--mbar)}
img{display:block;max-width:100%;height:auto}
picture{display:contents}
a{color:inherit}
h1,h2,h3,h4{margin:0;font-family:var(--f-d);font-weight:700;letter-spacing:-.025em;line-height:1.12;text-wrap:balance}
p,ul,ol,figure{margin:0;padding:0}
ul,ol{list-style:none}
button{font:inherit}
:lang(zh) :is(h1,h2,h3,h4){letter-spacing:0;line-height:1.3}
:lang(zh) body{line-height:1.85}
:lang(zh) :is(.kk8-ch__title,.kk8-sec-h){word-break:keep-all;overflow-wrap:anywhere}
.kk8-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kk8-wrap{width:100%;max-width:calc(var(--maxw) + var(--gut)*2);margin-inline:auto;padding-inline:var(--gut)}
.kk8-i{width:1em;height:1em;flex:none}
:focus-visible{outline:none}
.kk8-dark{color:#fff}
.kk8-eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 var(--fs-2xs)/1 var(--f-d);letter-spacing:.18em;text-transform:uppercase;color:var(--royal)}
.kk8-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px rgba(212,255,0,.18)}
.kk8-sec-n{display:inline-flex;align-items:center;gap:12px;font:600 var(--fs-2xs)/1 var(--f-d);letter-spacing:.18em;color:var(--royal)}
.kk8-sec-n::after{content:"";width:32px;height:1px;background:currentColor;opacity:.6}
.kk8-dark .kk8-sec-n{color:var(--lime)}
.kk8-sec-h{font-size:var(--fs-h2)}
.kk8-lead{font-size:var(--fs-lead);line-height:1.6;color:var(--text-2);max-width:52ch}
.kk8-prose p{color:var(--text-2);max-width:var(--measure)}
.kk8-prose p+p{margin-top:.85em}
.kk8-prose h3{font-size:var(--fs-h3);font-weight:600;letter-spacing:-.015em;margin-bottom:12px}
.kk8-disc{display:flex;gap:10px;align-items:flex-start;max-width:56ch;font-size:var(--fs-xs);line-height:1.55;color:var(--text-3)}
.kk8-disc .kk8-i{width:15px;height:15px;margin-top:2px;color:var(--royal)}
.kk8-dark .kk8-disc{color:var(--on-d3)}
.kk8-dark .kk8-disc .kk8-i{color:var(--lime)}
.kk8-btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px 0 26px;border-radius:14px;border:1px solid transparent;font:600 .9375rem/1.1 var(--f-d);letter-spacing:-.005em;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--t-btn) var(--ease),box-shadow var(--t-btn) var(--ease),background-color var(--t-btn) var(--ease),border-color var(--t-btn) var(--ease),color var(--t-btn) var(--ease)}
.kk8-btn .kk8-i{width:16px;height:16px;transition:transform var(--t-btn) var(--ease)}
.kk8-btn--sm{min-height:44px;padding:0 18px;border-radius:12px;font-size:.875rem}
.kk8-btn--lg{min-height:58px;padding:0 30px;font-size:1rem}
.kk8-btn--primary{background:var(--lime);color:var(--lime-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 1px 0 rgba(0,0,0,.08),0 10px 24px -14px rgba(160,200,0,.9)}
.kk8-btn--primary::after{content:"";position:absolute;z-index:-1;inset:-1px;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.65) 50%,transparent 65%);transform:translateX(-120%);transition:transform 520ms var(--ease-io)}
.kk8-btn--primary:is(:hover){transform:translateY(-1px);background:#DCFF2A;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 1px 0 rgba(0,0,0,.08),0 16px 30px -14px rgba(160,200,0,.95)}
.kk8-btn--primary:is(:hover)::after{transform:translateX(120%)}
.kk8-btn:is(:hover) .kk8-i{transform:translate(2px,-2px)}
.kk8-btn--primary:is(:active){transform:translateY(1px) scale(.985);background:var(--lime-2);box-shadow:inset 0 2px 4px rgba(0,0,0,.12)}
.kk8-btn--light{background:#fff;color:var(--ink);box-shadow:0 10px 24px -16px rgba(0,0,0,.6)}
.kk8-btn--light .kk8-i{color:var(--royal)}
.kk8-btn--light:is(:hover){background:var(--pale);transform:translateY(-1px)}
.kk8-btn--light:is(:active){transform:translateY(1px);background:#DCE6FA}
.kk8-btn--ghost{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.26);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.kk8-btn--ghost:is(:hover){background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.6)}
.kk8-btn--ghost:is(:active){background:rgba(255,255,255,.18)}
.kk8-btn:is(:focus-visible){outline:2px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 6px rgba(0,61,204,.18)}
.kk8-dark .kk8-btn:is(:focus-visible){outline-color:var(--lime);box-shadow:0 0 0 6px rgba(212,255,0,.18)}
.kk8-btn:is([aria-disabled="true"]){cursor:not-allowed;transform:none;box-shadow:none}
.kk8-btn--primary:is([aria-disabled="true"]){background:#E6EBC8;color:#7B8460}
.kk8-btn--primary:is([aria-disabled="true"])::after{display:none}
.kk8-dark .kk8-btn--primary:is([aria-disabled="true"]){background:rgba(212,255,0,.18);color:rgba(255,255,255,.55)}
.kk8-btn--ghost:is([aria-disabled="true"]){color:rgba(255,255,255,.4);border-style:dashed}
.kk8-tcta{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:600 var(--fs-sm)/1.2 var(--f-d);color:var(--royal);text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 calc(100% - 10px)/0 1px no-repeat;transition:background-size var(--t-btn) var(--ease),color var(--t-btn)}
.kk8-tcta__a{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(0,61,204,.08);transition:transform var(--t-btn) var(--ease),background-color var(--t-btn)}
.kk8-tcta__a .kk8-i{width:12px;height:12px}
.kk8-tcta:is(:hover){background-size:calc(100% - 36px) 1px}
.kk8-tcta:is(:hover) .kk8-tcta__a{transform:translateX(4px);background:var(--royal);color:#fff}
.kk8-tcta:is(:focus-visible){outline:2px solid var(--royal);outline-offset:4px;border-radius:6px}
.kk8-tcta:is(:active) .kk8-tcta__a{transform:translateX(2px) scale(.94)}
.kk8-dark .kk8-tcta{color:#fff}
.kk8-dark .kk8-tcta__a{background:rgba(255,255,255,.1)}
.kk8-dark .kk8-tcta:is(:hover) .kk8-tcta__a{background:var(--lime);color:var(--ink)}
.kk8-dark .kk8-tcta:is(:focus-visible){outline-color:var(--lime)}
.kk8-hdr{position:fixed;top:0;left:0;right:0;z-index:60;color:#fff;transition:background-color var(--t-nav) var(--ease),box-shadow var(--t-nav) var(--ease),-webkit-backdrop-filter var(--t-nav),backdrop-filter var(--t-nav)}
.kk8-hdr::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(2,11,42,.55),rgba(2,11,42,0));transition:opacity var(--t-nav)}
.kk8-hdr.is-scrolled{background:rgba(2,11,42,.88);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:0 1px 0 var(--line-d)}
.kk8-hdr.is-scrolled::before{opacity:0}
.kk8-hdr__in{display:flex;align-items:center;gap:16px;height:var(--hdr)}
.kk8-hdr__menu{display:inline-grid;place-items:center;width:44px;height:44px;margin-left:-8px;border:0;border-radius:12px;background:transparent;color:#fff;cursor:pointer;transition:background-color var(--t-nav)}
.kk8-hdr__menu:hover{background:rgba(255,255,255,.08)}
.kk8-hdr__menu:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.kk8-hdr__menu .kk8-i{width:22px;height:22px}
.kk8-hdr__logo{display:flex;align-items:center;min-height:44px}
.kk8-hdr__nav{display:none}
.kk8-hdr__tools{display:flex;align-items:center;gap:8px;margin-left:auto}
.kk8-lang{display:inline-flex;padding:3px;border-radius:12px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px var(--line-d2)}
.kk8-lang a{display:inline-grid;place-items:center;min-width:40px;min-height:36px;padding:0 9px;border-radius:9px;font:600 .75rem/1 var(--f-d);color:var(--on-d2);text-decoration:none;white-space:nowrap;transition:background-color var(--t-nav),color var(--t-nav)}
.kk8-lang a:hover{color:#fff}
.kk8-lang a[aria-current]{background:#fff;color:var(--ink)}
.kk8-lang a:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.kk8-hdr__login{display:none;align-items:center;min-height:44px;padding:0 12px;font:600 .875rem/1 var(--f-d);color:#fff;text-decoration:none;background:linear-gradient(var(--lime),var(--lime)) 12px calc(100% - 12px)/0 1px no-repeat;transition:background-size var(--t-nav) var(--ease)}
.kk8-hdr__login:hover{background-size:calc(100% - 24px) 1px}
.kk8-hdr__cta{display:none!important}
@media (min-width:768px){
  .kk8-hdr__login{display:inline-flex}
  .kk8-hdr__cta{display:inline-flex!important}
}
@media (max-width:359px){
  .kk8-lang a{min-width:32px;padding:0 6px}
  .kk8-hdr__in{gap:8px}
}
@media (min-width:1200px){
  .kk8-hdr__menu{display:none}
  .kk8-hdr__nav{display:flex;gap:2px;margin-left:30px}
  .kk8-hdr__nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 13px;font:600 .875rem/1 var(--f-d);color:var(--on-d2);text-decoration:none;transition:color var(--t-nav)}
  .kk8-hdr__nav a::after{content:"";position:absolute;left:13px;right:13px;bottom:9px;height:2px;border-radius:2px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform var(--t-nav) var(--ease)}
  .kk8-hdr__nav a:is(:hover,[aria-current]){color:#fff}
  .kk8-hdr__nav a:is(:hover,[aria-current])::after{transform:scaleX(1)}
  .kk8-hdr__nav a:focus-visible{outline:2px solid var(--lime);outline-offset:-4px;border-radius:8px}
}
.kk8-drawer{position:fixed;inset:0;z-index:80;visibility:hidden;pointer-events:none}
.kk8-drawer.is-open{visibility:visible;pointer-events:auto}
.kk8-drawer__scrim{position:absolute;inset:0;background:rgba(2,6,24,.6);opacity:0;transition:opacity var(--t-nav) var(--ease)}
.kk8-drawer__panel{position:absolute;inset:0 auto 0 0;width:min(88vw,380px);display:flex;flex-direction:column;gap:6px;padding:14px 20px 28px;overflow-y:auto;background:linear-gradient(180deg,#04103A,var(--ink));color:#fff;box-shadow:24px 0 60px -30px rgba(0,0,0,.8);transform:translateX(-102%);transition:transform 260ms var(--ease)}
.kk8-drawer.is-open .kk8-drawer__scrim{opacity:1}
.kk8-drawer.is-open .kk8-drawer__panel{transform:none}
.kk8-drawer__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.kk8-drawer__close{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:12px;background:rgba(255,255,255,.06);color:#fff;cursor:pointer}
.kk8-drawer__close:focus-visible,.kk8-drawer a:focus-visible{outline:2px solid var(--lime);outline-offset:2px;border-radius:10px}
.kk8-drawer__lbl{margin:14px 0 4px;font:600 var(--fs-2xs)/1 var(--f-d);letter-spacing:.16em;text-transform:uppercase;color:var(--on-d3)}
.kk8-drawer__cat{display:flex;align-items:center;gap:14px;min-height:56px;padding:6px 4px;border-bottom:1px solid var(--line-d);text-decoration:none;font:600 1rem/1.2 var(--f-d)}
.kk8-drawer__cat img{width:40px;height:40px;border-radius:11px;object-fit:cover}
.kk8-drawer__cat[aria-current]{color:var(--lime)}
.kk8-drawer__row{display:flex;gap:10px;flex-wrap:wrap}
.kk8-drawer__cta{margin-top:auto;padding-top:20px;display:grid;gap:10px}
.kk8-dock{position:relative;z-index:2;display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(var(--gut)*-1);padding:6px var(--gut) 22px}
.kk8-dock::-webkit-scrollbar{display:none}
.kk8-dock__item{flex:0 0 auto;scroll-snap-align:start;display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 16px 6px 6px;border-radius:14px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px var(--line-d2);color:#fff;text-decoration:none;font:600 .875rem/1.1 var(--f-d);white-space:nowrap;transition:background-color var(--t-card) var(--ease),box-shadow var(--t-card) var(--ease),transform var(--t-card) var(--ease)}
.kk8-dock__art{position:relative;display:block;width:36px;height:36px;border-radius:10px;overflow:hidden;flex:none;background:#0038C8}
.kk8-dock__art img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 40%);transition:transform var(--t-card) var(--ease)}
.kk8-dock__n,.kk8-dock__go{display:none}
.kk8-dock__item:is(:hover){background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.kk8-dock__item:is(:focus-visible){outline:2px solid var(--lime);outline-offset:2px}
.kk8-dock__item:is(:active){transform:scale(.98)}
@media (min-width:768px){
  .kk8-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;padding:0;overflow:visible;border-top:1px solid var(--line-d);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0))}
  .kk8-dock__item{gap:14px;min-height:0;padding:20px 18px 24px;border-radius:0;background:transparent;box-shadow:none;white-space:normal;border-left:1px solid var(--line-d);position:relative}
  .kk8-dock__item:first-child{border-left:0}
  .kk8-dock__item::after{content:"";position:absolute;left:18px;right:18px;top:-1px;height:2px;background:var(--acc);transform:scaleX(0);transform-origin:left;transition:transform var(--t-card) var(--ease)}
  .kk8-dock__item:is(:hover){background:rgba(255,255,255,.045);box-shadow:none}
  .kk8-dock__item:is(:hover)::after{transform:scaleX(1)}
  .kk8-dock__item:is(:hover) .kk8-dock__art img{transform:scale(1.08)}
  .kk8-dock__art{width:58px;height:58px;border-radius:15px;box-shadow:0 0 0 1px rgba(255,255,255,.16),0 12px 24px -12px rgba(0,0,0,.8)}
  .kk8-dock__txt{flex:1 1 auto;min-width:0}
  .kk8-dock__n{display:block;font:600 var(--fs-2xs)/1 var(--f-d);letter-spacing:.16em;color:var(--acc)}
  .kk8-dock__t{display:block;margin-top:7px;font-size:1rem;line-height:1.2;overflow-wrap:anywhere}
  .kk8-dock__go{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;flex:none;color:var(--on-d3);background:rgba(255,255,255,.06);transition:transform var(--t-card) var(--ease),background-color var(--t-card),color var(--t-card)}
  .kk8-dock__go .kk8-i{width:11px;height:11px}
  .kk8-dock__item:is(:hover) .kk8-dock__go{transform:translateX(3px);background:var(--lime);color:var(--ink)}
}
@media (min-width:768px) and (max-width:1099px){
  .kk8-dock__item{flex-direction:column;align-items:flex-start}
  .kk8-dock__go{display:none}
}
.kk8-sec{position:relative}
.kk8-sec--pale{background:linear-gradient(180deg,var(--pale),var(--pale-2))}
.kk8-sec--warm{background:var(--warm)}
.kk8-sec--ink{background:var(--ink)}
.kk8-sec--royal{background:radial-gradient(70% 110% at 88% 0%,#1A62FF 0%,var(--royal) 40%,var(--navy) 100%);overflow:hidden}
.kk8-sheet{margin-top:calc(var(--r-xl)*-1);border-radius:var(--r-xl) var(--r-xl) 0 0;z-index:2;box-shadow:0 -1px 0 rgba(255,255,255,.08)}
.kk8-covers__lbl{font:600 var(--fs-2xs)/1 var(--f-d);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-bottom:4px}
.kk8-dark .kk8-covers__lbl{color:var(--on-d3)}
.kk8-hcards{display:grid;gap:12px}
@media (min-width:600px){
  .kk8-hcards{grid-template-columns:1fr 1fr}
}
.kk8-hcard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:84px;padding:16px 18px;border-radius:var(--r-m);background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line-d2);color:#fff;text-decoration:none;transition:background-color var(--t-card) var(--ease),box-shadow var(--t-card) var(--ease)}
.kk8-hcard__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(0,71,255,.35);color:#fff;font-size:20px}
.kk8-hcard__t{font:600 1rem/1.35 var(--f-d)}
.kk8-hcard__go{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.08);transition:transform var(--t-card) var(--ease),background-color var(--t-card),color var(--t-card)}
.kk8-hcard__go .kk8-i{width:12px;height:12px}
.kk8-hcard:is(:hover){background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.kk8-hcard:is(:hover) .kk8-hcard__go{transform:translateX(3px);background:var(--lime);color:var(--ink)}
.kk8-hcard:is(:focus-visible){outline:2px solid var(--lime);outline-offset:3px}
.kk8-hcard--light{background:#fff;box-shadow:0 0 0 1px var(--line),var(--e1);color:var(--ink)}
.kk8-hcard--light .kk8-hcard__ic{background:var(--pale);color:var(--royal)}
.kk8-hcard--light .kk8-hcard__go{background:var(--pale-2)}
.kk8-hcard--light:is(:hover){background:#fff;box-shadow:0 0 0 1px var(--line),var(--e2)}
.kk8-hcard--light:is(:hover) .kk8-hcard__go{background:var(--royal);color:#fff}
.kk8-hcard--light:is(:focus-visible){outline-color:var(--royal)}
.kk8-scard{position:relative;display:grid;overflow:hidden;border-radius:var(--r-l);color:#fff;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px var(--line-d2)}
.kk8-scard__art{position:relative;display:grid;place-items:center;min-height:200px;background:radial-gradient(60% 70% at 50% 50%,color-mix(in srgb,var(--acc) 28%,#0B3FE0),#04103A 78%)}
.kk8-scard__art img{width:auto;height:150px;border-radius:22px;box-shadow:0 24px 40px -20px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.18)}
.kk8-scard__body{display:grid;gap:10px;align-content:center;padding:24px 26px 28px}
.kk8-scard__status{display:inline-flex;align-items:center;gap:8px;justify-self:start;padding:6px 12px;border-radius:999px;background:rgba(255,213,120,.1);box-shadow:inset 0 0 0 1px rgba(255,213,120,.4);color:#FFD678;font:600 var(--fs-2xs)/1 var(--f-d);letter-spacing:.1em;text-transform:uppercase}
.kk8-scard__status::before{content:"";width:6px;height:6px;border-radius:50%;background:#FFD678}
.kk8-scard__t{font:600 1.25rem/1.3 var(--f-d)}
.kk8-scard__p{color:var(--on-d2);font-size:var(--fs-sm)}
.kk8-scard__balls{position:relative;width:100%;height:100%;min-height:200px}
.kk8-scard__balls span{position:absolute;border-radius:50%;background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.8),rgba(255,255,255,0) 34%),var(--c);box-shadow:inset -8px -10px 18px rgba(0,0,0,.35),0 18px 30px -12px rgba(0,0,0,.6)}
@media (min-width:768px){
  .kk8-scard{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
  .kk8-scard__body{padding:34px 38px}
}
.kk8-notice{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:14px;background:var(--amber-bg);box-shadow:inset 3px 0 0 var(--amber-line);color:var(--amber-ink);font-size:var(--fs-sm);font-weight:600;line-height:1.55}
.kk8-notice .kk8-i{width:18px;height:18px;margin-top:2px}
.kk8-callout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;padding:28px;border-radius:var(--r-l);background:#fff;box-shadow:0 0 0 1px var(--line-w),var(--e1)}
.kk8-callout__ic{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--ink);color:var(--acc,var(--lime));font-size:20px}
@media (max-width:479px){
  .kk8-callout{grid-template-columns:1fr;padding:22px}
}
.kk8-faq{display:grid;gap:10px}
.kk8-faq details{border-radius:var(--r-m);background:#fff;box-shadow:0 0 0 1px var(--line-w);transition:box-shadow var(--t-card) var(--ease)}
.kk8-faq details[open]{box-shadow:0 0 0 1px #D8CFBF,var(--e2)}
.kk8-faq summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px;padding:16px 20px;cursor:pointer;list-style:none;font:600 1rem/1.4 var(--f-d);color:var(--ink);border-radius:var(--r-m)}
.kk8-faq summary::-webkit-details-marker{display:none}
.kk8-faq summary:focus-visible{outline:2px solid var(--royal);outline-offset:2px}
.kk8-faq summary::after{content:"";flex:none;width:30px;height:30px;border-radius:50%;background:var(--pale) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3v10M3 8h10' stroke='%23003DCC' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/12px no-repeat;transition:transform var(--t-card) var(--ease),background-color var(--t-card)}
.kk8-faq details[open] summary::after{transform:rotate(45deg);background-color:var(--lime)}
.kk8-faq details p{padding:0 64px 22px 20px;color:var(--text-2)}
.kk8-lrows{display:grid}
.kk8-lrows a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:12px 2px;border-bottom:1px solid var(--line-w);text-decoration:none;font:600 1rem/1.35 var(--f-d);color:var(--ink);transition:padding var(--t-card) var(--ease)}
.kk8-lrows a:first-child{border-top:1px solid var(--line-w)}
.kk8-lrows a .kk8-tcta__a{flex:none}
.kk8-lrows a:is(:hover){padding-left:8px}
.kk8-lrows a:is(:hover) .kk8-tcta__a{background:var(--royal);color:#fff;transform:translateX(4px)}
.kk8-lrows a:focus-visible{outline:2px solid var(--royal);outline-offset:2px;border-radius:6px}
.kk8-dark .kk8-lrows a{color:#fff;border-color:var(--line-d)}
.kk8-phone{position:relative;border-radius:32px;padding:7px;background:linear-gradient(180deg,#2C3D78,#0B1640);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),var(--e-art)}
.kk8-phone img{border-radius:25px;width:100%}
.kk8-phone--f{z-index:2;width:52%;max-width:250px}
.kk8-phone--b{width:44%;max-width:220px;margin-right:-10%;transform:translateY(-8%) rotate(-5deg)}
.kk8-app__cap{flex:0 0 100%;margin-top:20px;text-align:center;font-size:var(--fs-xs);color:var(--on-d3)}
.kk8-discbox{display:flex;gap:12px;padding:20px 22px;border-radius:var(--r-m);background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--line-d2);font-size:var(--fs-sm);line-height:1.6;color:var(--on-d2)}
.kk8-discbox .kk8-i{width:16px;height:16px;margin-top:3px;color:var(--lime)}
.kk8-band{position:relative;overflow:hidden;background:radial-gradient(60% 140% at 100% 0%,#2A6BFF,var(--royal) 45%,var(--navy) 100%);color:#fff}
.kk8-band__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px;padding-block:44px}
.kk8-band__t{font:600 clamp(1.25rem,1.1rem + .6vw,1.75rem)/1.25 var(--f-d);max-width:26ch}
.kk8-band__cta{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:599px){
  .kk8-band__cta{width:100%;display:grid;grid-template-columns:1fr 1fr}
}
.kk8-ftr{background:var(--ink);color:var(--on-d2);font-size:var(--fs-sm)}
.kk8-ftr__top{display:grid;gap:36px;padding-block:64px 40px}
.kk8-ftr__brand{display:grid;gap:14px;align-content:start;max-width:320px}
.kk8-age{display:inline-flex;align-items:center;gap:10px;font-size:var(--fs-xs)}
.kk8-age b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--on-d2);font:700 .6875rem/1 var(--f-d);color:#fff}
.kk8-ftr__h{margin-bottom:12px;font:600 var(--fs-2xs)/1 var(--f-d);letter-spacing:.16em;text-transform:uppercase;color:#fff}
.kk8-ftr__col a{display:inline-flex;align-items:center;min-height:38px;color:var(--on-d2);text-decoration:none;background:linear-gradient(var(--lime),var(--lime)) 0 calc(100% - 8px)/0 1px no-repeat;transition:color var(--t-nav),background-size var(--t-nav) var(--ease)}
.kk8-ftr__col a:is(:hover,[aria-current]){color:#fff;background-size:100% 1px}
.kk8-ftr__col a:focus-visible{outline:2px solid var(--lime);outline-offset:2px;border-radius:4px}
.kk8-ftr__langs{display:flex;flex-wrap:wrap;gap:8px}
.kk8-ftr__langs a{padding:0 12px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--line-d2);background-image:none}
.kk8-ftr__disc{display:flex;gap:12px;padding:20px 0;border-top:1px solid var(--line-d);line-height:1.6}
.kk8-ftr__disc .kk8-i{width:16px;height:16px;margin-top:3px;color:var(--lime)}
.kk8-ftr__bot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-block:18px 26px;border-top:1px solid var(--line-d);font-size:var(--fs-xs);color:var(--on-d3)}
.kk8-totop{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--on-d2);text-decoration:none}
.kk8-totop span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line-d2);transition:transform var(--t-btn) var(--ease),background-color var(--t-btn)}
.kk8-totop span .kk8-i{width:12px;height:12px}
.kk8-totop:hover span{transform:translateY(-2px);background:rgba(255,255,255,.08)}
@media (min-width:768px){
  .kk8-ftr__top{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kk8-ftr__brand{grid-column:span 3}
}
@media (min-width:1024px){
  .kk8-ftr__top{grid-template-columns:minmax(0,4fr) repeat(3,minmax(0,2.4fr))}
  .kk8-ftr__brand{grid-column:auto}
}
.kk8-mbar{position:fixed;left:0;right:0;bottom:0;z-index:55;display:grid;grid-template-columns:1fr 1.25fr;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(2,11,42,.92);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 -1px 0 var(--line-d);transition:transform var(--t-nav) var(--ease),opacity var(--t-nav)}
.kk8-mbar.is-off{transform:translateY(105%);opacity:0}
.kk8-mbar .kk8-btn{min-height:48px;padding:0 12px;border-radius:12px}
@media (min-width:768px){
  .kk8-mbar{display:none}
}
.kk8-ch{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:var(--hero-bg)}
.kk8-ch__light{position:absolute;z-index:-1;inset:0;pointer-events:none;background:var(--hero-light)}
.kk8-ch__in{display:grid;padding-top:calc(var(--hdr) - 4px)}
.kk8-ch__art{position:relative;order:-1;height:min(70vw,300px);margin:0 calc(var(--gut)*-1);overflow:hidden}
.kk8-ch__art picture img,.kk8-ch__art>img{position:absolute;left:50%;bottom:0;height:100%;width:auto;max-width:none;transform:translateX(-50%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 66%,transparent 98%),linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 66%,transparent 98%),linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%);mask-composite:intersect}
.kk8-ch__copy{position:relative;z-index:1;margin-top:-48px;padding-bottom:22px}
.kk8-crumbs{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:var(--fs-xs);color:var(--on-d3)}
.kk8-crumbs li{display:inline-flex;align-items:center;gap:12px}
.kk8-crumbs li+li::before{content:"";width:5px;height:5px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)}
.kk8-crumbs a{display:inline-flex;align-items:center;min-height:36px;color:var(--on-d2);text-decoration:none;font-weight:600}
.kk8-crumbs a:hover{color:#fff}
.kk8-crumbs [aria-current]{color:#fff;font-weight:600}
.kk8-ch__tag{display:inline-flex;align-items:center;gap:10px;margin-top:14px;font:600 var(--fs-2xs)/1 var(--f-d);letter-spacing:.18em;text-transform:uppercase;color:var(--acc)}
.kk8-ch__tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 25%,transparent)}
.kk8-ch__title{margin-top:12px;font-size:var(--fs-h1);line-height:1.04;letter-spacing:-.035em}
.kk8-ch__lead{margin-top:14px;max-width:52ch}
.kk8-ch__cta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.kk8-ch__cta .kk8-btn{padding:0 14px}
.kk8-ch .kk8-disc{margin-top:16px}
@media (min-width:900px){
  .kk8-ch__in{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:center;min-height:500px}
  .kk8-ch__art{order:2;height:470px;margin:0;overflow:visible}
  .kk8-ch__art picture img,.kk8-ch__art>img{left:auto;right:-4%;transform:none}
  .kk8-ch__copy{margin-top:0;padding-block:44px 48px}
  .kk8-ch__cta{display:flex}
  .kk8-ch__cta .kk8-btn{padding:0 26px}
}
.kk8-ch__deco{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.kk8-pidx{position:relative;z-index:2;display:flex;overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--line-d);-webkit-mask-image:linear-gradient(90deg,#000 86%,transparent);mask-image:linear-gradient(90deg,#000 86%,transparent)}
.kk8-pidx::-webkit-scrollbar{display:none}
.kk8-pidx a{flex:0 0 auto;display:flex;align-items:baseline;gap:10px;min-height:56px;padding:18px 22px 18px 0;margin-right:22px;border-right:1px solid var(--line-d);color:var(--on-d2);text-decoration:none;font:600 .8125rem/1.3 var(--f-d);white-space:nowrap;transition:color var(--t-nav)}
.kk8-pidx a:last-child{border-right:0}
.kk8-pidx a span{font-size:var(--fs-2xs);letter-spacing:.12em;color:var(--acc)}
.kk8-pidx a:hover{color:#fff}
.kk8-pidx a:focus-visible{outline:2px solid var(--lime);outline-offset:-4px;border-radius:6px}
@media (min-width:1100px){
  .kk8-pidx{-webkit-mask-image:none;mask-image:none;overflow:visible}
  .kk8-pidx a{flex:1 1 0;white-space:normal;margin-right:0;padding:22px 16px;border-right:0;border-left:1px solid var(--line-d)}
  .kk8-pidx a:first-child{border-left:0;padding-left:0}
}
.kk8-cnav{position:sticky;top:var(--hdr);z-index:40;background:rgba(247,244,238,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line-w)}
.kk8-cnav ul{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-block:10px}
.kk8-cnav a,.kk8-cnav span{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px 0 6px;border-radius:12px;font:600 .875rem/1 var(--f-d);color:var(--ink);text-decoration:none;white-space:nowrap;transition:background-color var(--t-nav)}
.kk8-cnav img{width:32px;height:32px;border-radius:9px;object-fit:cover}
.kk8-cnav a:hover{background:rgba(10,20,48,.06)}
.kk8-cnav a:focus-visible{outline:2px solid var(--royal);outline-offset:2px}
.kk8-cnav [aria-current]{background:var(--ink);color:#fff}
.kk8-related{background:var(--ink);padding-block:44px}
.kk8-related .kk8-covers__lbl{display:block;color:var(--on-d3);margin-bottom:14px}
.kk8-fam-fishing{--acc:var(--acc-fishing);--tint:#E3F3F9;--deep:radial-gradient(70% 90% at 100% 0%,rgba(61,216,245,.16),transparent 60%),linear-gradient(160deg,#03204F,#05356F 60%,#0A4C8F);--hero-bg:linear-gradient(180deg,#020B2A 0%,#03204F 52%,#05356F 100%);--hero-light:radial-gradient(44% 66% at 74% 40%,rgba(0,120,255,.55),transparent 70%),radial-gradient(30% 40% at 78% 30%,rgba(61,216,245,.25),transparent 70%),repeating-radial-gradient(ellipse at 70% -20%,rgba(255,255,255,.035) 0 2px,transparent 2px 36px)}
.kk8-fam-ekor{--acc:var(--acc-ekor);--acc-ink:#C9252C;--tint:#FBEEE8;--deep:radial-gradient(60% 90% at 100% 0%,rgba(255,90,95,.24),transparent 60%),linear-gradient(140deg,#14082A,#2A0E2E 55%,#0A1D57);--hero-bg:linear-gradient(180deg,#0B0624 0%,#150A34 60%,#0D1B57 100%);--hero-light:radial-gradient(40% 58% at 74% 36%,rgba(255,90,95,.34),transparent 70%),radial-gradient(50% 70% at 76% 46%,rgba(0,71,255,.5),transparent 72%),radial-gradient(18% 22% at 78% 18%,rgba(255,194,74,.22),transparent 70%)}
.kk8-fam-slots{--acc:var(--acc-slots);--tint:#FBF3E2;--deep:radial-gradient(60% 90% at 0% 0%,rgba(255,194,74,.18),transparent 60%),linear-gradient(140deg,#020B2A,#0A1D57);--hero-bg:linear-gradient(180deg,#020B2A,#04154C 70%,#061A5A);--hero-light:radial-gradient(46% 72% at 78% 40%,rgba(0,71,255,.8),transparent 70%),radial-gradient(26% 36% at 80% 30%,rgba(255,194,74,.25),transparent 70%)}
.kk8-fam-live{--acc:var(--acc-live);--acc-ink:#9C5A33;--tint:#F7EEEA;--deep:radial-gradient(50% 80% at 50% 0%,rgba(242,182,142,.22),transparent 65%),linear-gradient(160deg,#07051F,#1A1440);--hero-bg:linear-gradient(180deg,#07051F,#140F3A 70%,#1A1440);--hero-light:radial-gradient(40% 60% at 74% -10%,rgba(255,236,220,.28),transparent 70%),radial-gradient(46% 72% at 78% 46%,rgba(120,60,200,.45),transparent 70%)}
.kk8-fam-sports{--acc:var(--acc-sports);--tint:#E8F5EF;--deep:radial-gradient(60% 90% at 100% 0%,rgba(59,214,154,.18),transparent 60%),linear-gradient(140deg,#021A24,#05304A);--hero-bg:linear-gradient(180deg,#021220,#03243A 70%,#04304A);--hero-light:radial-gradient(46% 72% at 78% 44%,rgba(0,140,110,.45),transparent 70%),radial-gradient(40% 60% at 80% 40%,rgba(0,71,255,.55),transparent 70%)}
.kk8-fam-fishing .kk8-ch::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:38px;z-index:3;background:var(--warm);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 38' preserveAspectRatio='none'%3E%3Cpath d='M0 20c160 18 320 18 480 0s320-18 480 0 320 18 480 0V38H0z'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 38' preserveAspectRatio='none'%3E%3Cpath d='M0 20c160 18 320 18 480 0s320-18 480 0 320 18 480 0V38H0z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.kk8-fam-fishing .kk8-pidx{margin-bottom:30px}
.kk8-bubble{position:absolute;bottom:-40px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.75),rgba(61,216,245,.22) 42%,rgba(61,216,245,0) 70%);box-shadow:inset 0 0 0 1px rgba(61,216,245,.32)}
@media (prefers-reduced-motion:no-preference){
  @keyframes kk8-rise{from{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:none}}
  @keyframes kk8-fade{from{opacity:0}to{opacity:1}}
  @keyframes kk8-sheen{from{transform:translateX(-120%)}to{transform:translateX(120%)}}
  @keyframes kk8-bubble{0%{transform:translateY(0);opacity:0}12%{opacity:.9}100%{transform:translateY(-520px);opacity:0}}
  .kk8-js [data-in]{opacity:0;animation:kk8-rise var(--t-reveal) var(--ease) forwards;animation-delay:calc(var(--i,0) * 70ms + 120ms)}
  .kk8-js [data-reveal]{opacity:0;transform:translate3d(0,24px,0);transition:opacity var(--t-reveal) var(--ease),transform var(--t-reveal) var(--ease);transition-delay:calc(var(--i,0) * 70ms)}
  .kk8-js [data-reveal].is-in{opacity:1;transform:none}
  .kk8-bubble{animation:kk8-bubble var(--d,12s) linear infinite;animation-delay:var(--dl,0s)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
.kk8-dark .kk8-eyebrow{color:#E9FF8A}
.kk8-dark .kk8-lead{color:var(--on-d2)}
.kk8-dark .kk8-prose p{color:var(--on-d2)}
.kk8-ch>.kk8-wrap{padding-bottom:0}
.kk8-dock{scroll-padding-inline:var(--gut)}
@media (min-width:768px){
  .kk8-dock{scroll-padding-inline:0}
}
.kk8-hcard picture,.kk8-cnav picture,.kk8-drawer__cat picture{display:block;flex:none}
.kk8-cnav picture img{width:32px;height:32px}
.kk8-btn--light:is([aria-disabled="true"]){opacity:.45}
:root{--banner:linear-gradient(90deg,#0131AE 0%,#0A44E8 62%,#0B4CFB 100%);--banner-v:linear-gradient(180deg,#0A40E0,#0131AE);--r-art:28px}
.kk8-home .kk8-sheet{margin-top:0;border-radius:0}
.kk8-hx{position:relative;isolation:isolate;overflow:hidden}
.kk8-hx__grid{display:grid;padding-top:calc(var(--hdr) + 6px)}
.kk8-hx__copy{position:relative;z-index:1;margin-top:-58px;padding-bottom:14px}
.kk8-hx__title{margin-top:12px;font-size:clamp(2.125rem,1.3rem + 3.6vw,4.25rem);line-height:1.03;letter-spacing:-.035em;max-width:12.5ch}
:lang(ms) .kk8-hx__title{font-size:clamp(2rem,1.2rem + 3.2vw,3.9rem);max-width:15ch}
:lang(zh) .kk8-hx__title{font-size:clamp(1.8rem,1.1rem + 3vw,3.5rem);line-height:1.24;letter-spacing:0;max-width:11em;word-break:keep-all;overflow-wrap:anywhere}
.kk8-hx__lead{margin-top:14px;max-width:46ch;font-size:clamp(.96875rem,.9rem + .3vw,1.1875rem)}
.kk8-hx__cta{display:grid;grid-template-columns:1.15fr 1fr;gap:10px;margin-top:20px}
.kk8-hx__cta .kk8-btn{padding:0 14px}
.kk8-hx__disc .kk8-disc{margin-top:14px;font-size:.75rem;line-height:1.5;max-width:52ch;opacity:.92}
@media (max-width:359px){
  .kk8-hx__cta{grid-template-columns:1fr}
}
@media (min-width:900px){
  .kk8-hx__grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:end;min-height:clamp(560px,calc(100svh - 196px),640px)}
  .kk8-hx__copy{margin-top:0;padding-block:40px 64px}
  .kk8-hx__cta{display:flex;gap:12px}
  .kk8-hx__cta .kk8-btn{padding:0 28px}
}
.kk8-shead{display:grid;gap:14px;max-width:760px;margin-bottom:36px}
@media (min-width:900px){
  .kk8-shead{margin-bottom:48px}
}
.kk8-sec{padding-block:clamp(56px,4.5vw + 34px,104px)}
.kk8-bento{display:grid;gap:14px}
.kk8-bcard{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;border-radius:var(--r-art);background:var(--banner);color:#fff;box-shadow:0 0 0 1px rgba(10,29,87,.08),var(--e3);transition:transform var(--t-card) var(--ease),box-shadow var(--t-card) var(--ease)}
.kk8-bcard__art{position:absolute;z-index:-1;inset:0;overflow:hidden}
.kk8-bcard__art img{position:absolute;right:0;bottom:0;height:100%;width:auto;max-width:none;transition:transform 700ms var(--ease);transform-origin:70% 80%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 26%);mask-image:linear-gradient(90deg,transparent 0,#000 26%)}
.kk8-bcard::after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(2,11,42,.78) 0%,rgba(2,11,42,.38) 46%,transparent 70%)}
.kk8-bcard__body{display:flex;flex-direction:column;gap:10px;flex:1 1 auto;padding:22px 22px 20px;max-width:62%}
.kk8-bcard__tag{display:inline-flex;align-items:center;gap:10px;font:600 var(--fs-2xs)/1 var(--f-d);letter-spacing:.16em;text-transform:uppercase;color:#fff}
.kk8-bcard__tag span{display:inline-grid;place-items:center;min-width:28px;height:22px;padding:0 6px;border-radius:999px;background:var(--acc);color:var(--ink);letter-spacing:.06em}
.kk8-bcard h3{font-size:clamp(1.5rem,1.2rem + 1vw,2.25rem)}
.kk8-bcard__acts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:auto;padding-top:6px}
.kk8-bcard__acts .kk8-tcta{white-space:nowrap}
.kk8-bcard .kk8-meta{display:none}
.kk8-bcard:is(:hover){transform:translateY(-4px);box-shadow:0 0 0 1px rgba(10,29,87,.1),0 40px 70px -34px rgba(2,11,42,.6)}
.kk8-bcard:is(:hover) .kk8-bcard__art img{transform:scale(1.045)}
.kk8-bcard:is(:focus-within){box-shadow:0 0 0 2px var(--lime),var(--e3)}
.kk8-bcard--poster{min-height:430px}
.kk8-bcard--poster .kk8-bcard__body{max-width:none}
.kk8-bcard--poster .kk8-bcard__art img{height:auto;width:min(100%,478px);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%),linear-gradient(90deg,transparent 0,#000 18%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0,#000 22%),linear-gradient(90deg,transparent 0,#000 18%);mask-composite:intersect}
.kk8-bcard--poster::after{background:linear-gradient(180deg,rgba(2,11,42,.72) 0%,rgba(2,11,42,.25) 40%,transparent 58%),linear-gradient(0deg,rgba(2,11,42,.75),transparent 34%)}
.kk8-bcard--poster .kk8-bcard__acts .kk8-btn{order:-1}
.kk8-bcard--wide{min-height:214px}
.kk8-bcard--wide .kk8-bcard__art img{object-position:62% 22%}
.kk8-bcard--pitch{min-height:214px;background:radial-gradient(70% 90% at 80% 50%,#0A5A62 0%,#05304A 55%,#031A2C 100%)}
.kk8-bcard--pitch::after{background:linear-gradient(90deg,rgba(2,11,42,.6),transparent 60%)}
.kk8-bcard__art--pitch{color:rgba(59,214,154,.24)}
.kk8-pitch{display:block}
.kk8-bcard__art--pitch .kk8-pitch{position:absolute;inset:-6% -4%;width:108%;height:112%}
.kk8-bcard__ball{position:absolute;right:9%;top:50%;width:min(28%,150px);aspect-ratio:1;transform:translateY(-50%);border-radius:50%;box-shadow:0 0 0 14px rgba(59,214,154,.08),0 0 0 30px rgba(59,214,154,.05),0 30px 50px -20px rgba(0,0,0,.7)}
.kk8-bcard__ball img{position:static;width:100%;height:100%;object-fit:contain;-webkit-mask-image:radial-gradient(closest-side,#000 76%,transparent 100%);mask-image:radial-gradient(closest-side,#000 76%,transparent 100%)}
.kk8-bcard:is(:hover) .kk8-bcard__ball img{transform:scale(1.06) rotate(-6deg)}
.kk8-meta{display:flex;flex-wrap:wrap;gap:4px 0;font-size:.8125rem;line-height:1.45;color:var(--on-d2)}
.kk8-meta__l{flex:0 0 100%;margin-bottom:4px;font:600 var(--fs-2xs)/1 var(--f-d);letter-spacing:.14em;text-transform:uppercase;color:var(--on-d3)}
@media (min-width:600px){
  .kk8-bcard .kk8-meta{display:flex}
}
@media (min-width:900px){
  .kk8-bento{grid-template-rows:1fr 1fr;gap:18px}
  .kk8-bcard--poster{grid-row:1/3;min-height:0}
  .kk8-bcard__body{padding:30px 32px 28px;max-width:58%}
  .kk8-bcard--poster .kk8-bcard__body{padding:36px 40px 36px}
  .kk8-bcard--poster h3{font-size:clamp(2.25rem,1.6rem + 1.6vw,3.25rem)}
  .kk8-bcard--poster .kk8-meta{max-width:40ch}
}
.kk8-acct3{display:grid;gap:4px}
.kk8-pass{position:relative;display:grid;border-radius:var(--r-art);background:#fff;box-shadow:0 0 0 1px var(--line-w),var(--e2)}
.kk8-pass__half{position:relative;display:flex;flex-direction:column;gap:12px;padding:26px 22px 22px}
.kk8-pass__half+.kk8-pass__half{border-top:2px dashed var(--line-w)}
.kk8-pass__top{display:flex;align-items:center;gap:14px}
.kk8-pass__top h3{font-size:var(--fs-h3)}
.kk8-pass__ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--ink);color:var(--lime);font-size:20px;flex:none}
.kk8-pass__cap{font:600 1rem/1.35 var(--f-d);color:var(--ink)}
.kk8-pass .kk8-prose p{font-size:.9688rem}
.kk8-pass .kk8-tcta{margin-top:auto}
@media (min-width:900px){
  .kk8-acct3{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px;align-items:start}
  .kk8-acct3 .kk8-shead{position:sticky;top:calc(var(--hdr) + 40px)}
  .kk8-pass{grid-template-columns:1fr 1fr}
  .kk8-pass__half{padding:38px 36px 30px}
  .kk8-pass__half+.kk8-pass__half{border-top:0;border-left:2px dashed var(--line-w)}
  .kk8-pass::before,.kk8-pass::after{content:"";position:absolute;left:50%;width:30px;height:30px;border-radius:50%;background:var(--warm);transform:translateX(-50%);box-shadow:inset 0 0 0 1px var(--line-w)}
  .kk8-pass::before{top:-15px;clip-path:inset(50% 0 0 0)}
  .kk8-pass::after{bottom:-15px;clip-path:inset(0 0 50% 0)}
}
.kk8-s-mob{background:radial-gradient(60% 90% at 85% 10%,#1A62FF 0%,transparent 60%),linear-gradient(90deg,#011855 0%,#0030AB 60%,#0042EE 100%)}
.kk8-mob3{display:grid;gap:34px;align-items:center}
.kk8-mob3 .kk8-shead{margin-bottom:22px}
.kk8-mob3__cta{display:grid;gap:14px;justify-items:start;margin-top:26px}
.kk8-mob3__stage{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;padding-top:10px}
.kk8-mob3__stage::before{content:"";position:absolute;left:50%;bottom:44px;width:min(86%,420px);height:46px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.45),transparent)}
.kk8-mob3 .kk8-phone--f{width:46%;max-width:240px}
.kk8-mob3 .kk8-phone--b{width:40%;max-width:210px}
@media (min-width:900px){
  .kk8-mob3{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:64px}
}
.kk8-terms{display:grid;gap:28px;align-items:center}
.kk8-terms__art{position:relative;justify-self:start;width:min(100%,342px);aspect-ratio:342/300;border-radius:var(--r-art);overflow:hidden;background:var(--banner);box-shadow:var(--e3)}
.kk8-terms__art img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.kk8-terms__art::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.kk8-terms__body{display:grid;gap:22px;max-width:680px}
.kk8-terms__body .kk8-shead{margin-bottom:0}
.kk8-terms .kk8-notice{max-width:56ch}
@media (max-width:599px){
  .kk8-terms__art{width:100%;aspect-ratio:auto;height:190px}
  .kk8-terms__art img{object-position:40% 50%}
}
@media (min-width:900px){
  .kk8-terms{grid-template-columns:minmax(0,4.2fr) minmax(0,7.8fr);gap:64px}
  .kk8-terms__art{justify-self:stretch;width:100%;max-width:342px;aspect-ratio:342/340}
}
.kk8-help3{display:grid;gap:30px;align-items:center}
.kk8-help3__copy{display:grid;gap:14px;align-content:start}
.kk8-help3__copy .kk8-shead{margin-bottom:12px}
.kk8-help3__art{position:relative;border-radius:var(--r-art);overflow:hidden;background:var(--banner);aspect-ratio:518/360;max-width:518px;width:100%;justify-self:center;box-shadow:0 40px 80px -40px rgba(0,71,255,.6)}
.kk8-help3__art img{width:100%;height:100%;object-fit:cover}
.kk8-help3__art::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);background:linear-gradient(180deg,transparent 70%,rgba(2,11,42,.35))}
@media (min-width:900px){
  .kk8-help3{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:64px}
  .kk8-help3__art{justify-self:end}
}
.kk8-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kk8-dcard{position:relative;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;color:#fff;box-shadow:var(--e3);transition:transform var(--t-card) var(--ease),box-shadow var(--t-card) var(--ease)}
.kk8-dcard--fishing{background:linear-gradient(180deg,#04264A,#031A38)}
.kk8-dcard--ekor-4d{background:linear-gradient(180deg,#2A1034,#150B2E)}
.kk8-dcard__art{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--banner)}
.kk8-dcard__art img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 35%);transition:transform 700ms var(--ease)}
.kk8-dcard--fishing .kk8-dcard__art img{object-position:62% 40%}
.kk8-dcard--ekor-4d .kk8-dcard__art img{object-position:50% 18%}
.kk8-dcard__wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:22px;color:#04264A}
.kk8-dcard__balls{position:absolute;left:14px;display:flex;gap:6px}
.kk8-dcard__balls span{width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.8),rgba(255,255,255,0) 34%),var(--c);box-shadow:inset -4px -5px 8px rgba(0,0,0,.35),0 8px 14px -6px rgba(0,0,0,.6)}
.kk8-dcard__body{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;padding:22px 14px 14px}
.kk8-dcard__tag{font:600 var(--fs-2xs)/1 var(--f-d);letter-spacing:.16em;text-transform:uppercase;color:var(--acc)}
.kk8-dcard h3{font-size:1.375rem}
.kk8-dcard .kk8-meta{display:none}
.kk8-dcard .kk8-tcta{margin-top:auto;font-size:.875rem;white-space:nowrap}
.kk8-dcard:is(:hover){transform:translateY(-4px)}
.kk8-dcard:is(:hover) .kk8-dcard__art img{transform:scale(1.05)}
.kk8-dcard:is(:focus-within){box-shadow:0 0 0 2px var(--royal),var(--e3)}
@media (min-width:768px){
  .kk8-duo{gap:22px}
  .kk8-dcard{border-radius:var(--r-art)}
  .kk8-dcard__art{aspect-ratio:16/10}
  .kk8-dcard__wave{height:34px}
  .kk8-dcard__balls{left:32px;gap:10px}
  .kk8-dcard__balls span{width:36px;height:36px}
  .kk8-dcard__body{gap:14px;padding:34px 32px 30px}
  .kk8-dcard h3{font-size:clamp(1.875rem,1.4rem + 1vw,2.5rem)}
  .kk8-dcard .kk8-meta{display:flex}
}
@media (min-width:900px){
  .kk8-ftr__top{grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr))!important}
}
.kk8-cat3 .kk8-ch__art{order:-1;height:auto;margin:0;overflow:visible;display:grid;justify-items:center;padding-top:8px}
.kk8-cat3 .kk8-ch__art picture img,.kk8-cat3 .kk8-ch__art>img{position:static;transform:none;height:auto;-webkit-mask-image:none;mask-image:none}
.kk8-cat3 .kk8-ch__copy{margin-top:-30px}
.kk8-fx{position:relative;isolation:isolate}
.kk8-fx__img{display:block}
@media (min-width:900px){
  .kk8-cat3 .kk8-ch__in{min-height:540px;gap:40px}
  .kk8-cat3 .kk8-ch__art{order:2;padding:0;justify-items:end}
  .kk8-cat3 .kk8-ch__copy{margin-top:0}
}
.kk8-fx--reel{width:min(88vw,400px);aspect-ratio:478/400;border-radius:var(--r-art);overflow:hidden;background:var(--banner);box-shadow:0 0 0 1px rgba(255,194,74,.28),0 50px 90px -44px rgba(255,170,40,.45),0 30px 60px -30px rgba(0,0,0,.7)}
.kk8-fx--reel::before{content:"";position:absolute;z-index:2;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,#FFC24A 30%,#FFE29A 50%,#FFC24A 70%,transparent)}
.kk8-fx--reel::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(2,11,42,.28),transparent 22%,transparent 70%,rgba(2,11,42,.6))}
.kk8-fx--reel .kk8-fx__img{position:absolute;right:0;bottom:0;width:100%;height:auto}
.kk8-fx__reels{position:absolute;z-index:1;inset:0;display:grid;grid-template-columns:1fr 1fr 1fr;pointer-events:none}
.kk8-fx__reels i{border-right:1px solid rgba(255,214,120,.18)}
@media (min-width:900px){
  .kk8-fx--reel{width:478px}
}
.kk8-fx--table{width:min(88vw,420px);padding-bottom:34px}
.kk8-fx--table picture img,.kk8-fx--table .kk8-fx__img{position:relative;z-index:1;width:100%;height:auto;border-radius:999px 999px 0 0;-webkit-mask-image:linear-gradient(180deg,#000 76%,transparent 100%);mask-image:linear-gradient(180deg,#000 76%,transparent 100%)}
.kk8-fx--table::before{content:"";position:absolute;z-index:0;left:0;right:0;top:0;bottom:34px;border-radius:999px 999px 0 0;background:var(--banner);box-shadow:0 0 0 1px rgba(242,182,142,.25)}
.kk8-fx__table{position:absolute;z-index:2;left:-9%;right:-9%;bottom:0;height:74px;border-radius:50%;background:radial-gradient(60% 70% at 50% 30%,#2D2A5C,#140F3A 70%);box-shadow:inset 0 2px 0 rgba(242,182,142,.75),inset 0 0 0 1px rgba(242,182,142,.3),0 30px 50px -20px rgba(0,0,0,.8)}
.kk8-fx__table::after{content:"";position:absolute;left:12%;right:12%;top:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(242,182,142,.45),transparent)}
@media (min-width:900px){
  .kk8-fx--table{width:498px;padding-bottom:44px}
  .kk8-fx--table::before{bottom:44px}
  .kk8-fx__table{height:96px}
}
@media (max-width:899px){
  .kk8-fam-sports .kk8-ch__copy{margin-top:8px}
}
.kk8-fx--sea{width:calc(100% + var(--gut)*2);margin-inline:calc(var(--gut)*-1);height:min(64vw,270px);overflow:hidden}
.kk8-fx--sea picture img,.kk8-fx--sea .kk8-fx__img{position:absolute!important;left:50%!important;bottom:0;height:100%!important;width:auto!important;max-width:none;transform:translateX(-50%)!important;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 62%,transparent 98%),linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%)!important;-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 62%,transparent 98%),linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%)!important;mask-composite:intersect}
@media (min-width:900px){
  .kk8-fx--sea{width:558px;margin:0;height:420px;overflow:visible}
  .kk8-fx--sea picture img,.kk8-fx--sea .kk8-fx__img{height:360px!important;left:auto!important;right:0;transform:none!important;bottom:30px;-webkit-mask-image:radial-gradient(64% 70% at 56% 52%,#000 58%,transparent 100%)!important;mask-image:radial-gradient(64% 70% at 56% 52%,#000 58%,transparent 100%)!important}
}
.kk8-fx--draw{display:grid;place-items:end center;width:min(76vw,320px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 40%,#2A63FF,#0131AE 62%,#081E6B);box-shadow:0 0 0 10px rgba(255,90,95,.08),0 0 0 11px rgba(255,90,95,.35),0 50px 80px -40px rgba(255,90,95,.45)}
.kk8-fx--draw .kk8-fx__img{width:112%;max-width:none;height:auto;transform:translateY(4%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%);mask-image:linear-gradient(180deg,transparent 0,#000 18%)}
.kk8-fx__ring{position:absolute;z-index:2;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);pointer-events:none}
.kk8-fx__ring::before{content:"";position:absolute;inset:7%;border-radius:50%;border:1px dashed rgba(255,214,120,.35)}
@media (min-width:900px){
  .kk8-fx--draw{width:440px}
  .kk8-fx--draw .kk8-fx__img{width:498px}
}
.kk8-fam-body{background:var(--warm);padding-block:clamp(48px,4vw + 28px,96px)}
.kk8-sx__n{display:inline-flex;align-items:center;gap:12px;font:600 var(--fs-2xs)/1 var(--f-d);letter-spacing:.18em;color:var(--acc-ink,var(--royal))}
.kk8-sx__h{margin-top:10px;font-size:clamp(1.5rem,1.2rem + 1.1vw,2.25rem)}
.kk8-sx__body{display:grid;gap:20px;min-width:0}
.kk8-sx--dark .kk8-sx__n{color:var(--acc)}
.kk8-callout__b{display:grid;gap:12px}
.kk8-scard__art--pitch{color:rgba(59,214,154,.3);background:radial-gradient(60% 70% at 50% 50%,#0A5A62,#031A2C 80%)}
.kk8-scard__art--pitch .kk8-pitch{position:absolute;inset:8%;width:84%;height:84%}
.kk8-panels{display:grid;gap:16px}
.kk8-sx--panels{border-radius:var(--r-l);background:#fff;box-shadow:0 0 0 1px var(--line-w),var(--e1);padding:26px 22px}
.kk8-sx--panels .kk8-sx__in{display:grid;gap:18px}
.kk8-sx--panels.kk8-sx--dark{background:var(--deep);box-shadow:var(--e3)}
.kk8-sx--panels:first-child{background:linear-gradient(135deg,#fff 60%,#FBF3E2)}
@media (min-width:900px){
  .kk8-panels{grid-template-columns:1fr 1fr;gap:20px}
  .kk8-sx--panels{padding:40px 40px 36px}
  .kk8-sx--panels:nth-child(-n/**/+2){grid-column:1/-1}
  .kk8-sx--panels:nth-child(-n/**/+2) .kk8-sx__in{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px}
  .kk8-sx--panels:first-child .kk8-prose{columns:2;column-gap:40px}
  .kk8-sx--panels:first-child .kk8-prose h3{column-span:all}
  .kk8-sx--panels.kk8-sx--dark .kk8-sx__body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
}
.kk8-read{max-width:880px}
.kk8-sx--read{padding-block:44px;border-top:1px solid var(--line-w)}
.kk8-sx--read:first-child{border-top:0;padding-top:8px}
.kk8-sx--read .kk8-sx__in{display:grid;gap:18px}
.kk8-sx--read .kk8-sx__n::before{content:"";width:8px;height:8px;transform:rotate(45deg);background:var(--acc)}
.kk8-sx--read .kk8-sx__h{font-size:clamp(1.75rem,1.3rem + 1.4vw,2.75rem)}
.kk8-sx--read.kk8-sx--dark{position:relative;border:0;padding:48px 22px;margin-block:12px;border-radius:var(--r-art);background:var(--deep);box-shadow:var(--e3)}
.kk8-read__fig{border-radius:22px;overflow:hidden;background:var(--banner);aspect-ratio:498/360;box-shadow:0 0 0 1px rgba(242,182,142,.25)}
.kk8-read__fig img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
@media (min-width:900px){
  .kk8-sx--read{padding-block:64px}
  .kk8-sx--read .kk8-sx__in{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px}
  .kk8-sx--read.kk8-sx--dark{margin-inline:-80px;padding:56px 80px}
  .kk8-sx--read.kk8-sx--dark .kk8-sx__in{grid-template-columns:1fr}
  .kk8-sx--read.kk8-sx--dark .kk8-sx__body{align-items:stretch}
  .kk8-sx--read.kk8-sx--dark .kk8-sx__body>.kk8-prose,.kk8-sx--read.kk8-sx--dark .kk8-sx__body>div:not(.kk8-scard){grid-column:1/-1}
}
.kk8-board{display:grid}
.kk8-sx--board{border-top:1px solid #D7E3DC;padding-block:30px}
.kk8-sx--board .kk8-sx__in{display:grid;gap:16px}
.kk8-sx--board .kk8-sx__n{justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--ink);color:var(--acc);letter-spacing:.06em;font-size:.8125rem}
.kk8-sx--board .kk8-sx__head{display:grid;gap:12px}
.kk8-sx--board .kk8-sx__h{margin-top:0}
.kk8-sx--board.kk8-sx--dark{border:0;margin-inline:calc(var(--gut)*-1);padding:40px var(--gut);background:var(--deep)}
.kk8-fam-sports .kk8-fam-body{background:linear-gradient(180deg,#F1F7F3,var(--warm) 40%)}
@media (min-width:900px){
  .kk8-sx--board{padding-block:44px}
  .kk8-sx--board .kk8-sx__in{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px}
  .kk8-sx--board .kk8-sx__head{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:20px}
  .kk8-sx--board.kk8-sx--dark{margin-inline:0;padding:48px 44px;border-radius:var(--r-art)}
}
.kk8-depth{display:grid}
.kk8-sx--depth{position:relative;padding-block:56px;background:color-mix(in srgb,#DDEFF5 calc(var(--n)*16%),var(--warm))}
.kk8-sx--depth .kk8-sx__in{width:100%;max-width:calc(var(--maxw) + var(--gut)*2);margin-inline:auto;padding-inline:var(--gut);display:grid;gap:20px}
.kk8-sx--depth+.kk8-sx--depth::before{content:"";position:absolute;left:0;right:0;top:-1px;height:26px;background:inherit;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 26' preserveAspectRatio='none'%3E%3Cpath d='M0 26V12c160-14 320-14 480 0s320 14 480 0 320-14 480 0v14z'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 26' preserveAspectRatio='none'%3E%3Cpath d='M0 26V12c160-14 320-14 480 0s320 14 480 0 320-14 480 0v14z'/%3E%3C/svg%3E") center/100% 100% no-repeat;transform:translateY(-100%)}
.kk8-sx--depth.kk8-sx--dark{background:var(--deep)}
.kk8-sx--depth.kk8-sx--dark+.kk8-sx--depth::before{background:color-mix(in srgb,#DDEFF5 calc(var(--n)*16%),var(--warm))}
.kk8-fam-fishing .kk8-fam-body{padding-block:0}
.kk8-fam-fishing .kk8-sx--depth:first-child{padding-top:40px}
@media (min-width:900px){
  .kk8-sx--depth{padding-block:84px}
  .kk8-sx--depth .kk8-sx__in{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:72px}
  .kk8-sx--depth .kk8-sx__head{position:sticky;top:calc(var(--hdr) + 90px);align-self:start}
}
.kk8-stubs{display:grid;gap:14px;max-width:1040px}
.kk8-sx--stubs{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line-w),var(--e1);overflow:hidden}
.kk8-sx--stubs::before{content:"";grid-row:1;grid-column:1;background:linear-gradient(180deg,#FF6B6F,#D9363C)}
.kk8-sx--stubs .kk8-sx__in{grid-column:2;display:grid;gap:16px;padding:24px 20px 22px;border-left:2px dashed var(--line-w)}
.kk8-sx--stubs .kk8-sx__n{position:absolute;left:0;top:22px;width:52px;justify-content:center;color:#fff;letter-spacing:.04em;font-size:.875rem}
.kk8-sx--stubs.kk8-sx--dark{background:var(--deep);box-shadow:var(--e3)}
.kk8-sx--stubs.kk8-sx--dark .kk8-sx__in{border-left-color:rgba(255,255,255,.14)}
.kk8-sx--stubs.kk8-sx--dark::before{background:linear-gradient(180deg,#FFC24A,#E39A16)}
.kk8-sx--stubs.kk8-sx--dark .kk8-sx__n{color:var(--ink)}
.kk8-fam-ekor .kk8-fam-body{background:linear-gradient(180deg,#FBEEE8,var(--warm) 30%)}
@media (min-width:900px){
  .kk8-sx--stubs{grid-template-columns:96px minmax(0,1fr);border-radius:24px}
  .kk8-sx--stubs .kk8-sx__n{width:96px;top:40px;font-size:1.25rem}
  .kk8-sx--stubs .kk8-sx__in{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:48px;padding:40px 44px 38px}
}
.kk8-xcats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kk8-xcat{position:relative;isolation:isolate;display:flex;align-items:flex-end;gap:8px;min-height:150px;padding:14px;border-radius:20px;overflow:hidden;background:var(--banner);color:#fff;text-decoration:none;font:600 1rem/1.2 var(--f-d);box-shadow:var(--e2);transition:transform var(--t-card) var(--ease),box-shadow var(--t-card) var(--ease)}
.kk8-xcat__art{position:absolute;z-index:-1;inset:0}
.kk8-xcat__art img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 35%);transition:transform 600ms var(--ease)}
.kk8-xcat::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(2,11,42,.82))}
.kk8-xcat__t{flex:1 1 auto;min-width:0}
.kk8-xcat__go{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.16);flex:none;transition:transform var(--t-card) var(--ease),background-color var(--t-card)}
.kk8-xcat__go .kk8-i{width:11px;height:11px}
.kk8-xcat:is(:hover){transform:translateY(-3px);box-shadow:var(--e3)}
.kk8-xcat:is(:hover) .kk8-xcat__art img{transform:scale(1.05)}
.kk8-xcat:is(:hover) .kk8-xcat__go{background:var(--lime);color:var(--ink)}
.kk8-xcat:is(:focus-visible){outline:2px solid var(--royal);outline-offset:3px}
@media (min-width:768px){
  .kk8-xcat{min-height:200px;padding:20px}
}
@media (prefers-reduced-motion:no-preference){
  .kk8-js .kk8-hx .kk8-btn--primary::after{animation:kk8-sheen 900ms var(--ease-io) 1500ms 1 both}
}
.kk8-bcard--wide .kk8-bcard__art{left:40%}
.kk8-bcard--wide .kk8-bcard__art img{width:100%;height:100%;object-fit:cover}
.kk8-bcard--wide .kk8-bcard__body{max-width:56%}
.kk8-bcard--poster{display:flex;flex-direction:column}
.kk8-bcard--poster .kk8-bcard__acts{margin-top:14px}
@media (max-width:899px){
  .kk8-bcard--poster .kk8-bcard__art{position:relative;z-index:0;inset:auto;order:2;height:auto;margin-top:-40px}
  .kk8-bcard--poster .kk8-bcard__art img{position:relative;display:block;margin-left:auto;width:min(100%,420px)}
  .kk8-bcard--poster::after{background:linear-gradient(180deg,rgba(2,11,42,.55),transparent 45%)}
  .kk8-bcard--poster .kk8-bcard__body{position:relative;z-index:1;padding-bottom:0}
}
@media (min-width:900px){
  .kk8-bcard--poster .kk8-bcard__art img{right:0;bottom:0}
}
@media (min-width:900px){
  .kk8-bento{grid-template-columns:minmax(0,5.5fr) minmax(0,6.5fr);min-height:680px}
  .kk8-bcard--poster .kk8-bcard__art{position:relative;z-index:0;inset:auto;order:2;height:auto;margin-top:auto}
  .kk8-bcard--poster .kk8-bcard__art img{position:relative;display:block;margin-left:auto;width:478px;max-width:100%}
  .kk8-bcard--poster .kk8-bcard__body{flex:0 0 auto;max-width:none;padding-bottom:0}
  .kk8-bcard--poster::after{background:linear-gradient(180deg,rgba(2,11,42,.6),transparent 42%)}
  .kk8-bcard--wide .kk8-bcard__body,.kk8-bcard--pitch .kk8-bcard__body{max-width:54%}
}
.kk8-meta__i{display:inline-flex;align-items:center;gap:8px;margin-right:14px}
.kk8-meta__i::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--acc);flex:none}
.kk8-fx--table .kk8-fx__img{position:relative!important}
.kk8-pair{display:grid;gap:16px}
@media (min-width:700px){
  .kk8-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
  .kk8-pair .kk8-read__fig{aspect-ratio:auto;min-height:100%}
}
@media (min-width:900px){
  .kk8-sx--read.kk8-sx--dark .kk8-sx__body{grid-template-columns:1fr}
}
.kk8-pair .kk8-scard{grid-template-columns:1fr!important}
.kk8-pair .kk8-scard__art{min-height:150px}
.kk8-cat3:not(.kk8-fam-fishing) .kk8-ch__copy{margin-top:10px}
@media (max-width:599px){
  .kk8-fam-ekor .kk8-ch__deco{display:none}
}
@media (max-width:899px){
  .kk8-sx--stubs{grid-template-columns:6px minmax(0,1fr)}
  .kk8-sx--stubs .kk8-sx__in{border-left:0;padding:22px 18px 20px}
  .kk8-sx--stubs .kk8-sx__n{position:static;width:auto;justify-content:flex-start;color:var(--acc-ink);font-size:var(--fs-2xs);letter-spacing:.18em}
  .kk8-sx--stubs.kk8-sx--dark .kk8-sx__n{color:var(--acc)}
  .kk8-stubs .kk8-callout{padding:20px 18px;gap:14px}
}
.kk8-fx--table .kk8-fx__img{left:0!important;right:auto!important;transform:none!important}
@media (max-width:899px){
  .kk8-fx__table{left:-3%;right:-3%}
}
.kk8-dcard__balls{bottom:12px!important}
.kk8-hdr__logo img{width:92px}
@media (min-width:768px){
  .kk8-hdr__logo img{width:112px}
}
.kk8-hx--a2{background:linear-gradient(180deg,#020B2A,#030E36 70%,#041244)}
.kk8-a2__slab{position:absolute;z-index:-1;left:0;right:0;top:0;height:calc(var(--hdr) + 300px);border-radius:0 0 0 44px;overflow:hidden;background:var(--banner);box-shadow:0 40px 90px -50px rgba(0,71,255,.8)}
.kk8-a2__sweep{position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.12) 0%,transparent 30%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 72px)}
.kk8-a2__slab::after{content:"";position:absolute;left:0;right:0;top:0;height:var(--hdr);background:linear-gradient(180deg,rgba(2,11,42,.55),transparent)}
.kk8-a2__stage{position:relative;order:-1;height:300px;margin-inline:calc(var(--gut)*-1)}
.kk8-a2__fig{position:absolute;left:50%;bottom:0;width:320px;margin:0 0 0 -160px}
.kk8-a2__fig picture img,.kk8-a2__img{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(180deg,transparent 0,#000 10%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(180deg,transparent 0,#000 10%);mask-composite:intersect}
.kk8-a2__stack{position:absolute;left:0;right:0;bottom:-26px;z-index:2}
.kk8-a2__stack .kk8-dock{margin:0;padding-bottom:6px}
.kk8-a2__stack .kk8-dock__item{background:rgba(2,11,42,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 14px 28px -14px rgba(0,0,0,.7)}
.kk8-v-a2 .kk8-hx__copy{margin-top:44px}
@media (min-width:900px){
  .kk8-a2__slab{left:56%;top:calc(var(--hdr) + 22px);bottom:0;height:auto;border-radius:44px 0 0 0;box-shadow:-40px 0 120px -50px rgba(0,71,255,.7)}
  .kk8-a2__slab::after{display:none}
  .kk8-v-a2 .kk8-hx__grid{min-height:clamp(600px,calc(100svh - 76px),700px);align-items:center}
  .kk8-v-a2 .kk8-hx__copy{margin-top:0;padding-block:56px 72px}
  .kk8-a2__stage{order:2;height:auto;align-self:stretch;margin:0}
  .kk8-a2__fig{left:auto;right:-2%;width:468px;margin:0}
  .kk8-a2__fig picture img,.kk8-a2__img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 20%),linear-gradient(180deg,transparent 0,#000 12%);mask-image:linear-gradient(90deg,transparent 0,#000 20%),linear-gradient(180deg,transparent 0,#000 12%)}
  .kk8-a2__stack{left:-6px;right:auto;bottom:52px;width:248px}
  .kk8-a2__stack .kk8-dock{display:flex;flex-direction:column;gap:8px;border:0;background:none;padding:0;overflow:visible}
  .kk8-a2__stack .kk8-dock__item{flex-direction:row;align-items:center;gap:12px;min-height:0;padding:8px 12px 8px 8px;border:0;border-radius:16px;margin-left:calc(var(--i,6) * 9px - 54px)}
  .kk8-a2__stack .kk8-dock__item::after{display:none}
  .kk8-a2__stack .kk8-dock__art{width:42px;height:42px;border-radius:12px}
  .kk8-a2__stack .kk8-dock__t{margin-top:4px;font-size:.9375rem}
  .kk8-a2__stack .kk8-dock__go{display:grid}
  .kk8-a2__stack .kk8-dock__item:is(:hover){background:rgba(2,11,42,.88);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4),0 18px 34px -14px rgba(0,0,0,.8)}
}
.kk8-qa{position:relative;z-index:3;background:linear-gradient(180deg,#041244 50%,var(--pale) 50%);padding-block:4px 0}
.kk8-qa__bar{display:grid;grid-template-columns:1fr 1fr;border-radius:20px;background:#fff;box-shadow:0 0 0 1px rgba(10,29,87,.08),var(--e3);overflow:hidden}
.kk8-qa__item{position:relative;display:flex;align-items:center;gap:12px;min-height:72px;padding:12px 14px;color:var(--ink);text-decoration:none;transition:background-color var(--t-card) var(--ease)}
.kk8-qa__item:nth-child(n/**/+3){border-top:1px solid var(--line)}
.kk8-qa__item:nth-child(even){border-left:1px solid var(--line)}
.kk8-qa__ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--pale);color:var(--royal);font-size:18px;flex:none;transition:background-color var(--t-card),color var(--t-card)}
.kk8-qa__txt{display:grid;gap:3px;min-width:0;flex:1 1 auto}
.kk8-qa__tag{font:600 var(--fs-2xs)/1 var(--f-d);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}
.kk8-qa__t{font:600 .875rem/1.25 var(--f-d);overflow-wrap:anywhere}
.kk8-qa__go{display:none}
.kk8-qa__item:is(:hover){background:var(--pale-2)}
.kk8-qa__item:is(:hover) .kk8-qa__ic{background:var(--royal);color:#fff}
.kk8-qa__item:is(:focus-visible){outline:2px solid var(--royal);outline-offset:-4px;border-radius:16px}
.kk8-qa__item:is(:active){background:var(--pale)}
.kk8-s-cats{padding-top:clamp(44px,3vw + 26px,80px)}
@media (min-width:900px){
  .kk8-qa__bar{grid-template-columns:repeat(4,minmax(0,1fr));border-radius:22px;padding:6px}
  .kk8-qa__item{min-height:84px;padding:14px 18px;border-radius:16px}
  .kk8-qa__item:nth-child(n/**/+3){border-top:0}
  .kk8-qa__item:nth-child(even){border-left:0}
  .kk8-qa__item+.kk8-qa__item::before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:1px;background:var(--line)}
  .kk8-qa__ic{width:46px;height:46px;border-radius:14px;font-size:20px}
  .kk8-qa__t{font-size:.9688rem}
  .kk8-qa__go{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--pale-2);color:var(--royal);flex:none;transition:transform var(--t-card) var(--ease),background-color var(--t-card),color var(--t-card)}
  .kk8-qa__go .kk8-i{width:11px;height:11px}
  .kk8-qa__item:is(:hover) .kk8-qa__go{transform:translateX(3px);background:var(--royal);color:#fff}
}
.kk8-cat3 .kk8-ch__art{position:relative}
.kk8-fx__token{position:absolute;z-index:3;left:calc(50% - min(44vw,200px) - 6px);bottom:-14px;width:84px;height:84px;border-radius:22px;overflow:hidden;background:var(--banner);box-shadow:0 0 0 2px rgba(255,194,74,.75),0 0 0 7px rgba(255,194,74,.12),0 24px 40px -18px rgba(0,0,0,.85)}
.kk8-fx__token img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.kk8-read__fig--kart{aspect-ratio:310/300}
.kk8-read__fig--kart img{object-position:50% 50%}
@media (min-width:900px){
  .kk8-fx__token{left:auto;right:410px;bottom:26px;width:124px;height:124px;border-radius:28px}
}
.kk8-fx__depth{position:absolute;z-index:0;top:4%;right:54%;width:200px;opacity:.5;filter:blur(2.5px) saturate(.85);pointer-events:none;-webkit-mask-image:radial-gradient(closest-side,#000 55%,transparent 100%);mask-image:radial-gradient(closest-side,#000 55%,transparent 100%)}
.kk8-fx__depth img{width:100%;height:auto}
.kk8-fx--table{position:relative;z-index:1}
@media (min-width:900px){
  .kk8-fx__depth{top:2%;right:360px;width:320px}
}
.kk8-fx--stadium{position:relative;width:min(92vw,560px);aspect-ratio:560/400;border-radius:var(--r-art);overflow:hidden;perspective:640px;background:linear-gradient(180deg,#03101F 0%,#052238 46%,#073A3E 100%);box-shadow:0 0 0 1px rgba(59,214,154,.22),0 50px 90px -46px rgba(0,0,0,.85)}
.kk8-st__sky{position:absolute;inset:0;background:radial-gradient(60% 40% at 50% 0%,rgba(150,200,255,.22),transparent 70%)}
.kk8-st__stands{position:absolute;left:0;right:0;top:26%;height:24%;background:radial-gradient(circle,rgba(220,235,255,.28) .8px,transparent 1.4px) 0 0/8px 6px,linear-gradient(180deg,#081A2E,#0A2333);-webkit-mask-image:linear-gradient(180deg,transparent,#000 35%,#000 80%,transparent);mask-image:linear-gradient(180deg,transparent,#000 35%,#000 80%,transparent);opacity:.85}
.kk8-st__plane{position:absolute;left:-30%;right:-30%;transform-origin:50% 100%;color:rgba(255,255,255,.5);background:repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 9%,transparent 9% 18%),linear-gradient(180deg,#0D5C46,#0F7050)}
.kk8-st__plane .kk8-pitch{position:absolute;inset:0;width:100%;height:100%}
.kk8-st__lamp{position:absolute;pointer-events:none}
.kk8-st__ball{position:absolute;z-index:2;left:50%;bottom:16%;width:min(26vw,140px);aspect-ratio:1;margin-left:calc(min(26vw,140px) / -2);border-radius:50%}
.kk8-st__ball .kk8-fx__img{width:100%;height:100%;object-fit:contain;-webkit-mask-image:radial-gradient(closest-side,#000 78%,transparent 100%);mask-image:radial-gradient(closest-side,#000 78%,transparent 100%)}
.kk8-st__shadow{position:absolute;z-index:1;left:50%;bottom:12%;width:min(30vw,170px);height:22px;margin-left:calc(min(30vw,170px) / -2);border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent)}
.kk8-fam-sports .kk8-ch__art{padding-top:14px}
@media (min-width:900px){
  .kk8-fx--stadium{width:560px}
}
.kk8-sea__back{position:absolute;z-index:0;left:4%;top:6%;width:96px;opacity:.5;filter:blur(2px);-webkit-mask-image:radial-gradient(closest-side,#000 60%,transparent 100%);mask-image:radial-gradient(closest-side,#000 60%,transparent 100%)}
.kk8-sea__back img{width:100%;height:auto}
.kk8-fx--sea .kk8-fx__img{z-index:1}
.kk8-sea__front{position:absolute;z-index:2;left:0;bottom:-1px;width:100%;height:40px;color:#05356F;opacity:.92}
@media (min-width:900px){
  .kk8-sea__back{left:-50px;top:0;width:160px}
}
.kk8-fx__orbit{position:absolute;z-index:3;left:50%;top:8px;width:min(76vw,320px);aspect-ratio:1;margin-left:calc(min(76vw,320px) / -2);pointer-events:none}
.kk8-fx__orbit i{position:absolute;left:50%;top:50%;width:var(--z);height:var(--z);margin:calc(var(--z) / -2) 0 0 calc(var(--z) / -2);border-radius:50%;transform:rotate(var(--a)) translateX(calc(min(38vw,160px) + 10px)) rotate(calc(var(--a) * -1));background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.8),rgba(255,255,255,0) 34%),var(--c);box-shadow:inset -4px -5px 9px rgba(0,0,0,.35),0 12px 20px -10px rgba(0,0,0,.7)}
@media (min-width:900px){
  .kk8-fx__orbit{left:auto;right:0;top:0;width:440px;margin:0}
  .kk8-fx__orbit i{transform:rotate(var(--a)) translateX(236px) rotate(calc(var(--a) * -1))}
}
@media (prefers-reduced-motion:no-preference){
  @keyframes kk8-bob{0%,100%{translate:0 0}50%{translate:0 -6px}}
  .kk8-js .kk8-a2__slab{animation:kk8-fade 1200ms var(--ease) both}
  .kk8-fx__orbit i{animation:kk8-bob 6.5s var(--ease-io) infinite;animation-delay:var(--dl,0s)}
}
.kk8-a2__fig{isolation:isolate}
.kk8-cat3 .kk8-ch__art .kk8-st__ball img{width:100%;height:100%;object-fit:contain}
.kk8-st__lamp{top:0;width:34%;height:100%;background:linear-gradient(180deg,rgba(225,240,255,.42),rgba(225,240,255,0) 72%)}
.kk8-st__lamp--l{left:2%;clip-path:polygon(10% 0,24% 0,100% 100%,52% 100%)}
.kk8-st__lamp--r{right:2%;clip-path:polygon(76% 0,90% 0,48% 100%,0 100%)}
.kk8-st__lamp::before{content:"";position:absolute;top:6%;width:30px;height:8px;border-radius:4px;background:#EAF4FF;box-shadow:0 0 18px 6px rgba(220,236,255,.6)}
.kk8-st__lamp--l::before{left:12%}
.kk8-st__lamp--r::before{right:12%}
.kk8-st__lamp{filter:none}
.kk8-st__lamp--l,.kk8-st__lamp--r{-webkit-mask-image:linear-gradient(180deg,#000,transparent 80%);mask-image:linear-gradient(180deg,#000,transparent 80%)}
.kk8-st__plane{bottom:-14%;height:74%;transform:rotateX(64deg)}
.kk8-fx--stadium::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 50% at 50% 78%,rgba(120,255,200,.12),transparent 70%),linear-gradient(180deg,transparent 60%,rgba(2,11,42,.35))}
.kk8-fx--sea .kk8-sea__back img{position:static!important;left:auto!important;width:100%!important;height:auto!important;transform:none!important;-webkit-mask-image:none!important;mask-image:none!important}
@media (min-width:900px){
  .kk8-fx--sea .kk8-fx__img{-webkit-mask-image:radial-gradient(62% 68% at 56% 52%,#000 50%,transparent 100%),linear-gradient(180deg,transparent 0,#000 16%,#000 80%,transparent 100%),linear-gradient(90deg,transparent 0,#000 12%,#000 90%,transparent 100%)!important;-webkit-mask-composite:source-in,source-in!important;mask-image:radial-gradient(62% 68% at 56% 52%,#000 50%,transparent 100%),linear-gradient(180deg,transparent 0,#000 16%,#000 80%,transparent 100%),linear-gradient(90deg,transparent 0,#000 12%,#000 90%,transparent 100%)!important;mask-composite:intersect,intersect!important}
}
.kk8-cat3 .kk8-ch__art .kk8-st__ball img{-webkit-mask-image:radial-gradient(closest-side,#000 60%,transparent 68%);mask-image:radial-gradient(closest-side,#000 60%,transparent 68%)}
@media (min-width:900px){
  .kk8-sea__front{bottom:28px;height:54px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 22%,#000 82%,transparent);color:#0A3F86;opacity:.75}
}
@media (max-width:599px){
  .kk8-qa__bar{grid-template-columns:1fr}
  .kk8-qa__item{min-height:60px;padding:10px 14px}
  .kk8-qa__item:nth-child(even){border-left:0}
  .kk8-qa__item+.kk8-qa__item{border-top:1px solid var(--line)}
  .kk8-qa__go{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--pale-2);color:var(--royal);flex:none}
  .kk8-qa__go .kk8-i{width:10px;height:10px}
  .kk8-qa__ic{width:36px;height:36px;border-radius:11px;font-size:16px}
}
@media (min-width:600px) and (max-width:899px){
  .kk8-qa__item{min-height:76px}
}
@media (min-width:900px){
  .kk8-fam-slots .kk8-sx--panels.kk8-sx--dark .kk8-sx__body{grid-template-columns:1fr}
  .kk8-fam-slots .kk8-pair{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  .kk8-fam-slots .kk8-pair .kk8-read__fig{aspect-ratio:310/300;min-height:0;align-self:center}
}
.kk8-fam-slots .kk8-pair .kk8-scard{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important}
@media (max-width:699px){
  .kk8-fam-slots .kk8-pair .kk8-scard{grid-template-columns:1fr!important}
}
@font-face{font-family:"Sora Fallback";src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("LiberationSans-Bold");font-weight:600 700;size-adjust:106.9%;ascent-override:90.7%;descent-override:27.1%;line-gap-override:0%}
@font-face{font-family:"Inter Fallback";src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("LiberationSans");font-weight:100 900;size-adjust:106.9%;ascent-override:90.6%;descent-override:22.6%;line-gap-override:0%}
:root{--f-d:"Sora","Sora Fallback",system-ui,-apple-system,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;--f-t:"Inter","Inter Fallback",system-ui,-apple-system,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;--text-3:#5A6789}
.kk8-fam-fishing{--acc-ink:#066E89}
.kk8-fam-slots{--acc-ink:#8A5A00}
.kk8-fam-sports{--acc-ink:#0E7552}
@media (prefers-reduced-motion:no-preference){
  @keyframes kk8-lift{from{transform:translate3d(0,14px,0)}to{transform:none}}
  .kk8-js [data-lift]{animation:kk8-lift 620ms var(--ease) both;animation-delay:calc(var(--i,0) * 60ms)}
  .is-paused,.is-paused *{animation-play-state:paused!important}
}
.kk8-a2__glow{position:absolute;z-index:-1;inset:0;transform:scale(1.45);pointer-events:none;opacity:.55;filter:blur(10px) saturate(1.15);background:url(data:image/webp;base64,UklGRqoAAABXRUJQVlA4IJ4AAADQBQCdASogAB4APtleok2oJaMiN/qoAQAbCWwAnTNQuygpSfQ3qlhloof7vasmUKPrylbGDhWwAP7o2BUFR3CBVECUrWRv/4HDaWE51I98alxGz/ProcAWLS/lVgdNAMpW018ka7fMc4t+Elnt1QJ0kyoPmB1n9NCzGwnoaoPQORDg4A14hdUgLSHezJWsfw7VTiA7qauQAE/q0He0AA==) center/cover no-repeat;-webkit-mask-image:radial-gradient(closest-side,#000 40%,transparent 100%);mask-image:radial-gradient(closest-side,#000 40%,transparent 100%)}
@media (max-width:899px){
  .kk8-btn--ghost,.kk8-mbar,.kk8-cnav,.kk8-hdr.is-scrolled,.kk8-a2__stack .kk8-dock__item{-webkit-backdrop-filter:none;backdrop-filter:none}
  .kk8-hdr.is-scrolled{background:rgba(2,11,42,.96)}
  .kk8-mbar{background:rgba(2,11,42,.97)}
  .kk8-cnav{background:rgba(247,244,238,.98)}
  .kk8-a2__stack .kk8-dock__item{background:rgba(2,11,42,.86)}
}
.kk8-skip{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 16px;border-radius:10px;background:var(--lime);color:var(--ink);font:600 .875rem/1 var(--f-d);text-decoration:none}
.kk8-skip:focus{top:12px}
.kk8-hdr__menu{text-decoration:none}
.kk8-hdr__nav .is-off,.kk8-lang .is-off,.kk8-drawer .is-off,.kk8-ftr .is-off,.kk8-mbar .is-off{opacity:.45;cursor:not-allowed}
.kk8-lang .is-off{display:inline-grid;place-items:center;min-width:40px;min-height:36px;padding:0 9px;font:600 .75rem/1 var(--f-d);color:var(--on-d2)}
.kk8-hdr__nav .is-off{display:inline-flex;align-items:center;min-height:44px;padding:0 13px;font:600 .875rem/1 var(--f-d)}
.kk8-btn.is-pending{cursor:not-allowed;filter:saturate(.4);opacity:.75}
.kk8-drawer:target{visibility:visible;pointer-events:auto}
.kk8-drawer:target .kk8-drawer__scrim{opacity:1}
.kk8-drawer:target .kk8-drawer__panel{transform:none}
.kk8-drawer__close{text-decoration:none}
.kk8-drawer__cat picture{display:block;flex:none}
.kk8-drawer__cta .kk8-disc{margin-top:6px}
.kk8-ftr__langs a,.kk8-ftr__langs span{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--line-d2);background-image:none}
.kk8-ftr__langs a[aria-current]{background:#fff;color:var(--ink)}
.kk8-ftr__disc{max-width:none}
.kk8-totop span .kk8-i{transform:rotate(-90deg)}
.kk8-ftr__brand img{width:120px}
.kk8-fam-acct{--acc:var(--lime);--acc-ink:var(--royal);--deep:radial-gradient(60% 90% at 100% 0%,rgba(212,255,0,.12),transparent 60%),linear-gradient(140deg,#020B2A,#0A1D57);--hero-bg:linear-gradient(180deg,#020B2A,#04154C 70%,#061A5A);--hero-light:radial-gradient(46% 72% at 78% 44%,rgba(0,71,255,.78),transparent 70%),radial-gradient(24% 34% at 82% 30%,rgba(212,255,0,.14),transparent 70%)}
.kk8-fam-help{--acc:#7FB2FF;--acc-ink:var(--royal);--deep:linear-gradient(140deg,#020B2A,#0A1D57);--hero-bg:linear-gradient(180deg,#020B2A,#05185A 70%,#0A1D57);--hero-light:radial-gradient(46% 72% at 78% 44%,rgba(0,71,255,.7),transparent 70%),radial-gradient(28% 36% at 84% 26%,rgba(127,178,255,.22),transparent 70%)}
.kk8-fam-policy{--acc:#C9D4F2;--acc-ink:var(--royal);--deep:linear-gradient(140deg,#020B2A,#0A1D57);--hero-bg:linear-gradient(180deg,#020B2A,#061237 70%,#0A1D57);--hero-light:radial-gradient(40% 64% at 78% 44%,rgba(0,61,204,.55),transparent 70%),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 72px)}
.kk8-ph .kk8-ch__in{padding-bottom:28px}
.kk8-ch__cta--one{grid-template-columns:1fr}
@media (min-width:600px){
  .kk8-ch__cta--one{grid-template-columns:auto;justify-content:start}
}
.kk8-ch__art--doc .kk8-fx--doc{width:min(78vw,380px);aspect-ratio:518/400;border-radius:var(--r-art);overflow:hidden;background:var(--banner);box-shadow:0 0 0 1px rgba(127,178,255,.25),0 40px 80px -44px rgba(0,71,255,.8),0 30px 60px -30px rgba(0,0,0,.6)}
.kk8-ch__art--doc .kk8-fx--doc .kk8-fx__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kk8-fam-policy .kk8-ch__art--doc .kk8-fx--doc{aspect-ratio:1;width:min(64vw,300px);border-radius:50%}
@media (min-width:900px){
  .kk8-ph .kk8-ch__in{min-height:460px}
  .kk8-ch__art--doc .kk8-fx--doc{width:420px}
  .kk8-fam-policy .kk8-ch__art--doc .kk8-fx--doc{width:340px}
}
.kk8-pv{position:relative;width:min(84vw,360px);aspect-ratio:36/30;margin-inline:auto}
.kk8-pv__ring{position:absolute;left:50%;top:50%;width:86%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px rgba(190,210,255,.16),0 0 0 40px rgba(190,210,255,.03)}
.kk8-pv__tile{position:absolute;width:30%;aspect-ratio:200/225;border-radius:18px;overflow:hidden;box-shadow:0 20px 40px -20px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.14)}
.kk8-pv__tile img{width:100%;height:100%;object-fit:cover}
.kk8-pv__tile--1{left:2%;top:10%;rotate:-9deg}
.kk8-pv__tile--2{right:2%;top:4%;rotate:8deg}
.kk8-pv__tile--3{right:10%;bottom:2%;rotate:-4deg}
.kk8-pv__card{position:absolute;left:14%;right:22%;top:24%;display:grid;gap:12px;padding:22px 22px 24px;border-radius:24px;background:linear-gradient(160deg,rgba(19,43,115,.94),rgba(2,11,42,.96));box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 30px 60px -24px rgba(0,0,0,.85)}
.kk8-pv__card img{width:84px;height:auto}
.kk8-pv__ic{position:absolute;right:18px;top:18px;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--lime);color:var(--ink);font-size:20px}
.kk8-pv__l{display:block;height:10px;border-radius:6px;background:rgba(201,212,242,.22)}
.kk8-pv__l--s{width:62%}
.kk8-pv__btn{display:block;height:38px;margin-top:4px;border-radius:12px;background:linear-gradient(90deg,var(--lime),var(--lime-2))}
.kk8-steps{display:grid;gap:12px;counter-reset:none}
.kk8-step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start;padding:18px;border-radius:var(--r-m);background:var(--pale-2);box-shadow:inset 0 0 0 1px var(--line)}
.kk8-step__n{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--ink);color:var(--lime);font:600 .8125rem/1 var(--f-d);letter-spacing:.06em}
.kk8-step__t{font-size:1.0625rem;font-weight:600;letter-spacing:-.01em;line-height:1.35}
.kk8-step__b p{margin-top:6px;color:var(--text-2);max-width:var(--measure)}
.kk8-tpl-acct .kk8-sx--panels:first-child{background:linear-gradient(135deg,#fff 60%,#EEF3FD)}
.kk8-tpl-acct .kk8-sx__n{color:var(--royal)}
.kk8-doc{display:grid;gap:28px}
.kk8-doc__toc nav{padding:20px 22px;border-radius:var(--r-m);background:#fff;box-shadow:0 0 0 1px var(--line-w),var(--e1)}
.kk8-doc__toc .kk8-covers__lbl{display:block;margin-bottom:10px}
.kk8-doc__toc ol{display:grid}
.kk8-doc__toc a{display:flex;gap:12px;align-items:baseline;min-height:44px;padding:10px 0;border-top:1px solid var(--line-w);color:var(--ink);text-decoration:none;font:600 .875rem/1.4 var(--f-d)}
.kk8-doc__toc li:first-child a{border-top:0}
.kk8-doc__toc a span{flex:none;width:22px;font-size:var(--fs-2xs);letter-spacing:.12em;color:var(--royal)}
.kk8-doc__toc a:hover{color:var(--royal)}
.kk8-doc__toc a:focus-visible{outline:2px solid var(--royal);outline-offset:2px;border-radius:6px}
.kk8-doc__body{max-width:none;min-width:0}
.kk8-tpl-doc .kk8-sx--read .kk8-sx__n::before{background:var(--royal)}
@media (min-width:1024px){
  .kk8-doc{grid-template-columns:280px minmax(0,1fr);gap:56px;align-items:start}
  .kk8-doc__toc{position:sticky;top:calc(var(--hdr) + 20px)}
}
.kk8-chan{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:20px 22px;border-radius:var(--r-m);background:var(--ink);color:#fff;box-shadow:var(--e2)}
.kk8-chan__ic{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:rgba(0,71,255,.4);font-size:20px}
.kk8-chan__b{display:grid;gap:8px;justify-items:start}
.kk8-chan__t{font:600 1.0625rem/1.35 var(--f-d)}
.kk8-discbox--light{background:#fff;box-shadow:0 0 0 1px var(--line-w);color:var(--text-2)}
.kk8-discbox--light .kk8-i{color:var(--royal)}
.kk8-related--light{margin-top:36px;padding-top:28px;border-top:1px solid var(--line-w)}
.kk8-related--light .kk8-covers__lbl{display:block;margin-bottom:14px}
.kk8-related--light .kk8-hcards{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.kk8-related .kk8-hcards{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.kk8-sx__body>div>.kk8-prose h3,.kk8-callout .kk8-prose h3{font-size:clamp(1.125rem,1rem + .4vw,1.375rem)}
.kk8-related--light{background:none;padding:28px 0 0}
.kk8-tpl-doc .kk8-sx--read .kk8-sx__h{font-size:clamp(1.5rem,1.2rem + 1vw,2.125rem)}
@media (min-width:900px){
  .kk8-tpl-doc .kk8-sx--read .kk8-sx__in{grid-template-columns:1fr!important;gap:18px}
  .kk8-tpl-acct .kk8-sx--panels{grid-column:1/-1}
  .kk8-tpl-acct .kk8-sx--panels .kk8-sx__in{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px}
}
.kk8-s-acct,.kk8-s-mob,.kk8-s-terms,.kk8-s-help,.kk8-s-duo,.kk8-band,.kk8-fam-body,.kk8-related,.kk8-ftr{content-visibility:auto;contain-intrinsic-size:auto 900px}
.kk8-related--light .kk8-covers__lbl{color:var(--text-3)}
.kk8-dock__n::before{content:attr(data-n)}
.kk8-qa__tag::before{content:attr(data-tag)}
@media (max-width:599px){
  .kk8-step{grid-template-columns:1fr;gap:10px;padding:16px}
  .kk8-step__n{width:36px;height:36px;border-radius:10px}
}
.kk8-404{position:relative;isolation:isolate;min-height:62vh;display:grid;align-items:center;background:radial-gradient(46% 72% at 78% 40%,rgba(0,71,255,.55),transparent 70%),linear-gradient(180deg,#020B2A,#04154C 70%,#061A5A);padding-block:calc(var(--hdr) + 48px) 72px}
.kk8-404__code{font:700 clamp(4rem,3rem + 6vw,8rem)/1 var(--f-d);letter-spacing:-.04em;color:var(--lime)}
.kk8-404__t{margin-top:14px;max-width:24ch;font-size:clamp(1.375rem,1.1rem + 1vw,2rem);color:#fff}

/* ===== KK8 V1.0 WORLD-CLASS FLAGSHIP LAYER =====
   L0 tokens: .kk8-chrome   L1 foundation (inner pages): .kk8-chrome:not(.kk8-topic-home)
   L2 homepage: .kk8-topic-home   L3 inner templates: .kk8-cat3 */
/* L0 */
.kk8-chrome {
  --x-abyss: #01061A;
  --x-midnight: #040C2E;
  --x-navy: #0A1D57;
  --x-royal: #0047FF;
  --x-royal-d: #0131AE;
  --x-sapph: #5B86FF;
  --x-halo: #8FB0FF;
  --x-champ: #E9CF9B;
  --x-lime: #D4FF00;
  --x-ivory: #F6F3EC;
  --x-porcelain: #EEF2F9;
  --x-ink: #0A1430;
  --x-ink-2: #45547A;
  --x-ink-3: #6B7799;
  --x-on-d: #FFFFFF;
  --x-on-d2: #C7D2F0;
  --x-on-d3: #8E9CC6;
  --x-hair-d: rgba(199, 210, 240, .14);
  --x-hair-d2: rgba(199, 210, 240, .26);
  --x-hair-l: rgba(10, 20, 48, .09);

  --x-fs-display: clamp(2.5rem, 1.25rem + 4.1vw, 5.25rem);
  --x-fs-h2: clamp(2rem, 1.35rem + 2.1vw, 3.375rem);
  --x-fs-h3: clamp(1.375rem, 1.15rem + .7vw, 1.875rem);
  --x-fs-lead: clamp(1.0625rem, 1rem + .3vw, 1.25rem);
  --x-fs-body: 1.0625rem;
  --x-fs-sm: .9375rem;
  --x-fs-label: .8125rem;

  --x-s1: 4px; --x-s2: 8px; --x-s3: 12px; --x-s4: 16px; --x-s5: 24px;
  --x-s6: 32px; --x-s7: 48px; --x-s8: 64px; --x-s9: 96px; --x-s10: 128px;
  --x-sec: clamp(72px, 3.5rem + 4.4vw, 136px);

  --x-r-tag: 8px;
  --x-r-btn: 14px;
  --x-r-card: 24px;
  --x-r-feature: 32px;

  --x-sh-1: 0 1px 2px rgba(2, 8, 30, .06), 0 6px 16px -8px rgba(2, 8, 30, .16);
  --x-sh-2: 0 1px 2px rgba(2, 8, 30, .08), 0 24px 48px -24px rgba(2, 8, 30, .42);
  --x-sh-3: 0 2px 4px rgba(2, 8, 30, .1), 0 48px 96px -40px rgba(2, 8, 30, .7);

  --x-t-fast: 250ms;
  --x-t-mid: 400ms;
  --x-t-slow: 600ms;
  --x-ease: cubic-bezier(.2, .75, .15, 1);
  --x-ease-io: cubic-bezier(.65, 0, .35, 1);
  --t-btn: 200ms;}
/* L2 */
body.kk8-topic-home { background: var(--x-abyss); }
.kk8-topic-home .kk8-page :is(h1, h2, h3) { text-wrap: balance; font-weight: 700; }
.kk8-topic-home .kk8-page p { text-wrap: pretty; }
.kk8-topic-home:lang(zh) .kk8-page p, .kk8-topic-home :lang(zh) .kk8-page p { line-height: 1.8; }
.kk8-topic-home .kk8-sec-h { font-size: var(--x-fs-h2); line-height: 1.04; letter-spacing: -.035em; }
.kk8-topic-home :lang(zh) .kk8-sec-h { letter-spacing: 0; line-height: 1.25; }
.kk8-topic-home .kk8-page h3 { letter-spacing: -.025em; }
.kk8-topic-home :lang(zh) .kk8-page h3 { letter-spacing: 0; }
.kk8-topic-home :is(.kk8-eyebrow, .kk8-bcard__tag, .kk8-dcard__tag, .kk8-qa__tag, .kk8-ftr__h, .kk8-meta__l, .kk8-pass__cap) {
  text-transform: none; letter-spacing: .01em;
}
.kk8-topic-home .kk8-sec-n { display: none; }
.kk8-topic-home .kk8-shead { margin-bottom: clamp(28px, 1.2rem + 1.6vw, 56px); }
.kk8-topic-home .kk8-btn { border-radius: var(--x-r-btn); letter-spacing: -.005em; }
.kk8-topic-home .kk8-btn--lg { min-height: 56px; padding-inline: 28px; font-size: 1rem; }
.kk8-topic-home .kk8-btn--primary {
  color: #071025;
  background: linear-gradient(180deg, #E2FF4D 0%, #D4FF00 55%, #C8F200 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .65), inset 0 -1px 0 rgba(60, 80, 0, .25), 0 1px 1px rgba(1, 6, 26, .3), 0 14px 30px -16px rgba(200, 245, 0, .75);
}
.kk8-topic-home .kk8-btn--primary:hover { transform: translateY(-1px); background: linear-gradient(180deg, #EBFF7A 0%, #DCFF26 55%, #CFF800 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75), inset 0 -1px 0 rgba(60, 80, 0, .25), 0 2px 2px rgba(1, 6, 26, .25), 0 20px 36px -16px rgba(200, 245, 0, .85); }
.kk8-topic-home .kk8-btn--primary:active { transform: translateY(0); }
.kk8-topic-home .kk8-btn--ghost { color: #fff; background: rgba(255, 255, 255, .05); border: 1px solid var(--x-hair-d2); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.kk8-topic-home .kk8-btn--ghost:hover { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .55); }
.kk8-topic-home .kk8-btn--light { color: var(--x-ink); background: #fff; box-shadow: inset 0 0 0 1px rgba(10, 20, 48, .06), 0 1px 1px rgba(1, 6, 26, .25), 0 12px 24px -16px rgba(1, 6, 26, .7); }
.kk8-topic-home .kk8-btn--light:hover { transform: translateY(-1px); background: #F3F6FF; }
.kk8-topic-home .kk8-btn:focus-visible, .kk8-topic-home .kk8-tcta:focus-visible, .kk8-topic-home .kk8-dock__item:focus-visible, .kk8-topic-home .kk8-qa__item:focus-visible, .kk8-topic-home .kk8-hcard:focus-visible {
  outline: 2px solid var(--x-lime); outline-offset: 3px;
}
.kk8-topic-home .kk8-tcta { font-weight: 600; }
.kk8-topic-home .kk8-hdr::before { background: linear-gradient(180deg, rgba(1, 6, 26, .7), rgba(1, 6, 26, 0)); }
.kk8-topic-home .kk8-hdr.is-scrolled { background: rgba(3, 9, 34, .74); box-shadow: 0 1px 0 var(--x-hair-d); }
.kk8-topic-home .kk8-hdr__link { position: relative; color: var(--x-on-d2); transition: color var(--x-t-fast); }
.kk8-topic-home .kk8-hdr__link::after {
  content: ""; position: absolute; left: 12px; right: 12px; bottom: 8px; height: 1px; background: var(--x-champ);
  transform: scaleX(0); transform-origin: left; transition: transform var(--x-t-fast) var(--x-ease);
}
.kk8-topic-home .kk8-hdr__link:hover { color: #fff; }
.kk8-topic-home .kk8-hdr__link:hover::after { transform: scaleX(1); }
.kk8-topic-home .kk8-lang { background: rgba(255, 255, 255, .05); box-shadow: inset 0 0 0 1px var(--x-hair-d); }
.kk8-topic-home .kk8-fs-hx {
  --hx-top: calc(var(--hdr) + clamp(8px, 2vw, 40px));
  position: relative; isolation: isolate; overflow: hidden;
  padding: var(--hx-top) 0 clamp(28px, 3vw, 44px);
  background: var(--x-midnight); color: #fff;
}
.kk8-topic-home .kk8-fs-hx__bg { position: absolute; inset: 0; z-index: -1; pointer-events: none; overflow: hidden;
  background:
    radial-gradient(56% 74% at 71% 34%, #0A3FE0 0%, #0731B8 18%, rgba(5, 30, 130, .55) 40%, rgba(4, 12, 46, 0) 66%),
    radial-gradient(38% 40% at 12% 8%, rgba(91, 134, 255, .16), transparent 70%),
    linear-gradient(180deg, #020822 0%, #040C2E 58%, #061444 100%);
}
.kk8-topic-home .kk8-fs-hx__beam {
  position: absolute; top: -10%; left: 40%; width: 44%; height: 92%;
  background: linear-gradient(180deg, rgba(190, 212, 255, .30) 0%, rgba(150, 185, 255, .10) 45%, rgba(150, 185, 255, 0) 80%);
  clip-path: polygon(38% 0, 62% 0, 100% 100%, 0 100%);
  filter: blur(18px); mix-blend-mode: screen; opacity: .75;
}
.kk8-topic-home .kk8-fs-hx__floor {
  position: absolute; left: 34%; right: -10%; bottom: 120px; height: 220px;
  background: radial-gradient(50% 50% at 50% 50%, rgba(91, 134, 255, .32), rgba(91, 134, 255, 0) 70%);
  filter: blur(6px);
}
.kk8-topic-home .kk8-fs-hx__lines {
  position: absolute; inset: 0;
  background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .045) 0 1px, transparent 1px 120px);
  -webkit-mask-image: radial-gradient(60% 70% at 70% 30%, #000 0%, transparent 75%);
  mask-image: radial-gradient(60% 70% at 70% 30%, #000 0%, transparent 75%);
}
.kk8-topic-home .kk8-fs-hx::after { 
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; z-index: 1;
  background: linear-gradient(90deg, transparent, rgba(143, 176, 255, .35) 30%, rgba(233, 207, 155, .45) 62%, transparent);
}
.kk8-topic-home .kk8-fs-hx__grid { position: relative; display: grid; align-items: end; }
.kk8-topic-home .kk8-fs-hx .kk8-hx__copy { position: relative; z-index: 3; }
.kk8-topic-home .kk8-fs-hx .kk8-eyebrow { display: inline-flex; align-items: center; gap: 12px; margin: 0 0 18px; font: 600 var(--x-fs-label)/1.2 var(--f-d); color: var(--x-champ); }
.kk8-topic-home .kk8-fs-hx .kk8-eyebrow::before { content: ""; width: 28px; height: 1px; border-radius: 0; background: currentColor; box-shadow: none; opacity: .9; }
.kk8-topic-home .kk8-fs-hx .kk8-hx__title { margin: 0; font-size: var(--x-fs-display); line-height: .98; letter-spacing: -.045em; color: #fff; }
.kk8-topic-home .kk8-fs-hx :lang(ms).kk8-hx__title, .kk8-topic-home:lang(ms) .kk8-fs-hx .kk8-hx__title { font-size: clamp(2.35rem, 1.2rem + 3.6vw, 4.6rem); }
.kk8-topic-home .kk8-fs-hx .kk8-hx__lead { margin: 22px 0 0; max-width: 34rem; font-size: var(--x-fs-lead); line-height: 1.6; color: var(--x-on-d2); }
.kk8-topic-home .kk8-fs-hx .kk8-hx__cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.kk8-topic-home .kk8-fs-hx .kk8-hx__disc { margin-top: 20px; }
.kk8-topic-home .kk8-fs-hx .kk8-hx__disc .kk8-disc { max-width: 30rem; margin: 0; padding-left: 14px; border-left: 1px solid var(--x-hair-d2); font-size: .8125rem; line-height: 1.55; color: var(--x-on-d3); }
.kk8-topic-home .kk8-fs-hx .kk8-hx__disc .kk8-disc .kk8-i { display: none; }
.kk8-topic-home .kk8-fs-hx__art { position: relative; z-index: 2; margin: 0; aspect-ratio: 1000 / 863; }
.kk8-topic-home .kk8-fs-hx__art picture, .kk8-topic-home .kk8-fs-hx__art img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.kk8-topic-home .kk8-fs-hx__game { z-index: 1; }
.kk8-topic-home .kk8-fs-hx__person { z-index: 2; }
.kk8-topic-home .kk8-fs-hx__art img { object-fit: contain; }
.kk8-topic-home .kk8-fs-hx__person img {
  filter: drop-shadow(0 30px 40px rgba(0, 4, 20, .55));
  -webkit-mask-image: linear-gradient(180deg, #000 76%, transparent 99%);
  mask-image: linear-gradient(180deg, #000 76%, transparent 99%);
}
.kk8-topic-home .kk8-fs-hx__game img {
  -webkit-mask-image: linear-gradient(180deg, #000 64%, transparent 96%);
  mask-image: linear-gradient(180deg, #000 64%, transparent 96%);
}
.kk8-topic-home .kk8-fs-eight { position: absolute; z-index: 0; overflow: visible; fill: none; pointer-events: none; }
.kk8-topic-home .kk8-fs-eight ellipse { vector-effect: non-scaling-stroke; stroke-width: 1px; }
.kk8-topic-home .kk8-fs-eight__a { stroke: rgba(233, 207, 155, .55); }
.kk8-topic-home .kk8-fs-eight__b { stroke: rgba(143, 176, 255, .38); }
.kk8-topic-home .kk8-fs-hx__art .kk8-fs-eight { left: -4.5%; width: 69%; top: -9.6%; height: 114.6%; }
.kk8-topic-home .kk8-fs-hx__rail { position: relative; z-index: 4; }
.kk8-topic-home .kk8-fs-hx .kk8-dock { display: grid; gap: 12px; margin: 0; padding: 0; }
.kk8-topic-home .kk8-fs-hx .kk8-dock__item {
  --acc-a: color-mix(in srgb, var(--acc) 40%, transparent);
  position: relative; isolation: isolate; display: block;
  margin: 0; padding: 0; min-height: 112px; overflow: visible;
  border-radius: 20px; color: #fff; text-decoration: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, .085) 0%, rgba(255, 255, 255, .025) 100%), rgba(4, 12, 46, .72);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), inset 0 0 0 1px var(--x-hair-d), 0 24px 40px -28px rgba(0, 0, 0, .9);
  -webkit-backdrop-filter: blur(14px) saturate(140%); backdrop-filter: blur(14px) saturate(140%);
  transition: transform var(--x-t-mid) var(--x-ease), box-shadow var(--x-t-mid) var(--x-ease), background-color var(--x-t-mid);
}
.kk8-topic-home .kk8-fs-hx .kk8-dock__item::before { 
  content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit;
  background: radial-gradient(70% 90% at 88% 20%, var(--acc-a), transparent 70%); opacity: .55;
  transition: opacity var(--x-t-mid) var(--x-ease);
}
.kk8-topic-home .kk8-fs-hx .kk8-dock__item::after { 
  content: ""; position: absolute; left: 18px; bottom: 0; width: 28px; height: 2px; border-radius: 2px; background: var(--acc);
  transition: width var(--x-t-mid) var(--x-ease);
}
.kk8-topic-home .kk8-fs-hx .kk8-dock__art {
  position: absolute; z-index: 1; right: 4px; top: -30px; bottom: auto; left: auto; width: 54%; height: calc(100% - 14px); margin: 0;
  background: none; border: 0; box-shadow: none; border-radius: 0; pointer-events: none;
  transition: transform var(--x-t-mid) var(--x-ease);
}
.kk8-topic-home .kk8-fs-hx .kk8-fs-tile--sports .kk8-dock__art { top: 12px; height: calc(100% - 44px); width: 44%; right: 12px; }
.kk8-topic-home .kk8-fs-hx .kk8-dock__art picture, .kk8-topic-home .kk8-fs-hx .kk8-dock__art img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: 100% 100%; }
.kk8-topic-home .kk8-fs-hx .kk8-dock__art img { filter: drop-shadow(0 14px 14px rgba(0, 4, 20, .55)); -webkit-mask-image: none; mask-image: none; }
.kk8-topic-home .kk8-fs-hx .kk8-dock__txt { position: absolute; z-index: 2; left: 20px; bottom: 18px; display: flex; flex-direction: column; gap: 6px; max-width: 54%; text-shadow: 0 1px 12px rgba(1, 6, 26, .8); }
.kk8-topic-home .kk8-fs-hx .kk8-dock__n { display: block; font: 600 .6875rem/1 var(--f-d); letter-spacing: .14em; color: var(--acc); }
.kk8-topic-home .kk8-fs-hx .kk8-dock__t { font: 700 1.0625rem/1.15 var(--f-d); letter-spacing: -.01em; }
.kk8-topic-home .kk8-fs-hx .kk8-dock__go {
  position: absolute; z-index: 2; left: 20px; top: 16px; display: inline-grid; place-items: center; width: 28px; height: 28px;
  border-radius: 50%; background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1px var(--x-hair-d); color: #fff;
  transition: background-color var(--x-t-fast), transform var(--x-t-mid) var(--x-ease);
}
.kk8-topic-home .kk8-fs-hx .kk8-dock__go .kk8-i { width: 14px; height: 14px; }
.kk8-topic-home .kk8-fs-hx .kk8-dock__item:hover { transform: translateY(-4px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), inset 0 0 0 1px rgba(255, 255, 255, .22), 0 32px 48px -28px rgba(0, 0, 0, .95); }
.kk8-topic-home .kk8-fs-hx .kk8-dock__item:hover::before { opacity: 1; }
.kk8-topic-home .kk8-fs-hx .kk8-dock__item:hover::after { width: 56px; }
.kk8-topic-home .kk8-fs-hx .kk8-dock__item:hover .kk8-dock__art { transform: translateY(-6px) scale(1.04); }
.kk8-topic-home .kk8-fs-hx .kk8-dock__item:hover .kk8-dock__go { background: var(--acc); color: #071025; }
@media (max-width: 899px) {
  .kk8-topic-home .kk8-fs-hx { padding-top: calc(var(--hdr) - 4px); padding-bottom: 28px; }
  .kk8-topic-home .kk8-fs-hx__bg { background:
      radial-gradient(90% 46% at 52% 20%, #0A3FE0 0%, #0731B8 22%, rgba(5, 30, 130, .5) 46%, rgba(4, 12, 46, 0) 72%),
      linear-gradient(180deg, #020822 0%, #040C2E 48%, #050F36 100%); }
  .kk8-topic-home .kk8-fs-hx__beam { left: 0; width: 70%; height: 52%; }
  .kk8-topic-home .kk8-fs-hx__floor { left: 0; right: 0; bottom: auto; top: 250px; height: 140px; }
  .kk8-topic-home .kk8-fs-hx__lines { -webkit-mask-image: radial-gradient(80% 40% at 50% 20%, #000, transparent 75%); mask-image: radial-gradient(80% 40% at 50% 20%, #000, transparent 75%); }
  .kk8-topic-home .kk8-fs-hx__grid { grid-template-areas: "art" "copy"; }
  .kk8-topic-home .kk8-fs-hx__art { grid-area: art; width: min(116%, 560px); justify-self: center; margin: 0 -8%; }
  .kk8-topic-home .kk8-fs-hx .kk8-hx__copy { grid-area: copy; margin-top: clamp(-120px, -24vw, -84px); }
  .kk8-topic-home .kk8-fs-hx .kk8-eyebrow { margin-bottom: 12px; }
  .kk8-topic-home .kk8-fs-hx .kk8-hx__title { font-size: clamp(2.125rem, 1.3rem + 3.6vw, 2.75rem); line-height: 1.02; letter-spacing: -.04em; text-shadow: 0 2px 24px rgba(1, 6, 26, .65); }
  .kk8-topic-home .kk8-fs-hx :lang(zh).kk8-hx__title, .kk8-topic-home:lang(zh) .kk8-fs-hx .kk8-hx__title { font-size: clamp(1.875rem, 1.2rem + 3vw, 2.375rem); line-height: 1.2; letter-spacing: 0; text-wrap: wrap; }
  .kk8-topic-home:lang(ms) .kk8-fs-hx .kk8-hx__title { font-size: clamp(1.95rem, 1.2rem + 3.2vw, 2.5rem); }
  .kk8-topic-home .kk8-fs-hx .kk8-hx__lead { margin-top: 14px; font-size: 1rem; line-height: 1.6; }
  .kk8-topic-home:lang(zh) .kk8-fs-hx .kk8-page p.kk8-hx__lead, .kk8-topic-home:lang(zh) .kk8-fs-hx p.kk8-hx__lead { line-height: 1.7; }
  .kk8-topic-home .kk8-fs-hx .kk8-hx__cta { display: grid; grid-template-columns: 1.35fr 1fr; gap: 10px; margin-top: 22px; }
  .kk8-topic-home .kk8-fs-hx .kk8-hx__cta .kk8-btn { width: 100%; padding-inline: 14px; }
  .kk8-topic-home .kk8-fs-hx .kk8-hx__disc { margin-top: 14px; }
  .kk8-topic-home .kk8-fs-hx__rail { margin-top: 30px; padding-inline: 0; }
  .kk8-topic-home .kk8-fs-hx .kk8-dock {
    grid-auto-flow: column; grid-auto-columns: 148px; overflow-x: auto; overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory; scroll-padding-inline: var(--gut); padding: 30px var(--gut) 6px; scrollbar-width: none;
  }
  .kk8-topic-home .kk8-fs-hx .kk8-dock::-webkit-scrollbar { display: none; }
  .kk8-topic-home .kk8-fs-hx .kk8-dock__item { scroll-snap-align: start; min-height: 112px; }
  .kk8-topic-home .kk8-fs-hx .kk8-dock { grid-auto-columns: 156px; }
  .kk8-topic-home .kk8-fs-hx .kk8-dock__art { top: -26px; height: 96px; width: 58%; right: 0; }
  .kk8-topic-home .kk8-fs-hx .kk8-fs-tile--sports .kk8-dock__art { top: 10px; height: 62px; }
  .kk8-topic-home .kk8-fs-hx .kk8-dock__go { left: 14px; top: 14px; width: 26px; height: 26px; }
  .kk8-topic-home .kk8-fs-hx .kk8-dock__txt { left: 14px; bottom: 14px; max-width: 80%; }
  .kk8-topic-home .kk8-fs-hx .kk8-dock__t { font-size: 1rem; }
  .kk8-topic-home .kk8-fs-hx .kk8-dock__item::after { left: 14px; }
}
@media (max-width: 380px) {
  .kk8-topic-home .kk8-fs-hx .kk8-hx__cta { grid-template-columns: auto minmax(0, 1fr); }
  .kk8-topic-home .kk8-fs-hx .kk8-hx__cta .kk8-btn { padding-inline: 12px; font-size: .9375rem; }
}
@media (min-width: 600px) and (max-width: 899px) {
  .kk8-topic-home .kk8-fs-hx__art { width: min(92%, 620px); margin: 0; }
  .kk8-topic-home .kk8-fs-hx .kk8-hx__copy { max-width: 640px; }
  .kk8-topic-home .kk8-fs-hx .kk8-hx__title { font-size: clamp(2.5rem, 1rem + 4vw, 3.25rem); }
  .kk8-topic-home .kk8-fs-hx .kk8-hx__cta { display: flex; }
  .kk8-topic-home .kk8-fs-hx .kk8-hx__cta .kk8-btn { width: auto; }
  .kk8-topic-home .kk8-fs-hx .kk8-dock { grid-auto-flow: row; grid-template-columns: repeat(5, minmax(0, 1fr)); overflow: visible; padding: 34px var(--gut) 0; }
  .kk8-topic-home .kk8-fs-hx .kk8-dock__item { min-height: 120px; }
  .kk8-topic-home .kk8-fs-hx .kk8-dock__art { height: calc(100% - 20px); }
}
@media (min-width: 900px) {
  .kk8-topic-home .kk8-fs-hx__grid { grid-template-columns: minmax(0, 53fr) minmax(0, 47fr); column-gap: 0; min-height: clamp(520px, 60vh, 600px); }
  .kk8-topic-home .kk8-fs-hx .kk8-hx__title { font-size: clamp(2.75rem, 1rem + 3.9vw, 4.5rem); }
  .kk8-topic-home:lang(ms) .kk8-fs-hx .kk8-hx__title { font-size: clamp(2.5rem, .9rem + 3.4vw, 4rem); }
  .kk8-topic-home:lang(zh) .kk8-fs-hx .kk8-hx__title { font-size: clamp(2.25rem, .9rem + 3vw, 3.75rem); line-height: 1.12; letter-spacing: 0; }
  .kk8-topic-home .kk8-fs-hx .kk8-hx__copy { align-self: center; padding: 8px 0 48px; }
  .kk8-topic-home .kk8-fs-hx__art { width: min(700px, 52vw); justify-self: end; margin: 0 -3.5vw -36px -6vw; }
  .kk8-topic-home .kk8-fs-hx__rail { margin-top: -20px; }
  .kk8-topic-home .kk8-fs-hx .kk8-dock { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .kk8-topic-home .kk8-fs-hx .kk8-dock__item { min-height: 132px; }
}
@media (min-width: 1280px) {
  .kk8-topic-home .kk8-fs-hx .kk8-dock__item { min-height: 140px; }
}
.kk8-topic-home .kk8-qa { position: relative; z-index: 5; margin-top: 0; padding: 0; background: linear-gradient(180deg, #061444 0 40px, var(--x-porcelain) 40px); }
.kk8-topic-home .kk8-qa__bar {
  border-radius: var(--x-r-card); background: #fff;
  box-shadow: 0 0 0 1px var(--x-hair-l), 0 1px 2px rgba(2, 8, 30, .06), 0 30px 60px -36px rgba(2, 8, 30, .55);
}
.kk8-topic-home .kk8-qa__item { transition: background-color var(--x-t-fast); }
.kk8-topic-home .kk8-qa__item:hover { background: #F4F7FD; }
.kk8-topic-home .kk8-qa__ic { border-radius: 12px; color: var(--x-royal-d); background: linear-gradient(180deg, #EEF3FF, #E1E9FB); box-shadow: inset 0 0 0 1px rgba(0, 61, 204, .08); }
.kk8-topic-home .kk8-qa__tag { font-size: .75rem; color: var(--x-ink-3); letter-spacing: .01em; text-transform: none; }
.kk8-topic-home .kk8-qa__t { font-weight: 600; letter-spacing: -.01em; }
.kk8-topic-home .kk8-fs-show { background: var(--x-porcelain); }
.kk8-topic-home .kk8-fs-show--a { padding-bottom: clamp(28px, 2vw, 40px); }
.kk8-topic-home .kk8-fs-show--b { padding-top: clamp(28px, 2vw, 40px); }
.kk8-topic-home .kk8-fs-show--b .kk8-shead { margin-bottom: clamp(24px, 1rem + 1vw, 40px); }
.kk8-topic-home .kk8-fs-show--b .kk8-sec-h { font-size: clamp(1.5rem, 1.1rem + 1.2vw, 2.25rem); color: var(--x-ink-2); }
.kk8-topic-home .kk8-fs-show .kk8-sec-h { color: var(--x-ink); }
.kk8-topic-home :is(.kk8-bcard, .kk8-dcard) {
  --acc-a: color-mix(in srgb, var(--acc) 42%, #0A1D57);
  position: relative; isolation: isolate; overflow: visible;
  border-radius: var(--x-r-feature); color: #fff;
  background:
    radial-gradient(90% 80% at 86% 18%, var(--acc-a) 0%, rgba(10, 29, 87, 0) 62%),
    linear-gradient(160deg, #0C2266 0%, #071648 46%, #040C2E 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), inset 0 0 0 1px rgba(255, 255, 255, .06), var(--x-sh-2);
  transform: perspective(1200px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));
  transition: transform var(--x-t-mid) var(--x-ease), box-shadow var(--x-t-mid) var(--x-ease);
}
.kk8-topic-home :is(.kk8-bcard, .kk8-dcard)::before { 
  content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none; opacity: .9;
  background: linear-gradient(115deg, rgba(255, 255, 255, .07) 0%, rgba(255, 255, 255, 0) 32%), repeating-linear-gradient(115deg, rgba(255, 255, 255, .025) 0 1px, transparent 1px 9px);
  -webkit-mask-image: linear-gradient(180deg, #000, transparent 70%); mask-image: linear-gradient(180deg, #000, transparent 70%);
}
.kk8-topic-home :is(.kk8-bcard, .kk8-dcard):hover { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), inset 0 0 0 1px rgba(255, 255, 255, .12), var(--x-sh-3); }
.kk8-topic-home :is(.kk8-bcard__art, .kk8-dcard__art) { position: absolute; z-index: 1; margin: 0; background: none; overflow: visible; pointer-events: none; }
.kk8-topic-home :is(.kk8-bcard__art, .kk8-dcard__art, .kk8-bcard__ball) img {
  display: block; width: 100%; height: 100%; object-fit: contain; -webkit-mask-image: none; mask-image: none;
  filter: drop-shadow(0 30px 30px rgba(0, 4, 20, .55));
  transition: transform var(--x-t-slow) var(--x-ease);
}
.kk8-topic-home :is(.kk8-bcard, .kk8-dcard):hover :is(.kk8-bcard__art, .kk8-dcard__art, .kk8-bcard__ball) img { transform: translateY(-8px) scale(1.03); }
.kk8-topic-home :is(.kk8-bcard__body, .kk8-dcard__body) { position: relative; z-index: 2; background: none; }
.kk8-topic-home :is(.kk8-bcard, .kk8-dcard) h3 { margin: 6px 0 0; font-size: clamp(1.75rem, 1.2rem + 1.4vw, 2.625rem); line-height: 1.02; letter-spacing: -.035em; color: #fff; }
.kk8-topic-home :is(.kk8-bcard__tag, .kk8-dcard__tag) { display: inline-flex; align-items: center; gap: 10px; margin: 0; font: 600 var(--x-fs-label)/1 var(--f-d); color: var(--acc); }
.kk8-topic-home .kk8-bcard__tag span { display: inline-grid; place-items: center; min-width: 30px; height: 22px; padding: 0 6px; border-radius: 999px; font-size: .6875rem; color: var(--acc); background: transparent; box-shadow: inset 0 0 0 1px var(--acc); }
.kk8-topic-home .kk8-meta { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 18px 0 0; font-size: .875rem; color: var(--x-on-d2); }
.kk8-topic-home .kk8-meta__l { flex-basis: 100%; font-size: .75rem; font-weight: 600; color: var(--x-on-d3); }
.kk8-topic-home .kk8-meta__i { display: inline-flex; align-items: center; gap: 8px; }
.kk8-topic-home .kk8-meta__i::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--acc); box-shadow: 0 0 10px var(--acc); }
.kk8-topic-home .kk8-bcard__acts { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: 26px; }
.kk8-topic-home :is(.kk8-bcard, .kk8-dcard) .kk8-tcta { color: #fff; }
.kk8-topic-home :is(.kk8-bcard, .kk8-dcard)::after { content: none; }
.kk8-topic-home .kk8-bento, .kk8-topic-home .kk8-duo { min-height: 0; grid-template-rows: none; }
.kk8-topic-home :is(.kk8-bcard, .kk8-dcard) { display: flex; flex-direction: column; justify-content: flex-end; min-height: 0; padding: 0; }
.kk8-topic-home :is(.kk8-bcard__art, .kk8-dcard__art) { inset: auto; order: 0; height: auto; width: auto; aspect-ratio: auto; }
.kk8-topic-home :is(.kk8-bcard__art, .kk8-dcard__art) img { position: static; max-width: none; margin: 0; object-position: 50% 100%; }
.kk8-topic-home :is(.kk8-bcard__body, .kk8-dcard__body) { display: block; flex: 0 0 auto; max-width: none; padding: clamp(24px, 1rem + 1.4vw, 40px); }
.kk8-topic-home .kk8-bcard--poster .kk8-bcard__body { padding: clamp(24px, 1rem + 1.4vw, 40px); }
.kk8-topic-home .kk8-bcard--poster .kk8-bcard__acts .kk8-btn { order: 0; }
.kk8-topic-home .kk8-dcard__wave, .kk8-topic-home .kk8-dcard__art > svg, .kk8-topic-home .kk8-dcard__balls { display: none; }
.kk8-topic-home .kk8-dcard__body::before { display: none; }
.kk8-topic-home .kk8-dcard .kk8-tcta { margin-top: 22px; display: inline-flex; }
.kk8-topic-home .kk8-bcard__acts .kk8-btn { flex: none; }
.kk8-topic-home .kk8-bcard--poster { background: radial-gradient(70% 60% at 70% 22%, rgba(255, 194, 74, .42), transparent 64%), linear-gradient(165deg, #1B2E86 0%, #0B1D5E 46%, #050E36 100%); }
.kk8-topic-home .kk8-bcard--wide { background: radial-gradient(70% 70% at 60% 20%, rgba(242, 182, 142, .38), transparent 64%), linear-gradient(165deg, #2A1E5C 0%, #141848 48%, #070D30 100%); }
.kk8-topic-home .kk8-bcard--pitch { background: radial-gradient(50% 120% at 80% 50%, rgba(59, 214, 154, .30), transparent 66%), linear-gradient(160deg, #06303A 0%, #052235 50%, #031426 100%); }
.kk8-topic-home .kk8-dcard--fishing { --acc: var(--acc-fishing); background: radial-gradient(70% 80% at 78% 18%, rgba(61, 216, 245, .36), transparent 64%), radial-gradient(30% 20% at 24% 86%, rgba(61, 216, 245, .12), transparent 70%), linear-gradient(165deg, #063A63 0%, #062B55 46%, #04163A 100%); }
.kk8-topic-home .kk8-dcard--ekor-4d { --acc: var(--acc-ekor); background: radial-gradient(70% 80% at 78% 18%, rgba(255, 90, 95, .38), transparent 62%), radial-gradient(40% 30% at 92% 70%, rgba(255, 194, 74, .16), transparent 70%), linear-gradient(165deg, #4A0F26 0%, #2B0A26 46%, #150722 100%); }
.kk8-topic-home .kk8-bcard__art--pitch { position: absolute; inset: 0; z-index: 0; border-radius: inherit; overflow: hidden; opacity: .6; }
.kk8-topic-home .kk8-bcard__art--pitch .kk8-pitch { position: absolute; inset: -6% -4%; width: 108%; height: 112%; }
.kk8-topic-home .kk8-bcard__ball { position: absolute; z-index: 1; border-radius: 50%; box-shadow: none; transform: none; aspect-ratio: auto; }
.kk8-topic-home .kk8-bcard__ball picture { display: block; width: 100%; height: 100%; }
.kk8-topic-home .kk8-bcard__ball img { position: static; -webkit-mask-image: none; mask-image: none; object-position: 50% 50%; }
.kk8-topic-home .kk8-bcard__ball::after { content: ""; position: absolute; left: 16%; right: 16%; bottom: -12%; height: 10%; border-radius: 50%; background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, .5), transparent 70%); }
.kk8-topic-home .kk8-bcard:hover .kk8-bcard__ball img { transform: translateY(-8px) rotate(-8deg); }
.kk8-topic-home :is(.kk8-bcard__art, .kk8-dcard__art) img { -webkit-mask-image: none; mask-image: none; }
.kk8-topic-home .kk8-bento { align-items: stretch; }
.kk8-topic-home .kk8-bento > .kk8-bcard { grid-row: auto; }
.kk8-topic-home .kk8-fs-show--a .kk8-bento, .kk8-topic-home .kk8-duo { display: grid; grid-template-columns: minmax(0, 1fr); gap: 72px; padding-top: 56px; }
.kk8-topic-home :is(.kk8-bcard, .kk8-dcard) { padding-top: 212px; }
.kk8-topic-home :is(.kk8-bcard__art, .kk8-dcard__art) { left: 12px; right: 12px; top: -56px; height: 264px; }
.kk8-topic-home .kk8-bcard--pitch { padding-top: 172px; }
.kk8-topic-home .kk8-bcard__ball { left: 50%; top: 24px; width: 136px; height: 136px; margin-left: -68px; }
.kk8-topic-home .kk8-bcard .kk8-bcard__art.kk8-bcard__art--pitch { inset: 0; left: 0; right: 0; top: 0; height: auto; overflow: hidden; border-radius: inherit; }
@media (min-width: 768px) {
  .kk8-topic-home .kk8-fs-show--a .kk8-bento { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 88px 24px; padding-top: 72px; }
  .kk8-topic-home .kk8-bcard--poster { grid-column: 1 / 7; }
  .kk8-topic-home .kk8-bcard--wide { grid-column: 7 / 13; }
  .kk8-topic-home .kk8-bcard--pitch { grid-column: 1 / 13; }
  .kk8-topic-home :is(.kk8-bcard--poster, .kk8-bcard--wide) { padding-top: 300px; justify-content: flex-start; }
  .kk8-topic-home :is(.kk8-bcard--poster, .kk8-bcard--wide) .kk8-bcard__art { left: 16px; right: 16px; top: -72px; height: 360px; }
  .kk8-topic-home .kk8-bcard--pitch { min-height: 280px; padding-top: 0; justify-content: center; }
  .kk8-topic-home .kk8-bcard--pitch .kk8-bcard__body { max-width: 60%; }
  .kk8-topic-home .kk8-bcard__ball { left: auto; right: 14%; top: 50%; width: 200px; height: 200px; margin: -100px 0 0; }
  .kk8-topic-home .kk8-bcard--pitch::before { background: radial-gradient(closest-side, rgba(59, 214, 154, .22), transparent), radial-gradient(closest-side, transparent 92%, rgba(59, 214, 154, .25) 93%, transparent 96%); background-size: 340px 340px, 300px 300px; background-position: calc(86% + 0px) 50%, calc(84.6%) 50%; background-repeat: no-repeat; -webkit-mask-image: none; mask-image: none; opacity: 1; }
  .kk8-topic-home .kk8-duo { grid-template-columns: 1fr 1fr; gap: 24px; padding-top: 72px; }
  .kk8-topic-home .kk8-dcard { padding-top: 260px; }
  .kk8-topic-home .kk8-dcard__art { left: 16px; right: 16px; top: -64px; height: 316px; }
}
@media (min-width: 1100px) {
  .kk8-topic-home .kk8-bcard--poster { grid-column: 1 / 8; }
  .kk8-topic-home .kk8-bcard--wide { grid-column: 8 / 13; }
  .kk8-topic-home :is(.kk8-bcard--poster, .kk8-bcard--wide) { padding-top: 340px; }
  .kk8-topic-home :is(.kk8-bcard--poster, .kk8-bcard--wide) .kk8-bcard__art { top: -84px; height: 412px; }
  .kk8-topic-home .kk8-bcard--poster .kk8-bcard__art img { object-position: 60% 100%; }
  .kk8-topic-home .kk8-dcard { min-height: 340px; padding-top: 0; justify-content: center; }
  .kk8-topic-home .kk8-dcard__body { max-width: 56%; }
  .kk8-topic-home .kk8-dcard__art { left: auto; right: 8px; top: -56px; bottom: 24px; width: 50%; height: auto; }
  .kk8-topic-home .kk8-dcard__art img { object-position: 100% 100%; }
  .kk8-topic-home .kk8-duo { padding-top: 56px; }
}
.kk8-topic-home .kk8-s-acct { background: radial-gradient(50% 60% at 100% 0%, rgba(233, 207, 155, .28), transparent 70%), var(--x-ivory); }
.kk8-topic-home .kk8-acct3 { display: block; }
.kk8-topic-home .kk8-s-acct .kk8-sec-h { color: var(--x-ink); }
.kk8-topic-home .kk8-pass { display: grid; gap: 20px; margin: 0; background: none; box-shadow: none; border: 0; filter: drop-shadow(0 16px 24px rgba(2, 8, 30, .07)); }
.kk8-topic-home .kk8-pass__half {
  --cut: 104px;
  position: relative; display: flex; flex-direction: column; padding: 0; border: 0; border-radius: var(--x-r-card);
  background: linear-gradient(180deg, #F2F5FD 0 var(--cut), #fff var(--cut));
  box-shadow: none;
  -webkit-mask: radial-gradient(circle 11px at 0 var(--cut), transparent 10px, #000 11px) left / 51% 100% no-repeat, radial-gradient(circle 11px at 100% var(--cut), transparent 10px, #000 11px) right / 51% 100% no-repeat;
  mask: radial-gradient(circle 11px at 0 var(--cut), transparent 10px, #000 11px) left / 51% 100% no-repeat, radial-gradient(circle 11px at 100% var(--cut), transparent 10px, #000 11px) right / 51% 100% no-repeat;
  transition: transform var(--x-t-mid) var(--x-ease);
}
.kk8-topic-home .kk8-pass__half:hover { transform: translateY(-3px); }
.kk8-topic-home .kk8-pass__half::before, .kk8-topic-home .kk8-pass__half::after, .kk8-topic-home .kk8-pass::before, .kk8-topic-home .kk8-pass::after { display: none; }
.kk8-topic-home .kk8-pass__top { display: flex; align-items: center; gap: 18px; height: var(--cut); margin: 0; padding: 0 28px; }
.kk8-topic-home .kk8-pass__ic {
  flex: none; width: 56px; height: 56px; margin: 0; border-radius: 18px;
  display: grid; place-items: center; color: var(--x-lime); background: linear-gradient(160deg, #10308F, #061444); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 12px 24px -14px rgba(4, 12, 46, .8);
}
.kk8-topic-home .kk8-pass__ic .kk8-i { width: 24px; height: 24px; }
.kk8-topic-home .kk8-pass__half h3 { margin: 0; font-size: var(--x-fs-h3); color: var(--x-ink); }
.kk8-topic-home .kk8-pass__copy { padding: 26px 28px 0; }
.kk8-topic-home .kk8-pass__cap { margin: 0; font: 600 var(--x-fs-sm)/1.4 var(--f-d); color: var(--x-royal-d); }
.kk8-topic-home .kk8-pass .kk8-prose p { margin-top: 10px; font-size: 1rem; line-height: 1.7; color: var(--x-ink-2); }
.kk8-topic-home .kk8-pass .kk8-tcta { align-self: flex-start; margin: auto 28px 28px; padding-top: 18px; color: var(--x-royal-d); }
.kk8-topic-home .kk8-fs-perf { position: absolute; left: 18px; right: 18px; top: var(--cut); height: 0; border-top: 1px dashed rgba(10, 20, 48, .18); }
@media (max-width: 599px) {
  .kk8-topic-home .kk8-pass__half { --cut: 88px; }
  .kk8-topic-home .kk8-pass__top { padding: 0 20px; gap: 14px; }
  .kk8-topic-home .kk8-pass__ic { width: 48px; height: 48px; border-radius: 15px; }
  .kk8-topic-home .kk8-pass__copy { padding: 22px 20px 0; }
  .kk8-topic-home .kk8-pass .kk8-tcta { margin: auto 20px 22px; }
}
@media (min-width: 900px) {
  .kk8-topic-home .kk8-pass { grid-template-columns: 1fr 1fr; gap: 28px; }
  .kk8-topic-home .kk8-pass__half { --cut: 120px; }
  .kk8-topic-home .kk8-pass__top { padding: 0 40px; gap: 22px; }
  .kk8-topic-home .kk8-pass__ic { width: 64px; height: 64px; border-radius: 20px; }
  .kk8-topic-home .kk8-pass__copy { padding: 32px 40px 0; }
  .kk8-topic-home .kk8-pass .kk8-tcta { margin: auto 40px 36px; }
}
.kk8-topic-home .kk8-s-mob { overflow: hidden; background:
    radial-gradient(50% 70% at 78% 50%, rgba(91, 134, 255, .45), transparent 70%),
    linear-gradient(160deg, #0047FF 0%, #0131AE 46%, #071A6B 100%); }
.kk8-topic-home .kk8-s-mob .kk8-prose h3 { font-size: var(--x-fs-h3); color: #fff; }
.kk8-topic-home .kk8-s-mob .kk8-prose p { color: #DCE5FF; }
.kk8-topic-home .kk8-mob3__stage { position: relative; isolation: isolate; }
.kk8-topic-home .kk8-mob3__stage::after { 
  content: ""; position: absolute; z-index: -1; left: 50%; top: 50%; width: min(560px, 120%); aspect-ratio: 1; transform: translate(-50%, -54%);
  border-radius: 50%; border: 1px solid rgba(233, 207, 155, .35); box-shadow: 0 0 0 64px rgba(255, 255, 255, .03), 0 0 0 65px rgba(143, 176, 255, .18), 0 0 120px 20px rgba(91, 134, 255, .35) inset;
}
.kk8-topic-home .kk8-mob3__stage::before { content: ""; position: absolute; left: 10%; right: 10%; bottom: 6%; height: 18%; border-radius: 50%; background: radial-gradient(50% 50% at 50% 50%, rgba(1, 6, 26, .55), transparent 70%); filter: blur(6px); }
.kk8-topic-home .kk8-phone { border-radius: 36px; box-shadow: 0 0 0 1px rgba(255, 255, 255, .22), 0 40px 70px -30px rgba(1, 6, 26, .85); }
.kk8-topic-home .kk8-app__cap { color: #C9D6FF; }
.kk8-topic-home .kk8-s-terms { background: var(--x-ivory); }
.kk8-topic-home .kk8-terms__art { align-self: start; border-radius: var(--x-r-feature); overflow: hidden; background: radial-gradient(70% 70% at 50% 40%, #1252FF, #0131AE 60%, #071A6B); box-shadow: var(--x-sh-2); }
.kk8-topic-home .kk8-terms__art img { -webkit-mask-image: none; mask-image: none; }
.kk8-topic-home .kk8-notice { border-radius: 16px; box-shadow: inset 0 0 0 1px rgba(233, 201, 119, .7); }
.kk8-topic-home .kk8-s-terms .kk8-prose h3 { font-size: var(--x-fs-h3); color: var(--x-ink); }
.kk8-topic-home .kk8-s-terms .kk8-prose p { color: var(--x-ink-2); }
.kk8-topic-home .kk8-s-help { background: radial-gradient(50% 70% at 85% 30%, rgba(10, 68, 232, .3), transparent 70%), var(--x-abyss); }
.kk8-topic-home .kk8-hcard { border-radius: 20px; background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 0 0 1px var(--x-hair-d); transition: transform var(--x-t-mid) var(--x-ease), box-shadow var(--x-t-mid); }
.kk8-topic-home .kk8-hcard:hover { transform: translateX(4px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), inset 0 0 0 1px var(--x-hair-d2); }
.kk8-topic-home .kk8-hcard__ic { color: var(--x-lime); }
.kk8-topic-home .kk8-discbox { border-radius: 20px; }
.kk8-topic-home .kk8-help3__art { border-radius: var(--x-r-feature); box-shadow: 0 0 0 1px rgba(143, 176, 255, .22), 0 40px 80px -40px rgba(10, 68, 232, .6); }
.kk8-topic-home .kk8-help3__art img { -webkit-mask-image: radial-gradient(70% 70% at 50% 50%, #000 55%, transparent 100%); mask-image: radial-gradient(70% 70% at 50% 50%, #000 55%, transparent 100%); }
.kk8-topic-home .kk8-band { position: relative; overflow: hidden; isolation: isolate; background: radial-gradient(60% 140% at 100% 0%, #2A6BFF 0%, #0047FF 34%, #0131AE 70%, #071A6B 100%); }
.kk8-topic-home .kk8-band { padding-block: clamp(56px, 3rem + 3vw, 104px); }
@media (max-width: 599px) {
  .kk8-topic-home .kk8-band__cta { grid-template-columns: minmax(0, 1fr) !important; }
  .kk8-topic-home .kk8-band__cta .kk8-btn { width: 100%; }
}
.kk8-topic-home .kk8-band__t { font-size: clamp(1.625rem, 1.2rem + 1.4vw, 2.5rem); letter-spacing: -.03em; }
.kk8-topic-home :lang(zh) .kk8-band__t { letter-spacing: 0; }
.kk8-topic-home .kk8-ftr { background: radial-gradient(40% 60% at 0% 0%, rgba(10, 68, 232, .16), transparent 70%), var(--x-abyss); }
.kk8-topic-home .kk8-ftr__h { color: var(--x-on-d3); font-size: .8125rem; }
.kk8-topic-home .kk8-mbar { background: rgba(3, 9, 34, .82); -webkit-backdrop-filter: blur(16px) saturate(140%); backdrop-filter: blur(16px) saturate(140%); box-shadow: 0 -1px 0 var(--x-hair-d); }
@media (max-width: 400px) {
  .kk8-topic-home .kk8-btn { padding-inline: 14px; gap: 8px; }
  .kk8-topic-home .kk8-btn--sm { padding-inline: 12px; }
}
@media (prefers-reduced-motion: no-preference) {
  .kk8-js .kk8-topic-home .kk8-fs-hx__person { animation: kk8-fs-rise 1200ms var(--x-ease) backwards; }
  .kk8-js .kk8-topic-home .kk8-fs-hx__game { animation: kk8-fs-orbit 1400ms var(--x-ease) 200ms backwards; }
  .kk8-js .kk8-topic-home .kk8-fs-hx__beam { animation: kk8-fs-fade 1600ms var(--x-ease) 100ms backwards; }
  .kk8-js .kk8-topic-home .kk8-fs-hx .kk8-fs-eight ellipse { stroke-dasharray: 1; animation: kk8-fs-draw 1800ms var(--x-ease-io) 300ms backwards; }
  .kk8-js .kk8-topic-home .kk8-fs-hx .kk8-fs-eight__b { animation-delay: 560ms; }
  .kk8-js .kk8-topic-home .kk8-fs-hx .kk8-dock__item { animation: kk8-fs-up 800ms var(--x-ease) both; animation-delay: calc(500ms + var(--i, 0) * 70ms - 420ms); }
  .kk8-topic-home [data-kk8-fs-layer] { will-change: transform; }
  .kk8-topic-home .kk8-fs-hx__art[data-kk8-fs-depth] .kk8-fs-hx__game { translate: calc(var(--mx, 0) * -10px) calc(var(--py, 0px) * 1.8 + var(--my, 0) * -6px); }
  .kk8-topic-home .kk8-fs-hx__art[data-kk8-fs-depth] .kk8-fs-hx__person { translate: calc(var(--mx, 0) * 6px) calc(var(--py, 0px) + var(--my, 0) * 4px); }
  .kk8-topic-home .kk8-fs-hx__art[data-kk8-fs-depth] .kk8-fs-eight { translate: calc(var(--mx, 0) * -16px) calc(var(--py, 0px) * 2.4); }
}
@keyframes kk8-fs-rise { from { transform: translate3d(0, 22px, 0); } to { transform: none; } }
@keyframes kk8-fs-orbit { from { opacity: 0; transform: translate3d(-28px, 14px, 0) rotate(-5deg); } to { opacity: 1; transform: none; } }
@keyframes kk8-fs-fade { from { opacity: 0; } }
@keyframes kk8-fs-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes kk8-fs-up { from { opacity: 0; translate: 0 16px; } to { opacity: 1; translate: 0 0; } }
@media (prefers-reduced-motion: reduce) {
  .kk8-topic-home :is(.kk8-bcard, .kk8-dcard, .kk8-dock__item, .kk8-pass__half, .kk8-hcard, .kk8-btn) { transition: none; transform: none !important; }
  .kk8-topic-home :is(.kk8-bcard__art, .kk8-dcard__art, .kk8-bcard__ball, .kk8-dock__art) img, .kk8-topic-home .kk8-dock__art { transition: none; transform: none !important; }
}
/* L1 */
.kk8-chrome:not(.kk8-topic-home) .kk8-page :is(h1, h2, h3) { text-wrap: balance; font-weight: 700; }
.kk8-chrome:not(.kk8-topic-home) .kk8-page p { text-wrap: pretty; }
.kk8-chrome:not(.kk8-topic-home):lang(zh) .kk8-page p, .kk8-chrome:not(.kk8-topic-home) :lang(zh) .kk8-page p { line-height: 1.8; }
.kk8-chrome:not(.kk8-topic-home) .kk8-page h3 { letter-spacing: -.025em; }
.kk8-chrome:not(.kk8-topic-home) :lang(zh) .kk8-page h3 { letter-spacing: 0; }
.kk8-chrome:not(.kk8-topic-home) .kk8-btn { border-radius: var(--x-r-btn); letter-spacing: -.005em; }
.kk8-chrome:not(.kk8-topic-home) .kk8-btn--lg { min-height: 56px; padding-inline: 28px; font-size: 1rem; }
.kk8-chrome:not(.kk8-topic-home) .kk8-btn--primary {
  color: #071025;
  background: linear-gradient(180deg, #E2FF4D 0%, #D4FF00 55%, #C8F200 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .65), inset 0 -1px 0 rgba(60, 80, 0, .25), 0 1px 1px rgba(1, 6, 26, .3), 0 14px 30px -16px rgba(200, 245, 0, .75);
}
.kk8-chrome:not(.kk8-topic-home) .kk8-btn--primary:hover { transform: translateY(-1px); background: linear-gradient(180deg, #EBFF7A 0%, #DCFF26 55%, #CFF800 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75), inset 0 -1px 0 rgba(60, 80, 0, .25), 0 2px 2px rgba(1, 6, 26, .25), 0 20px 36px -16px rgba(200, 245, 0, .85); }
.kk8-chrome:not(.kk8-topic-home) .kk8-btn--primary:active { transform: translateY(0); }
.kk8-chrome:not(.kk8-topic-home) .kk8-btn--ghost { color: #fff; background: rgba(255, 255, 255, .05); border: 1px solid var(--x-hair-d2); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.kk8-chrome:not(.kk8-topic-home) .kk8-btn--ghost:hover { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .55); }
.kk8-chrome:not(.kk8-topic-home) .kk8-btn--light { color: var(--x-ink); background: #fff; box-shadow: inset 0 0 0 1px rgba(10, 20, 48, .06), 0 1px 1px rgba(1, 6, 26, .25), 0 12px 24px -16px rgba(1, 6, 26, .7); }
.kk8-chrome:not(.kk8-topic-home) .kk8-btn--light:hover { transform: translateY(-1px); background: #F3F6FF; }
.kk8-chrome:not(.kk8-topic-home) .kk8-tcta { font-weight: 600; }
.kk8-chrome:not(.kk8-topic-home) .kk8-hdr::before { background: linear-gradient(180deg, rgba(1, 6, 26, .7), rgba(1, 6, 26, 0)); }
.kk8-chrome:not(.kk8-topic-home) .kk8-hdr.is-scrolled { background: rgba(3, 9, 34, .74); box-shadow: 0 1px 0 var(--x-hair-d); }
.kk8-chrome:not(.kk8-topic-home) .kk8-hdr__link { position: relative; color: var(--x-on-d2); transition: color var(--x-t-fast); }
.kk8-chrome:not(.kk8-topic-home) .kk8-hdr__link::after {
  content: ""; position: absolute; left: 12px; right: 12px; bottom: 8px; height: 1px; background: var(--x-champ);
  transform: scaleX(0); transform-origin: left; transition: transform var(--x-t-fast) var(--x-ease);
}
.kk8-chrome:not(.kk8-topic-home) .kk8-hdr__link:hover { color: #fff; }
.kk8-chrome:not(.kk8-topic-home) .kk8-hdr__link:hover::after { transform: scaleX(1); }
.kk8-chrome:not(.kk8-topic-home) .kk8-lang { background: rgba(255, 255, 255, .05); box-shadow: inset 0 0 0 1px var(--x-hair-d); }
.kk8-chrome:not(.kk8-topic-home) .kk8-notice { border-radius: 16px; box-shadow: inset 0 0 0 1px rgba(233, 201, 119, .7); }
.kk8-chrome:not(.kk8-topic-home) .kk8-hcard { border-radius: 20px; background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 0 0 1px var(--x-hair-d); transition: transform var(--x-t-mid) var(--x-ease), box-shadow var(--x-t-mid); }
.kk8-chrome:not(.kk8-topic-home) .kk8-hcard:hover { transform: translateX(4px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), inset 0 0 0 1px var(--x-hair-d2); }
.kk8-chrome:not(.kk8-topic-home) .kk8-hcard__ic { color: var(--x-lime); }
.kk8-chrome:not(.kk8-topic-home) .kk8-discbox { border-radius: 20px; }
.kk8-chrome:not(.kk8-topic-home) .kk8-ftr { background: radial-gradient(40% 60% at 0% 0%, rgba(10, 68, 232, .16), transparent 70%), var(--x-abyss); }
.kk8-chrome:not(.kk8-topic-home) .kk8-ftr__h { color: var(--x-on-d3); font-size: .8125rem; }
.kk8-chrome:not(.kk8-topic-home) .kk8-mbar { background: rgba(3, 9, 34, .82); -webkit-backdrop-filter: blur(16px) saturate(140%); backdrop-filter: blur(16px) saturate(140%); box-shadow: 0 -1px 0 var(--x-hair-d); }
@media (max-width: 400px) {
  .kk8-chrome:not(.kk8-topic-home) .kk8-btn { padding-inline: 14px; gap: 8px; }
  .kk8-chrome:not(.kk8-topic-home) .kk8-btn--sm { padding-inline: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .kk8-chrome:not(.kk8-topic-home) :is(.kk8-btn, .kk8-hcard, .kk8-hdr__link::after) { transition: none; }
  .kk8-chrome:not(.kk8-topic-home) .kk8-btn:hover { transform: none; }
}
/* L3 */



.kk8-chrome .kk8-cat3 .kk8-ch {
  background:
    radial-gradient(56% 80% at 74% 30%, #0A3FE0 0%, #0731B8 18%, rgba(5, 30, 130, .5) 42%, rgba(4, 12, 46, 0) 68%),
    linear-gradient(180deg, #020822 0%, #040C2E 62%, #061444 100%);
}
.kk8-chrome .kk8-cat3 .kk8-ch__light {
  background:
    linear-gradient(180deg, rgba(190, 212, 255, .22), rgba(150, 185, 255, 0) 70%) 66% 0 / 34% 90% no-repeat;
  filter: blur(18px); opacity: .8;
}
.kk8-chrome .kk8-cat3 .kk8-ch::after { 
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; z-index: 3; -webkit-mask: none; mask: none;
  background: linear-gradient(90deg, transparent, rgba(143, 176, 255, .35) 30%, rgba(233, 207, 155, .45) 62%, transparent);
}
.kk8-chrome .kk8-cat3 .kk8-ch__deco { display: none; }
.kk8-chrome .kk8-cat3 .kk8-ch__tag { gap: 12px; font: 600 var(--x-fs-label)/1.2 var(--f-d); letter-spacing: .01em; text-transform: none; color: var(--x-champ); }
.kk8-chrome .kk8-cat3 .kk8-ch__tag::before { width: 28px; height: 1px; border-radius: 0; background: currentColor; box-shadow: none; }
.kk8-chrome .kk8-cat3 .kk8-ch__title { font-size: clamp(2.375rem, 1.3rem + 3.2vw, 4rem); line-height: 1; letter-spacing: -.045em; }
.kk8-chrome .kk8-cat3 :lang(zh) .kk8-ch__title, .kk8-chrome:lang(zh) .kk8-cat3 .kk8-ch__title { letter-spacing: 0; line-height: 1.15; }
.kk8-chrome .kk8-cat3 .kk8-ch__lead { color: var(--x-on-d2); font-size: var(--x-fs-lead); line-height: 1.6; max-width: 34rem; }
.kk8-chrome .kk8-cat3 .kk8-crumbs { font-size: .8125rem; color: var(--x-on-d3); }
.kk8-chrome .kk8-cat3 .kk8-ch .kk8-disc { padding-left: 14px; border-left: 1px solid var(--x-hair-d2); font-size: .8125rem; color: var(--x-on-d3); }
.kk8-chrome .kk8-cat3 .kk8-ch .kk8-disc .kk8-i { display: none; }


.kk8-chrome .kk8-cat3 .kk8-fs-stage { position: relative; isolation: isolate; display: grid; place-items: end center; }
.kk8-chrome .kk8-cat3 .kk8-fs-stage .kk8-fx { width: min(88vw, 520px) !important; height: auto !important; aspect-ratio: auto !important; padding: 0 !important; margin: 0 !important;
  border-radius: 0 !important; overflow: visible !important; background: none !important; box-shadow: none !important; display: block; }
.kk8-chrome .kk8-cat3 .kk8-fs-stage .kk8-fx::before, .kk8-chrome .kk8-cat3 .kk8-fs-stage .kk8-fx::after { content: none !important; }
.kk8-chrome .kk8-cat3 .kk8-fs-stage :is(.kk8-fx__reels, .kk8-fx__token, .kk8-fx__table, .kk8-fx__ring, .kk8-fx__pitch, .kk8-fx__bubbles, .kk8-fx__wave) { display: none !important; }
.kk8-chrome .kk8-cat3 .kk8-fs-stage > :not(.kk8-fx), .kk8-chrome .kk8-cat3 .kk8-fs-stage .kk8-fx > :not(picture) { display: none !important; }
.kk8-chrome .kk8-cat3 .kk8-fs-stage .kk8-fx picture:not(:has(.kk8-fs-stage__img)) { display: none; }
.kk8-chrome .kk8-cat3 .kk8-fs-stage .kk8-fs-stage__img {
  position: relative !important; inset: auto !important; left: auto !important; right: auto !important; bottom: auto !important;
  display: block; width: 100% !important; height: auto !important; max-width: none; transform: none !important; border-radius: 0 !important;
  -webkit-mask-image: none !important; mask-image: none !important;
  filter: drop-shadow(0 34px 34px rgba(0, 4, 20, .6));
}
.kk8-chrome .kk8-cat3 .kk8-fs-stage--slots .kk8-fx { width: min(80vw, 460px) !important; }
.kk8-chrome .kk8-cat3 .kk8-fs-stage::before, .kk8-chrome .kk8-cat3 .kk8-fs-stage::after { 
  content: ""; position: absolute; z-index: -1; left: 50%; border-radius: 50%; pointer-events: none; border: 1px solid;
}
.kk8-chrome .kk8-cat3 .kk8-fs-stage::before { width: 58%; aspect-ratio: 1; top: -4%; transform: translateX(-50%); border-color: rgba(233, 207, 155, .5); }
.kk8-chrome .kk8-cat3 .kk8-fs-stage::after { width: 76%; aspect-ratio: 1; bottom: -18%; transform: translateX(-50%); border-color: rgba(143, 176, 255, .35); }


.kk8-chrome .kk8-cat3 :is(.kk8-ch__art--doc, .kk8-ch__art--pv) { position: relative; isolation: isolate; }
.kk8-chrome .kk8-cat3 :is(.kk8-ch__art--doc, .kk8-ch__art--pv)::before {
  content: ""; position: absolute; z-index: -1; left: 50%; top: 50%; width: min(420px, 90%); aspect-ratio: 1; transform: translate(-50%, -50%);
  border-radius: 50%; border: 1px solid rgba(233, 207, 155, .4); box-shadow: 0 0 0 48px rgba(255, 255, 255, .02), 0 0 0 49px rgba(143, 176, 255, .16);
}
.kk8-chrome .kk8-cat3 .kk8-fx--doc { border-radius: var(--x-r-feature); overflow: hidden; box-shadow: 0 0 0 1px rgba(143, 176, 255, .22), 0 40px 80px -40px rgba(10, 68, 232, .6); }


.kk8-chrome .kk8-cat3 .kk8-pidx { border-top: 0; margin-top: 8px; padding: 6px; gap: 6px; border-radius: 18px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 0 0 1px var(--x-hair-d);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); margin-bottom: 28px; }
.kk8-chrome .kk8-cat3 .kk8-pidx a { border: 0 !important; margin: 0; padding: 14px 16px !important; border-radius: 13px; color: var(--x-on-d2); transition: background-color var(--x-t-fast), color var(--x-t-fast); }
.kk8-chrome .kk8-cat3 .kk8-pidx a:hover { background: rgba(255, 255, 255, .07); color: #fff; }
.kk8-chrome .kk8-cat3 .kk8-pidx a span { color: var(--x-champ); }


.kk8-chrome .kk8-cat3 .kk8-fam-body { background: radial-gradient(50% 40% at 100% 0%, rgba(233, 207, 155, .22), transparent 70%), var(--x-ivory); }
.kk8-chrome .kk8-cat3 :is(.kk8-sx--panels, .kk8-callout, .kk8-sx--stubs) { border-radius: var(--x-r-card); box-shadow: 0 0 0 1px var(--x-hair-l), var(--x-sh-1); }
.kk8-chrome .kk8-cat3 .kk8-sx--dark { border-radius: var(--x-r-feature);
  background: radial-gradient(60% 80% at 85% 20%, color-mix(in srgb, var(--acc, #0047FF) 30%, transparent), transparent 66%), linear-gradient(160deg, #0C2266 0%, #071648 46%, #040C2E 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), var(--x-sh-2); }
.kk8-chrome .kk8-cat3 .kk8-fam-body :is(h2, .kk8-sec-h) { letter-spacing: -.035em; }
.kk8-chrome .kk8-cat3 :lang(zh) .kk8-fam-body :is(h2, .kk8-sec-h) { letter-spacing: 0; }


.kk8-chrome .kk8-cat3 .kk8-faq { gap: 12px; }
.kk8-chrome .kk8-cat3 .kk8-faq details { border-radius: 18px; background: #fff; box-shadow: 0 0 0 1px var(--x-hair-l), var(--x-sh-1); transition: box-shadow var(--x-t-mid) var(--x-ease); }
.kk8-chrome .kk8-cat3 .kk8-faq details[open] { box-shadow: inset 3px 0 0 var(--x-royal), 0 0 0 1px var(--x-hair-l), var(--x-sh-2); }
.kk8-chrome .kk8-cat3 .kk8-faq summary { min-height: 64px; padding: 18px 22px; font-size: 1rem; letter-spacing: -.01em; color: var(--x-ink); }
.kk8-chrome .kk8-cat3 .kk8-faq summary::after { background-color: #EEF3FF; transition: transform var(--x-t-mid) var(--x-ease), background-color var(--x-t-fast); }
.kk8-chrome .kk8-cat3 .kk8-faq details[open] summary::after { background-color: var(--x-lime); }
.kk8-chrome .kk8-cat3 .kk8-faq details p { color: var(--x-ink-2); line-height: 1.7; }


.kk8-chrome .kk8-cat3 .kk8-related:not(.kk8-related--light) { background: radial-gradient(40% 80% at 0% 0%, rgba(10, 68, 232, .2), transparent 70%), var(--x-abyss); }
.kk8-chrome .kk8-cat3 .kk8-xcat { border-radius: var(--x-r-card); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), var(--x-sh-2); }

@media (min-width: 900px) {
  .kk8-chrome .kk8-cat3 .kk8-ch__in { min-height: 540px; padding-top: calc(var(--hdr) + 24px); }
  .kk8-chrome .kk8-cat3 .kk8-fs-stage { justify-items: center; }
}
@media (max-width: 899px) {
  .kk8-chrome .kk8-cat3 .kk8-fs-stage { padding-top: 24px; }
  
  .kk8-chrome .kk8-cat3 .kk8-fs-stage .kk8-fx { width: auto !important; height: clamp(190px, 52vw, 230px) !important; }
  .kk8-chrome .kk8-cat3 .kk8-fs-stage .kk8-fs-stage__img { width: auto !important; height: 100% !important; margin-inline: auto; }
  .kk8-chrome .kk8-cat3 .kk8-fs-stage::before { width: 46vw; top: 8px; }
  .kk8-chrome .kk8-cat3 .kk8-fs-stage::after { width: 60vw; bottom: -24%; }
  .kk8-chrome .kk8-cat3 .kk8-fs-stage .kk8-fs-stage__img { -webkit-mask-image: linear-gradient(180deg, #000 70%, transparent 100%) !important; mask-image: linear-gradient(180deg, #000 70%, transparent 100%) !important; }
  .kk8-chrome .kk8-cat3 .kk8-pidx { margin-inline: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .kk8-chrome .kk8-cat3 .kk8-faq details, .kk8-chrome .kk8-cat3 .kk8-pidx a { transition: none; }
}


.kk8-chrome .kk8-cat3 .kk8-hcard--light { background: #fff; box-shadow: 0 0 0 1px var(--x-hair-l), var(--x-sh-1); color: var(--x-ink); }
.kk8-chrome .kk8-cat3 .kk8-hcard--light:hover { box-shadow: 0 0 0 1px var(--x-hair-l), var(--x-sh-2); }
.kk8-chrome .kk8-cat3 .kk8-hcard--light .kk8-hcard__ic { color: var(--x-royal-d); }
/* L4 QA fixes */
.kk8-chrome .kk8-cnav li { flex: none; }
.kk8-chrome .kk8-hcard__t { min-width: 0; overflow-wrap: anywhere; }
.kk8-topic-home .kk8-fs-hx .kk8-dock__t { white-space: normal; overflow-wrap: anywhere; text-wrap: balance; }
@media (max-width: 380px) {
  .kk8-topic-home .kk8-fs-hx .kk8-hx__cta { grid-template-columns: minmax(0, 1fr); }
  .kk8-topic-home .kk8-fs-hx .kk8-hx__cta .kk8-btn { white-space: normal; }
}
@media (max-width: 360px) {
  .kk8-chrome .kk8-xcat__go { position: absolute; top: 12px; right: 12px; }
}
@media (max-width: 899px) {
  .kk8-chrome .kk8-cat3 .kk8-fs-stage::before { width: min(40vw, 230px); top: 14px; }
  .kk8-chrome .kk8-cat3 .kk8-fs-stage::after { width: min(52vw, 300px); bottom: 0; }
}
.kk8-chrome .kk8-cat3 .kk8-fx--doc { border-radius: 50%; }
@media (max-width: 899px) {
  .kk8-chrome .kk8-cat3 :is(.kk8-ch__art--doc, .kk8-ch__art--pv)::before { width: min(290px, 78%); box-shadow: 0 0 0 22px rgba(255, 255, 255, .02), 0 0 0 23px rgba(143, 176, 255, .14); }
}