*{padding:0;margin:0;box-sizing:border-box;}
html,body{height:100%;font-family:"Source Sans Pro",sans-serif;}
body{display:flex;justify-content:center;align-items:center;min-height:100vh;background-size:cover;background-position:center;background-attachment:fixed;overflow-x:hidden;overflow-y:auto;transition:background-image 0.7s ease-in-out;}
.back-btn{position:fixed;top:20px;left:20px;z-index:99999;display:flex;align-items:center;gap:8px;color:rgba(255,255,255,0.9);text-decoration:none;padding:12px 20px;border-radius:10px;background:rgba(49,46,129,0.7);backdrop-filter:blur(10px);transition:all 0.3s ease;font-size:14px;}
.back-btn:hover{background:rgba(67,56,202,0.9);transform:translateY(-2px);}
.back-btn i{font-size:18px;}
.shell{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background:rgba(99,99,99,0.8);}
.shell_body{width:100%;transform:scale(0.8);padding:20px 0 150px 0;}
.button{display:flex;justify-content:space-between;align-items:center;width:380px;position:absolute;left:50%;transform:translateX(-50%);bottom:40px;z-index:99999;}
.prev,.next{transition:transform 0.25s ease;cursor:pointer;}
.prev i,.next i{font-size:70px;color:#fff;text-shadow:0 0 15px rgba(255,255,255,0.5);transition:all 0.3s ease;}
.prev:hover i,.next:hover i{transform:scale(1.1);}
.shell_slider{position:relative;transition:transform 1s ease-in-out;}
.item{position:relative;float:left;margin:0 20px;}
.frame{position:relative;width:100%;height:100%;transition:transform 1s ease-in-out;transform-style:preserve-3d;}
.frame:after{content:"";position:absolute;bottom:-16%;width:100%;height:60px;background:rgba(255,255,255,0.1);box-shadow:0 0 15px 5px rgba(255,255,255,0.1);transform:rotateX(90deg) translate3d(0,-20px,0);}
.box{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;border:4px solid #fff;perspective:1000px;transform-style:preserve-3d;}
.box h1,.box h1 a,.box span{color:#fff;transform:translateZ(20px);text-decoration:none;}
.box h1{text-shadow:0 0 30px #1f05b4;font-size:80px;margin:0;}
.box h1 a:hover{color:aqua;}
.box span{position:absolute;bottom:20px;padding:0 25px;text-shadow:0 0 10px #1f05b4;font-size:16px;}
.front,.left,.right{box-shadow:0 0 50px rgba(255,255,255,0.3);background-size:cover;background-position:center;}
.right,.left{top:0;width:60px;backface-visibility:hidden;}
.left{left:0;border-left-width:5px;transform:translate3d(1px,0,-60px) rotateY(-90deg);transform-origin:0%;}
.right{right:0;border-right-width:5px;transform:translate3d(-1px,0,-60px) rotateY(90deg);transform-origin:100%;}
@media(max-width:768px){.shell_body{transform:scale(0.6);}.button{width:280px;bottom:20px;}.prev i,.next i{font-size:50px;}.box h1{font-size:50px;}}