.WritingLessonCard_V4_8_container__8_NzG{padding:24px;display:flex;flex-direction:column;gap:20px}.WritingLessonCard_V4_8_container__8_NzG .WritingLessonCard_V4_8_title__l9TYl{display:flex;width:100%;align-items:center;gap:20px}.WritingLessonCard_V4_8_container1__aFjy5{padding:24px;display:flex;flex-direction:column;gap:20px;border-radius:20px 20px 0 0;position:relative;z-index:9;background-color:#fff}.WritingLessonCard_V4_8_container1__aFjy5 .WritingLessonCard_V4_8_title__l9TYl{display:flex;width:100%;align-items:center;gap:20px}.WritingLessonCard_V4_8_gameList__f5EiH{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(82px,1fr))}.WritingLessonCard_V4_8_btn___mhAr{margin-top:15px;display:flex;justify-content:center}.WritingLessonCard_V4_8_btn___mhAr .WritingLessonCard_V4_8_button__L2_qk{max-width:400px;height:50px;width:100%;cursor:default;border-radius:16px;color:#828282;font-weight:800;background-color:#e0e0e0}.WritingLessonCard_V4_8_btn___mhAr .WritingLessonCard_V4_8_button_active__Ut6ab{background-color:#fff;cursor:pointer;color:#f90;border:1px solid #ffa217;box-shadow:0 4px 0 0 #ffa217;transition:all .2s}.WritingLessonCard_V4_8_btn___mhAr .WritingLessonCard_V4_8_button_active__Ut6ab:active{transform:translateY(4px);box-shadow:none}.SpacingComponent_verticalSpacing__se0yt{width:100%}.SpacingComponent_verticalLineBreak__v4Yqp{height:1px;background-color:#e0e0e0;width:100%}.SpacingComponent_horizontalSpacing__dyPQ6{width:1px;height:100%}.WritingGameCard_V4_8_card__qg55G{color:inherit;max-width:82px}.WritingGameCard_V4_8_writingGameLink__scyZo{transition:.2s ease-in-out}.WritingGameCard_V4_8_writingGameLink__scyZo .WritingGameCard_V4_8_cardWord__o6_d4{border-radius:100px;border:2px solid #f8c60d;text-align:center;position:relative;overflow:hidden;padding:15px;background-color:#ffe167;aspect-ratio:1/1;max-width:130px;margin:0 auto}.WritingGameCard_V4_8_writingGameLink__scyZo .WritingGameCard_V4_8_cardWord__o6_d4 img{width:100%}.WritingGameCard_V4_8_writingGameLink__scyZo .WritingGameCard_V4_8_cardWord__o6_d4 p{position:absolute;bottom:0;left:50%;transform:translate(-50%,-5%);margin:0;color:#000;z-index:1;font-size:14px}.WritingGameCard_V4_8_writingGameLink__scyZo:active{box-shadow:none;transform:translateY(4px)}.WritingGameCard_V4_8_progressContainer__TxIxk{display:flex;gap:5px;justify-content:center;height:25px}.WritingGameCard_V4_8_progressContainer__TxIxk span:first-child{transform:rotate(-26deg)}.WritingGameCard_V4_8_progressContainer__TxIxk span:last-child{transform:rotate(26deg)}.WritingGameCard_V4_8_star__PIQx0{font-size:24px;position:relative;color:#ccc;transition:color .3s}.Body_body__ZWyid{position:relative;background-color:#fff;height:100%;width:50%}@media screen and (max-width:1000px){.Body_body__ZWyid{width:70%}}@media screen and (max-width:650px){.Body_body__ZWyid{width:100%}}.WritingLessonList_V4_8_container__FR29K{position:relative;min-height:300px;padding:95px 0}@media screen and (max-width:650px){.WritingLessonList_V4_8_container__FR29K{top:-20px}}.WritingLessonList_V4_8_container1__nyHud{position:relative;min-height:300px;padding-top:32%}@media screen and (max-width:1200px){.WritingLessonList_V4_8_container1__nyHud{padding:35% 0}}@media screen and (max-width:1000px){.WritingLessonList_V4_8_container1__nyHud{padding:33% 0}}@media screen and (max-width:850px){.WritingLessonList_V4_8_container1__nyHud{padding:35% 0}}@media screen and (max-width:650px){.WritingLessonList_V4_8_container1__nyHud{padding:30% 0}}@media screen and (max-width:450px){.WritingLessonList_V4_8_container1__nyHud{padding:36% 0}}.WritingLessonList_V4_8_progressBar__G8Qxj{min-height:20px;top:25%;border-radius:100px;position:relative;border:3px solid #fff;background:#e1e1e1;box-shadow:inset 0 4px 4px 0 rgba(0,0,0,.1);margin-left:45px}.WritingLessonList_V4_8_progressBar_text__a12VR{color:#fff!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700}.WritingLessonList_V4_8_progressBar__G8Qxj .WritingLessonList_V4_8_icon__Q7MCx{position:absolute;left:-45px;top:-20px;width:50px;height:50px;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center}.WritingLessonList_V4_8_progressBar__G8Qxj .WritingLessonList_V4_8_icon_done__otXFr{background-color:#fff}.WritingLessonList_V4_8_progressBar__G8Qxj .WritingLessonList_V4_8_icon__Q7MCx img{width:28px;height:28px}.WritingLessonList_V4_8_progressBar__G8Qxj .WritingLessonList_V4_8_lineContainer__jzTvS{position:absolute;top:3px;width:100%;height:3px;display:flex;justify-content:center}.WritingLessonList_V4_8_progressBar__G8Qxj .WritingLessonList_V4_8_lineContainer__jzTvS .WritingLessonList_V4_8_line__VdyE4{width:calc(100% - 15px);height:100%;border-radius:93.114px;background:#fddc68;background-blend-mode:lighten}.WritingLessonList_V4_8_progress__gjWI6{position:absolute;height:100%;width:0;background:#fbbe04;border-radius:100px;transition:width .2s ease-in-out}.WritingLessonList_V4_8_headerBar__7bJDm{background-color:#ebfade;height:150px;position:relative;padding:24px;bottom:-19px;z-index:9}.WritingLessonList_V4_8_headerBar__7bJDm p{font-size:14px;text-align:center;font-weight:500}.WritingLessonList_V4_8_headerBar__7bJDm .WritingLessonList_V4_8_btn__H5J1z{margin-top:12px;display:flex;justify-content:center}.WritingLessonList_V4_8_headerBar__7bJDm .WritingLessonList_V4_8_btn__H5J1z a{max-width:350px;width:100%}.WritingLessonList_V4_8_headerBar__7bJDm .WritingLessonList_V4_8_btn__H5J1z a button{background:linear-gradient(83.47deg,#58cc02 9.02%,#23ac38 90.81%);border:1px solid #209b32;box-shadow:0 4px 0 0 #209b32;transition:all .2s;height:50px;width:100%;border-radius:16px;color:#fff;font-weight:800}.WritingLessonList_V4_8_headerBar__7bJDm .WritingLessonList_V4_8_btn__H5J1z a button:active{box-shadow:none;transform:translateY(4px)}.WritingLessonList_V4_8_content__dVyI5{padding:24px;color:#212529}.WritingLessonList_V4_8_content__dVyI5 h1{font-size:24px;font-weight:700;margin-top:30px;margin-bottom:20px}.WritingLessonList_V4_8_content__dVyI5 p{line-height:1.6;margin:0 0 20px;font-weight:500}.WritingLessonList_V4_8_content__dVyI5 h2{margin-bottom:20px;font-size:22px;font-weight:700}.WritingLessonList_V4_8_container_table__RjXKl{overflow:auto;width:100%;margin-bottom:20px}.WritingLessonList_V4_8_container_table__RjXKl .WritingLessonList_V4_8_table__hqQQI{overflow-x:auto;border-radius:16px;border:1px solid #e5e5e5;width:100%;border-collapse:inherit!important}.WritingLessonList_V4_8_container_table__RjXKl .WritingLessonList_V4_8_table__hqQQI td:not(:last-child),.WritingLessonList_V4_8_container_table__RjXKl .WritingLessonList_V4_8_table__hqQQI th:not(:last-child){border-right:1px solid #ddd}.WritingLessonList_V4_8_container_table__RjXKl .WritingLessonList_V4_8_table__hqQQI thead th,.WritingLessonList_V4_8_container_table__RjXKl .WritingLessonList_V4_8_table__hqQQI tr:not(:last-child) td{border-bottom:1px solid #ddd}.WritingLessonList_V4_8_footer__U2Y3L ul{padding:0}.footer_container__37Ev5{font-size:14px;width:100%;background-color:#f1f3f4;display:flex;justify-content:center}.footer_content__kvHGo{max-width:1400px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:65px 25px}.footer_column__88OnY{display:flex;flex-direction:column;gap:10px;list-style-type:none}.footer_category__ruqvC{font-weight:700}.footer_wordList__97zqC{display:flex;gap:10px;flex-wrap:wrap}.footer_footer__8wbGq{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;left:50%;transform:translate(-50%);position:absolute;bottom:0}.footer_footer__8wbGq .footer_footer_content__h3zYN{margin-bottom:20px;display:flex;gap:16px}.footer_footer__8wbGq .footer_footer_content__h3zYN p{font-weight:500;font-size:14px;margin:0;text-decoration:underline;color:#fff;text-align:center}@media screen and (max-width:1000px){.footer_footer__8wbGq{display:none}}.LayoutWithHeader_container___3Qie{min-height:100vh}.LayoutWithHeader_body__nOvj1{min-height:100%;display:flex;justify-content:center;align-items:center}.LayoutWithHeader_btn__vFQJt{bottom:140px;left:18%;background:transparent;width:50px;cursor:pointer;position:fixed}@media screen and (max-width:1000px){.LayoutWithHeader_btn__vFQJt{left:5%}}@media screen and (max-width:650px){.LayoutWithHeader_btn__vFQJt{left:2%}}.Body_body__MHZjj{position:relative;background-color:#fff;height:100%;width:50%}@media screen and (max-width:1000px){.Body_body__MHZjj{width:70%}}@media screen and (max-width:650px){.Body_body__MHZjj{width:100%}}