@font-face{font-display:swap;font-family:TheNightWatch;font-style:normal;font-weight:400;src:url(../font/TheNightWatch.ttf) format("truetype"),url(./TheNightWatch-CfJSSF9j.ttf) format("truetype")}@font-face{font-display:swap;font-family:HarmonyOS_Sans_SC;font-style:normal;font-weight:400;src:url(../font/HarmonyOS_Sans_SC_Medium.ttf) format("truetype"),url(./HarmonyOS_Sans_SC_Medium-C0JYcCxp.ttf) format("truetype")}@font-face{font-display:swap;font-family:Archivo Black;font-style:normal;font-weight:400;src:url(../font/Archivoblack.ttf) format("truetype"),url(./Archivoblack-BXeqSQqd.ttf) format("truetype")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/font/Inter.otf) format("truetype"),url(./inter-B3d6VThR.otf) format("truetype")}[data-v-ac3b4001]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.trending-page[data-v-ac3b4001]{--tp-bg:#f8f8f8;--tp-white:#fff;--tp-ink:#101828;--tp-ink-2:#364153;--tp-muted:#6a7282;--tp-faint:#99a1af;--tp-rank-mute:#d1d5dc;--tp-gold:#d4920a;--tp-silver:#888;--tp-bronze:#b05e2a;--tp-up:#ff2056;--tp-down:#00bcff;--tp-new:#096;--tp-new-bg:#ecfdf5;--tp-track:#f3f4f6;--tp-row-line:#f9fafb;--tp-head-line:#f3f4f6;--tp-ease:cubic-bezier(.16,1,.3,1);--tp-font:"HarmonyOS Sans",HarmonyOS_Sans_SC,"HarmonyOS Sans SC","Segoe UI",system-ui,-apple-system,sans-serif;background:var(--tp-bg);color:var(--tp-ink);font-family:var(--tp-font);min-height:100dvh;padding:calc(var(--eclife-header-h, 3vw) + 20px) 0 48px}.trending-page[data-v-ac3b4001],.trending-page__inner[data-v-ac3b4001]{-webkit-box-sizing:border-box;box-sizing:border-box}.trending-page__inner[data-v-ac3b4001]{margin:0 auto;max-width:1024px;padding:0 64px;width:100%}.trending-header[data-v-ac3b4001]{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0;min-height:56px}.trending-header__title[data-v-ac3b4001]{color:var(--tp-ink);font-family:HarmonyOS Sans SC;font-size:28px;font-weight:700;line-height:24px;margin:0;white-space:nowrap}.period-switch[data-v-ac3b4001]{background:var(--tp-track);border-radius:12px;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:4px;padding:4px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.period-switch__btn[data-v-ac3b4001]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:8px;color:var(--tp-muted);cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;line-height:20px;padding:4px 12px;text-transform:capitalize;-webkit-transition:color .3s var(--tp-ease),background .3s var(--tp-ease),-webkit-box-shadow .3s var(--tp-ease),-webkit-transform .2s var(--tp-ease);transition:color .3s var(--tp-ease),background .3s var(--tp-ease),-webkit-box-shadow .3s var(--tp-ease),-webkit-transform .2s var(--tp-ease);transition:color .3s var(--tp-ease),background .3s var(--tp-ease),box-shadow .3s var(--tp-ease),transform .2s var(--tp-ease);transition:color .3s var(--tp-ease),background .3s var(--tp-ease),box-shadow .3s var(--tp-ease),transform .2s var(--tp-ease),-webkit-box-shadow .3s var(--tp-ease),-webkit-transform .2s var(--tp-ease)}.period-switch__btn[data-v-ac3b4001]:hover{color:var(--tp-ink)}.period-switch__btn[data-v-ac3b4001]:active{-webkit-transform:scale(.98);transform:scale(.98)}.period-switch__btn[data-v-ac3b4001]:focus-visible{outline:2px solid var(--tp-gold);outline-offset:2px}.period-switch__btn.is-active[data-v-ac3b4001]{background:var(--tp-white);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000001a;color:var(--tp-ink)}.trending-body[data-v-ac3b4001]{padding:24px 0 0;-webkit-transition:opacity .3s var(--tp-ease);transition:opacity .3s var(--tp-ease)}.trending-body.is-switching[data-v-ac3b4001]{opacity:.72}.trending-empty[data-v-ac3b4001]{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;background:var(--tp-white);border-radius:16px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;gap:8px;justify-content:center;min-height:280px;padding:48px 24px;text-align:center}.trending-empty__title[data-v-ac3b4001]{color:var(--tp-ink);font-size:16px;font-weight:700;line-height:24px;margin:0}.trending-empty__desc[data-v-ac3b4001]{color:var(--tp-muted);font-size:14px;font-weight:400;line-height:20px;margin:0}.trending-empty__retry[data-v-ac3b4001]{background:var(--tp-ink);border:none;border-radius:999px;color:var(--tp-white);cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;line-height:20px;margin-top:8px;padding:8px 20px;-webkit-transition:opacity .2s var(--tp-ease);transition:opacity .2s var(--tp-ease)}.trending-empty__retry[data-v-ac3b4001]:hover{opacity:.88}.trending-empty__retry[data-v-ac3b4001]:focus-visible{outline:2px solid var(--tp-gold);outline-offset:2px}.trending-loading[data-v-ac3b4001]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px}.trending-loading__cards[data-v-ac3b4001]{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.trending-skeleton[data-v-ac3b4001]{background:var(--tp-white);border-radius:16px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;overflow:hidden;pointer-events:none;position:relative}.trending-skeleton[data-v-ac3b4001]:after{-webkit-animation:trending-shimmer-ac3b4001 1.4s ease-in-out infinite;animation:trending-shimmer-ac3b4001 1.4s ease-in-out infinite;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(50%,hsla(0,0%,100%,.55)),to(transparent));background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.55) 50%,transparent);content:"";inset:0;position:absolute}.rankings-skeleton[data-v-ac3b4001]{min-height:420px}.rankings__load-more[data-v-ac3b4001]{padding:8px 20px 20px}.rankings__load-more[data-v-ac3b4001],.rankings__load-more-hint[data-v-ac3b4001],.rankings__load-more-status[data-v-ac3b4001]{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.rankings__load-more-hint[data-v-ac3b4001],.rankings__load-more-status[data-v-ac3b4001]{-webkit-justify-content:center;-ms-flex-pack:center;gap:12px;justify-content:center;min-height:56px;padding:12px 0 4px;width:100%}.rankings__load-more-text[data-v-ac3b4001]{color:var(--tp-muted);font-size:14px;font-weight:400;line-height:20px;margin:0;text-align:center}.rankings__load-more-spinner[data-v-ac3b4001]{-webkit-animation:rankings-spin-ac3b4001 .9s linear infinite;animation:rankings-spin-ac3b4001 .9s linear infinite;border:3px solid var(--tp-track);border-radius:50%;border-top-color:var(--tp-muted);height:28px;width:28px}.rankings__sentinel[data-v-ac3b4001]{height:1px;width:100%}@-webkit-keyframes rankings-spin-ac3b4001{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rankings-spin-ac3b4001{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes trending-shimmer-ac3b4001{0%{-webkit-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(100%);transform:translate(100%)}}@keyframes trending-shimmer-ac3b4001{0%{-webkit-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(100%);transform:translate(100%)}}.spotlight[data-v-ac3b4001]{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.spotlight-card[data-v-ac3b4001]{border-radius:16px;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:175.5px;opacity:0;padding:20px;text-decoration:none;-webkit-transform:translateY(12px);transform:translateY(12px);-webkit-transition:-webkit-transform .3s var(--tp-ease),-webkit-box-shadow .3s var(--tp-ease);transition:-webkit-transform .3s var(--tp-ease),-webkit-box-shadow .3s var(--tp-ease);transition:transform .3s var(--tp-ease),box-shadow .3s var(--tp-ease);transition:transform .3s var(--tp-ease),box-shadow .3s var(--tp-ease),-webkit-transform .3s var(--tp-ease),-webkit-box-shadow .3s var(--tp-ease)}.spotlight-card[data-v-ac3b4001]:focus-visible{outline:2px solid var(--tp-gold);outline-offset:3px}.spotlight-card[data-v-ac3b4001]:active{-webkit-transform:scale(.98);transform:scale(.98)}.spotlight.is-ready .spotlight-card[data-v-ac3b4001]{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity .55s var(--tp-ease),-webkit-transform .55s var(--tp-ease),-webkit-box-shadow .3s var(--tp-ease);transition:opacity .55s var(--tp-ease),-webkit-transform .55s var(--tp-ease),-webkit-box-shadow .3s var(--tp-ease);transition:opacity .55s var(--tp-ease),transform .55s var(--tp-ease),box-shadow .3s var(--tp-ease);transition:opacity .55s var(--tp-ease),transform .55s var(--tp-ease),box-shadow .3s var(--tp-ease),-webkit-transform .55s var(--tp-ease),-webkit-box-shadow .3s var(--tp-ease);-webkit-transition-delay:calc(var(--i, 0)*60ms);transition-delay:calc(var(--i, 0)*60ms)}.spotlight-card[data-v-ac3b4001]:hover{-webkit-box-shadow:0 8px 24px rgba(16,24,40,.08);box-shadow:0 8px 24px #10182814;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.spotlight-card--1[data-v-ac3b4001]{background:linear-gradient(148.64deg,#fff3dc,#ffe0a0)}.spotlight-card--2[data-v-ac3b4001]{background:linear-gradient(148.64deg,#f0f0f0,#dcdcdc)}.spotlight-card--3[data-v-ac3b4001]{background:linear-gradient(148.64deg,#fff0e8,#f5d5b8)}.spotlight-card__rank[data-v-ac3b4001]{font-size:12px;font-weight:700;letter-spacing:1.2px;line-height:16px;margin:0;text-transform:uppercase}.spotlight-card--1 .spotlight-card__rank[data-v-ac3b4001],.spotlight-card--1 .spotlight-card__score[data-v-ac3b4001]{color:var(--tp-gold)}.spotlight-card--2 .spotlight-card__rank[data-v-ac3b4001],.spotlight-card--2 .spotlight-card__score[data-v-ac3b4001]{color:var(--tp-silver)}.spotlight-card--3 .spotlight-card__rank[data-v-ac3b4001],.spotlight-card--3 .spotlight-card__score[data-v-ac3b4001]{color:var(--tp-bronze)}.spotlight-card__title[data-v-ac3b4001]{color:var(--tp-ink);font-size:18px;font-weight:700;line-height:24.75px;margin:8px 0 0;min-height:50px}.spotlight-card__foot[data-v-ac3b4001]{-webkit-align-items:flex-end;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-top:auto;padding-top:12px}.spotlight-card__score[data-v-ac3b4001]{font-size:24px;font-weight:900;line-height:32px;margin:0}.spotlight-card__posts[data-v-ac3b4001]{color:var(--tp-muted);font-size:12px;font-weight:400;line-height:16px;margin:2px 0 0}.rankings[data-v-ac3b4001]{background:var(--tp-white);border-radius:16px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;margin-top:32px;overflow:hidden}.rankings__head[data-v-ac3b4001]{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;border-bottom:1px solid var(--tp-head-line);justify-content:space-between;padding:12px 20px}.rankings__title[data-v-ac3b4001]{color:var(--tp-ink-2);font-size:14px;font-weight:700;line-height:20px;margin:0}.rankings__updated[data-v-ac3b4001]{color:var(--tp-faint);font-size:12px;font-weight:400;line-height:16px;margin:0}.rankings__list[data-v-ac3b4001]{list-style:none;margin:0;padding:0}.rank-row[data-v-ac3b4001]{border-bottom:1px solid var(--tp-row-line);opacity:0;padding:0;-webkit-transform:translateY(8px);transform:translateY(8px)}.rank-row[data-v-ac3b4001]:last-child{border-bottom:0}.rank-row__link[data-v-ac3b4001]{-webkit-align-items:center;display:grid;gap:16px;grid-template-columns:28px minmax(0,1fr) 64px 80px 48px;-ms-flex-align:center;align-items:center;color:inherit;padding:12px 20px;text-decoration:none;-webkit-transition:background .25s var(--tp-ease);transition:background .25s var(--tp-ease)}.rank-row__link[data-v-ac3b4001]:hover{background:#fafafa}.rank-row__link[data-v-ac3b4001]:focus-visible{outline:2px solid var(--tp-gold);outline-offset:-2px}.rank-row__link[data-v-ac3b4001]:active{background:#f3f4f6}.rankings__list.is-ready .rank-row[data-v-ac3b4001]{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity .45s var(--tp-ease),background .25s var(--tp-ease),-webkit-transform .45s var(--tp-ease);transition:opacity .45s var(--tp-ease),background .25s var(--tp-ease),-webkit-transform .45s var(--tp-ease);transition:opacity .45s var(--tp-ease),transform .45s var(--tp-ease),background .25s var(--tp-ease);transition:opacity .45s var(--tp-ease),transform .45s var(--tp-ease),background .25s var(--tp-ease),-webkit-transform .45s var(--tp-ease);-webkit-transition-delay:calc(.12s + min(var(--i, 0),12)*28ms);transition-delay:calc(.12s + min(var(--i, 0),12)*28ms)}.rank-row__num[data-v-ac3b4001]{color:var(--tp-rank-mute);font-size:14px;font-weight:900;line-height:20px;text-align:center}.rank-row__num.is-gold[data-v-ac3b4001]{color:var(--tp-gold)}.rank-row__num.is-silver[data-v-ac3b4001]{color:var(--tp-silver)}.rank-row__num.is-bronze[data-v-ac3b4001]{color:var(--tp-bronze)}.rank-row__topic[data-v-ac3b4001]{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:20px;min-width:0;overflow:hidden}.rank-row__name[data-v-ac3b4001]{color:var(--tp-ink);font-size:14px;font-weight:700;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-hot__label[data-v-ac3b4001]{display:block;height:18px;-o-object-fit:contain;object-fit:contain;pointer-events:none;width:48x}.rank-row__score[data-v-ac3b4001]{color:var(--tp-ink-2);font-size:14px;font-weight:700;line-height:20px}.rank-row__posts[data-v-ac3b4001],.rank-row__score[data-v-ac3b4001]{text-align:right;white-space:nowrap}.rank-row__posts[data-v-ac3b4001]{color:var(--tp-faint);font-size:12px;font-weight:400;line-height:16px}.rank-row__change[data-v-ac3b4001]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;-ms-flex-pack:end;-webkit-align-items:center;justify-content:flex-end;-ms-flex-align:center;align-items:center;min-height:16px}.change-up[data-v-ac3b4001]{color:var(--tp-up)}.change-down[data-v-ac3b4001],.change-up[data-v-ac3b4001]{font-size:12px;font-weight:700;line-height:16px;white-space:nowrap}.change-down[data-v-ac3b4001]{color:var(--tp-down)}.change-flat[data-v-ac3b4001]{color:var(--tp-rank-mute);font-size:14px;font-weight:400;line-height:20px}.badge-new[data-v-ac3b4001]{-webkit-align-items:center;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;background:var(--tp-new-bg);border-radius:6px;color:var(--tp-new);font-size:10px;font-weight:700;justify-content:center;line-height:10px;padding:2px 6px;white-space:nowrap}@media (max-width:1024px){.trending-page__inner[data-v-ac3b4001]{padding:0 32px}}@media (max-width:768px){.trending-page[data-v-ac3b4001]{padding:calc(var(--eclife-header-h, 3vw) + 12px) 0 32px}.trending-page__inner[data-v-ac3b4001]{padding:0 16px}.trending-header[data-v-ac3b4001]{-webkit-align-items:stretch;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;gap:16px;min-height:0;padding-bottom:4px}.trending-header__title[data-v-ac3b4001]{font-size:22px;line-height:28px;text-align:left;white-space:normal}.period-switch[data-v-ac3b4001]{-webkit-align-self:flex-start;position:static;-webkit-transform:none;transform:none;-ms-flex-item-align:start;align-self:flex-start;-webkit-justify-content:stretch;width:100%;-ms-flex-pack:stretch;justify-content:stretch}.period-switch__btn[data-v-ac3b4001]{-webkit-flex:1;-ms-flex:1;flex:1;text-align:center}.trending-body[data-v-ac3b4001]{padding-top:16px}.spotlight[data-v-ac3b4001],.trending-loading__cards[data-v-ac3b4001]{grid-template-columns:1fr}.spotlight-card__title[data-v-ac3b4001]{min-height:0}.rankings[data-v-ac3b4001]{margin-top:20px}.rank-row__link[data-v-ac3b4001]{gap:8px 12px;grid-template-areas:"num topic score change";grid-template-columns:24px minmax(0,1fr) auto auto;padding:14px 16px}.rank-row__num[data-v-ac3b4001]{grid-area:num}.rank-row__topic[data-v-ac3b4001]{gap:8px;grid-area:topic}.rank-row__name[data-v-ac3b4001]{display:-webkit-box;white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.rank-row__score[data-v-ac3b4001]{grid-area:score}.rank-row__posts[data-v-ac3b4001]{display:none}.rank-row__change[data-v-ac3b4001]{grid-area:change}}@media (prefers-reduced-motion:reduce){.period-switch__btn[data-v-ac3b4001],.rank-row[data-v-ac3b4001],.rank-row__link[data-v-ac3b4001],.rankings__list.is-ready .rank-row[data-v-ac3b4001],.spotlight-card[data-v-ac3b4001],.spotlight.is-ready .spotlight-card[data-v-ac3b4001]{opacity:1!important;-webkit-transform:none!important;transform:none!important;-webkit-transition:none!important;transition:none!important}.rankings__load-more-spinner[data-v-ac3b4001]{-webkit-animation:none;animation:none}}