.skeleton-container{padding:20px}.skeleton-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.skeleton-logo{width:120px;height:40px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}.skeleton-menu{display:flex;gap:20px}.skeleton-menu-item{width:60px;height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:3px}.skeleton-banner{height:300px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px;margin-bottom:30px}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.skeleton-card{padding:15px;border:1px solid #f0f0f0;border-radius:8px}.skeleton-image{width:100%;height:160px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;margin-bottom:10px}.skeleton-text{height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:3px;margin-bottom:8px}.skeleton-text.short{width:60%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}