.header-pc_container{background-color:var(--bg-secondary);box-shadow:var(--shadow-lg);padding:10px 20px}.header-pc_container .row .header-logo{justify-content:left;align-items:center;display:flex}.header-pc_container .row .header-logo img{border-radius:10px;width:70px;height:70px}.header-pc_container .row .menu{color:var(--text-primary);justify-content:space-between;align-items:center;display:flex}.header-pc_container .row .menu .item{cursor:pointer;justify-content:center;align-items:center;gap:5px;font-size:22px;font-weight:500;transition:all .3s linear;display:flex;position:relative}.header-pc_container .row .menu .item:before{content:"";background-color:var(--text-secondary);width:0%;height:2px;position:absolute;bottom:0;left:0}.header-pc_container .row .menu .item:hover:before{width:100%;animation:.3s linear slideIn}.header-pc_container .row .menu .active{border-bottom:3px solid #fff;font-weight:600!important}@media (min-width:768px) and (max-width:1023px){.header-pc_container .row .header-logo img{width:50px;height:50px}.header-pc_container .row .menu{font-size:18px}}@media (max-width:768px){.header-pc_container{display:none}}@keyframes slideIn{0%{width:0%}50%{width:50%}to{width:100%}}.header-mobile{display:none}@media (max-width:768px){.header-mobile{background-color:var(--bg-primary);display:block}.header-mobile .mobile-header_top{-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#0b4875f2 0%,#1a6a9ee6 50%,#0d5a8ff2 100%);border:1px solid #ffffff26;justify-content:space-between;align-items:center;padding:15px 20px;display:flex;box-shadow:0 4px 30px #0b487566,inset 0 1px #ffffff1a}.header-mobile .mobile-header_top .top_left{justify-content:center;align-items:center;display:flex}.header-mobile .mobile-header_top .top_left .logo{border-radius:14px;width:48px;height:48px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 15px #0003,0 0 0 2px #ffffff1a}.header-mobile .mobile-header_top .top_left .logo:active{transform:scale(.95)}.header-mobile .mobile-header_top .top_right{justify-content:center;align-items:center;display:flex}.header-mobile .mobile-header_top .top_right .name{color:var(--text-primary);font-size:22px;font-weight:700}.header-mobile .mobile-header_bottom{-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#0b4875f2 0%,#1a6a9ee6 50%,#0d5a8ff2 100%);border:1px solid #e0d0d080;border-bottom:none;border-radius:24px 24px 0 0;padding:8px 0;box-shadow:0 4px 30px #0b487566,inset 0 1px #ffffff1a}.header-mobile .mobile-header_bottom .menu-items{justify-content:space-around;align-items:center;display:flex}.header-mobile .mobile-header_bottom .menu-items .item{color:#ffffffb3;cursor:pointer;border-radius:16px;padding:12px;font-size:26px;transition:all .3s cubic-bezier(.4,0,.2,1)}.header-mobile .mobile-header_bottom .menu-items .item:before{content:"";background:radial-gradient(circle,#48cae466 0%,#0000 70%);border-radius:50%;width:0;height:0;transition:width .4s,height .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header-mobile .mobile-header_bottom .menu-items .item:hover,.header-mobile .mobile-header_bottom .menu-items .item:focus{color:#fff;transform:translateY(-2px)}.header-mobile .mobile-header_bottom .menu-items .item:hover:before,.header-mobile .mobile-header_bottom .menu-items .item:focus:before{width:50px;height:50px}.header-mobile .mobile-header_bottom .menu-items .item:active{transform:scale(.92)}.header-mobile .mobile-header_bottom .menu-items .item .icon{z-index:1;position:relative}.header-mobile .mobile-header_bottom .menu-items .item .dropdown-menu{-webkit-backdrop-filter:blur(20px);background:linear-gradient(145deg,#0b4875fa 0%,#052538fa 100%);border:1px solid #ffffff26;border-radius:16px;margin-bottom:10px;padding:8px;font-size:16px;box-shadow:0 10px 40px #0000004d}.header-mobile .mobile-header_bottom .menu-items .item .dropdown-menu:after{content:"";border-top:8px solid #052538fa;border-left:8px solid #0000;border-right:8px solid #0000;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.header-mobile .mobile-header_bottom .menu-items .item .dropdown-menu .dropdown-item{background:0 0;border-radius:12px;justify-content:flex-start;align-items:center;gap:12px;margin:2px 0;padding:12px 16px;transition:all .2s;display:flex;color:#ffffffe6!important}.header-mobile .mobile-header_bottom .menu-items .item .dropdown-menu .dropdown-item .icon{color:#48cae4;font-size:18px}.header-mobile .mobile-header_bottom .menu-items .item .dropdown-menu .dropdown-item .text{font-weight:500}.header-mobile .mobile-header_bottom .menu-items .item .dropdown-menu .dropdown-item:focus,.header-mobile .mobile-header_bottom .menu-items .item .dropdown-menu .dropdown-item:hover{background:linear-gradient(135deg,#48cae433 0%,#0b48754d 100%);transform:translate(4px);color:#fff!important}.header-mobile .mobile-header_bottom .menu-items .home{color:#fff;background:linear-gradient(135deg,#48cae4 0%,#00b4d8 50%,#0096c7 100%);border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;display:flex;box-shadow:0 8px 25px #48cae480,0 4px 10px #0003,0 0 0 4px #ffffff1a;font-size:30px!important}.header-mobile .mobile-header_bottom .menu-items .home:hover,.header-mobile .mobile-header_bottom .menu-items .home:focus{box-shadow:0 12px 35px #48cae499,0 6px 15px #00000040,0 0 0 6px #ffffff26}.header-mobile .mobile-header_bottom .menu-items .home .icon{justify-content:center;align-items:center;display:flex}}.default-layout_container{height:100vh;height:100dvh;padding-top:env(safe-area-inset-top,0px);background-color:#706f6f;flex-direction:column;display:flex}.default-layout_header{z-index:1000;flex-shrink:0}.default-layout_content{scrollbar-width:none;-ms-overflow-style:none;flex:1;overflow:hidden auto}.default-layout_content::-webkit-scrollbar{display:none}.default-layout_content{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#d2373fb3;background-attachment:fixed}.default-layout_footer{flex-shrink:0}.footer-component_container{background-color:var(--bg-primary);width:100%;color:var(--bg-white);border-top:1px solid var(--bg-primary);justify-content:center;align-items:flex-start;padding:50px;display:flex}.footer-component_container .footer-component_copyright{flex:2;font-size:20px;font-weight:400}.footer-component_container .footer-component_copyright .title{margin-bottom:10px;font-size:26px;font-weight:800}.footer-component_container .footer-component_contact{flex-direction:column;flex:1;justify-content:space-between;align-items:flex-start;height:100%;display:flex}.footer-component_container .footer-component_contact .item{justify-content:flex-start;align-items:center;font-size:20px;transition:all .3s;display:flex}.footer-component_container .footer-component_contact .item i{margin-right:10px;font-size:40px!important}.footer-component_container .footer-component_contact .item:hover{cursor:pointer;font-weight:700;transform:translateY(-2px)}@media (max-width:767px){.footer-component_container{flex-direction:column;justify-content:center;padding:10px;display:flex}.footer-component_container .footer-component_copyright{text-align:justify;flex-direction:column;flex:1;justify-content:center;font-size:14px;font-weight:400;display:flex}.footer-component_container .footer-component_copyright .title{font-size:20px}.footer-component_container .footer-component_contact{flex-direction:column;flex:1;justify-content:center;margin-top:20px}.footer-component_container .footer-component_contact .item{margin-bottom:10px;font-size:14px}.footer-component_container .footer-component_contact .item i{font-size:20px!important}}.home_page_container{background-image:url(/assets/DUOYIN-20uWsg2z.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}@media (max-width:767px){.home_page_container{background-image:url(/assets/DUOTINMOBILE-B5kMrmbg.jpg)}}@media (min-width:768px) and (max-width:1032px){.home_page_container{background-image:url(/assets/DUOTINMOBILE-B5kMrmbg.jpg)}}.notebook_container{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:50px 0;display:flex}.notebook_container .notebook_title{text-align:center;color:var(--text-primary);margin-bottom:20px;font-size:50px;font-weight:700}.notebook_container .notebook_search{justify-content:center;align-items:center;padding-top:20px;display:flex}.notebook_container .notebook_search .input_search{text-align:center;width:500px;height:50px;box-shadow:var(--shadow-md);border:none;border-radius:20px;outline:none}.notebook_container .notebook_content{scroll-behavior:smooth;scrollbar-width:1px;grid-template-columns:repeat(auto-fill,100px);place-content:start center;gap:10px;width:60%;height:500px;margin-top:2em;display:grid;overflow-y:scroll}.notebook_container .notebook_content .notebook_no_data{text-align:center;color:var(--text-primary);grid-column:1/-1;font-size:25px;font-weight:600}.notebook_container .notebook_content.loading{justify-content:center;align-items:center;height:60%;display:flex}@media (max-width:768px){.notebook_container .notebook_title{background:linear-gradient(135deg,#fff 0%,#48cae4 50%,#fff 100%) 0 0/200%;-webkit-text-fill-color:transparent;letter-spacing:3px;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:32px;font-weight:800}.notebook_container .notebook_search{width:300px;padding:0 16px}.notebook_container .notebook_search .input_search{background:linear-gradient(145deg,#fffffff2 0%,#ffffffe6 100%);border:2px solid #0000;border-radius:26px;width:100%;height:52px;padding:0 20px;font-size:16px;transition:all .3s;box-shadow:0 4px 20px #0000001a,0 0 0 1px #48cae433}.notebook_container .notebook_search .input_search::placeholder{color:#0006}.notebook_container .notebook_search .input_search:focus{border-color:#48cae4;box-shadow:0 4px 30px #48cae44d,0 0 0 4px #48cae41a}.notebook_container .notebook_content{scrollbar-width:thin;scrollbar-color:#48cae480 transparent;width:100%;height:calc(100dvh - 250px);margin-top:20px;padding:16px}.notebook_container .notebook_content::-webkit-scrollbar{width:6px}.notebook_container .notebook_content::-webkit-scrollbar-track{background:0 0}.notebook_container .notebook_content::-webkit-scrollbar-thumb{background:linear-gradient(#48cae4 0%,#0096c7 100%);border-radius:10px}.notebook_container .notebook_content{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));align-content:start;justify-items:center;gap:12px;display:grid}.notebook_container .notebook_content.loading{justify-content:center;align-items:center;height:50vh;display:flex}}.card-word_container{background-color:var(--bg-white);border-radius:var(--radius-md);height:70px;box-shadow:var(--shadow-md);-webkit-user-select:none;user-select:none;flex:100px;justify-content:center;align-items:center;padding:10px;font-size:25px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.card-word_container:hover{cursor:pointer;box-shadow:var(--shadow-xl);font-weight:600;transform:translateY(-2px)}.card-word_container:active{transition:transform 50ms;transform:scale(.95)}@media (max-width:768px){.card-word_container{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#fff 0%,#f0f7fc 100%);border:1px solid #48cae433;border-radius:14px;min-width:70px;max-width:90px;height:65px;padding:8px;font-size:22px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000014,inset 0 0 0 1px #fffc}.card-word_container:hover{transform:translateY(-2px);box-shadow:0 8px 20px #48cae440,0 0 0 2px #48cae44d}.card-word_container:active{background:linear-gradient(145deg,#e8f4fc 0%,#d0e8f5 100%);transition:transform 50ms;transform:scale(.95);box-shadow:0 2px 8px #00000026,0 0 0 2px #48cae466}}.loading-container{justify-content:center;align-items:center;width:100%;height:100%;min-height:200px;display:flex}.loading-container .loader{border:5px solid var(--text-primary);box-sizing:border-box;border-bottom-color:#0000;border-radius:50%;width:48px;height:48px;animation:1s linear infinite rotation;display:inline-block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.popup_word_detail_container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0009;justify-content:center;align-items:center;padding:12px;animation:.3s ease-in-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup_word_detail_container .popup_word_detail_content{background:linear-gradient(135deg,#fff 0%,#f0f7fc 100%);border-radius:20px;flex-direction:column;width:100%;max-width:1200px;height:95%;max-height:900px;animation:.4s ease-out slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #0b487566}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_header{color:#fff;background:linear-gradient(135deg,#0b4875 0%,#1a6a9e 100%);border-bottom:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;box-shadow:0 4px 15px #0b48754d}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_header .text{letter-spacing:.5px;font-size:22px;font-weight:700}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_header .btn-close{cursor:pointer;background-color:#fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex;position:relative}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_header .btn-close:hover{background-color:#ffffff4d;transform:rotate(90deg)}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_header .btn-close:active{transform:rotate(90deg)scale(.9)}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_header .btn-close:before,.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_header .btn-close:after{content:"";background-color:#fff;border-radius:2px;width:18px;height:2px;position:absolute}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_header .btn-close:before{transform:rotate(45deg)}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_header .btn-close:after{transform:rotate(-45deg)}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body{flex:1;padding:24px;overflow:hidden auto}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body::-webkit-scrollbar{width:8px}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0b4875 0%,#00b4d8 100%);border-radius:10px}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1a6a9e 0%,#48cae4 100%)}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_header{background:#fff;border-radius:16px;gap:24px;margin-bottom:32px;padding:20px;display:flex;box-shadow:0 4px 12px #0b487526}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_header .body_header_gif{background:linear-gradient(135deg,#f0f7fc 0%,#d6e9f5 100%);border:2px solid #0b48751a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:200px;height:200px;display:flex;overflow:hidden}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_header .body_header_gif img{object-fit:contain;width:100%;height:100%}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_header .body_header_desc{flex-direction:column;flex:1;justify-content:center;gap:16px;display:flex}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_header .body_header_desc .net-ve,.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_header .body_header_desc .am-doc{color:#2d3748;background:linear-gradient(135deg,#ffc947 0%,#ffb347 100%);border-radius:10px;padding:12px 20px;font-size:18px;font-weight:600;box-shadow:0 2px 8px #ffc9474d}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_header .body_header_desc .am-doc{color:#fff;background:linear-gradient(135deg,#48cae4 0%,#00b4d8 100%);box-shadow:0 2px 8px #00b4d866}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content{background:#fff;border-radius:16px;padding:20px;overflow-x:auto;box-shadow:0 4px 12px #0b48751f}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content::-webkit-scrollbar{height:8px}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#0b4875 0%,#00b4d8 100%);border-radius:10px}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#1a6a9e 0%,#48cae4 100%)}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content .table{border-collapse:separate;border-spacing:0;width:100%;min-width:800px}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content .table thead .table_header_row{background:linear-gradient(135deg,#0b4875 0%,#1a6a9e 100%)}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content .table thead .table_header_row th{color:#fff;text-align:left;white-space:nowrap;padding:16px 12px;font-size:15px;font-weight:700}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content .table thead .table_header_row th:first-child{text-align:center;border-top-left-radius:12px;width:60px}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content .table thead .table_header_row th:last-child{border-top-right-radius:12px}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content .table tbody .table_item_row{background-color:#fff;transition:all .3s}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content .table tbody .table_item_row:hover{background-color:#f0f7fc;transform:scale(1.01);box-shadow:0 4px 12px #0b487526}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content .table tbody .table_item_row:nth-child(2n){background-color:#f8fafc}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content .table tbody .table_item_row:nth-child(2n):hover{background-color:#e9f4fb}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content .table tbody .table_item_row th,.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content .table tbody .table_item_row td{color:#2d3748;vertical-align:top;border-bottom:1px solid #e9ecef;padding:16px 12px;font-size:14px}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content .table tbody .table_item_row th{text-align:center;color:#0b4875;font-weight:700}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content .table tbody .table_item_row td i.fa-volume-high{color:#00b4d8;margin-right:8px;transition:all .2s}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content .table tbody .table_item_row td i.fa-volume-high:hover{color:#ff6b35;transform:scale(1.2)}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content .table tbody .table_item_row td div{margin-bottom:6px;line-height:1.6}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content .table tbody .table_item_row td div:last-child{margin-bottom:0}@media (max-width:768px){.popup_word_detail_container{padding:8px}.popup_word_detail_container .popup_word_detail_content{border-radius:16px;width:100%;height:100%;max-height:none}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_header{padding:16px 20px}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_header .text{font-size:18px}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_header .btn-close{width:32px;height:32px}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_header .btn-close:before,.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_header .btn-close:after{width:16px}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body{padding:16px}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_header{flex-direction:column;gap:16px;padding:16px}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_header .body_header_gif{width:100%;height:180px}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_header .body_header_desc{gap:12px}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_header .body_header_desc .net-ve,.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_header .body_header_desc .am-doc{padding:10px 16px;font-size:16px}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content{border-radius:12px;padding:12px}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content .table{min-width:700px;font-size:13px}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content .table thead .table_header_row th,.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content .table tbody .table_item_row th,.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content .table tbody .table_item_row td{padding:12px 8px;font-size:13px}}@media (max-width:480px){.popup_word_detail_container{padding:0}.popup_word_detail_container .popup_word_detail_content{border-radius:0;max-height:100vh}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_header{padding:14px 16px}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_header .text{font-size:16px}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_header .btn-close{width:30px;height:30px}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body{padding:12px}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_header{margin-bottom:16px;padding:12px}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_header .body_header_gif{height:150px}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_header .body_header_desc .net-ve,.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_header .body_header_desc .am-doc{padding:8px 12px;font-size:14px}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content{padding:8px}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content .table{min-width:650px;font-size:12px}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content .table thead .table_header_row th,.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content .table tbody .table_item_row th,.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content .table tbody .table_item_row td{padding:10px 6px;font-size:12px}.popup_word_detail_container .popup_word_detail_content .popup_word_detail_content_body .body_content .table tbody .table_item_row td i.fa-volume-high{margin-right:4px}}.card_container .card_container_pc{color:var(--text-primary);border:1px solid var(--border-light);width:65vw;box-shadow:var(--shadow-lg);opacity:0;border-radius:10px;gap:10px;padding:30px 0;font-size:20px;transition:all .8s cubic-bezier(.25,1,.5,1)}.card_container.slide-from-left .card_container_pc{transform:translate(-100px)}.card_container.slide-from-right .card_container_pc{transform:translate(100px)}.card_container.is-visible .card_container_pc{opacity:1;transform:translate(0)}.card_container.is-visible .card_container_pc .card_title{text-align:center;font-size:25px;font-weight:700}.card_container.is-visible .card_container_pc .reverse{flex-direction:row-reverse}.card_container.is-visible .card_container_pc .card_content{justify-content:center;align-items:center;display:flex}.card_container.is-visible .card_container_pc .card_content .card_img{width:150px;height:150px}.card_container.is-visible .card_container_pc .card_content .card_desc{text-align:justify;font-size:18px}.card_container .card_container_mobile{display:none}@media (max-width:767px){.card_container .card_container_pc{display:none}.card_container .card_container_mobile{-webkit-backdrop-filter:blur(15px);opacity:0;background:linear-gradient(145deg,#ffffff1f 0%,#ffffff0d 100%);border:1px solid #ffffff2e;border-radius:20px;flex-direction:column;align-items:center;gap:12px;width:100%;padding:20px;transition:all .6s cubic-bezier(.25,1,.5,1);display:flex;transform:translateY(30px);box-shadow:0 8px 32px #00000026,inset 0 0 0 1px #ffffff0d}.card_container .card_container_mobile .card_img{object-fit:cover;border-radius:16px;width:80px;height:80px;box-shadow:0 4px 20px #0003,0 0 0 3px #48cae44d}.card_container .card_container_mobile .card_content{text-align:center;flex-direction:column;gap:8px;display:flex}.card_container .card_container_mobile .card_content .title{color:#fff;background:linear-gradient(135deg,#fff 0%,#48cae4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.card_container .card_container_mobile .card_content .desc{color:#ffffffd9;text-align:justify;font-size:14px;line-height:1.6}.card_container.slide-from-left .card_container_mobile,.card_container.slide-from-right .card_container_mobile{transform:translateY(30px)}.card_container.is-visible .card_container_mobile{opacity:1;transform:translateY(0)}.card_container:active .card_container_mobile{transform:scale(.98);box-shadow:0 4px 16px #0003,inset 0 0 0 1px #ffffff1a}}.overview-page_container{color:var(--text-primary);flex-direction:column;align-items:center;width:100%;padding:30px 0;display:flex}.overview-page_container .introduction{flex-direction:column;justify-content:flex-start;gap:24px;width:60%;min-height:300px;margin:0 auto;display:flex}.overview-page_container .introduction .title{text-align:center;font-size:48px;font-weight:700}.overview-page_container .introduction .desc{text-align:justify;font-size:30px}.overview-page_container .features-content{flex-direction:column;justify-content:center;gap:24px;width:100%;margin:0 auto;padding:0 30px;display:flex}.overview-page_container .features-content .features-title{text-align:center;font-size:30px;font-weight:700}.overview-page_container .features-content .items{flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex}@media (max-width:767px){.overview-page_container{padding:20px 0 100px}.overview-page_container .introduction{-webkit-backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff1a 0%,#ffffff0d 100%);border:1px solid #ffffff26;border-radius:20px;gap:16px;width:92vw;min-height:250px;padding:20px;box-shadow:0 8px 32px #0000001a}.overview-page_container .introduction .title{word-break:break-word;background:linear-gradient(135deg,#fff 0%,#48cae4 50%,#fff 100%) 0 0/200%;-webkit-text-fill-color:transparent;letter-spacing:2px;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800}.overview-page_container .introduction .desc{color:#ffffffe6;word-wrap:break-word;overflow-wrap:break-word;font-size:14px;line-height:1.6}.overview-page_container .features-content{gap:20px;margin-top:24px;padding:0 16px}.overview-page_container .features-content .features-title{padding-bottom:12px;font-size:22px;font-weight:700;position:relative}.overview-page_container .features-content .features-title:after{content:"";background:linear-gradient(90deg,#0000 0%,#48cae4 50%,#0000 100%);border-radius:2px;width:60px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.overview-page_container .features-content .items{gap:16px}.overview-page_container .features-content .items .item{width:100%;justify-content:center!important}}.practice-page_container{background:linear-gradient(180deg, var(--bg-light) 0%, #e4eff8 100%);flex-direction:column;justify-content:center;align-items:center;height:100%;padding:50px 0;display:flex;overflow-y:auto}.practice-page_container .practice-page_title{color:var(--primary-color);letter-spacing:1px;margin-bottom:8px;padding-bottom:12px;font-size:42px;font-weight:800;position:relative}.practice-page_container .practice-page_title:after{content:"";background:linear-gradient(90deg, var(--secondary-color) 0%, var(--secondary-light) 100%);border-radius:var(--radius-full);width:60px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.practice-page_container .practice-page_subtitle{color:var(--text-dark-secondary);text-align:center;max-width:500px;font-size:18px;font-style:italic;font-weight:400;line-height:var(--line-height-relaxed);margin-bottom:36px}.practice-page_container .practice-page_option{grid-template-columns:repeat(2,1fr);gap:20px;width:100%;max-width:700px;display:grid}.practice-page_container .practice-page_option .option-item{background:var(--gradient-primary);border-radius:var(--radius-xl);cursor:pointer;padding:24px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 24px #0b487540,inset 0 0 0 1px #ffffff0d}.practice-page_container .practice-page_option .option-item:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0b487559,inset 0 0 0 1px #ffffff1a}.practice-page_container .practice-page_option .option-item:active{transition:transform .1s;transform:translateY(-1px)scale(.98)}.practice-page_container .practice-page_option .option-item .option-item_title{color:var(--text-primary);font-size:17px;font-weight:var(--font-weight-semibold);margin-bottom:4px}.practice-page_container .practice-page_option .option-item .option-item_title_cn{color:#fff9;letter-spacing:1px;font-size:14px;font-weight:500}.practice-page_container .practice-page_option .option-item:before{content:"";border-radius:var(--radius-xl);background:linear-gradient(90deg,#0000 0%,#ffffff26 50%,#0000 100%);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.practice-page_container .practice-page_option .option-item:hover:before{left:100%}@media (max-width:768px){.practice-page_container{justify-content:flex-start;padding:60px 16px 30px}.practice-page_container .practice-page_title{margin-bottom:6px;font-size:28px;font-weight:800}.practice-page_container .practice-page_subtitle{margin-bottom:28px;padding:0 8px;font-size:15px}.practice-page_container .practice-page_option{grid-template-columns:1fr;gap:14px;width:100%;max-width:none;padding:0 4px}.practice-page_container .practice-page_option .option-item{background:linear-gradient(145deg, var(--primary-color) 0%, var(--primary-light) 100%);-webkit-tap-highlight-color:transparent;border:1px solid #48cae426;border-radius:14px;padding:20px 18px;box-shadow:0 6px 18px #0b487533,inset 0 0 0 1px #ffffff0d}.practice-page_container .practice-page_option .option-item:hover{transform:none}.practice-page_container .practice-page_option .option-item:active{transition:transform 80ms;transform:scale(.97);box-shadow:0 3px 10px #0b48754d,0 0 0 2px #48cae44d}.practice-page_container .practice-page_option .option-item .option-item_title{font-size:16px}.practice-page_container .practice-page_option .option-item .option-item_title_cn{font-size:13px}}@media (max-width:480px){.practice-page_container{padding-top:40px}.practice-page_container .practice-page_title{font-size:24px}.practice-page_container .practice-page_subtitle{margin-bottom:24px;font-size:14px}.practice-page_container .practice-page_option{gap:12px}.practice-page_container .practice-page_option .option-item{padding:18px 16px}.practice-page_container .practice-page_option .option-item .option-item_title{font-size:15px}.practice-page_container .practice-page_option .option-item .option-item_title_cn{font-size:12px}}.pop-up_container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#00000080;justify-content:center;align-items:flex-end;width:100%;height:100%;animation:.25s ease-out overlayFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes popSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pop-up_container .pop-up{background:linear-gradient(180deg, #fff 0%, var(--bg-lighter) 100%);z-index:1001;border-radius:24px 24px 0 0;flex-direction:column;width:100%;height:90%;animation:.35s cubic-bezier(.22,1,.36,1) popSlideUp;display:flex;box-shadow:0 -8px 40px #05253833}.pop-up_container .pop-up .pop-up_header{background:var(--gradient-primary);border-radius:24px 24px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 32px;display:flex}.pop-up_container .pop-up .pop-up_header .title{font-size:18px;font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:.3px;text-align:center;flex:1}.pop-up_container .pop-up .pop-up_header .submit{font-size:15px;font-weight:var(--font-weight-semibold);cursor:pointer;border-radius:var(--radius-md);background:linear-gradient(135deg, var(--secondary-color) 0%, var(--secondary-light) 100%);color:#fff;white-space:nowrap;border:none;padding:8px 20px;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 3px 12px #00b4d859}.pop-up_container .pop-up .pop-up_header .submit:hover{transform:translateY(-1px);box-shadow:0 5px 18px #00b4d873}.pop-up_container .pop-up .pop-up_header .submit:active{transform:translateY(0)scale(.97)}.pop-up_container .pop-up .pop-up_header .btn-close{cursor:pointer;background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .25s;display:flex;position:relative}.pop-up_container .pop-up .pop-up_header .btn-close:hover{background:#ffffff40;transform:rotate(90deg)}.pop-up_container .pop-up .pop-up_header .btn-close:active{transform:rotate(90deg)scale(.9)}.pop-up_container .pop-up .pop-up_header .btn-close:before,.pop-up_container .pop-up .pop-up_header .btn-close:after{content:"";background:#fff;border-radius:2px;width:16px;height:2px;position:absolute}.pop-up_container .pop-up .pop-up_header .btn-close:before{transform:rotate(45deg)}.pop-up_container .pop-up .pop-up_header .btn-close:after{transform:rotate(-45deg)}.pop-up_container .pop-up .pop-up_content{flex:1;padding:24px 32px;overflow-y:auto}.pop-up_container .pop-up .pop-up_content::-webkit-scrollbar{width:6px}.pop-up_container .pop-up .pop-up_content::-webkit-scrollbar-track{background:0 0}.pop-up_container .pop-up .pop-up_content::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--secondary-light) 0%, var(--secondary-dark) 100%);border-radius:var(--radius-full)}.pop-up_container .pop-up .pop-up_content .question-item_select{border-radius:var(--radius-lg);background:#fff;border:1px solid #0000000f;margin-bottom:24px;padding:20px;transition:all .2s;box-shadow:0 2px 8px #0525380f}.pop-up_container .pop-up .pop-up_content .question-item_select:hover{box-shadow:0 4px 16px #0525381a}.pop-up_container .pop-up .pop-up_content .question-item_select .question-item_title{font-size:16px;font-weight:var(--font-weight-semibold);color:var(--text-dark);line-height:var(--line-height-relaxed);border-bottom:1px solid #0000000f;margin-bottom:14px;padding-bottom:12px}.pop-up_container .pop-up .pop-up_content .question-item_select .question-item_answer{flex-direction:column;gap:10px;display:flex}.pop-up_container .pop-up .pop-up_content .question-item_select .question-item_answer .input_answer{border-radius:var(--radius-md);font-size:16px;font-family:var(--font-primary);width:100%;max-width:500px;color:var(--text-dark);background:var(--bg-lighter);border:2px solid #0b487526;outline:none;padding:12px 16px;transition:all .25s}.pop-up_container .pop-up .pop-up_content .question-item_select .question-item_answer .input_answer::placeholder{color:var(--text-dark-muted)}.pop-up_container .pop-up .pop-up_content .question-item_select .question-item_answer .input_answer:focus{border-color:var(--secondary-color);background:#fff;box-shadow:0 0 0 4px #00b4d81f}.pop-up_container .pop-up .pop-up_content .question-item_select .question-item_answer .select_answer{border-radius:var(--radius-md);font-size:16px;font-family:var(--font-primary);background:var(--bg-lighter);width:100%;max-width:500px;color:var(--text-dark);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%230b4875' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border:2px solid #0b487526;outline:none;padding:12px 40px 12px 16px;transition:all .25s}.pop-up_container .pop-up .pop-up_content .question-item_select .question-item_answer .select_answer:focus{border-color:var(--secondary-color);background-color:#fff;box-shadow:0 0 0 4px #00b4d81f}.pop-up_container .pop-up .pop-up_content .question-item_select .question-item_answer .option-item{border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:12px;padding:10px 14px;transition:background .2s;display:flex}.pop-up_container .pop-up .pop-up_content .question-item_select .question-item_answer .option-item:hover{background:var(--bg-light)}.pop-up_container .pop-up .pop-up_content .question-item_select .question-item_answer .option-item input[type=radio]{cursor:pointer;width:20px;height:20px;accent-color:var(--secondary-color);flex-shrink:0}.pop-up_container .pop-up .pop-up_content .question-item_select .question-item_answer .option-item label{cursor:pointer;color:var(--text-dark);font-size:15px;line-height:var(--line-height-normal);flex:1}@media (max-width:768px){.pop-up_container .pop-up{height:95%;height:95dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:20px 20px 0 0}.pop-up_container .pop-up .pop-up_header{border-radius:20px 20px 0 0;padding:14px 18px}.pop-up_container .pop-up .pop-up_header .title{font-size:16px}.pop-up_container .pop-up .pop-up_header .submit{padding:7px 14px;font-size:14px}.pop-up_container .pop-up .pop-up_header .btn-close{width:30px;min-width:30px;height:30px}.pop-up_container .pop-up .pop-up_header .btn-close:before,.pop-up_container .pop-up .pop-up_header .btn-close:after{width:14px}.pop-up_container .pop-up .pop-up_content{padding:16px}.pop-up_container .pop-up .pop-up_content .question-item_select{margin-bottom:14px;padding:16px}.pop-up_container .pop-up .pop-up_content .question-item_select .question-item_title{margin-bottom:12px;padding-bottom:10px;font-size:15px;line-height:1.6}.pop-up_container .pop-up .pop-up_content .question-item_select .question-item_answer{gap:6px}.pop-up_container .pop-up .pop-up_content .question-item_select .question-item_answer .input_answer,.pop-up_container .pop-up .pop-up_content .question-item_select .question-item_answer .select_answer{width:100%;max-width:none;padding:11px 14px;font-size:16px}.pop-up_container .pop-up .pop-up_content .question-item_select .question-item_answer .option-item{gap:10px;padding:10px 12px}.pop-up_container .pop-up .pop-up_content .question-item_select .question-item_answer .option-item input[type=radio]{width:22px;height:22px}.pop-up_container .pop-up .pop-up_content .question-item_select .question-item_answer .option-item label{font-size:15px;line-height:1.5}}@media (max-width:480px){.pop-up_container .pop-up .pop-up_header{padding:12px 14px}.pop-up_container .pop-up .pop-up_header .title{font-size:15px}.pop-up_container .pop-up .pop-up_header .submit{padding:6px 12px;font-size:13px}.pop-up_container .pop-up .pop-up_content{padding:12px}.pop-up_container .pop-up .pop-up_content .question-item_select{margin-bottom:12px;padding:14px}.pop-up_container .pop-up .pop-up_content .question-item_select .question-item_title{font-size:14px}.pop-up_container .pop-up .pop-up_content .question-item_select .question-item_answer .input_answer,.pop-up_container .pop-up .pop-up_content .question-item_select .question-item_answer .select_answer{font-size:16px}.pop-up_container .pop-up .pop-up_content .question-item_select .question-item_answer .option-item{padding:8px 10px}.pop-up_container .pop-up .pop-up_content .question-item_select .question-item_answer .option-item input[type=radio]{width:20px;height:20px}.pop-up_container .pop-up .pop-up_content .question-item_select .question-item_answer .option-item label{font-size:14px}}.video-page_container{background:linear-gradient(180deg, var(--bg-light) 0%, #e4eff8 100%);flex-direction:column;justify-content:center;align-items:center;height:100%;padding:50px 0;display:flex;overflow-y:auto}.video-page_container .video-page_title{color:var(--primary-color);letter-spacing:1px;margin-bottom:8px;padding-bottom:12px;font-size:42px;font-weight:800;position:relative}.video-page_container .video-page_title:after{content:"";background:linear-gradient(90deg, var(--secondary-color) 0%, var(--secondary-light) 100%);border-radius:var(--radius-full);width:60px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.video-page_container .video-page_content{grid-template-columns:repeat(2,1fr);gap:20px;width:100%;max-width:800px;margin-top:50px;display:grid}.video-page_container .video-page_content .item_video{color:var(--text-primary);font-size:17px;font-weight:var(--font-weight-semibold);background:var(--gradient-primary);border-radius:var(--radius-xl);cursor:pointer;text-align:center;margin-bottom:4px;padding:24px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 24px #0b487540,inset 0 0 0 1px #ffffff0d}.video-page_container .video-page_content .item_video:before{content:"";border-radius:var(--radius-xl);background:linear-gradient(90deg,#0000 0%,#ffffff26 50%,#0000 100%);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.video-page_container .video-page_content .item_video:hover:before{left:100%}@media (max-width:768px){.video-page_container{padding:60px 16px 30px}.video-page_container .video-page_title{text-align:center;font-size:28px;font-weight:800}.video-page_container .video-page_content{grid-template-columns:1fr;gap:14px;width:100%;max-width:none;padding:0 4px}}:root{--primary-color:#0b4875;--primary-light:#1a6a9e;--primary-lighter:#3d8fc4;--primary-dark:#083756;--primary-darker:#052538;--accent-color:#ff6b35;--accent-light:#ff8c5a;--accent-dark:#e54e1b;--secondary-color:#00b4d8;--secondary-light:#48cae4;--secondary-dark:#0096c7;--gold-color:#ffc947;--teal-color:#2ec4b6;--coral-color:#ff7f6e;--bg-primary:#0b4875;--bg-secondary:#0d5a8f;--bg-tertiary:#1a6a9e;--bg-light:#f0f7fc;--bg-lighter:#f8fafc;--bg-white:#fff;--bg-dark:#052538;--bg-overlay:#0b4875e6;--text-primary:#fff;--text-secondary:#ffffffd9;--text-tertiary:#ffffffa6;--text-muted:#ffffff73;--text-dark:#1a1a2e;--text-dark-secondary:#4a4a68;--text-dark-muted:#8888a0;--border-color:#ffffff26;--border-light:#ffffff80;--border-dark:#0000001a;--success-color:#22c55e;--success-light:#4ade80;--success-bg:#22c55e26;--warning-color:#f59e0b;--warning-light:#fbbf24;--warning-bg:#f59e0b26;--error-color:#ef4444;--error-light:#f87171;--error-bg:#ef444426;--info-color:#00b4d8;--info-light:#48cae4;--info-bg:#00b4d826;--gradient-primary:linear-gradient(135deg, #0b4875 0%, #1a6a9e 100%);--gradient-accent:linear-gradient(135deg, #ff6b35 0%, #ff8c5a 100%);--gradient-hero:linear-gradient(180deg, #052538 0%, #0b4875 50%, #1a6a9e 100%);--gradient-card:linear-gradient(145deg, #ffffff1a 0%, #ffffff0d 100%);--shadow-sm:0 2px 4px #0525381a;--shadow-md:0 4px 6px #05253826;--shadow-lg:0 10px 25px #05253833;--shadow-xl:0 20px 50px #05253880;--shadow-glow:0 0 20px #0b487580;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--font-primary:"Noto Sans", "Noto Sans SC", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Microsoft YaHei", "PingFang SC", sans-serif;--font-heading:"Noto Sans", "Noto Sans SC", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Microsoft YaHei", "PingFang SC", sans-serif;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--letter-spacing-tight:-.025em;--letter-spacing-normal:0;--letter-spacing-wide:.025em}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body,html{font-family:var(--font-primary);font-size:16px;font-weight:500;overflow:hidden}img,video{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-lighter)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.hidden{display:none}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes aroundItem{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes popItem{0%{transform:scale(1)}40%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes liftItem{0%{box-shadow:none;transform:translateY(0)}to{transform:translateY(-4px);box-shadow:0 4px 10px #00000026}}@keyframes fadeRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeLeft{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}