.pin-page[data-wefat-page-scope=p-322da8b258827479]{padding-bottom:calc(var(--jj-tabbar-height, calc(104 * var(--wefat-rpx))) + calc(26 * var(--wefat-rpx)) + constant(safe-area-inset-bottom));padding-bottom:calc(var(--jj-tabbar-height, calc(104 * var(--wefat-rpx))) + calc(26 * var(--wefat-rpx)) + env(safe-area-inset-bottom))}.pin-page.following-mode[data-wefat-page-scope=p-322da8b258827479]{background:var(--jj-surface)}.pin-sticky[data-wefat-page-scope=p-322da8b258827479]{position:sticky;top:0;z-index:20;width:100%;background:var(--jj-surface)}.pin-navigation[data-wefat-page-scope=p-322da8b258827479]{width:100vw;height:100%;display:flex;align-items:stretch;justify-content:center;gap:calc(72 * var(--wefat-rpx))}.top-tab[data-wefat-page-scope=p-322da8b258827479]{position:relative;min-width:calc(76 * var(--wefat-rpx));display:flex;align-items:center;justify-content:center;color:var(--jj-text-2);font-size:calc(29 * var(--wefat-rpx))}.top-tab.active[data-wefat-page-scope=p-322da8b258827479]{color:var(--jj-blue);font-weight:600}.top-tab.active[data-wefat-page-scope=p-322da8b258827479]:after{content:"";position:absolute;left:50%;bottom:0;width:calc(32 * var(--wefat-rpx));height:calc(4 * var(--wefat-rpx));border-radius:calc(2 * var(--wefat-rpx));background:var(--jj-blue);transform:translate(-50%)}.topic-section[data-wefat-page-scope=p-322da8b258827479]{padding:calc(24 * var(--wefat-rpx)) 0 calc(22 * var(--wefat-rpx));border-top:calc(1 * var(--wefat-rpx)) solid var(--jj-line)}.block-title[data-wefat-page-scope=p-322da8b258827479]{padding:0 calc(24 * var(--wefat-rpx));font-size:calc(28 * var(--wefat-rpx));font-weight:600}.topic-heading[data-wefat-page-scope=p-322da8b258827479]{display:flex;align-items:center;justify-content:space-between}.joined-topics[data-wefat-page-scope=p-322da8b258827479]{padding-right:calc(24 * var(--wefat-rpx));color:var(--jj-text-3);font-size:var(--jj-font-caption)}.topic-scroll[data-wefat-page-scope=p-322da8b258827479],.selected-scroll[data-wefat-page-scope=p-322da8b258827479]{width:100%;margin-top:calc(20 * var(--wefat-rpx));white-space:nowrap}.topic-scroll[data-wefat-page-scope=p-322da8b258827479]{margin-top:calc(12 * var(--wefat-rpx));padding-top:calc(8 * var(--wefat-rpx));box-sizing:border-box}.topic-item[data-wefat-page-scope=p-322da8b258827479]{position:relative;width:calc(126 * var(--wefat-rpx));margin-left:calc(14 * var(--wefat-rpx));display:inline-flex;flex-direction:column;align-items:center;vertical-align:top}.topic-item:last-child[data-wefat-page-scope=p-322da8b258827479]{margin-right:calc(18 * var(--wefat-rpx))}.topic-icon[data-wefat-page-scope=p-322da8b258827479]{width:calc(78 * var(--wefat-rpx));height:calc(78 * var(--wefat-rpx));border-radius:calc(14 * var(--wefat-rpx));display:flex;align-items:center;justify-content:center;color:var(--jj-blue);background:var(--jj-blue-soft);font-size:calc(24 * var(--wefat-rpx));font-weight:700}.topic-icon [data-wefat-component=image][data-wefat-page-scope=p-322da8b258827479]{width:100%;height:100%;border-radius:inherit}.discover-more[data-wefat-page-scope=p-322da8b258827479]{color:#fff;background:var(--jj-blue);font-size:calc(38 * var(--wefat-rpx))}.topic-name[data-wefat-page-scope=p-322da8b258827479]{width:100%;margin-top:calc(10 * var(--wefat-rpx));color:var(--jj-text-2);font-size:var(--jj-font-caption);text-align:center}.topic-badge[data-wefat-page-scope=p-322da8b258827479]{position:absolute;top:calc(-8 * var(--wefat-rpx));right:calc(7 * var(--wefat-rpx));min-width:calc(38 * var(--wefat-rpx));height:calc(30 * var(--wefat-rpx));padding:0 calc(6 * var(--wefat-rpx));border:calc(3 * var(--wefat-rpx)) solid var(--jj-surface);border-radius:calc(17 * var(--wefat-rpx));box-sizing:border-box;color:#fff;background:#4e5969;font-size:calc(16 * var(--wefat-rpx));line-height:calc(24 * var(--wefat-rpx));text-align:center}.sort-row[data-wefat-page-scope=p-322da8b258827479]{height:calc(76 * var(--wefat-rpx));padding:0 calc(28 * var(--wefat-rpx));display:flex;align-items:center;justify-content:space-between;border-top:calc(1 * var(--wefat-rpx)) solid var(--jj-line)}.sort-label[data-wefat-page-scope=p-322da8b258827479]{color:var(--jj-text-3);font-size:var(--jj-font-caption)}.sort-switch[data-wefat-page-scope=p-322da8b258827479]{padding:calc(2 * var(--wefat-rpx));display:flex;border-radius:calc(30 * var(--wefat-rpx));background:var(--jj-fill)}.sort-switch [data-wefat-component=view][data-wefat-page-scope=p-322da8b258827479]{height:calc(48 * var(--wefat-rpx));padding:0 calc(18 * var(--wefat-rpx));display:flex;align-items:center;border-radius:calc(25 * var(--wefat-rpx));color:var(--jj-text-3);font-size:var(--jj-font-caption)}.sort-switch [data-wefat-component=view].active[data-wefat-page-scope=p-322da8b258827479]{color:var(--jj-text);border:calc(1 * var(--wefat-rpx)) solid var(--jj-text-3);background:var(--jj-surface)}.selected-section[data-wefat-page-scope=p-322da8b258827479]{padding:calc(24 * var(--wefat-rpx)) 0 calc(20 * var(--wefat-rpx));border-bottom:calc(14 * var(--wefat-rpx)) solid var(--jj-bg)}.selected-head[data-wefat-page-scope=p-322da8b258827479]{display:flex;align-items:center;justify-content:space-between}.selected-more[data-wefat-page-scope=p-322da8b258827479]{padding-right:calc(24 * var(--wefat-rpx));color:var(--jj-text-3);font-size:var(--jj-font-caption)}.selected-pin[data-wefat-page-scope=p-322da8b258827479]{width:calc(310 * var(--wefat-rpx));height:calc(128 * var(--wefat-rpx));margin-left:calc(18 * var(--wefat-rpx));padding:calc(16 * var(--wefat-rpx));display:inline-flex;flex-direction:column;vertical-align:top;box-sizing:border-box;border-radius:calc(4 * var(--wefat-rpx));background:var(--jj-fill);white-space:normal}.selected-pin:last-child[data-wefat-page-scope=p-322da8b258827479]{margin-right:calc(18 * var(--wefat-rpx))}.selected-pin-title[data-wefat-page-scope=p-322da8b258827479]{color:var(--jj-blue);font-size:var(--jj-font-caption)}.selected-pin-title [data-wefat-component=text][data-wefat-page-scope=p-322da8b258827479]{margin-right:calc(8 * var(--wefat-rpx));padding:calc(3 * var(--wefat-rpx)) calc(6 * var(--wefat-rpx));border-radius:calc(3 * var(--wefat-rpx));color:#fff;background:var(--jj-blue);font-size:calc(17 * var(--wefat-rpx))}.selected-actions[data-wefat-page-scope=p-322da8b258827479]{margin-top:calc(12 * var(--wefat-rpx));color:var(--jj-text-3);font-size:var(--jj-font-caption)}.cache-note[data-wefat-page-scope=p-322da8b258827479]{color:var(--jj-text-3);font-size:var(--jj-font-caption);text-align:center}.following-login[data-wefat-page-scope=p-322da8b258827479]{min-height:calc(calc(100 * var(--wefat-vh)) - calc(128 * var(--wefat-rpx)));padding:0 calc(40 * var(--wefat-rpx));display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;background:var(--jj-surface)}.following-illustration[data-wefat-page-scope=p-322da8b258827479]{width:calc(230 * var(--wefat-rpx));height:calc(230 * var(--wefat-rpx))}.following-title[data-wefat-page-scope=p-322da8b258827479]{margin-top:calc(30 * var(--wefat-rpx));color:var(--jj-text-2);font-size:calc(27 * var(--wefat-rpx))}.following-button[data-wefat-page-scope=p-322da8b258827479]{width:calc(220 * var(--wefat-rpx));height:var(--jj-touch-target);margin-top:calc(36 * var(--wefat-rpx));display:flex;align-items:center;justify-content:center;border-radius:calc(5 * var(--wefat-rpx));color:#fff;background:var(--jj-blue);font-size:calc(27 * var(--wefat-rpx))}.publish-fab[data-wefat-page-scope=p-322da8b258827479]{position:fixed;z-index:8;right:calc(34 * var(--wefat-rpx));bottom:calc(var(--jj-tabbar-height, calc(104 * var(--wefat-rpx))) + calc(44 * var(--wefat-rpx)) + constant(safe-area-inset-bottom));bottom:calc(var(--jj-tabbar-height, calc(104 * var(--wefat-rpx))) + calc(44 * var(--wefat-rpx)) + env(safe-area-inset-bottom));width:calc(88 * var(--wefat-rpx));height:calc(88 * var(--wefat-rpx));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--jj-blue);box-shadow:0 calc(10 * var(--wefat-rpx)) calc(28 * var(--wefat-rpx)) #1e80ff4d;font-size:calc(42 * var(--wefat-rpx))}.publish-fab [data-wefat-component=image][data-wefat-page-scope=p-322da8b258827479]{width:calc(42 * var(--wefat-rpx));height:calc(42 * var(--wefat-rpx))}