body,html{width:100%}#digital-screen,.mod-close-btn,.node{box-shadow:3px 2px 3px rgba(0,0,0,.15)}.button,.node{user-select:none}#oneness-tips,#search-bar,.button,.node,body{box-sizing:border-box}#oneness-graph-title,.mod-menu .mod-name,.node{font-weight:700;text-align:center}:focus{outline:0}html{height:100%}body{background-color:#e8ebef;margin:0;font-family:HelveticaNeue-Thin,"Helvetica Neue Thin","Helvetica Neue","Open Sans Light",Helvetica,Arial,"Lucida Grande",sans-serif}[lang=zh-cn]{font-family:"Open Sans","Helvetica Neue","Microsoft Yahei",sans-serif!important}a{text-decoration:none}input,textarea{border:1px solid #eee}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.line:after,.line:before{content:''}.clearfix{zoom:1}.button{position:relative;font-size:14px;height:32px;line-height:32px;border:1px solid #0073ea;background:#0073ea;color:#fff;text-align:center;display:inline-block;padding:0 20px;cursor:pointer;border-radius:2px;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}.button .fa{margin:0 4px}.button.disabled,.button.disabled:hover,.button.hover.disabled,.button.hover.disabled:hover{background:#999;color:#eee;border:1px solid #999;cursor:not-allowed;transition:none;-webkit-transition:none}.button.hover,.button.hover:hover,.button:hover{border:1px solid #0070ee}.line,.node{transition:all .3s ease-in-out}.button:hover{background:#fff;color:#0073ea}.button.hover{background:#fff;color:#0070ee}.button.hover:hover{background:#0070ee;color:#fff}.message-box{width:300px;height:150px;position:absolute;font-size:14px;top:50%;left:50%;margin-top:-90px;margin-left:-150px}#oneness-graph,#oneness-tips,#search-bar,.content{position:relative}.message-box.error{color:#FD5638}.content{min-height:900px}.category-0{background:#0070ee}.category-1{background:#ffc000}.category-2{background:#02a000}.category-3{background:#00bad0}.category-4{background:#031868}.category-5{background:#3a6fa8}.category-6{background:#6f4ecc}.category-7{background:#ff0084}.category-8{background:#ff6200}.category-9{background:#889606}.category-10{background:#9c0091}.category-11{background:red}#oneness-graph-title{font-size:52px;line-height:108px;user-select:none}#oneness-tips{width:100%;text-align:center;opacity:.7;padding:0 12px}#search-bar{margin:24px auto;width:280px;height:38px;z-index:3;line-height:40px;background:#fff;font-size:20px;border-radius:20px}#search-bar i{line-height:40px;width:40px;text-align:center;float:left;opacity:.5}#search-bar .key{border:none;height:36px;float:left;width:220px}#oneness-graph{width:100%;height:808px;margin:auto;display:block;overflow:auto}.line,.line:after,.line:before,.node{position:absolute}.line{background:#ccc;transform-origin:0 1px;height:3px;border-radius:3px;font-size:12px}.line:before{left:0;top:0}.line:after{right:47px;width:6px;height:6px;border-top:solid 3px #ccc;border-right:solid 3px #ccc;bottom:-3px;transform:rotate(45deg)}#digital-screen:before,.node{transform:translate(-50%,-50%)}.line.highlight{z-index:1;background:#0070ee}.line.highlight:after{border-color:#0070ee}.node{color:#fff;line-height:100%;white-space:nowrap;z-index:2;font-size:16px;cursor:pointer}.node.highlight{background:#fff;z-index:3}.node.highlight span{color:#00cfc8;-webkit-text-fill-color:transparent;-webkit-background-clip:text!important;background:linear-gradient(45deg,#0070ee,#00cfc8)}.node.disabled{background:#999}.mod-content,.mod-menu{height:100%;top:0;z-index:666;transition:all .3s ease-in-out;background:rgba(255,255,255,.85);backdrop-filter:blur(5px);display:none;position:absolute;box-sizing:border-box}.mod-menu{width:270px;left:0;opacity:0}.mod-menu .mod-name{font-size:28px;line-height:60px;color:#fff;width:230px;margin:12px auto;border-radius:30px;opacity:.9}.mod-menu ul{width:246px;padding:12px 20px;margin:0 12px;list-style:none;box-sizing:border-box;border-radius:12px}.mod-menu ul li{line-height:38px;font-size:16px;width:100%;box-sizing:border-box;cursor:pointer}.mod-menu ul li.selected{color:#0070ee;font-weight:900}.mod-menu ul li.level-2{line-height:20px;font-size:14px;padding-left:24px}.mod-content{width:calc(100% - 270px);overflow:auto;padding-right:20px;padding-bottom:180px;left:270px;opacity:0}.mod-content .mod-name{text-align:center;font-size:28px;line-height:60px;font-weight:700;color:#fff;width:230px;margin:12px auto;border-radius:30px;opacity:.9;display:none}.mod-content .no-content{position:absolute;font-size:30px;opacity:.7;width:100%;line-height:300px;text-align:center;left:0;top:50%;transform:translateY(-50%);margin-left:-135px}.mod-content .mod-introduction{text-align:center;font-size:18px;line-height:32px;border-radius:16px;box-sizing:border-box;padding:24px}.mod-content h3{position:relative;display:block;margin:32px 0 12px;text-align:center;font-size:24px}.mod-content h3 .role{position:absolute;top:12px;right:24px;font-size:16px;font-weight:400;color:#666}.mod-content h3 .role a{color:#fff;border-radius:18px;padding:4px 12px;margin-top:6px}.mod-content img{width:100%;box-sizing:border-box;padding:8px;border-radius:8px;background:#fff}.mod-content img.mobile{width:360px;margin:auto;display:block}.mod-content div.des{font-size:16px;text-align:center}.mod-close-btn{position:absolute;display:none;bottom:32px;left:83px;z-index:667;font-size:32px;width:52px;height:52px;line-height:52px;text-align:center;transition:all .6s ease-in-out;background:rgba(255,192,0,.9);opacity:0;cursor:pointer;border-radius:30px}#digital-screen,#graph-samples{text-align:center;box-sizing:border-box;z-index:3}body.view-mod{overflow:hidden}body.view-mod .mod-close-btn,body.view-mod .mod-content,body.view-mod .mod-menu{display:block;opacity:1}#digital-screen{position:absolute;top:860px;left:150px;padding:16px 32px;border-radius:16px;background:linear-gradient(45deg,#6f4ecc,#0070ee);cursor:pointer;transition:all .3s ease-in-out}#digital-screen span{font-size:24px;color:#fff;line-height:30px;transition:all .3s ease-in-out;z-index:1;position:relative}#digital-screen:before{position:absolute;font-size:38px;color:#fff;z-index:0;left:50%;top:50%;opacity:.35}#digital-screen:hover{background:linear-gradient(45deg,#fff,#fff)}#digital-screen:hover span{color:#00cfc8;-webkit-text-fill-color:transparent;-webkit-background-clip:text!important;background:linear-gradient(45deg,#6f4ecc,#0070ee)}#graph-samples{position:relative;width:50%;display:block;border:2px dashed #666;border-radius:12px;margin:0 auto 120px;padding:12px 24px}#graph-samples h3,#graph-samples h5{margin:0}#graph-samples .dependency-arrow{width:200px;position:relative;margin:0 auto 12px}#graph-samples .dependency-arrow:after{right:0}#graph-samples .categories{position:relative;margin:auto;line-height:24px}#graph-samples .categories .cate{display:inline-block;position:relative;width:24px;height:24px;border-radius:12px;margin:auto 2px;vertical-align:middle}#graph-samples .categories span{line-height:24px;vertical-align:middle;margin-right:8px}@media screen and (max-width:860px){.wy-header.header .my-project,.wy-header.header .user-info,.wy-header.header .wy-header-nav .biz-topics,.wy-header.header .wy-header-nav .pricing,.wy-header.header .wy-header-nav .support,.wy-header.header .wy-header-nav .template-store,.wy-header.header .wy-header-nav .tutorials,.wy-header.header .wy-header-nav .usercase,body.view-mod .mod-menu{display:none}*{-webkit-overflow-scrolling:touch}.wy-header.header{min-width:unset}.wy-header.header .language,.wy-header.header .user-info{margin-right:0}.content{position:relative;width:100%;margin:0;border:none}.content #oneness-graph{height:900px}.content #graph-samples{width:calc(100% - 24px);padding:12px}.content #graph-samples .cate{width:18px;height:18px;margin:auto 1px}.content #graph-samples span{line-height:18px;vertical-align:middle;margin-right:6px;font-size:16px}.content #digital-screen{font-size:18px;top:960px}body.view-mod{overflow-x:hidden}body.view-mod .mod-content{padding-right:0;width:100%;left:0}body.view-mod .mod-content .mod-name{display:block}body.view-mod .mod-content h3 .role{display:block;position:relative;right:unset;top:unset}body.view-mod .mod-close-btn{left:50%;margin-left:-26px}}