.dark-mode{--pgBgColor:#353535;--headerBgColor:#232323;--footerBgColor:#232323;--siderBgColor:#2b2b2b;--siderBorderColor:#2b2b2b;--baseBorderColor:#4d4d4d;--lightBgColor:hsla(0,0%,100%,0);--fc:#b1b7bd;--fcs:#fff;--wks:#4d4d4d;--sideIconFill:#5c5c5c;--hdSearchBgc:#2b2b2b;--cateIconsUrl:url(https://static.yrucd.com/wp-content/uploads/2019/06/caticon.png);--cateIconsBorder:#404040;--bgcl:#232323;--bgc:#2b2b2b}.container-nav{background:var(--bgc,#f8f8f8);padding-bottom:0;padding-left:0}.container-nav .wb-navigation{margin-top:30px}.navigation-top{align-items:center;background-color:var(--yr-nav-theme-color,#289de9);color:#b9e3ff;display:flex;padding:10px 20px 10px 10px}.nav-top-main{color:inherit;flex:1 auto;padding-left:10px}.nav-top-main strong{display:block;font-size:16px;line-height:22px}.nav-top-main span{display:block;font-size:12px;line-height:16px}.nav-top-side{opacity:0;transition:opacity .3s}.nav-top-side.active{opacity:1}.main-navigation-wp{display:flex}.cate-nav-items{background:var(--bgcl,#fff);box-sizing:border-box;min-width:150px;padding:45px 0 35px}.cate-nav-items .cate-nav-wp{top:25px}@supports (position:sticky) or (position:-webkit-sticky){.cate-nav-items .cate-nav-wp{position:sticky;position:-webkit-sticky;top:0}}.cate-nav-items a.lv0{display:block;padding:10px 10px 10px 12px;position:relative}.cate-nav-items .cate-icon{display:inline-block;height:16px;margin-right:14px;vertical-align:middle;width:16px}.cate-nav-items .cat-item{position:relative;white-space:nowrap}.cate-nav-items .cat-item:before{background-color:var(--bgcl,#fff);bottom:0;content:"";left:0;position:absolute;top:0;transition:background-color .3s;width:3px}.cate-nav-items .cat-item.current,.cate-nav-items .cat-item:hover{background-color:var(--bgc,#f8f8f8)}.cate-nav-items .cat-item.current:before,.cate-nav-items .cat-item:hover:before{background-color:var(--yr-nav-theme-color,#289de9)}.cate-nav-items .cat-item.current em,.cate-nav-items .cat-item.current strong,.cate-nav-items .cat-item:hover em,.cate-nav-items .cat-item:hover strong{color:var(--yr-nav-theme-color,#289de9)}.cate-nav-items .cat-item strong{font-size:13px;line-height:19px}.cate-nav-items .cat-item em,.cate-nav-items .cat-item strong{display:inline-block;transition:color .3s;vertical-align:middle}.cate-nav-items .cat-item em{color:#999;font-size:12px;font-weight:400;margin-left:5px}.cate-nav-wp{max-height:100vh;overflow-y:auto}.cate-nav-wp::-webkit-scrollbar{background-color:transparent;width:2px}.cate-nav-wp::-webkit-scrollbar-thumb{background-color:transparent;border-radius:2px}.cate-nav-wp::-webkit-scrollbar-thumb:hover{background-color:#58abe0}.cate-nav-wp:hover::-webkit-scrollbar{background-color:var(--baseBorderColor,#ebebeb);width:2px}.cate-nav-wp:hover::-webkit-scrollbar-thumb{background-color:#999}.website-list{font-size:0;margin-left:-15px;margin-right:-15px;padding:30px 0 0;text-align:left}.website-list .item{display:inline-block;vertical-align:top;width:33.3333333333%}.website-list .item:hover .logo-info{background-color:#e7f5ff}.website-list .item:hover .website-name{color:#58abe0}.website-list .item:active .website-img{box-shadow:0 0 0 rgba(0,102,204,.2)}.website-list .logo-info{background-color:var(--bgcl,#fff);box-shadow:4px 4px 8px rgba(0,0,0,.05);box-sizing:border-box;display:block;height:80px;margin:10px 15px;padding:8px 30px 5px 90px;position:relative;transition:background-color .3s}.website-list .website-img{background-color:var(--bgcl,#fff);height:80px;left:0;overflow:hidden;position:absolute;top:0;width:80px}.website-list .website-img img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.website-list .website-name{color:#555c6e;display:block;font-size:16px;font-weight:700;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.website-list .website-desc{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--wks,#b1b7bd);display:block;display:-webkit-box;font-size:12px;height:36px;line-height:18px;overflow:hidden}.more-btns{font-size:0;margin:40px 0 60px;text-align:center}.pw-nav{margin-left:auto;margin-right:auto}.nav-fav-tool{bottom:auto;position:fixed;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:60px}.nav-fav-tool .my-fav-btn{background-color:var(--bgcl,#fff);border:1px solid #e5e5e5;box-sizing:border-box;cursor:pointer;display:block;font-size:0;height:60px;padding-top:10px;text-align:center;width:60px}.nav-fav-tool .my-fav-btn strong{display:block;font-size:12px}.nav-fav-tool .my-fav-btn svg{fill:var(--fc,#6b8494);display:inline-block}.nav-fav-tool .my-fav-btn:hover{background-color:var(--yr-nav-theme-color,#289de9)}.nav-fav-tool .my-fav-btn:hover strong{color:#fff}.nav-fav-tool .my-fav-btn:hover svg{fill:#fff}.my-fav-list .ppi-inner{display:block}.my-fav-list .item{display:inline-block;margin-bottom:10px;margin-left:5px;margin-right:5px;position:relative;z-index:3}.my-fav-list .item .website-desc,.my-fav-list .item .website-name{display:none}.my-fav-list .item .website-img{border:1px solid var(--baseBorderColor,#ebebeb);border-radius:3px;height:60px;width:60px}.my-fav-list .item .website-img img{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}@media (min-width:1801px){.pw-nav{max-width:1360px}.website-list .item{width:25%}}@media (max-width:1800px){.pw-nav{max-width:1200px}.website-list .item{width:33.3333333333%}}@media (max-width:1600px){.pw-nav{max-width:900px}}@media (max-width:1200px){.pw-nav{max-width:90%}}@media (max-width:960px){.website-list .item{width:50%}}@media (max-width:768px){.website-list{display:block}.website-list .item{width:100%}.nav-top-side{display:none}}.fl-title{align-items:center;background-color:var(--bgc,#f8f8f8);display:flex;margin-left:auto;margin-right:auto;z-index:2}.fl-title .title-main{color:var(--fcs,#333);flex:1;font-size:18px;font-weight:700;line-height:28px}.fl-title .cate-icon{height:16px;margin-right:10px;-o-object-fit:contain;object-fit:contain;width:16px}.fl-title .ctrl-more{color:var(--yr-nav-theme-color,#289de9);font-size:14px;line-height:24px}.fl-title .ctrl-more:hover{text-decoration:underline}.nav-cate-floors{flex:1;padding-bottom:80px;padding-top:40px}.nav-cate-floors .website-list{padding-top:0}.nav-cate-floors .emtpy-tips{font-size:16px;padding:40px;text-align:center}.sc-nav+.sc-nav{margin-top:80px}.sc-nav.current .fl-title{margin:-10px;padding:10px;position:sticky;top:0}.btns-bar{padding-top:30px;text-align:center}.share-wrap{left:0;opacity:0;top:0;transition:opacity .3s;visibility:hidden;z-index:0}.share-wrap,.share-wrap .share-mask{height:100%;position:absolute;width:100%}.share-wrap .share-mask{background-color:rgba(0,0,0,.5);display:block;z-index:1}.share-wrap .share-main{position:absolute;right:15px;top:20px;z-index:3}.share-wrap .share-logo{background-color:#fff;border-radius:28px;cursor:pointer;display:block;height:28px;line-height:28px;margin-top:10px;position:relative;text-align:center;transition:all .2s;width:28px}.share-wrap .share-logo:first-child{margin-top:0}.share-wrap .share-logo svg{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.share-wrap .icon-weixin:hover{--color1:#56b75e;--color2:#fff;background-color:#56b75e}.share-wrap .icon-qq svg{fill:#666}.share-wrap .icon-qq:hover{background-color:#1eb7f1}.share-wrap .icon-qq:hover svg{fill:#fff}.share-wrap .icon-weibo svg{fill:#666}.share-wrap .icon-weibo:hover{background-color:#f97e48}.share-wrap .icon-weibo:hover svg{fill:#fff}.share-wrap .icon-dingding svg{fill:#666}.share-wrap .icon-dingding:hover{background-color:#2b59f0}.share-wrap .icon-dingding:hover svg{fill:#fff}@media (max-width:1200px){.cate-nav-items a.lv0{padding-left:20px}.nav-cate-floors{margin-left:20px}}@media (max-width:768px){.main-nav-wp{display:block}.main-nav-wp .cate-nav-items{display:none}.nav-cate-floors{margin-left:auto}.nav-post-list .post{width:50%}}.container-nav{background-color:var(--bgc,#f8f8f8)}.container-nav .bread-crumbs{padding-top:20px}.container-nav .website-name:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10'%3E%3Cpath fill-rule='evenodd' fill='%23289de9' d='M11 10h-1c-.6 0-1-.4-1-1s.4-1 1-1h1a3 3 0 0 0 3-3 3 3 0 0 0-3-3h-1c-.6 0-1-.4-1-1s.4-1 1-1h1a5 5 0 0 1 5 5 5 5 0 0 1-5 5zM4 5c0-.6.4-1 1-1h6c.6 0 1 .4 1 1s-.4 1-1 1H5c-.6 0-1-.4-1-1zm2-3H5a3 3 0 0 0-3 3 3 3 0 0 0 3 3h1c.6 0 1 .4 1 1s-.4 1-1 1H5a5 5 0 0 1-5-5 5 5 0 0 1 5-5h1c.6 0 1 .4 1 1s-.4 1-1 1z'/%3E%3C/svg%3E");content:"";display:inline-block;height:10px;margin-left:5px;opacity:0;transition:opacify .3s cubic-bezier(.31,1,.34,1);vertical-align:middle;width:16px}.container-nav .website-name:hover:after{opacity:1}.detail-nav{flex:1 auto;margin-left:auto;margin-right:auto;max-width:1200px}.overview-nav{align-items:center;display:flex;padding-bottom:40px}.overview-nav .media-pic{background-color:var(--bgcl,#fff);border-radius:3px;overflow:hidden;position:relative;width:50%}.overview-nav .media-pic:after{content:"";display:block;padding-top:100%}.overview-nav .media-pic img{height:80%;left:10%;-o-object-fit:contain;object-fit:contain;position:absolute;top:10%;width:80%}.overview-nav .media-body{flex:1;padding-left:130px}.overview-nav .website-name{color:var(--fcs,#333);display:block;font-size:24px;font-weight:700;padding-bottom:15px}.overview-nav .summary{font-size:14px;line-height:20px;margin-bottom:20px}.overview-nav .btn-like{display:inline-block;padding:0 20px;vertical-align:middle}.overview-nav .btn-like span{display:inline-block;font-size:12px;vertical-align:middle}.overview-nav .btn-like svg{height:24px;width:24px}.overview-nav .btn-like .wbsico-heartfill{fill:#f1787f}.btn-navigation{background-color:var(--bgcl,#fff);border:1px solid #a7b0c4;border-radius:5px;display:inline-block;font-size:0;line-height:34px;padding:0 15px 0 10px}.btn-navigation:hover{border-color:#58abe0}.btn-navigation:hover svg{fill:var(--yr-nav-theme-color,#289de9)}.btn-navigation span{font-size:14px;margin-left:4px}.btn-navigation span,.btn-navigation svg{display:inline-block;vertical-align:middle}.btn-navigation svg{fill:#999;height:16px;width:16px}.btns-bar-nav{align-items:center;display:flex}.btns-bar-nav .link{color:#999;margin-left:10px}.btns-bar-nav .fav{cursor:pointer}.btns-bar-nav .fav svg{fill:#999;height:20px;width:20px}.btns-bar-nav .fav span{display:none}.btns-bar-nav .fav.active svg{fill:#fb8869}.panel-related{padding-bottom:50px}.panel-related .sc-title{display:flex}.panel-related .sc-title strong{flex:1 auto;font-weight:700}.panel-related .read-more{color:#58abe0;font-size:12px;font-weight:400}.panel-related .read-more:hover{text-decoration:underline}.panel-related .website-list{padding-top:0}.panel-related .website-list .item{width:33.33%}@media (max-width:1200px){.show-sb .cate-nav-items{display:block}.cate-nav-items{display:none}.cate-nav-items a.lv0{padding-left:20px}.detail-nav{max-width:700px}.overview-nav .media-body{padding-left:40px}.nav-cate-floors{margin-left:20px}.panel-related .website-list .item{width:50%}}