.rank-header{text-align:center;padding:32px 16px 24px}.rank-header h1{margin:0 0 8px;font-size:1.6rem}.updated{color:var(--c-muted);font-size:.9rem;margin:0 0 16px}.period-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:12px}.period-tabs .tab{padding:10px 24px;border:2px solid var(--c-border);border-radius:999px;color:var(--c-fg);text-decoration:none;font-weight:600;font-size:.95rem;background:var(--c-card);transition:all .15s}.period-tabs .tab:hover{border-color:var(--c-accent);color:var(--c-accent)}.period-tabs .tab.active{background:var(--c-accent);border-color:var(--c-accent);color:#fff}.lead{color:var(--c-muted);text-align:center;padding:0 16px;margin:0 0 16px}.region-jump{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 8px}.region-jump a{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--c-border);border-radius:999px;background:var(--c-card);color:var(--c-fg);text-decoration:none;font-size:.85rem;font-weight:600}.region-jump a:hover{border-color:var(--c-accent);color:var(--c-accent)}.region-jump .cnt{background:var(--c-accent);color:#fff;border-radius:999px;font-size:.72rem;padding:0 7px;line-height:1.6}.region-note{color:var(--c-muted);font-size:.82rem;margin:-4px 0 12px}.region,.region-title{scroll-margin-top:72px}.region-title{border-left:6px solid var(--c-accent);padding-left:12px}.region-count{font-size:.9rem;color:var(--c-muted);font-weight:400}.rank-list{list-style:none;padding:0;margin:16px 0 32px}.rank-item{background:var(--c-card);border:1px solid var(--c-border);border-radius:12px;padding:16px;margin-bottom:20px}.rank-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:6px}.rank-num{font-size:1.3rem;font-weight:700}.rank-author{font-size:.9rem;color:var(--c-muted)}.rank-author a{color:var(--c-muted);text-decoration:none}.rank-author a:hover{color:var(--c-accent)}.rank-author .age{color:#aab}.rank-metrics{display:flex;gap:12px;flex-wrap:wrap;font-size:.85rem;color:var(--c-muted);margin-bottom:10px}.rank-metrics .hot-metric{color:var(--c-accent);font-weight:700}.rank-metrics .hot-metric small{font-weight:400}.thumb-btn{position:relative;border:0;padding:0;background:#000;border-radius:12px;cursor:pointer;overflow:hidden;width:280px;max-width:100%;aspect-ratio:9 / 12;display:block;margin:0 auto}.thumb{width:100%;height:100%;object-fit:cover;display:block}.thumb-ph{width:100%;height:100%;background:linear-gradient(135deg,#2a2a2c,#444)}.play-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#fe2c55eb;color:#fff;font-size:1.4rem;display:flex;align-items:center;justify-content:center;padding-left:4px}.thumb-btn:hover .play-badge{background:var(--c-accent)}.rank-title{font-size:.92rem;margin:10px 0 0}.rank-comment{background:#fff1f4;border-left:3px solid var(--c-accent);padding:12px 16px;border-radius:0 8px 8px 0;margin:10px 0 0;line-height:1.7;font-size:.95rem}.empty{text-align:center;color:var(--c-muted);padding:40px 16px}.empty.small{padding:16px}.feed-overlay{position:fixed;inset:0;z-index:1000;background:#000}.feed-close{position:fixed;top:12px;right:12px;z-index:1002;width:42px;height:42px;border-radius:50%;border:0;background:#ffffff26;color:#fff;font-size:1.2rem;cursor:pointer}.feed-close:hover{background:#ffffff4d}.feed-scroll{height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.feed-scroll::-webkit-scrollbar{display:none}.feed-slide{height:100dvh;width:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;position:relative;background:#000;overflow:hidden}.fs-slot{position:relative;height:100dvh;width:100vw;display:flex;align-items:center;justify-content:center;cursor:pointer}@media(min-width:700px){.fs-slot{width:56.25vh}}.fs-video{width:100%;height:100%;object-fit:cover;background:#000}.fs-video::cue{font-size:1.05rem;line-height:1.4;background:#0009;color:#fff}.fs-link{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fe2c55f2;color:#fff;padding:12px 22px;border-radius:999px;font-weight:700;text-decoration:none;font-size:1rem}.feed-mute{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:1002;background:#0009;color:#fff;padding:8px 16px;border-radius:999px;font-size:.85rem;pointer-events:none}.fs-thumb{width:100%;height:100%;object-fit:cover}.fs-ph{width:100%;height:100%;background:linear-gradient(135deg,#2a2a2c,#444)}.fs-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background:#fe2c55e6;padding:10px 18px;border-radius:999px;font-weight:700;pointer-events:none}.fs-meta{position:absolute;bottom:14px;left:0;right:0;z-index:2;color:#fff;font-size:.85rem;text-align:center;padding:0 16px;text-shadow:0 1px 3px rgba(0,0,0,.85)}.fs-open{display:inline-block;margin-left:10px;color:#25f4ee}