.code-area{height:100%;position:relative;width:100%}.code-area .code-content{background:#f7faff;border:1px solid #dadfe8;border-radius:6px;color:#323643;height:100%;margin-top:14px;overflow:auto;padding:24px;white-space:pre-wrap;width:100%}.code-area .copy-btn{align-items:center;background:#fff;border:1px solid #eaeff9;border-radius:15px;color:#6e7ca3;display:none;font-size:14px;font-weight:400;height:30px;justify-content:center;position:absolute;right:16px;top:16px;width:68px}.code-area .copy-btn:hover{background:#f2f5ff;color:#3960df;cursor:pointer}.code-area:hover .copy-btn{display:flex}.anchor-position{height:100%;overflow:auto;position:relative;transition:all .3s}.anchor-nav{left:calc(80% + 72px);position:absolute;top:calc(100% + 20px)}.anchor-nav .nav-item{align-items:center;border-left:2px solid #f0f3fe;color:#151f28;display:flex;font-size:14px;height:28px;padding-left:16px}.anchor-nav .nav-item.active,.anchor-nav .nav-item:hover{border-left:2px solid #3960df;color:#3960df;cursor:pointer}.next-icon-arrow-d:before{content:""}.next-icon-arrow-u:before{content:""}.cn-next-icon{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:inline-flex!important;font-size:inherit;text-transform:none;vertical-align:middle}.cn-next-icon.cn-next-xs,.cn-next-icon.cn-next-xxs{font-size:8px}.cn-next-icon.cn-next-small{font-size:12px}.cn-next-icon.cn-next-medium{font-size:16px}.cn-next-icon.cn-next-large{font-size:20px}.cn-next-icon.cn-next-xl{font-size:24px}.cn-next-icon.cn-next-xxl{font-size:36px}.cn-next-icon.cn-next-xxxl{font-size:48px}.cn-next-icon.cn-next-inherit{font-size:inherit}.card-box{border:2px solid #ddd;border-radius:8px;overflow:hidden}.card-main-color{border-color:#3960df!important;position:relative}.card-main-color:after{background:#3960df}.card-warn-color{border-color:#ff6400!important;position:relative}.card-warn-color:after{background:#ff6400}.card-selected{box-shadow:0 5px 12px 0 rgba(57,96,223,.25);font-weight:700;overflow:hidden!important;position:relative}.card-selected:after{content:"";height:50px;left:-28px;position:absolute;top:-28px;transform:rotate(45deg);width:50px;z-index:0}.card-selected:before{border-bottom:2px solid transparent;border-left:2px solid transparent;border-color:transparent transparent #fff #fff;border-style:solid;border-width:2px;color:inherit;content:"";display:block;font-size:inherit;height:6px;left:5px;position:absolute;top:6px;transform:rotate(-45deg) translateY(-50%);width:12px;z-index:1}.open-card-title{color:#323643;font-size:18px;font-weight:500;line-height:20px;padding-left:15px;position:relative}.open-card-title:before{background:#3960df;border-radius:3px;content:"";height:18px;left:0;position:absolute;top:2px;width:4px}