.gallery-container{padding:2rem;max-width:1400px;margin:0 auto}.gallery-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.gallery-highlights{margin-bottom:3rem}.gallery-highlights h2{font-size:1.8rem;margin-bottom:1rem;color:var(--color-primary);position:relative;display:inline-block}.gallery-highlights h2:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:linear-gradient(90deg,#1890ff,#52c41a);border-radius:3px}.carousel-wrapper{position:relative;height:500px;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.2)}.carousel-item{position:relative;width:100%;height:100%}.carousel-image,.carousel-video{object-fit:cover;cursor:pointer}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:rgba(0,0,0,.5);color:white;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;opacity:.7}.carousel-nav:hover{opacity:1;background:rgba(0,0,0,.8);transform:translateY(-50%) scale(1.1)}.carousel-nav.prev{left:20px}.carousel-nav.next{right:20px}.carousel-info{position:absolute;bottom:80px;left:0;right:0;padding:1rem 2rem;background:linear-gradient(transparent,rgba(0,0,0,.7));color:white;z-index:5}.carousel-info h3{font-size:1.5rem;margin-bottom:.5rem}.carousel-info p{margin:0;opacity:.8}.carousel-thumbnails{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:10px;z-index:10;padding:0 20px;overflow-x:auto;scrollbar-width:none}.carousel-thumbnails::-webkit-scrollbar{display:none}.thumbnail{width:60px;height:40px;border-radius:4px;overflow:hidden;cursor:pointer;position:relative;flex-shrink:0;border:2px solid transparent;transition:all .3s ease}.thumbnail.active,.thumbnail:hover{transform:scale(1.1)}.thumbnail.active{border-color:var(--color-primary)}.thumbnail-image,.thumbnail-video,.thumbnail-video video{width:100%;height:100%;object-fit:cover}.gallery-filter{background:var(--color-bg);border-radius:8px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 2px 8px var(--color-primary)}.filter-controls{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.filter-tags{display:flex;flex-wrap:wrap;gap:.5rem}.type-tag{cursor:pointer;transition:all .2s ease;padding:4px 10px;border-radius:20px;color:var(--color-primary)}.type-tag:hover{opacity:.8;transform:translateY(-2px)}.more-tag{cursor:pointer;background:#f0f0f0}.gallery-grid{margin-top:2rem}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem}.gallery-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease}.gallery-item.primary{box-shadow:0 4px 20px rgba(255,215,0,.3)}.grid-image,.video-thumbnail{width:100%;height:100%;object-fit:cover}.video-thumbnail{position:relative;background:#000}.video-thumbnail video{width:100%;height:100%;object-fit:cover;opacity:.8}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:white;opacity:.8}.item-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.7));opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}.gallery-item:hover .item-overlay{opacity:1}.primary-badge{align-self:flex-end;background:rgba(0,0,0,.7);color:gold;padding:4px 10px;border-radius:20px;font-size:.8rem;display:flex;align-items:center;gap:4px}.item-info{color:white}.item-info h4{margin:0;font-size:1rem}.item-info p{margin:0;font-size:.8rem;opacity:.8}.empty-gallery{grid-column:1/-1;text-align:center;padding:3rem;color:#666;background:#f9f9f9;border-radius:8px}.gallery-modal .ant-modal-body{padding:0}.modal-content{position:relative;height:80vh;display:flex;flex-direction:column}.close-button{top:10px;right:10px;background:rgba(0,0,0,.7);width:40px;height:40px}.close-button,.modal-nav{position:absolute;z-index:10;color:white;border:none;display:flex;align-items:center;justify-content:center}.modal-nav{top:50%;transform:translateY(-50%);width:50px;height:50px;background:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;transition:all .3s ease}.modal-nav:hover{background:rgba(0,0,0,.8);transform:translateY(-50%) scale(1.1)}.modal-nav.prev{left:20px}.modal-nav.next{right:20px}.modal-image,.modal-video{width:100%;height:calc(80vh - 100px);object-fit:contain;background:#000}.modal-info{padding:1.5rem;background:var(--color-card);display:flex;flex-direction:column;gap:.5rem}.modal-info .info{display:none}.modal-info h3{margin:0;font-size:1.5rem}.item-description{color:#666;display:none}.modal-index{align-self:flex-end;color:#999;font-size:.9rem}@media (max-width:768px){.gallery-container{padding:1rem}.carousel-wrapper{height:300px}.carousel-info h3{font-size:1.2rem}.grid-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.modal-image,.modal-video{height:calc(80vh - 120px)}.filter-controls{flex-direction:column;align-items:stretch}.filter-controls>*{width:100%!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.grid-container>*{animation:fadeIn .5s ease forwards;animation-delay:calc(var(--index) * .1s)}.ant-tag.ant-tag-blue{color:var(--color-text)!important;background:var(--color-primary)!important;border-color:var(--color-primary)!important;padding:.1rem .5rem!important}.ant-btn-variant-text{color:var(--color-text);box-shadow:none;background:var(--color-primary);border-radius:.5rem}.ant-select-selection-placeholder{color:#fff!important}.item-overlay.primary-badge:empty{display:none!important}