body{font-family:Arial,sans-serif}.viewport{width:100%;overflow-x:hidden}.page{position:relative;width:1440px;height:4680px;margin:0 auto;background:var(--bg);overflow:hidden}.hero,.music,.special,.video,.schedule,.gallery,.footer,.player{position:absolute;left:0;width:1440px}
/* hero */
.hero{top:0;height:667px;overflow:hidden}.hero__image{position:absolute;inset:0;width:1440px;height:667px;object-fit:cover;border-radius:4px}.hero__brand{position:absolute;left:46px;top:29px;font:italic 32px/36px Georgia,serif}.hero__nav{position:absolute;left:551px;top:23px;height:37px;display:flex;align-items:center;gap:22px;padding:10px;font-size:15px;line-height:17px}.hero__listen{position:absolute;left:1259px;top:27px;width:119px;height:37px;display:flex;align-items:center;justify-content:center;background:#e80f34;border-radius:22px;font-size:15px}.hero__copy{position:absolute;left:19px;top:207px;width:421px;text-align:center}.hero__copy>div{font:18px/22px Inter,Arial,sans-serif;margin-bottom:2px}.hero__copy h1{margin:0;font:400 64px/73px Georgia,serif;text-align:center}.hero__credit{position:absolute;right:4px;bottom:8px;margin:0;font:11px/12px Arial,sans-serif;color:rgba(255,255,255,.8)}
/* music */
.music{top:667px;height:777px}.music__title{position:absolute;left:104px;top:104px;margin:0;font:400 48px/55px Georgia,serif}.music-item{position:absolute;left:104px;width:639px;height:250px}.music-item--one{top:193px}.music-item--two{top:515px}.music-item>img{position:absolute;left:0;top:0;width:250px;height:250px;object-fit:cover;border-radius:16px;box-shadow:0 0 0 1px rgba(0,0,0,.2),0 2px 6px rgba(0,0,0,.1)}.music-item__info{position:absolute;left:305px;top:36px}.music-item__info .date{font-size:14px;line-height:16px;color:var(--red);margin:0 0 14px}.music-item__info h3{margin:0 0 10px;font:400 46px/52px Georgia,serif;white-space:nowrap}.music-item__info .artist{font-size:16px;line-height:18px;color:#aaa;margin-bottom:20px}.listen-pill{display:flex;align-items:center;justify-content:center;width:100px;height:35px;background:#e80f34;border-radius:18px;font:13px/16px Inter,Arial,sans-serif}.playlist{position:absolute;left:1015px;top:189px;width:311px;height:558px;background:linear-gradient(180deg,#e90f34 0%,#bc0d29 100%);border-radius:16px;overflow:hidden;padding:30px 20px}.playlist h3{margin:0;font:bold 24px/28px Arial}.playlist>p{margin:0 0 28px;font-size:12px;line-height:14px;color:var(--cool)}.playlist__cover{position:relative;width:100px;height:100px;border-radius:4px;overflow:hidden}.playlist__cover>img{width:100%;height:100%;object-fit:cover}.playlist__play{position:absolute;left:52px;top:30px;width:35px;height:34px}.playlist__play img{width:35px;height:34px}.playlist ol{position:absolute;left:144px;top:76px;list-style:none;margin:0;padding:0;width:121px;display:flex;flex-direction:column;gap:18px}.playlist li{display:flex;flex-direction:column;gap:6px}.playlist li b{font-size:16px;line-height:18px}.playlist li span{font-size:13px;line-height:15px;color:var(--cool)}.playlist__controls{position:absolute;left:42px;bottom:67px;width:120px;height:36px;display:flex;align-items:center;justify-content:center;gap:22px}.playlist__controls button{width:20px;height:30px}.playlist__controls button.is-play{width:36px;height:36px;border-radius:50%;overflow:hidden}.playlist__controls img{width:20px;height:30px}.playlist__controls .is-play img{width:36px;height:36px}.playlist__bar{position:absolute;left:42px;bottom:33px;width:227px;height:3px;background:rgba(255,255,255,.25)}.playlist__bar span{display:block;width:61%;height:100%;background:#fff}.playlist__bar:after{content:"";position:absolute;left:61%;top:-4px;width:9px;height:9px;border-radius:50%;background:#fff}
/* special */
.special{top:1529px;height:508px}.special>h2{position:absolute;left:392px;top:0;width:515px;margin:0;text-align:center;font:400 48px/55px Georgia,serif}.artist-card{position:absolute;top:148px;width:340px;height:360px}.artist-card>img{position:absolute;left:0;top:0;width:360px;height:360px;object-fit:cover;border-radius:16px}.artist-card:after{content:"";position:absolute;left:0;top:0;width:360px;height:360px;border-radius:16px;box-shadow:inset 0 0 0 0 #ef3045}.artist-card>div{position:absolute;top:0;width:150px;height:89px;display:flex;flex-direction:column;justify-content:center;gap:29px}.artist-card h3{margin:0;font:400 36px/41px Georgia,serif;white-space:nowrap}.artist-card p{margin:0;font:16px/19px Inter,Arial,sans-serif;color:#eee;white-space:nowrap}.artist-card--one{left:70px}.artist-card--one>div{left:392px}.artist-card--two{left:1010px}.artist-card--two>div{left:-176px;align-items:flex-end;text-align:right}
/* video */
.video{top:2141px;height:442px}.video__frame{position:absolute;left:114px;top:22px;width:700px;height:394px;border-radius:16px;overflow:hidden;background:#101012}.video__frame>img{width:100%;height:100%;object-fit:cover}.video__play{position:absolute;left:325px;top:174px;width:50px;height:50px;border-radius:24px;overflow:hidden;background:rgba(255,255,255,.5)}.video__play img{width:50px;height:50px}.video__info{position:absolute;left:934px;top:31px}.video__info .eyebrow{margin:0 0 30px;font:15px/17px Georgia,serif}.video__info h2{margin:0 0 20px;font:bold 48px/55px Arial,sans-serif}.video__info p{margin:0;font-size:16px;line-height:18px;color:var(--cool)}.video__vinyl{position:absolute;left:856px;top:228px;width:155px;height:155px;opacity:.4}.video__more{position:absolute;right:113px;bottom:18px;font-size:14px}.video__more span{display:inline-flex;width:30px;height:30px;border:1px solid #fff;border-radius:50%;align-items:center;justify-content:center;margin-left:7px}
/* schedule */
.schedule{top:2604.5px;height:915px;padding:36px 70px}.schedule__header{position:absolute;left:70px;top:36px;width:258px;height:135px}.schedule__header .red-mark{position:absolute;left:0;top:3px;width:6px;height:28px;background:#f51d3d;border-radius:3px}.schedule__header p{position:absolute;left:24px;top:4px;margin:0;font-size:20px;line-height:23px;color:#a7a7ad}.schedule__header h2{position:absolute;left:0;top:34px;margin:0;font:400 48px/55px Georgia,serif}.schedule__header span{position:absolute;left:0;top:98px;font-size:16px;line-height:18px;color:#77777f}.schedule__header i{position:absolute;left:0;top:137px;width:46px;height:3px;background:#f51d3d}.timeline{position:absolute;left:305px;top:252px;width:2px;height:500px;background:#d91c38}.events{position:absolute;left:70px;top:207px;width:1295px;height:564px}.event{position:absolute;left:0;width:1295px;height:129px}.event:nth-child(1){top:0}.event:nth-child(2){top:145px}.event:nth-child(3){top:290px}.event:nth-child(4){top:435px}.event__date{position:absolute;left:0;top:0;width:250px;height:77px}.event__date b{display:block;color:#ff2343;font:bold 44px/51px Arial}.event__date span{display:block;margin:5px 0 0 3px;color:#9a9aa1;font-size:15px;line-height:17px}.event__date i{position:absolute;left:221px;top:22px;width:30px;height:30px;border:3px solid #f21b3b;border-radius:50%;background:#101012;box-shadow:0 0 0 0 #ff3150}.event__card{position:absolute;left:280px;top:4px;width:1015px;height:125px;border:1.5px solid #3a3a40;border-radius:18px;background:linear-gradient(135deg,rgba(23,23,26,.66),rgba(16,16,18,.66));overflow:hidden}.event__card:before{content:"";position:absolute;left:24px;top:22px;width:180px;height:81px;border-radius:12px;background:#351014;border:1px solid #7d1a29}.wave{position:absolute;left:24px;top:22px;width:180px;height:81px;object-fit:cover;border-radius:12px}.event__main{position:absolute;left:222px;top:22px}.event__main h3{margin:0 0 8px;font:bold 23px/26px Arial;white-space:nowrap}.event__main h3 em{font-style:normal;font:bold 12px/14px Arial;padding:6px 9px 5px;border-radius:16px;background:linear-gradient(90deg,#ff2442,#d9002b);margin-left:8px}.event__main p{margin:0 0 9px;font-size:12px;line-height:15px;color:#d8d8dc}.loc-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#f21b3b;margin-right:7px}.chips{display:flex;gap:12px}.chips b{font:12px/14px Arial;padding:4px 9px;background:#ff2442;border-radius:12px}.event__time{position:absolute;left:752px;top:34px;height:68px;border-left:2px solid #333;padding-left:23px;display:flex;align-items:center;gap:14px;font-size:15px}.clock{width:20px;height:20px;border:2px solid #ff2343;border-radius:50%;position:relative}.clock:before{content:"";position:absolute;left:8px;top:3px;width:2px;height:7px;background:#ff2343}.clock:after{content:"";position:absolute;left:8px;top:9px;width:6px;height:2px;background:#ff2343;transform:rotate(30deg);transform-origin:left center}.ticket{position:absolute;right:22px;top:40px;width:82px;height:43px;background:#ff2343;border-radius:22px;display:flex;align-items:center;justify-content:center;gap:8px;font:bold 14px/16px Arial}.ticket b{font-size:20px;font-weight:400}.past{position:absolute;left:70px;top:807px;width:1300px;height:72px;border-top:1px dashed rgba(255,255,255,.25);color:#77777f;padding-top:17px}.past>span{font-size:13px}.past>b{position:absolute;left:240px;top:30px;font:bold 32px/37px Arial}.past>small{position:absolute;left:340px;top:40px;font-size:13px}.past>p{position:absolute;left:390px;top:39px;margin:0;font-size:15px}.past>em{position:absolute;left:590px;top:39px;font-style:normal;font-size:11px;padding:3px 9px;border-radius:12px;background:#666;color:#aaa}.past>button{position:absolute;right:10px;top:40px;width:105px;height:35px;border:1px solid #777;border-radius:18px;color:#777;font-size:13px}
/* gallery */
.gallery{top:3598px;height:638px}.gallery__header{position:absolute;left:74px;top:0;width:700px;height:108px}.gallery__header>p{margin:0;color:#e51b2d;font-size:17px;line-height:20px}.gallery__header h2{margin:8px 0 0;font:400 48px/55px Georgia,serif}.header-line{position:absolute;left:145px;top:15px;width:241px;height:1px;background:#e51b2d}.star{position:absolute;left:391px;top:0;width:35px;height:36px}.subtitle-line{position:absolute;left:115px;top:91px;width:298px;height:17px}.subtitle-line:before{content:"";position:absolute;left:0;top:0;width:16px;height:17px;background:#e7192d}.subtitle-line:after{content:"";position:absolute;left:24px;top:8px;width:274px;height:1px;background:#e7192d}.gallery__filters{position:absolute;right:218px;top:80px;display:flex;gap:31px;align-items:center}.gallery__filters button{font-size:11px;color:#c91429}.gallery__filters .active{color:#fff;background:linear-gradient(90deg,#ff2442,#d9002b);padding:6px 9px 5px;border-radius:16px}.gallery__filter-line{position:absolute;right:104px;top:91px;width:51px;height:1px;background:#c91429}.gallery__note-head{position:absolute;right:61px;top:66px;width:43px;height:43px}.gallery__note-left{position:absolute;left:188px;top:311px;width:102px;height:79px}.gallery__note-right{position:absolute;right:115px;top:305px;width:140px;height:150px}.gallery-card{position:absolute;top:144px;width:340px;height:390px;border:2px solid #ef3045;border-radius:28px;padding:20px}.gallery-card--one{left:298px}.gallery-card--two{left:838px}.gallery-card__inner{position:relative;width:300px;height:350px;border-radius:24px;overflow:hidden}.gallery-card__inner>img:first-child{width:100%;height:100%;object-fit:cover}.gallery-card .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(138,0,27,0),rgba(138,0,27,.95))}.caption{position:absolute;left:30px;bottom:16px}.caption small{display:block;font-size:13px;line-height:15px;margin-bottom:7px}.caption strong{font:400 25px/33px "Microsoft YaHei",Arial,sans-serif}.gallery-card .arrow{position:absolute;right:30px;bottom:20px;width:40px;height:40px}.gallery__foot{position:absolute;left:218px;top:602px;font-size:12px;line-height:14px;color:#a04452}
/* footer */
.footer{top:4236px;height:332px}.footer__panel{position:absolute;left:0;top:39px;width:1440px;height:277px;border-radius:24px;background:linear-gradient(90deg,#8f0019,#c9152b 55%,#ed2638);opacity:.92}.footer__logo{position:absolute;left:49px;top:50px;width:228px}.footer__logo small{display:block;font-size:14px;line-height:16px}.footer__logo strong{display:block;font:bold 44px/51px Arial;margin-top:4px}.footer__logo i{position:absolute;left:161px;top:7px;width:68px;height:1px;background:#fff}.footer__logo p{margin:25px 0 0;color:#ffd7dc;font-size:13px}.footer__divider{position:absolute;left:345px;top:44px;width:1px;height:84px;background:rgba(255,255,255,.4)}.footer__nav{position:absolute;left:395px;top:56px;width:563px;display:flex;justify-content:space-between}.footer__nav div{display:flex;flex-direction:column;gap:10px}.footer__nav a{font-size:18px;line-height:21px}.footer__nav span{font-size:13px;line-height:15px}.footer__slogan{position:absolute;left:40px;top:196px;display:flex;align-items:center;gap:20px}.footer__slogan b{font-size:48px;font-weight:300;color:#ff9ba5;line-height:29px}.footer__slogan span{font-size:15px}.footer__socials{position:absolute;left:793px;top:200px;display:flex;gap:15px}.footer__socials img{width:35px;height:35px}.footer__copy{position:absolute;right:55px;top:209px;margin:0;font-size:13px}.vinyl{position:absolute;right:25px;top:-39px;width:297px;height:297px;border-radius:50%;background:radial-gradient(circle,#ff5968 0 20%,#d92338 20% 55%,#870014 100%);opacity:.8}.vinyl:before,.vinyl:after{content:"";position:absolute;border:1px solid #ff7580;border-radius:50%}.vinyl:before{inset:38px}.vinyl:after{inset:93px}.vinyl i{position:absolute;left:96px;top:94px;width:109px;height:109px;border-radius:50%;background:#ff6b76}.vinyl b{position:absolute;left:141px;top:139px;width:20px;height:20px;border-radius:50%;background:#c9152b}.footer__dot{position:absolute;right:13px;top:208px;width:16px;height:16px;background:#ff3348;border-radius:50%}
/* player */
.player{top:4568px;height:112px;background:rgba(255,255,255,.08);border-radius:22px 22px 0 0}.player__cover{position:absolute;left:34px;top:12px;width:88px;height:88px;object-fit:cover;border-radius:4px}.player__track{position:absolute;left:141px;top:33px;display:flex;flex-direction:column;gap:9px}.player__track b{font:bold 16px/18px Arial}.player__track span{font-size:13px;line-height:15px;color:var(--cool)}.player__progress{position:absolute;left:313px;top:48px;width:299px;height:15px}.player__progress .time{font-size:13px;line-height:15px}.player__progress i{position:absolute;left:36px;top:6px;width:227px;height:3px;background:rgba(255,255,255,.25)}.player__progress i:before{content:"";position:absolute;left:0;width:138px;height:3px;background:#fff}.player__progress i:after{content:"";position:absolute;left:134px;top:-3px;width:9px;height:9px;border-radius:50%;background:#fff}.player__progress .end{position:absolute;right:0}.player__controls{position:absolute;left:660px;top:38px;width:120px;height:36px;display:flex;gap:22px;align-items:center}.player__controls button:first-child,.player__controls button:last-child{width:20px;height:30px}.player__controls button img{width:20px;height:30px}.player__controls .play{width:36px;height:36px;border-radius:50%;overflow:hidden}.player__controls .play img{width:36px;height:36px}.player__queue{position:absolute;left:828px;top:45px;width:22px;height:22px}.player__queue:before,.player__queue:after{content:"";position:absolute;left:0;width:22px;height:2px;background:#fff}.player__queue:before{top:0}.player__queue:after{top:8px}.player__queue span{position:absolute;left:0;top:16px;width:16px;height:2px;background:#fff}.player__queue i{position:absolute;right:0;top:14px;width:0;height:0;border-left:6px solid #fff;border-top:4px solid transparent;border-bottom:4px solid transparent}.player__wave{position:absolute;left:950px;top:38px;width:209px;height:36px;background:repeating-linear-gradient(90deg,transparent 0 7px,#fff 7px 10px,transparent 10px 15px);mask-image:linear-gradient(90deg,transparent 0 2%,#000 2% 98%,transparent 98%);opacity:.55}.player__volume{position:absolute;left:1255px;top:45px;width:137px;height:22px;display:flex;align-items:center}.player__volume img{width:22px;height:22px}.player__volume i{margin-left:6px;width:109px;height:2px;background:rgba(255,255,255,.25);position:relative}.player__volume i:before{content:"";position:absolute;width:61px;height:2px;background:#fff}.player__volume i:after{content:"";position:absolute;left:59px;top:-3px;width:8px;height:8px;border-radius:50%;background:#fff}.player__extra{position:absolute;right:18px;top:38px;width:36px;height:36px;opacity:.6}
@media (min-width:768px) and (max-width:1439px){.page{transform-origin:top center;transform:scale(calc(100vw / 1440));margin-left:calc((100vw - 1440px)/2);margin-right:0}.viewport{height:calc(4680px * (100vw / 1440))}}