*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;color:#333;font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif;line-height:1.6}.app{min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn{border:none;border-radius:4px;cursor:pointer;display:inline-block;padding:8px 16px;text-decoration:none;transition:all .3s ease}.btn-primary{background-color:#ff6b35;color:#fff}.btn-primary:hover{background-color:#e55a2b}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.dark-theme{background-color:#1a1a1a;color:#e0e0e0}.dark-theme .card{background:#2a2a2a;border:1px solid #3a3a3a;color:#e0e0e0}.dark-theme .btn-primary{background-color:#ff6b35;color:#fff}.dark-theme .btn-secondary{background-color:#4a4a4a;color:#e0e0e0}.dark-theme .video-card{background:#2a2a2a;color:#e0e0e0}.dark-theme .video-title{color:#e0e0e0}.dark-theme .video-meta span{background:#3a3a3a;color:#b0b0b0}.dark-theme .video-description{color:#b0b0b0}.dark-theme .video-stats{color:#888}.dark-theme .sidebar-section{background:#2a2a2a;color:#e0e0e0}.dark-theme .history-item:hover,.dark-theme .ranking-item:hover,.dark-theme .update-item:hover{background-color:#3a3a3a}.dark-theme .filter-tab{background:#2a2a2a;border-color:#4a4a4a;color:#b0b0b0}.dark-theme .filter-tab.active,.dark-theme .filter-tab:hover{background:#ff6b35;border-color:#ff6b35;color:#fff}.dark-theme .sort-section select{background:#2a2a2a;border-color:#4a4a4a;color:#e0e0e0}.dark-theme .page-btn{background:#2a2a2a;border-color:#4a4a4a;color:#b0b0b0}.dark-theme .page-btn:hover{background:#3a3a3a}.dark-theme .page-btn.active{background:#ff6b35;border-color:#ff6b35;color:#fff}@media(max-width:768px){.container{padding:0 10px}}