:root{--red:#df0016;--blue:#064d99;--deep:#06284f;--white:#fff;--light:#f4f7fb;--ink:#15171a;--muted:#707780;--side:245px;--player:82px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;background:#fff;padding:0 0 var(--player) var(--side)}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}aside{position:fixed;z-index:30;top:0;bottom:0;left:0;width:var(--side);background:#fff;border-right:1px solid #e2e4e8;padding:26px 24px 105px;display:flex;flex-direction:column}.logoLink{display:block}.logo{width:185px;height:58px;display:flex;align-items:center}.logo img{display:block;width:100%;height:auto;max-height:58px}aside nav{display:flex;flex-direction:column;margin-top:50px;gap:4px}aside nav a{padding:15px 18px;border-radius:8px;font-size:14px;font-weight:700;position:relative}aside nav a:hover,aside nav a.active{background:#f2f5f9;color:var(--red)}aside nav a.active:before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:4px;background:var(--red);border-radius:3px}.side-live{margin-top:auto;border-top:1px solid #e5e7eb;padding-top:18px}.side-live>small{font-size:10px;font-weight:900;letter-spacing:1px}.side-live>small i{display:inline-block;width:8px;height:8px;background:var(--red);border-radius:50%;box-shadow:0 0 0 4px #df001622;margin-right:7px}.side-live>div{display:flex;align-items:center;gap:10px;margin-top:14px}.side-cover{width:48px;height:48px;background:linear-gradient(135deg,#073d7e,#e00018);border-radius:9px;color:#fff;display:grid;place-items:center;font-size:22px}.side-live p{display:flex;flex-direction:column;margin:0;min-width:0}.side-live p b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:125px}.side-live p span{font-size:10px;color:#999;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:125px}.side-eq{height:30px;display:flex!important;align-items:center!important;gap:3px!important;margin-top:8px!important}.side-eq i{width:3px;height:10px;background:var(--red);animation:eq .7s infinite alternate}.side-eq i:nth-child(2),.side-eq i:nth-child(6){height:23px}.side-eq i:nth-child(3),.side-eq i:nth-child(5){height:17px}.side-eq i:nth-child(4){height:27px}.mobile-toggle{display:none}main{min-height:100vh}.messagebar{height:52px;background:#f6f8fb;border-bottom:1px solid #e3e8ee;padding:0 38px;display:flex;align-items:center;gap:24px;font-size:12px}.messagebar b{background:var(--red);color:#fff;padding:7px 10px;font-size:9px;letter-spacing:1px}.messagebar span{color:#68717c}.hero{min-height:560px;padding:70px 7vw;display:flex;align-items:center;justify-content:space-between;gap:6vw;background:linear-gradient(115deg,#f7f9fc 0 58%,#e4edf8 58%);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-120px;top:-180px;width:520px;height:520px;background:var(--red);border-radius:50%;opacity:.08}.hero>div:first-child{max-width:650px;position:relative;z-index:2}.hero small,.mix>small,.now-card>small,.about-card>small,.listen-panel small,.team-content small{font-size:10px;font-weight:900;color:var(--red);letter-spacing:2px}.hero h1{font-size:clamp(55px,7vw,96px);line-height:.88;letter-spacing:-5px;margin:24px 0}.hero h1 em{color:var(--red);font-style:normal}.hero p{font-size:18px;line-height:1.65;color:#5b6570;max-width:580px}.hero button,.now-inner button,.listen-panel button{border:0;background:var(--red);color:#fff;padding:15px 20px;font-size:12px;font-weight:900;border-radius:5px;margin:14px 13px 0 0}.hero>div:first-child>a{font-size:12px;font-weight:900;color:var(--blue)}.studio-card{width:360px;height:360px;background:linear-gradient(135deg,#073f80,#df0016);border-radius:18px;padding:22px;box-shadow:0 24px 60px #082b5030;position:relative;z-index:2;transform:rotate(2deg)}.studio-art{height:100%;border:1px solid #ffffff55;border-radius:12px;color:#fff;font-size:42px;font-weight:300;display:flex;align-items:center;justify-content:center;text-align:center;line-height:.9;background:repeating-linear-gradient(135deg,transparent 0 24px,#ffffff09 25px 26px)}.studio-art strong{font-size:82px}.studio-card>span{position:absolute;right:34px;top:34px;background:#fff;color:var(--red);padding:7px 10px;font-size:9px;font-weight:900}.mix{padding:90px 6vw;background:#fff}.mix h2{font-size:44px;margin:12px 0 35px}.mix-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mix-grid a{height:230px;position:relative;border-radius:10px;overflow:hidden;padding:24px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,#082e58,#0764b8)}.mix-grid a:nth-child(2){background:linear-gradient(145deg,#b30014,#ef1730)}.mix-grid a:nth-child(3){background:linear-gradient(145deg,#0d5b9f,#f4f7fb);color:#0b2f54}.mix-grid a:nth-child(4){background:linear-gradient(145deg,#152234,#5d7189)}.mix-grid a>div{position:absolute;inset:0;display:grid;place-items:center;font-size:100px;opacity:.2}.mix-grid a span{font-size:9px;font-weight:900;letter-spacing:1.5px;position:relative}.mix-grid a strong{font-size:18px;margin-top:7px;position:relative}.home-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;padding:0 6vw 90px;background:#fff}.home-grid article{border-radius:12px;padding:32px}.now-card{background:#0a1b2b;color:#fff}.now-card h2,.about-card h2{font-size:31px;margin:10px 0 24px}.now-inner{display:grid;grid-template-columns:180px 1fr;gap:25px;align-items:center}.big-cover{height:180px;background:linear-gradient(135deg,#064c99,#df0016);position:relative;display:grid;place-items:center;font-size:60px;border-radius:8px;overflow:hidden}.big-cover img,.large-art img{display:none;width:100%;height:100%;object-fit:cover}.big-cover>span,.large-art>span{position:absolute;top:8px;left:8px;background:var(--red);font-size:9px;padding:6px 8px;font-weight:900}.now-inner h3{font-size:22px;margin:10px 0 5px}.now-inner p{color:#9fb1c3;margin:0}.recent{border-top:1px solid #ffffff22;margin-top:24px;padding-top:18px;display:flex;justify-content:space-between;font-size:11px;color:#91a6ba}.about-card{background:linear-gradient(145deg,#edf3fa,#dce8f4);display:flex;flex-direction:column}.about-card p{line-height:1.7;color:#5e6e7d}.about-card a{color:var(--red);font-size:12px;font-weight:900}.about-card>b{margin-top:auto;font-size:28px;color:var(--blue)}.page-hero{min-height:340px;padding:90px 7vw 60px;color:#fff}.page-hero.blue{background:linear-gradient(125deg,#041e3c,#0764b8)}.page-hero.red{background:linear-gradient(125deg,#78000d,#ec1630)}.page-hero.team-bg{background:linear-gradient(125deg,#052b54,#df0016)}.page-hero small{font-size:10px;font-weight:900;letter-spacing:2px}.page-hero h1{font-size:64px;margin:15px 0}.page-hero p{font-size:18px;color:#d7e5f4}.listen-panel{margin:-45px auto 90px;background:#fff;width:min(900px,88%);padding:28px;border-radius:12px;box-shadow:0 20px 60px #062d5427;display:grid;grid-template-columns:310px 1fr;gap:45px;align-items:center;position:relative}.large-art{height:310px;background:linear-gradient(135deg,#064c99,#df0016);display:grid;place-items:center;font-size:90px;color:#fff;border-radius:8px;overflow:hidden;position:relative}.listen-panel h2{font-size:38px;margin:12px 0}.listen-panel h3{color:#607286}.listen-panel p{color:#667989}.music-list{padding:75px 7vw;display:grid;gap:15px}.music-list article{background:#f3f6fa;padding:28px;display:grid;grid-template-columns:100px 1fr;gap:22px;border-left:5px solid var(--red)}.music-list article>span{font-size:42px;font-weight:900;color:#ccd8e4}.music-list small{font-size:9px;color:var(--red);font-weight:900;letter-spacing:1px}.music-list h2{margin:7px 0;font-size:28px}.music-list p{color:#62717e}.team-content{padding:80px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.team-photo{height:380px;background:linear-gradient(135deg,#064c99,#df0016);display:grid;place-items:center;box-shadow:15px 15px 0 #092d55}.team-photo>div{color:#fff;font-size:42px;text-align:center}.team-photo strong{font-size:90px}.team-content h2{font-size:48px;margin:10px 0}.team-content p{color:#637380;line-height:1.8;font-size:17px}.team-content li{margin:10px 0;color:var(--blue);font-weight:700}footer{min-height:155px;background:#f3f6f9;border-top:1px solid #e0e6ec;padding:35px 6vw;display:flex;align-items:center;gap:30px}footer p{color:#687682;margin-right:auto}footer>span{font-size:12px;color:#8e979f}.bottom-player{position:fixed;z-index:50;bottom:0;left:var(--side);right:0;height:var(--player);background:linear-gradient(90deg,#c90014,#f00018 62%,#a80011);color:#fff;display:flex;align-items:center;padding:0 28px;gap:15px;box-shadow:0 -8px 30px #0002}.bottom-player .round{width:56px;height:56px;border-radius:50%;border:0;background:#fff;color:var(--red);font-size:18px}.player-cover{width:47px;height:47px;background:#111b25;border-radius:7px;display:grid;place-items:center}.bottom-player>div:nth-child(3){display:flex;flex-direction:column;gap:2px}.bottom-player small{font-size:8px;background:#fff;color:var(--red);width:max-content;padding:2px 4px;font-weight:900}.bottom-player strong{font-size:13px}.bottom-player span{font-size:10px;color:#ffd3d7}.player-spacer{flex:1}.bottom-player>b{font-size:11px}.bottom-player label{display:flex;align-items:center;gap:8px}.bottom-player input{accent-color:#fff;width:105px}.mobile-toggle{position:fixed;top:14px;left:14px;z-index:60;border:0;background:var(--red);color:#fff;border-radius:5px;width:43px;height:43px}@keyframes eq{to{transform:scaleY(.35)}}
@media(max-width:900px){body{padding-left:0}.mobile-toggle{display:block}aside{transform:translateX(-100%);transition:.25s;width:260px;box-shadow:10px 0 30px #0002}aside.open{transform:translateX(0)}.bottom-player{left:0}.hero{padding:95px 25px 60px;flex-direction:column;align-items:flex-start}.studio-card{width:100%;height:290px}.mix,.home-grid{padding-left:25px;padding-right:25px}.mix-grid{grid-template-columns:1fr 1fr}.home-grid{grid-template-columns:1fr}.listen-panel{grid-template-columns:1fr}.large-art{height:280px}.team-content{grid-template-columns:1fr}.messagebar{padding-left:70px}}
@media(max-width:560px){.messagebar{height:auto;min-height:55px;padding-top:10px;padding-bottom:10px}.hero h1{font-size:54px;letter-spacing:-3px}.mix h2{font-size:35px}.mix-grid{grid-template-columns:1fr}.mix-grid a{height:180px}.now-inner{grid-template-columns:1fr}.page-hero{padding:90px 25px 60px}.page-hero h1{font-size:45px}.listen-panel{padding:18px}.listen-panel h2{font-size:29px}.music-list{padding:55px 20px}.music-list article{grid-template-columns:58px 1fr;padding:20px}.team-content{padding:60px 25px}.team-photo{height:290px}.bottom-player{padding:0 12px}.player-cover,.bottom-player label{display:none}.bottom-player .round{width:48px;height:48px}.bottom-player>div:nth-child(3){max-width:190px}.bottom-player strong,.bottom-player span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}