:root{
  --kg-bg:#f7f4ff;--kg-card:#fff;--kg-ink:#14121c;--kg-muted:#696274;--kg-line:#e8e1f5;
  --kg-primary:#6d28d9;--kg-primary2:#8b5cf6;--kg-soft:#f3edff;--kg-dark:#111827;
  --kg-red:#ef4444;--kg-green:#22c55e;--kg-blue:#2563eb;--kg-orange:#f97316;
  --kg-radius:22px;--kg-shadow:0 20px 60px rgba(55,31,114,.12);
}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top left,#fff 0,#f9f6ff 34%,#f1ecff 100%);color:var(--kg-ink)}
.kg-shell{min-height:100vh}.kg-top{height:56px;background:#0d1022;color:#fff;display:flex;align-items:center;gap:22px;padding:0 22px;position:sticky;top:0;z-index:20;box-shadow:0 8px 24px rgba(0,0,0,.16)}
.kg-logo{font-weight:900;letter-spacing:.08em;font-size:22px}.kg-brandline{height:24px;width:1px;background:rgba(255,255,255,.24)}.kg-title-mini{font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.86}.kg-model-select{margin-left:auto;border:0;border-radius:999px;background:linear-gradient(135deg,var(--kg-primary),var(--kg-primary2));color:#fff;font-weight:800;padding:10px 15px}.kg-top-search{width:min(340px,36vw);height:38px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.12);border-radius:999px;color:#fff;padding:0 18px;outline:none}.kg-top-search::placeholder{color:rgba(255,255,255,.62)}
.kg-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;max-width:1480px;margin:0 auto;padding:26px 24px 44px}.kg-side{position:sticky;top:78px;align-self:start}.kg-side-card{background:#fff;border:1px solid var(--kg-line);border-radius:24px;box-shadow:var(--kg-shadow);padding:16px}.kg-product{display:grid;grid-template-columns:88px 1fr;gap:14px;align-items:center;margin-bottom:16px}.kg-product img{width:88px;height:54px;object-fit:contain;border-radius:14px;background:#111827}.kg-product b{display:block;font-size:22px;color:var(--kg-primary)}.kg-product span{color:var(--kg-muted);font-size:13px}.kg-mode-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f6f2ff;border:1px solid var(--kg-line);padding:4px;border-radius:14px;margin-bottom:14px}.kg-mode-tabs button{border:0;border-radius:11px;background:transparent;font-weight:800;color:var(--kg-muted);padding:10px;cursor:pointer}.kg-mode-tabs button.is-active{background:var(--kg-primary);color:#fff;box-shadow:0 8px 22px rgba(109,40,217,.22)}
.kg-nav{display:flex;flex-direction:column;gap:10px}.kg-nav-group{border:1px solid #eee8fa;border-radius:16px;overflow:hidden;background:#fff}.kg-nav-head{width:100%;border:0;background:#fff;padding:13px 14px;display:flex;align-items:center;gap:10px;font-weight:900;cursor:pointer;color:#2b2338}.kg-nav-head small{margin-left:auto;color:var(--kg-muted)}.kg-nav-head.is-active{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff}.kg-nav-head.is-active small{color:#fff}.kg-nav-items{padding:7px}.kg-nav-item{width:100%;border:0;background:transparent;text-align:left;padding:10px 12px;border-radius:12px;color:#5f586b;cursor:pointer;font-size:14px}.kg-nav-item:hover,.kg-nav-item.is-active{background:var(--kg-soft);color:var(--kg-primary);font-weight:800}.kg-search-panel{display:none}.kg-side.is-search .kg-nav{display:none}.kg-side.is-search .kg-search-panel{display:block}.kg-search-hit{width:100%;border:1px solid var(--kg-line);background:#fff;border-radius:14px;padding:12px;margin:0 0 8px;text-align:left;cursor:pointer}.kg-search-hit b{display:block}.kg-search-hit span{font-size:12px;color:var(--kg-muted)}.kg-tip-card{margin-top:14px;padding:16px;border-radius:18px;background:linear-gradient(135deg,#17142a,#24164a);color:#fff}.kg-tip-card p{color:rgba(255,255,255,.72);font-size:13px}.kg-key-mini{display:flex;align-items:center;gap:10px;margin-top:14px}.kg-key-mini span{display:grid;place-items:center;width:46px;height:42px;border-radius:10px;background:#fff;color:#111827;font-weight:900}
.kg-main{min-width:0}.kg-hero{position:relative;background:#fff;border:1px solid var(--kg-line);border-radius:26px;min-height:210px;box-shadow:var(--kg-shadow);overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 420px;align-items:center;padding:30px;margin-bottom:22px}.kg-hero h1{font-size:42px;line-height:1.02;margin:10px 0 12px}.kg-hero p{font-size:16px;color:var(--kg-muted);max-width:620px}.kg-hero-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--kg-primary),var(--kg-primary2));color:#fff;font-size:24px}.kg-hero img{width:100%;height:150px;object-fit:contain;filter:drop-shadow(0 30px 25px rgba(0,0,0,.14))}.kg-warning{border:1px solid #fecaca;background:#fff1f1;border-radius:18px;padding:18px;margin-bottom:20px}.kg-warning h3{margin:0 0 12px;color:#dc2626}.kg-warning-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.kg-warn-item{background:rgba(255,255,255,.68);border-radius:14px;padding:12px;font-weight:700;color:#3b3344;font-size:14px}.kg-section-tabs{display:flex;gap:8px;margin-bottom:0}.kg-section-tabs button{border:1px solid var(--kg-line);border-bottom:0;background:#fff;border-radius:14px 14px 0 0;padding:12px 20px;font-weight:800;color:var(--kg-muted);cursor:pointer}.kg-section-tabs button.is-active{color:var(--kg-primary);box-shadow:inset 0 -3px 0 var(--kg-primary)}.kg-panel{display:none}.kg-panel.is-active{display:block}.kg-stage{background:#11152a;border-radius:22px 22px 0 0;padding:18px;color:#fff;box-shadow:var(--kg-shadow)}.kg-stage-head{display:flex;align-items:center;gap:22px;margin-bottom:14px}.kg-legend{display:flex;gap:16px;flex-wrap:wrap}.kg-dot{width:11px;height:11px;border-radius:50%;display:inline-block;margin-right:7px}.kg-dot.hold{background:var(--kg-primary2)}.kg-dot.tap{border:2px solid var(--kg-primary2)}.kg-dot.led{background:#86efac}.kg-play{margin-left:auto;border:0;border-radius:999px;background:linear-gradient(135deg,var(--kg-primary),var(--kg-primary2));color:#fff;padding:12px 18px;font-weight:900;cursor:pointer;box-shadow:0 16px 34px rgba(109,40,217,.35)}.kg-keyboard-wrap{position:relative;background:#182039;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px;overflow:hidden}.kg-keyboard-img{display:block;width:100%;height:auto;border-radius:12px}.kg-overlay{position:absolute;inset:16px;pointer-events:none}.kg-mask{position:absolute;border-radius:9px;background:rgba(139,92,246,.68);box-shadow:0 0 0 2px rgba(255,255,255,.7),0 0 28px rgba(139,92,246,.9);opacity:0;transform:scale(.96);transition:.22s}.kg-mask.is-on{opacity:1;transform:scale(1)}.kg-mask.is-tap{background:rgba(37,99,235,.72)}.kg-mask.is-led{background:rgba(34,197,94,.78);box-shadow:0 0 0 2px rgba(255,255,255,.72),0 0 32px rgba(34,197,94,.95)}.kg-ledzone{position:absolute;border-radius:999px;opacity:0;background:linear-gradient(90deg,#22c55e,#38bdf8,#a855f7,#ef4444);filter:blur(.2px);box-shadow:0 0 18px rgba(139,92,246,.8);transition:.2s}.kg-ledzone.is-on{opacity:1;animation:kgBreath 1.2s ease-in-out infinite}.kg-status{background:#241b49;color:#fff;border-radius:0 0 22px 22px;padding:14px 18px;font-weight:800}.kg-progressline{height:4px;background:rgba(255,255,255,.12);margin-top:16px;border-radius:99px;overflow:hidden}.kg-progressline span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--kg-primary),#22c55e);transition:1s}
.kg-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.kg-info-card{background:#fff;border:1px solid var(--kg-line);border-radius:16px;padding:16px;min-height:104px}.kg-info-card label{display:block;font-size:12px;color:var(--kg-muted);font-weight:900;margin-bottom:8px}.kg-info-card strong{font-size:16px}.kg-timeline{background:#fff;border:1px solid var(--kg-line);border-radius:20px;padding:18px;margin-top:18px}.kg-timeline h3{margin-top:0}.kg-step{display:grid;grid-template-columns:54px 1fr 190px;gap:18px;align-items:center;border-top:1px solid #f0ebfa;padding:15px 0}.kg-step:first-of-type{border-top:0}.kg-step-num{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,var(--kg-primary),var(--kg-primary2));color:#fff;font-weight:900}.kg-step-art{justify-self:end;min-width:150px;text-align:center;border:1px solid #eee8fa;border-radius:14px;padding:12px;color:#9a92a8;font-weight:900;background:#fbfaff}.kg-content-card{background:#fff;border:1px solid var(--kg-line);border-radius:20px;padding:20px;margin-top:0}.kg-content-card h3{margin-top:0}.kg-content-card li{margin:8px 0;color:#4b4358}.kg-spec{display:grid;grid-template-columns:190px 1fr;gap:0;border:1px solid var(--kg-line);border-radius:16px;overflow:hidden}.kg-spec div{padding:12px;border-bottom:1px solid #f0ebfa}.kg-spec div:nth-child(odd){background:#faf7ff;font-weight:800}.kg-bottom-nav{display:flex;justify-content:space-between;margin-top:18px}.kg-bottom-nav button{border:1px solid var(--kg-line);background:#fff;border-radius:14px;padding:12px 16px;font-weight:800;cursor:pointer;color:#47385f}
@keyframes kgBreath{0%,100%{filter:brightness(.9);opacity:.65}50%{filter:brightness(1.5);opacity:1}}@keyframes kgPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.75}}
.kg-mask.is-pulse{animation:kgPulse .55s ease-in-out infinite}.kg-empty{padding:24px;border-radius:18px;background:#fff;border:1px dashed var(--kg-line);color:var(--kg-muted)}
@media(max-width:980px){.kg-layout{grid-template-columns:1fr}.kg-side{position:relative;top:0}.kg-hero{grid-template-columns:1fr}.kg-hero img{display:none}.kg-info-grid{grid-template-columns:1fr}.kg-step{grid-template-columns:44px 1fr}.kg-step-art{display:none}.kg-top-search{display:none}.kg-hero h1{font-size:32px}}