:root{--bg:#07080c;--glass:rgba(255,255,255,.05);--rim:rgba(255,255,255,.12);--txt:#ECE7DC;--dim:#A39C8F;--gold:#E3B75D}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--txt)}
body{min-height:100vh;font:16px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  background:radial-gradient(80% 60% at 72% -10%,rgba(242,193,78,.14),transparent 60%),radial-gradient(60% 50% at 0% 100%,rgba(77,163,255,.07),transparent 60%),var(--bg)}
a{color:inherit}
.kz-hd{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:14px;padding:12px max(16px,calc(50% - 520px));background:rgba(7,8,12,.55);border-bottom:1px solid var(--rim);
  -webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%)}
.kz-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font:600 20px/1 Newsreader,"Songti SC","Noto Serif SC",Georgia,serif}
.kz-brand img{width:32px;height:32px;display:block}
.kz-sp{flex:1}
.kz-co{display:inline-flex;align-items:center;gap:10px;padding:6px 12px;border:1px solid var(--rim);border-radius:999px;background:var(--glass)}
.kz-co img{height:18px;width:auto;display:block}
.kz-co i{width:1px;height:16px;background:var(--rim)}
.kz-lang{display:inline-flex;gap:8px}
.kz-lang a{text-decoration:none;font-size:15px;opacity:.85}
.kz-lang a:hover{opacity:1}
main{max-width:1040px;margin:0 auto;padding:0 16px 32px}
.kz-hero{display:grid;justify-items:center;text-align:center;padding:52px 0 24px}
.kz-mark{width:min(620px,92vw);aspect-ratio:942/492}
.kz-mark svg{display:block;width:100%;height:100%;overflow:visible;transition:opacity .45s}
.kz-mark.out svg{opacity:0}
.kz-k{margin:26px 0 8px;font:600 12px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.24em;color:var(--gold)}
h1{margin:0;font:600 clamp(28px,4.6vw,46px)/1.2 Newsreader,"Songti SC","Noto Serif SC",Georgia,serif;letter-spacing:.01em}
.kz-lead{margin:14px auto 0;max-width:34em;color:var(--dim)}
.kz-replay{margin-top:18px;height:34px;padding:0 16px;border-radius:999px;border:1px solid rgba(227,183,93,.6);background:linear-gradient(180deg,rgba(242,193,78,.22),rgba(242,193,78,.06));color:var(--txt);font:600 13px/1 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;cursor:pointer}
.kz-replay:hover{filter:brightness(1.15)}
.kz-sec{margin:20px 0;padding:24px 28px;border:1px solid var(--rim);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.01)),var(--glass);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.kz-sec h2{margin:0 0 10px;font:600 22px/1.3 Newsreader,"Songti SC","Noto Serif SC",Georgia,serif}
.kz-sec p{margin:0}
.kz-steps{list-style:none;margin:4px 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.kz-steps li{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid var(--rim);font-size:14px;background:rgba(255,255,255,.03)}
.kz-steps li b{font:600 11px/1 ui-monospace,"SF Mono",Menlo,monospace;color:var(--gold)}
.kz-q{list-style:none;margin:4px 0 16px;padding:0;display:grid;gap:6px}
.kz-q li{font:500 17px/1.5 Newsreader,"Songti SC","Noto Serif SC",Georgia,serif}
.kz-q em{font-style:normal;color:var(--gold);padding:0 6px}
.kz-cta{display:flex;flex-wrap:wrap;gap:10px}
.kz-cta a{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--rim);background:var(--glass);text-decoration:none;font-size:14px}
.kz-cta a.kz-go{border-color:rgba(227,183,93,.7);background:linear-gradient(180deg,rgba(242,193,78,.34),rgba(242,193,78,.12));font-weight:600}
.kz-ft{max-width:1040px;margin:0 auto;padding:8px 16px 40px;color:var(--dim);font-size:12px;line-height:1.8;text-align:center}
.kz-ft p{margin:4px 0}
.kz-ft a{text-decoration:none}
.kr-nrot{display:inline-grid;justify-items:start;line-height:1;vertical-align:top}
.kr-nrot>span{grid-area:1/1;opacity:0;transition:opacity .14s ease-in;white-space:nowrap}
.kr-nrot>span.on{opacity:1;transition:opacity .22s ease-out .14s}
.kz-mark.go .km-bull #kmb-ring circle{stroke-dasharray:1257;stroke-dashoffset:1257;animation:kmRing .7s cubic-bezier(.3,.7,.2,1) .05s both}
.kz-mark.go .km-bull #kmb-face{transform-box:view-box;transform-origin:0 50px;animation:kmFace .45s ease-out .2s both}
.kz-mark.go .km-bull #kmb-key path{stroke-dasharray:1;stroke-dashoffset:1;animation:kmDraw .8s cubic-bezier(.3,.7,.2,1) .35s both}
.kz-mark.go .km-bull #kmb-horns path:nth-child(-n+2){stroke-dasharray:1;stroke-dashoffset:1;animation:kmDraw .7s cubic-bezier(.2,.75,.2,1) .6s both}
.kz-mark.go .km-bull #kmb-horns path:nth-child(n+3){animation:kmPop .3s ease-out 1s both}
.kz-mark.go .km-bull #kmb-horns path:nth-child(4),.kz-mark.go .km-bull #kmb-horns path:nth-child(7){animation-delay:1.1s}
.kz-mark.go .km-bull #kmb-horns path:nth-child(5),.kz-mark.go .km-bull #kmb-horns path:nth-child(8){animation-delay:1.2s}
@keyframes kmRing{0%{stroke-dashoffset:1257;opacity:0}6%{opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@keyframes kmDraw{0%{stroke-dashoffset:1;opacity:0}6%{opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@keyframes kmFace{0%{opacity:0;transform:scale(.86)}100%{opacity:1;transform:none}}
@keyframes kmPop{0%{opacity:0}100%{opacity:1}}
@media (prefers-reduced-motion:reduce){.kz-mark *{animation:none!important;opacity:1!important;stroke-dashoffset:0!important;transform:none!important}.kz-mark svg{transition:none}.kr-nrot>span{transition:none}}
@media (max-width:640px){.kz-hd{gap:10px;padding:10px 14px}.kz-brand{font-size:17px}.kz-brand img{width:28px;height:28px}.kz-co{padding:5px 10px}.kz-co img{height:15px}.kz-lang{gap:6px}.kz-lang a{font-size:14px}.kz-hero{padding-top:32px}.kz-sec{padding:18px}.kz-q li{font-size:16px}}
