:root{--ink:#101c35;--muted:#54647b;--blue:#245fe5;--blue-deep:#174abb;--paper:#f7f9fc;--line:#dbe3ed;--radius:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;line-height:1.75}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a,input,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;height:auto;display:block}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}[hidden]{display:none!important}
.skip-link{position:fixed;z-index:100;left:20px;top:-100px;background:var(--ink);color:#fff;padding:12px 20px;border-radius:12px}.skip-link:focus{top:12px}.guide-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px max(24px,calc((100vw - 1280px)/2));position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(247,249,252,.94);backdrop-filter:blur(14px)}.brand{display:inline-flex;gap:10px;align-items:center;font-size:21px;font-weight:800;text-decoration:none;letter-spacing:-.04em;white-space:nowrap}.guide-header nav,.guide-footer nav{display:flex;align-items:center;gap:26px;font-size:14px}.guide-header nav>a{text-decoration:none}.guide-header nav>a[aria-current]{color:var(--blue);font-weight:750}.guide-header nav>a:hover,.guide-footer a:hover{color:var(--blue)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--blue);color:#fff;min-height:50px;padding:10px 23px;border-radius:12px;font-size:15px;text-decoration:none;font-weight:700;border:1px solid transparent;transition:background .18s,transform .18s}.button:hover{background:var(--blue-deep);color:#fff;transform:translateY(-2px)}.button.small{min-height:42px;font-size:13px;padding:8px 17px;gap:16px}.text-link{font-size:15px;text-decoration:none;font-weight:650}.text-link span{margin-left:12px}.guide-hero,.video-section,.guide-layout,.guide-footer{width:min(calc(100% - 64px),1280px);margin-inline:auto}.guide-hero{padding:84px 0 66px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);align-items:center;gap:70px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.14em;color:var(--blue);margin:0 0 12px}.guide-hero h1{font-size:clamp(35px,4.8vw,66px);font-weight:780;letter-spacing:-.06em;line-height:1.2;margin:0}.hero-lead{font-size:19px;color:var(--muted);line-height:1.9;margin:25px 0 29px}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.hero-note{color:var(--muted);font-size:12px;margin-top:22px}.hero-index{border-top:1px solid var(--line)}.index-label{display:block;font-size:11px;color:var(--muted);letter-spacing:.07em;font-weight:700;padding:18px 0}.hero-index>a{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:20px 0;text-decoration:none;transition:color .18s}.hero-index>a:hover{color:var(--blue)}.index-number{font:13px/1.6 ui-monospace,Consolas,monospace;color:var(--blue)}.hero-index strong{display:block;font-size:16px;line-height:1.5}.hero-index small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.hero-index>a>span:last-child{margin-left:auto;font-size:20px}
.video-section{border-top:1px solid var(--line);padding:38px 0 65px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:26px}.section-heading h2{font-size:30px;letter-spacing:-.035em;line-height:1.3;margin:0}.section-heading>p{font-size:13px;color:var(--muted);margin:0}.video-shell{position:relative;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#101c35;box-shadow:0 18px 60px rgba(16,28,53,.08)}.video-shell video{width:100%;max-height:660px;aspect-ratio:16/9;display:block;object-fit:contain}.video-chapters{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.video-chapters button{font-size:12px;padding:8px 13px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--muted);min-height:40px}.video-chapters button:hover{border-color:var(--blue);color:var(--blue);background:#edf3ff}.capture-note{font-size:11px;color:var(--muted);line-height:1.75;margin:14px 0 0}.video-error{padding:12px 20px;background:#fff4de;color:#69441a;font-size:14px;margin:0}
.guide-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:70px;align-items:start;border-top:1px solid var(--line)}.guide-sidebar{position:sticky;top:101px;max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:thin;padding-top:22px}.guide-toc>a{display:flex;gap:14px;align-items:center;text-decoration:none;color:var(--muted);font-size:13px;padding:10px 0;min-height:40px;border-radius:8px}.guide-toc>a>span{font:11px ui-monospace,Consolas,monospace;color:#76849a}.guide-toc>a[aria-current="location"],.guide-toc>a:hover{color:var(--blue);font-weight:700}.guide-toc>a[aria-current="location"]>span{color:var(--blue)}.sidebar-support{border-top:1px solid var(--line);margin-top:28px;padding-top:22px;font-size:12px}.sidebar-support strong{font-size:13px}.sidebar-support p{color:var(--muted)}.sidebar-support a{color:var(--blue);text-decoration:none;font-weight:650}.guide-body{min-width:0}.guide-step{padding:50px 0 55px;border-bottom:1px solid var(--line);scroll-margin-top:16px}.step-heading{display:flex;align-items:center;gap:18px;margin-bottom:26px}.step-number{font:18px ui-monospace,Consolas,monospace;color:var(--blue);width:47px;height:47px;border:1px solid #cad9f4;border-radius:50%;display:grid;place-items:center;flex:0 0 47px}.step-heading .eyebrow{margin-bottom:5px;font-size:10px}.step-heading h2{font-size:29px;letter-spacing:-.035em;line-height:1.35;margin:0}.guide-step>p{font-size:15px;color:var(--muted);max-width:760px}.guide-step p{overflow-wrap:anywhere}.requirements{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:25px 0}.requirements>div{padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;gap:8px}.requirements strong{font-size:14px}.requirements span{font-size:13px;color:var(--muted)}.download-state{font-size:12px!important}.download-state.error{color:#995211}.guide-downloads{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:17px 0 25px}.download-card{padding:20px;background:#fff;border:1px solid var(--line);border-radius:15px;min-width:0}.download-card h3{font-size:17px;line-height:1.4;margin:0 0 9px}.download-card p{margin:4px 0;font-size:12px;color:var(--muted)}.download-card .button{font-size:13px;min-height:42px;margin:14px 0 8px}.download-card details{font-size:11px;color:var(--muted)}.download-card summary{cursor:pointer}.download-card code{display:block;word-break:break-all;overflow-wrap:anywhere;font-size:10px;margin:9px 0}.download-placeholder{font-size:13px;padding:20px;color:var(--muted);grid-column:1/-1}.connector-download{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px;padding:12px 17px;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}.connector-download a{font-weight:700;color:var(--blue)}
.steps-list{padding-left:24px;margin:22px 0;color:var(--muted);font-size:14px}.steps-list>li{padding-left:5px;margin-bottom:16px}.steps-list>li::marker{font-weight:800;color:var(--blue)}.steps-list strong{color:var(--ink);font-weight:700}.advanced-install{border:1px solid var(--line);background:#fff;border-radius:14px;margin-top:24px}.advanced-install>summary{padding:17px 20px;cursor:pointer;font-size:14px;font-weight:700}.details-body{padding:0 20px 20px;font-size:13px;color:var(--muted)}pre{padding:20px;background:#142039;color:#e4ecff;border-radius:12px;overflow:auto;max-width:100%;line-height:1.8;font:11px/1.8 ui-monospace,Consolas,monospace;tab-size:2}pre code{font:inherit;white-space:pre}p code{font:12px ui-monospace,Consolas,monospace;color:var(--ink)}.copy-button{min-height:40px;border:1px solid var(--line);background:#f5f8fd;color:var(--ink);padding:8px 14px;border-radius:8px;font-size:12px}.copy-button:hover{border-color:var(--blue);color:var(--blue)}.callout{background:#ecf2fc;border:1px solid #dce6f7;border-radius:14px;padding:19px 22px;margin:25px 0}.callout>strong{font-size:14px;line-height:1.5;display:block}.callout>p{font-size:13px;color:var(--muted);margin:7px 0 0;line-height:1.8}.callout.important{background:#fff6e7;border-color:#f0ddba}.callout.important>strong{color:#704a11}.callout.important>p{color:#725c38}
.wide-shot{margin:27px 0}.wide-shot>a{display:block;padding:20px;background:#eef1f7;border:1px solid var(--line);border-radius:18px}.wide-shot img{width:100%;max-width:720px;margin:auto;object-fit:contain;border-radius:7px;box-shadow:0 8px 30px rgba(16,28,53,.08)}figure figcaption{font-size:11px;color:var(--muted);margin-top:13px;text-align:center;line-height:1.7}.step-with-shot{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:34px;align-items:start}.step-with-shot>div>p{color:var(--muted);font-size:14px;margin-top:0}.phone-shot{margin:0;min-width:0}.phone-shot>a{display:block;border:1px solid var(--line);background:#edf1f7;border-radius:20px;padding:10px;overflow:hidden;transition:border-color .18s,transform .18s}.phone-shot>a:hover{border-color:var(--blue);transform:translateY(-3px)}.phone-shot img{width:100%;border-radius:13px;object-fit:contain}.two-shots{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:620px;margin:28px auto}.optional-shot{max-width:300px;margin:26px auto}.decision-list>div{padding:15px 0;border-bottom:1px solid var(--line)}.decision-list strong{font-size:14px}.decision-list p{color:var(--muted);font-size:13px;margin:7px 0 0}.small-note{font-size:12px!important;color:var(--muted);line-height:1.8}.plain-list{padding-left:20px;color:var(--muted);font-size:14px}.plain-list li{padding-left:5px;margin:12px 0}.step-with-shot.compact{grid-template-columns:minmax(0,1fr) 200px}.faq-search{display:block;margin-top:28px;color:var(--ink);font-size:12px;font-weight:700}.faq-search input{display:block;width:100%;min-height:46px;margin-top:9px;border:1px solid #cad4e2;background:#fff;color:var(--ink);border-radius:9px;padding:10px 14px;font-size:14px}.faq-list{display:grid;gap:8px;margin-top:30px}.faq-list>details{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.faq-list summary{padding:17px 20px;font-size:14px;font-weight:650;cursor:pointer}.faq-list summary:hover{color:var(--blue)}.faq-list details>p{font-size:13px;color:var(--muted);padding:0 20px 19px;margin:0;line-height:1.9}.support-finish{margin-top:32px;background:#eaf0fc;border:1px solid #d9e4f6;padding:28px;border-radius:18px}.support-finish h3{font-size:21px;letter-spacing:-.025em;margin:0}.support-finish p{font-size:13px;color:var(--muted);max-width:560px;margin:10px 0 19px}.guide-date{font-size:11px;color:var(--muted);padding:24px 0 50px;line-height:1.9}.guide-footer{border-top:1px solid var(--line);padding:30px 0;display:flex;align-items:center;gap:25px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.guide-footer .brand{font-size:18px;color:var(--ink)}.guide-footer nav{margin-left:auto;font-size:12px;gap:20px}.guide-footer nav>a{text-decoration:none}.guide-footer>small{width:100%;font-size:11px}.back-top{position:fixed;right:20px;bottom:24px;z-index:10;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:50%;text-decoration:none;color:var(--muted);box-shadow:0 6px 20px rgba(16,28,53,.06)}
dialog{border:1px solid var(--line);border-radius:18px;background:var(--paper);width:min(calc(100vw - 32px),980px);max-height:92vh;padding:54px 22px 22px;color:var(--ink)}dialog::backdrop{background:rgba(5,13,28,.8)}.close-screenshot{position:absolute;right:18px;top:13px;padding:7px 13px;min-height:36px;background:#fff;border:1px solid var(--line);border-radius:8px;font-size:12px}.screenshot-scroll{max-height:68vh;overflow:auto;overscroll-behavior:contain;background:#e7ecf4;border-radius:10px}.screenshot-scroll img{width:min(100%,750px);height:auto;margin:auto}.screenshot-scroll img.portrait{width:min(100%,600px);min-width:380px}dialog>p{font-size:12px;color:var(--muted);line-height:1.8;margin:14px 0 9px}dialog>a{font-size:12px;color:var(--blue)}.screenshot-open{overflow:hidden}
@media(max-width:1050px){.guide-hero{gap:35px;grid-template-columns:1.3fr 1fr}.guide-layout{grid-template-columns:175px minmax(0,1fr);gap:32px}.step-with-shot{grid-template-columns:minmax(0,1fr) 205px;gap:25px}.guide-header nav{gap:20px}.hero-lead{font-size:17px}.step-heading h2{font-size:27px}}
@media(max-width:780px){html{scroll-padding-top:82px}.guide-header{padding:13px 20px;gap:15px}.guide-header .brand{font-size:19px}.guide-header nav{gap:14px;font-size:12px}.guide-header nav>a:first-child,.guide-header nav>a[href="/khlink/account"]{display:none}.guide-header .button{font-size:12px;gap:8px;padding:7px 12px;min-height:38px}.guide-hero,.video-section,.guide-layout,.guide-footer{width:calc(100% - 40px)}.guide-hero{display:block;padding:50px 0 38px}.guide-hero h1{font-size:clamp(33px,7vw,49px)}.hero-lead{font-size:16px;margin:20px 0 23px}.hero-actions{gap:22px}.hero-index{margin-top:36px}.hero-index>a{padding:16px 0}.hero-note{font-size:11px}.video-section{padding:29px 0 38px}.section-heading{align-items:start;display:block;margin-bottom:20px}.section-heading>p{margin-top:12px}.section-heading h2{font-size:26px}.video-shell{border-radius:14px}.video-chapters{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.video-chapters button{font-size:11px;padding:9px 6px;text-align:center}.guide-layout{display:block}.guide-sidebar{position:static;max-height:none;padding-top:18px}.guide-toc{display:flex;overflow-x:auto;gap:8px;padding-bottom:12px;scrollbar-width:thin}.guide-toc>.index-label{display:none}.guide-toc>a{flex:0 0 auto;padding:9px 12px;background:#edf1f8;border:1px solid transparent;font-size:12px;gap:8px}.guide-toc>a[aria-current="location"]{border-color:#bccdef;background:#e6edfc}.sidebar-support{display:none}.guide-step{padding:32px 0 35px;scroll-margin-top:0}.step-heading{gap:13px;margin-bottom:22px}.step-number{width:40px;height:40px;flex-basis:40px;font-size:15px}.step-heading h2{font-size:24px}.step-heading .eyebrow{font-size:10px}.guide-step>p,.steps-list{font-size:14px}.requirements{grid-template-columns:1fr;gap:0;margin:20px 0}.requirements>div{padding:15px 0}.requirements>div+div{border-top:0}.guide-downloads{grid-template-columns:1fr}.download-card{padding:20px}.connector-download{display:block;line-height:1.9}.connector-download a{display:block;margin-top:6px}.step-with-shot,.step-with-shot.compact{display:block}.phone-shot{max-width:310px;margin:27px auto 0}.optional-shot{max-width:290px}.two-shots{grid-template-columns:1fr 1fr;gap:12px}.two-shots .phone-shot{margin:0}.two-shots .phone-shot>a{padding:6px;border-radius:13px}.two-shots .phone-shot img{border-radius:9px}.two-shots figcaption{font-size:10px}.wide-shot>a{padding:10px;border-radius:12px}.callout{padding:17px 18px}.advanced-install summary{font-size:13px;padding:15px 17px}.details-body{padding:0 17px 17px}pre{padding:15px;font-size:10px}.guide-footer{gap:12px 20px}.guide-footer>span{font-size:11px}.guide-footer nav{margin:7px 0 0;width:100%;justify-content:space-between}.back-top{right:12px;bottom:14px;width:37px;height:37px}.screenshot-scroll img.portrait{min-width:440px}dialog{padding-inline:12px}.support-finish{padding:23px}.support-finish h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.button:hover,.phone-shot>a:hover{transform:none}}
@media print{.guide-header,.guide-sidebar,.video-section,.guide-downloads,.back-top,dialog,.guide-footer{display:none}.guide-hero,.guide-layout{width:100%;display:block}.guide-hero{padding:10px 0 25px}.hero-index,.hero-actions,.hero-note{display:none}.guide-step{break-inside:avoid}.phone-shot{max-width:180px}.advanced-install:not([open]){display:none}}

[hidden]{display:none!important}.guide-header nav>.button:hover{color:#fff}
.agent-setup-list{display:grid;gap:24px;margin-top:28px}.agent-setup{border-top:1px solid var(--line);padding-top:22px;scroll-margin-top:100px;min-width:0}.agent-setup h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;font-size:24px;line-height:1.4;margin:0 0 16px}.agent-setup h3>span{font-size:13px;font-weight:500;color:var(--muted)}.agent-setup code{overflow-wrap:anywhere}.agent-setup summary{cursor:pointer;font-weight:650;color:var(--blue);padding-block:10px}.setup-success{border-left:3px solid var(--blue);padding:10px 15px;background:#edf3ff;border-radius:0 10px 10px 0}.example-prompt{border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin-top:22px;background:#fff}.example-prompt strong{font-size:12px;color:var(--muted)}.example-prompt p{font-size:18px;font-weight:600;line-height:1.7;margin:6px 0 15px}.example-prompt>span{display:block;font-size:12px;color:var(--muted);line-height:1.7}
@media(max-width:600px){.agent-setup h3{font-size:22px}.agent-setup h3>span{width:100%}.example-prompt{padding:16px}.example-prompt p{font-size:17px}.setup-success{padding:10px 12px}}

.chapter-picker{margin-top:18px;border-bottom:1px solid var(--line)}.chapter-picker summary{cursor:pointer;min-height:44px;padding:11px 2px;color:var(--blue);font-size:14px;font-weight:600}.chapter-picker .video-chapters{margin:8px 0 18px}.chapter-picker summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:4px}
