*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,Segoe UI,sans-serif;overflow:hidden;height:100vh;width:100vw;background-color:#000}.app-container{position:relative;width:3840px;height:2160px;background-size:cover;background-position:center;background-repeat:no-repeat;transition:background-image .5s ease;transform-origin:top left}.nav-button,.back-button{position:absolute;background-color:transparent;border:none;color:#fff;font-size:24px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;z-index:10;overflow:hidden;padding:0;background-size:100% 100%!important;background-repeat:no-repeat!important;background-position:center!important;transition:all .3s ease}.nav-button span,.back-button span{position:relative;z-index:2;text-shadow:0 2px 6px rgba(0,0,0,.8)}.nav-button:hover{transform:translateY(-4px);filter:brightness(1.15)}.nav-button.active{transform:translateY(-4px);filter:drop-shadow(0 0 15px rgba(255,255,255,.8))}.back-button{top:40px;right:40px;background:transparent;font-size:22px}.back-button:hover{transform:translateY(-4px);filter:brightness(1.15)}.nav-button:nth-child(1){z-index:15}.nav-button:nth-child(2){z-index:14}.nav-button:nth-child(3){z-index:13}.nav-button:nth-child(4){z-index:12}.nav-button:nth-child(5){z-index:11}.nav-button:nth-child(6){z-index:10}.nav-button:nth-child(7){z-index:9}.nav-button:nth-child(8){z-index:8}.nav-button:nth-child(9){z-index:7}.nav-button:nth-child(10){z-index:20}.back-button{z-index:30}@media (max-width: 1920px){.app-container{transform:scale(.5)}.nav-button,.back-button{font-size:20px}.back-button{font-size:18px}}@media (max-width: 1366px){.app-container{transform:scale(.35)}.nav-button,.back-button{font-size:18px}.back-button{font-size:16px}}