.popular-page{--popular-bg:var(--bbs-page-bg);--popular-ink:var(--bbs-ink);--popular-muted:var(--bbs-muted);--popular-value:#e85d2a;--popular-card:var(--bbs-surface);--popular-cream:var(--bbs-subtle);--popular-radius:16px;box-sizing:border-box;margin:0 calc(50% - 50vw);width:100vw;max-width:100vw;background:var(--popular-bg);color:var(--popular-ink);padding-bottom:0;font-family:MiSans,"PingFang SC","Microsoft YaHei",sans-serif}.popular-page *,.popular-page *::before,.popular-page *::after{box-sizing:border-box}.popular-hero{position:relative;overflow:hidden;padding:0 20px var(--bbs-card-gap);background:transparent;color:var(--popular-ink);text-align:left}.popular-hero-inner{position:relative;z-index:2;width:min(96vw,1100px);margin:0 auto}.popular-brand-mark{width:1.05em;height:1.05em;border-radius:8px;background:var(--bbs-accent-soft);color:var(--bbs-accent);display:inline-grid;place-items:center;font-size:0.42em;font-weight:800;flex:0 0 auto;line-height:1}.popular-hero-title{display:flex;align-items:center;gap:10px;margin:0;font-size:clamp(28px,4.5vw,40px);font-weight:800;line-height:1.15;letter-spacing:0.02em;color:var(--popular-ink)}.popular-hero-tagline{margin:var(--bbs-card-gap) 0 0;font-size:15px;font-weight:500;color:var(--popular-muted)}.popular-main{width:min(96vw,1100px);margin:0 auto;position:relative;z-index:3;padding:0}.popular-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--bbs-card-gap,8px)}.popular-card{background:var(--popular-card);border-radius:var(--popular-radius);box-shadow:var(--bbs-shadow);overflow:hidden;display:flex;flex-direction:column;min-height:100%}.popular-card-head{display:flex;justify-content:center;padding:18px 16px 8px;background:var(--popular-cream);border-bottom:1px solid var(--bbs-border-solid)}.popular-card-pill{display:inline-flex;align-items:center;justify-content:center;min-width:140px;padding:8px 22px;border-radius:999px;background:var(--bbs-accent-soft);color:var(--bbs-accent);font-size:16px;font-weight:700;letter-spacing:0.04em}.popular-podium{display:flex;align-items:flex-end;justify-content:center;gap:8px;padding:12px 16px 20px;background:var(--popular-cream);min-height:270px}.popular-podium-item{flex:1;max-width:150px;text-align:center;display:flex;flex-direction:column;align-items:center}.popular-podium-item.is-rank-1{order:2}.popular-podium-item.is-rank-2{order:1}.popular-podium-item.is-rank-3{order:3}.popular-podium-avatar-wrap{position:relative;display:inline-flex;margin-bottom:10px;text-decoration:none}.popular-podium-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 14px rgba(120,70,30,0.18);background:var(--bbs-subtle);display:block}.popular-podium-item.is-rank-1 .popular-podium-avatar{width:92px;height:92px;border-width:4px;border-color:#f6d060}.popular-podium-avatar.is-empty{background:var(--bbs-border-solid)}.popular-podium-badge{position:absolute;left:50%;top:-14px;transform:translateX(-50%);width:28px;height:28px;z-index:2;background-size:contain;background-repeat:no-repeat;background-position:center}.popular-podium-item.is-rank-1 .popular-podium-badge{width:36px;height:36px;top:-20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23f5c518' d='M8 22l12 6 12-16 12 16 12-6-4 28H12z'/%3E%3Ccircle fill='%23fff3a8' cx='32' cy='34' r='6'/%3E%3C/svg%3E")}.popular-podium-item.is-rank-2 .popular-podium-badge{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23c0c6d0' d='M20 8h24v10l-6 6v8H26v-8l-6-6z'/%3E%3Ccircle fill='%23aeb6c2' cx='32' cy='44' r='14'/%3E%3Ctext x='32' y='49' text-anchor='middle' font-size='16' font-family='Arial' fill='%23fff' font-weight='700'%3E2%3C/text%3E%3C/svg%3E")}.popular-podium-item.is-rank-3 .popular-podium-badge{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23d08a4a' d='M20 8h24v10l-6 6v8H26v-8l-6-6z'/%3E%3Ccircle fill='%23c67a38' cx='32' cy='44' r='14'/%3E%3Ctext x='32' y='49' text-anchor='middle' font-size='16' font-family='Arial' fill='%23fff' font-weight='700'%3E3%3C/text%3E%3C/svg%3E")}.popular-podium-info{position:relative;z-index:0;display:flex;flex-direction:column;justify-content:center;width:100%;min-height:80px;margin-top:2px;padding:8px 8px 10px;border:0;border-radius:10px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,0.08)}.popular-podium-item.is-rank-1 .popular-podium-info{background:#d4a017;min-height:128px}.popular-podium-item.is-rank-2 .popular-podium-info{background:#8a93a3;min-height:104px}.popular-podium-item.is-rank-3 .popular-podium-info{background:#c67a38;min-height:80px}.popular-podium-info::before{content:attr(data-rank);position:absolute;left:50%;top:50%;z-index:0;transform:translate(-50%,-46%);font-family:Impact,"Arial Black",MiSans,sans-serif;font-size:68px;font-weight:900;font-style:italic;font-variant-numeric:lining-nums;line-height:0.8;letter-spacing:-0.08em;color:#fff;opacity:0.4;pointer-events:none;user-select:none;text-shadow:0 2px 0 rgba(0,0,0,0.12)}.popular-podium-item.is-rank-1 .popular-podium-info::before{font-size:96px;opacity:0.45}.popular-podium-item.is-rank-2 .popular-podium-info::before{font-size:80px;opacity:0.4}.popular-podium-item.is-rank-3 .popular-podium-info::before{font-size:68px;opacity:0.4}.popular-podium-info > *{position:relative;z-index:1}.popular-podium-name{display:block;width:100%;font-size:14px;font-weight:600;color:var(--popular-ink);text-decoration:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popular-podium-name:hover{color:var(--popular-value)}.popular-podium-metric{margin-top:4px;font-size:12px;color:rgba(255,255,255,0.82)}.popular-podium-value{margin-top:2px;font-size:20px;font-weight:800;color:#fff;letter-spacing:0.02em}.popular-rank-list{list-style:none;margin:0;padding:8px 18px 4px;flex:1}.popular-rank-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--bbs-border-solid)}.popular-rank-row:last-child{border-bottom:0}.popular-rank-num{font-size:15px;font-weight:600;color:var(--popular-muted);text-align:center}.popular-rank-user{display:inline-flex;align-items:center;gap:10px;min-width:0;text-decoration:none;color:var(--popular-ink)}.popular-rank-user:hover .popular-rank-name{color:var(--popular-value)}.popular-rank-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--bbs-subtle);flex:0 0 auto}.popular-rank-name{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popular-rank-value{font-size:18px;font-weight:800;color:var(--popular-value);letter-spacing:0.02em}.popular-card-foot{padding:14px 18px 18px;font-size:12px;color:var(--popular-muted);text-align:center}.popular-rules{width:min(96vw,1100px);margin:var(--bbs-card-gap) auto 0;padding:0 4px;color:var(--bbs-text-2);font-size:14px;line-height:1.8}.popular-rules h2{margin:0 0 8px;font-size:16px;font-weight:700;color:var(--bbs-ink)}.popular-rules p{margin:0}.popular-updated{margin-top:0;font-size:14px;line-height:1.8;color:var(--bbs-text-2)}body:has(.popular-page){background:var(--bbs-page-bg) !important}#content:has(.popular-page){padding-bottom:0 !important}body:has(.popular-page) #content > .wrapper{max-width:none;width:100%;padding-left:0;padding-right:0}body:has(.popular-page) #footer{margin-top:var(--bbs-card-gap)}@media (max-width:860px){.popular-grid{grid-template-columns:1fr}.popular-hero{padding:0 16px var(--bbs-card-gap)}}html[data-font-size="big"] .popular-brand{font-size:0.95rem}html[data-font-size="big"] .popular-brand-mark{font-size:0.8rem}html[data-font-size="big"] .popular-hero-title{font-size:clamp(2rem,5vw,2.75rem)}html[data-font-size="big"] .popular-hero-tagline{font-size:1rem}html[data-font-size="big"] .popular-card-pill{font-size:1.05rem;padding:9px 24px}html[data-font-size="big"] .popular-podium-name,html[data-font-size="big"] .popular-rank-name{font-size:0.95rem}html[data-font-size="big"] .popular-podium-metric,html[data-font-size="big"] .popular-card-foot,html[data-font-size="big"] .popular-updated{font-size:0.85rem}html[data-font-size="big"] .popular-podium-value{font-size:1.35rem}html[data-font-size="big"] .popular-rank-num{font-size:1rem}html[data-font-size="big"] .popular-rank-value{font-size:1.15rem}html[data-font-size="big"] .popular-rules{font-size:1rem}html[data-font-size="big"] .popular-rules h2{font-size:1.1rem}