.kc-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--zx-bg);color:var(--zx-text)}.kc-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:104px 24px 72px}.kc-hero{position:relative;overflow:hidden;border-radius:var(--zx-radius-lg);border:1px solid var(--zx-border);background:radial-gradient(1100px 280px at 100% -40%,rgba(34,211,165,.12),transparent 60%),radial-gradient(700px 240px at -10% 110%,rgba(167,139,250,.08),transparent 60%),var(--zx-surface);box-shadow:var(--zx-card-shadow);padding:38px clamp(22px,4vw,48px);display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.8fr);gap:28px;align-items:center}[data-theme=dark] .kc-hero{background:radial-gradient(1100px 280px at 100% -40%,rgba(34,211,165,.18),transparent 60%),radial-gradient(700px 240px at -10% 110%,rgba(167,139,250,.14),transparent 60%),var(--zx-surface)}@media (max-width:760px){.kc-hero{grid-template-columns:1fr;padding:28px 20px}.kc-hero-mascot{display:none}}.kc-hero-inner{min-width:0;position:relative}.kc-kicker{display:inline-block;font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--zx-mint-700);padding:5px 12px;border-radius:999px;background:rgba(34,211,165,.12);border:1px solid rgba(34,211,165,.32);margin-bottom:18px}[data-theme=dark] .kc-kicker{color:var(--zx-mint);background:rgba(34,211,165,.14)}.kc-hero-title{margin:0 0 16px;font-size:clamp(2rem,4.6vw,3.6rem);font-weight:850;letter-spacing:-.045em;line-height:1.04;color:var(--zx-text)}.kc-hero-title em{font-style:normal;background:linear-gradient(135deg,var(--zx-mint) 0,var(--zx-mint-600) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.kc-hero-lead{margin:0 0 22px;color:var(--zx-text-2);font-size:clamp(1rem,1.4vw,1.1rem);line-height:1.7;max-width:60ch}.kc-hero-stats{display:flex;flex-wrap:wrap;gap:18px;margin:0 0 24px;padding:14px 0;border-top:1px solid var(--zx-border);border-bottom:1px solid var(--zx-border)}.kc-hero-stats>span{display:flex;align-items:baseline;gap:7px;color:var(--zx-muted);font-size:.92rem;font-weight:600}.kc-hero-stats strong{font-size:1.4rem;font-weight:850;color:var(--zx-text);letter-spacing:-.02em}.kc-hero-cta{display:flex;flex-wrap:wrap;gap:10px}.kc-hero-mascot{position:relative;display:flex;align-items:center;justify-content:center}.kc-hero-mascot:before{content:"";position:absolute;inset:10% 10%;background:radial-gradient(60% 60% at 50% 50%,rgba(34,211,165,.25),transparent 70%);filter:blur(20px);z-index:0}.kc-hero-mascot img{position:relative;z-index:1;width:100%;max-width:280px;height:auto}.kc-btn-primary,.kc-btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:12px;font-size:.94rem;font-weight:700;text-decoration:none;transition:all .18s ease;border:1px solid transparent}.kc-btn-primary{background:linear-gradient(180deg,var(--zx-mint),var(--zx-mint-600));color:#ffffff;border-color:var(--zx-mint-600);box-shadow:0 8px 22px -10px rgba(34,211,165,.55)}.kc-btn-primary:hover{background:linear-gradient(180deg,var(--zx-mint-600),var(--zx-mint-700));border-color:var(--zx-mint-700);transform:translateY(-1px)}.kc-btn-secondary{background:var(--zx-surface-2);color:var(--zx-text);border-color:var(--zx-border)}.kc-btn-secondary:hover{background:var(--zx-bg-2);border-color:var(--zx-border-strong)}.kc-section{margin-top:56px}.kc-section-head{margin-bottom:22px}.kc-section-title{margin:0 0 8px;font-size:clamp(1.4rem,2.4vw,2rem);font-weight:850;letter-spacing:-.025em;color:var(--zx-text)}.kc-section-sub{margin:0;color:var(--zx-muted);font-size:1rem;line-height:1.65;max-width:70ch}.kc-quickstart-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width:860px){.kc-quickstart-grid{grid-template-columns:1fr}}.kc-quickstart-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px 22px 20px;border-radius:var(--zx-radius);background:var(--zx-surface);border:1px solid var(--zx-border);box-shadow:var(--zx-card-shadow);text-decoration:none;color:var(--zx-text);transition:all .22s ease;overflow:hidden}.kc-quickstart-card:before{content:"";position:absolute;inset:0;background:var(--accent-glow,transparent);opacity:0;transition:opacity .22s ease;pointer-events:none}.kc-quickstart-card:hover{transform:translateY(-2px);border-color:var(--accent-border,var(--zx-border-strong));box-shadow:0 14px 40px -16px rgba(15,23,41,.18)}.kc-quickstart-card:hover:before{opacity:1}[data-theme=dark] .kc-quickstart-card:hover{box-shadow:0 14px 40px -10px rgba(0,0,0,.5)}.kc-quickstart-card--mint{--accent-glow:radial-gradient(80% 60% at 100% 0%,rgba(34,211,165,0.10),transparent 60%);--accent-border:rgba(34,211,165,0.45)}.kc-quickstart-card--coral{--accent-glow:radial-gradient(80% 60% at 100% 0%,rgba(248,113,113,0.10),transparent 60%);--accent-border:rgba(248,113,113,0.45)}.kc-quickstart-card--blue{--accent-glow:radial-gradient(80% 60% at 100% 0%,rgba(96,165,250,0.10),transparent 60%);--accent-border:rgba(96,165,250,0.45)}.kc-quickstart-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--zx-surface-2);border:1px solid var(--zx-border);font-size:1.5rem;position:relative;z-index:1}.kc-quickstart-card--mint .kc-quickstart-icon{background:rgba(34,211,165,.12);border-color:rgba(34,211,165,.32)}.kc-quickstart-card--coral .kc-quickstart-icon{background:rgba(248,113,113,.1);border-color:rgba(248,113,113,.32)}.kc-quickstart-card--blue .kc-quickstart-icon{background:rgba(96,165,250,.1);border-color:rgba(96,165,250,.32)}.kc-quickstart-title{margin:0;font-size:1.1rem;font-weight:800;letter-spacing:-.02em;color:var(--zx-text);position:relative;z-index:1}.kc-quickstart-desc{margin:0;color:var(--zx-text-2);font-size:.92rem;line-height:1.55;position:relative;z-index:1}.kc-quickstart-cta{margin-top:6px;font-size:.86rem;font-weight:700;color:var(--zx-mint-700);position:relative;z-index:1}[data-theme=dark] .kc-quickstart-cta{color:var(--zx-mint)}.kc-quickstart-card--coral .kc-quickstart-cta{color:#dc2626}[data-theme=dark] .kc-quickstart-card--coral .kc-quickstart-cta{color:#fca5a5}.kc-quickstart-card--blue .kc-quickstart-cta{color:#2563eb}[data-theme=dark] .kc-quickstart-card--blue .kc-quickstart-cta{color:#93c5fd}.kc-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.kc-category-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:22px 24px 20px;border-radius:var(--zx-radius);background:var(--zx-surface);border:1px solid var(--zx-border);box-shadow:var(--zx-card-shadow);text-decoration:none;color:var(--zx-text);transition:all .22s ease;overflow:hidden}.kc-category-card:after{content:"";position:absolute;inset:0;background:radial-gradient(80% 60% at 100% 0,rgba(34,211,165,.06),transparent 60%);opacity:0;transition:opacity .22s ease;pointer-events:none}.kc-category-card:hover{transform:translateY(-2px);border-color:rgba(34,211,165,.4);box-shadow:0 14px 40px -16px rgba(15,23,41,.18)}.kc-category-card:hover:after{opacity:1}[data-theme=dark] .kc-category-card:hover{box-shadow:0 14px 40px -10px rgba(0,0,0,.5)}.kc-category-head{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1}.kc-category-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:rgba(34,211,165,.12);border:1px solid rgba(34,211,165,.32);color:var(--zx-mint-700);flex-shrink:0}[data-theme=dark] .kc-category-icon{color:var(--zx-mint);background:rgba(34,211,165,.14)}.kc-category-icon svg{width:24px;height:24px}.kc-category-count{font-size:.78rem;font-weight:800;color:var(--zx-muted);padding:4px 10px;border-radius:999px;background:var(--zx-surface-2);border:1px solid var(--zx-border)}.kc-category-titles{position:relative;z-index:1}.kc-category-en{display:block;font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--zx-muted);margin-bottom:4px}.kc-category-title{margin:0;font-size:1.18rem;font-weight:850;letter-spacing:-.02em;color:var(--zx-text)}.kc-category-desc{margin:4px 0 0;color:var(--zx-text-2);font-size:.92rem;line-height:1.55}.kc-category-articles{list-style:none;margin:0;display:flex;flex-direction:column;gap:7px;border-top:1px dashed var(--zx-border);padding:14px 0 0;position:relative;z-index:1}.kc-category-articles li{font-size:.88rem;line-height:1.45;color:var(--zx-muted);display:flex;align-items:flex-start;gap:8px}.kc-category-articles li:before{content:"→";color:var(--zx-mint);font-weight:800;flex-shrink:0}.kc-category-card:hover .kc-category-articles li{color:var(--zx-text-2)}.kc-support{margin-top:56px;position:relative;overflow:hidden;border-radius:var(--zx-radius-lg);border:1px solid var(--zx-border);background:radial-gradient(900px 240px at 0 0,rgba(34,211,165,.1),transparent 60%),radial-gradient(600px 200px at 100% 100%,rgba(96,165,250,.08),transparent 60%),var(--zx-surface);box-shadow:var(--zx-card-shadow);padding:38px clamp(22px,4vw,44px);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(180px,.6fr);gap:24px;align-items:center}[data-theme=dark] .kc-support{background:radial-gradient(900px 240px at 0 0,rgba(34,211,165,.16),transparent 60%),radial-gradient(600px 200px at 100% 100%,rgba(96,165,250,.14),transparent 60%),var(--zx-surface)}@media (max-width:760px){.kc-support{grid-template-columns:1fr;padding:28px 20px}.kc-support-mascot{display:none}}.kc-support-title{margin:0 0 10px;font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:850;letter-spacing:-.025em;color:var(--zx-text)}.kc-support-text{margin:0 0 18px;color:var(--zx-text-2);font-size:1rem;line-height:1.65;max-width:50ch}.kc-support-cta{display:flex;flex-wrap:wrap;gap:10px}.kc-support-mascot{display:flex;justify-content:center}.kc-support-mascot img{width:100%;max-width:200px;height:auto}.kc-back{display:inline-flex;align-items:center;gap:6px;color:var(--zx-muted);font-size:.86rem;font-weight:700;text-decoration:none;margin-bottom:18px;transition:color .18s ease}.kc-back:hover{color:var(--zx-mint)}.kc-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.84rem;font-weight:600;color:var(--zx-muted);margin-bottom:16px}.kc-breadcrumb a{color:var(--zx-muted);text-decoration:none;transition:color .18s ease}.kc-breadcrumb a:hover{color:var(--zx-mint)}.kc-breadcrumb-sep{color:var(--zx-border-strong)}.kc-breadcrumb-current{color:var(--zx-text)}.kc-cat-hero{position:relative;overflow:hidden;border-radius:var(--zx-radius-lg);border:1px solid var(--zx-border);background:radial-gradient(800px 240px at 100% -40%,rgba(34,211,165,.1),transparent 60%),var(--zx-surface);box-shadow:var(--zx-card-shadow);padding:32px clamp(22px,4vw,42px);display:flex;align-items:center;gap:22px;margin-bottom:26px}[data-theme=dark] .kc-cat-hero{background:radial-gradient(800px 240px at 100% -40%,rgba(34,211,165,.16),transparent 60%),var(--zx-surface)}@media (max-width:600px){.kc-cat-hero{flex-direction:column;align-items:flex-start}}.kc-cat-hero-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:20px;background:rgba(34,211,165,.14);border:1px solid rgba(34,211,165,.42);color:var(--zx-mint-700)}[data-theme=dark] .kc-cat-hero-icon{color:var(--zx-mint);background:rgba(34,211,165,.18)}.kc-cat-hero-icon svg{width:38px;height:38px}.kc-cat-hero-text{min-width:0;flex:1}.kc-cat-hero-en{display:inline-block;font-size:.74rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--zx-mint-700);margin-bottom:8px}[data-theme=dark] .kc-cat-hero-en{color:var(--zx-mint)}.kc-cat-hero-title{margin:0 0 12px;font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:850;letter-spacing:-.035em;line-height:1.1;color:var(--zx-text)}.kc-cat-hero-desc{margin:0;color:var(--zx-text-2);font-size:1rem;line-height:1.7;max-width:70ch}.kc-article-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:22px;align-items:start}@media (max-width:860px){.kc-article-grid{grid-template-columns:1fr}}.kc-article-list{gap:12px}.kc-article-card,.kc-article-list{display:flex;flex-direction:column}.kc-article-card{gap:10px;padding:22px 24px 20px;border-radius:var(--zx-radius);background:var(--zx-surface);border:1px solid var(--zx-border);box-shadow:var(--zx-card-shadow);text-decoration:none;color:var(--zx-text);transition:all .18s ease}.kc-article-card:hover{transform:translateY(-1px);border-color:rgba(34,211,165,.4);box-shadow:0 12px 30px -16px rgba(15,23,41,.18)}[data-theme=dark] .kc-article-card:hover{box-shadow:0 14px 36px -10px rgba(0,0,0,.55)}.kc-article-meta{display:flex;flex-wrap:wrap;gap:8px}.kc-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:.74rem;font-weight:700;border:1px solid var(--zx-border);background:var(--zx-surface-2);color:var(--zx-text-2)}.kc-pill--beginner{background:rgba(34,211,165,.1);border-color:rgba(34,211,165,.34);color:var(--zx-mint-700)}[data-theme=dark] .kc-pill--beginner{color:#6ee7b7;background:rgba(34,211,165,.14)}.kc-pill--intermediate{background:rgba(96,165,250,.1);border-color:rgba(96,165,250,.34);color:#1d4ed8}[data-theme=dark] .kc-pill--intermediate{color:#93c5fd;background:rgba(96,165,250,.14)}.kc-pill--advanced{background:rgba(167,139,250,.1);border-color:rgba(167,139,250,.34);color:#6d28d9}[data-theme=dark] .kc-pill--advanced{color:#c4b5fd;background:rgba(167,139,250,.14)}.kc-pill--time{color:var(--zx-muted)}.kc-article-title{margin:0;font-size:1.18rem;font-weight:800;letter-spacing:-.02em;color:var(--zx-text)}.kc-article-desc{margin:0;color:var(--zx-text-2);font-size:.94rem;line-height:1.65}.kc-article-arrow{font-size:.86rem;font-weight:700;color:var(--zx-mint-700);margin-top:4px}[data-theme=dark] .kc-article-arrow{color:var(--zx-mint)}.kc-sidebar{position:sticky;top:92px;display:flex;flex-direction:column;gap:16px}.kc-side-card{border-radius:var(--zx-radius);border:1px solid var(--zx-border);background:var(--zx-surface);box-shadow:var(--zx-card-shadow);padding:18px 20px}.kc-side-title{margin:0 0 12px;font-size:.74rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--zx-muted)}.kc-side-nav{display:flex;flex-direction:column;gap:6px}.kc-side-nav-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-radius:10px;color:var(--zx-text-2);text-decoration:none;font-size:.88rem;font-weight:700;border:1px solid transparent;transition:all .18s ease}.kc-side-nav-link:hover{background:var(--zx-surface-2);border-color:var(--zx-border);color:var(--zx-text)}.kc-side-nav-link--active{background:rgba(34,211,165,.1);color:var(--zx-mint-700);border-color:rgba(34,211,165,.34)}[data-theme=dark] .kc-side-nav-link--active{background:rgba(34,211,165,.14);color:var(--zx-mint)}.kc-side-nav-link-count{font-size:.76rem;font-weight:700;color:var(--zx-muted)}.kc-side-nav-link--active .kc-side-nav-link-count{color:var(--zx-mint-700)}[data-theme=dark] .kc-side-nav-link--active .kc-side-nav-link-count{color:var(--zx-mint)}.kc-art-hero{position:relative;overflow:hidden;border-radius:var(--zx-radius-lg);border:1px solid var(--zx-border);background:radial-gradient(800px 200px at 100% 0,rgba(34,211,165,.1),transparent 60%),var(--zx-surface);box-shadow:var(--zx-card-shadow);padding:30px clamp(22px,4vw,40px);margin-bottom:26px}[data-theme=dark] .kc-art-hero{background:radial-gradient(800px 200px at 100% 0,rgba(34,211,165,.16),transparent 60%),var(--zx-surface)}.kc-art-hero-title{margin:0 0 14px;font-size:clamp(1.8rem,3.4vw,2.8rem);font-weight:850;letter-spacing:-.04em;line-height:1.1;color:var(--zx-text)}.kc-art-hero-desc{margin:0 0 18px;color:var(--zx-text-2);font-size:1.04rem;line-height:1.7;max-width:75ch}.kc-art-hero-meta{display:flex;flex-wrap:wrap;gap:8px}.kc-art-body{border:1px solid var(--zx-border);border-radius:var(--zx-radius);background:var(--zx-surface);box-shadow:var(--zx-card-shadow);padding:clamp(22px,4vw,36px)}.kc-art-body .knowledge-markdown{color:var(--zx-text-2)}.kc-art-body .knowledge-markdown h1,.kc-art-body .knowledge-markdown h2,.kc-art-body .knowledge-markdown h3{color:var(--zx-text)}.kc-art-body .knowledge-markdown h2{color:var(--zx-mint-700)}[data-theme=dark] .kc-art-body .knowledge-markdown h2{color:var(--zx-mint)}.kc-art-body .knowledge-markdown a{color:var(--zx-mint-700)}[data-theme=dark] .kc-art-body .knowledge-markdown a{color:var(--zx-mint)}.kc-art-body .knowledge-markdown code{background:var(--zx-surface-2);border-color:var(--zx-border);color:var(--zx-mint-700)}[data-theme=dark] .kc-art-body .knowledge-markdown code{color:var(--zx-mint)}.kc-art-body .knowledge-markdown blockquote{border-left-color:var(--zx-mint);background:rgba(34,211,165,.05);color:var(--zx-text-2)}