.personDrawer{height:36.46vw;border-left:3px solid #d4af37;box-shadow:-5px 0 20px rgba(0,0,0,.5)}.personDrawer .el-drawer__header{display:none}.personDrawer .el-drawer.ltr{background-image:url(https://cos.historybook.wiki/assets/image/board/personBoard.png);background-size:100% 100%;background-repeat:no-repeat;background-color:transparent}.personDrawer .top{height:58%;width:100%}.personDrawer .top>.floor1{height:10%;position:relative}.personDrawer .top>.floor1 .close{cursor:pointer;height:1.2vw;width:1.2vw;position:absolute;right:3%;top:23%;background-image:url(https://cos.historybook.wiki/assets/image/person/close.png);background-size:100% 100%;background-repeat:no-repeat;transition:all .3s ease}.personDrawer .top>.floor1 .close:hover{transform:scale(1.1);filter:brightness(1.2)}.personDrawer .top>.floor2{height:86%;margin:0 10px 10px 10px}.personDrawer .top>.floor2 .left{float:left;width:60%;height:100%}.personDrawer .top>.floor2 .left .floor1{height:74%;width:100%;position:relative}.personDrawer .top>.floor2 .left .floor1 .circle{height:100%;width:calc(100% + 4px);border-radius:100%}.personDrawer .top>.floor2 .left .floor1 .lord{height:3vw;width:3vw;position:absolute;top:1.4vw;right:4vw;border-radius:3vw;border:2px solid #d4af37;background:rgba(212,175,55,.1)}.personDrawer .top>.floor2 .left .floor1 .lord .lordName{height:1vw;width:3vw;background-image:url(https://cos.historybook.wiki/assets/image/person/name.png);background-size:100% 100%;background-repeat:no-repeat;position:absolute;bottom:-.5vw;left:-4px;text-align:center;font-size:.8vw;color:#d4af37}.personDrawer .top>.floor2 .left .floor1 .name{position:absolute;top:8%;left:45%;color:#000;font-family:LiSu,KaiTi,serif;font-size:1.2vw;text-shadow:0 0 8px rgba(212,175,55,.5)}.personDrawer .top>.floor2 .left .floor1 .death{position:absolute;background-image:url(https://cos.historybook.wiki/assets/image/person/death.png);background-size:100% 100%;background-repeat:no-repeat;height:1.6vw;width:1.6vw;bottom:10%;left:56%;z-index:2;filter:drop-shadow(0 0 4px rgba(255,0,0,.6))}.personDrawer .top>.floor2 .left .floor1 .you{height:8vw;width:8vw;border-radius:8vw;position:absolute;bottom:12%;left:20%;z-index:1;background-size:100% 100%;background-repeat:no-repeat;border:3px solid #d4af37;box-shadow:0 0 15px rgba(212,175,55,.6)}.personDrawer .top>.floor2 .left .floor1 .yours{height:5.55vw;width:5.55vw;border-radius:5.55vw;position:absolute;bottom:14%;right:1%;z-index:2;border:2px solid rgba(212,175,55,.5)}.personDrawer .top>.floor2 .left .floor1 .yours .circle{background-size:100% 100%;background-repeat:no-repeat}.personDrawer .top>.floor2 .left .floor1 .yours .yoursName{height:1.4vw;line-height:1.4vw;width:5.55vw;background-image:url(https://cos.historybook.wiki/assets/image/person/name.png);background-size:100% 100%;background-repeat:no-repeat;position:absolute;bottom:-14%;left:-4%;text-align:center;font-size:.8vw;z-index:2;color:#000}.personDrawer .top>.floor2 .left .floor2{height:26%;width:100%}.personDrawer .top>.floor2 .right{float:left;width:40%;height:100%}.personDrawer .top>.floor2 .right .top{height:85%;width:100%;position:relative}.personDrawer .top>.floor2 .right .top .old{position:absolute;top:7.5%;right:16%;color:#f0e6d2;font-family:LiSu,KaiTi,serif}.personDrawer .top>.floor2 .right .top .attribute5Num{height:5vw;width:5vw;position:absolute;top:67%;right:55%}.personDrawer .top>.floor2 .right .top .attribute5Num .son{height:20%;width:100%;color:#fff;text-align:left}.personDrawer .top>.floor2 .right .top .attribute5Num .son>div{height:1vw;width:1vw;cursor:pointer;background-size:110% 110%;background-repeat:no-repeat;margin-left:.6vw;margin-right:.6vw;float:left;transition:all .3s ease}.personDrawer .top>.floor2 .right .top .attribute5Num .son>div:hover{transform:scale(1.2);filter:brightness(1.3)}.personDrawer .top>.floor2 .right .top .attribute5Num .son span{position:relative}.personDrawer .top>.floor2 .right .top .attribute5Num .shejiao{background-image:url(https://cos.historybook.wiki/assets/image/smallimg/diplomacy_skill_temp.png)}.personDrawer .top>.floor2 .right .top .attribute5Num .junshi{background-image:url(https://cos.historybook.wiki/assets/image/smallimg/martial_skill_temp.png)}.personDrawer .top>.floor2 .right .top .attribute5Num .guanli{background-image:url(https://cos.historybook.wiki/assets/image/smallimg/stewardship_skill_temp.png)}.personDrawer .top>.floor2 .right .top .attribute5Num .mimou{background-image:url(https://cos.historybook.wiki/assets/image/smallimg/intrigue_skill_temp.png)}.personDrawer .top>.floor2 .right .top .attribute5Num .xueshi{background-image:url(https://cos.historybook.wiki/assets/image/smallimg/learning_skill_temp.png)}.personDrawer .top>.floor2 .right .bottom{height:15%;width:100%}.personDrawer .top>.floor2 .right .bottom .attribute1{height:45%;width:100%;padding-left:.2vw}.personDrawer .top>.floor2 .right .bottom .attribute1 .item-wrap{position:relative;height:100%;width:1.2vw;float:left;cursor:pointer}.personDrawer .top>.floor2 .right .bottom .attribute1 .item-wrap .item{height:100%;width:100%;background-size:100% 100%;background-repeat:no-repeat;transition:all .3s ease}.personDrawer .top>.floor2 .right .bottom .attribute1 .item-wrap .item:hover{transform:scale(1.1);filter:brightness(1.2)}.personDrawer .top>.floor2 .right .bottom .attribute2{height:55%;width:100%}.personDrawer .bottom{height:42%;width:100%}.personDrawer .bottom>.floor1{height:1.3vw}.personDrawer .bottom>.floor2{height:calc(100% - 1.3vw);padding:0 .7vw .7vw .7vw}.personDrawer .bottom>.floor2 .content{height:100%;background-image:url(https://cos.historybook.wiki/assets/image/person/family2.png);background-size:100% 100%;background-repeat:no-repeat;background-color:rgba(45,28,11,.8);border:1px solid #d4af37;border-radius:8px}.personDrawer .bottom>.floor2 .content>.floor1{height:34%;padding-top:.25vw}.personDrawer .bottom>.floor2 .content>.floor1>.floor1{height:1vw;padding:0 .83vw 0 .83vw}.personDrawer .bottom>.floor2 .content>.floor1>.floor1>.son1,.personDrawer .bottom>.floor2 .content>.floor1>.floor1>.son2,.personDrawer .bottom>.floor2 .content>.floor1>.floor1>.son3{text-align:center;color:#d4af37;float:left;height:100%;line-height:1vw;font-family:LiSu,KaiTi,serif}.personDrawer .bottom>.floor2 .content>.floor1>.floor1>.son1{width:33%}.personDrawer .bottom>.floor2 .content>.floor1>.floor1>.son2{width:39%}.personDrawer .bottom>.floor2 .content>.floor1>.floor1>.son3{width:28%}.personDrawer .bottom>.floor2 .content>.floor1>.floor2{height:calc(100% - 1vw);padding:0 .83vw 0 .83vw}.personDrawer .bottom>.floor2 .content>.floor1>.floor2>.son1,.personDrawer .bottom>.floor2 .content>.floor1>.floor2>.son2,.personDrawer .bottom>.floor2 .content>.floor1>.floor2>.son3{text-align:center;height:100%;line-height:3vw;display:flex;justify-content:center;align-items:center}.personDrawer .bottom>.floor2 .content>.floor1>.floor2>.son1{width:33%}.personDrawer .bottom>.floor2 .content>.floor1>.floor2>.son2{width:39%}.personDrawer .bottom>.floor2 .content>.floor1>.floor2>.son3{width:28%}.personDrawer .bottom>.floor2 .content>.floor1>.floor2 .parentImg{height:2.8vw;width:2.8vw;border-radius:100%;background-size:100% 100%;background-repeat:no-repeat;border:2px solid #d4af37}.personDrawer .bottom>.floor2 .content>.floor2{height:33%;padding:0 .83vw}.personDrawer .bottom>.floor2 .content>.floor2 .floor1{height:2.454642476vh}.personDrawer .bottom>.floor2 .content>.floor2 .floor1 .son1{font-family:LiSu,KaiTi,serif;text-align:center;color:#d4af37;padding-top:.4268943436vh}.personDrawer .bottom>.floor2 .content>.floor2 .floor2{display:flex;padding-left:.2604166667vw;gap:.2604166667vw}.personDrawer .bottom>.floor2 .content>.floor2 .children-row{display:flex;flex-direction:row;align-items:center;gap:.4vw;flex-wrap:wrap}.personDrawer .bottom>.floor2 .content>.floor2 .childImg{height:2.8vw;width:2.8vw;border-radius:100%;background-size:100% 100%;background-repeat:no-repeat;border:2px solid silver;flex-shrink:0}.personDrawer .bottom>.floor2 .content>.floor3{height:33%}.antique-select{border:1px solid #b8860b;border-radius:4px;transition:border .2s;width:6.09375vw;height:3.8420490928vh;background-color:rgba(45,28,11,.749);box-shadow:inset 0 0 9.7px .3px rgba(0,0,0,.75)}.antique-select:hover{border-color:#daa520}.antique-select .el-input{width:100%;height:100%}.antique-select .el-input__inner{background-color:transparent!important;border:none!important;color:#f5e6d3;font-family:STKaiti,serif;height:100%;line-height:normal;padding:0 10px}.antique-select .el-input__inner::-moz-placeholder{color:#b8860b;opacity:.7}.antique-select .el-input__inner::placeholder{color:#b8860b;opacity:.7}.antique-select .el-input__suffix{top:2px;color:#daa520}.antique-select .el-input__suffix .el-input__icon{line-height:normal}.tree{width:100%;overflow:auto;padding-left:0!important;margin-left:0!important}.tree::-webkit-scrollbar{width:8px;height:8px}.tree::-webkit-scrollbar-thumb{background-color:rgba(212,175,55,.5);border-radius:4px}.tree::-webkit-scrollbar-thumb:hover{background-color:#d4af37}.tree::-webkit-scrollbar-track{background-color:rgba(45,28,11,.5);border-radius:4px}.tree::-webkit-scrollbar-corner{background-color:transparent}.treeDiv{min-height:100%;background-size:100% 100%;background-repeat:no-repeat;font-family:LiSu;overflow:scroll;background:linear-gradient(145deg,#1a1a1a,#2d261e)}.tree ul{padding-top:20px;display:flex;justify-content:flex-start;margin-left:0;padding-left:0;min-width:-moz-max-content;min-width:max-content}.tree li,.tree ul{position:relative;transition:all .5s ease}.tree li{display:table-cell;text-align:center;list-style-type:none;padding:20px 15px 0 15px}.tree li:after,.tree li:before{content:"";position:absolute;top:0;right:50%;border-top:1px solid #d4af37;width:50%;height:25px;transition:all .3s ease}.tree li:after{right:auto;left:50%;border-left:1px solid #d4af37}.tree li:only-child:after,.tree li:only-child:before{display:none}.tree li:only-child{padding-top:20px}.tree li:first-child:before,.tree li:last-child:after{border:0 none}.tree li:last-child:before{border-right:1px solid #d4af37;border-radius:0 4px 0 0}.tree li:first-child:after{border-radius:4px 0 0 0}.tree ul ul:before{content:"";position:absolute;top:0;left:50%;border-left:1px solid #d4af37;width:0;height:21px}.tree li:hover+ul:before,.tree li:hover+ul li:after,.tree li:hover+ul li:before,.tree li:hover:after,.tree li:hover:before{border-color:#f0c050;border-width:2px}.tree-node-item[data-v-39dafb04]{display:table-cell;text-align:center;list-style-type:none;position:relative;padding:20px 15px 0 15px;transition:all .3s ease}.tree-node-item .node-link[data-v-39dafb04]{text-decoration:none;outline:none;display:inline-block}.tree-node-level[data-v-303a9b3a]{position:relative;transition:all .3s ease}.person-node[data-v-303a9b3a]{display:inline-block;cursor:pointer;transition:all .3s ease}.person-node[data-v-303a9b3a]:hover{transform:scale(1.08)}.person-node:hover .person[data-v-303a9b3a]{box-shadow:0 0 15px var(--level-color);border:2px solid var(--level-color)}.person-node:hover .name[data-v-303a9b3a]{color:#f0c050;text-shadow:0 0 8px rgba(212,175,55,.5)}.person-node .person[data-v-303a9b3a]{z-index:1;position:relative;width:80px;height:80px;border-radius:50%;display:inline-block;background-color:#2d261e;background-repeat:no-repeat;background-size:cover;border:2px solid var(--level-color);transition:all .3s ease}.person-node .name[data-v-303a9b3a]{display:inline-block;width:100%;margin-top:8px;font-family:LiSu,KaiTi,serif;font-size:16px;color:#f0e6d2;text-align:center;transition:all .3s ease}.creator-node[data-v-303a9b3a]:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;background:linear-gradient(45deg,#d4af37,#f0c050,#d4af37);z-index:-1;animation:rotate-303a9b3a 3s linear infinite}@keyframes rotate-303a9b3a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.death[data-v-303a9b3a]{position:absolute;left:80%;bottom:-15%;background-image:url(../../static/img/death.040eb766.png);background-size:100% 100%;background-repeat:no-repeat;height:24px;width:24px;z-index:2;filter:drop-shadow(0 0 4px rgba(255,0,0,.6))}.antique-select[data-v-bfa01b3a]{border:1px solid #b8860b;border-radius:4px;transition:border .2s;width:6.09375vw;height:3.8420490928vh;background-color:rgba(45,28,11,.749);box-shadow:inset 0 0 9.7px .3px rgba(0,0,0,.75)}.antique-select[data-v-bfa01b3a]:hover{border-color:#daa520}.antique-select .el-input[data-v-bfa01b3a]{width:100%;height:100%}.antique-select .el-input__inner[data-v-bfa01b3a]{background-color:transparent!important;border:none!important;color:#f5e6d3;font-family:STKaiti,serif;height:100%;line-height:normal;padding:0 10px}.antique-select .el-input__inner[data-v-bfa01b3a]::-moz-placeholder{color:#b8860b;opacity:.7}.antique-select .el-input__inner[data-v-bfa01b3a]::placeholder{color:#b8860b;opacity:.7}.antique-select .el-input__suffix[data-v-bfa01b3a]{top:2px;color:#daa520}.antique-select .el-input__suffix .el-input__icon[data-v-bfa01b3a]{line-height:normal}.tree[data-v-bfa01b3a]{width:100%;overflow:auto;padding-left:0!important;margin-left:0!important}.tree[data-v-bfa01b3a]::-webkit-scrollbar{width:8px;height:8px}.tree[data-v-bfa01b3a]::-webkit-scrollbar-thumb{background-color:rgba(212,175,55,.5);border-radius:4px}.tree[data-v-bfa01b3a]::-webkit-scrollbar-thumb:hover{background-color:#d4af37}.tree[data-v-bfa01b3a]::-webkit-scrollbar-track{background-color:rgba(45,28,11,.5);border-radius:4px}.tree[data-v-bfa01b3a]::-webkit-scrollbar-corner{background-color:transparent}.treeDiv[data-v-bfa01b3a]{min-height:100%;background-size:100% 100%;background-repeat:no-repeat;font-family:LiSu;overflow:scroll;background:linear-gradient(145deg,#1a1a1a,#2d261e)}.tree ul[data-v-bfa01b3a]{padding-top:20px;position:relative;transition:all .5s ease;display:flex;justify-content:flex-start;margin-left:0;padding-left:0;min-width:-moz-max-content;min-width:max-content}.tree li[data-v-bfa01b3a]{display:table-cell;text-align:center;list-style-type:none;position:relative;padding:20px 15px 0 15px;transition:all .5s ease}.tree li[data-v-bfa01b3a]:after,.tree li[data-v-bfa01b3a]:before{content:"";position:absolute;top:0;right:50%;border-top:1px solid #d4af37;width:50%;height:25px;transition:all .3s ease}.tree li[data-v-bfa01b3a]:after{right:auto;left:50%;border-left:1px solid #d4af37}.tree li[data-v-bfa01b3a]:only-child:after,.tree li[data-v-bfa01b3a]:only-child:before{display:none}.tree li[data-v-bfa01b3a]:only-child{padding-top:20px}.tree li[data-v-bfa01b3a]:first-child:before,.tree li[data-v-bfa01b3a]:last-child:after{border:0 none}.tree li[data-v-bfa01b3a]:last-child:before{border-right:1px solid #d4af37;border-radius:0 4px 0 0}.tree li[data-v-bfa01b3a]:first-child:after{border-radius:4px 0 0 0}.tree ul ul[data-v-bfa01b3a]:before{content:"";position:absolute;top:0;left:50%;border-left:1px solid #d4af37;width:0;height:21px}.tree li:hover+ul[data-v-bfa01b3a]:before,.tree li:hover+ul li[data-v-bfa01b3a]:after,.tree li:hover+ul li[data-v-bfa01b3a]:before,.tree li[data-v-bfa01b3a]:hover:after,.tree li[data-v-bfa01b3a]:hover:before{border-color:#f0c050;border-width:2px}.family-tree-container[data-v-bfa01b3a]{background:linear-gradient(145deg,#1a1a1a,#2d261e);position:relative}.family-tree-container[data-v-bfa01b3a] .person-node .name{writing-mode:horizontal-tb;text-orientation:mixed;white-space:nowrap;margin-top:8px;text-align:center}.family-tree-container[data-v-bfa01b3a]::-webkit-scrollbar{width:8px;height:8px}.family-tree-container[data-v-bfa01b3a]::-webkit-scrollbar-thumb{background-color:rgba(212,175,55,.5);border-radius:4px}.family-tree-container[data-v-bfa01b3a]::-webkit-scrollbar-thumb:hover{background-color:#d4af37}.family-tree-container[data-v-bfa01b3a]::-webkit-scrollbar-track{background-color:rgba(45,28,11,.5);border-radius:4px}.family-tree-container[data-v-bfa01b3a]::-webkit-scrollbar-corner{background-color:transparent}.family_position[data-v-bfa01b3a]{position:absolute;top:1.6008537887vh;left:.78125vw;z-index:5;display:flex;gap:20px;padding:10px}.family-select[data-v-bfa01b3a],.number-select[data-v-bfa01b3a]{width:200px}