.ml-20[data-v-92561e89]{margin-left:20px}.mr-20[data-v-92561e89]{margin-right:20px}.ellipsis[data-v-92561e89]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fix-width[data-v-92561e89]{width:1180px}.fix-width[data-v-92561e89],.responsive-width[data-v-92561e89]{margin:14px auto 0;padding-left:12px;padding-right:12px}.responsive-width[data-v-92561e89]{max-width:1180px;width:100%}.status .mastering[data-v-92561e89]{color:#f7ba1e}.easy[data-v-92561e89],.easy[data-v-92561e89]:hover,.status .mastered[data-v-92561e89]{color:#00b42a}.medium[data-v-92561e89],.medium[data-v-92561e89]:hover{color:#f7ba1e}.hard[data-v-92561e89],.hard[data-v-92561e89]:hover{color:#f53f3f}.extreme[data-v-92561e89],.extreme[data-v-92561e89]:hover{color:#f5319d}.medium-zoom-overlay[data-v-92561e89]{z-index:404}.medium-zoom-image--opened[data-v-92561e89]{z-index:405}.block-placeholder[data-v-92561e89]{height:0;width:156px}.block-nav[data-v-92561e89]{background-color:var(--color-bg-2);max-height:calc(100vh - 100px);top:0;width:156px;z-index:100}.block-nav[data-v-92561e89],.block-nav[data-v-92561e89]:before{border-radius:var(--border-radius-small);position:absolute}.block-nav[data-v-92561e89]:before{content:"";height:60px;left:0;opacity:0;pointer-events:none;right:0;transition:opacity .3s ease;z-index:101}.block-nav.top-gradient[data-v-92561e89]:before{background:linear-gradient(to bottom,var(--color-bg-2),var(--color-bg-2-50-percent) 84%,var(--color-bg-2-10-percent));opacity:1;top:0}.block-nav[data-v-92561e89]:after{border-radius:var(--border-radius-small);content:"";height:60px;left:0;opacity:0;pointer-events:none;position:absolute;right:0;transition:opacity .3s ease;z-index:101}.block-nav.bottom-gradient[data-v-92561e89]:after{background:linear-gradient(to top,var(--color-bg-2),var(--color-bg-2-50-percent) 84%,var(--color-bg-2-10-percent));bottom:0;opacity:1}.block-nav #block-item-wrapper[data-v-92561e89]{max-height:calc(100vh - 100px);overflow-y:auto;padding:8px;scrollbar-width:none;-ms-overflow-style:none}.block-nav .block-item-link[data-v-92561e89]{align-items:center;border-radius:var(--border-radius-small);color:var(--color-text-1);display:flex;font-size:15px;height:36px;margin-bottom:2px;padding:0 12px;transition:color .3s}.block-nav .block-item-link[data-v-92561e89]:hover{background-color:var(--color-hover-bg-1);color:rgb(var(--arcoblue-6))}.block-nav .block-item-link.active[data-v-92561e89]{background-color:rgba(var(--arcoblue-6),10%);color:rgb(var(--arcoblue-6))}.block-nav .block-item-link .block-item-link-icon[data-v-92561e89]{font-size:15px;margin-right:8px}.block-nav .block-item-subblock-list .block-item-subblock-item[data-v-92561e89]{margin-bottom:2px}.block-nav .block-item-subblock-list .block-item-subblock-item .block-item-subblock-item-link[data-v-92561e89]{align-items:center;color:var(--color-text-2);display:flex;height:36px;padding-left:38px}.block-nav .block-item-subblock-list .block-item-subblock-item .block-item-subblock-item-link[data-v-92561e89]:hover{background-color:var(--color-hover-bg-1);color:rgb(var(--arcoblue-6))}.block-nav .block-item-subblock-list .block-item-subblock-item .block-item-subblock-item-link.active[data-v-92561e89]{background-color:rgba(var(--arcoblue-6),10%);color:rgb(var(--arcoblue-6))}.block-nav-mobile[data-v-92561e89]{display:none}@media screen and (max-width:480px){.block-nav[data-v-92561e89]{display:none}.block-nav-mobile[data-v-92561e89]{display:block}.block-nav-mobile #block-item-wrapper[data-v-92561e89]{background-color:var(--color-bg-2);border-radius:var(--border-radius-small);display:flex;flex-wrap:wrap;padding:10px 10px 4px}.block-nav-mobile #block-item-wrapper .block-item[data-v-92561e89]{margin-bottom:6px}.block-nav-mobile #block-item-wrapper .block-item .block-item-link[data-v-92561e89]{border-radius:var(--border-radius-small);color:var(--color-text-1);display:block;font-size:15px;height:24px;line-height:24px;padding:0 12px;transition:color .3s}.block-nav-mobile #block-item-wrapper .block-item .block-item-link.active[data-v-92561e89]{background-color:rgba(var(--arcoblue-6),10%);color:rgb(var(--arcoblue-6))}}.ml-20[data-v-b80e3d6f]{margin-left:20px}.mr-20[data-v-b80e3d6f]{margin-right:20px}.ellipsis[data-v-b80e3d6f]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fix-width[data-v-b80e3d6f]{width:1180px}.fix-width[data-v-b80e3d6f],.responsive-width[data-v-b80e3d6f]{margin:14px auto 0;padding-left:12px;padding-right:12px}.responsive-width[data-v-b80e3d6f]{max-width:1180px;width:100%}.status .mastering[data-v-b80e3d6f]{color:#f7ba1e}.easy[data-v-b80e3d6f],.easy[data-v-b80e3d6f]:hover,.status .mastered[data-v-b80e3d6f]{color:#00b42a}.medium[data-v-b80e3d6f],.medium[data-v-b80e3d6f]:hover{color:#f7ba1e}.hard[data-v-b80e3d6f],.hard[data-v-b80e3d6f]:hover{color:#f53f3f}.extreme[data-v-b80e3d6f],.extreme[data-v-b80e3d6f]:hover{color:#f5319d}.medium-zoom-overlay[data-v-b80e3d6f]{z-index:404}.medium-zoom-image--opened[data-v-b80e3d6f]{z-index:405}.left-wrapper[data-v-b80e3d6f]{display:flex}.left-wrapper .block-wrapper[data-v-b80e3d6f]{position:relative}.left-wrapper .post-wrapper[data-v-b80e3d6f]{flex:1;min-height:calc(100vh - 100px)}.left-wrapper .post-wrapper .post-header[data-v-b80e3d6f]{background-color:var(--color-bg-2);border-radius:var(--border-radius-small);display:flex;padding:10px}.left-wrapper .post-wrapper .post-header .post-header-img[data-v-b80e3d6f]{align-items:center;background-color:var(--color-fill-2);border-radius:var(--border-radius-medium);display:flex;height:64px;justify-content:center;margin-right:10px;overflow:hidden;width:64px}.left-wrapper .post-wrapper .post-header .post-header-img img[data-v-b80e3d6f]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.left-wrapper .post-wrapper .post-header .post-header-img .post-header-icon[data-v-b80e3d6f]{align-items:center;background-color:var(--color-bg-2);border-radius:var(--border-radius-small);border-radius:50%;color:var(--color-text-1);display:flex;font-size:18px;height:50%;justify-content:center;width:50%}.left-wrapper .post-wrapper .post-header .post-header-content[data-v-b80e3d6f]{flex:1}.left-wrapper .post-wrapper .post-header .post-header-content .post-header-top[data-v-b80e3d6f]{display:flex}.left-wrapper .post-wrapper .post-header .post-header-content .post-header-top .post-header-top-left[data-v-b80e3d6f]{flex:1}.left-wrapper .post-wrapper .post-header .post-header-content .post-header-top .post-header-top-left .post-header-top-title[data-v-b80e3d6f]{align-items:center;color:var(--color-text-1);display:flex;font-size:16px;font-weight:500;margin:0 0 8px}.left-wrapper .post-wrapper .post-header .post-header-content .post-header-top .post-header-top-left .post-header-top-title .block-item-link[data-v-b80e3d6f]{color:rgb(var(--arcoblue-6))}.left-wrapper .post-wrapper .post-header .post-header-content .post-header-top .post-header-top-left .post-header-top-title .post-header-top-title-divider[data-v-b80e3d6f]{font-size:12px;margin:0 4px}.left-wrapper .post-wrapper .post-header .post-header-content .post-header-top .post-header-top-right .post-header-top-right-text[data-v-b80e3d6f]{color:var(--color-text-3);font-size:13px}.left-wrapper .post-wrapper .post-header .post-header-content .post-header-bottom .post-header-bottom-des[data-v-b80e3d6f]{color:var(--color-text-2);font-size:14px;line-height:18px;word-break:break-all}.left-wrapper .post-wrapper .post-actions[data-v-b80e3d6f]{align-items:center;background-color:var(--color-bg-2);display:flex;justify-content:space-between;padding:0 10px 10px}.left-wrapper .post-wrapper .post-actions .post-action-interest[data-v-b80e3d6f]{color:var(--color-text-2);cursor:pointer;font-size:13px}.left-wrapper .post-wrapper .post-actions .post-action-interest[data-v-b80e3d6f]:hover{color:var(--color-text-1)}.left-wrapper .post-wrapper .post-body[data-v-b80e3d6f]{margin-top:12px}.left-wrapper .post-wrapper .post-body .post-empty[data-v-b80e3d6f]{background-color:var(--color-bg-2);border-radius:var(--border-radius-small)}.left-wrapper .post-wrapper .pagination-wrapper[data-v-b80e3d6f]{background-color:var(--color-bg-2);border-bottom-left-radius:var(--border-radius-small);border-bottom-right-radius:var(--border-radius-small);display:flex;justify-content:flex-end;padding:10px 0}@media screen and (max-width:480px){.left-wrapper[data-v-b80e3d6f]{flex-direction:column}.left-wrapper .block-wrapper[data-v-b80e3d6f]{margin:0}.left-wrapper .post-wrapper .post-header[data-v-b80e3d6f]{display:none}}.ml-20[data-v-21369ab2]{margin-left:20px}.mr-20[data-v-21369ab2]{margin-right:20px}.ellipsis[data-v-21369ab2]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fix-width[data-v-21369ab2]{width:1180px}.fix-width[data-v-21369ab2],.responsive-width[data-v-21369ab2]{margin:14px auto 0;padding-left:12px;padding-right:12px}.responsive-width[data-v-21369ab2]{max-width:1180px;width:100%}.status .mastering[data-v-21369ab2]{color:#f7ba1e}.easy[data-v-21369ab2],.easy[data-v-21369ab2]:hover,.status .mastered[data-v-21369ab2]{color:#00b42a}.medium[data-v-21369ab2],.medium[data-v-21369ab2]:hover{color:#f7ba1e}.hard[data-v-21369ab2],.hard[data-v-21369ab2]:hover{color:#f53f3f}.extreme[data-v-21369ab2],.extreme[data-v-21369ab2]:hover{color:#f5319d}.medium-zoom-overlay[data-v-21369ab2]{z-index:404}.medium-zoom-image--opened[data-v-21369ab2]{z-index:405}.post-page[data-v-21369ab2]{display:flex;flex-wrap:wrap;padding-bottom:40px}.post-page .left[data-v-21369ab2]{flex:1;max-width:100%}.post-page .right[data-v-21369ab2]{display:flex;flex-direction:column;width:270px}@media screen and (max-width:480px){.post-page .left[data-v-21369ab2]{margin:0}.post-page .right[data-v-21369ab2]{display:none}}