.kb-post,.kb-list{padding-top:132px;padding-bottom:72px}.kb-wrap{max-width:860px}.kb-head{margin-bottom:34px}.kb-head h1{font-family:var(--font-head);font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.35;margin:12px 0 10px}.kb-cat{display:inline-block;font-family:var(--font-head);font-size:.8rem;color:var(--orange-2);background:var(--orange-soft);padding:4px 12px;border-radius:999px}.kb-meta{color:var(--ink-dim);font-size:.9rem}.kb-body{font-size:1.02rem;line-height:1.9}.kb-body h2,.kb-body h3,.kb-body h4{font-family:var(--font-head);line-height:1.4;margin:2em 0 .7em;scroll-margin-top:92px}.kb-body h2{font-size:1.4rem;border-left:4px solid var(--orange);padding-left:12px}.kb-body h3{font-size:1.15rem;color:var(--ink)}.kb-body p{margin:0 0 1.15em}.kb-body ul,.kb-body ol{margin:0 0 1.15em;padding-left:1.4em}.kb-body li{margin-bottom:.4em}.kb-body a{color:var(--orange-2);text-decoration:underline;text-underline-offset:3px}.kb-body a:hover{color:var(--orange)}.kb-body blockquote{margin:1.4em 0;padding:2px 18px;border-left:3px solid var(--line-2);color:var(--ink-dim)}.kb-body hr{border:0;border-top:1px solid var(--line);margin:2.2em 0}.kb-code{position:relative;margin:0 0 1.4em}.kb-body pre{background:#0f1319;border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin:0 0 1.4em;overflow-x:auto;-webkit-overflow-scrolling:touch}.kb-code pre{margin:0}.kb-body pre code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.875rem;line-height:1.7;color:#d8e0ea;white-space:pre;tab-size:2}.kb-body :not(pre)>code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.88em;background:var(--panel-2);border:1px solid var(--line);border-radius:5px;padding:1px 6px;color:#ffd9c2}.kb-copy{position:absolute;top:8px;right:8px;font-family:var(--font-head);font-size:.72rem;color:var(--ink-dim);background:var(--panel);border:1px solid var(--line-2);border-radius:7px;padding:4px 10px;cursor:pointer;opacity:0;transition:.18s}.kb-code:hover .kb-copy,.kb-copy:focus-visible{opacity:1}.kb-copy:hover{color:var(--ink);border-color:var(--orange)}.kb-table{overflow-x:auto;margin:0 0 1.5em;border:1px solid var(--line);border-radius:10px}.kb-table table{border-collapse:collapse;width:100%;min-width:460px;font-size:.93rem}.kb-table th,.kb-table td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:left}.kb-table th{background:var(--panel-2);font-family:var(--font-head);font-weight:600}.kb-table tr:last-child td{border-bottom:0}.kb-toc{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px;margin:0 0 34px}.kb-toc-title{font-family:var(--font-head);font-weight:600;color:var(--ink);margin:0 0 10px}.kb-toc ol{margin:0;padding-left:1.2em;color:var(--ink-dim)}.kb-toc li{margin-bottom:6px;font-size:.94rem}.kb-toc a{color:var(--ink-dim);text-decoration:none}.kb-toc a:hover{color:var(--orange-2);text-decoration:underline}.kb-crumb{display:flex;flex-wrap:wrap;gap:8px;font-size:.85rem;color:var(--ink-dim);margin-bottom:16px}.kb-crumb a{color:var(--ink-dim);text-decoration:none}.kb-crumb a:hover{color:var(--orange-2);text-decoration:underline}.kb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:44px}.kb-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px 20px;transition:.22s;display:flex;flex-direction:column;gap:10px}.kb-card:hover{transform:translateY(-4px);border-color:var(--line-2);background:var(--panel-2)}.kb-card h2{font-family:var(--font-head);font-size:1.05rem;line-height:1.45;margin:0}.kb-card h2 a{color:var(--ink);text-decoration:none}.kb-card:hover h2 a{color:var(--orange-2)}.kb-card-cat{align-self:flex-start;font-family:var(--font-head);font-size:.74rem;color:var(--orange-2);background:var(--orange-soft);padding:3px 10px;border-radius:999px;text-decoration:none}.kb-card-desc{color:var(--ink-dim);font-size:.9rem;line-height:1.7;margin:0;flex:1}.kb-card-date{color:var(--ink-dim);font-size:.78rem;margin:0}.kb-cats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px}.kb-cats a{font-family:var(--font-head);font-size:.85rem;color:var(--ink-dim);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:7px 15px;text-decoration:none;transition:.18s}.kb-cats a:hover{color:var(--ink);border-color:var(--orange)}.kb-cats b{color:var(--orange-2);font-weight:600}.kb-pager{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.kb-pager ol{display:flex;gap:6px;list-style:none;margin:0;padding:0}.kb-pager a,.kb-pager-cur,.kb-pager-gap{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border-radius:9px;font-family:var(--font-head);font-size:.9rem;text-decoration:none}.kb-pager a{color:var(--ink-dim);border:1px solid var(--line)}.kb-pager a:hover{color:var(--ink);border-color:var(--orange)}.kb-pager-cur{background:var(--orange);color:#fff}.kb-pager-gap{color:var(--ink-dim)}@media(max-width:900px){.kb-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.kb-grid{grid-template-columns:1fr}.kb-post,.kb-list{padding-top:108px}}.sec-head h1{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:700;letter-spacing:-.01em}.kb-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:40px 0 0;padding-top:24px;border-top:1px solid var(--line)}.kb-tags-label{font-family:var(--font-head);font-size:.82rem;color:var(--ink-dim);margin-right:4px}.kb-tags a{font-size:.82rem;color:var(--ink-dim);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:5px 13px;text-decoration:none;transition:.18s}.kb-tags a:hover{color:var(--ink);border-color:var(--orange)}.kb-related{margin-top:44px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px}.kb-related h2{font-family:var(--font-head);font-size:1.05rem;margin:0 0 14px}.kb-related ul{margin:0 0 14px;padding-left:1.2em}.kb-related li{margin-bottom:8px;font-size:.94rem}.kb-related a{color:var(--ink-dim);text-decoration:none}.kb-related a:hover{color:var(--orange-2);text-decoration:underline}.kb-related-more{font-family:var(--font-head);font-size:.87rem;color:var(--orange-2)}.kb-intro{display:grid;align-items:center;margin-bottom:34px}.kb-hook{display:flex;align-items:center;gap:16px;margin:0}.kb-hook-cat{flex:none}.kb-hook:hover .kb-hook-cat .head-tilt{transform:rotate(-5deg)}.kb-hook-say{color:var(--ink-dim);font-size:.94rem;line-height:1.75;margin:0}.kb-search{position:relative;margin:0}.kb-search-input{width:100%;font-family:var(--font-body);font-size:.98rem;color:var(--ink);background:var(--panel);border:1px solid var(--line-2);border-radius:11px;padding:13px 18px;outline:none;transition:.18s}.kb-search-input::placeholder{color:var(--ink-dim)}.kb-search-input:focus{border-color:var(--orange);background:var(--panel-2)}.kb-search-result{position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:95;max-height:min(62vh,440px);overflow-y:auto;background:var(--panel);border:1px solid var(--line-2);border-radius:var(--radius);padding:16px 20px;box-shadow:0 20px 44px #00000080}.kb-search-empty a{color:var(--orange-2)}.kb-search-count{font-family:var(--font-head);font-size:.84rem;color:var(--ink-dim);margin:0 0 10px}.kb-search-empty{color:var(--ink-dim);font-size:.94rem;margin:0}.kb-search-result ul{list-style:none;margin:0;padding:0}.kb-search-result li{padding:9px 0;border-top:1px solid var(--line)}.kb-search-result li:first-child{border-top:0}.kb-search-result a{display:block;color:var(--ink);text-decoration:none;font-size:.95rem}.kb-search-result a:hover{color:var(--orange-2)}.kb-search-result span{display:block;color:var(--ink-dim);font-size:.82rem;margin-top:3px}@media(max-width:860px){.kb-intro{gap:18px}.kb-hook-cat{width:96px}}@media(min-width:861px){.kb-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}.kb-hook-cat{width:128px}}