.album-design-section{min-height:100vh;padding:60px 20px}.album-design-section__container{max-width:1400px;margin:0 auto}.album-design-section__main-title{font-size:3.5rem;font-weight:800;text-align:center;color:#2c3e50;margin-bottom:60px;letter-spacing:-1px}.album-design-section__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px}.album-design-section__card{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.08);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);cursor:pointer;height:400px;background:#fff}.album-design-section__card:hover{transform:translateY(-8px);box-shadow:0 12px 35px rgba(0,0,0,0.15)}.album-design-section__image-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.album-design-section__image{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}.album-design-section__card:hover .album-design-section__image{transform:scale(1.1)}.album-design-section__overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.6) 50%,transparent 100%);padding:30px 25px;transform:translateY(0);transition:all 0.4s ease}.album-design-section__card:hover .album-design-section__overlay{background:linear-gradient(to top,rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.75) 60%,transparent 100%)}.album-design-section__overlay-content{position:relative;z-index:2}.album-design-section__overlay-title{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:10px;line-height:1.3;text-shadow:1px 2px 4px rgba(0,0,0,0.5)}.album-design-section__overlay-count{font-size:1rem;color:#ffd700;font-weight:600;display:inline-block;padding:6px 16px;background:rgba(255,215,0,0.2);border-radius:20px;border:1px solid rgba(255,215,0,0.4)}.album-design-section__albums-view{animation:fadeIn7 0.4s ease}.album-design-section__detail-view{animation:fadeIn7 0.4s ease}.album-design-section__back-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:#fff;color:#2c3e50;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;margin-bottom:40px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.album-design-section__back-btn:hover{background:#2c3e50;color:#fff;border-color:#2c3e50;transform:translateX(-5px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.album-design-section__back-btn svg{transition:transform 0.3s ease}.album-design-section__back-btn:hover svg{transform:translateX(-3px)}.album-design-section__detail-header{margin-bottom:50px;padding-bottom:30px;border-bottom:3px solid #e0e0e0}.album-design-section__detail-title{font-size:3rem;font-weight:800;color:#2c3e50;margin-bottom:15px;line-height:1.2}.album-design-section__detail-description{font-size:1.3rem;color:#666;line-height:1.7}.album-design-section__detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.album-design-section__detail-image{width:100%;height:280px;object-fit:cover;border-radius:12px;background:#fff;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:all 0.3s ease}.album-design-section__detail-image:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}@keyframes fadeIn7{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.album-design-section{padding:40px 15px}.album-design-section__main-title{font-size:2.5rem;margin-bottom:40px}.album-design-section__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.album-design-section__card{height:350px}.album-design-section__overlay-title{font-size:1.1rem}.album-design-section__detail-title{font-size:2rem}.album-design-section__detail-description{font-size:1.1rem}.album-design-section__detail-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.album-design-section__detail-image{height:220px}}@media(max-width:480px){.album-design-section__main-title{font-size:2rem}.album-design-section__grid{grid-template-columns:1fr;gap:20px}.album-design-section__card{height:320px}.album-design-section__overlay-title{font-size:1rem}.album-design-section__back-btn{padding:10px 20px;font-size:0.9rem}.album-design-section__detail-title{font-size:1.6rem}.album-design-section__detail-description{font-size:1rem}.album-design-section__detail-grid{grid-template-columns:1fr;gap:20px}.album-design-section__detail-image{height:250px}}