*{border:0;margin:0;padding:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}ol,ul,li{margin:0;padding:0;list-style:none}html,body{height:100%;margin:0;font-family:Inter,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Arial,sans-serif;background-color:var(--bg-color-body)}:root{--text-color:#00323c;--text-color-a-7:rgba(0,50,60,0.7);--text-color-a-8:rgba(0,50,60,0.8);--text-color-a-9:rgba(0,50,60,0.9);--text-color-hover:#42b883;--text-color-active:#42b883;--text-color-description:#5a5a5a;--text-color-black:#000;--text-color-black-8:rgba(0,0,0,0.8);--text-color-gray:#666;--text-color-gray-y1:#999;--bg-color-body:#fafafa;--bg-color-main:rgba(255,255,255,0.8);--bg-color-black:#000;--bg-color-black-15:rgba(0,0,0,0.15);--bg-color-black-7:rgba(0,0,0,0.7);--bg-color-style-1-1:rgba(66,184,131,0.1);--border-color:#ccc;--border-color-active:#42b883;--font-family-main:PingFang SC, Microsoft YaHei;--font-family-sub:"Courier New", Microsoft YaHei}.home-container{width:100%;overflow:hidden}.home-container .box-container{width:100%;overflow:hidden}.home-container .box-container .head-box{z-index:2;width:100%;height:38px;position:fixed;top:0;left:0;right:0;background-image:radial-gradient(transparent 1px, #fff 1px);background-size:4px 4px;backdrop-filter:saturate(50%) blur(4px);-webkit-backdrop-filter:saturate(50%) blur(4px);box-shadow:0 2px 4px 0 rgba(0,0,0,0.08);display:flex;justify-content:space-between}.home-container .box-container .head-box .leftwrap{overflow:hidden}.home-container .box-container .head-box .leftwrap .leftmenutab{float:left;display:none;width:24px;height:38px;margin-left:24px;background-image:url(../img/icon/icon_menu.png);background-repeat:no-repeat;background-position:center;background-size:contain;cursor:pointer}.home-container .box-container .head-box .rightwrap{display:flex;justify-content:flex-end;margin-right:24px}.home-container .box-container .head-box .rightwrap .timebox{display:flex}.home-container .box-container .head-box .rightwrap .timebox span{font-family:PingFang SC;font-weight:800;display:flex;align-items:center}.home-container .box-container .head-box .rightwrap .timebox span.day{line-height:14px;font-size:12px;cursor:pointer}.home-container .box-container .head-box .rightwrap .timebox span.hhmm{font-size:30px;margin-left:4px;cursor:pointer}.home-container .box-container .head-box .rightwrap .timebox span.ss{display:flex;width:20px;align-items:flex-end;line-height:26px;font-size:13px;margin-left:2px;cursor:pointer}.home-container .box-container .head-box .rightwrap .retiretime{align-content:end;line-height:24px;font-size:10px;color:var(--text-color-gray);margin-right:12px}.home-container .box-container .head-box .progress-bar{position:absolute;left:0;bottom:0;width:0%;height:2px;background:linear-gradient(270deg, rgba(0,0,0,0) 0%, #42b883 8.33%, #07e1df 91.15%, rgba(0,0,0,0) 100%);transition:width .1s ease-out}.home-container .box-container .sidebar-box{z-index:1;position:fixed;left:0;top:38px;bottom:0;width:320px;height:calc(100% - 38px);background-color:var(--bg-color-main);border-radius:5px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.05);overflow-x:hidden;overflow-y:auto}.home-container .box-container .sidebar-box:hover::-webkit-scrollbar{display:block}.home-container .box-container .sidebar-box::-webkit-scrollbar{display:none;width:8px;background-color:rgba(220,220,220,0.1);border-radius:2px}.home-container .box-container .sidebar-box::-webkit-scrollbar-track{background-color:rgba(220,220,220,0.1)}.home-container .box-container .sidebar-box::-webkit-scrollbar-thumb{width:8px;background-color:rgba(200,200,200,0.3);border-radius:2px}.home-container .box-container .sidebar-box .mdlists>li{margin-top:12px}.home-container .box-container .sidebar-box .mdlists>li .sidebar-group{padding-left:16px;cursor:pointer}.home-container .box-container .sidebar-box .mdlists>li .sidebar-group span{line-height:36px;font-size:16px;font-weight:bold;color:var(--text-color);font-family:var(--font-family-main)}.home-container .box-container .sidebar-box .mdlists>li .sidebar-group span:hover{color:var(--text-color-hover)}.home-container .box-container .sidebar-box .mdlists>li .sidebar-group span.arrow{position:relative;top:-0.12em;left:.5em;display:inline-block;width:0;height:0}.home-container .box-container .sidebar-box .mdlists>li .sidebar-group span.arrow.right{border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid var(--border-color)}.home-container .box-container .sidebar-box .mdlists>li .sidebar-group span.arrow.down{border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid var(--border-color-active)}.home-container .box-container .sidebar-box .mdlists>li .sidebar-group span>i{color:var(--text-color-a-8);font-size:12px;font-style:normal;margin-left:6px}.home-container .box-container .sidebar-box .mdlists>li>ul{display:none}.home-container .box-container .sidebar-box .mdlists>li>ul>li{color:var(--text-color);font-size:14px;padding:6px 16px 6px 34px;cursor:pointer;font-family:var(--font-family-sub)}.home-container .box-container .sidebar-box .mdlists>li>ul>li.sidebar-item:hover{color:var(--text-color-hover)}.home-container .box-container .sidebar-box .mdlists>li>ul>li.sidebar-item.actived{font-weight:600;color:var(--text-color-active);border-left:4px solid var(--border-color-active);padding-left:30px;background-color:var(--bg-color-style-1-1)}.home-container .box-container .sidebar-box .mdlists>li>ul>li.sidebar-submenu{color:var(--text-color);font-weight:bold;padding-left:25px;background:linear-gradient(90deg, rgba(0,0,0,0) 0%, #aaaaaa60 10%, #aaaaaa10 60%, rgba(0,0,0,0) 100%)}.home-container .box-container .sidebar-box .mdlists>li>ul>li.sidebar-submenu>i{color:var(--text-color-a-8);font-size:12px;font-style:normal;margin-left:6px}.home-container .box-container .sidebar-box .mdlists>li.open>ul{display:block}.home-container .box-container .main-box{float:left;width:860px;min-width:0;margin-left:508px;margin-top:38px;background-color:var(--bg-color-main);border-radius:5px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.05)}.home-container .box-container .rightmenuwrap{float:left;margin-top:54px;margin-left:30px;background-color:var(--bg-color-main);border-radius:5px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.05);padding:8px 16px 16px;box-sizing:border-box;max-width:calc(100vw - 508px - 860px - 60px - 16px);max-height:calc(100vh - 38px - 32px);overflow-x:hidden;overflow-y:auto}.home-container .box-container .rightmenuwrap:hover::-webkit-scrollbar{display:block}.home-container .box-container .rightmenuwrap::-webkit-scrollbar{display:none;width:8px;background-color:rgba(220,220,220,0.1);border-radius:2px}.home-container .box-container .rightmenuwrap::-webkit-scrollbar-track{background-color:rgba(220,220,220,0.1)}.home-container .box-container .rightmenuwrap::-webkit-scrollbar-thumb{width:8px;background-color:rgba(200,200,200,0.3);border-radius:2px}.home-container .box-container .rightmenuwrap.fixed{position:fixed;top:0}.home-container .box-container .rightmenuwrap .title{color:var(--text-color);font-weight:bold;line-height:32px}.home-container .box-container .rightmenuwrap ul li{line-height:24px;font-size:14px;color:var(--text-color);text-decoration:none;font-family:var(--font-family-sub)}.home-container .box-container .rightmenuwrap ul li.rightmenu1 span{font-weight:800}.home-container .box-container .rightmenuwrap ul li.rightmenu2{padding-left:10px}.home-container .box-container .rightmenuwrap ul li.rightmenu2>span{color:var(--text-color-a-9);font-size:13.8px}.home-container .box-container .rightmenuwrap ul li.rightmenu3{padding-left:20px}.home-container .box-container .rightmenuwrap ul li.rightmenu3>span{color:var(--text-color-a-8);font-size:13.6px}.home-container .box-container .rightmenuwrap ul li.rightmenu4{padding-left:30px}.home-container .box-container .rightmenuwrap ul li.rightmenu4>span{color:var(--text-color-a-7);font-size:13.4px}.home-container .box-container .rightmenuwrap ul li>span{cursor:pointer}.home-container .box-container .rightmenuwrap ul li>span:hover{color:var(--text-color-hover);border-bottom:1px solid var(--border-color-active)}.footer-wrap{width:100%;line-height:32px;text-align:center;color:var(--text-color-black-8);font-size:12px;box-sizing:border-box;padding:32px 0 16px 320px;background:var(--bg-color-body)}.back-top-btn{display:none;position:fixed;right:90px;bottom:50px;width:48px;height:48px;background-image:url(../img/backtop.svg);cursor:pointer;opacity:.5;transition:.5s;transition-delay:.2s;border-radius:50%}.back-top-btn:hover{opacity:.9;bottom:58px;background-color:var(--bg-color-black-15)}.back-top-btn.toping{opacity:.9;bottom:200px}#outerdiv{z-index:2;position:fixed;top:0;left:0;background-color:var(--bg-color-black-7);width:100%;height:100%;display:none}#outerdiv>div{width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}#outerdiv>div>img{border:5px solid #fff}.webpagewrap{padding:-16px}.webpagewrap h1{font-size:18px;color:var(--text-color-black)}.webpagewrap h2{font-size:14px;color:var(--text-color-gray-y1);border:none;position:relative}.webpagewrap h2::before{position:absolute;left:0;right:0;bottom:0;content:"";border-bottom:1px dashed var(var(--text-color-gray-y1))}.webpagewrap .weblistwrap{width:100%;overflow:hidden;margin-top:8px}.webpagewrap .weblistwrap li{float:left;width:calc(100% / 3 - 4px);height:52px;margin:4px 2px !important;box-sizing:border-box;position:relative}.webpagewrap .weblistwrap li.tag a{background-color:#ECF8F3}.webpagewrap .weblistwrap li.tag a:hover{background-color:#D9F1E7}.webpagewrap .weblistwrap li a{display:block;width:100%;height:100%;padding:4px 8px;border-radius:4px;box-sizing:border-box;position:relative;background-color:#f2f2f2}.webpagewrap .weblistwrap li a:hover{background-color:#e5e5e5}.webpagewrap .weblistwrap li a:hover>span{color:var(--text-color-hover)}.webpagewrap .weblistwrap li a>span{color:var(--text-color)}.webpagewrap .weblistwrap li a>span.icon{width:100%;height:100%;display:block;position:absolute;right:0;top:0;z-index:1;background-repeat:no-repeat;background-position:right 4px top 4px;background-size:auto 18px;opacity:.8}.webpagewrap .weblistwrap li a>i{width:100%;height:22px;line-height:22px;margin-top:2px;display:block;color:var(--text-color-description);font-size:12px;font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.webpagewrap .weblistwrap li .icon_element{background-image:url(../img/webicon/element-plus-logo.svg)}.webpagewrap .weblistwrap li .icon_huatools{background-image:url(../img/webicon/huatools.png)}.webpagewrap .weblistwrap li .icon_gitee{background-image:url(../img/webicon/gitee.svg)}.webpagewrap .weblistwrap li .icon_figma{background-image:url(../img/webicon/figma.png)}.webpagewrap .weblistwrap li .icon_deepseek{background-image:url(../img/webicon/deepseek-logo.png)}.webpagewrap .weblistwrap li .icon_echart{background-image:url(../img/webicon/echart-logo.png)}.webpagewrap .weblistwrap li .icon_highcharts{background-image:url(../img/webicon/highcharts-logo.png)}.webpagewrap .weblistwrap li .icon_iconfont{background-image:url(../img/webicon/iconfont-logo.svg)}.webpagewrap .weblistwrap li .icon_mapbox{background-image:url(../img/webicon/mapbox-logo.svg)}.webpagewrap .weblistwrap li .icon_ngzorro{background-image:url(../img/webicon/ng-zorro-logo.svg)}.webpagewrap .weblistwrap li .icon_layui{background-image:url(../img/webicon/Layui-logo.png)}.webpagewrap .weblistwrap li .icon_naiveui{background-image:url(../img/webicon/naiveui-logo.svg)}.webpagewrap .weblistwrap li .icon_github{background-image:url(../img/webicon/github-logo.png)}.webpagewrap .weblistwrap li .icon_vuejs{background-image:url(../img/webicon/vuejs-logo.svg)}.webpagewrap .weblistwrap li .icon_plotly{background-image:url(../img/webicon/plotly-logo.png)}.webpagewrap .weblistwrap li .icon_Qunee{background-image:url(../img/webicon/Qunee-logo.png);background-size:auto !important}.webpagewrap .weblistwrap li .icon_doubao{background-image:url(../img/webicon/doubao-logo.png)}.webpagewrap .weblistwrap li .icon_qianwen{background-image:url(../img/webicon/qianwen-logo.png)}.webpagewrap .weblistwrap li .icon_map_qq{background-image:url(../img/webicon/mapqq-logo.png)}.webpagewrap .weblistwrap li .icon_map_baidu{background-image:url(../img/webicon/mapbaidu-logo.png)}.webpagewrap .weblistwrap li .icon_GoJS{background-image:url(../img/webicon/gojs-logo.png)}.webpagewrap .weblistwrap li .icon_tinypng{background-image:url(../img/webicon/tinypng-logo.png)}.mobileView .home-container .box-container .head-box .leftwrap .leftmenutab{display:block}.mobileView .home-container .sidebar-box{display:none;z-index:10;width:80%;background-color:var(--bg-color-body);font-size:14px}.mobileView .home-container .main-box{width:100%;margin-left:0;border-radius:0}.mobileView .home-container .main-box .markdown-body{padding:.3rem}.mobileView .home-container .rightmenuwrap{display:none}.mobileView .footer-wrap{line-height:.32rem;padding:.32rem 0 .16rem 0}.mobileView .back-top-btn{right:.3rem;bottom:.5rem;width:.48rem;height:.48rem;background-size:contain}.mobileView .back-top-btn.toping{bottom:2rem}.mobileView .webpagewrap .weblistwrap li{width:100%}