.info[data-v-e260352a]{width:100%;height:150px;display:flex;overflow:hidden;align-items:center;justify-content:center}.avatar[data-v-e260352a]{width:120px;height:120px;border-radius:100%;position:relative;margin:0 20%;right:3px}.link[data-v-e260352a]{height:100%;width:50%;position:relative;display:flex;align-items:center;justify-content:center}.left[data-v-e260352a],.right[data-v-e260352a]{height:100%;display:flex;align-items:center}.github[data-v-e260352a]{width:40px;height:40px;border-radius:100%}.bilibili[data-v-e260352a]{width:40px;height:40px}.lefta[data-v-e260352a]{display:inline-block;position:relative;left:20px;text-decoration:none;color:#f44336;transition:all .3s ease;padding:8px 16px;border-radius:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);width:25%;text-align:center}.lefta[data-v-e260352a]:hover{color:#fff;background:#fff3;transform:translateY(-2px);box-shadow:0 4px 10px #0003}.righta[data-v-e260352a]{display:inline-block;position:relative;right:20px;text-decoration:none;color:#4fc3f7;transition:all .3s ease;padding:8px 16px;border-radius:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);width:25%;text-align:center}.righta[data-v-e260352a]:hover{color:#fff;background:#fff3;transform:translateY(-2px);box-shadow:0 4px 10px #0003}.video-area[data-v-e260352a]{width:100%;height:calc(100% - 165px);position:relative;bottom:10px}.video-title[data-v-e260352a]{text-align:center;margin:0 auto;color:#f5f5f5;width:fit-content;cursor:pointer;width:10%;border-radius:20px;background:linear-gradient(45deg,#ff1361,#ff8c00);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2)}.video-title[data-v-e260352a]:hover{background:linear-gradient(45deg,#ff1361,#ff8c00)}.video[data-v-e260352a]{width:90%;height:calc(100% - 55px);margin:20px auto;border-radius:10px;border:1px solid black;overflow:hidden;position:relative}iframe[data-v-e260352a]{width:100%;height:100%}.leftBtn[data-v-e260352a],.rightBtn[data-v-e260352a]{width:20%;font-size:10px}@media screen and (max-width: 768px){.info[data-v-e260352a]{height:150px}.avatar[data-v-e260352a]{width:80px;height:80px;margin:0 10%;position:relative;left:1px}.github[data-v-e260352a],.bilibili[data-v-e260352a]{width:30px;height:30px}.lefta[data-v-e260352a]{padding:6px 12px;font-size:14px;left:10px}.righta[data-v-e260352a]{padding:6px 12px;font-size:14px;right:10px}.video-area[data-v-e260352a]{height:calc(100% - 145px)}.video-title[data-v-e260352a]{font-size:16px}.video[data-v-e260352a]{width:95%;height:calc(100% - 55px);margin:10px auto}}@media screen and (max-width: 480px){.info[data-v-e260352a]{height:120px;flex-direction:column}.link[data-v-e260352a]{width:100%;justify-content:space-around}.left[data-v-e260352a],.right[data-v-e260352a]{width:40%;justify-content:center}.avatar[data-v-e260352a]{width:60px;height:60px;margin:0;position:relative;left:1px}.lefta[data-v-e260352a],.righta[data-v-e260352a]{font-size:12px;padding:4px 8px}.github[data-v-e260352a],.bilibili[data-v-e260352a]{width:25px;height:25px}.video-title[data-v-e260352a]{font-size:14px}}.moreinfo[data-v-42b1955e]{display:flex;align-items:center;justify-content:center;height:100%;color:#f5f5f5;background-color:#0000001a}body{margin:0;padding:0;height:100vh;background-image:linear-gradient(-225deg,#231557,#44107a 29%,#ff1361 67%,#fff800);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.container{margin:0 auto;width:90vw;height:100vh;background:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column}.banner{width:100%;height:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.title{height:50px;flex-shrink:0}h1{text-align:center;margin:0;color:#f5f5f5}.view{flex:1;width:100%;margin-top:20px;overflow:hidden;border-radius:15px}.btn1,.btn2{height:50px;display:flex;align-items:center;justify-content:center;text-decoration:none}button{margin:0 20px;height:40px;width:80px;border-radius:20px;background-color:#ffffff26;font-size:16px;transition:all .8s;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fffc;border:1px solid rgba(255,255,255,.2);cursor:pointer;box-shadow:0 4px 10px #0000001a}.active-btn button{background:linear-gradient(45deg,#ff1361,#ff8c00);color:#fff;box-shadow:0 4px 15px #ff136166;border:1px solid rgba(255,255,255,.3);transition:all .8s}button:hover{background-color:#ffffff40;box-shadow:0 6px 15px #0003}.active-btn button:hover{background:linear-gradient(45deg,#ff2a70,#ff9800);box-shadow:0 6px 20px #ff136199}@media screen and (max-width: 768px){.container{width:100vw;height:100vh;border-radius:0}.banner{height:60px}button{margin:0 10px;height:40px;width:70px;font-size:14px}.title h1{font-size:20px;height:40px;line-height:40px}.view{margin-top:10px;border-radius:0}}@media screen and (max-width: 480px){button{margin:0 5px;height:35px;width:60px;font-size:12px}.title h1{font-size:18px}}