img.lazy{opacity:1;transition:opacity .3s ease-in}img.lazy-loading{opacity:.6;background:linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}img.lazy-loaded{opacity:1}img.lazy-fade{opacity:0;transition:opacity .4s ease-in-out,filter .3s ease-out}img.lazy-fade.lazy-loaded{opacity:1}img.lazy-blur{filter:blur(10px);transform:scale(1.05);transition:filter .4s ease-out,transform .4s ease-out}img.lazy-blur.lazy-loaded{filter:blur(0);transform:scale(1)}img.lazy-error{opacity:.5;filter:grayscale(100%);position:relative}img.lazy-error::after{content:'图片加载失败';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#999;font-size:12px;white-space:nowrap;background:rgba(255,255,255,0.9);padding:5px 10px;border-radius:4px}@keyframes loading-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.lazy-skeleton{background:linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 40%, #e0e0e0 50%, #f0f0f0 60%, #f0f0f0 100%);background-size:200% 100%;animation:loading-shimmer 1.5s ease-in-out infinite}@media (prefers-color-scheme:dark){img.lazy-loading{background:linear-gradient(90deg, #2a2a2a 25%, #1a1a1a 50%, #2a2a2a 75%)}.lazy-skeleton{background:linear-gradient(90deg, #2a2a2a 0%, #2a2a2a 40%, #1a1a1a 50%, #2a2a2a 60%, #2a2a2a 100%)}img.lazy-error::after{background:rgba(30,30,30,0.9);color:#ccc}}img[data-srcset]{width:100%;height:auto}img.lazy[width][height]{aspect-ratio:attr(width) / attr(height)}.progressive-image{position:relative;overflow:hidden}.progressive-image img{display:block;width:100%;height:auto}.progressive-image .placeholder{position:absolute;top:0;left:0;width:100%;height:100%;filter:blur(20px);transform:scale(1.1);transition:opacity .4s ease-out}.progressive-image .placeholder.loaded{opacity:0}.img-container{position:relative;background:#f5f5f5;overflow:hidden}.img-container::before{content:'';display:block;padding-top:56.25%}.img-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.lazy-loading-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;opacity:0;transition:opacity .3s}img.lazy-loading+.lazy-loading-indicator{opacity:1}@keyframes spin{0%{transform:translate(-50%, -50%) rotate(0deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}img.lazy-fade,img.lazy-blur{will-change:opacity, filter, transform}img.lazy-loaded{will-change:auto}@media print{img.lazy,img.lazy-loading,img.lazy-fade,img.lazy-blur{opacity:1 !important;filter:none !important;transform:none !important}}@media (prefers-reduced-motion:reduce){img.lazy,img.lazy-fade,img.lazy-blur,.lazy-skeleton{animation:none !important;transition:none !important}}