*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.mobile-tab-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#fff;border-top:1px solid #f0f0f0;display:flex;padding:4px 0 env(safe-area-inset-bottom,0)}.video-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:12px;padding:12px}@media(min-width:480px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.video-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.video-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1440px){.video-grid{grid-template-columns:repeat(5,1fr)}}.score-slider{padding:16px 0}.score-display{text-align:center;font-size:48px;font-weight:700;background:linear-gradient(135deg,#1677ff,#0958d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:8px 0}