@media (max-width:1200px){.hero h2{max-width:100%}.headermain p{max-width:400px}}@media (max-width:960px){.flex{flex-wrap:wrap}.hero .notic,.hero .slider-swiper{width:100%}.hero .notic{text-align:center;order:2}.sub b a{font-size:larger}.swiper-button-next:after,.swiper-button-prev:after{font-size:x-large}main{margin:0 auto;width:98%}.menu-toggle{display:block;color:#ddd}.menu{position:fixed;top:0;right:-300px;width:250px;height:100vh;background:var(--color-dark);flex-direction:column;padding-top:60px;gap:0;transition:right 0.3s ease;z-index:1000;overflow-y:auto}.menu li{position:relative;padding:0 10px;display:block}.submenu{display:block;max-height:0;overflow:hidden;transition:max-height 0.3s ease;max-height:0;position:static;padding:0}.menu li.active>.submenu{max-height:500px}.menu li>a{display:flex;justify-content:space-between;padding:15px;position:relative}.overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgb(255 255 255 / 50%);opacity:0;visibility:hidden;transition:opacity 0.3s ease;z-index:900}.menu.show{right:0;margin:0;align-items:revert;padding:20px}.overlay.show{opacity:1;visibility:visible}.menu li a .arrow{display:inline-flex;align-items:center;justify-content:center;transition:transform 0.3s ease;transform:rotate(0deg)}.menu li.active>a .arrow{transform:rotate(-90deg)}.footerMain{text-align:center}.footerMain p{text-align:center}.footerMain>div.about{width:100%;font-size:small}.footerMain>div{font-size:small;width:100%}.footerMain .social{margin-bottom:20px}.copyright{text-align:center}.footerMain ul{column-count:2}.design{place-content:center;width:100%}.headerbar{justify-content:space-between;gap:0}.headerbar .logo{width:20%}.headerbar .headermain{width:75%}.headermain p{max-width:87%}.headermain h1{font-size:medium;display:inline-block}.headermain nav{display:inline-block;float:left}.headerbar .logo img{width:70px;height:auto}.headerleft{background:none;height:25px}.headerleft strong{position:relative;right:unset;bottom:unset;text-align:center}.headerbar{margin-bottom:10px}.headerleft strong span{display:inline;font-size:small}.box{padding:10px;margin-bottom:10px;border-radius:10px}section{margin-bottom:20px}.people a{border-radius:10px;display:flex;align-items:center;gap:10px;padding:0;width:100%}.people a img{max-width:max-content;width:50px;margin:0}.people a b{font-size:small;white-space:pre}.people a span{display:none}.last .swiper-slide{max-width:500px}.postBar{gap:20px}.postBar fiqure{height:-webkit-fill-available}.postBar .desc{width:66%;padding:20px 0}.postBar .desc h1{font-size:x-large}.postBar .people a{padding:0 5px}.postBar .people a b{white-space:nowrap}.postBar .people a img{width:40px}#music-player .main{width:95%}.player-cover img{width:45px;height:45px;border-radius:15px}.player-inner{min-width:auto;gap:5px;padding:8px}.player-inner a{line-height:0}.player-info{gap:0;min-width:30%}#player-title{font-size:11px;font-weight:500}#play-btn{margin-right:auto}#seek-bar{width:30%}.archive .post{width:30%}}@media (max-width:600px){.hero{gap:10px}.hero img{width:100%}.hero .slider-swiper img{border-radius:5px}.hero .slider-swiper{border-radius:5px}.hero .notic{border-radius:5px}.postBar fiqure{display:contents}.postBar{border-radius:10px}.postBar .desc{width:100%;padding:0 20px 20px;font-size:small}.postBar .desc h1{font-size:large}.postBar .people{margin-top:5px;gap:0}.bigTitle{font-size:large}.track-item{gap:5px;padding:3px 15px 3px 4px;margin-bottom:5px;border-radius:14px;font-size:small;line-height:3}.track-item b{white-space:nowrap;overflow:hidden;word-break:keep-all;text-overflow:ellipsis}.bigFooter{justify-self:center}.bigFooter a.moreLink{border-radius:5px;font-weight:500;font-size:smaller;margin-top:15px;display:block}.event .post a.postTitle{font-size:smaller}.archive .main.flex{gap:10px}.archive .post{width:47%}.archive .post figure.postImg{aspect-ratio:1 / 1}}