.appHeader[data-v-f6d58c48]{width:100%;position:relative;left:0;height:56px;z-index:2;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background-color:#1d1d21}.appHeader .appHeaderContent[data-v-f6d58c48]{width:1100px;height:56px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.appHeader .appHeaderContent .header-left[data-v-f6d58c48]{display:flex;justify-content:center;align-items:center}.appHeader .appHeaderContent .youmin-icon[data-v-f6d58c48]{width:104px;height:26px;background:url(https://image.gamersky.com/webimg13/db/diablo4/assets/youmin-icon.png) no-repeat center/100%}.appHeader .appHeaderContent .header-right[data-v-f6d58c48]{display:flex;align-items:center}.appHeader .appHeaderContent .header-right ul[data-v-f6d58c48]{display:flex}.appHeader .appHeaderContent .header-right ul li a[data-v-f6d58c48]{margin-right:30px;font-size:16px;line-height:56px;color:#ffffff80}.appHeader .appHeaderContent .header-right ul li a[data-v-f6d58c48]:hover{color:#fff}.appHeader .appHeaderContent .header-right .login-box[data-v-f6d58c48]{border-left:1px solid #323238;display:flex;height:30px;justify-content:center;align-items:center;color:#ffffff80;cursor:pointer}.appHeader .appHeaderContent .header-right .login-box img[data-v-f6d58c48]{display:block;margin-left:30px;width:30px;height:30px;border-radius:15px}.appHeader .appHeaderContent .header-right .login-box span[data-v-f6d58c48]{margin-left:10px}.appHeader .appHeaderContent .header-right .login-box span a[data-v-f6d58c48]{color:#ffffff80}.Bot[data-v-a18b2604]{position:relative;width:100%;min-width:1140px;height:170px;background-color:#141414}.Bot .Copyright[data-v-a18b2604]{margin:0 auto;width:1100px;padding-top:35px;height:auto;line-height:30px;text-align:center;color:#777;font-size:14px}.Bot .Copyright a[data-v-a18b2604]{margin:0 5px;color:#777}.Bot .Copyright a[data-v-a18b2604]:hover{color:#eee}.downLoadMask[data-v-d1717349]{display:flex;justify-content:center;align-items:center;position:fixed;left:0;top:0;right:0;bottom:0;z-index:6000;background:#000000b3}.downLoadMask .downLoadMain[data-v-d1717349]{width:260px;height:132px;background:#fff;border-radius:12px;overflow:hidden}.downLoadMask .downLoadMain .downLoadMain-text[data-v-d1717349]{display:flex;justify-content:center;align-items:center;width:100%;height:84px;font-size:17px;color:#0a0a0a;text-align:center;font-weight:700}.downLoadMask .downLoadMain .downLoadMain-btn[data-v-d1717349]{display:flex;width:100%;height:48px;border-top:1px solid #eeeeee;box-sizing:border-box}.downLoadMask .downLoadMain .downLoadMain-btn div[data-v-d1717349]{flex:1;display:flex;justify-content:center;align-items:center;height:100%;width:0;font-size:17px;color:#999;line-height:1;border-right:1px solid #eeeeee;box-sizing:border-box;cursor:pointer}.downLoadMask .downLoadMain .downLoadMain-btn div[data-v-d1717349]:last-of-type{border:0;color:#eb413d;font-weight:700}.downLoadMask .pcCodeMain[data-v-d1717349]{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;width:368px;height:258px;border-radius:12px;overflow:hidden;background-color:#222226;box-sizing:border-box}.downLoadMask .pcCodeMain p[data-v-d1717349]{font-size:16px;color:#ffffffe8;line-height:22px;text-align:center;margin-bottom:24px}.downLoadMask .pcCodeMain img[data-v-d1717349]{display:block;width:132px;height:132px}.downLoadMask .pcCodeMain i[data-v-d1717349]{position:absolute;right:18px;top:18px;display:block;width:14px;height:14px;cursor:pointer}.downLoadMask .pcCodeMain i[data-v-d1717349]:before,.downLoadMask .pcCodeMain i[data-v-d1717349]:after{content:"";position:absolute;top:6px;left:0;width:14px;height:2px;border-radius:1px;background:#ffffffb8}.downLoadMask .pcCodeMain i[data-v-d1717349]:before{transform:rotate(45deg)}.downLoadMask .pcCodeMain i[data-v-d1717349]:after{transform:rotate(-45deg)}.wapNavigationBar[data-v-0a2e3a8e]{position:relative;z-index:1000;max-width:1200px;margin:0 auto;box-sizing:border-box}.wapNavigationBar .occupy[data-v-0a2e3a8e]{width:100%;height:88px;height:max(88px,44px + env(safe-area-inset-top,0px))}.wapNavigationBar .container[data-v-0a2e3a8e]{position:fixed;left:50%;top:0;transform:translate3d(-50%,0,0);z-index:1000;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;height:88px;height:max(88px,44px + env(safe-area-inset-top,0px));overflow:hidden;padding:44px 0 1px;padding-top:max(44px,env(safe-area-inset-top,0px));box-sizing:border-box;background:linear-gradient(180deg,#0b5274fa,#083456fa);border-bottom:1px solid rgba(64,200,224,.4);box-shadow:0 2px 24px #40c8e02e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.wapNavigationBar .container.isWap[data-v-0a2e3a8e]{top:56px}.wapNavigationBar .container .back[data-v-0a2e3a8e],.wapNavigationBar .container .tools[data-v-0a2e3a8e]{flex-shrink:0;position:relative;width:52px;height:100%}.wapNavigationBar .container .title[data-v-0a2e3a8e]{display:flex;align-items:center;justify-content:center;flex:1;height:100%;font-family:var(--app-font-family);font-size:18px;font-weight:500;line-height:1;color:#fff}.wapNavigationBar .container .title .GsLogo[data-v-0a2e3a8e]{display:block;width:69px;height:18px}.wapNavigationBar .container .back[data-v-0a2e3a8e]{cursor:pointer}.wapNavigationBar .container .back[data-v-0a2e3a8e]:before{content:"";position:absolute;left:22px;top:50%;width:10px;height:10px;border-left:2px solid #AEF2FF;border-bottom:2px solid #AEF2FF;border-radius:1px;transform:translate(-50%,-50%) rotate(45deg);box-sizing:border-box}.wapNavigationBar .container .tools .toolsBox[data-v-0a2e3a8e]{position:absolute;right:0;top:0;height:100%;display:flex;align-items:center;justify-content:center}.wapNavigationBar .container .tools .toolsBox .goToIndex[data-v-0a2e3a8e]{position:relative;display:flex;align-items:center;gap:4px;box-sizing:border-box;border:1px solid rgba(64,200,224,.5);border-radius:4px;padding:1px 9px;height:24px;white-space:nowrap;font-size:11px;line-height:18px;color:#aef2ff;margin-right:16px;cursor:pointer;overflow:hidden;background:#08345699;box-shadow:inset 0 0 10px #40c8e040}.wapNavigationBar .container .tools .toolsBox .goToIndex i[data-v-0a2e3a8e]{display:block;width:6px;height:6px;border-right:1px solid #AEF2FF;border-bottom:1px solid #AEF2FF;transform:rotate(-45deg);box-sizing:border-box}.cardContainer_1[data-v-97b902ef]{position:relative;width:100%;box-sizing:border-box;background:#2e2e33;border:.5px solid #45454D;box-shadow:0 2px 8px #0003;border-radius:6px;overflow:hidden}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:all .2s ease}.slide-enter-from,.slide-leave-to{transform:translateY(100%) translate(-50%)}.fast-fade-enter-active,.fast-fade-leave-active{transition:opacity .1s linear}.fast-fade-enter-from,.fast-fade-leave-to{opacity:0}.slide-fade-enter-active{transition:all .8s ease}.slide-fade-leave-active{transition:all .8s cubic-bezier(1,.5,.8,1)}.slide-fade-enter,.slide-fade-leave-to{transform:translateY(-10px);opacity:0}.top-enter-active,.top-leave-active{transition:all .5s ease}.top-enter-from,.top-leave-to{opacity:0;transform:translate(30px)}*{margin:0;padding:0;border:0}:root{--app-font-family: "Source Han Sans CN", "Noto Sans", blinkmacsystemfont, -apple-system, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", helvetica, arial, sans-serif}body,html{margin:0;padding:0;border:0;font-family:var(--app-font-family);font-size:14px;font-weight:400;min-height:100vh;background:#02060f}@media (min-width: 769px){html,body{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}}.body-overflow-hidden{overflow:hidden!important}.topicPage::-webkit-scrollbar{display:none}#app{min-height:100vh}.unviewport{margin:0 auto}h1,h2,h3,h4,h5,h6{font-size:100%;margin:0}ul,ol{list-style:none}a{text-decoration:none;outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none}div{outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none}button,input,select,textarea{font-family:inherit;outline:none;border:none;padding:0;margin:0;box-shadow:none;-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}p{margin:0;font-weight:400}#app{position:relative;margin:0 auto;background:#02060f;box-sizing:border-box;width:100%;min-height:100vh}.gs-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gs-ellipsis-2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.gs-ellipsis-3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}@keyframes loading{to{transform:rotate(-360deg)}}.leaflet-container{background-color:transparent}#map{backface-visibility:hidden}.selectCategoryPopup{display:flex;flex-direction:column}.alertPopup{width:270px;border-radius:12px;overflow:hidden}.alertMask{background:#0006}.emojiIcon{display:inline-block;width:16px;height:16px;vertical-align:middle}.appToast{width:172px!important;max-width:172px!important;padding-top:16px!important;padding-bottom:16px!important;min-height:58px!important;box-sizing:border-box!important}a{color:#3e98ff}.color-rarity-1{color:#787878!important}.color-rarity-2{color:#cfcfcf!important}.color-rarity-3{color:#aeca64!important}.color-rarity-4{color:#5cb055!important}.color-rarity-5{color:#538cd1!important}.color-rarity-6{color:#616bff!important}.color-rarity-7{color:#a687fd!important}.color-rarity-8{color:#cb714d!important}.color-rarity-9{color:#d34475!important}.color-rarity-10{color:#2cbcd7!important}.color-rarity-11{color:#d1ad3d!important}.color-rarity-12{color:#aeeef8!important}.pcClose{position:relative;margin-left:400px;width:24px;height:24px;cursor:pointer}.pcClose:before,.pcClose:after{content:"";position:absolute;top:11px;left:4px;width:16px;height:2px;border-radius:1px;background:#aef2ff}.pcClose:before{transform:rotate(45deg)}.pcClose:after{transform:rotate(-45deg)}.pcPopup{display:flex;flex-direction:column;background:#0009!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:auto!important;width:100%;flex:1;overflow:hidden}.pcPopup .content{display:flex!important;flex-direction:column!important;flex:1!important;overflow:hidden}.filterBox{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:12px 12px 0;box-sizing:border-box}.filterBox .search{position:relative;box-sizing:border-box;flex:1}.filterBox .search:before{position:absolute;left:5px;top:3px;display:block;width:16px;height:16px;background:url(https://image.gamersky.com/webimg13/tools/sub2wiki/search.png) no-repeat center/16px}.filterBox .search input{padding-left:20px;width:100%;background:transparent;background:url(https://image.gamersky.com/webimg13/tools/sub2wiki/search.png) no-repeat left center/16px;color:#fffffd80;box-sizing:border-box}.columnContainer{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px;margin-bottom:12px}.columnContainer>.cardContainer_1{margin-bottom:0!important}.pcSetingInfo{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pcSetingInfo .setingInfo{display:flex;align-items:center}.pcSetingInfo .setingInfo .layout-title{margin-bottom:0;background:transparent;padding:0;border:0;margin-right:24px}.pcSetingInfo .customizedButton{width:260px}.pc_col_3{display:flex!important;flex-wrap:wrap!important;margin:-2px!important;gap:0!important}.pc_col_3 .cardContainer_2{margin:2px!important;width:calc(33.3333% - 4px)!important}.pc_col_3_grid{grid-template-columns:repeat(3,1fr)!important}.autoAssembly-publish-pc{position:absolute;top:-48px;right:0;display:flex;width:368px;height:40px}.autoAssembly-publish-pc .resetAll{flex-shrink:0;display:flex;align-items:center;line-height:1;margin-right:28px;cursor:pointer;font-family:var(--app-font-family);font-size:14px;color:#fffffd80;white-space:nowrap}.autoAssembly-publish-pc .resetAll i{position:relative;display:block;width:14px;height:14px;margin-right:2px;border:1px solid rgba(255,255,253,.5);border-radius:50%;box-sizing:border-box}.autoAssembly-publish-pc .resetAll i:after{content:"";position:absolute;right:-2px;top:1px;width:0;height:0;border:4px solid transparent;border-left-color:#fffffd80;transform:rotate(-35deg)}.suit{color:#51ee2a!important}.legend{color:#f73d48!important}.manual{color:#ffa031!important}.blue{color:#a5d1da!important}.purple{color:#bda3ca!important}.orange{color:#f7df9f!important}.red{color:#d65b5d!important}