*{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:#2c3e50;--text-color-a-7:rgba(44,62,80,0.7);--text-color-a-8:rgba(44,62,80,0.8);--text-color-a-9:rgba(44,62,80,0.9);--text-color-hover:#3498db;--text-color-active:#3498db;--text-color-description:#7f8c8d;--text-color-black:#2c3e50;--text-color-black-8:rgba(44,62,80,0.8);--text-color-gray:#95a5a6;--text-color-gray-y1:#bdc3c7;--bg-color-body:#f8f9fa;--bg-color-main:rgba(255,255,255,0.95);--bg-color-black:#2c3e50;--bg-color-black-15:rgba(44,62,80,0.15);--bg-color-black-7:rgba(44,62,80,0.7);--bg-color-style-1-1:rgba(52,152,219,0.1);--border-color:#e0e0e0;--border-color-active:#3498db;--font-family-main:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;--font-family-sub:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace}.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:50px;position:fixed;top:0;left:0;right:0;background-image:linear-gradient(90deg, #2c3e50 0%, #34495e 100%);box-shadow:0 2px 8px 0 rgba(0,0,0,0.08);color:#ecf0f1;display:flex;justify-content:space-between;align-items:center}.home-container .box-container .head-box .leftwrap{overflow:hidden;display:flex;align-items:center;justify-content:flex-start}.home-container .box-container .head-box .leftwrap .logo{height:50px;background:url(../img/logo.png) no-repeat left center;background-size:24px 24px;padding-left:36px;margin-left:12px;cursor:pointer;display:flex;align-items:center;font-size:14px;font-weight:bolder;color:#ecf0f1;letter-spacing:.05em;font-family:sans-serif,Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial}.home-container .box-container .head-box .leftwrap .leftmenutab{float:left;display:none;width:24px;height:24px;margin-left:16px;background-image:url(../img/icon/icon_menu.png);background-repeat:no-repeat;background-position:center;background-size:contain;cursor:pointer;border-radius:4px;transition:all .2s ease}.home-container .box-container .head-box .leftwrap .leftmenutab:hover{background-color:var(--bg-color-style-1-1)}.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;align-items:center}.home-container .box-container .head-box .rightwrap .timebox span{font-family:var(--font-family-main);font-weight:600;display:flex;align-items:center;color:#ecf0f1;transition:color .2s ease}.home-container .box-container .head-box .rightwrap .timebox span:hover{color:#ffffff}.home-container .box-container .head-box .rightwrap .timebox span.day{line-height:1;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:4px}.home-container .box-container .head-box .rightwrap .timebox span.day:hover{background-color:var(--bg-color-style-1-1)}.home-container .box-container .head-box .rightwrap .timebox span.hhmm{font-size:24px;cursor:pointer;border-radius:4px;margin-left:4px}.home-container .box-container .head-box .rightwrap .timebox span.hhmm:hover{background-color:var(--bg-color-style-1-1)}.home-container .box-container .head-box .rightwrap .timebox span.ss{width:auto;align-items:center;line-height:1;font-size:14px;cursor:pointer;border-radius:4px;margin-top:10px}.home-container .box-container .head-box .rightwrap .timebox span.ss:hover{background-color:var(--bg-color-style-1-1)}.home-container .box-container .head-box .rightwrap .retiretime{margin-top:20px;height:12px;line-height:12px;font-size:10px;color:rgba(236,240,241,0.8);cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.home-container .box-container .head-box .rightwrap .retiretime:hover{color:#ffffff;background-color:rgba(255,255,255,0.08)}.home-container .box-container .head-box .progress-bar{position:absolute;left:0;bottom:0;width:0%;height:3px;background:linear-gradient(90deg, #3498db 0%, #2ecc71 100%);transition:width .2s ease-out;border-radius:0 2px 2px 0}.home-container .box-container .sidebar-box{z-index:1;position:fixed;left:0;top:50px;bottom:0;width:280px;height:calc(100% - 50px);background-color:#2c3e50;border-right:none;overflow-x:hidden;overflow-y:auto;transition:all .3s ease;color:white}.home-container .box-container .sidebar-box::-webkit-scrollbar{display:none;width:6px;background-color:rgba(0,0,0,0.2)}.home-container .box-container .sidebar-box::-webkit-scrollbar-track{background-color:rgba(0,0,0,0.2)}.home-container .box-container .sidebar-box::-webkit-scrollbar-thumb{width:6px;background-color:rgba(255,255,255,0.2);border-radius:3px}.home-container .box-container .sidebar-box::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,0.3)}.home-container .box-container .sidebar-box .mdlists>li{margin-top:8px}.home-container .box-container .sidebar-box .mdlists>li .sidebar-group{padding-left:6px;cursor:pointer;border-radius:6px;margin:0 8px;transition:all .3s ease;background-color:#34495e}.home-container .box-container .sidebar-box .mdlists>li .sidebar-group:hover{background-color:#3d566e}.home-container .box-container .sidebar-box .mdlists>li .sidebar-group span{line-height:40px;font-size:14px;font-weight:500;color:white;font-family:var(--font-family-main)}.home-container .box-container .sidebar-box .mdlists>li .sidebar-group span:hover{color:#ecf0f1}.home-container .box-container .sidebar-box .mdlists>li .sidebar-group span.group-title{padding-left:34px;background-repeat:no-repeat;background-position:left center;background-size:28px 28px}.home-container .box-container .sidebar-box .mdlists>li .sidebar-group span.group-title.icon-dev{background-image:url(../img/icon/menu/dev.png)}.home-container .box-container .sidebar-box .mdlists>li .sidebar-group span.group-title.icon-web{background-image:url(../img/icon/menu/web.png)}.home-container .box-container .sidebar-box .mdlists>li .sidebar-group span.group-title.icon-js{background-image:url(../img/icon/menu/JavaScript.png)}.home-container .box-container .sidebar-box .mdlists>li .sidebar-group span.group-title.icon-ts{background-image:url(../img/icon/menu/TypeScript.png)}.home-container .box-container .sidebar-box .mdlists>li .sidebar-group span.group-title.icon-css{background-image:url(../img/icon/menu/CSS.png)}.home-container .box-container .sidebar-box .mdlists>li .sidebar-group span.group-title.icon-html{background-image:url(../img/icon/menu/html.png)}.home-container .box-container .sidebar-box .mdlists>li .sidebar-group span.group-title.icon-wechat{background-image:url(../img/icon/menu/wechat.png)}.home-container .box-container .sidebar-box .mdlists>li .sidebar-group span.group-title.icon-vue{background-image:url(../img/icon/menu/VUE.png)}.home-container .box-container .sidebar-box .mdlists>li .sidebar-group span.group-title.icon-mapbox{background-image:url(../img/icon/menu/mapbox.png)}.home-container .box-container .sidebar-box .mdlists>li .sidebar-group span.group-title.icon-sql{background-image:url(../img/icon/menu/SQL.png)}.home-container .box-container .sidebar-box .mdlists>li .sidebar-group span.group-title.icon-windows{background-image:url(../img/icon/menu/Windows.png)}.home-container .box-container .sidebar-box .mdlists>li .sidebar-group span.group-title.icon-linux{background-image:url(../img/icon/menu/linux.png)}.home-container .box-container .sidebar-box .mdlists>li .sidebar-group span.group-title.icon-macos{background-image:url(../img/icon/menu/macOS.png)}.home-container .box-container .sidebar-box .mdlists>li .sidebar-group span.group-title.icon-vscode{background-image:url(../img/icon/menu/vscode.png)}.home-container .box-container .sidebar-box .mdlists>li .sidebar-group span.group-title.icon-markdown{background-image:url(../img/icon/menu/markdown.png)}.home-container .box-container .sidebar-box .mdlists>li .sidebar-group span.group-title.icon-other{background-image:url(../img/icon/menu/other.png)}.home-container .box-container .sidebar-box .mdlists>li .sidebar-group span.arrow{position:relative;top:-1px;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 #bdc3c7}.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 #3498db}.home-container .box-container .sidebar-box .mdlists>li .sidebar-group span>i{color:#bdc3c7;font-size:12px;font-style:normal;margin-left:6px}.home-container .box-container .sidebar-box .mdlists>li>ul{display:none;background-color:#2c3e50}.home-container .box-container .sidebar-box .mdlists>li>ul>li{color:white;font-size:14px;padding:10px 15px 10px 30px;cursor:pointer;font-family:var(--font-family-sub);border-radius:0;margin:0;transition:all .3s ease;background-color:transparent;border-left:3px solid transparent}.home-container .box-container .sidebar-box .mdlists>li>ul>li:not(.sidebar-submenu):hover{background-color:rgba(255,255,255,0.05);border-left-color:#3498db;transform:translateX(3px);color:#ecf0f1}.home-container .box-container .sidebar-box .mdlists>li>ul>li.sidebar-item.actived{font-weight:500;color:#ecf0f1;background-color:rgba(52,152,219,0.2);border-left-color:#3498db;transform:none}.home-container .box-container .sidebar-box .mdlists>li>ul>li.sidebar-submenu{color:#ffffff80;font-size:13px;font-weight:500;font-family:var(--font-family-main);padding:5px 15px 5px 25px;background:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(255,255,255,0.1) 10%, rgba(255,255,255,0.05) 60%, rgba(0,0,0,0) 100%)}.home-container .box-container .sidebar-box .mdlists>li>ul>li.sidebar-submenu>i{color:#bdc3c7;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:calc(100% - 280px - 280px);min-width:600px;margin-left:280px;margin-right:280px;margin-top:50px;background-color:var(--bg-color-main);border-left:none;border-right:1px solid var(--border-color);min-height:calc(100vh - 50px)}.home-container .box-container .rightmenuwrap{position:fixed;right:0;top:50px;width:280px;background-color:#f8f9fa;border-left:1px solid #e0e0e0;padding:0;box-sizing:border-box;height:calc(100vh - 50px);transition:all .3s ease;display:flex;flex-direction:column}.home-container .box-container .rightmenuwrap.fixed{position:fixed;top:0}.home-container .box-container .rightmenuwrap .title{color:#2c3e50;font-weight:600;line-height:1.5;font-size:16px;margin:0;padding:15px 20px;border-bottom:1px solid #e0e0e0;background-color:#fafafa;flex-shrink:0}.home-container .box-container .rightmenuwrap ul{padding:15px;margin:0;flex:1;overflow-y:auto;overflow-x:hidden}.home-container .box-container .rightmenuwrap ul:hover::-webkit-scrollbar{display:block}.home-container .box-container .rightmenuwrap ul::-webkit-scrollbar{display:none;width:6px;background-color:#f1f1f1}.home-container .box-container .rightmenuwrap ul::-webkit-scrollbar-track{background-color:#f1f1f1}.home-container .box-container .rightmenuwrap ul::-webkit-scrollbar-thumb{width:6px;background-color:#888;border-radius:4px}.home-container .box-container .rightmenuwrap ul::-webkit-scrollbar-thumb:hover{background-color:#555}.home-container .box-container .rightmenuwrap ul li{line-height:1.6;font-size:13px;color:#555;text-decoration:none;font-family:var(--font-family-main);padding:0;margin-bottom:8px;transition:all .2s ease}.home-container .box-container .rightmenuwrap ul li.rightmenu1 span{font-weight:600;font-size:14px;display:block;padding:6px 10px;border-radius:4px;cursor:pointer}.home-container .box-container .rightmenuwrap ul li.rightmenu1 span:hover{background-color:rgba(52,152,219,0.1);color:#3498db}.home-container .box-container .rightmenuwrap ul li.rightmenu2{padding-left:10px}.home-container .box-container .rightmenuwrap ul li.rightmenu2>span{color:#555;font-size:13px;display:block;padding:6px 10px;border-radius:4px;cursor:pointer}.home-container .box-container .rightmenuwrap ul li.rightmenu2>span:hover{background-color:rgba(52,152,219,0.1);color:#3498db}.home-container .box-container .rightmenuwrap ul li.rightmenu3{padding-left:20px}.home-container .box-container .rightmenuwrap ul li.rightmenu3>span{color:#555;font-size:13px;display:block;padding:6px 10px;border-radius:4px;cursor:pointer}.home-container .box-container .rightmenuwrap ul li.rightmenu3>span:hover{background-color:rgba(52,152,219,0.1);color:#3498db}.home-container .box-container .rightmenuwrap ul li.rightmenu4{padding-left:30px}.home-container .box-container .rightmenuwrap ul li.rightmenu4>span{color:#555;font-size:13px;display:block;padding:6px 10px;border-radius:4px;cursor:pointer}.home-container .box-container .rightmenuwrap ul li.rightmenu4>span:hover{background-color:rgba(52,152,219,0.1);color:#3498db}.home-container .box-container .rightmenuwrap ul li>span{display:block;padding:6px 10px;border-radius:4px;cursor:pointer;transition:all .2s ease}.home-container .box-container .rightmenuwrap ul li>span:hover{background-color:rgba(52,152,219,0.1);color:#3498db}.home-container .box-container .rightmenuwrap ul li>span.active{background-color:rgba(52,152,219,0.15);color:#3498db;font-weight:500}.footer-wrap{width:100%;line-height:1.5;text-align:center;color:var(--text-color-gray);font-size:13px;box-sizing:border-box;padding:24px 0 16px 0;background:var(--bg-color-body);border-top:1px solid var(--border-color)}.back-top-btn{display:none;position:fixed;right:30px;bottom:30px;width:40px;height:40px;background:url(../img/backtop.svg) no-repeat center center;background-size:30px;cursor:pointer;opacity:.5;transition:.5s;transition-delay:.2s;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,0.2)}.back-top-btn:hover{opacity:1;background-color:#2980b9;transform:translateY(-3px);box-shadow:0 4px 15px rgba(0,0,0,0.3)}.back-top-btn.toping{opacity:1;transform:translateY(0)}#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:calc(100% + 12px);overflow:hidden;margin-top:8px;margin:8px 0 0 -6px}.webpagewrap .weblistwrap li{float:left;width:calc(100% / 3 - 12px);height:52px;margin:6px 6px !important;box-sizing:border-box;position:relative}.webpagewrap .weblistwrap li.tag a{border-color:#3498db80}.webpagewrap .weblistwrap li.tag a:hover{border-color:#3498db}.webpagewrap .weblistwrap li.tag .title{color:var(--text-color-hover)}.webpagewrap .weblistwrap li a{display:block;width:100%;height:100%;box-sizing:border-box;padding:4px 8px;border-radius:4px;position:relative;border:1px solid #e1e5eb;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1);transition:all .2s;-webkit-transition:all .2s}.webpagewrap .weblistwrap li a:hover{text-decoration:none;transform:translateY(-4px);-webkit-transform:translateY(-4px);box-shadow:0 5px 15px -3px rgba(0,0,0,0.1)}.webpagewrap .weblistwrap li a:hover>span{text-decoration:underline}.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>span.title{font-weight:bold}.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.png)}.webpagewrap .weblistwrap li .icon_huatools{background-image:url(../img/webicon/huatools.png)}.webpagewrap .weblistwrap li .icon_gitee{background-image:url(../img/webicon/gitee.png)}.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.png)}.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)}.webpagewrap .weblistwrap li .icon_openai{background-image:url(../img/webicon/openai-logo.png)}.webpagewrap .weblistwrap li .icon_uisdc{background-image:url(../img/webicon/uisdc-logo.png)}.webpagewrap .weblistwrap li .icon_chinaz{background-image:url(../img/webicon/chinaz-logo.png)}.webpagewrap .weblistwrap li .icon_oschina{background-image:url(../img/webicon/oschina-logo.png)}.webpagewrap .weblistwrap li .icon_jimeng{background-image:url(../img/webicon/jimeng-logo.png)}.webpagewrap .weblistwrap li .icon_promptpilot{background-image:url(../img/webicon/promptpilot-logo.png)}.webpagewrap .weblistwrap li .icon_trae{background-image:url(../img/webicon/trae-logo.png)}.webpagewrap .weblistwrap li .icon_qoder{background-image:url(../img/webicon/qoder-logo.png)}.webpagewrap .weblistwrap li .icon_cursor{background-image:url(../img/webicon/cursor-logo.svg)}.mobileView .home-container .box-container .head-box .leftwrap .logo{display:none}.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:#2c3e50;font-size:14px;box-shadow:2px 0 10px rgba(0,0,0,0.3);color:white}.mobileView .home-container .main-box{min-width:auto;width:100%;margin-left:0;margin-right:0;border-radius:0;border:none}.mobileView .home-container .main-box .markdown-body{padding:.2rem}.mobileView .home-container .main-box .markdown-body table tr td{word-break:break-word}.mobileView .home-container .rightmenuwrap{display:none}.mobileView .footer-wrap{line-height:.32rem;padding:.2rem 0 .12rem 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:calc(100% - 12px)}