.quiz-step[data-v-ec8e85da]{width:100%}.quiz-options[data-v-ec8e85da]{display:grid;gap:var(--o3-gap-3);grid-template-columns:repeat(3,1fr)}@media (max-width:840px){.quiz-options[data-v-ec8e85da]{gap:var(--o3-gap-2)}}.quiz-options.cols-2[data-v-ec8e85da]{grid-template-columns:repeat(2,1fr)}.quiz-options.cols-1[data-v-ec8e85da]{display:flex;flex-direction:column;gap:var(--o3-gap-3)}.quiz-options.cols-1 .quiz-option[data-v-ec8e85da]{justify-content:center;padding:0 var(--o3-gap-5);width:100%}.quiz-options.cols-3-left[data-v-ec8e85da]{display:grid;grid-template-columns:repeat(3,1fr);justify-content:flex-start}.quiz-option[data-v-ec8e85da]{align-items:center;background-color:#f4f5f7;border:1px solid transparent;border-radius:var(--o3-radius-m);box-sizing:border-box;display:flex;gap:var(--o3-gap-3);justify-content:center;min-height:60px;padding:var(--o3-gap-2) 0;position:relative}@media (max-width:1200px){.quiz-option[data-v-ec8e85da]{padding:var(--o3-gap-2) var(--o3-gap-1)}}@media (max-width:840px){.quiz-option[data-v-ec8e85da]{border-radius:4px;gap:var(--o3-gap-2);min-height:48px;padding:var(--o3-gap-1) var(--o3-gap-3)}}.quiz-option[data-v-ec8e85da]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.quiz-option.is-checked[data-v-ec8e85da]{background-color:var(--o-color-control5-light);border-color:#7b61ff}@media (hover:hover){.quiz-option[data-v-ec8e85da]:hover{box-shadow:var(--o-shadow-1)}}.quiz-option-text[data-v-ec8e85da]{align-items:center;display:flex;flex:1;flex-direction:column;min-width:0}@media (min-width:1681px){.quiz-option-label[data-v-ec8e85da]{--font-size:14px;--line-height:22px}}@media (min-width:1201px) and (max-width:1680px){.quiz-option-label[data-v-ec8e85da]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.quiz-option-label[data-v-ec8e85da]{--font-size:12px;--line-height:18px}}@media (max-width:840px){.quiz-option-label[data-v-ec8e85da]{--font-size:12px;--line-height:18px}}.quiz-option-label[data-v-ec8e85da]{color:var(--o-color-info1);font-size:var(--font-size);line-height:var(--line-height);text-align:center;word-break:break-word}@media (min-width:1681px){.quiz-option-desc[data-v-ec8e85da]{--font-size:12px;--line-height:18px}}@media (min-width:1201px) and (max-width:1680px){.quiz-option-desc[data-v-ec8e85da]{--font-size:12px;--line-height:18px}}@media (min-width:841px) and (max-width:1200px){.quiz-option-desc[data-v-ec8e85da]{--font-size:12px;--line-height:18px}}@media (max-width:840px){.quiz-option-desc[data-v-ec8e85da]{--font-size:10px;--line-height:16px}}.quiz-option-desc[data-v-ec8e85da]{color:var(--o-color-info4);font-size:var(--font-size);line-height:var(--line-height);text-align:center}@media (max-width:1200px){.quiz-option-desc[data-v-ec8e85da]{font-size:10px}}.quiz-option-check[data-v-ec8e85da]{align-items:center;display:flex;height:16px;justify-content:center;position:absolute;right:var(--o3-gap-1);top:var(--o3-gap-1);width:16px}.quiz-option.is-checked .quiz-option-label[data-v-ec8e85da]{color:var(--o-color-info1);font-weight:600}.quiz-option.is-checked .quiz-option-desc[data-v-ec8e85da]{color:var(--o-color-info3)}.quiz-result[data-v-ea483f13]{text-align:center;width:100%}@media (max-width:840px){.quiz-result[data-v-ea483f13]{display:flex;flex-direction:column;height:100%}}.quiz-result-title[data-v-ea483f13]{color:var(--o-color-info1);font-size:18px;font-weight:600;line-height:26px;margin-bottom:12px}@media (min-width:1681px){.quiz-result-subtitle[data-v-ea483f13]{--font-size:18px;--line-height:26px}}@media (min-width:1201px) and (max-width:1680px){.quiz-result-subtitle[data-v-ea483f13]{--font-size:16px;--line-height:24px}}@media (min-width:841px) and (max-width:1200px){.quiz-result-subtitle[data-v-ea483f13]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.quiz-result-subtitle[data-v-ea483f13]{--font-size:14px;--line-height:22px}}.quiz-result-subtitle[data-v-ea483f13]{color:var(--o-color-info1);font-size:var(--font-size);font-weight:600;line-height:var(--line-height);margin-bottom:var(--o3-gap-9)}@media (max-width:840px){.quiz-result-subtitle[data-v-ea483f13]{margin-bottom:56px}}.quiz-result-tags[data-v-ea483f13]{height:calc(80px + var(--o3-gap-4));margin-bottom:20px;overflow:hidden;position:relative;text-align:center}@media (max-width:1680px){.quiz-result-tags[data-v-ea483f13]{height:calc(76px + var(--o3-gap-4))}}@media (max-width:840px){.quiz-result-tags[data-v-ea483f13]{flex-shrink:0;height:64px}}.quiz-result-tags-inner[data-v-ea483f13]{display:flex;flex-wrap:wrap;gap:var(--o3-gap-4);justify-content:center}@media (max-width:840px){.quiz-result-tags-inner[data-v-ea483f13]{gap:12px}}.quiz-result-tag[data-v-ea483f13]{align-items:center;background:linear-gradient(105.2deg,#dee2ff,#e2e7fd 31% 57%,#e8e2fd);border-radius:8px;display:inline-flex;gap:4px;padding:8px 16px}@media (max-width:840px){.quiz-result-tag[data-v-ea483f13]{padding:4px 8px}}.quiz-result-tag.is-fade[data-v-ea483f13]{-webkit-mask-image:linear-gradient(90deg,#000 50%,transparent);mask-image:linear-gradient(90deg,#000 50%,transparent)}@media (min-width:1681px){.quiz-result-tag-text[data-v-ea483f13]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.quiz-result-tag-text[data-v-ea483f13]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.quiz-result-tag-text[data-v-ea483f13]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.quiz-result-tag-text[data-v-ea483f13]{--font-size:14px;--line-height:22px}}.quiz-result-tag-text[data-v-ea483f13]{color:var(--o-color-info1);font-size:var(--font-size);line-height:var(--line-height)}@media (max-width:840px){.quiz-result-tag-text[data-v-ea483f13]{font-size:var(--font-size);line-height:var(--line-height)}}@media (max-width:840px) and (min-width:1681px){.quiz-result-tag-text[data-v-ea483f13]{--font-size:14px;--line-height:22px}}@media (max-width:840px) and (min-width:1201px) and (max-width:1680px){.quiz-result-tag-text[data-v-ea483f13]{--font-size:14px;--line-height:22px}}@media (max-width:840px) and (min-width:841px) and (max-width:1200px){.quiz-result-tag-text[data-v-ea483f13]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (max-width:840px){.quiz-result-tag-text[data-v-ea483f13]{--font-size:12px;--line-height:18px}}.quiz-result-anim[data-v-ea483f13]{display:flex;justify-content:center;margin:0 auto 20px;position:relative;width:100%}@media (max-width:840px){.quiz-result-anim[data-v-ea483f13]{align-items:center;flex:1}}.quiz-result-anim-img[data-v-ea483f13]{height:auto;-o-object-fit:contain;object-fit:contain;width:448px}@media (max-width:840px){.quiz-result-anim-img[data-v-ea483f13]{width:100%}}.quiz-result-balls[data-v-ea483f13]{align-items:center;display:flex;gap:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.quiz-result-ball[data-v-ea483f13]{animation:ball-scale-ea483f13 1.2s ease-in-out infinite;border-radius:50%;box-shadow:0 0 4px #ffffffe6,0 0 2px #0000001a;flex-shrink:0;height:6px;width:6px}@media (max-width:840px){.quiz-result-ball[data-v-ea483f13]{height:4px;width:4px}}.quiz-result-ball.ball-1[data-v-ea483f13]{animation-delay:0s;background:linear-gradient(135deg,#ffcd6c,#ff687f)}.quiz-result-ball.ball-2[data-v-ea483f13]{animation-delay:.15s;background:linear-gradient(135deg,#ff5f7c,#a065ff)}.quiz-result-ball.ball-3[data-v-ea483f13]{animation-delay:.3s;background:linear-gradient(135deg,#50d4e7,#abe582)}@keyframes ball-scale-ea483f13{0%,to{transform:scale(1)}15%{transform:scale(1.8)}30%{transform:scale(1)}}.quiz-result-footer[data-v-ea483f13]{display:flex;flex-shrink:0;justify-content:center;margin-top:8px}.quiz-result-footer.is-pc[data-v-ea483f13]{border-top:none;margin-top:20px}.quiz-result-done[data-v-ea483f13]{color:var(--o-color-info1);cursor:pointer;flex:1;font-size:16px;font-weight:600;line-height:24px;padding:12px 0;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.quiz-result-done[data-v-ea483f13]:hover{opacity:.8}@media (min-width:1681px){.quiz-result-skip[data-v-ea483f13]{--font-size:14px;--line-height:22px}}@media (min-width:1201px) and (max-width:1680px){.quiz-result-skip[data-v-ea483f13]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.quiz-result-skip[data-v-ea483f13]{--font-size:12px;--line-height:18px}}@media (max-width:840px){.quiz-result-skip[data-v-ea483f13]{--font-size:12px;--line-height:18px}}.quiz-result-skip[data-v-ea483f13]{color:var(--o-color-info3);cursor:pointer;font-size:var(--font-size);line-height:var(--line-height);padding:8px 0;text-align:center}.quiz-result.is-pc[data-v-ea483f13]{position:relative}.quiz-dialog-inner[data-v-485ab8da]{box-sizing:border-box;width:100%}@media (max-width:840px){.quiz-dialog-inner[data-v-485ab8da]{display:flex;flex-direction:column;height:100%}}.quiz-top[data-v-485ab8da]{align-items:center;display:flex;justify-content:space-between;padding:0 var(--o3-gap-8);position:relative}@media (max-width:840px){.quiz-top[data-v-485ab8da]{padding:0 var(--o3-gap-4)}}.quiz-title[data-v-485ab8da]{color:var(--o-color-info1);flex:1;font-weight:600;text-align:center}@media (max-width:840px){.quiz-title[data-v-485ab8da]{font-size:var(--font-size);line-height:var(--line-height)}}@media (max-width:840px) and (min-width:1681px){.quiz-title[data-v-485ab8da]{--font-size:32px;--line-height:44px}}@media (max-width:840px) and (min-width:1201px) and (max-width:1680px){.quiz-title[data-v-485ab8da]{--font-size:20px;--line-height:28px}}@media (max-width:840px) and (min-width:841px) and (max-width:1200px){.quiz-title[data-v-485ab8da]{--font-size:20px;--line-height:28px}}@media (max-width:840px) and (max-width:840px){.quiz-title[data-v-485ab8da]{--font-size:18px;--line-height:26px}}@media (min-width:1681px){.quiz-skip[data-v-485ab8da]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.quiz-skip[data-v-485ab8da]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.quiz-skip[data-v-485ab8da]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.quiz-skip[data-v-485ab8da]{--font-size:14px;--line-height:22px}}.quiz-skip[data-v-485ab8da]{font-size:var(--font-size);line-height:var(--line-height);position:absolute;right:var(--o3-gap-8)}@media (max-width:840px){.quiz-skip[data-v-485ab8da]{right:var(--o3-gap-4)}}.quiz-skip[data-v-485ab8da]{color:var(--o-color-info3);cursor:pointer;padding:0 var(--o3-gap-1)}.quiz-progress[data-v-485ab8da]{align-items:center;display:flex;justify-content:center;padding:0 var(--o3-gap-8)}@media (max-width:840px){.quiz-progress[data-v-485ab8da]{padding:0 var(--o3-gap-4)}}.quiz-progress.is-mb[data-v-485ab8da]{margin-top:var(--o3-gap-3)}.quiz-body[data-v-485ab8da]{margin-top:var(--o3-gap-5)}@media (max-width:840px){.quiz-body[data-v-485ab8da]{flex:1;overflow-y:auto}}.quiz-body.is-result[data-v-485ab8da]{margin-top:0}@media (min-width:1681px){.quiz-guide[data-v-485ab8da]{--font-size:18px;--line-height:26px}}@media (min-width:1201px) and (max-width:1680px){.quiz-guide[data-v-485ab8da]{--font-size:16px;--line-height:24px}}@media (min-width:841px) and (max-width:1200px){.quiz-guide[data-v-485ab8da]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.quiz-guide[data-v-485ab8da]{--font-size:14px;--line-height:22px}}.quiz-guide[data-v-485ab8da]{color:var(--o-color-info1);font-size:var(--font-size);font-weight:600;line-height:var(--line-height);text-align:center}@media (min-width:1681px){.quiz-question[data-v-485ab8da]{--font-size:18px;--line-height:26px}}@media (min-width:1201px) and (max-width:1680px){.quiz-question[data-v-485ab8da]{--font-size:16px;--line-height:24px}}@media (min-width:841px) and (max-width:1200px){.quiz-question[data-v-485ab8da]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.quiz-question[data-v-485ab8da]{--font-size:14px;--line-height:22px}}.quiz-question[data-v-485ab8da]{color:var(--o-color-info1);font-size:var(--font-size);font-weight:600;line-height:var(--line-height);margin-bottom:var(--o3-gap-5);text-align:center;white-space:pre-line}@media (max-width:840px){.quiz-question[data-v-485ab8da]{margin-bottom:20px;white-space:normal}.quiz-question.is-multi-line[data-v-485ab8da]{line-height:44px;min-height:44px}}.quiz-footer[data-v-485ab8da]{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-top:var(--o3-gap-4)}.quiz-footer.is-step1 .quiz-footer-btn[data-v-485ab8da]{flex:1}@media (min-width:1681px){.quiz-footer-btn[data-v-485ab8da]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.quiz-footer-btn[data-v-485ab8da]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.quiz-footer-btn[data-v-485ab8da]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.quiz-footer-btn[data-v-485ab8da]{--font-size:14px;--line-height:22px}}.quiz-footer-btn[data-v-485ab8da]{color:var(--o-color-info1);cursor:pointer;flex:1;font-size:var(--font-size);line-height:var(--line-height);padding:var(--o3-gap-3) 0;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.quiz-footer-btn[data-v-485ab8da]:hover{opacity:.8}.quiz-footer-btn.is-disabled[data-v-485ab8da]{color:var(--o-color-info4);cursor:not-allowed;pointer-events:none}@media (max-width:840px){.quiz-footer-btn[data-v-485ab8da]{font-size:var(--font-size);line-height:var(--line-height)}}@media (max-width:840px) and (min-width:1681px){.quiz-footer-btn[data-v-485ab8da]{--font-size:20px;--line-height:28px}}@media (max-width:840px) and (min-width:1201px) and (max-width:1680px){.quiz-footer-btn[data-v-485ab8da]{--font-size:18px;--line-height:26px}}@media (max-width:840px) and (min-width:841px) and (max-width:1200px){.quiz-footer-btn[data-v-485ab8da]{--font-size:16px;--line-height:24px}}@media (max-width:840px) and (max-width:840px){.quiz-footer-btn[data-v-485ab8da]{--font-size:16px;--line-height:24px}}.quiz-footer-finish[data-v-485ab8da],.quiz-footer-next[data-v-485ab8da],.quiz-footer-prev[data-v-485ab8da]{color:var(--o-color-info1);font-weight:600}.quiz-footer-divider[data-v-485ab8da]{background-color:var(--o-color-control4);flex-shrink:0;height:24px;width:1px}.quiz-step-bar[data-v-485ab8da]{width:144px;--num-block-size:16px!important}.quiz-step-bar[data-v-485ab8da] .step-content{display:none}.quiz-progress.is-mb .quiz-step-bar[data-v-485ab8da]{width:160px;--num-block-size:16px}.quiz-progress.is-mb .quiz-step-bar .step-num[data-v-485ab8da]{font-size:10px}.quiz-footer.is-pc[data-v-485ab8da]{align-items:stretch;border-top:none;flex-direction:column;margin-top:var(--o3-gap-5)}.quiz-footer-pc[data-v-485ab8da]{display:flex;gap:var(--o3-gap-3);justify-content:center}.quiz-footer-skip-wrap[data-v-485ab8da]{margin-top:var(--o3-gap-3);text-align:center}@media (min-width:1681px){.quiz-footer-skip[data-v-485ab8da]{--font-size:14px;--line-height:22px}}@media (min-width:1201px) and (max-width:1680px){.quiz-footer-skip[data-v-485ab8da]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.quiz-footer-skip[data-v-485ab8da]{--font-size:12px;--line-height:18px}}@media (max-width:840px){.quiz-footer-skip[data-v-485ab8da]{--font-size:12px;--line-height:18px}}.quiz-footer-skip[data-v-485ab8da]{color:var(--o-color-info3);cursor:pointer;display:inline-block;font-size:var(--font-size);line-height:var(--line-height)}.quiz-dialog-main{border-radius:8px!important;height:480px;max-width:calc(100% - 32px)!important;overflow:hidden;padding:var(--o3-gap-6) var(--o3-gap-6) var(--o3-gap-5)}.quiz-dialog-main .o-dlg-footer,.quiz-dialog-main .o-dlg-header{display:block!important;padding:0!important}.quiz-dialog-main .o-dlg-main{padding:0!important}@media (max-width:1680px){.quiz-dialog-main{height:420px}}@media (max-width:1200px){.quiz-dialog-main{height:400px}}@media (max-width:840px){.quiz-dialog-main{height:434px;--dlg-width:calc(100vw - var(--grid-padding)*2)!important;align-self:flex-end;margin:var(--grid-padding)}.quiz-dialog-main .o-dlg-main{display:flex!important;flex-direction:column!important}}@media (min-width:1681px){.quiz-step-bar .step-num{--font-size:12px;--line-height:18px}}@media (min-width:1201px) and (max-width:1680px){.quiz-step-bar .step-num{--font-size:12px;--line-height:18px}}@media (min-width:841px) and (max-width:1200px){.quiz-step-bar .step-num{--font-size:12px;--line-height:18px}}@media (max-width:840px){.quiz-step-bar .step-num{--font-size:10px;--line-height:16px}}.quiz-step-bar .step-num{font-size:var(--font-size);line-height:var(--line-height)}.dlc-test[data-v-4e6c0be1]{align-items:center;background-image:url(./test-bg.CNuqBDF-.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:56px;box-sizing:border-box;cursor:pointer;display:flex;gap:84px;height:56px;margin:var(--o3-gap-4) auto 0;max-width:100%;padding:0 var(--o3-gap-5);white-space:nowrap;width:-moz-fit-content;width:fit-content}@media (hover:hover){.dlc-test[data-v-4e6c0be1]:hover{box-shadow:var(--o-shadow-1)}}@media (max-width:840px){.dlc-test[data-v-4e6c0be1]{background-image:url(./test-bg-mb.lYe4GZiD.png)}}.dlc-test img[data-v-4e6c0be1]{height:24px;margin-right:4px;width:24px}.is-collapsed[data-v-4e6c0be1]{border-radius:42px;height:42px}@media (min-width:1681px){.dlc-test-tag[data-v-4e6c0be1]{--font-size:20px;--line-height:28px}}@media (min-width:1201px) and (max-width:1680px){.dlc-test-tag[data-v-4e6c0be1]{--font-size:18px;--line-height:26px}}@media (min-width:841px) and (max-width:1200px){.dlc-test-tag[data-v-4e6c0be1]{--font-size:16px;--line-height:24px}}@media (max-width:840px){.dlc-test-tag[data-v-4e6c0be1]{--font-size:16px;--line-height:24px}}.dlc-test-tag[data-v-4e6c0be1]{-webkit-background-clip:text;background-image:linear-gradient(90deg,#2e53fa,#7b25f4);font-size:var(--font-size);line-height:var(--line-height);-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.dlc-test-content[data-v-4e6c0be1]{align-items:center;display:flex}@media (min-width:1681px){.dlc-test-desc[data-v-4e6c0be1]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.dlc-test-desc[data-v-4e6c0be1]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.dlc-test-desc[data-v-4e6c0be1]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.dlc-test-desc[data-v-4e6c0be1]{--font-size:14px;--line-height:22px}}.dlc-test-desc[data-v-4e6c0be1]{color:var(--o-color-info2);font-size:var(--font-size);line-height:var(--line-height);margin-left:var(--o3-gap-3)}@media (max-width:840px){.dlc-test-desc[data-v-4e6c0be1]{font-size:var(--font-size);line-height:var(--line-height)}}@media (max-width:840px) and (min-width:1681px){.dlc-test-desc[data-v-4e6c0be1]{--font-size:14px;--line-height:22px}}@media (max-width:840px) and (min-width:1201px) and (max-width:1680px){.dlc-test-desc[data-v-4e6c0be1]{--font-size:14px;--line-height:22px}}@media (max-width:840px) and (min-width:841px) and (max-width:1200px){.dlc-test-desc[data-v-4e6c0be1]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (max-width:840px){.dlc-test-desc[data-v-4e6c0be1]{--font-size:12px;--line-height:18px}}@media (min-width:1681px){.dlc-test-btn[data-v-4e6c0be1]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.dlc-test-btn[data-v-4e6c0be1]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.dlc-test-btn[data-v-4e6c0be1]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.dlc-test-btn[data-v-4e6c0be1]{--font-size:14px;--line-height:22px}}.dlc-test-btn[data-v-4e6c0be1]{align-items:center;color:var(--o-color-info1);display:inline-flex;font-size:var(--font-size);gap:2px;line-height:var(--line-height)}.dlc-test-arrow[data-v-4e6c0be1]{height:16px;width:16px}.dlc-test-mb[data-v-4e6c0be1]{height:auto;margin:var(--o3-gap-3) 0 0;min-height:44px;width:100%}.isMargin[data-v-8b56aa74]{margin:0}@media (min-width:841px){.rec-sec[data-v-8b56aa74]{margin-top:var(--o3-gap-10)}.rec-sec-width[data-v-8b56aa74]{width:100%}}.rec-content-bg[data-v-8b56aa74]{background-image:url(./recommend-bg-pc.3YsBKsYa.jpg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:1px solid var(--o-color-fill2);border-radius:var(--o-radius-l);box-sizing:border-box;margin-bottom:var(--o3-gap-4);padding:var(--o3-gap-6) var(--o3-gap-6)}@media (max-width:840px){.rec-content-bg[data-v-8b56aa74]{padding-left:var(--layout-content-padding);padding-right:var(--layout-content-padding)}}.rec-content-row[data-v-8b56aa74]{display:grid;gap:var(--o3-gap-6);grid-template-columns:repeat(3,1fr)}@media (max-width:1440px){.rec-content-row.row-num[data-v-8b56aa74]{grid-template-columns:repeat(2,1fr)}.rec-content-row.row-num .rec-item[data-v-8b56aa74]:nth-child(n+3){display:none}}.rec-item[data-v-8b56aa74]{margin-bottom:0}.rec-item-card[data-v-8b56aa74]{height:100%;--card-main-padding:0}.rec-item-content[data-v-8b56aa74]{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:var(--o3-gap-5)}@media (min-width:1681px){.rec-item-content[data-v-8b56aa74]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.rec-item-content[data-v-8b56aa74]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.rec-item-content[data-v-8b56aa74]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.rec-item-content[data-v-8b56aa74]{--font-size:14px;--line-height:22px}}.rec-item-content[data-v-8b56aa74]{font-size:var(--font-size);line-height:var(--line-height)}@media (max-width:840px){.rec-item-content[data-v-8b56aa74]{padding:12px 16px}}@media (min-width:1681px){.rec-item-title[data-v-8b56aa74]{--font-size:22px;--line-height:30px}}@media (min-width:1201px) and (max-width:1680px){.rec-item-title[data-v-8b56aa74]{--font-size:18px;--line-height:26px}}@media (min-width:841px) and (max-width:1200px){.rec-item-title[data-v-8b56aa74]{--font-size:16px;--line-height:24px}}@media (max-width:840px){.rec-item-title[data-v-8b56aa74]{--font-size:16px;--line-height:24px}}.rec-item-title[data-v-8b56aa74]{color:var(--o-color-info1);font-size:var(--font-size);font-weight:600;line-height:var(--line-height);width:100%}.rec-item-tags[data-v-8b56aa74]{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--o3-gap-3)}.rec-tag-0[data-v-8b56aa74]{--tag-color:#2e53fa;--tag-bg-color:rgba(46,83,250,.1);--tag-bd-color:transparent}.rec-tag-1[data-v-8b56aa74]{--tag-color:#9100ef;--tag-bg-color:rgba(145,0,239,.1);--tag-bd-color:transparent}@media (min-width:1681px){.rec-item-des[data-v-8b56aa74]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.rec-item-des[data-v-8b56aa74]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.rec-item-des[data-v-8b56aa74]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.rec-item-des[data-v-8b56aa74]{--font-size:14px;--line-height:22px}}.rec-item-des[data-v-8b56aa74]{color:var(--o-color-info3);flex:1;font-size:var(--font-size);line-height:var(--line-height);margin-top:12px;max-height:calc(var(--line-height)*2);width:100%}.rec-bottom[data-v-8b56aa74]{align-items:center;display:flex;justify-content:space-between;margin-top:auto;padding-top:16px;width:100%}@media (max-width:840px){.rec-bottom[data-v-8b56aa74]{justify-content:flex-start}}.rec-bottom-left[data-v-8b56aa74]{margin-right:8px}.rec-bottom-left[data-v-8b56aa74],.rec-bottom-right[data-v-8b56aa74]{align-items:center;display:flex}.rec-star[data-v-8b56aa74]{fill:var(--o-color-info4);margin-right:8px}@media (min-width:1681px){.rec-star[data-v-8b56aa74]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.rec-star[data-v-8b56aa74]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.rec-star[data-v-8b56aa74]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.rec-star[data-v-8b56aa74]{--font-size:14px;--line-height:22px}}.rec-star[data-v-8b56aa74]{font-size:var(--font-size);line-height:var(--line-height)}@media (max-width:840px){.rec-star[data-v-8b56aa74]{margin-right:4px}}.star-full[data-v-8b56aa74]{fill:rgb(var(--o-red-huawei))}.rec-rate-number[data-v-8b56aa74]{white-space:nowrap}@media (min-width:1681px){.rec-rate-number[data-v-8b56aa74]{--font-size:14px;--line-height:22px}}@media (min-width:1201px) and (max-width:1680px){.rec-rate-number[data-v-8b56aa74]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.rec-rate-number[data-v-8b56aa74]{--font-size:12px;--line-height:18px}}@media (max-width:840px){.rec-rate-number[data-v-8b56aa74]{--font-size:12px;--line-height:18px}}.rec-rate-number[data-v-8b56aa74]{font-size:var(--font-size);line-height:var(--line-height)}@media (max-width:840px){.rec-rate-number[data-v-8b56aa74]{font-size:var(--font-size);line-height:var(--line-height)}}@media (max-width:840px) and (min-width:1681px){.rec-rate-number[data-v-8b56aa74]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (min-width:1201px) and (max-width:1680px){.rec-rate-number[data-v-8b56aa74]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (min-width:841px) and (max-width:1200px){.rec-rate-number[data-v-8b56aa74]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (max-width:840px){.rec-rate-number[data-v-8b56aa74]{--font-size:10px;--line-height:16px}}@media (min-width:1681px){.rec-data-img[data-v-8b56aa74]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.rec-data-img[data-v-8b56aa74]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.rec-data-img[data-v-8b56aa74]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.rec-data-img[data-v-8b56aa74]{--font-size:14px;--line-height:22px}}.rec-data-img[data-v-8b56aa74]{font-size:var(--font-size);line-height:var(--line-height);margin-right:8px}@media (max-width:840px){.rec-data-img[data-v-8b56aa74]{font-size:16px;margin-right:4px}}.rec-level[data-v-8b56aa74],.rec-time[data-v-8b56aa74],.rec-views[data-v-8b56aa74]{align-items:center;display:flex;white-space:nowrap}@media (min-width:1681px){.rec-level[data-v-8b56aa74],.rec-time[data-v-8b56aa74],.rec-views[data-v-8b56aa74]{--font-size:14px;--line-height:22px}}@media (min-width:1201px) and (max-width:1680px){.rec-level[data-v-8b56aa74],.rec-time[data-v-8b56aa74],.rec-views[data-v-8b56aa74]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.rec-level[data-v-8b56aa74],.rec-time[data-v-8b56aa74],.rec-views[data-v-8b56aa74]{--font-size:12px;--line-height:18px}}@media (max-width:840px){.rec-level[data-v-8b56aa74],.rec-time[data-v-8b56aa74],.rec-views[data-v-8b56aa74]{--font-size:12px;--line-height:18px}}.rec-level[data-v-8b56aa74],.rec-time[data-v-8b56aa74],.rec-views[data-v-8b56aa74]{font-size:var(--font-size);line-height:var(--line-height)}.rec-time[data-v-8b56aa74],.rec-views[data-v-8b56aa74]{margin-left:16px}@media (max-width:1440px){.rec-time[data-v-8b56aa74],.rec-views[data-v-8b56aa74]{margin-left:8px}}.rec-head[data-v-8b56aa74]{margin-bottom:var(--o-gap-t2c);text-align:center}@media (max-width:840px){.rec-head[data-v-8b56aa74]{align-items:center;display:flex;justify-content:space-between;text-align:left}}.rec-head-courses[data-v-8b56aa74]{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--o-gap-t2c);text-align:center;text-align:left}.rec-head-courses>div[data-v-8b56aa74]:first-child{align-items:center;display:flex;gap:8px}.rec-head-img[data-v-8b56aa74]{height:24px;width:24px}.rec-toolbar[data-v-8b56aa74]{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--o3-gap-6);width:100%}.rec-head-actions[data-v-8b56aa74],.rec-toolbar-actions[data-v-8b56aa74]{align-items:center;display:flex;flex-shrink:0;gap:32px}.rec-close-icon[data-v-8b56aa74]{color:var(--o-color-info2);cursor:pointer;height:24px;width:24px}.rec-toolbar-left[data-v-8b56aa74]{align-items:center;display:flex;flex:1;flex-wrap:nowrap;gap:16px;margin-right:24px;min-width:0}.rec-toolbar-left img[data-v-8b56aa74]{height:24px;width:24px}.rec-toolbar-icon[data-v-8b56aa74]{height:28px;margin-right:8px;width:28px}.rec-toolbar-tags[data-v-8b56aa74]{display:flex;flex:1;gap:8px;min-width:0;overflow:hidden}.rec-toolbar-tags.is-overflow[data-v-8b56aa74]{-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent);mask-image:linear-gradient(90deg,#000 80%,transparent)}.rec-toolbar-left .rec-toolbar-tags[data-v-8b56aa74]{flex:0 1 auto}.rec-tag-item[data-v-8b56aa74]{flex-shrink:0}@media (min-width:1681px){.rec-courses-title[data-v-8b56aa74]{--font-size:24px;--line-height:32px}}@media (min-width:1201px) and (max-width:1680px){.rec-courses-title[data-v-8b56aa74]{--font-size:20px;--line-height:28px}}@media (min-width:841px) and (max-width:1200px){.rec-courses-title[data-v-8b56aa74]{--font-size:18px;--line-height:26px}}@media (max-width:840px){.rec-courses-title[data-v-8b56aa74]{--font-size:16px;--line-height:24px}}.rec-courses-title[data-v-8b56aa74]{-webkit-background-clip:text;background-image:linear-gradient(90deg,#2e53fa,#7b25f4);flex-shrink:0;font-size:var(--font-size);font-weight:600;line-height:var(--line-height);-webkit-text-fill-color:transparent;background-clip:text}@media (min-width:841px){.rec-courses-title[data-v-8b56aa74]{margin-right:8px}}.rec-edit[data-v-8b56aa74]{align-items:center;color:var(--o-color-link1);cursor:pointer;display:inline-flex;flex-shrink:0;font-weight:500;gap:4px;white-space:nowrap}.rec-edit-icon[data-v-8b56aa74]{color:var(--o-color-info2);height:20px;width:20px}.rec-change[data-v-8b56aa74]{align-items:center;color:var(--o-color-info2);cursor:pointer;display:inline-flex;font-weight:500;gap:4px;white-space:nowrap}.rec-change-icon[data-v-8b56aa74]{height:16px;width:16px}.rec-list-mb[data-v-8b56aa74]{background-image:url(./recommend-bg-mb.bx--Bet7.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid var(--o-color-fill2);border-radius:16px 0 0;border-radius:var(--o-radius-l);box-sizing:border-box;margin-top:var(--o3-gap-4);padding:var(--o3-gap-6)}.rec-item-mb+.rec-item-mb[data-v-8b56aa74]{margin-top:12px}@media (min-width:1681px){.rec-login-tip[data-v-8b56aa74]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.rec-login-tip[data-v-8b56aa74]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.rec-login-tip[data-v-8b56aa74]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.rec-login-tip[data-v-8b56aa74]{--font-size:14px;--line-height:22px}}.rec-login-tip[data-v-8b56aa74]{color:var(--o-color-info3);font-size:var(--font-size);line-height:var(--line-height);text-align:center}@media (max-width:840px){.rec-login-tip[data-v-8b56aa74]{margin-top:12px;text-align:left}}.rec-login-link[data-v-8b56aa74]{color:var(--o-color-link1);cursor:pointer;font-weight:500}