*{margin:0;padding:0;box-sizing:border-box;}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#e3f2fd 0%,#f3e5f5 100%);min-height:100vh;color:#333;}.container{max-width:1400px;margin:0 auto;padding:0 20px;}.navbar{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);padding:20px 0;box-shadow:0 4px 20px rgba(0,0,0,0.1);position:sticky;top:0;z-index:100;}.nav-content{display:flex;justify-content:center;align-items:center;}.search-container{display:flex;gap:12px;align-items:center;}.search-input{padding:12px 20px;border:2px solid #e1e5e9;border-radius:25px;font-size:16px;width:300px;background:white;transition:all 0.3s ease;outline:none;}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.1);}.search-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:8px;}.search-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,0.3);}.main-content{padding:40px 0;min-height:calc(100vh - 200px);}.loading{text-align:center;padding:60px 0;color:#666;font-size:18px;}.spinner{display:inline-block;width:40px;height:40px;border:4px solid rgba(102,126,234,0.3);border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-bottom:40px;}@media (max-width:1200px){.grid{grid-template-columns:repeat(4,1fr);}}@media (max-width:900px){.grid{grid-template-columns:repeat(3,1fr);}}@media (max-width:600px){.grid{grid-template-columns:repeat(2,1fr);}.search-input{width:200px;}}.item-card{background:white;border-radius:0;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.1);transition:all 0.3s ease;cursor:pointer;text-decoration:none;color:inherit;position:relative;}.item-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(0,0,0,0.2);}.item-thumbnail{width:100%;height:200px;object-fit:cover;object-position:center;transition:transform 0.3s ease;}.item-card:hover .item-thumbnail{transform:scale(1.05);}.item-content{padding:20px;}.item-title{font-size:16px;font-weight:600;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#2d3748;cursor:pointer;position:relative;}.tooltip{position:absolute;background:rgba(0,0,0,0.9);color:white;padding:8px 12px;border-radius:6px;font-size:14px;z-index:1000;opacity:0;visibility:hidden;transition:all 0.3s ease;pointer-events:none;max-width:280px;word-wrap:break-word;text-align:center;white-space:normal;line-height:1.4;box-shadow:0 4px 12px rgba(0,0,0,0.3);}.tooltip.show{opacity:1;visibility:visible;}.tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:rgba(0,0,0,0.9);}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:40px;}.page-btn{padding:12px 16px;background:rgba(255,255,255,0.9);border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;min-width:48px;}.page-btn:hover{background:white;transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,0.1);}.page-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:white;}.page-btn:disabled{opacity:0.5;cursor:not-allowed;transform:none;}.page-info{color:#666;font-weight:600;padding:0 20px;}.empty-state{text-align:center;padding:80px 20px;color:#666;}.empty-icon{font-size:64px;margin-bottom:20px;opacity:0.7;}.empty-title{font-size:24px;font-weight:600;margin-bottom:12px;}.empty-description{font-size:16px;opacity:0.8;max-width:400px;margin:0 auto;}