body,html{margin:0;padding:0;height:100%;width:100%;overflow:hidden}#app-container{display:flex;flex-direction:column;height:100vh;width:100vw;position:relative}#map-container{flex:1;width:100%;z-index:1}.detail-page-overlay{position:absolute;top:0;left:0;height:100%;background-color:rgba(0,0,0,.3);z-index:1000;justify-content:flex-end}.detail-page-content,.detail-page-overlay{width:100%;display:flex;flex-direction:column}.detail-page-content{background-color:#fff;height:85%;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -5px 20px rgba(0,0,0,.2);overflow:hidden;animation:slide-up .3s ease-out}.detail-header{padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.detail-header h3{margin:0;font-size:18px;font-weight:700}.close-btn{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0 5px}.detail-body{flex:1;overflow-y:auto;padding:20px}.video-container{width:100%;position:relative;padding-bottom:56.25%;background-color:#000;margin-bottom:20px;border-radius:8px;overflow:hidden}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.image-gallery{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.detail-image{width:100%;border-radius:8px;-o-object-fit:cover;object-fit:cover}.detail-text{font-size:14px;color:#333;line-height:1.6}.slide-up-enter-active,.slide-up-leave-active{transition:transform .3s ease}.slide-up-enter,.slide-up-leave-to{transform:translateY(100%)}.bottom-nav{height:60px;background-color:#fff;border-top:1px solid #e0e0e0;display:flex;justify-content:space-around;align-items:center;box-shadow:0 -2px 5px rgba(0,0,0,.1);z-index:2}.nav-item-wrapper{flex:1;display:flex;justify-content:center;position:relative;height:100%;border-right:1px solid #e0e0e0}.nav-item-wrapper:last-child{border-right:none}.nav-btn{background:none;border:none;display:flex;flex-direction:row;align-items:center;justify-content:center;color:#666;font-size:14px;padding:0 10px;cursor:pointer;width:100%;height:100%}.nav-btn:active,.nav-btn:focus{background-color:#f5f5f5;outline:none}.nav-btn .icon{font-size:20px;margin-right:5px;margin-bottom:0}.nav-btn .label{font-size:14px;white-space:nowrap}.popup-menu{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.2);padding:5px 0;z-index:1000;margin-bottom:10px}.popup-menu:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#fff transparent transparent transparent}.menu-item{padding:10px 15px;cursor:pointer;display:flex;align-items:center;font-size:14px;color:#333}.menu-item:hover{background-color:#f5f5f5}.menu-icon{margin-right:10px;font-size:18px}.nav-btn .icon:only-child{margin-right:0}.game-icon,.map-icon{max-width:80%;max-height:80%;display:block;margin:0 auto}.agent-icon{max-width:60%;max-height:60%;display:block;margin:0 auto}.ability-icon{width:35px;height:35px}.side-icon{width:50px;height:50px}.out-parent{display:flex;width:100%}.share-item{flex:1;height:100%;margin-left:2%;margin-right:2%;justify-items:center;cursor:pointer}.agent-options,.share-item{display:flex;align-items:center}.agent-options{flex-flow:wrap}.agent-options .agent-item{margin:5px;width:70px;height:70px;position:relative;border-radius:5px;cursor:pointer;overflow:hidden}.agent-badge-item{margin:10px}.agent-options .agent-item img{width:100%;transition:transform .3s}.agent-options .agent-item:hover>img{transform:scale(1.2)}.map-options{display:flex;flex-flow:wrap;justify-content:space-evenly;align-items:center;width:100%}.map-options .map-item{width:150px;margin:3px;position:relative;cursor:pointer;overflow:hidden;border-radius:10px}.map-options .map-item img{width:100%;transition:transform .3s}.map-options .map-item:hover>img{transform:scale(1.2)}.map-options .map-item .map-title{position:absolute;bottom:10%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;font-weight:600;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.el-dialog__body{padding:0!important}.ability-item{width:50px;height:50px;background:#0f1923;border-radius:50%;display:flex;justify-content:center;align-items:center}