.community-left-sidebar[data-v-cc61abf0],.sidebar-content[data-v-cc61abf0]{display:flex;flex-direction:column}.sidebar-content[data-v-cc61abf0]{background:#fff;border-radius:16px;padding:20px;gap:8px;height:100%}.write-btn[data-v-cc61abf0]{display:flex;align-items:center;justify-content:center;gap:4px;height:48px;background:#1d1d1f;border-radius:999px;cursor:pointer;transition:opacity .2s;color:#fff;text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:24px;margin-top:8px}.write-btn[data-v-cc61abf0]:hover{opacity:.85}.write-btn img[data-v-cc61abf0]{width:16px;height:16px;flex-shrink:0}.source-nav[data-v-cc61abf0]{display:flex;flex-direction:column;gap:8px;flex:1}.source-item[data-v-cc61abf0]{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 16px;color:#424245;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:24px;cursor:pointer;transition:all .2s ease;border-radius:999px}.source-item img[data-v-cc61abf0]{width:20px;height:20px;flex-shrink:0}.source-item.active[data-v-cc61abf0],.source-item[data-v-cc61abf0]:hover{background:#f5f5f7;color:#1d1d1f}.community-task-pay[data-v-51ed3712]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.taskpay-card[data-v-51ed3712]{min-width:0;overflow:hidden;display:flex;flex-direction:column;color:inherit;text-decoration:none;background:#fff;border-radius:16px}.taskpay-card[data-v-51ed3712]:hover{box-shadow:0 4px 30px 0 rgba(0,0,0,.1)}.taskpay-card-image[data-v-51ed3712]{position:relative;flex-shrink:0;width:100%;height:180px;overflow:hidden;background:#e9e9e9}.taskpay-card-image>img[data-v-51ed3712]{position:absolute;display:block;max-width:none;-o-object-fit:cover;object-fit:cover;pointer-events:none}.taskpay-card--rig-studio .taskpay-card-image>img[data-v-51ed3712]{top:0;left:50%;width:136.33%;height:100%;transform:translateX(-50%)}.taskpay-card--affiliate-program .taskpay-card-image>img[data-v-51ed3712]{top:0;left:50%;width:132.64%;height:100%;transform:translateX(-50%)}.taskpay-card--shotmate .taskpay-card-image>img[data-v-51ed3712]{right:-6.27%;bottom:0;width:126.11%;height:125.56%}.taskpay-card--task-center .taskpay-card-image>img[data-v-51ed3712]{top:-20%;left:-54.83%;width:185.9%;height:140%}.taskpay-card-tag[data-v-51ed3712]{position:absolute;top:12px;left:12px;z-index:1;padding:4px 12px;color:#000;background:hsla(0,0%,100%,.9);border-radius:13px;font-family:Montserrat;font-size:11px;font-weight:600;line-height:19px;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}.taskpay-card-body[data-v-51ed3712]{flex:1;display:flex;flex-direction:column;padding:20px 24px 29px}.taskpay-card-title[data-v-51ed3712]{margin:0;color:#1d1d1f;font-family:Inter;font-size:18px;font-weight:600;line-height:28px}.taskpay-card-description[data-v-51ed3712]{margin-top:8px;height:66px}.taskpay-card-action[data-v-51ed3712],.taskpay-card-description[data-v-51ed3712]{color:#424245;font-family:Inter;font-size:14px;font-weight:400;line-height:22px}.taskpay-card-action[data-v-51ed3712]{margin-top:24px;display:flex;align-items:center;gap:4px;width:-moz-max-content;width:max-content}.taskpay-card-action img[data-v-51ed3712]{width:16px;height:16px}.task-center-grid[data-v-a978fa7c]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.task-card[data-v-a978fa7c]{box-sizing:border-box;min-width:0;padding:8px 8px 16px;overflow:hidden;background:#fff;border-radius:16px;color:inherit;text-decoration:none;cursor:pointer;transition:box-shadow .2s ease}.task-card[data-v-a978fa7c]:focus-visible,.task-card[data-v-a978fa7c]:hover{box-shadow:0 4px 30px rgba(0,0,0,.1);outline:none}.task-card:focus-visible .task-card-image>img[data-v-a978fa7c],.task-card:hover .task-card-image>img[data-v-a978fa7c]{transform:scale(1.03)}.task-card:focus-visible .task-card-action[data-v-a978fa7c],.task-card:hover .task-card-action[data-v-a978fa7c]{color:#fff;background:#1d1d1f}.task-card:focus-visible .task-card-action img[data-v-a978fa7c],.task-card:hover .task-card-action img[data-v-a978fa7c]{filter:invert(1)}.task-card-image[data-v-a978fa7c]{position:relative;width:100%;aspect-ratio:367/206;overflow:hidden;background:#e5e7eb;border-radius:12px}.task-card-image>img[data-v-a978fa7c]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .25s ease}.task-card-type[data-v-a978fa7c]{position:absolute;top:8px;left:8px;max-width:calc(100% - 16px);padding:4px 12px;overflow:hidden;color:#fff;background:rgba(0,0,0,.55);border-radius:13px;font-family:Montserrat;font-size:11px;font-weight:600;line-height:17px;letter-spacing:1px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.task-card-body[data-v-a978fa7c]{width:calc(100% - 24px);margin:16px auto 0;gap:12px}.task-card-body[data-v-a978fa7c],.task-card-main[data-v-a978fa7c],.task-card-summary[data-v-a978fa7c]{display:flex;flex-direction:column}.task-card-main[data-v-a978fa7c]{gap:16px}.task-card-summary[data-v-a978fa7c]{gap:8px}.task-card-title[data-v-a978fa7c]{height:48px;overflow:hidden;color:#1d1d1f;font-size:16px;font-weight:600;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.task-card-reward[data-v-a978fa7c]{box-sizing:border-box;display:flex;align-items:center;gap:4px;width:-moz-fit-content;width:fit-content;max-width:100%;height:28px;padding:2px 8px;overflow:hidden;border-radius:8px;font-size:14px;font-weight:500;line-height:16px}.task-card-reward.is-cash[data-v-a978fa7c]{color:#24b17e;background:rgba(36,177,126,.1)}.task-card-reward.is-product[data-v-a978fa7c]{color:#ff8a1f;background:rgba(255,138,31,.1)}.task-card-reward img[data-v-a978fa7c]{flex:0 0 14px;width:14px;height:14px}.task-card-reward span[data-v-a978fa7c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-card-divider[data-v-a978fa7c]{width:100%;height:1px;background:#eee}.task-card-footer[data-v-a978fa7c]{justify-content:space-between;gap:8px}.task-card-date[data-v-a978fa7c],.task-card-footer[data-v-a978fa7c]{min-width:0;display:flex;align-items:center}.task-card-date[data-v-a978fa7c]{gap:6px;color:#86868b;font-size:13px;font-weight:400;line-height:19.5px}.task-card-date img[data-v-a978fa7c]{flex:0 0 14px;width:14px;height:14px}.task-card-date span[data-v-a978fa7c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-card-action[data-v-a978fa7c]{flex-shrink:0;display:flex;align-items:center;gap:6px;height:29px;padding:0 12px;color:#17130d;font-size:14px;font-weight:600;line-height:21px;border-radius:22369600px}.task-card-action img[data-v-a978fa7c]{width:14px;height:14px;transition:filter .2s ease}.task-center-empty[data-v-a978fa7c]{height:402px;padding:0 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border-radius:16px;text-align:center}.task-center-empty>img[data-v-a978fa7c]{width:72px;height:72px}.task-center-empty h2[data-v-a978fa7c]{margin-top:16px;color:#1d1d1f;font-family:Montserrat;font-size:20px;font-weight:600;line-height:28px}.task-center-empty p[data-v-a978fa7c]{margin-top:8px;color:#6e6e73;font-size:16px;font-weight:400;line-height:24px}.task-center-load-more[data-v-a978fa7c]{box-sizing:border-box;min-width:134px;height:40px;margin:20px auto 0;padding:0 24px;display:flex;align-items:center;justify-content:center;color:#1d1d1f;background:transparent;border:1px solid #1d1d1f;border-radius:999px;font-size:16px;font-weight:400;line-height:26px;cursor:pointer}.task-center-load-more[data-v-a978fa7c]:disabled{cursor:default;opacity:.55}@keyframes el-skeleton-loading-14ad6974{0%{background-position:100% 50%}to{background-position:0 50%}}.is-animated[data-v-14ad6974]{background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading-14ad6974 2s ease infinite}.skeleton-block[data-v-14ad6974]{flex-shrink:0}.community-skeleton[data-v-14ad6974]{min-height:100vh;background:#f5f5f7}.skeleton-nav[data-v-14ad6974]{background:#fff}.skeleton-nav-inner[data-v-14ad6974]{max-width:1450px;margin:0 auto;height:64px;display:flex;justify-content:space-between;align-items:center;gap:32px}.skeleton-tabs[data-v-14ad6974]{display:flex;gap:8px}.skeleton-banner[data-v-14ad6974]{max-width:1450px;padding:16px 100px;background-color:#fff;margin:20px auto 0;display:flex;align-items:center;justify-content:space-between;border-radius:16px;border:1px solid rgba(229,231,235,.8)}.skeleton-img-icon[data-v-14ad6974]{width:48px;height:48px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.skeleton-content[data-v-14ad6974]{max-width:1450px;display:flex;gap:20px;margin:20px auto 0}.skeleton-left[data-v-14ad6974]{width:274px;height:100vh;flex-shrink:0;display:flex;flex-direction:column;gap:20px;padding:20px;background:#fff;border-radius:16px}.skeleton-source-list[data-v-14ad6974]{display:flex;flex-direction:column;gap:8px}.skeleton-center[data-v-14ad6974]{flex:1;min-width:0;display:flex;flex-direction:column;gap:20px}.skeleton-topic-bar[data-v-14ad6974]{padding:13px 20px;justify-content:space-between;align-items:center;gap:10px}.skeleton-post-card[data-v-14ad6974],.skeleton-topic-bar[data-v-14ad6974]{background:#fff;display:flex;border-radius:16px}.skeleton-post-card[data-v-14ad6974]{padding:20px;gap:18px}.skeleton-post-header[data-v-14ad6974]{display:flex;align-items:center;gap:10px;margin-bottom:14px}.skeleton-post-meta[data-v-14ad6974]{flex:1}.skeleton-post-footer[data-v-14ad6974]{display:flex;gap:20px;padding-top:14px;border-top:1px solid #f0f0f2}.skeleton-right[data-v-14ad6974]{width:350px;flex-shrink:0;display:flex;flex-direction:column;gap:20px}.skeleton-right-card[data-v-14ad6974]{background:#fff;border-radius:16px;padding:20px}.is-task-center .skeleton-banner[data-v-14ad6974]{box-sizing:border-box;height:200px;padding:0 100px}.is-task-center .skeleton-left[data-v-14ad6974]{height:542px}.skeleton-center.task-center-skeleton[data-v-14ad6974]{gap:0}.task-center-skeleton-grid[data-v-14ad6974]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.task-center-skeleton-card[data-v-14ad6974]{position:relative;box-sizing:border-box;height:390px;overflow:hidden;background:#fff}.task-center-skeleton-card[data-v-14ad6974],.task-center-skeleton-image[data-v-14ad6974]{border:1px solid rgba(229,231,235,.8);border-radius:16px}.task-center-skeleton-image[data-v-14ad6974]{position:absolute;top:8px;right:10px;left:7px;height:200px}.task-center-skeleton-title[data-v-14ad6974]{position:absolute;top:222px;right:19px;left:19px;height:43px;border-radius:8px}.task-center-skeleton-rewards[data-v-14ad6974]{position:absolute;top:278px;left:19px;display:flex;gap:4px}.task-center-skeleton-rewards>div[data-v-14ad6974]{width:109px;height:23px;border-radius:8px}.task-center-skeleton-divider[data-v-14ad6974]{position:absolute;top:325px;right:19px;left:19px;height:1px;background:#eee}.task-center-skeleton-action[data-v-14ad6974],.task-center-skeleton-date[data-v-14ad6974]{position:absolute;top:346px;height:23px;border-radius:8px}.task-center-skeleton-date[data-v-14ad6974]{left:19px;width:162px}.task-center-skeleton-action[data-v-14ad6974]{right:19px;width:97px}.tutorial-hero[data-v-793a6d5f]{width:100%;height:200px;cursor:pointer;border-radius:16px;overflow:hidden;background:url(//static-test.smallrig.net/mall/static/pc/common/svg/community/tutorials/banner-bg.svg) no-repeat 50%/cover}.tutorial-hero-mask[data-v-793a6d5f]{width:100%;height:100%;background:rgba(0,0,0,.2)}.tutorial-hero-content[data-v-793a6d5f]{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:24px;height:100%;padding:32px 100px;box-sizing:border-box}.tutorial-hero-title-group[data-v-793a6d5f]{display:flex;flex-direction:column;gap:8px;min-width:0}.tutorial-hero-title[data-v-793a6d5f]{margin:0;color:#fff;font-family:Montserrat;font-size:24px;font-weight:600;line-height:34px}.tutorial-hero-subtitle[data-v-793a6d5f]{margin:0;color:#fff;font-family:Inter;font-size:18px;font-weight:400;line-height:28px}.tutorial-hero-share-btn[data-v-793a6d5f]{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:40px;min-width:134px;padding:0 24px;box-sizing:border-box;border-radius:310px;background:#fff;color:#1d1d1f;font-family:Inter;font-size:16px;font-weight:400;line-height:26px;cursor:pointer;transition:opacity .2s}.tutorial-hero-share-btn[data-v-793a6d5f]:hover{opacity:.85}.tutorial-filter-bar[data-v-b84ff738]{height:56px;padding:12px 20px;background:#fff;border-radius:12px}.filter-search[data-v-b84ff738],.tutorial-filter-bar[data-v-b84ff738]{display:flex;align-items:center;gap:16px;box-sizing:border-box}.filter-search[data-v-b84ff738]{flex:1;height:100%;padding:4px 24px;border:1px solid #ccc;border-radius:100px}.filter-search .search-icon[data-v-b84ff738]{width:16px;height:16px;flex-shrink:0;cursor:pointer}.filter-search .search-input[data-v-b84ff738]{flex:1;min-width:0;border:0;outline:none;background:transparent;color:#1d1d1f;font-family:Inter;font-size:16px;font-weight:400;line-height:24px}.filter-search .search-input[data-v-b84ff738]::-moz-placeholder{color:#6e6e73}.filter-search .search-input[data-v-b84ff738]::placeholder{color:#6e6e73}.filter-search .search-clear-icon[data-v-b84ff738]{width:16px;height:16px;flex-shrink:0;cursor:pointer}.filter-dropdown[data-v-b84ff738]{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;height:100%;padding:4px 16px;box-sizing:border-box;border:1px solid #ccc;border-radius:100px;cursor:pointer}.filter-dropdown .dropdown-label[data-v-b84ff738]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1d1d1f;font-family:Inter;font-size:16px;font-weight:400;line-height:24px}.filter-dropdown .dropdown-label.placeholder[data-v-b84ff738]{color:#6e6e73}.filter-dropdown .dropdown-icon[data-v-b84ff738]{width:16px;height:16px;flex-shrink:0;transition:transform .2s ease}.filter-dropdown.expanded .dropdown-icon[data-v-b84ff738]{transform:rotate(180deg)}.filter-dropdown.sort-dropdown[data-v-b84ff738]{border:0;padding:0;width:24px;height:24px}.filter-dropdown.sort-dropdown .sort-icon[data-v-b84ff738]{width:24px;height:24px;display:block}.filter-dropdown.sort-dropdown .dropdown-panel[data-v-b84ff738]{left:auto;right:0;min-width:160px}.filter-dropdown[data-v-b84ff738]:not(.sort-dropdown){width:160px}.posted-by-dropdown[data-v-b84ff738]{width:140px}.posted-by-dropdown .dropdown-option[data-v-b84ff738]{min-height:40px}.dropdown-panel[data-v-b84ff738]{position:absolute;top:calc(100% + 8px);left:0;min-width:100%;padding:8px 0;box-sizing:border-box;background:#fff;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.12);z-index:30}.dropdown-search[data-v-b84ff738]{padding:4px 12px 12px}.dropdown-search .dropdown-search-input[data-v-b84ff738]{width:100%;height:32px;padding:0 8px;box-sizing:border-box;border:1px solid #eee;outline:none;border-radius:8px;color:#1d1d1f;font-family:Inter;font-size:14px;line-height:22px}.dropdown-search .dropdown-search-input[data-v-b84ff738]::-moz-placeholder{color:#6e6e73}.dropdown-search .dropdown-search-input[data-v-b84ff738]::placeholder{color:#6e6e73}.dropdown-options[data-v-b84ff738]{max-height:280px;overflow-y:auto}.product-dropdown-options[data-v-b84ff738]{scrollbar-width:thin;scrollbar-color:#d2d2d7 transparent}.product-dropdown-options[data-v-b84ff738]::-webkit-scrollbar{width:6px}.product-dropdown-options[data-v-b84ff738]::-webkit-scrollbar-track{background:transparent}.product-dropdown-options[data-v-b84ff738]::-webkit-scrollbar-thumb{background:#d2d2d7;border-radius:3px}.product-dropdown-options[data-v-b84ff738]::-webkit-scrollbar-thumb:hover{background:#b4b4b4}.dropdown-option[data-v-b84ff738]{display:flex;align-items:center;min-height:32px;padding:0 16px;box-sizing:border-box;color:#86868b;font-family:Inter;font-size:16px;font-weight:400;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.dropdown-option.active[data-v-b84ff738],.dropdown-option[data-v-b84ff738]:hover{background:#f5f5f7;color:#1d1d1f}.dropdown-empty[data-v-b84ff738]{padding:16px 12px;color:#86868b;font-family:Inter;font-size:14px;line-height:22px;text-align:center}.tutorial-list[data-v-24b78733]{display:flex;flex-direction:column;gap:20px;margin-top:16px;--empty-icon-width:65px;--empty-icon-height:61px}.tutorial-list.is-empty[data-v-24b78733]{min-height:400px;padding:0 20px}.tutorial-list.is-empty[data-v-24b78733],.tutorial-search-empty[data-v-24b78733]{background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center}.tutorial-search-empty[data-v-24b78733]{width:100%;height:470px;box-sizing:border-box;flex-direction:column;text-align:center}.tutorial-search-empty .search-empty-icon[data-v-24b78733]{width:72px;height:72px;margin-bottom:24px}.tutorial-search-empty .search-empty-title[data-v-24b78733]{color:rgba(0,0,0,.85);font-family:Inter;font-size:20px;font-weight:600;line-height:24px;margin-bottom:12px}.tutorial-search-empty .search-empty-subtitle[data-v-24b78733]{color:#6e6e73;font-family:Inter;font-size:14px;font-weight:400;line-height:22px}.load-more-sentinel[data-v-24b78733]{width:100%;height:1px;flex-shrink:0}.no-more[data-v-24b78733]{display:flex;align-items:center;justify-content:center;padding:30px 0;color:#86868b;font-size:14px;text-align:center}.no-more[data-v-24b78733]:after,.no-more[data-v-24b78733]:before{content:"";flex:1;height:1px;background:#e5e5e5;margin:0 16px}.community-home-page[data-v-41a5ffd5]{min-height:100vh;background-color:#f5f5f7}.community-banner[data-v-41a5ffd5]{max-width:1450px;margin:0 auto;padding:20px 0 0;--adv-btn-mt:24px}.community-banner[data-v-41a5ffd5] .adv-wrapper-image-scale{border-radius:12px;overflow:hidden}.community-banner[data-v-41a5ffd5] .advertisement-pagination-circle-warp{display:none}.taskpay-content-spacing[data-v-41a5ffd5]{height:45px}.community-main-content[data-v-41a5ffd5]{max-width:1450px;margin:0 auto;display:flex;gap:20px;padding-bottom:120px}.community-main-content .community-left-col[data-v-41a5ffd5]{width:274px;flex-shrink:0;position:sticky;top:84px;align-self:flex-start;overflow-y:auto;background-color:#fff;border-radius:16px}.community-main-content .community-center-col[data-v-41a5ffd5]{flex:1;min-width:0}.community-main-content .community-right-col[data-v-41a5ffd5]{width:350px;flex-shrink:0}.tutorial-main-content[data-v-41a5ffd5]{max-width:1450px;margin:0 auto;padding:20px 0 120px}.tutorial-content-row[data-v-41a5ffd5]{display:flex;gap:20px;margin-top:20px}.tutorial-content-row .tutorial-left-col[data-v-41a5ffd5]{width:274px;flex-shrink:0;position:sticky;top:84px;align-self:flex-start}.tutorial-content-row .tutorial-center-col[data-v-41a5ffd5]{flex:1;min-width:0;max-width:786px}.tutorial-content-row .tutorial-right-col[data-v-41a5ffd5]{width:350px;flex-shrink:0}