*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%}body{font-family:Inter,Noto Sans SC,system-ui,sans-serif;background:#f8fafc;color:#1e293b}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.pulse-dot{animation:pulse-dot 2s ease-in-out infinite}.stat-number{font-variant-numeric:tabular-nums}.gradient-brand{background:linear-gradient(135deg,#1e40af,#60a5fa)}.gradient-gold{background:linear-gradient(135deg,#d97706,#fbbf24)}.login-bg{background:radial-gradient(1200px 600px at 15% 15%,rgba(96,165,250,.25),transparent 60%),radial-gradient(1000px 500px at 85% 85%,rgba(217,119,6,.18),transparent 55%),linear-gradient(135deg,#0f2444,#1e3a8a 55%,#1e40af)}.news-card{transition:all .2s ease}.news-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px -5px #1e40af1a}.rank-badge{background:linear-gradient(135deg,#d97706,#f59e0b)}.rank-badge-2{background:linear-gradient(135deg,#6b7280,#9ca3af)}.rank-badge-3{background:linear-gradient(135deg,#92400e,#b45309)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}