.new-container{width:100%}.page-header{margin-bottom:32px;padding:40px 20px;text-align:center}.page-title{color:#fff;font-size:36px;font-weight:700;margin-bottom:12px;text-shadow:0 2px 12px rgba(0,0,0,.2)}@media(max-width:768px){.page-title{font-size:28px}}.page-subtitle{color:hsla(0,0%,100%,.9);font-size:16px;text-shadow:0 1px 4px rgba(0,0,0,.1)}.update-card{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.08);overflow:hidden;padding:24px}.update-list{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:640px){.update-list{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.update-list{grid-template-columns:1fr 1fr}}.update-item{align-items:flex-start;border-radius:10px;display:flex;gap:12px;padding:12px;transition:all .3s}.update-item:hover{background:#f9fafb;transform:translateX(4px)}.rank-badge{flex-shrink:0}.rank-number{align-items:center;background:#f3f4f6;border-radius:8px;color:#6b7280;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;transition:all .3s;width:32px}.rank-number.top{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 8px rgba(251,191,36,.4);color:#fff}.video-info{flex:1;overflow:hidden}.video-name{color:#111827;font-size:15px;font-weight:600;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;transition:color .3s;white-space:nowrap}.update-item:hover .video-name{color:#667eea}.video-meta{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.meta-badge{background:rgba(102,126,234,.1);border-radius:4px;color:#667eea;font-weight:500;padding:2px 8px}.meta-text{color:#9ca3af}.meta-text:not(:last-child):after{color:#d1d5db;content:"·";margin-left:8px}