.common_learn_action-button--container__NXOUx{display:inline-block}.common_learn_action-button__c1Ek9{display:flex;justify-content:center;align-items:center;padding:11px 40px;font-size:14px;font-style:normal;font-weight:500;min-width:128px;color:var(--Button-Blue-Text);border-radius:8px;background:var(--Button-Blue-Fill);border:0;cursor:pointer}.common_learn_action-button__c1Ek9:hover{opacity:.8}.common_learn_action-button--normal__qUAL7{background:var(--Background-L2);color:var(--Text-L1)}.common_learn_action-button--normal__qUAL7:hover{background:var(--Background-L3)}.common_learn_action-button--normal__qUAL7:active{background:var(--Border-L2)}@media screen and (max-width:743px){.common_learn_action-button__c1Ek9{width:100%}.common_learn-footer-bottom__s8DHY{display:none}}.css_earn-list__container__D_gUo button{display:flex;align-items:center;justify-content:center;margin-top:40px;font-size:14px;font-weight:500;color:var(--Button-Blue-Text);border:0;border-radius:8px;background:var(--Button-Blue-Fill,#007fff);min-width:160px;height:44px;padding:0 16px;cursor:pointer}.css_earn-list__container__D_gUo button:hover{opacity:.8}.css_earn-list__banner__VZLJF{color:var(--Text-L1);background:var(--Background-L1);padding:52px 0}.css_earn-list__banner__VZLJF .css_banner-box__fBNKY{display:flex;justify-content:space-between;background:url(/hbg-learn-alone/_next/static/media/earn-banner.bddc8c62.svg) no-repeat 100% 100%;background-size:161px auto;background-position:right 55px center}html[data-v4-theme=dark] .css_earn-list__banner__VZLJF .css_banner-box__fBNKY,html[data-v4-theme=modern-dark] .css_earn-list__banner__VZLJF .css_banner-box__fBNKY{background-image:url(/hbg-learn-alone/_next/static/media/earn-banner-dark.d9ae1ef3.svg)}.css_earn-list__banner__VZLJF .css_banner-content__smhzb{width:850px}.css_earn-list__banner__VZLJF .css_banner-content__smhzb h3{margin-bottom:8px;font-size:44px;line-height:62px;font-weight:700;color:var(--Text-L1)}.css_earn-list__banner__VZLJF .css_banner-content__smhzb p{font-size:16px;line-height:22px;color:var(--Text-L3)}.css_earn-list__banner__VZLJF .css_banner-content__smhzb .css_rule-btn__VQLB5{display:block}.css_earn-list__banner__VZLJF .css_banner-content__smhzb .css_rule-btn__VQLB5 button{border-radius:8px;border:1px solid var(--Border-L1,#ddd);display:flex;min-width:140px;height:44px;padding:0 16px;justify-content:center;align-items:center;color:var(--Text-L1);background:transparent}.css_earn-list__banner__VZLJF .css_banner-content__smhzb .css_rule-btn-h5__ps3M2{display:none}.css_earn-list__how__X9_rN{padding:32px 0;background:var(--Background-L2)}.css_earn-list__how__X9_rN .css_how-box__pHtq4{display:flex;justify-content:space-between;align-items:center}.css_earn-list__how__X9_rN .css_how-box__pHtq4 .css_line__QtbQm{flex:1;height:10px;margin:0 42px;display:flex;align-items:center;justify-content:flex-end;background:url(/hbg-learn-alone/_next/static/media/earn-arrow.b7ca9737.svg) no-repeat 100%;background-size:auto 100%}.css_earn-list__how__X9_rN .css_how-item__2aF71{width:264px;display:flex;align-items:center;justify-content:center;white-space:nowrap;font-size:20px;font-weight:500;color:var(--Text-L2)}.css_earn-list__how__X9_rN .css_how-item__2aF71:first-child{justify-content:flex-start}.css_earn-list__how__X9_rN .css_how-item__2aF71:last-child{justify-content:flex-end}.css_earn-list__how__X9_rN .css_how-item__2aF71 .htx-icon{font-size:32px;width:32px;margin-right:16px;color:var(--Text-L4)}.css_earn-list__how__X9_rN .css_how-item__2aF71 p{text-align:center}.css_earn-list__main__nSBMq{width:1200px;margin:0 auto}.css_earn-list__list__nnpXZ{padding-top:120px}.css_earn-item__lkoVN{margin-bottom:60px;border-radius:16px;border:1px solid var(--Border-L1);transition:all .2s;cursor:pointer}.css_earn-item__lkoVN,.css_earn-item__lkoVN .css_tag__a3WCl{display:flex;align-items:center;background:var(--Background-L1)}.css_earn-item__lkoVN .css_tag__a3WCl{height:100%;padding:0 12px;margin-right:8px;font-size:12px;color:var(--Text-L4);border-radius:20px}.css_earn-item__lkoVN .css_tag-reward__68ZfC{color:var(--Text-L2)}.css_earn-item__lkoVN .css_tag-reward__68ZfC img{width:12px;height:12px;margin-left:8px;margin-right:2px}.css_earn-item__lkoVN .css_tag__a3WCl .htx-icon{font-size:12px;margin-right:4px}.css_earn-item__lkoVN .css_image-box__eWg1L{flex-shrink:0;border-radius:16px;background:var(--Background-L3);overflow:hidden;position:relative}.css_earn-item__lkoVN .css_image-box__eWg1L>img{display:block;width:376px;height:220px}.css_earn-item__lkoVN .css_image-box__eWg1L .css_earn-tag__R73db{position:absolute;left:8px;top:8px;padding:4px 12px;display:flex;align-items:center;font-size:12px;line-height:1.4;color:var(--Functional-White);white-space:nowrap;border-radius:30px;background:var(--Text-L4)}.css_earn-item__lkoVN .css_image-box__eWg1L .css_earn-tag__R73db img{width:12px;height:12px;margin-right:3px}.css_earn-item__lkoVN .css_image-box__eWg1L .css_earn-tag__R73db.css_status_1__kX5qA{background:linear-gradient(270deg,var(--Functional-Green),var(--Text-Green))}.css_earn-item__lkoVN .css_image-box__eWg1L .css_earn-status__Mux0f{position:absolute;right:6px;bottom:8px;width:auto;height:24px;display:flex;align-items:center;border-radius:20px;display:none;color:var(--Text-L4);background:var(--Background-L1)}.css_earn-item__lkoVN .css_image-box__eWg1L .css_earn-status__Mux0f .css_tag__a3WCl{margin:0}.css_earn-item__lkoVN .css_image-box__eWg1L .css_earn-status__Mux0f .css_earn-tag__R73db{position:unset}.css_earn-item__lkoVN:hover{box-shadow:0 6px 32px 0 rgba(82,93,107,.08),0 6px 6px 0 rgba(0,0,0,.02)}.css_earn-item__lkoVN .css_content-box__VzcQl{flex:1;width:0;padding:32px 40px}.css_earn-item__lkoVN .css_content-box__VzcQl .css_title__ThPND{font-size:20px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--Text-L1)}.css_earn-item__lkoVN .css_content-box__VzcQl .css_desc__JELlR{height:44px;margin-top:12px;font-size:14px;color:var(--Text-L2);display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.css_earn-item__lkoVN .css_content-box__VzcQl .css_earn-info__v7eMt{margin-top:16px;display:flex;align-items:center;flex-wrap:wrap;line-height:1.2}.css_earn-item__lkoVN .css_content-box__VzcQl .css_earn-info__v7eMt .css_tag__a3WCl{margin-top:8px;height:28px;border-radius:20px;background:var(--Background-L3);color:var(--Text-L3)}.css_earn-item__lkoVN .css_content-box__VzcQl .css_earn-info__v7eMt .css_tag-reward__68ZfC{border-radius:20px;background:var(--Background-L3);color:var(--Text-L3);display:flex;align-items:center}.css_earn-item__lkoVN .css_button-box__FFFYV{flex-shrink:0;margin-right:24px}.css_earn-item__lkoVN .css_button-box__FFFYV button{width:160px;height:44px;margin-top:0}.css_earn-item__lkoVN .css_button-box__FFFYV button.css_status_0__oJyrs{color:var(--Button-Blue-Text);border:1px solid var(--Button-Blue-Fill)}.css_earn-item__lkoVN .css_button-box__FFFYV button.css_status_2__QAvve{background-color:var(--Background-L3);color:var(--Text-L4)}.css_loading-box__NMg77{font-size:12px;color:var(--Text-L4);text-align:center;padding-bottom:60px}@media screen and (max-width:1200px){.css_earn-list__main__nSBMq{width:100%}.css_earn-list__banner__VZLJF .css_banner-content__smhzb{width:calc(100% - 420px)}.css_earn-list__how__X9_rN{padding:32px 40px}.css_earn-list__how__X9_rN .css_how-box__pHtq4 .css_line__QtbQm{margin:0 38px}.css_earn-list__how__X9_rN .css_how-item__2aF71{width:224px;font-size:16px}.css_earn-list__list__nnpXZ{padding:100px 40px 0}.css_earn-item__lkoVN{margin-bottom:24px}.css_earn-item__lkoVN .css_image-box__eWg1L>img{display:block;width:293px;height:172px}.css_earn-item__lkoVN .css_content-box__VzcQl{padding:16px 24px}.css_earn-item__lkoVN .css_button-box__FFFYV button{width:140px;height:40px}}@media screen and (max-width:944px){.css_earn-list__banner__VZLJF{padding:24px 16px}.css_earn-list__banner__VZLJF .css_banner-box__fBNKY{background-position:right 0 center}.css_earn-list__banner__VZLJF .css_banner-box__fBNKY button{margin-top:24px;width:120px;height:36px}.css_earn-list__banner__VZLJF .css_banner-content__smhzb{width:calc(100% - 338px)}.css_earn-list__how__X9_rN{padding:24px}.css_earn-list__how__X9_rN .css_how-box__pHtq4 .css_line__QtbQm{margin:0 20px;height:6px}.css_earn-list__how__X9_rN .css_how-item__2aF71{width:188px;font-size:14px}.css_earn-list__list__nnpXZ{padding:100px 24px 0}.css_earn-list__list__nnpXZ .rc-virtual-list-holder-inner{flex-direction:row!important;flex-wrap:wrap}.css_earn-item__lkoVN{padding:0 0 24px;width:calc(50% - 12px);flex-direction:column}.css_earn-item__lkoVN:nth-child(2n){margin-left:24px}.css_earn-item__lkoVN .css_image-box__eWg1L{width:100%;border-radius:16px}.css_earn-item__lkoVN .css_image-box__eWg1L:after{content:"";display:block;padding-top:50%}.css_earn-item__lkoVN .css_image-box__eWg1L>img{position:absolute;left:0;top:0;width:100%;height:100%}.css_earn-item__lkoVN .css_image-box__eWg1L .css_earn-tag__R73db{display:none}.css_earn-item__lkoVN .css_image-box__eWg1L .css_earn-status__Mux0f,.css_earn-item__lkoVN .css_image-box__eWg1L .css_earn-status__Mux0f .css_earn-tag__R73db{display:flex}.css_earn-item__lkoVN .css_content-box__VzcQl{width:100%;flex:unset;padding:24px 16px 20px}.css_earn-item__lkoVN .css_content-box__VzcQl .css_title__ThPND{font-size:18px}.css_earn-item__lkoVN .css_content-box__VzcQl .css_desc__JELlR{height:40px;margin-top:8px;line-height:20px}.css_earn-item__lkoVN .css_content-box__VzcQl .css_earn-info__v7eMt{margin-top:16px}.css_earn-item__lkoVN .css_content-box__VzcQl .css_earn-info__v7eMt .css_tag__a3WCl{height:24px;margin-top:0;padding-left:0;background:transparent}.css_earn-item__lkoVN .css_content-box__VzcQl .css_earn-info__v7eMt .css_tag__a3WCl.css_tag-reward__68ZfC{display:none}.css_earn-item__lkoVN .css_button-box__FFFYV{margin-right:0;width:100%;padding:0 10px}.css_earn-item__lkoVN .css_button-box__FFFYV button{margin-top:0;width:100%;height:48px}}@media screen and (max-width:743px){.css_earn-list__banner__VZLJF .css_banner-box__fBNKY{background-size:100px 100px;background-position:right 0 center}.css_earn-list__banner__VZLJF .css_banner-box__fBNKY .css_rule-btn__VQLB5{display:none}.css_earn-list__banner__VZLJF .css_banner-box__fBNKY .css_rule-btn-h5__ps3M2{margin-top:12px;display:flex;align-items:center;height:14px}.css_earn-list__banner__VZLJF .css_banner-box__fBNKY .css_rule-btn-h5__ps3M2 a{display:flex;align-items:center;color:var(--Text-L1);font-size:12px;font-weight:400;line-height:10px}.css_earn-list__banner__VZLJF .css_banner-box__fBNKY .css_rule-btn-h5__ps3M2 .htx-icon{font-size:10px;height:10px;color:var(--Text-L3)}.css_earn-list__banner__VZLJF .css_banner-content__smhzb{width:calc(100% - 100px)}.css_earn-list__banner__VZLJF .css_banner-content__smhzb h3{font-size:24px;line-height:30px}.css_earn-list__banner__VZLJF .css_banner-content__smhzb p{padding-right:90px;font-size:14px;line-height:20px}.css_earn-list__how__X9_rN{padding:8px 12px 12px;border-radius:12px;background:var(--Background-L2);margin-left:16px;margin-right:16px}.css_earn-list__how__X9_rN .css_how-box__pHtq4 .css_line__QtbQm{margin:0 10px;height:6px}.css_earn-list__how__X9_rN .css_how-item__2aF71{width:77px;font-size:12px;font-weight:400;flex-direction:column;word-break:break-all;white-space:unset}.css_earn-list__how__X9_rN .css_how-item__2aF71 .htx-icon{font-size:18px;width:18px;margin-right:0;color:var(--Text-L4)}.css_earn-list__list__nnpXZ{padding:40px 16px 0}.css_earn-item__lkoVN{width:100%;padding:0 0 24px}.css_earn-item__lkoVN:nth-child(2n){margin-left:0}.css_earn-item__lkoVN .css_content-box__VzcQl{padding:24px 16px 20px}.css_earn-item__lkoVN .css_content-box__VzcQl .css_title__ThPND{font-size:16px}.css_earn-item__lkoVN .css_content-box__VzcQl .css_desc__JELlR{height:34px;font-size:12px;line-height:17px}.css_earn-item__lkoVN .css_button-box__FFFYV{padding:0 12px}}