.sidebar{position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto;border-right:1px solid var(--border-subtle);background:var(--surface-secondary);padding:20px 0;scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.sb-group{margin-bottom:20px}.sb-group-title{font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);padding:0 20px;margin-bottom:6px}.sb-items{display:flex;flex-direction:column}.sb-item{display:flex;align-items:center;gap:8px;padding:6px 20px;font-size:13px;color:var(--text-muted);text-decoration:none;transition:all .08s;border-left:2px solid transparent;cursor:pointer}.sb-item:hover{color:var(--text-secondary);background:var(--tab-hover-bg)}.sb-item.act{color:var(--accent);border-left-color:var(--accent);background:rgba(var(--accent-rgb),.03);font-weight:600}.sb-item .ico{font-size:13px;width:16px;text-align:center;flex-shrink:0}.sb-item .new-tag{font-family:var(--font-mono);font-size:7px;font-weight:800;padding:1px 4px;border-radius:2px;background:var(--purple-bg);border:1px solid rgba(var(--purple-rgb),.18);color:var(--purple);margin-left:auto;text-transform:uppercase;letter-spacing:.5px}.sb-item .live-tag{font-family:var(--font-mono);font-size:7px;font-weight:800;padding:1px 4px;border-radius:2px;background:var(--accent-bg);border:1px solid rgba(var(--accent-rgb),.18);color:var(--accent);margin-left:auto;text-transform:uppercase;letter-spacing:.5px}.sb-sub{display:flex;flex-direction:column}.sb-sub .sb-item{padding-left:44px;font-size:12.5px}.layout{display:grid;grid-template-columns:240px 1fr 380px;margin-top:56px;min-height:calc(100vh - 56px)}.content{padding:32px 36px 80px;max-width:100%;overflow-x:hidden;border-right:1px solid var(--border-subtle)}.breadcrumbs{display:flex;align-items:center;gap:6px;margin-bottom:20px;font-size:12px}.breadcrumbs a{color:var(--text-muted);text-decoration:none;transition:color .1s}.breadcrumbs a:hover{color:var(--text-secondary)}.breadcrumbs .sep{color:var(--border-light)}.breadcrumbs .cur{color:var(--text-secondary);font-weight:600}.content h1{font-size:32px;font-weight:900;letter-spacing:-1.5px;margin-bottom:8px;line-height:1.15}.content .subtitle{font-size:15px;color:var(--text-secondary);margin-bottom:28px;line-height:1.65;max-width:540px}.content h2{font-size:20px;font-weight:800;letter-spacing:-.5px;margin:36px 0 12px;padding-top:24px;border-top:1px solid var(--border-default);line-height:1.2}.content h2:first-of-type{margin-top:0;padding-top:0;border-top:none}.content h3{font-size:16px;font-weight:700;letter-spacing:-.2px;margin:24px 0 8px}.content p{font-size:14px;color:var(--text-secondary);line-height:1.75;margin-bottom:16px;max-width:580px}.content p code,.content li code{font-family:var(--font-mono);font-size:12px;background:var(--surface-card);border:1px solid var(--border-default);padding:1px 6px;border-radius:4px;color:var(--accent);white-space:nowrap}.content strong{color:var(--text-primary);font-weight:600}.content a{color:var(--info);text-decoration:none;border-bottom:1px solid rgba(var(--info-rgb),.2);transition:border-color .1s}.content a:hover{border-color:var(--info)}.how-it-works{display:flex;flex-direction:column;gap:16px;margin:20px 0 32px}.hiw-step{display:flex;gap:14px;align-items:flex-start}.hiw-num{width:32px;height:32px;border-radius:50%;background:var(--accent-bg);border:1px solid rgba(var(--accent-rgb),.2);color:var(--accent);font-family:var(--font-mono);font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.hiw-content{flex:1}.hiw-title{font-size:15px;font-weight:700;letter-spacing:-.2px;margin:0 0 6px;color:var(--text-primary)}.hiw-desc{font-size:13px;color:var(--text-secondary);line-height:1.65;margin:0}.hiw-desc code{font-family:var(--font-mono);font-size:11.5px;background:var(--surface-card);border:1px solid var(--border-default);padding:1px 5px;border-radius:4px;color:var(--accent)}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 28px}.cap-card{display:flex;flex-direction:column;padding:16px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:10px;text-decoration:none;transition:all .15s;cursor:pointer}.cap-card:hover{border-color:var(--border-light);background:var(--surface-card-hover);transform:translateY(-1px)}.cap-icon{font-size:24px;margin-bottom:10px}.cap-title{font-size:14px;font-weight:700;letter-spacing:-.2px;margin:0 0 5px;color:var(--text-primary)}.cap-desc{font-size:12px;color:var(--text-muted);line-height:1.55;margin:0}.ql-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0 28px}.ql-card{display:flex;gap:12px;padding:14px 16px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:10px;text-decoration:none;transition:all .15s;cursor:pointer;align-items:center}.ql-card:hover{border-color:var(--border-light);background:var(--surface-card-hover)}.ql-icon{font-size:22px;flex-shrink:0}.ql-content{flex:1}.ql-title{font-size:14px;font-weight:700;letter-spacing:-.2px;margin:0 0 3px;color:var(--text-primary)}.ql-desc{font-size:11.5px;color:var(--text-muted);line-height:1.5;margin:0}.callout{display:flex;gap:12px;padding:14px 16px;border-radius:8px;margin:16px 0 20px;font-size:13px;line-height:1.6}.callout .c-icon{font-size:16px;flex-shrink:0;margin-top:1px}.callout .c-body{flex:1;color:var(--text-secondary)}.callout .c-body strong{font-weight:700}.callout.c-info{background:var(--info-bg);border:1px solid rgba(var(--info-rgb),.18)}.callout.c-tip{background:var(--accent-bg);border:1px solid rgba(var(--accent-rgb),.18)}.callout.c-warn{background:var(--warning-bg);border:1px solid rgba(var(--warning-rgb),.16)}.callout.c-danger{background:var(--danger-bg);border:1px solid rgba(var(--danger-rgb),.18)}.param-table{width:100%;border-collapse:collapse;margin:12px 0 24px;font-size:13px}.param-table th{text-align:left;font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:8px 0;border-bottom:1px solid var(--border-default)}.param-table td{padding:10px 0;border-bottom:1px solid var(--toc-border);vertical-align:top}.param-table tr:last-child td{border-bottom:none}.pm-name{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-primary)}.pm-required{font-family:var(--font-mono);font-size:8px;font-weight:800;color:var(--danger);text-transform:uppercase;letter-spacing:.5px;margin-left:6px;vertical-align:super}.pm-type{font-family:var(--font-mono);font-size:11px;color:var(--purple);font-weight:500}.pm-desc{color:var(--text-secondary);font-size:12.5px;line-height:1.6}.pm-desc code{font-family:var(--font-mono);font-size:11px;background:var(--surface-card);border:1px solid var(--border-default);padding:1px 5px;border-radius:4px;color:var(--accent)}.pm-default{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);margin-top:3px;display:block}.resp-field{padding:10px 0;border-bottom:1px solid var(--toc-border)}.resp-field:last-child{border-bottom:none}.rf-row{display:flex;align-items:baseline;gap:8px;margin-bottom:3px}.rf-name{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-primary)}.rf-type{font-family:var(--font-mono);font-size:10px;color:var(--purple);font-weight:500}.rf-desc{font-size:12px;color:var(--text-muted);line-height:1.55}.rf-desc a{color:var(--info);text-decoration:none;border-bottom:1px solid rgba(var(--info-rgb),.2)}.rf-desc a:hover{border-color:var(--info)}.endpoint{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:8px;margin:8px 0 20px;font-family:var(--font-mono);font-size:12.5px}.ep-method{font-size:10px;font-weight:800;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.ep-get{background:rgba(var(--accent-rgb),.12);color:var(--accent)}.ep-post{background:rgba(var(--info-rgb),.12);color:var(--info)}.ep-put{background:rgba(var(--warning-rgb),.12);color:var(--warning)}.ep-del{background:rgba(var(--danger-rgb),.12);color:var(--danger)}.ep-path{color:var(--text-secondary);font-weight:500}.ep-path span{color:var(--warning)}.pn-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:48px;padding-top:24px;border-top:1px solid var(--border-default)}.pn-card{display:flex;flex-direction:column;padding:16px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:10px;text-decoration:none;color:inherit;transition:all .15s}.pn-card:hover{border-color:var(--border-light);background:var(--surface-card-hover)}.pn-empty{background:transparent;border:none;cursor:default}.pn-empty:hover{background:transparent;border:none}.pn-dir{font-size:11px;color:var(--text-muted);font-weight:600;margin-bottom:4px}.pn-title{font-size:14px;font-weight:700;color:var(--info);letter-spacing:-.2px}.pn-card.next{text-align:right;align-items:flex-end}.feedback{display:flex;align-items:center;gap:12px;margin-top:32px;padding:14px 0;border-top:1px solid var(--border-default)}.feedback span{font-size:13px;color:var(--text-muted)}.fb-btns{display:flex;gap:6px}.fb-btn{padding:5px 14px;border-radius:6px;font-size:12px;font-weight:600;color:var(--text-muted);background:var(--surface-card);border:1px solid var(--border-default);cursor:pointer;transition:all .12s;font-family:var(--font-display)}.fb-btn:hover{border-color:var(--border-light);color:var(--text-secondary)}.fb-edit{margin-left:auto;font-size:12px;color:var(--text-muted);text-decoration:none;display:flex;align-items:center;gap:4px;transition:color .1s}.fb-edit:hover{color:var(--text-secondary)}.code-panel{position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto;background:var(--surface-tertiary);padding:0;scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}.code-panel::-webkit-scrollbar{width:3px}.code-panel::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.lang-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;padding:10px 16px;background:rgba(var(--surface-primary-rgb),.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-subtle);gap:4px}.lang-btn{padding:4px 10px;border-radius:5px;font-size:11px;font-weight:600;color:var(--text-muted);cursor:pointer;border:none;background:transparent;font-family:var(--font-display);transition:all .1s}.lang-btn:hover{color:var(--text-secondary)}.lang-btn.active{color:var(--text-primary);background:var(--surface-card)}.lang-bar-r{margin-left:auto;font-family:var(--font-mono);font-size:9px;color:var(--text-muted);font-weight:600}.code-section{padding:20px 16px;border-bottom:1px solid var(--border-subtle)}.cs-label{font-weight:700;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-mono);font-size:9px}.code-block{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:8px;overflow:hidden}.cb-head{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid var(--border-default);background:rgba(var(--surface-primary-rgb),.5)}.cb-file{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);font-weight:500;display:flex;align-items:center;gap:6px}.cb-file .dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.cb-file .dot-g{background:var(--accent)}.cb-file .dot-b{background:var(--info)}.cb-file .dot-p{background:var(--purple)}.cb-file .dot-w{background:var(--warning)}.cb-file .dot-r{background:var(--danger)}.cb-copy{font-family:var(--font-mono);font-size:9px;font-weight:600;padding:3px 8px;border-radius:4px;background:transparent;border:1px solid var(--border-default);color:var(--text-muted);cursor:pointer;transition:all .1s}.cb-copy:hover{border-color:var(--border-light);color:var(--text-secondary)}pre.code{padding:14px 16px;font-family:var(--font-mono);font-size:11.5px;line-height:1.85;color:var(--text-secondary);overflow-x:auto;margin:0;white-space:pre}pre.code .kw{color:var(--purple)}.code .fn{color:var(--info)}.code .str{color:var(--accent)}.code .cm{color:var(--text-muted)}.code .n{color:var(--warning)}.code .prop{color:var(--danger)}.code .op{color:var(--text-muted)}.code .tp{color:var(--cyan)}.resp-block{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:8px;overflow:hidden}.resp-head{display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid var(--border-default);background:rgba(var(--surface-primary-rgb),.5)}.resp-dot{width:7px;height:7px;border-radius:50%}.resp-dot.ok{background:var(--accent)}.resp-dot.err{background:var(--danger)}.resp-status{font-family:var(--font-mono);font-size:11px;font-weight:700}.rs-2{color:var(--accent)}.rs-4{color:var(--danger)}.resp-label{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);margin-left:auto}pre.resp{padding:14px 16px;font-family:var(--font-mono);font-size:11px;line-height:1.85;color:var(--text-secondary);overflow-x:auto;margin:0;white-space:pre}pre.resp .k{color:var(--info)}.resp .s{color:var(--accent)}.resp .n{color:var(--warning)}.resp .b{color:var(--danger)}.resp .bt{color:var(--accent)}.resp .cm{color:var(--text-muted)}.try-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:7px;font-size:11px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .12s;margin:8px 0 0;width:100%}.try-badge:hover{border-color:var(--accent);color:var(--accent)}.try-badge .play{width:16px;height:16px;border-radius:50%;background:var(--accent-bg);border:1px solid rgba(var(--accent-rgb),.18);display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--accent);flex-shrink:0}@media(max-width:1200px){.layout{grid-template-columns:240px 1fr 340px}.cap-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.layout{grid-template-columns:1fr}.sidebar,.code-panel{display:none}.content{padding:24px 24px 60px;border-right:none}.content h1{font-size:26px}.cap-grid{grid-template-columns:repeat(2,1fr)}.ql-grid{grid-template-columns:1fr}}@media(max-width:768px){.layout{margin-top:48px}.content{padding:20px 16px 48px}.cap-grid{grid-template-columns:1fr}.how-it-works{gap:20px}}@media(max-width:480px){.layout{margin-top:44px}.content{padding:16px 12px 40px}.content h1{font-size:22px}.content h2{font-size:17px}pre.code{font-size:11px;padding:12px}.pn-nav{grid-template-columns:1fr}}