*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.fullscreen-loader{z-index:9999;background-color:#f5f5f5;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s ease-out forwards fadeOut;display:flex;position:fixed;top:0;left:0}.fullscreen-loader.loaded{animation:.3s ease-out forwards fadeOut}.loader-content{flex-direction:column;align-items:center;gap:16px;display:flex}.loader-spinner{border:4px solid #e0e0e0;border-top-color:#1a73e8;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.loader-text{color:#666;font-size:1rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeOut{to{opacity:0;visibility:hidden}}.animate-fade-in{animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.layout{flex-direction:column;min-height:100vh;display:flex}.main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:20px}.header{margin-bottom:30px}.header-content{justify-content:space-between;align-items:center;display:flex}.header h1{color:#333;margin-bottom:8px;font-size:2.5rem}.subtitle{color:#666;font-size:1rem}.refresh-btn{color:#fff;cursor:pointer;background-color:#1a73e8;border:none;border-radius:24px;align-items:center;gap:6px;padding:10px 20px;font-size:.9rem;transition:background-color .2s,transform .2s;display:flex}.refresh-btn:hover:not(:disabled){background-color:#1557b0}.refresh-btn:disabled{cursor:not-allowed;background-color:#ccc}.refresh-btn:active:not(:disabled){transform:scale(.98)}.refresh-icon{font-size:1rem}@media (width<=768px){.header-content{flex-direction:column;align-items:flex-start;gap:12px}.header h1{font-size:1.75rem}}.hot-grid{grid-template-columns:repeat(1,1fr);align-items:start;gap:20px;display:grid}@media (width>=769px){.hot-grid{grid-template-columns:repeat(3,1fr);align-items:stretch}}.hot-card{background:#fff;border-radius:12px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 2px 12px #00000014}.card-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-header h2{color:#333;font-size:1.25rem}.list-name{color:#999;font-size:.875rem}.hot-list{flex:1;padding:8px 0;list-style:none;overflow-y:auto}.hot-item{align-items:center;padding:10px 20px;transition:background-color .2s;display:flex}.hot-item:hover{background-color:#f8f9fa}.rank{color:#999;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-right:12px;font-size:.875rem;font-weight:700;display:flex}.hot-item.highlight{background-color:#e8f4fd;border-left:3px solid #2196f3}.hot-item.highlight:hover{background-color:#d4ecfc}.hot-title.highlight{color:#1565c0;font-weight:600}.hot-title{color:#333;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.9rem;text-decoration:none;overflow:hidden}.hot-title:hover{color:#1a73e8;text-decoration:underline}.hot-heat{color:#ff4d4f;margin-left:8px;font-size:.75rem}.card-footer{color:#999;border-top:1px solid #eee;padding:12px 20px;font-size:.8rem}.loading-card{min-height:400px}.skeleton-list{padding:12px 20px}.skeleton-item{align-items:center;padding:10px 0;display:flex}.skeleton-rank{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:24px;height:24px;margin-right:12px;animation:1.5s infinite skeleton-loading}.skeleton-text{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;flex:1;height:16px;animation:1.5s infinite skeleton-loading}.skeleton-title{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:100px;height:20px;animation:1.5s infinite skeleton-loading}.skeleton-badge{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:60px;height:16px;animation:1.5s infinite skeleton-loading}.error-title{background:linear-gradient(90deg,#ffe0e0 25%,#ffd0d0 50%,#ffe0e0 75%)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.error-card{min-height:400px}.error-content,.empty-content{text-align:center;color:#666;padding:40px 20px}.retry-btn{color:#fff;cursor:pointer;background-color:#1a73e8;border:none;border-radius:20px;margin-top:16px;padding:8px 24px;font-size:.9rem;transition:background-color .2s}.retry-btn:hover{background-color:#1557b0}.loading,.error{text-align:center;padding:40px;font-size:1.2rem}.footer{text-align:center;background-color:#fff;border-top:1px solid #eee;margin-top:auto;padding:20px}.footer p{color:#999;margin-bottom:4px;font-size:.8rem}.footer p:last-child{margin-bottom:0}.error-page{text-align:center;background:#fff;border-radius:12px;grid-column:1/-1;padding:60px 20px;box-shadow:0 2px 12px #00000014}.error-page .error-content{padding:0}.error-page .error-icon{margin-bottom:20px;font-size:4rem}.error-page h2{color:#333;margin-bottom:12px;font-size:1.5rem}.error-page .error-message{color:#666;margin-bottom:24px;font-size:1rem}.error-page .retry-btn{padding:12px 32px;font-size:1rem}