@import url("https://cdn.jsdelivr.net/npm/lxgw-wenkai-webfont@1.6.0/style.min.css");.swal-title-custom{font-size:48px;font-weight:700}input,textarea{color:#000}input{background-color:#fff}.chuHanListComponentDiv{display:flex;flex-direction:row;flex-wrap:wrap}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:0}.btnChuHan{font-weight:400;cursor:pointer;padding:2px;font-family:KmdKaiTi,KaiTi,MFShangYa,sans-serif;font-size:35pt;line-height:1;border-radius:3px;color:#fff;text-align:center;background-color:#aa4800;box-shadow:0 1px 1px 0 #888}.card-header{padding:.5rem 1rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.luanngu-viewer{display:flex;flex-direction:row;flex-wrap:wrap;padding:0;height:100%}.hAGuWh,.jtKLpb{width:100%}.hAGuWh{resize:none;border-width:0;box-sizing:border-box;font-size:16px;padding-top:10px}.btn-chuhan{margin:0 5px;background-color:#aa4800;border-radius:5px;cursor:pointer}.btn-chuhan:hover{color:#333;background-color:#7fffd4}.luanngu-table-container{max-height:100%;overflow-y:auto}.luanngu-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:16px;text-align:left;table-layout:fixed}.luanngu-table td,.luanngu-table th{padding:12px 5px;border:1px solid #ddd}.luanngu-table th{background-color:#f4f4f4;font-weight:700}.luanngu-table tr:hover{background-color:#d6e2d7}.luanngu-table td textarea{width:100%;min-height:36px;resize:none;overflow:hidden;border:1px solid #ccc;padding:6px;font-size:14px;font-family:inherit;background:transparent}.luanngu-table td textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 4px rgba(0,123,255,.5)}.luanngu-table td p{margin:0}.baihoc-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;height:100%}.col-4{flex-grow:0;flex-shrink:0;flex-basis:calc(33.333% - 20px);max-width:calc(33.333% - 20px)}.itemCard-title-luanngu,.itemCard-title-luanngu :hover{text-decoration:none}.itemCard-container{border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;cursor:pointer}.itemCard-container:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,.15);text-decoration:none!important}.itemCard-content{text-align:center}.itemCard-content-title span{font-weight:700;color:#f05123;margin-bottom:10px}.itemCard-content hr{border:none;height:2px;margin:10px auto;width:80%}.itemCard-content-chuthich span{color:#f05123}.btn-phatamthanh{margin-left:20px;margin-top:8px;height:40px}.strokeAreaOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000}.strokeArea{max-width:1000px;height:600px;overflow-y:auto;background:#fff;padding:20px;border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.2);position:relative}.strokeGuide{z-index:1}.strokeAnimation,.strokeGuide{position:absolute;top:15px;left:0}.strokeAnimation{z-index:2}.view-nghiacuatu{max-height:550px;overflow-y:auto;padding:10px;background:#f9f9f9;border-radius:5px}.nguphapshow-container h3,.nguphapshow-container h4,.nguphapshow-container h5{color:#333}.nguphapshow-container .card{background:#f9f9f9;border-radius:8px;padding:15px;margin:10px 0;box-shadow:2px 2px 10px rgba(0,0,0,.1)}.nguphapshow-container p{font-size:14px;color:#555;line-height:1.6}.phatam-table{width:100%;border-collapse:collapse;margin-top:20px;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px;overflow:hidden}.phatam-table thead{background:#00580b;color:#fff}.phatam-table td,.phatam-table th{border:1px solid #ddd;padding:12px;text-align:center}.phatam-table th{font-weight:700;text-transform:uppercase}.phatam-table input{width:90%;padding:6px;border:1px solid #ccc;border-radius:4px;font-size:14px}.phatam-table button{padding:6px 10px;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:.2s}.phatam-table button:hover{opacity:.8}button.variant-danger{background:#dc3545;color:#fff}button.variant-warning{background:#ffc107;color:#000}.phatam-table tr.add-row{background:#f8f9fa;cursor:pointer;font-style:italic;text-align:center}.phatam-table tr.add-row:hover{background:#e2e6ea}.phatam-table tbody tr:hover{background:#f1f1f1}.thanhvanmauContainer
h2{font-size:1.8rem;font-weight:700;color:#333;margin-bottom:10px}.thanhvanmauContainer h4{font-size:1.2rem;line-height:1.6;color:#555;margin-bottom:15px}.thanhvanmauContainer hr{border:1px solid #ddd;margin:20px 0}.image-container{display:flex;justify-content:center;align-items:center}.image-styled{border:5px solid #ddd;border-radius:10px;box-shadow:5px 5px 15px rgba(0,0,0,.2);transition:transform .3s ease,box-shadow .3s ease}.image-styled:hover{transform:scale(1.05);box-shadow:8px 8px 20px rgba(0,0,0,.3)}.bangphatam-wrapper{overflow-x:auto}.bangphatamContainer{width:100%;overflow-x:auto}.bangphatamContainer-table{width:100%;border-collapse:collapse;font-size:16px;text-align:center}.header-cell{background-color:#0463bc;font-weight:700;color:#fd5f5f}.header-cell,.table-cell{padding:5px;border:1px solid #ccc}.table-cell{transition:background-color .2s}.table-cell:hover{background-color:#ffeb3b!important}.highlight-col,.highlight-row td{background-color:rgba(100,197,241,.5)}.highlight{background-color:rgba(0,51,161,.226)!important}.disabled-cell{background-color:#ddd;color:#999;pointer-events:none;cursor:not-allowed}@media (max-width:768px){.bangphatamContainer{overflow-x:auto}.bangphatamContainer-table{font-size:10px}.header-cell,.table-cell{padding:3px}.highlight,.highlight-col,.highlight-row{background-color:rgba(154,220,179,.4)!important}}@media (max-width:570px){.bangphatamContainer{display:none}}.baihocgiaotiep-container{padding:20px;font-family:Arial,sans-serif;font-size:20px}.baihocgiaotiep-title{font-weight:700;color:#f60;padding-bottom:5px;margin-bottom:10px}.baihocgiaotiep-title-tiengtrung{font-size:45px}.baihocgiaotiep-title-number{font-size:30px;padding-right:20px}.baihocgiaotiep-title-tieude{font-size:30px;padding-left:20px}.baihocgiaotiep-pinyin{font-size:18px;color:#666;font-style:italic}.baihocgiaotiep-hoithoai-item{margin-bottom:15px;border:1px solid #ccc;padding:15px;background-color:#f9f9f9;border-radius:10px;box-shadow:5px 5px 15px rgba(0,0,0,.2)}.baihocgiaotiep-hoithoai-item:hover{box-shadow:8px 8px 20px rgba(0,0,0,.3)}.baihocgiaotiep-tiengtrung{font-size:35px;font-weight:700;color:#333}.baihocgiaotiep-dichnghia{font-size:16px;color:#007bff;font-style:italic;margin-bottom:20px}.baihocgiaotiep-tiengtrungStrong{font-size:30px}.baihocgiaotiep-tumoi{margin-top:20px}.baihocgiaotiep-tumoi h2{font-size:20px;color:#f60;border-bottom:1px solid #f60;padding-bottom:5px}.baihocgiaotiep-tumoi ul{list-style:none;padding:0}.baihocgiaotiep-tumoi li{font-size:16px;padding:5px 0}.tiengtrungText{font-family:LXGW WenKai,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.75;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.chinese-word{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:5px;word-break:break-word}.fs50{font-size:50px!important}.fs45{font-size:45px!important}.fs40{font-size:40px!important}.chinese-char{cursor:pointer;font-size:35px;font-weight:700;padding:5px 10px;border-radius:5px;background:#f0f0f0;transition:background .3s;word-break:break-word}.chinese-char:hover{background:#c4bc75}@media (max-width:768px){.chinese-char{font-size:28px;padding:3px 8px}}@media (max-width:480px){.chinese-char{font-size:24px;padding:2px 6px}}.butthuanContainer{padding:20px;max-width:1200px;margin:auto;background:#f5f5f5;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.butthuanContainer h2{font-size:1.5rem;font-weight:700;margin-bottom:15px;color:#007bff;border-left:5px solid #007bff;padding-left:10px}.butthuanContainer h3{margin-top:15px}.butthuanContainer p{font-size:16px;color:#666;line-height:1.6}.butthuanImg p{font-size:25px}.butthuanContainer input{width:100%;padding:5px;margin-top:5px;border:1px solid #ddd;border-radius:4px}.butthuanContainer .itemCard-container{height:auto!important}.cachvietchuContainer{position:relative;overflow:visible}.ShowButtonLink{position:-webkit-sticky;position:sticky;top:10px;left:0;display:flex;flex-direction:column;gap:10px;z-index:1000}.sothutu-table-container{overflow-x:auto;padding:16px}.sothutu-table{width:100%;border-collapse:collapse;border:1px solid #ccc;border-radius:10px}.sothutu-table td,.sothutu-table th{border:1px solid #ccc;padding:8px;text-align:center;cursor:pointer}.sothutu-table thead{background-color:#ffeb99;font-weight:700}.sothutu-table .header-cell{font-weight:700}.sothutu-table .bg-yellow{background-color:#ffeb99}.sothutu-table .hover-row{background-color:#fff5cc}.sothutu-table .hover-col{background-color:#e6f7ff}.sothutu-table .hover-cell{background-color:#a3e6a3}.ChineseNumberTableContainer{padding:16px;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center}.ChineseNumberTable{width:100%;border-collapse:collapse;border:1px solid #ccc;text-align:center}.ChineseNumberTable td,.ChineseNumberTable th{border:1px solid #ddd;padding:10px;cursor:pointer}.ChineseNumberTable th{background:#f2f2f2;font-weight:700}.ChineseNumberTable tbody tr:hover{background-color:#dbeafe}.ChineseNumberTableContainer .notice{margin-top:16px;padding:16px;background:#fff9c4;border-left:4px solid #fdd835;width:100%}.HskContainer{display:flex}.colorBlue{color:#007bff}.buttonChangeLanguage{position:fixed;bottom:120px;right:20px;z-index:1000;display:flex;flex-direction:column;width:120px}.buttonChangeLanguage a{padding:0}.btn-Language{margin:10px;width:100%}.baihoc-containerHSK .itemCard-container{background-size:cover;background-position:50%;background-repeat:no-repeat}@keyframes draw{0%{stroke-dashoffset:var(--stroke-length);stroke:#000;stroke-opacity:.1;fill:transparent}50%{stroke-opacity:.5}to{stroke-dashoffset:0;stroke-opacity:1;fill:#000}}@media (max-width:767px){.col-4{flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 20px);max-width:calc(50% - 20px)}.itemCard-content-title{font-size:1.2rem}.itemCard-content-chuthich span{font-size:20px}.strokeArea{width:400px}.view-nghiacuatu{max-width:350px}}@media (max-width:480px){.col-4{flex:0 0 100%;max-width:100%}.itemCard-content-title{font-size:1rem}.itemCard-content-chuthich span{font-size:20px}.isShowitemName{display:none!important}}.dichthuat-formInput{padding:10px}.dichthuat-formInput textarea{height:100px;width:100%}.dichthuat-showError{color:crimson;font-size:1.6rem;font-weight:600;text-decoration:none;outline:none;letter-spacing:4px}.tumoi-area{margin-top:30px}.tumoi-area-header{display:flex;justify-content:space-between}.dichthuat-container{margin-left:0}.oldTextcss textarea{width:100%;height:100%;display:flex;height:80vh}.tumoi-container{padding:10px;margin-top:20px}.tumoi-item{margin-bottom:80px}.tumoi-container h2{color:#000;font-weight:600}.tumoi-header{display:flex;justify-content:space-between}.tumoi-display{margin-bottom:30px}.tumoi-display-header{display:flex;background-color:#212529;border-radius:20px}.tumoi-display-header>h4{font-weight:500;color:#fff!important;padding:10px;margin-right:20px}.tumoi-nghia{margin-bottom:30px}h4.tumoi-nghia-shower{font-weight:500;text-decoration:underline!important;font-style:italic;background:linear-gradient(270deg,#008dfd,#0914b1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tumoi-vidu{margin-bottom:25px}.button-css{margin:0 10px}.button-css.disable{cursor:not-allowed}button:disabled{opacity:.6}.noiDungBaiDich{max-height:90vh;overflow-y:auto}.phanDich{display:flex;width:100%;flex-direction:column}.phanDich .tiengTrung{font-size:30px!important;cursor:pointer}.phanDich .showNguyenVan-hanviet{font-size:20px!important;color:#198754}.phanDich .showNguyenVan-pinyin{font-size:20px!important;color:#0066e8;background-color:#ffe6a2;border-radius:10px;padding:5px}.tiengTrung:hover+.showNguyenVan-pinyin{display:block}.phanDich .row{width:100%;margin:10px 0}.cardPhandich{max-height:84vh;overflow-y:auto}.phanDich textarea{font-size:20px!important;height:auto}.itemCard-container{display:flex;flex-direction:column;height:100%;border-radius:16px;overflow:hidden;background:#00000008;transition:transform .2s,box-shadow .2s;margin-bottom:30px}.itemCard-title{position:relative;display:block;width:100%;padding-top:56.25%;border-radius:16px 16px 0 0;object-fit:cover;overflow:hidden}.itemCard-img-des{position:absolute;top:calc(50% - 50px);display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;gap:12px;z-index:1;color:#000}.itemCard-title iframe,.itemCard-title img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.itemCard-content{flex:1 1;display:flex;flex-direction:column;gap:12px;padding:16px 20px}.itemCard-content h3,.itemCard-content span{font-size:20px}.itemCard-content-author h4{font-size:18px!important}.itemCard-content-description span{box-sizing:border-box;width:100%;display:inline;text-align:center}.itemCard-content-description,.itemCard-content-description span{font-size:1.5rem;font-weight:500;line-height:1.2;text-overflow:ellipsis;color:#808285;letter-spacing:4px;font-family:PingFang SC,Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Microsoft Yahei,\\5FAE\8F6F\96C5\9ED1,STHeiti,\\534E\6587\7EC6\9ED1,sans-serif}.itemCard-content-author{display:flex;justify-content:space-between;margin-top:auto}.itemCard-content-author-container{position:relative;width:100%;object-fit:cover;overflow:hidden;display:flex}.itemCard-content-author-container img{position:absolute;display:flex;top:0;left:0;height:100%;object-fit:cover;border-radius:50%}.itemCard-content-author-container h4{margin-left:50px;text-decoration:none;outline:none;color:#f05123;font-size:1.6rem;font-weight:600}.itemCard-container-dashboard{padding:0 30px;display:flex;flex-direction:column;height:100%;border-radius:16px;overflow-y:auto;background:#00000008;transition:transform .2s,box-shadow .2s;margin-bottom:20px}.itemCard-title-dashboard{display:flex;align-items:center;justify-content:center;border-radius:16px 16px 0 0;object-fit:cover;overflow:hidden}.itemCard-title-dashboard iframe,.itemCard-title-dashboard img{width:40%;height:40%}.see-more,.see-more a{font-weight:700;cursor:pointer;font-size:15px}.see-more a{color:#000}.see-more:hover{text-decoration:underline}.itemCard-container-dashboardView{padding:0 30px;display:flex;flex-direction:column;height:100%;border-radius:16px;overflow-y:auto;background:#00000008;transition:transform .2s,box-shadow .2s;margin-bottom:20px;height:100vh}.itemCard-UserName{top:0;display:flex;align-items:flex-start;margin-bottom:10px;justify-content:space-between}.itemcard-UserName-sticky{position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100;background-color:#f7f7f7;opacity:.9}.itemCard-UserName-1{align-items:center}.itemCard-UserName-1,.itemCard-UserName-2{position:relative;display:flex;margin-bottom:10px}.itemCard-UserName-2 span{font-size:12px}.itemCard-UserName-2 p{font-size:14px}.itemCard-UserName-2 h6{-webkit-text-decoration:solid;text-decoration:solid}.itemCard-UserName img{display:flex;top:0;left:0;height:40px;width:40px;object-fit:cover;border-radius:50%}.itemCard-UserName-container{margin-left:10px}.itemCard-UserName-container-1{background-color:#dee2e6;padding:10px;border-radius:10px}.ItemCard-interact-container{width:100%}.ItemCard-interact-item{display:block;width:100%;align-items:center;justify-content:center;border-radius:10px}.ItemCard-interact-item :hover{background-color:#f0f2f5}.ItemCard-interact-item-flex{display:flex;padding:10px;width:100%;height:100%;align-items:center;justify-content:center}.ItemCard-interact-item-flex span{margin-left:10px}.ItemCard-interact-likeview{display:flex;margin:10px;align-items:center}.ItemCard-interact-likeview svg{color:#dee7f2}.ItemCard-interact-likeview .ItemCard-interact-liked{margin-left:10px}.liked-view{display:flex;align-items:center;justify-content:center;border-radius:50%;width:30px;height:30px;background-color:#077bfe}.ItemCard-interact-item-flex.liked{color:#077bfe}.ItemCard-interact-item-flex.liked svg{animation:likeAnimation .4s ease-in-out}.itemCard-comment-write{display:flex;width:100%;align-items:center}.itemCard-comment-write .itemCard-user-image img{width:35px;height:35px;border-radius:50%;object-fit:cover;margin-right:10px}.itemCard-comment-write .comment-input{border:none;outline:none;resize:none;min-height:60px;max-height:100px;font-size:16px}.itemCard-comment-write textarea:focus{border:none;outline:none;box-shadow:none}.itemCard-comment-write .comment-input-container{display:flex;align-items:center;width:100%;background-color:#fff;border-radius:10px}.itemCard-comment-send{display:flex;align-items:center;justify-content:center;padding:5px;margin-right:10px;border-radius:50%;height:30px;width:30px}.itemCard-comment-send:hover{background-color:#dee7f2}.itemCard-comment-send.active1 svg{color:#077bfe}.itemCard-comment-send.no-item svg{color:#c1c1c1}.itemCard-comment-send.no-item{pointer-events:none;cursor:not-allowed}.itemCard-UserName .btn-options:focus{border:none;outline:none;box-shadow:none}.itemCard-UserName .btn-options svg{padding:10px;border-radius:5px}.itemCard-UserName .btn-options :hover{background-color:#f2f2f2}.itemCard-baiDich pre,pre{white-space:pre-wrap;word-wrap:break-word;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;line-height:1.6;font-size:20px}.Comment-Item{display:flex;width:100%}.textDashboard_container{padding:0 20px;border-radius:10px}.textDashboard_container:hover{background-color:#f9efd1}.tiengTrung_Dashboard{margin:0}.dichNghia_Dashboard{color:#0063d3;margin:0;padding-bottom:15px}.cambria{font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif!important}.simsun{font-family:simsun!important}@keyframes likeAnimation{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}.likeView-controller{position:relative;cursor:pointer}.likeView-controller:hover .likeView-header{text-decoration:underline;min-width:50px}.likeView-detailes{background-color:#000;color:#f0f8ff;position:absolute;top:30px;min-width:200px;width:100%;border-radius:10px;padding-bottom:2px;z-index:1;box-shadow:10px 10px 8px rgba(0,0,0,.1)}.liked-user{padding:2px 10px;width:100%;border-radius:10px}.liked-user span{font-size:16px}.liked-user:hover{background-color:#f0f8ff;color:#000}.login-page{background-color:#b9b2b2;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-container{margin:auto;padding:0;width:500px}.login-container p{color:#d9405e}.login-container h2{font-size:30px;text-align:center}:root{--background:linear-gradient(135deg,#192a51,#0e046b);--color:#fff;--primary-color:#967aa1}*{box-sizing:border-box}html{scroll-behavior:smooth}.container-show{margin:0;box-sizing:border-box;font-family:poppins;background:var(--background);letter-spacing:1px;transition:background .2s ease;-webkit-transition:background .2s ease;-moz-transition:background .2s ease;-ms-transition:background .2s ease;-o-transition:background .2s ease}.container-show,a{color:var(--color)}h1{font-size:2.5rem}.container-show{display:flex;justify-content:center;align-items:center;height:100vh}.login-container{position:relative;width:22.2rem}.form-container{border:1px solid hsla(0,0%,65%,.158);box-shadow:0 0 36px 1px rgba(0,0,0,.2);border-radius:10px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:99;padding:2rem;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.login-container form input{display:block;padding:14.5px;width:100%;margin:2rem 0;color:var(--color);outline:none;background-color:#9191911f;border:none;border-radius:5px;font-weight:500;letter-spacing:.8px;font-size:15px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.login-container form input:focus{box-shadow:0 0 16px 1px rgba(0,0,0,.2);animation:wobble .3s ease-in;-webkit-animation:wobble .3s ease-in}.login-container form button{background-color:var(--primary-color);color:var(--color);display:block;padding:13px;border-radius:5px;outline:none;font-size:18px;letter-spacing:1.5px;font-weight:700;width:100%;cursor:pointer;margin-bottom:2rem;transition:all .1s ease-in-out;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out}.login-container form button:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.15);transform:scale(1.02);-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02)}.input-password{position:relative;margin-top:-30px}.input-password,.positsionPassword{justify-content:center;display:flex;align-items:center}.positsionPassword{position:absolute;padding:10px;right:10px;z-index:100}.hide{display:none}.positsionPassword:hover{cursor:pointer;font-size:20px}.circle{width:8rem;height:8rem;background:var(--primary-color);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;position:absolute}.illustration{position:absolute;top:-14%;right:-101px;width:90%}.circle-one{top:0;left:0;z-index:-1;transform:translate(-45%,-45%);-webkit-transform:translate(-45%,-45%);-moz-transform:translate(-45%,-45%);-ms-transform:translate(-45%,-45%);-o-transform:translate(-45%,-45%)}.circle-two{bottom:0;right:0;z-index:-1;transform:translate(45%,45%);-webkit-transform:translate(45%,45%);-moz-transform:translate(45%,45%);-ms-transform:translate(45%,45%);-o-transform:translate(45%,45%)}.register-forget{margin:1rem 0;display:flex;justify-content:space-between}.opacity{opacity:.6}.theme-btn-container{position:absolute;left:0;bottom:2rem}.theme-btn{cursor:pointer;transition:all .3s ease-in}.theme-btn:hover{width:40px!important}@keyframes wobble{0%{transform:scale(1.025);-webkit-transform:scale(1.025);-moz-transform:scale(1.025);-ms-transform:scale(1.025);-o-transform:scale(1.025)}25%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}75%{transform:scale(1.025);-webkit-transform:scale(1.025);-moz-transform:scale(1.025);-ms-transform:scale(1.025);-o-transform:scale(1.025)}to{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}}.menuSide{padding-top:56px;color:hsla(0,0%,100%,.5)}.sb-sidenav{display:flex;flex-direction:column;height:100%;width:110px;flex-wrap:nowrap}.menuSide-item{height:100%}.menuSide-nav{display:flex;top:0;width:100%;height:100%;flex-direction:column;flex-wrap:nowrap;list-style-type:none;padding:0}.menuSide-nav li{min-height:50px;display:flex;color:hsla(0,0%,100%,.5);box-sizing:border-box;justify-items:center;align-items:center;max-width:100%}.menuSide-nav li .nav-link{display:flex;width:100%;height:100%;padding:10px;text-decoration:none;color:#404040;border-radius:20px;flex-direction:column;align-items:center;text-align:center;font-size:12px}.menuSide-nav li .nav-link.active,.menuSide-nav li a:hover{background-color:#e8ebed;color:#1a1a1a}.nav-icon{margin-right:10px;width:15px}.menuSide-footer{bottom:0;padding:12px 12px 20px;margin:0}.menuSide .menuSide-it-asset:hover{height:auto}.menuSide .menuSide-it-asset .menuSide-2nd a:hover{background-color:#edf8ff;color:#1a1a1a}.menuSide .menuSide-it-asset{position:relative;height:auto}.menuSide-tree-item{flex-direction:column;align-items:stretch!important}.menuSide-tree{width:100%;list-style:none;padding:0 0 6px;margin:0}.menuSide-tree li{min-height:38px}.menuSide-tree li .nav-link{border-radius:14px;font-size:11px;padding:7px 4px}.sb-nav-fixed .sb-topnav{z-index:1039}.container{padding:0}.fixed-top,.sb-nav-fixed #layoutSidenav #layoutSidenav_nav,.sb-nav-fixed .sb-topnav{position:fixed;top:0;right:0;left:0;z-index:1030;justify-content:space-between}.sb-topnav{padding-left:0;height:60px;z-index:1039;transition:top .3s}.sb-topnav .navbar-brand{width:225px;margin:0}.navbar-hidden{top:-60px!important}.chinese-text-list{cursor:pointer}.sb-topnav.navbar-dark #sidebarToggle{color:hsla(0,0%,100%,.5)}.ms-auto{margin-left:auto!important}.btn-link:hover{color:#fff!important;z-index:1040}.header-logo{display:flex;width:225px;max-height:60px;align-items:center;justify-content:center;padding:0;margin:auto}.header-logo-span{width:100%;height:100%;padding:auto}.dropdown-menu{margin-left:-100px!important}.dropdown-item{font-size:14px;left:-50px!important;padding:10px}.dropdown-item:hover{background-color:#212529!important;color:#f0f8ff!important}span.dropdown-item{font-size:14px;left:-50px!important;padding:10px}.menuSide-column{display:flex;flex-direction:row;flex-wrap:nowrap;list-style-type:none;padding:0;height:100%}.menuSide-column li{height:60px;display:flex;color:hsla(0,0%,100%,.5);box-sizing:border-box;justify-items:center;align-items:center;min-width:100px}.menuSide-column li .nav-link{display:flex;width:100%;height:100%;padding:10px;text-decoration:none;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:12px;transition:color .3s ease,transform .3s ease}.logo-tieude a{text-decoration:none;color:#ffedede6}.text-link{text-decoration:none;color:#828486;font-size:15px}.text-link:hover{color:#ffedede6!important}.menuSide-column li:hover .menuSide-2nd{display:block}.menuSide-2nd{display:none;margin-top:8px;width:100%;left:0;flex-direction:column;background-color:#212529;border-radius:20px}.dropdown-fix{transform:translate(-100px,42px)!important}@media only screen and (max-width:768px){.menuSide-column li{min-width:40px;font-size:10px}.menuSide-column li a{font-size:10px}.isShowitemName{display:none}.menuSide-column li .nav-link1{justify-content:center}.logo-tieude{display:none!important}.nav-icon{margin:0}}@media only screen and (max-width:1050px){.isShowitemName{display:none}.menuSide-column li .nav-link1{justify-content:center}.menuSide-column li{min-width:60px}}body{color:#e5e7eb}.sb-nav-fixed,body{background-color:#0f172a}.bg-black{background-color:#020617!important}.card{border-radius:12px}a{color:#38bdf8;text-decoration:none}a:hover{color:#0ea5e9}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.highlight-important{color:#f87171;font-weight:500}.pageFormContainer{height:100vh;position:fixed;top:0;right:0;left:0;z-index:1030;justify-content:space-between}.pageFormContainer,.sb-nav-fixed{font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;background:#fff}.layoutContainer{position:-webkit-sticky;position:sticky;top:0;width:110px;height:100vh;margin-left:5px}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.UserContainer,.UserContainer-block{display:flex;width:100%;height:100%;margin:0;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;background-color:#fff!important}#table-container{padding-top:60px}.document-container{display:flex;flex-direction:column}.document-container a{color:#000;padding:5px}.document-container a:hover{color:blue;text-decoration:underline}.userDataImage img{border:1px solid #d3d3d3;box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:8px;object-fit:cover}.userDataContainer{display:flex;flex-direction:row}.userDataInfo{height:300px;width:100%;display:flex;color:#282c34;flex-direction:column;align-items:left;justify-content:center;padding-left:20px}.userDataInfo h3{font-size:50px}.userDataInfo a{color:#1f0ddc;font-style:italic;text-decoration:underline}.loadingData{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:9999}.loadingData,.loadingData-container{display:flex;align-items:center;justify-content:center}.loadingData-container{flex-direction:column;width:600px;height:auto;background-color:#fff;border-radius:20px;font-size:70px}.loadingData-container h2{padding:30px;text-align:center}.loadingData-container img{height:100px}.loadingData-container svg{color:#097609;animation:rotate 2s linear infinite}.nghiaCuaTu{margin-bottom:20px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.flex-container{display:flex;justify-content:space-between;gap:20px}.column{display:flex;flex-direction:column;gap:10px}.option-btn{padding:10px 16px;background:#1e1e2f;border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s ease}.option-btn:hover{background:#2a2a40}.matchedCorrect{background-color:green!important}.matchedWrong{background-color:red!important}.MatchingGameContaniner{display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}}.animate-shake{animation:shake .4s ease-in-out}@keyframes pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1)}}.animate-pop{animation:pop .4s ease-in-out}.shadowing-page{min-height:100vh;padding:24px;background:#0f172a;color:#e5e7eb}.shadowing-shell{max-width:1180px;margin:0 auto}.shadowing-detail-page{padding:16px}.shadowing-detail-shell{width:100%;max-width:none}.shadowing-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.shadowing-title h1{margin:0;font-size:26px;font-weight:800}.shadowing-title p{margin:4px 0 0;color:#94a3b8}.shadowing-panel{border:1px solid rgba(148,163,184,.2);border-radius:8px;background:rgba(15,23,42,.84);padding:18px}.shadowing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:14px;gap:14px}.shadowing-card{display:block;overflow:hidden;border:1px solid rgba(148,163,184,.2);border-radius:8px;background:rgba(30,41,59,.78);color:inherit;text-decoration:none}.shadowing-thumb{aspect-ratio:16/9;width:100%;object-fit:cover;background:#111827}.shadowing-card-body{padding:12px}.shadowing-card h3{margin:0 0 8px;font-size:16px;font-weight:800}.shadowing-card-progress{display:grid;grid-gap:6px;gap:6px;margin-top:12px}.shadowing-card-progress div{overflow:hidden;height:8px;border-radius:999px;background:rgba(148,163,184,.2)}.shadowing-card-progress div span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#34d399)}.shadowing-card-progress p{margin:0;color:#cbd5e1;font-size:12px;font-weight:800}.shadowing-meta{display:flex;flex-wrap:wrap;gap:6px;color:#cbd5e1;font-size:12px}.shadowing-pill{border:1px solid rgba(148,163,184,.25);border-radius:999px;padding:4px 8px;background:hsla(0,0%,100%,.05)}.shadowing-form{display:grid;grid-gap:14px;gap:14px}.shadowing-preview{display:grid;grid-template-columns:220px 1fr;grid-gap:14px;gap:14px;align-items:center}.shadowing-progress-list{display:grid;grid-gap:8px;gap:8px;margin-top:14px}.shadowing-step{display:flex;align-items:center;gap:10px;color:#94a3b8}.shadowing-step.done{color:#86efac}.shadowing-step.active{color:#67e8f9}.shadowing-editor{display:grid;grid-template-columns:minmax(320px,1fr) minmax(340px,440px);grid-gap:14px;gap:14px}.shadowing-video-frame{position:relative;overflow:hidden;aspect-ratio:16/9;width:100%;border:0;border-radius:8px;background:#000}.shadowing-video-frame iframe,.shadowing-video-frame>div{width:100%;height:100%;border:0}.shadowing-video-frame iframe{pointer-events:none}.shadowing-video-overlay{z-index:3;display:flex;align-items:flex-end;cursor:pointer;background:rgba(2,6,23,.04)}.shadowing-video-hitlayer,.shadowing-video-overlay{position:absolute;inset:0}.shadowing-video-controls{position:relative;z-index:2;width:100%;display:grid;grid-gap:8px;gap:8px;padding:12px;background:linear-gradient(180deg,transparent,rgba(2,6,23,.82));opacity:0;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease;cursor:default}.shadowing-video-frame.controls-visible .shadowing-video-controls,.shadowing-video-frame:focus-within .shadowing-video-controls{opacity:1;transform:translateY(0)}.shadowing-video-progress-row{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;grid-gap:8px;gap:8px;color:#e0f2fe;font-size:12px;font-weight:900}.shadowing-video-progress-row input{width:100%;accent-color:#67e8f9}.shadowing-video-control-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.shadowing-video-control-row button,.shadowing-video-control-row select{min-height:34px;border:1px solid rgba(226,232,240,.28);border-radius:8px;color:#f8fafc;background:rgba(15,23,42,.78);font-weight:900}.shadowing-video-control-row button{width:38px;display:inline-flex;align-items:center;justify-content:center}.shadowing-video-control-row button.active{color:#06202b;border-color:#22d3ee;background:#22d3ee}.shadowing-video-control-row button.wide{width:auto;min-width:58px;padding:0 12px}.shadowing-video-control-row button.seek-small{width:42px;gap:3px;padding:0 6px;font-size:11px}.shadowing-video-control-row button.seek-small small{font-size:10px;font-weight:900;line-height:1}.shadowing-video-control-row button:disabled{cursor:not-allowed;opacity:.5}.shadowing-video-control-row select{width:78px;padding:0 8px}.shadowing-sticky-video{position:-webkit-sticky;position:sticky;top:10px;z-index:8;display:grid;justify-items:center;grid-gap:8px;gap:8px;border-radius:8px;padding:0 0 8px;background:#18181d}.shadowing-sticky-video:-webkit-full-screen{width:100vw;height:100vh;position:relative;overflow:hidden;display:block;padding:0;background:#000}.shadowing-sticky-video:fullscreen{width:100vw;height:100vh;position:relative;overflow:hidden;display:block;padding:0;background:#000}.shadowing-sticky-video:-webkit-full-screen .shadowing-video-frame{position:absolute;inset:0;width:100vw;height:100vh;max-height:none;aspect-ratio:auto;border-radius:0;overflow:hidden}.shadowing-sticky-video:fullscreen .shadowing-video-frame{position:absolute;inset:0;width:100vw;height:100vh;max-height:none;aspect-ratio:auto;border-radius:0;overflow:hidden}.shadowing-sticky-video:-webkit-full-screen .shadowing-video-frame iframe,.shadowing-sticky-video:-webkit-full-screen .shadowing-video-frame>div:first-child,.shadowing-sticky-video:-webkit-full-screen .shadowing-video-frame>div:first-child iframe{position:absolute!important;inset:0!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;transform:none!important;border:0!important}.shadowing-sticky-video:fullscreen .shadowing-video-frame iframe,.shadowing-sticky-video:fullscreen .shadowing-video-frame>div:first-child,.shadowing-sticky-video:fullscreen .shadowing-video-frame>div:first-child iframe{position:absolute!important;inset:0!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;transform:none!important;border:0!important}.shadowing-sticky-video:-webkit-full-screen .shadowing-video-overlay{position:absolute;inset:0;width:100vw;height:100vh;z-index:7;background:transparent}.shadowing-sticky-video:fullscreen .shadowing-video-overlay{position:absolute;inset:0;width:100vw;height:100vh;z-index:7;background:transparent}.shadowing-sticky-video:-webkit-full-screen .shadowing-video-controls{position:absolute;left:0;right:0;bottom:0;z-index:12;opacity:0;transform:translateY(10px);padding:14px 18px 18px;background:linear-gradient(180deg,transparent,rgba(2,6,23,.88))}.shadowing-sticky-video:fullscreen .shadowing-video-controls{position:absolute;left:0;right:0;bottom:0;z-index:12;opacity:0;transform:translateY(10px);padding:14px 18px 18px;background:linear-gradient(180deg,transparent,rgba(2,6,23,.88))}.shadowing-sticky-video:-webkit-full-screen .shadowing-video-frame.controls-visible .shadowing-video-controls{opacity:1;transform:none}.shadowing-sticky-video:fullscreen .shadowing-video-frame.controls-visible .shadowing-video-controls{opacity:1;transform:none}.shadowing-sticky-video:-webkit-full-screen.video-idle,.shadowing-sticky-video:-webkit-full-screen.video-idle *{cursor:none!important}.shadowing-sticky-video:fullscreen.video-idle,.shadowing-sticky-video:fullscreen.video-idle *{cursor:none!important}.shadowing-sticky-video:-webkit-full-screen.video-idle .shadowing-caption-tools,.shadowing-sticky-video:-webkit-full-screen.video-idle .shadowing-video-controls{opacity:0!important;pointer-events:none}.shadowing-sticky-video:fullscreen.video-idle .shadowing-caption-tools,.shadowing-sticky-video:fullscreen.video-idle .shadowing-video-controls{opacity:0!important;pointer-events:none}.shadowing-sticky-video:-webkit-full-screen .shadowing-main-controls{display:none}.shadowing-sticky-video:fullscreen .shadowing-main-controls{display:none}.shadowing-sticky-video:-webkit-full-screen .shadowing-practice-modal{z-index:2147483200}.shadowing-sticky-video:fullscreen .shadowing-practice-modal{z-index:2147483200}.shadowing-sticky-video:-webkit-full-screen .shadowing-live-caption{position:absolute;left:50%;bottom:104px;z-index:11;transform:translateX(-50%);width:min(1100px,96vw);padding:12px 22px;background:rgba(2,6,23,.46);box-shadow:0 18px 50px rgba(0,0,0,.38);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:0 3px 12px rgba(0,0,0,.92),0 1px 2px rgba(0,0,0,.95)}.shadowing-sticky-video:fullscreen .shadowing-live-caption{position:absolute;left:50%;bottom:104px;z-index:11;transform:translateX(-50%);width:min(1100px,96vw);padding:12px 22px;background:rgba(2,6,23,.46);box-shadow:0 18px 50px rgba(0,0,0,.38);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:0 3px 12px rgba(0,0,0,.92),0 1px 2px rgba(0,0,0,.95)}.shadowing-sticky-video:-webkit-full-screen .shadowing-token-line{font-size:clamp(28px,4.2vw,54px)}.shadowing-sticky-video:fullscreen .shadowing-token-line{font-size:clamp(28px,4.2vw,54px)}.shadowing-sticky-video:-webkit-full-screen .shadowing-caption-pinyin{font-size:clamp(16px,2vw,28px)}.shadowing-sticky-video:fullscreen .shadowing-caption-pinyin{font-size:clamp(16px,2vw,28px)}.shadowing-sticky-video:-webkit-full-screen .shadowing-live-caption em,.shadowing-sticky-video:-webkit-full-screen .shadowing-practice-result{font-size:clamp(14px,1.4vw,20px)}.shadowing-sticky-video:fullscreen .shadowing-live-caption em,.shadowing-sticky-video:fullscreen .shadowing-practice-result{font-size:clamp(14px,1.4vw,20px)}.shadowing-main-controls{margin-bottom:0;justify-content:center;gap:6px;width:100%}.shadowing-mobile-back{display:none}.shadowing-check,.shadowing-main-controls .btn,.shadowing-main-controls .form-select{min-height:34px;border-radius:8px;padding:5px 10px;font-size:13px;font-weight:800}.shadowing-loop-select{width:98px;min-width:92px}.shadowing-check{display:inline-flex;align-items:center;gap:6px;margin:0;border:1px solid rgba(148,163,184,.3);color:#dbeafe;background:hsla(0,0%,100%,.04)}.shadowing-live-caption{display:grid;justify-items:center;grid-gap:5px;gap:5px;width:min(760px,96%);max-width:96%;margin-top:-2px;border-radius:7px;padding:8px 14px;color:#fff;background:#050505;text-align:center}.shadowing-caption-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.shadowing-caption-tools .btn{min-height:28px;border-radius:7px;padding:3px 8px;font-size:12px;font-weight:800}.shadowing-caption-pinyin{color:#f8fafc;font-size:13px;font-weight:800;line-height:1.2;word-spacing:3px}.shadowing-token-line{display:flex;flex-wrap:wrap;justify-content:center;column-gap:1px;row-gap:4px;font-size:25px;line-height:1.2;letter-spacing:0}.shadowing-token-line .shadowing-keyword-wrap{display:inline-flex}.shadowing-token-line .shadowing-keyword{border:0;border-radius:0;padding:0;color:#fff;background:transparent;font-size:inherit;font-weight:900;line-height:1.15}.shadowing-token-line .shadowing-keyword:hover{color:#67e8f9}.shadowing-token-plain{color:#fff;font-size:inherit;font-weight:900;line-height:1.15}.shadowing-live-caption em{color:#cbd5e1;font-size:12px;font-style:normal}.shadowing-practice-result{color:#dbeafe;font-size:12px}.shadowing-now{display:grid;grid-gap:4px;gap:4px;margin-top:10px;border:1px solid rgba(34,211,238,.24);border-radius:8px;padding:12px;background:rgba(34,211,238,.08)}.shadowing-now span{color:#67e8f9;font-size:12px;font-weight:700;text-transform:uppercase}.shadowing-now strong{font-size:20px}.shadowing-now em{color:#cbd5e1;font-style:normal}.shadowing-keyword-line{border:1px solid rgba(148,163,184,.24);border-radius:8px;padding:10px 12px;color:#bae6fd;background:rgba(15,23,42,.62)}.shadowing-cue-list{max-height:calc(100vh - 180px);overflow:auto;display:grid;grid-gap:6px;gap:6px}.shadowing-cue{width:100%;text-align:left;border:1px solid transparent;border-radius:8px;padding:11px 12px;background:transparent;color:inherit}.shadowing-cue:hover{background:rgba(148,163,184,.08)}.shadowing-cue.active{border-color:rgba(45,212,191,.15);background:rgba(45,212,191,.24)}.shadowing-cue.selected{box-shadow:inset 3px 0 0 #facc15}.shadowing-cue span,.shadowing-cue strong{display:block}.shadowing-cue-row{display:flex!important;align-items:flex-start;justify-content:space-between;gap:8px}.shadowing-cue strong{font-size:16px;line-height:1.5;flex:1 1}.shadowing-cue span{color:#cbd5e1;font-size:13px}.shadowing-cue-actions{display:inline-flex!important;flex:0 0 auto}.shadowing-cue-icon{display:inline-flex!important;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid rgba(148,163,184,.28);border-radius:999px;color:#e0f2fe;background:rgba(15,23,42,.75)}.shadowing-cue-icon.recording{border-color:rgba(251,191,36,.6);color:#fbbf24}.shadowing-cue-practice{display:inline-flex!important;align-items:center;gap:6px;margin-top:6px;color:#dbeafe!important;font-size:12px!important}.shadowing-cue-practice.correct{color:#86efac!important}.shadowing-cue-practice.wrong{color:#fca5a5!important}.shadowing-practice-modal{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;padding:16px;background:rgba(2,6,23,.68);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.shadowing-practice-card{position:relative;width:min(440px,100%);display:grid;grid-gap:10px;gap:10px;border:1px solid rgba(148,163,184,.24);border-radius:8px;padding:18px;color:#f8fafc;background:#111827;box-shadow:0 24px 70px rgba(0,0,0,.45)}.shadowing-practice-card>strong{padding-right:32px;font-size:22px;line-height:1.45}.shadowing-practice-card p{margin:0;color:#e5e7eb}.shadowing-practice-close{position:absolute;top:10px;right:10px;width:30px;height:30px;border:1px solid rgba(148,163,184,.3);border-radius:999px;color:#e5e7eb;background:rgba(15,23,42,.9);font-weight:900}.shadowing-practice-options{display:flex;justify-content:center;margin-top:4px}.shadowing-practice-mic-zone{display:grid;justify-items:center;grid-gap:12px;gap:12px;padding:16px 0 12px}.shadowing-practice-mic-button{position:relative;width:92px;height:92px;display:inline-grid;place-items:center;border:0;border-radius:999px;color:#fff;background:linear-gradient(145deg,#ef4444,#be123c);box-shadow:0 18px 45px rgba(239,68,68,.32);font-size:34px;isolation:isolate}.shadowing-practice-mic-zone.recording .shadowing-practice-mic-button{background:linear-gradient(145deg,#f59e0b,#ea580c);box-shadow:0 18px 50px rgba(245,158,11,.34)}.shadowing-practice-mic-button svg{position:relative;z-index:2}.shadowing-practice-wave{position:absolute;inset:-6px;z-index:1;border:2px solid rgba(34,211,238,.55);border-radius:inherit;opacity:0;transform:scale(.72);pointer-events:none}.shadowing-practice-mic-zone.recording .shadowing-practice-wave{animation:shadowingMicWave 1.45s ease-out infinite}.shadowing-practice-mic-zone.recording .wave-two{animation-delay:.24s}.shadowing-practice-mic-zone.recording .wave-three{animation-delay:.48s}.shadowing-practice-hint{color:#cbd5e1;font-size:14px;font-weight:800;text-align:center}.shadowing-practice-mic-zone.recording .shadowing-practice-hint{color:#fde68a}@keyframes shadowingMicWave{0%{opacity:.75;transform:scale(.72)}75%{opacity:.08}to{opacity:0;transform:scale(1.55)}}.shadowing-practice-modal-result{display:grid;grid-gap:5px;gap:5px;border:1px solid rgba(34,211,238,.22);border-radius:8px;padding:10px;background:rgba(34,211,238,.08)}.shadowing-practice-modal-result span{color:#94a3b8;font-size:12px;font-weight:800}.shadowing-practice-modal-result strong{display:inline-flex;align-items:center;gap:8px;color:#fff}.shadowing-practice-modal-result.correct{border-color:rgba(34,197,94,.34);background:rgba(34,197,94,.1)}.shadowing-practice-modal-result.correct em,.shadowing-practice-modal-result.correct strong{color:#86efac}.shadowing-practice-modal-result.wrong{border-color:hsla(0,91%,71%,.34);background:hsla(0,91%,71%,.1)}.shadowing-practice-modal-result.wrong em,.shadowing-practice-modal-result.wrong strong{color:#fca5a5}.shadowing-practice-modal-result em{color:#67e8f9;font-style:normal;font-weight:800}.shadowing-controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.shadowing-reader{display:grid;grid-template-columns:minmax(420px,1fr) minmax(330px,400px);grid-gap:12px;gap:12px;align-items:start}.shadowing-detail-shell .shadowing-reader{grid-template-columns:minmax(0,1fr) minmax(330px,400px)}.shadowing-practice{display:grid;grid-gap:6px;gap:6px}.shadowing-practice h2{margin:0;font-size:22px;line-height:1.45}.shadowing-practice p{margin-bottom:4px}.shadowing-practice-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.shadowing-practice-head .shadowing-controls{margin:0}.shadowing-practice-label{margin:0;color:#67e8f9;font-size:13px;font-weight:800;text-transform:uppercase}.shadowing-keywords{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0}.shadowing-keyword-wrap{position:relative;display:inline-flex;vertical-align:baseline}.shadowing-keyword{display:inline;border:0;border-radius:5px;padding:0 1px;color:inherit;background:transparent;cursor:pointer;text-decoration:none}.shadowing-keyword:hover{color:#67e8f9;border:1px solid rgba(103,232,249,.6);border-radius:5px;margin:-1px;background:rgba(34,211,238,.12)}.shadowing-keyword-pop{position:fixed;z-index:2147483000;width:240px;max-width:calc(100vw - 24px);display:none;transform:translateY(-100%);padding:10px 12px;border:1px solid rgba(103,232,249,.22);border-radius:12px;color:#e5e7eb;background:rgba(15,23,42,.96);box-shadow:0 18px 42px rgba(0,0,0,.38);font-size:12px;line-height:1.35;white-space:normal}.shadowing-keyword-detail-modal{position:fixed;inset:0;z-index:2147483200;display:grid;place-items:center;padding:18px;background:rgba(2,6,23,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.shadowing-keyword-detail-panel{position:relative;width:min(760px,96vw);max-height:min(760px,92vh);overflow:auto;border:1px solid rgba(103,232,249,.28);border-radius:10px;padding:18px;color:#f8fafc;background:#111827;box-shadow:0 24px 70px rgba(0,0,0,.48)}.shadowing-sticky-video:-webkit-full-screen .swal2-container{z-index:2147483300!important}.shadowing-sticky-video:fullscreen .swal2-container{z-index:2147483300!important}.shadowing-keyword-pop:after{content:"";position:absolute;left:var(--shadowing-keyword-arrow-left,50%);bottom:-6px;width:10px;height:10px;transform:translateX(-50%) rotate(45deg);border-right:1px solid rgba(103,232,249,.22);border-bottom:1px solid rgba(103,232,249,.22);background:rgba(15,23,42,.96)}.shadowing-keyword-pop.below{transform:none}.shadowing-keyword-pop.below:after{top:-6px;bottom:auto;border-right:0;border-bottom:0;border-left:1px solid rgba(103,232,249,.22);border-top:1px solid rgba(103,232,249,.22)}.shadowing-keyword-pop.open{display:grid;grid-gap:3px;gap:3px}.shadowing-keyword-pop em,.shadowing-keyword-pop small,.shadowing-keyword-pop span,.shadowing-keyword-pop strong{display:block}.shadowing-keyword-pop span{line-height:1.35}.shadowing-keyword-pop strong{color:#f8fafc;font-size:15px}.shadowing-keyword-pop small{color:#a7f3d0}.shadowing-keyword-pop em{color:#67e8f9;font-style:normal;font-weight:800}.shadowing-keyword-actions{display:flex!important;gap:6px;margin-top:6px}.shadowing-keyword-actions button{flex:1 1;border:1px solid rgba(103,232,249,.35);border-radius:999px;padding:5px 8px;color:#cffafe;background:rgba(34,211,238,.12);font-size:11px;font-weight:800}.shadowing-keyword-actions button:hover{color:#0f172a;background:#67e8f9}.shadowing-cue-text{display:inline!important;white-space:normal;word-break:normal}.shadowing-cue .shadowing-cue-text .shadowing-keyword,.shadowing-cue .shadowing-cue-text .shadowing-keyword-wrap,.shadowing-cue .shadowing-cue-text .shadowing-token-plain,.shadowing-cue .shadowing-cue-text span{display:inline;color:inherit;font-size:inherit;line-height:inherit}.shadowing-cue .shadowing-cue-text .shadowing-keyword-pop,.shadowing-cue .shadowing-cue-text .shadowing-keyword-pop em,.shadowing-cue .shadowing-cue-text .shadowing-keyword-pop small,.shadowing-cue .shadowing-cue-text .shadowing-keyword-pop span,.shadowing-cue .shadowing-cue-text .shadowing-keyword-pop strong{display:block}.shadowing-cue .shadowing-cue-text .shadowing-keyword-pop{display:none}.shadowing-cue .shadowing-cue-text .shadowing-keyword-pop.open{display:grid}.light-mode .shadowing-page,.theme-light .shadowing-page{background:#f7fafc;color:#0f172a}.light-mode .shadowing-card,.light-mode .shadowing-cue,.light-mode .shadowing-panel,.theme-light .shadowing-card,.theme-light .shadowing-cue,.theme-light .shadowing-panel{background:#fff;border-color:rgba(15,23,42,.12)}@media (max-width:860px){.shadowing-page{--shadowing-mobile-top:66px;--shadowing-mobile-video-h:56.25vw;padding:10px}.shadowing-topbar{align-items:flex-start;margin-bottom:10px}.shadowing-title h1{font-size:20px;line-height:1.25}.shadowing-title p{font-size:13px}.shadowing-panel{padding:12px}.shadowing-editor,.shadowing-preview,.shadowing-reader{grid-template-columns:1fr}.shadowing-sticky-video{position:fixed;top:var(--shadowing-mobile-top);left:0;right:0;z-index:1040;margin:0;padding:0;border-radius:0;border-bottom:1px solid rgba(148,163,184,.22);box-shadow:0 14px 30px rgba(0,0,0,.4)}.shadowing-sticky-video .shadowing-video-frame{aspect-ratio:16/9;height:auto;max-height:none;border-radius:0}.shadowing-video-overlay{background:transparent}.shadowing-video-controls{position:absolute;left:0;right:0;bottom:0;z-index:24;gap:4px;padding:4px 7px 5px;background:linear-gradient(180deg,transparent,rgba(2,6,23,.7));opacity:0;transform:translateY(8px);pointer-events:none}.shadowing-video-frame:active .shadowing-video-controls,.shadowing-video-frame:focus-within .shadowing-video-controls,.shadowing-video-frame:hover .shadowing-video-controls{opacity:0;transform:translateY(8px);pointer-events:none}.shadowing-video-frame.controls-visible .shadowing-video-controls{opacity:1;transform:translateY(0);pointer-events:auto}.shadowing-video-progress-row{position:relative;z-index:26;grid-template-columns:34px minmax(0,1fr) 34px;gap:5px;font-size:10px;line-height:1}.shadowing-video-progress-row input{position:relative;z-index:27;height:12px}.shadowing-video-control-row{position:relative;z-index:25;gap:5px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.shadowing-video-control-row::-webkit-scrollbar{display:none}.shadowing-video-control-row button,.shadowing-video-control-row select{flex:0 0 auto;min-height:27px;border-radius:7px;font-size:10px}.shadowing-video-control-row button{width:30px}.shadowing-video-control-row button.wide{min-width:48px;padding:0 8px}.shadowing-video-control-row select{width:58px;padding:0 5px}.shadowing-reader>div:first-child{padding-top:calc(var(--shadowing-mobile-video-h) + 8px)}.shadowing-main-controls,.shadowing-topbar{display:none}.shadowing-mobile-back{position:fixed;top:calc(var(--shadowing-mobile-top) + 8px);left:8px;z-index:1045;display:inline-flex!important;align-items:center;gap:5px;min-height:32px;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800;background:rgba(15,23,42,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.shadowing-check,.shadowing-main-controls .btn,.shadowing-main-controls .form-select{width:auto;min-height:32px;padding:4px 8px;font-size:12px}.shadowing-live-caption{position:absolute;left:50%;bottom:clamp(4px,1.5vw,18px);z-index:12;transform:translateX(-50%);width:min(78vw,460px);max-width:78vw;gap:2px;margin:0;padding:4px 7px;border:1px solid hsla(0,0%,100%,.12);background:rgba(2,6,23,.42);box-shadow:0 8px 24px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-shadow:0 2px 10px rgba(0,0,0,.9),0 1px 2px rgba(0,0,0,.92);opacity:1;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.shadowing-video-frame.controls-visible+.shadowing-live-caption{bottom:clamp(72px,18vw,106px);transform:translateX(-50%) translateY(-2px)}.shadowing-live-caption .shadowing-caption-tools{display:none}.shadowing-token-line{max-width:100%;font-size:clamp(13px,3.8vw,23px);column-gap:0;row-gap:1px}.shadowing-caption-pinyin{max-width:100%;font-size:clamp(9px,2.4vw,14px);word-spacing:1px}.shadowing-live-caption em{max-width:100%;font-size:clamp(9px,2.3vw,13px)}.shadowing-live-caption .shadowing-practice-result{display:none}.shadowing-cues-panel{padding:10px}.shadowing-cue-list{max-height:none;overflow:visible}.shadowing-cue{padding:10px;scroll-margin-top:calc(var(--shadowing-mobile-top) + var(--shadowing-mobile-video-h) + 18px)}.shadowing-cue strong{font-size:15px;line-height:1.45}.shadowing-cue-icon{width:34px;height:34px}.shadowing-practice h2{font-size:18px}.shadowing-practice-head{align-items:flex-start;flex-direction:column}}@media (max-width:420px){.shadowing-page{--shadowing-mobile-top:56px;--shadowing-mobile-video-h:56.25vw}}