.banner{width:100%;height:600px;position:relative;overflow:hidden}.banner .banner-track{height:100%;transition:transform .75s ease-in-out;display:flex}.banner .banner-track .banner-slide{min-width:100%;height:100%;position:relative}.banner .banner-dots{z-index:1;gap:10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.banner .banner-dot{all:unset;cursor:pointer;background-color:rgba(255,255,255,.4);border-radius:50px;width:10px;height:10px;transition:background-color .3s}.banner .banner-dot.active{background-color:#fff}.banner:after{content:"";background:linear-gradient(transparent,rgba(0,0,0,.5));width:100%;height:20%;position:absolute;bottom:0;left:0}@media (max-width:768px){.banner{height:70svh}}
.highlight-frame{flex:row;border-bottom:1px solid gray;justify-content:center;align-items:center;gap:20px;width:100%;height:auto;max-height:100%;margin-bottom:40px;padding-bottom:40px;padding-left:10px;padding-right:10px;transition:color .3s;display:flex}.highlight-frame:hover{cursor:pointer;color:#dc143c}.highlight-frame .image-section{flex-direction:row-reverse;flex-shrink:1;width:-moz-fit-content;width:fit-content;max-width:50%;height:100%;display:flex}.highlight-frame .image-section img{border-radius:10px;width:auto;max-width:100%;height:100%}.highlight-frame .info-section{flex-direction:column;justify-content:center;width:40%;height:100%;display:flex}.highlight-frame .info-section .album-data{gap:8px;font-size:15px;display:flex}.highlight-frame .info-section .album-data .separator{all:unset;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:start;font-size:40px;line-height:.39;display:flex}.highlight-frame .info-section .title{margin-bottom:10px;font-size:36px;font-weight:800}.highlight-frame .info-section .desc{font-size:16px;font-weight:600}.highlight-frame.right{flex-direction:row-reverse}.highlight-frame.right .image-section{flex-direction:row}.highlight-frame.right .info-section{text-align:end}.highlight-frame.right .info-section .album-data{flex-direction:row-reverse}@media (max-width:768px){.highlight-frame{flex-direction:column;gap:20px;width:100%;height:auto;max-height:none;padding-left:0;padding-right:0}.highlight-frame.right{flex-direction:column}.highlight-frame .image-section{flex-direction:column;justify-content:center;align-items:center;max-width:none}.highlight-frame .image-section img{aspect-ratio:auto;border-radius:5px;width:100%;height:auto}.highlight-frame .info-section{width:100%}.highlight-frame.right .info-section{text-align:start}.highlight-frame.right .info-section .album-data{flex-direction:row}}