.article-page{padding-bottom:var(--page-bottom-with-nav);overflow-x:hidden}.app-page.article-page>[data-component=bottom-nav]{min-height:64px;margin-bottom:0}.article-page .bottom-nav,.article-page .bottom-nav__viewport{height:64px}.article-page .bottom-nav{flex-basis:64px}.article-page .bottom-nav__track{height:64px;padding:12px 0 16px}.topbar,.page-title-wrap,.article-filter-scroll,.article-feed,.site-footer{width:var(--w-content);margin:0 auto}.topbar{width:var(--w-topbar);justify-content:space-between;align-items:center;height:27px;display:flex}.brand{margin:0}.topbar-actions{justify-content:flex-end;align-items:center;gap:12px;width:auto;height:16px;display:flex}.icon-btn{background:0 0;border:0;place-items:center;width:16px;height:16px;padding:0;display:grid}.icon-image{object-fit:contain;width:16px;height:16px;display:block}.menu-icon{width:12px;height:12px}.page-title-wrap{margin-top:-2px}.article-page>.ad-slot[data-ad-slot=article-top]{width:var(--w-content);margin:6px auto 0}.page-title{color:#f9d366;margin:0;font-size:20px;font-weight:700;line-height:normal}.article-filter-scroll{display:none}.article-filter-scroll::-webkit-scrollbar{display:none}.article-filter-bar{box-sizing:border-box;-webkit-backdrop-filter:blur(14px)saturate(150%);background:#00000057;border:1px solid #ffffff2e;border-radius:80px;align-items:center;gap:6px;min-width:max-content;height:44px;padding:3px;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000003d,inset 0 1px #ffffff1a}.article-filter-thumb{left:var(--filter-offset,3px);width:var(--filter-width,56px);pointer-events:none;z-index:1;will-change:left, width;background:#feb83538;border-radius:80px;height:calc(100% - 6px);transition:left .32s cubic-bezier(.22,1,.36,1),width .32s cubic-bezier(.22,1,.36,1);position:absolute;top:3px;box-shadow:inset 0 1px #ffffff24,0 4px 12px #00000024}.article-filter-bar:before{content:"";border-radius:inherit;opacity:.78;pointer-events:none;z-index:0;background:linear-gradient(#ffffff1a 0%,#ffffff05 30%,#fff0 100%);position:absolute;inset:1px}.article-filter-bar:after{content:"";border-radius:inherit;opacity:1;pointer-events:none;z-index:0;background:#ffffff03;position:absolute;inset:1px}.article-filter-btn{z-index:2;color:#ffffff9e;white-space:nowrap;letter-spacing:normal;cursor:pointer;background:0 0;border:0;border-radius:80px;height:38px;padding:0 14px;font-size:14px;font-weight:400;line-height:normal;transition:color .24s;position:relative}.article-filter-btn:first-of-type{padding-left:16px;padding-right:16px}.article-filter-btn.is-active{color:#feb835;font-weight:700}.article-filter-btn:focus-visible{outline:none}@media (prefers-reduced-motion:reduce){.article-filter-thumb,.article-filter-btn{transition:none}}.article-feed{width:var(--w-content);flex-direction:column;gap:16px;display:flex}.article-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:96px;padding:48px 20px;display:flex}.article-empty-state p{color:#ffffff73;margin:0;font-size:15px;font-weight:400;line-height:1.6}.article-feature-card,.article-row-card,.article-footer-card{position:relative;overflow:hidden}.article-feature-card{background:#10121ab8;border:1px solid #ffffff1f;border-radius:18px;width:100%;min-height:176px;display:grid;box-shadow:0 12px 28px #0000003d,inset 0 1px #ffffff14}.article-feature-image,.article-feature-overlay{grid-area:1/1;width:100%}.article-feature-image{object-fit:cover;object-position:center;height:100%;display:block}.article-feature-overlay{background:linear-gradient(#0d0f160a 0%,#0d0f162e 42%,#0d0f16db 100%),linear-gradient(#11131b80 0% 100%);min-height:100%;position:relative}.article-feature-content{z-index:1;box-sizing:border-box;flex-direction:column;grid-area:1/1;justify-content:flex-end;width:100%;min-height:176px;padding:20px 20px 16px;display:flex;position:relative}.article-badge{color:#fdf5d7;background:#00000057;border:1px solid #fff3;border-radius:999px;align-items:center;gap:6px;min-width:90px;height:25px;padding:0 10px;font-size:14px;font-weight:500;display:inline-flex;position:absolute;top:20px;left:20px}.article-badge-icon{object-fit:contain;width:15px;height:16px}.article-feature-title{letter-spacing:normal;color:#fff;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;width:100%;max-width:286px;margin:0;font-family:Plus Jakarta Sans,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.article-meta{color:#ffffffa6;align-items:center;gap:8px;margin-top:10px;font-size:12px;font-weight:500;display:flex}.article-meta-item{align-items:center;gap:5px;display:inline-flex}.article-meta-icon{object-fit:contain;width:16px;height:16px}.article-meta-dot{background:#ffffff73;border-radius:50%;width:3px;height:3px}.article-list{flex-direction:column;gap:14px;width:100%;display:flex}.article-inline-ad-slot{align-self:center}.article-feed-status{color:#ffffff94;text-align:center;width:100%;min-height:22px;padding:4px 2px 0;font-size:12px;line-height:18px}.article-feed-status[data-tone=loading]{color:#ffffffb3}.article-feed-status[data-tone=error]{color:#ffbcbceb}.article-feed-status[data-tone=empty],.article-feed-status[data-tone=end]{color:#ffffff7a}.article-feed-sentinel{width:100%;height:1px}.article-row-card{background:linear-gradient(#ffffff0d 0%,#ffffff04 100%),#14161fc2;border:1px solid #ffffff1f;border-radius:18px;align-items:stretch;gap:0;width:100%;height:136px;min-height:136px;padding:0;display:flex;box-shadow:0 12px 24px #0000002e,inset 0 1px #ffffff0f}.article-row-thumb{object-fit:contain;object-position:center;box-sizing:border-box;background:#ffffff0a;border-radius:14px;flex:0 0 99px;align-self:center;width:99px;height:134px;padding:1px}.article-row-copy{flex-direction:column;flex:auto;justify-content:flex-start;min-width:0;min-height:0;padding:16px 20px 14px 12px;display:flex}.article-row-title{letter-spacing:normal;color:#b3b9f4;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;width:100%;max-width:none;max-height:36px;margin:0;font-size:14px;font-weight:700;line-height:18px;display:-webkit-box;overflow:hidden}.article-row-desc{color:#ffffff85;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;width:100%;max-width:none;min-height:0;margin:6px 0 0;font-size:12px;font-weight:500;line-height:16px;display:-webkit-box;overflow:hidden}.article-row-card .article-meta{margin-top:auto;padding-top:14px}@media (width<=767px){.topbar,.page-title-wrap,.article-filter-scroll,.article-feed,.site-footer,.article-page>.ad-slot[data-ad-slot=article-top]{width:100%}.article-feature-title{width:auto}}@keyframes el-skeleton-loading{0%{background-position:200%}to{background-position:-200%}}.skeleton-box,.skeleton-line{background:linear-gradient(90deg,#ffffff1a 25%,#ffffff2e 37%,#ffffff1a 63%) 0 0/400% 100%;border-radius:12px;animation:2s ease-in-out infinite el-skeleton-loading}.article-feature-card-skeleton{pointer-events:none;min-height:176px}.article-feature-image-skeleton{border-radius:18px;min-height:176px}.article-feature-content-skeleton{justify-content:flex-end;gap:12px;padding:24px 20px 18px}.article-badge-skeleton{background-color:#0000;border:0;border-radius:999px;width:96px;min-height:20px;padding:0;position:absolute;top:24px;left:20px}.article-feature-title-skeleton{color:#0000;width:86%;max-width:320px;min-height:16px}.article-feature-title-skeleton.short{width:58%}.article-meta-skeleton{flex-wrap:wrap;gap:10px;margin-top:2px}.article-meta-item-skeleton{border-radius:8px;width:112px;min-height:14px}.article-meta-item-skeleton.short{width:80px}.article-list-skeleton{flex-direction:column;gap:14px;width:100%;display:flex}.article-row-card-skeleton{pointer-events:none}.article-row-thumb-skeleton{border-radius:18px 0 0 18px}.article-row-copy-skeleton{justify-content:center;gap:8px}.article-row-title-skeleton{color:#0000;width:85%;min-height:18px}.article-row-desc-skeleton{color:#0000;width:100%;min-height:16px;margin:0}.article-row-desc-skeleton.short{width:70%}.article-row-meta-skeleton{border-radius:8px;width:120px;min-height:16px;margin-top:8px}.article-page.is-initial-loading .article-feature-card:not(.article-feature-card-skeleton),.article-page.is-initial-loading .article-list,.article-page:not(.is-initial-loading) .article-feature-card-skeleton,.article-page:not(.is-initial-loading) .article-list-skeleton{display:none!important}