*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f7fa;color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.6}.header{background:#fff;height:60px;box-shadow:0 2px 8px rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:100}.logo{color:#409EFF;font-size:24px;font-weight:bold;text-decoration:none;margin-right:40px}.header-right{display:flex;align-items:center}.user-menu{display:flex;align-items:center;gap:15px}.user-link{background:#ff7675;color:#fff;text-decoration:none;font-size:14px;padding:8px 16px;border-radius:6px;transition:all 0.3s;font-weight:500}.user-link:hover{background:#ff4d4f;transform:translateY(-1px)}.user-info{display:flex;align-items:center;gap:15px}.username{color:#ff7675;font-weight:500}.search-bar{background:#fff;border-bottom:1px solid #ebeef5;padding:15px 20px}.search-inner,.search-bar-inner{max-width:80%;margin:0 auto;display:flex;justify-content:center}.search-box{flex:1;display:flex}.search-box form{flex:1;display:flex}.search-box input{flex:1;padding:10px 15px;border:1px solid #dcdfe6;border-right:none;border-radius:4px 0 0 4px;outline:none;font-size:14px}.search-box button{padding:0 20px;background-color:#409EFF;color:#fff;border:1px solid #409EFF;border-radius:0 4px 4px 0;cursor:pointer;font-size:14px}.search-box button:hover{background-color:#66b1ff;border-color:#66b1ff}.cat-bar{background:#fff;border-bottom:1px solid #ebeef5}.cat-inner{max-width:1200px;margin:0 auto;padding:10px 10px;display:flex;gap:10px;flex-wrap:wrap}.cat-link{padding:6px 10px;border-radius:4px;text-decoration:none;color:#606266;border:1px solid #ebeef5;background:#fff;font-size:13px;transition:all 0.3s}.cat-link:hover{border-color:#409EFF;color:#409EFF}.cat-link.active{background:#409EFF;border-color:#409EFF;color:#fff}.main{max-width:1200px;margin:20px auto;padding:0 10px}.search-info{margin-bottom:20px;color:#606266}.search-info b{color:#409EFF}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,163px);gap:30px;justify-content:center}.video-card{background:#fff;border-radius:8px;border:1px solid #e4e7ed;box-shadow:0 2px 10px rgba(0,0,0,0.08);overflow:hidden;transition:all 0.3s;cursor:pointer;text-decoration:none;color:inherit;display:block}.video-card:hover{transform:translateY(-5px);box-shadow:0 4px 16px rgba(0,0,0,0.12)}.cover{width:100%;height:200px;object-fit:cover;transition:transform 0.3s}.video-card:hover .cover{transform:scale(1.05)}.info{padding:10px}.serial{color:#409EFF;font-weight:bold;font-size:12px;margin-bottom:5px;background:#ecf5ff;padding:2px 5px;border-radius:3px;display:inline-block}.flag{display:inline-block;margin-right:6px;padding:1px 6px;border-radius:3px;font-size:11px;font-weight:normal}.flag-magnet{background:#fdf6ec;color:#e6a23c;border:1px solid #faecd8}.flag-play{background:#f0f9eb;color:#67c23a;border:1px solid #e1f3d8}.title{font-size:13px;font-weight:500;margin:5px 0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:36px;line-height:1.4}.date{font-size:11px;color:#909399}.pagination{margin-top:40px;display:flex;justify-content:center;gap:5px;padding-bottom:40px;flex-wrap:wrap}.pagination a{padding:6px 10px;border:1px solid #dcdfe6;border-radius:4px;text-decoration:none;color:#606266;background:#fff;font-size:13px;white-space:nowrap;transition:all 0.3s}.pagination a:hover{border-color:#409EFF;color:#409EFF}.pagination a.active{background-color:#409EFF;color:#fff;border-color:#409EFF}.pagination a.disabled{color:#c0c4cc;cursor:not-allowed;border-color:#ebeef5}.login-modal{position:fixed;inset:0;background:rgba(0,0,0,0.75);display:none;align-items:center;justify-content:center;z-index:9999;padding:24px;box-sizing:border-box}.login-modal.open{display:flex}.login-modal-content{max-width:400px;width:100%;background:#fff;border-radius:8px;padding:30px;box-shadow:0 8px 24px rgba(0,0,0,0.35)}.login-modal-title{font-size:20px;font-weight:bold;margin-bottom:20px;text-align:center;color:#303133}.login-form-item{margin-bottom:16px}.login-form-label{display:block;margin-bottom:8px;font-size:14px;color:#606266}.login-form-input{width:100%;padding:10px;border:1px solid #dcdfe6;border-radius:4px;box-sizing:border-box;font-size:14px;transition:border-color 0.3s}.login-form-input:focus{outline:none;border-color:#409EFF;box-shadow:0 0 0 2px rgba(64,158,255,0.2)}.login-form-button{width:100%;padding:12px;background-color:#409EFF;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;margin-top:20px;transition:all 0.3s}.login-form-button:hover{background-color:#66b1ff;transform:translateY(-1px)}.login-form-switch{text-align:center;margin-top:15px;font-size:14px;color:#606266}.login-form-switch a{color:#409EFF;text-decoration:none}.login-form-switch a:hover{text-decoration:underline}.login-form-error{color:#f56c6c;font-size:12px;margin-top:5px}.footer{max-width:1200px;margin:0 auto;padding:20px 10px 40px;color:#909399;text-align:center;font-size:13px}@media (max-width:768px){.header{padding:0 10px}.logo{font-size:18px}.user-info{gap:8px}.username{font-size:13px}.user-link{font-size:13px;padding:6px 12px;background:#ff7675;color:#fff;border-radius:6px}.search-inner,.search-bar-inner{max-width:95%}.main{margin:10px auto}.video-grid{grid-template-columns:repeat(2,1fr);gap:10px}.video-card{width:auto}.cover{height:180px}.pagination{gap:3px}.pagination a{padding:5px 8px;font-size:12px}}@media (max-width:480px){.header{height:auto;min-height:60px;padding:10px;flex-direction:column;align-items:flex-start;gap:10px}.user-info{width:100%;justify-content:space-between}.user-link{font-size:13px;padding:6px 12px;background:#ff7675;color:#fff;border-radius:6px}.video-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.cover{height:160px}.info{padding:8px}.serial{font-size:11px}.title{font-size:12px;height:32px}}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.success-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,0.7);color:white;padding:20px;border-radius:4px;z-index:9999;font-size:16px;animation:slideIn 0.3s ease-out}