:root{--primary-color:#8b4513;--primary-light:#d2691e;--primary-dark:#5d3a1a;--secondary-color:#daa520;--accent-color:peru;--success-color:#67c23a;--warning-color:#e6a23c;--danger-color:#f56c6c;--info-color:#909399;--text-primary:#303133;--text-regular:#606266;--text-secondary:#909399;--text-placeholder:#c0c4cc;--border-color:#dcdfe6;--border-color-light:#e4e7ed;--border-color-lighter:#ebeef5;--background-color:#f5f7fa;--background-color-white:#fff;--font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;--font-size-extra-large:20px;--font-size-large:18px;--font-size-medium:16px;--font-size-base:14px;--font-size-small:13px;--font-size-extra-small:12px;--border-radius-base:4px;--border-radius-small:2px;--border-radius-large:8px;--border-radius-round:20px}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--background-color);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:var(--primary-color);text-decoration:none;transition:color .3s}a:hover{color:var(--primary-light)}.container{margin:0 auto;max-width:1200px;padding:0 20px}.clearfix:after{clear:both;content:"";display:block}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.page-enter-active,.page-leave-active{transition:all .3s}.page-enter-from,.page-leave-to{opacity:0;transform:translateY(30px)}.image-wrapper{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f2f5 25%,#e8eaec,#f0f2f5 75%);background-size:200% 100%;overflow:hidden;position:relative}.lazy-image{opacity:0;transition:opacity .3s ease-in-out}.lazy-image.loaded{opacity:1}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.image-loaded{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.image-error{align-items:center;background:#f5f7fa;color:#c0c4cc;display:flex;justify-content:center}.image-error:before{content:"🖼️";font-size:24px}.avatar-wrapper{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f2f5 25%,#e8eaec,#f0f2f5 75%);background-size:200% 100%;border-radius:50%;height:100%;overflow:hidden;width:100%}.avatar-wrapper img{height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .3s ease;width:100%}.avatar-wrapper img.loaded{animation:none;background:none;opacity:1}.cover-wrapper{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f2f5 25%,#e8eaec,#f0f2f5 75%);background-size:200% 100%;height:100%;overflow:hidden;width:100%}.cover-wrapper img{height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .3s ease,transform .3s ease;width:100%}.cover-wrapper img.loaded{animation:none;background:none;opacity:1}.cover-wrapper img:hover{transform:scale(1.02)}.grid-image{border-radius:8px;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .3s ease;width:100%}.grid-image.loaded{opacity:1}.waterfall-image{display:block;opacity:0;transition:opacity .3s ease;width:100%}.waterfall-image.loaded{animation:fadeInUp .5s ease;opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.avatar-wrapper,.cover-wrapper,.image-wrapper{animation-duration:1s}}