.menu-container{position:relative}.slide-menu-wrapper{position:fixed;top:0;bottom:0;width:220px;left:-180px;transition:left .3s ease;z-index:999}.slide-menu-wrapper.menu-open{left:0!important}.slide-menu{background-color:#fff;height:100vh;border-right:1px solid #e6e6e6;position:relative}.toggle-button{position:absolute;right:-40px;top:20px;z-index:1000;padding:8px 12px;background-color:#fff;border:1px solid #dcdfe6;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);cursor:pointer}.slide-menu-wrapper.menu-open .toggle-button{left:220px}.menu-icon-container{position:absolute;top:calc(50vh - 20px);z-index:10000;cursor:pointer;transition:all .3s ease;background-color:#fff;border-radius:0 8px 8px 0;border:1px solid #ddd;border-left:none;color:#333;display:flex;align-items:center;justify-content:center;padding:4px}.menu-icon-container:hover,.slide-menu-wrapper.menu-open .menu-icon-container{background-color:#f0f9ff;border-color:#93c5fd}.menu-icon-container:hover{opacity:.8}.menu-arrow{transition:transform .3s ease,color .3s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.menu-arrow.menu-open{transform:rotate(180deg);color:#3b82f6}.menu-icon-container:hover .menu-arrow{transform:scale(1.1);color:#409eff}.menu-icon-container:hover .menu-arrow.menu-open{transform:rotate(180deg) scale(1.1);color:#409eff}a{text-decoration:none;color:#409eff}@media screen and (orientation:portrait){.slide-menu-wrapper{width:180px;left:-180px}.slide-menu{width:180px}.menu-icon-container{right:-35px;width:25px;height:25px}.menu-icon-container svg{width:20px;height:20px}.el-menu-item{font-size:14px}.el-menu-item i{font-size:16px}}@media screen and (orientation:landscape){.slide-menu-wrapper{width:220px;left:-220px}.slide-menu{width:220px}.menu-icon-container{right:-40px;width:30px;height:30px}.menu-icon-container svg{width:24px;height:24px}.el-menu-item{font-size:15px}.el-menu-item i{font-size:18px}}@media screen and (max-width:480px){.slide-menu-wrapper{width:160px;left:-160px}.slide-menu{width:160px}.menu-icon-container{right:-30px;width:20px;height:20px}.menu-icon-container svg{width:16px;height:16px}.el-menu-item{font-size:12px;padding:10px 15px}.el-menu-item i{font-size:14px}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;display:flex}#app,.main-view{min-height:100vh}.main-view{flex:1}.icp{display:flex;align-items:center;align-content:center;justify-content:center;flex-wrap:nowrap;gap:10px}.icp>a{color:gray}.icp>a,.icp>a:hover{text-decoration:none}.icp>a:hover{color:#282828}.gongan-link{display:flex;align-items:center}.gongan-img{width:20px;height:20px;margin-right:5px}@media screen and (orientation:portrait){.icp{flex-direction:column;flex-wrap:wrap;gap:8px;text-align:center}.gongan-link{justify-content:center}.icp span{display:none}}@media screen and (orientation:landscape){.icp{flex-direction:row;flex-wrap:nowrap;gap:10px}.gongan-link,.icp{align-items:center}.icp span{display:inline}}body{margin:0}.home{height:100vh;display:flex;flex-direction:column;align-items:center;align-content:center;justify-content:space-between;flex-wrap:nowrap;gap:10px}.footer{margin-bottom:20px}