*{margin:0;padding:0;outline:0;box-sizing:border-box;background:transparent;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,"PingFang SC","等线","Microsoft YaHei UI","微软雅黑",Arial,sans-serif}html{-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}a{text-decoration:none}i{font-style:normal}i[tag]{color:#000080}i[attr]{color:#008080}i[value]{color:#dd2200}i.SourceCodePro{font-family:SourceCodePro}button{cursor:pointer;border:none;padding:0 10px;user-select:none;height:30px;line-height:30px;color:#fff;text-align:center;border-radius:2px;font-size:13px;transition:.2s}button.info{background:#1989fa}button.success{background:#07c160}button.warn{background:#ff976a}button.error{background:#ee0a24}button:hover{opacity:.85}button:active{opacity:1}body{background:#1f1f1f}@font-face{font-family:SourceCodePro;src:url("../fonts/SourceCodePro.ttf")}#container{margin:0 auto;width:1320px}header{color:#fff;margin-top:30px;cursor:default;user-select:none}header b{font-size:50px;display:inline-block}header span{font-size:16px;margin-left:8px}header div{float:right;margin-top:30px;display:flex;align-items:center;justify-content:flex-end}header div button{padding:0 10px;margin-left:5px}.pre,.pre *,.pre p{font-family:Consolas}.pre{color:#199EFC;display:block;overflow:hidden;width:100%;height:200px;font-size:13px;margin:15px 0 45px 0;border:#ddd solid 1px;border-radius:2px;background:#fafafa;padding:15px}.pre:hover{overflow-y:auto}.log-title{display:inline-block;height:24px;padding-bottom:5px;font-weight:bold;font-size:15px;color:#000}.log-title:not(:first-child){margin-top:15px}.main{background:#fff;border-radius:2px;padding:20px;margin:25px 0 40px;display:flex}.main:not(.method)>div{width:calc(100% / 3);padding-left:15px}.main:not(.method)>div:nth-child(1){padding-left:0}.main:not(.method)>div:nth-child(1) .demo .pre{width:calc(100% - 14px)}.main:not(.method)>div:nth-child(2){border-left:#e6e6e6 solid 1px;border-right:#e6e6e6 solid 1px;width:calc(100% / 3 - 2px);padding-right:15px}.main:not(.method) p.title{font-size:18px;font-weight:bold;margin-bottom:30px}.main:not(.method) p.subtitle{font-size:16px;font-weight:bold;margin-bottom:10px;color:#6d01b1}.main:not(.method) p.tip{font-size:13px;margin-bottom:10px;display:block;word-break:break-all;width:calc(100% - 5px);line-height:170%}.main:not(.method) .demo{float:left;width:100%}.main:not(.method) .demo:last-of-type .pre{margin-bottom:5px}.main:not(.method) .btn{margin-bottom:10px}.main:not(.method) .btn button{border:none;color:#fff;cursor:pointer;height:26px;line-height:26px}.main:not(.method) .btn button[disabled]{cursor:not-allowed;background:#e9e9e9;color:#aaa;border-color:#ccc}.main:not(.method) .btn button:not([disabled]):hover{opacity:.7}.main:not(.method) .btn button:not([disabled]):active{opacity:1}.main.method{display:block}.main.method h2{width:100%;font-size:20px;display:block;margin-bottom:20px}.main.method h2 span{font-size:12px}.main.method .pre{width:100%}.main.method .pre{height:240px;margin-bottom:20px}.public-layer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:99;background:rgba(0,0,0,0.75)}.public-layer .public-layer-wrapper{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#fff;border-radius:2px}.public-layer .public-layer-title{display:flex;align-items:center;justify-content:space-between;height:56px;font-weight:bold;padding:0 20px;border-bottom:#e3e3e3 solid 1px;user-select:none}.public-layer .public-layer-title span{font-size:18px}.public-layer .public-layer-title i{width:18px;height:18px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjExODI2MzUxODkwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE5NzciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTU3NC41NSA1MjIuMzVMOTA0LjQgMTkyLjVjMTYuNjUtMTYuNjUgMTYuNjUtNDQuMSAwLTYwLjc1bC0xLjgtMS44Yy0xNi42NS0xNi42NS00NC4xLTE2LjY1LTYwLjc1IDBMNTEyIDQ2MC4yNWwtMzI5Ljg1LTMzMC4zYy0xNi42NS0xNi42NS00NC4xLTE2LjY1LTYwLjc1IDBsLTEuOCAxLjhjLTE3LjEgMTYuNjUtMTcuMSA0NC4xIDAgNjAuNzVsMzI5Ljg1IDMyOS44NUwxMTkuNiA4NTIuMmMtMTYuNjUgMTYuNjUtMTYuNjUgNDQuMSAwIDYwLjc1bDEuOCAxLjhjMTYuNjUgMTYuNjUgNDQuMSAxNi42NSA2MC43NSAwTDUxMiA1ODQuOWwzMjkuODUgMzI5Ljg1YzE2LjY1IDE2LjY1IDQ0LjEgMTYuNjUgNjAuNzUgMGwxLjgtMS44YzE2LjY1LTE2LjY1IDE2LjY1LTQ0LjEgMC02MC43NUw1NzQuNTUgNTIyLjM1eiIgcC1pZD0iMTk3OCI+PC9wYXRoPjwvc3ZnPg==) no-repeat center;cursor:pointer;transform:translateX(3px) scale(1.2);opacity:.7}.public-layer .public-layer-content{padding:0 20px}#layer-setup .public-layer-wrapper{width:800px}#layer-setup .public-layer-content{padding-top:20px}#layer-setup .public-layer-content p{font-size:14px;font-weight:bold}#layer-setup .public-layer-content code{display:block;background:#f6f8fa;padding:12px 15px;font-size:13px;font-family:SourceCodePro;margin:8px 0 20px;line-height:160%}#layer-setup .public-layer-content code *{font-family:SourceCodePro}#layer-method .public-layer-wrapper{width:1000px}#layer-method .public-layer-content{height:calc(100vh - 150px);overflow:auto;padding-top:20px;padding-bottom:20px;overscroll-behavior:contain}#layer-method .public-layer-content div{font-size:13px;margin-top:15px;color:#aaa}#layer-method .public-layer-content div:first-of-type{margin-top:0}#layer-method .public-layer-content p,#layer-method .public-layer-content p *{font-family:SourceCodePro;font-size:13px;line-height:165%}#layer-param .public-layer-wrapper{width:1220px}#layer-param .public-layer-content{height:calc(100vh - 150px);overflow:auto;padding-top:15px;padding-bottom:20px;overscroll-behavior:contain}#layer-param .public-layer-content div{font-size:13px;margin-top:15px;color:#888}#layer-param .public-layer-content p,#layer-param .public-layer-content p *{font-family:SourceCodePro;font-size:13px;line-height:165%}#layer-param table{width:100%;border-collapse:collapse;border-spacing:0}#layer-param table thead{font-weight:bold;background:#f0f8ff}#layer-param table td{border:#e2e2e2 solid 1px;padding:10px;font-size:13px;line-height:170%}#layer-changelog .public-layer-wrapper{width:1000px}#layer-changelog .public-layer-content{max-height:calc(100vh - 150px);overflow:auto;padding-top:10px;padding-bottom:20px;overscroll-behavior:contain}#layer-changelog .public-layer-content div{font-size:13px;margin-top:15px}#layer-changelog .public-layer-content div ul:last-child{margin-bottom:40px}#layer-changelog .version{font-weight:bold;color:#09f;font-size:20px}#layer-changelog .version span{font-size:12px;color:#666;font-weight:normal;margin-left:6px}#layer-changelog .effect-name{margin:10px 0 5px 0;font-size:16px}#layer-changelog ul{display:block}#layer-changelog li{line-height:170%;margin-left:30px}