.block-overlay[data-v-36603fa4]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:1000;display:flex;align-items:center;justify-content:center}.timesup[data-v-36603fa4]{background-image:url(/sideproject/BrightScreen/dist/img/timesup_bg.2dea6671.svg);height:100vh;width:100vw;background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.flags[data-v-36603fa4]{background-image:url(/sideproject/BrightScreen/dist/img/flags.7211f9a1.svg);right:0;top:-30px;background-position:100% 0;background-size:28%}.balloons[data-v-36603fa4],.flags[data-v-36603fa4]{position:absolute;width:100%;height:100%;background-repeat:no-repeat}.balloons[data-v-36603fa4]{background-image:url(/sideproject/BrightScreen/dist/img/balloons.534db2a2.svg);left:0;bottom:0;background-position:0 100%;background-size:22%}.notice[data-v-36603fa4]{position:absolute;left:22%;top:12%}.title_oh h1[data-v-36603fa4]{font-size:2.7em;text-align:left;transform:rotate(-20deg);line-height:50px}.subtitle_oh h3[data-v-36603fa4]{font-size:1.5em;text-align:left;transform:rotate(-12deg);line-height:30px}.typing[data-v-36603fa4]{overflow:hidden;white-space:nowrap;animation:typing-36603fa4 1.5s steps(30)}@keyframes typing-36603fa4{0%{width:0}to{width:100%}}.cookie{width:70px;padding:10px}.cookie-image{width:50px}h1{font-size:24px}#countdown .time{font-size:1em;color:#0d2736;font-family:Roboto,sans-serif;font-weight:400;text-align:left;margin:0;margin-top:0;display:block;text-align:center}#countdown .expired{background-color:red;color:#fff}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-2px) rotate(1deg)}30%{transform:translate(1px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-1px,1px) rotate(0deg)}70%{transform:translate(1px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}.shake{animation:shake .5s;animation-iteration-count:infinite}header{z-index:13;position:fixed;top:0;left:0;width:100%}.header{display:flex;justify-content:space-between;background-color:#f9f9f9;width:100%}.avatar,.cookie{width:auto;height:70px;display:flex;align-items:center;gap:8px;float:right}.cookie{padding-right:10px}.avatar img,.cookie img{height:53px;margin-left:8px}.menu{display:flex;text-align:center;justify-content:center;padding:10px 0;background-color:#fff}.all,.like,.recommend{width:100px}.menu h4{margin-top:0}.all h4:hover{color:#49c4b6}.recommend h4:hover{color:#eba915}.like h4:hover{color:#ff9298}.copyright p[data-v-33f3b82a]{color:#585858;font-size:14px}.heart{cursor:pointer}.video_item{width:calc(33.33% - 10px);margin:5px;height:auto;border:1px solid #d1d1d1;border-radius:7px;position:relative}video{width:100%;border-radius:6px 6px 0 0;background-color:#fff}.video_name{display:flex;padding:10px}.title{margin:0 10px}.title h4{text-align:left}.sub_title{display:flex;justify-content:space-between;padding:0 10px 10px}.broken_cookie{display:inline-block;margin-bottom:10px}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:10}.popup_window{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:500px;padding:20px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.3);z-index:12;display:flex;flex-direction:column;align-items:center;justify-content:center}button{padding:5px 10px}button:hover{opacity:.8}main{display:flex;flex-wrap:wrap;width:100%}.video_head{display:flex;justify-content:space-between}.video_info{display:flex;float:left;width:75%}.video_play{height:78vh;width:100%;overflow:hidden;background-color:#000;margin-bottom:20px}.video_play video{width:auto;height:100%;-o-object-fit:contain;object-fit:contain;display:block;margin:0 auto}.tag_1,.tag_2,.tag_3,.tag_4,.tag_5{font-size:12px;color:#fff;padding:0 6px}.tag_1{background-color:#6bb2a4}.tag_2{background-color:#de6c6b}.tag_3{background-color:#f0ca30}.tag_4{background-color:#ffae4a}.tag_5{background-color:#aedced}.heart_tag .tag_1,.heart_tag .tag_2,.heart_tag .tag_3,.heart_tag .tag_4,.heart_tag .tag_5{margin-bottom:10px}.heart_tag .heart{float:right}.container_play{margin-top:5%}.video_play{margin-top:-80px}.material-symbols-outlined{display:block;margin-bottom:20px}.back_arrow{margin-top:25px}*{box-sizing:border-box}.container{margin:0 auto;width:100%;margin-top:170px;margin-bottom:10%}body,html{letter-spacing:.02em;line-height:24px;font-size:16px;font-weight:350}body,h1,html{font-family:Roboto,sans-serif;color:#0d2736}h1{font-size:2em;text-align:center}h2{font-size:1.5em;color:#585858}h2,h3{font-family:Roboto,sans-serif;text-align:center;font-weight:400}h3{font-size:1.3em}h3,h4{color:#0d2736}h4{font-size:1em;font-family:Roboto,sans-serif;font-weight:400;text-align:center;margin:0}p{font-size:14px;line-height:20px}.resource,a{font-family:Roboto,sans-serif}.resource{color:#585858;font-size:12px}.copyright p{color:#585858;font-size:14px}a{text-decoration:none;color:#0d2736}li,ul{list-style:none}button{border:none;cursor:pointer}footer{position:fixed;left:0;bottom:0;width:100%;background-color:#fff;text-align:center;z-index:15}@media (max-width:945px){.video_item{width:calc(50% - 10px)}.container_play{margin-top:8%}}@media (max-width:635px){.video_item{width:100%}h4{font-size:14px}.avatar{width:50%}.avatar img{height:40px}.cookie img{height:37px}.menu img{width:40%}.container_play{margin-top:10%}}