.rank-page{min-height:calc(100vh - 200px);padding-bottom:3rem}@media screen and (max-width:768px){.rank-page{padding-bottom:2rem}}.page-header{margin-bottom:2rem;padding:2rem 0 3rem;text-align:center}@media screen and (max-width:768px){.page-header{margin-bottom:1.5rem;padding:1.5rem 0 2rem}}.page-title{background:linear-gradient(135deg,#00c9ff,#92fe9d);-webkit-background-clip:text;font-size:2.25rem;font-weight:700;margin-bottom:.75rem;-webkit-text-fill-color:transparent;background-clip:text}@media screen and (max-width:768px){.page-title{font-size:1.75rem;margin-bottom:.5rem}}.page-desc{color:#999;font-size:1rem}@media screen and (max-width:768px){.page-desc{font-size:.875rem}}.rank-section{margin-bottom:3rem}@media screen and (max-width:768px){.rank-section{margin-bottom:2rem}}.section-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}@media screen and (max-width:768px){.section-header{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem}}.section-title-wrapper{align-items:center;display:flex;gap:.75rem}.section-icon{align-items:center;background:linear-gradient(135deg,#00c9ff,#92fe9d);border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.section-icon svg{height:18px;stroke:#fff;width:18px}@media screen and (max-width:768px){.section-icon{height:28px;width:28px}.section-icon svg{height:16px;width:16px}}.section-title{color:#333;font-size:1.5rem;font-weight:600;margin:0}@media screen and (max-width:768px){.section-title{font-size:1.25rem}}.rank-section .video-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.rank-section .video-grid .video-badge,.rank-section .video-grid .video-type{top:2rem}@media screen and (max-width:1200px){.rank-section .video-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media screen and (max-width:1024px){.rank-section .video-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media screen and (max-width:768px){.rank-section .video-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media screen and (max-width:480px){.rank-section .video-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}}.rank-badge{align-items:center;background:linear-gradient(135deg,#00c9ff,#92fe9d);border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.3);display:flex;height:36px;justify-content:center;left:-8px;position:absolute;top:-8px;transition:all .15s ease-in-out;width:36px;z-index:2}@media screen and (max-width:768px){.rank-badge{height:32px;left:-6px;top:-6px;width:32px}}.rank-badge .rank-number{color:#fff;font-size:1rem;font-weight:700;line-height:1}@media screen and (max-width:768px){.rank-badge .rank-number{font-size:.875rem}}.rank-badge.rank-1{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 16px rgba(251,191,36,.5)}.rank-badge.rank-2{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:0 4px 16px rgba(148,163,184,.5)}.rank-badge.rank-3{background:linear-gradient(135deg,#fb923c,#f97316);box-shadow:0 4px 16px rgba(251,146,60,.5)}.rank-section .video-card:hover .rank-badge{transform:scale(1.1) rotate(5deg)}.meta-score{align-items:center;color:#ff9800;display:inline-flex;font-size:.875rem;font-weight:600;gap:.25rem}.meta-score svg{fill:currentColor;height:14px;width:14px}@media screen and (max-width:768px){.meta-score{font-size:.8125rem}.meta-score svg{height:12px;width:12px}}.meta-year{color:#999;font-size:.8125rem;margin-left:.5rem}@media screen and (max-width:768px){.meta-year{font-size:.75rem}}@media screen and (max-width:480px){.rank-section .video-card .video-title{font-size:.8125rem}.rank-section .video-card .video-meta{font-size:.75rem}}