.wb-dm{--wb-bfc:#666;--wb-fcs:#c3c3c3;--wb-wk:#999;--wb-wke:#555;--wb-bgc:#2c2c2c;--wb-bbc:#4c4c4c;--wb-bgcl:#211f21;--wb-footer-bgc:#2d2d2d;--wb-page-bgc:#2c2c2c}.header-list{margin:35px auto 20px;overflow:hidden;text-align:left}.header-list+.articles-list{margin-top:30px}.content-empty{padding-top:30px}.content-empty .content-inner{margin:0 auto;min-height:200px;min-width:300px;text-align:center;width:60%}.content-empty .content-inner .search-form{background-color:var(--wb-bgc,#fff);border-color:var(--wb-bgc,#e1e5e9);border-radius:3px;height:40px;line-height:40px;margin-top:30px}.content-empty .content-inner .search-form .form-control{background-color:transparent;border:none;font-size:14px;height:40px;line-height:40px;padding-right:40px}.content-empty .content-inner .search-form .btn-search{height:40px;line-height:40px;width:40px}.content-empty .content-inner .search-form .btn-search svg{fill:var(--wb-theme-color,#2778ff);height:20px;width:20px}.index-floor{padding-bottom:30px}.index-floor .title-con{font-size:0;line-height:24px}.index-floor .title-con h3{color:var(--wb-fcs,#3e4045);display:inline-block;font-size:20px;margin-right:5px;vertical-align:top}.index-floor .title-con .en-text{color:var(--wb-bfc,#666);display:inline-block;font-size:12px;line-height:16px;vertical-align:bottom}.list-main .index-floor+.articles-list{margin-top:30px}.filter-items+.filter-items{margin-top:10px}.ctrl-panel-list{margin-bottom:20px;margin-top:30px}.bread-crumbs+.ctrl-panel-list{margin-bottom:20px;margin-top:0}@media (max-width:768px){.header-list+.articles-list{margin-top:0}.wb-navigation{display:none}.btn-load-more{display:block;margin-left:auto;margin-right:auto;margin-top:40px;max-width:300px}.ctrl-panel-m+.articles-list,.ctrl-panel-m+.list-main{margin-top:20px}}.wb-dm .index-floor .title-con h3{color:#c3c3c3}.list-main .wb-navigation{margin-top:40px}.list-res{display:grid;gap:var(--wb-res-gap,30px);grid-template-columns:repeat(var(--wb-items-row,5),1fr)}.list-res .post-res{display:block;min-width:0;overflow:visible;position:relative;text-align:left}.list-res .inner{position:relative}.list-res .inner:hover .media-pic{box-shadow:0 0 4px rgba(0,0,0,.1);opacity:.9;transition:opacity .3s}.list-res .inner:hover .summary{color:var(--wb-bfc,#666);transition:color .3s}.list-res .media-pic{background-color:var(--wb-bgcl,#fff);border-radius:3px}.list-res .post-title{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--wb-bfc,#666);cursor:pointer;display:block;display:-webkit-box;font-size:14px;line-height:20px;margin-left:10px;margin-right:10px;max-height:40px;overflow:hidden;text-align:center;white-space:normal}.list-res .post-title:hover{color:var(--wb-theme-color,#2778ff)}.list-res .media-body{box-sizing:border-box;padding:10px 0;position:relative;z-index:2}.list-res .summary{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--wb-wk,#999);display:-webkit-box;font-size:14px;line-height:20px;max-height:40px;overflow:hidden}.list-res .meta-item+.meta-item{margin-left:20px}.list-res .tool-list{margin-top:10px;text-align:center}.list-res .tool-list .tool-item{display:inline-block;height:20px;margin:0 5px;vertical-align:middle;width:20px}.list-res .tool-list img{border-radius:2px}.list-res .tool-list span{margin:0 5px}.software-list{font-size:0;height:60px;margin-left:-5px;margin-top:10px;position:relative}.software-list:after{background-image:linear-gradient(90deg,rgba(245,246,247,0),#f5f6f7);content:"";height:100%;position:absolute;right:0;top:0;width:40px;z-index:2}.software-list .sl-inner{overflow-x:auto;padding:5px;white-space:nowrap}.software-list .sl-inner::-webkit-scrollbar{background-color:var(--wb-bbc,#ebebeb);display:none;height:2px}.software-list .sl-inner::-webkit-scrollbar-thumb{background-color:var(--wb-wk,#999);border-radius:2px}.software-list .sl-inner::-webkit-scrollbar-thumb:hover{background-color:var(--wb-theme-color,#2778ff)}.software-list .sl-inner:hover::-webkit-scrollbar{display:block}.software-list .software-item{display:inline-block;margin-right:25px;vertical-align:top}.software-list .media-pic-tool{margin:0;width:50px}@media (max-width:1200px){.list-res{--wb-res-gap:20px}}@media (max-width:768px){.list-res{--wb-items-row:2;margin-left:20px;margin-right:20px}.list-res .summary{display:none}.software-list{margin-left:20px;margin-right:20px}.list-main{margin-top:20px}}.wb-dm .software-list:after{background-image:linear-gradient(90deg,rgba(44,44,44,0),#2c2c2c)}.container-by-tools .title-floor{margin-top:40px}.container-by-tools .title-floor:first-of-type{margin-top:0}@media (max-width:768px){.container-by-tools{padding-top:30px}}.title-floor{font-size:0;line-height:24px}.title-floor h2{color:var(--wb-fcs,#3e4045);display:inline-block;font-size:20px;margin-right:5px;vertical-align:top}.title-floor .en-text{color:var(--wb-bfc,#666);display:inline-block;font-size:12px;line-height:16px;margin-left:10px;vertical-align:bottom}.title-floor+.articles-list{margin-top:20px}.btn-load-more+.title-floor{margin-top:60px}@media (max-width:768px){.title-floor{margin-left:20px;margin-right:20px;text-align:center}.title-floor h3{font-weight:700}.title-floor .en-text{display:block;margin-left:0}}.hot-item-list{display:grid;gap:20px;grid-template-columns:repeat(6,1fr)}@media (max-width:1024px){.hot-item-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.hot-item-list{grid-template-columns:repeat(2,1fr);margin:20px}.hot-item-list .post-res:hover:before{display:none}.hot-item-list .post-title-hot{color:var(--wb-fcs,#3e4045);opacity:1;padding:10px 10px 0;position:static;text-shadow:none}}.wb-dropdown{border:1px solid var(--wb-dropdown-bc,#d9d9d9);border-radius:3px;box-sizing:border-box;max-width:100%;position:relative;z-index:998}.wb-dropdown.active{z-index:999}.wb-dropdown.inline{display:inline-block;vertical-align:middle}.wb-dropdown.active .wb-dd-items{display:block}.wb-dropdown.active .wb-selected-backboard:after{margin-top:-2px;transform:rotate(225deg)}.wb-dd-selected{background-color:var(--wb-bgc,#f8f8f8);color:var(--wb-wk,#999);cursor:pointer;height:30px;line-height:30px;padding-right:40px}.wb-dd-selected strong{display:block;font-size:14px;padding:0 10px}.wb-dd-selected:after{border-bottom:2px solid #666;border-right:2px solid #666;content:"";height:6px;margin-bottom:3px;margin-top:-5px;position:absolute;right:12px;top:50%;transform:rotate(45deg);width:6px}.wb-dd-items{background-color:var(--wb-bgcl,#fff);border:1px solid var(--wb-dropdown-bc,#d9d9d9);border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.01);box-sizing:border-box;display:none;left:-1px;position:absolute;right:-1px;z-index:2}.wb-dd-items ul{max-height:300px;overflow-y:auto}.wb-dd-items ul::-webkit-scrollbar{background-color:var(--wb-bbc,#ebebeb);width:2px}.wb-dd-items ul::-webkit-scrollbar-thumb{background-color:var(--wb-wk,#999);border-radius:2px}.wb-dd-items ul::-webkit-scrollbar-thumb:hover{background-color:var(--wb-theme-color,#2778ff)}.wb-dd-items .dropdown-item{display:block;font-size:14px;line-height:18px;padding:10px}.wb-dd-items .dropdown-item:hover{background-color:#f0f5ff}.wb-dd-items .dropdown-item+.dropdown-item{border-top:1px solid var(--wb-bbc,#ebebeb)}.wb-dd-items .selected{color:var(--wb-fcs,#3e4045);font-weight:700}.wb-dm{--wb-dropdown-bc:#4c4c4c}.cpl-style-a{background-color:var(--wb-bgcl,#fff);margin-top:20px;position:relative;z-index:10}.cpl-style-a .filter-panel{background-color:transparent;margin-bottom:0;padding:20px 0}.cpl-style-a .filter-panel .filter-items .filter-item{font-size:14px}.cpl-style-a .filter-panel strong{display:inline-block}.cpl-style-a .sorting-bar dt{line-height:60px}.cpl-style-a .sorting-bar .filter-items{line-height:60px;padding-bottom:0}.cpl-style-a .sorting-bar .filter-item{font-size:14px}.cpl-style-a .sorting-bar .filter-item:hover{text-decoration:underline}.cpl-style-a .filter-panel+.sorting-bar{position:relative}.cpl-style-a .filter-panel+.sorting-bar:before{background-color:var(--wb-bbc,#ebebeb);content:"";height:1px;left:30px;position:absolute;right:30px;top:0}.cpl-style-a .selected-bar+.filter-panel{padding-top:20px}.cpl-style-a .switch-btn-bar{display:none;padding:10px 20px;text-align:right}.cpl-style-a .switch-btn-bar .wbsico-arr-more{fill:var(--wb-wk,#999)}.cpl-style-a .sorting-items{bottom:23px;position:absolute;right:30px}.cpl-style-a .filter-items{overflow:hidden;padding-left:30px;padding-right:30px}.cpl-style-a .filter-items dt{float:left;font-size:14px;line-height:36px;min-width:5em;padding-right:10px}.cpl-style-a .filter-items dd{overflow:hidden}.cpl-style-a .filter-items .cat-item{display:inline-block;margin:5px}.cpl-style-a .filter-items .cat-item a{border:1px solid transparent;border-radius:3px;display:inline-block;font-size:14px;line-height:26px;padding:0 10px;position:relative;vertical-align:middle}.cpl-style-a .filter-items .cat-item.current a,.cpl-style-a .filter-items .cat-item.current-cat a{background-color:var(--wb-bgc,#f8f8f8);border-color:var(--wb-theme-color,#2778ff);color:var(--wb-theme-color,#2778ff)}.cpl-style-a .filter-items .cat-item:hover{border-color:var(--wb-theme-color,#2778ff)}.cpl-style-a .filter-items .filter-item{display:inline-block;font-size:14px;line-height:30px;margin:5px;padding:0 10px;vertical-align:middle}.cpl-style-a .filter-items .filter-item.selected{color:var(--wb-theme-color,#2778ff)}.cpl-style-a .filter-selected{border-bottom:1px solid var(--wb-bbc,#ebebeb);min-height:32px;overflow:hidden;padding:12px 20px}.cpl-style-a .filter-selected dt{display:inline-block;font-size:14px;font-weight:700;min-width:80px;padding-right:20px;padding-top:9px}.cpl-style-a .filter-selected .aft-item{background-color:var(--wb-theme-color,#2778ff);color:#fff;display:inline-block;height:32px;line-height:32px;padding:0 30px 0 10px;position:relative;text-align:center}.cpl-style-a .filter-selected .aft-item:after{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCI+PHBhdGggZGF0YS1uYW1lPSJYWFgg5ou36LSdIiBkPSJNMTAgOS4wNDggOS4wNDggMTAgNSA1Ljk1Mi45NTIgMTAgMCA5LjA0OCA0LjA0OCA1IDAgLjk1Mi45NTIgMCA1IDQuMDQ4IDkuMDQ4IDAgMTAgLjk1MiA1Ljk1MiA1eiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");content:"";height:9px;margin-top:-5px;position:absolute;right:10px;top:50%;width:9px}.cpl-style-a .filter-selected .aft-item+.aft-item{margin-left:10px}.ctrl-panel-m{position:sticky;top:0;z-index:999}.filter-box-m{display:none;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1001}.filter-box-m.active{display:block}.filter-box-m.active .filter-box-hd,.filter-box-m.active .filter-panel{opacity:1;transform:translateX(0);transition:transform .3s ease,opacity .2s ease}.filter-box-m.active .wb-mask-filter{opacity:1;transition:opacity .2s ease}.filter-box-m .filter-panel{background-color:var(--wb-bgcl,#fff);bottom:0;left:0;opacity:0;overflow-y:auto;padding-bottom:40px;position:absolute;top:80px;transform:translateX(-100%);width:340px;z-index:1}.filter-box-m .filter-panel::-webkit-scrollbar{background-color:var(--wb-bbc,#ebebeb);width:2px}.filter-box-m .filter-panel::-webkit-scrollbar-thumb{background-color:var(--wb-wk,#999);border-radius:2px}.filter-box-m .filter-panel::-webkit-scrollbar-thumb:hover{background-color:var(--wb-theme-color,#2778ff)}.filter-box-m .filter-box-hd{background-color:var(--wb-bgcl,#fff);height:80px;left:0;opacity:0;position:absolute;top:0;transform:translateX(-100%);width:340px;z-index:2}.filter-box-m .ctrl-btn{background-color:var(--wb-bgc,#f8f8f8);border-radius:3px;font-size:0;height:24px;left:20px;line-height:24px;position:absolute;text-align:center;top:20px;width:24px}.filter-box-m .ctrl-btn svg{fill:#666}.filter-box-m .ctrl-btn:active{background-color:var(--wb-theme-color,#2778ff)}.filter-box-m .ctrl-btn:active svg{fill:#fff}.filter-box-m .wb-mask-filter{background-color:rgba(0,0,0,.8);height:100vh;left:0;opacity:0;position:absolute;top:0;width:100vw;z-index:0}.filter-box-m .filter-items{padding-left:30px;padding-right:30px}.filter-box-m .filter-items dt{color:var(--wb-bfc,#666);float:none;font-size:16px;font-weight:700;padding-bottom:10px}.filter-box-m .filter-items dd{background-color:var(--wb-bgc,#f8f8f8);padding:10px 40px}.filter-box-m .filter-items .cat-item{display:block;padding:0}.filter-box-m .filter-items .cat-item.current a{color:var(--wb-theme-color,#2778ff);font-weight:700}.filter-box-m .filter-items .cat-item a{display:block;padding:12px 0}.filter-box-m .filter-items+.filter-items{margin-top:20px}.ctrl-panel-hd{background-color:var(--wb-bgcl,#fff);box-shadow:0 1px 3px rgba(0,0,0,.05);height:68px;line-height:68px;padding-left:120px;padding-right:20px;text-align:right}.ctrl-panel-hd .switch-btn{height:68px;left:0;padding:0 20px;position:absolute;top:0}.ctrl-panel-hd .sorting-items{display:inline-block;text-align:left;vertical-align:middle}.ctrl-panel-hd svg{fill:#666;height:32px;width:32px}.ctrl-panel-hd span{display:inline-block;font-size:14px;vertical-align:middle}.cpl-style-b{background-color:var(--wb-bgcl,#fff);min-height:32px;padding:10px 100px 10px 20px;position:sticky;top:100px;z-index:6}.cpl-style-b .ctrl-clearn{border:none;font-size:14px;line-height:30px;padding:0 20px;position:absolute;right:0;top:10px}.cpl-style-b .ctrl-clearn svg{fill:var(--wb-bfc,#666)}.cpl-style-b .ctrl-clearn:hover svg{fill:var(--wb-theme-color,#2778ff)}.cpl-style-b .wb-dropdown{border:0}.cpl-style-b .filter-item{display:inline-block;vertical-align:middle}.cpl-style-b .filter-item.selected .wb-dd-selected{color:var(--wb-theme-color,#2778ff)}.cpl-style-b .filter-item+.filter-item{margin-left:15px}.cpl-style-b .wb-dd-selected{background-color:transparent}.cpl-style-b .wb-dd-selected:after{display:none}.cpl-style-b .wb-dd-selected strong{padding:0}.cpl-style-b .wb-dd-selected .wb-icon{fill:var(--wb-wk,#999);position:absolute;right:14px;top:7px}.cpl-style-b .cat-item.current{font-weight:700}.cpl-style-b .cat-item.current a{color:var(--wb-fcs,#3e4045)}.cpl-style-b .wb-dd-items{border:1px solid var(--wb-bbc,#ebebeb);border-radius:4px;box-shadow:4px 4px 4px rgba(0,0,0,.25);box-sizing:border-box;left:50%;max-width:250px;min-width:180px;position:absolute;top:40px;transform:translateX(-50%)}.cpl-style-b .wb-dd-items:before{border:1px solid var(--wb-bgc,#f8f8f8);border-radius:3px;box-shadow:0 2px 4px 0 rgba(0,0,0,.35);height:15px;left:50%;transform:rotate(45deg) translate(-50%);width:15px;z-index:1}.cpl-style-b .wb-dd-items:after,.cpl-style-b .wb-dd-items:before{background-color:var(--wb-bgcl,#fff);content:"";position:absolute;top:0}.cpl-style-b .wb-dd-items:after{height:100%;right:0;width:100%;z-index:2}.cpl-style-b .wb-dd-items ul{padding:10px 15px;position:relative;z-index:3}.cpl-style-b .wb-dd-items .cat-item{border-top:0;padding:0}.cpl-style-b .wb-dd-items a{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:block;display:-webkit-box;font-size:12px;line-height:16px;max-height:48px;overflow:hidden;padding:5px 0 5px 26px;position:relative;z-index:3}.cpl-style-b .cat-item.current{--wb-checkbox-color:#8a3ff8}.cpl-style-b .cat-item.current a:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='var(--wb-checkbox-color, %234A90E2)' fill-rule='evenodd' d='M6 14 1 9l2-2 3 3 8-8 2 2L6 14Z' clip-rule='evenodd'/%3E%3C/svg%3E");background-size:cover;content:"";height:14px;left:2px;position:absolute;top:5px;width:14px;z-index:2}.cpl-style-b .wb-dd-inner{position:relative;z-index:3}.cpl-style-b .sorting-items a:after,.cpl-style-b .sorting-items a:before{display:none}.cpl-style-b .more-info-panel{max-width:200px;text-align:left;top:30px;width:140px}.cpl-style-b .more-info-panel ul{max-height:300px;overflow-y:auto}.cpl-style-b .more-info-panel ul::-webkit-scrollbar{background-color:var(--wb-bbc,#ebebeb);width:2px}.cpl-style-b .more-info-panel ul::-webkit-scrollbar-thumb{background-color:var(--wb-wk,#999);border-radius:2px}.cpl-style-b .more-info-panel ul::-webkit-scrollbar-thumb:hover{background-color:var(--wb-theme-color,#2778ff)}.cpl-style-b .more-info-panel .cat-item.current a:after{display:none}.cpl-style-b .more-info-panel .cat-item.current a{color:var(--wb-theme-color,#2778ff)}.cpl-style-b .more-info-panel a{color:var(--wb-bfc,#666);display:block;font-size:14px;line-height:18px;padding:6px 0}@media (max-width:768px){.cpl-style-b{box-sizing:border-box;padding:20px}}.mip-sort .sort-item{cursor:pointer;white-space:nowrap}.mip-sort .sort-item.selected span{color:var(--wb-theme-color,#2778ff);font-weight:700}.mip-sort .sort-item.selected .wb-icon{fill:var(--wb-theme-color,#2778ff)}.mip-sort a{display:block;line-height:26px;padding:0 0 0 20px;position:relative}.mip-sort .wb-icon{fill:var(--wb-bfc,#666);display:block;height:7px;width:7px}.mip-sort i{height:7px;line-height:7px;width:7px}.mip-sort .asc{left:10px;position:absolute;top:7px;transform:rotate(180deg);transform-origin:center}.mip-sort .desc{bottom:7px;left:10px;position:absolute}