.video-container{overflow:hidden;border-radius:10px}.video-background{position:relative;width:100%;height:100%}.vocabulary-list{position:absolute;top:30px;width:40%;left:10px;background-color:rgba(0,0,0,.7);z-index:1000}.vocabulary-list li{list-style-type:none;border:1px solid #333}.led-frame{position:relative;width:70%;border-radius:12px;overflow:hidden}.led-frame:before{content:"";position:absolute;inset:0;border-radius:12px;padding:2px;background:linear-gradient(0deg,transparent,transparent 40%,#ca620d 60%,transparent 80%,transparent);background-size:100% 400%;animation:border-run 3s linear infinite;pointer-events:none;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:destination-out;z-index:1000}.led-frame img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:2;border-radius:12px}.led-frame-full{width:50%}@media (max-width:576px){.vocabulary-list{width:100%}.led-frame-full{width:70%}.led-frame img{display:block;position:relative;z-index:2;border-radius:12px;aspect-ratio:1/1;object-fit:cover}}@keyframes border-run{0%{background-position:0 100%}to{background-position:0 0}}.video-container-bg{animation:background-pan 22s ease-in-out infinite;background-repeat:no-repeat;background-position:100% 0}@keyframes background-pan{0%{background-position:100% 20%}50%{background-position:102% 66%}to{background-position:100% 20%}}.bg-gradient-right{background:linear-gradient(90deg,#1a2a44,#2e4057,#0e5cb6);color:#fff;transition:background .3s ease}.bg-gradient-right:hover{background:linear-gradient(90deg,#1a2a44,#2e4057,#06448a)}.subtitle-content{position:relative;z-index:100}.full-tiengtrung{font-size:1.5rem}.subtitlenghia,.subtitlepinyin{font-size:1rem}.subtitletumoi{font-size:.8rem}.subtitletumoiTiengtrung{font-size:1.5rem}.renderPhude-container{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center}.subtitle-item{position:relative;animation-duration:.6s;animation-fill-mode:forwards;animation-timing-function:ease-in-out;background-color:rgba(0,0,0,.7);border-radius:10px;padding:10px}.subtitle-prev{animation-name:slideUpFadeOut;opacity:.4;font-size:1.2rem;transform:translateY(-50px)}.subtitle-current{animation-name:slideIn;opacity:1;font-size:1.4rem;transform:translateY(0)}.subtitle-next{animation-name:slideDownFadeIn;opacity:.3;font-size:1.2rem;transform:translateY(100px)}@keyframes slideUpFadeOut{0%{transform:translateY(50px);opacity:1}to{transform:translateY(-50px);opacity:.4}}@keyframes slideIn{0%{transform:translateY(100px);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes slideDownFadeIn{0%{transform:translateY(50px);opacity:0}to{transform:translateY(50px);opacity:.4}}.renderTieude-div{position:relative}.renderTieude-container{padding:15px 20px;border-radius:8px;margin:0 auto;max-width:90%;text-align:left;box-shadow:0 4px 8px rgba(0,0,0,.3);z-index:1000}.renderTieude-tiengtrung{font-size:1.2rem;font-weight:700;color:#e6f0fa;margin-bottom:5px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.renderTieude-pinyin{font-size:.95rem;color:#a3e4d7;margin-bottom:5px}.renderTenmien{font-size:.95rem;font-style:italic;margin-bottom:5px;text-decoration:underline;background:linear-gradient(270deg,#ff6ec4,#7873f5,#4ade80,#facc15,#f87171);background-size:600% 600%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientText 8s ease infinite}@keyframes gradientText{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.renderTieude-capdo{font-size:.9rem;color:#f7dc6f;font-style:italic}@media (max-width:576px){.subtitletumoi{font-size:.8rem}.subtitletumoiTiengtrung{font-size:1.1rem}@keyframes background-pan{0%{background-position:0 100%}50%{background-position:102% 102%}to{background-position:0 100%}}.renderTieude-container{padding:10px 15px;max-width:95%;bottom:auto;top:300px;background-color:rgba(0,0,0,.7)}@media screen and (max-width:800px){.subtitle-current{font-size:1.2rem}.subtitle-current .subtitlenghia,.subtitle-current .subtitlepinyin{font-size:.85rem}.subtitle-next,.subtitle-next .subtitlenghia,.subtitle-next .subtitlepinyin,.subtitle-prev,.subtitle-prev .subtitlenghia,.subtitle-prev .subtitlepinyin{font-size:.8rem}}@media screen and (min-width:801px){.subtitle-current{font-size:2rem}.subtitle-current .subtitlenghia,.subtitle-current .subtitlepinyin{font-size:1.3rem}}.renderTieude-tiengtrung{font-size:1rem}.renderTieude-pinyin{font-size:.85rem}.renderTieude-capdo{font-size:.8rem}.subtitle-container{max-width:380px;padding:8px}.full-tiengtrung,.subtitletiengtrung{font-size:1.4rem}.subtitlenghia,.subtitlepinyin{font-size:1rem}.video-background{margin-top:10px}.renderTieude{margin:0}}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;display:flex;justify-content:center;align-items:center;cursor:pointer}.zid-1{z-index:1}.video-overlay .play-icon{font-size:5rem;color:#fff;transition:transform .2s ease;z-index:10;opacity:.3}.video-overlay:hover .play-icon{transform:scale(1.1);opacity:.7}.subTimelineContainer{opacity:.4}.subTimelineContainer:hover{opacity:1}