body{background:#f7f8fa;height:100vh}main{display:grid;grid-template-columns:224px 1fr;gap:16px;min-height:0}main aside{overflow:auto;background:white;padding:16px;box-shadow:0 0 10px #4d6ca01a,0 2px 6px #4d6ca033}main aside summary,main aside a{font-size:14px;line-height:36px;color:#3f485a;margin-bottom:4px;cursor:pointer}main aside summary:hover,main aside a:hover{color:#3b81e5}main aside a{text-decoration:none;display:block;border-radius:4px;padding-left:36px}main aside a.active{color:#3b81e5;background:#3B81E51A}main aside summary{list-style:none}main aside summary::-webkit-details-marker{display:none}main aside summary:after{content:url(/portal/arrow_down.svg);float:right}main aside details[open] summary:after{transform:rotate(180deg)}main .content{overflow:auto;margin-top:16px;background:white;padding:16px 24px;display:grid;grid-template-columns:1fr 200px;gap:16px}main .content article{min-width:0}main .content article .path{font-size:14px;color:#9199bd}main .content article .path span:last-child{color:#3f485a}main .content article .path a{text-decoration:none;font-size:14px;color:#9199bd}main .content article .path a:hover{color:#3b81e5}main .content article h1{margin-top:25px;font-size:24px;color:#242933;line-height:24px;font-weight:700;border-bottom:1px solid #E5E5E5;padding-bottom:16px}main .content article h2{font-size:20px;padding-top:20px}main .content article img{max-width:100%}main .content article pre{border:1px solid #e5e5e5;padding:8px;position:relative;white-space:pre}main .content article pre code{display:block;overflow:auto}main .content article pre button{position:absolute;background:url(/portal/copy_code.png);top:8px;right:16px;width:16px;height:16px;border:0;cursor:pointer}main .content article pre button:hover:after{position:absolute;right:-30px;top:-40px;content:"复制代码";color:#fff;background:rgba(51,51,51,.9);width:80px;line-height:36px;border-radius:8px}main .content article table{border-collapse:collapse;width:100%}main .content article table th,main .content article table td{border:1px solid #e5e5e5;padding:12px}main .content nav{height:fit-content;padding-top:147px;position:sticky;top:0;z-index:22}main .content nav input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;font-size:12px;color:#3f485a;line-height:30px;cursor:pointer;border-left:1px solid #E5E5E5;padding-left:16px;margin:0}main .content nav input:before{content:attr(data-name)}main .content nav input:checked{border-color:#3b81e5;color:#3b81e5}main .blcontent-text blockquote{margin:0 0 .85em;padding:0 15px;color:#858585;border-left:4px solid #e5e5e5}@media (max-width: 800px){main{grid-template-columns:1fr}main aside{display:none}main .content{display:block}main .content nav{display:none}}