*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F7F8F5;color:#40525A;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:#24333B;line-height:1.25}h1{font-size:clamp(2rem,4.2vw,3.1rem)}h2{font-size:clamp(1.55rem,2.6vw,2.15rem)}h3{font-size:1.16rem}.wrap{width:min(1360px,calc(100% - 64px));margin-inline:auto}.section{padding-top:78px;padding-bottom:78px}.top{background:#17353D;color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 8px 28px #132e3417}.top-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-size:25px;display:flex;align-items:center;gap:8px;font-weight:850;letter-spacing:-1px;color:#fff}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:#B77C33;color:white}.brand-light{font-size:13px;letter-spacing:3px;color:#F3C98C;margin-left:4px}.desktop-nav{display:flex;gap:34px;font-size:14px;font-weight:650}.desktop-nav a:hover,.top-actions a:hover{color:#F3C98C}.top-actions{display:flex;align-items:center;gap:14px}.search-short{border:1px solid #688489;padding:8px 16px;border-radius:99px;font-size:14px}.menu-button{display:none;border:0;background:transparent;color:white;font-size:26px}.mobile-drawer,.drawer-shade{display:none}.eyebrow,.micro{color:#367F8B;font-size:11px;letter-spacing:2.2px;font-weight:800;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:#224850;color:white;border:0;padding:12px 21px;border-radius:9px;font-size:14px;font-weight:750}.btn:hover{background:#367F8B}.btn-gold{background:#B77C33}.btn-gold:hover{background:#8C5C22}.outline{background:transparent;border:1px solid #cbdad7;color:#224850}.home-hero{background:linear-gradient(135deg,#e5f2f0,#f5f2eb);padding:36px 0 8px}.hero-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(290px,.85fr);gap:20px}.hero-stage{background:radial-gradient(circle at 90% 8%,#386b74 0,transparent 35%),linear-gradient(130deg,#17353D,#27535C);min-height:420px;color:white;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;padding:24px 42px}.stage-meta,.stage-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;color:#c6d7da;font-size:11px;letter-spacing:1px}.onair{border:1px solid #79979e;padding:5px 12px;border-radius:50px;color:#F7CF8A}.stage-content{margin:auto 0;max-width:640px;padding:24px 0}.stage-content h1{color:#fff;font-weight:850;line-height:1.15;font-size:clamp(36px,4.2vw,58px);margin:14px 0}.stage-content em{color:#F2C891;font-style:normal}.stage-content p{color:#d3e0df;max-width:520px;font-size:15px;margin-bottom:28px}.stage-content .micro{color:#b7dedb}.stage-bottom{border-top:1px solid #64828a;padding-top:15px}.hero-side{background:white;border-radius:20px;padding:28px;display:flex;flex-direction:column}.side-head h2{font-size:25px;margin:9px 0 12px}.side-program{display:flex;gap:17px;align-items:start;border-top:1px solid #e5ece9;padding:23px 0}.side-program:hover strong{color:#367F8B}.side-index{font-size:29px;color:#B77C33;font-weight:800;line-height:1}.side-program div{display:grid;gap:3px}.side-program small{color:#367F8B}.side-program strong{font-size:17px;color:#24333B}.side-program div>span{font-size:12px;color:#75868B}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}.section-head h2{margin:9px 0}.section-head p{margin:0;max-width:670px}.text-link{font-size:14px;color:#367F8B;font-weight:750;white-space:nowrap}.tickets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.ticket{background:white;border:1px solid #DDE5E2;padding:22px 22px 17px;border-radius:13px;min-height:206px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.ticket:hover{transform:translateY(-3px);border-color:#367F8B}.ticket:nth-child(4n+2){border-top:3px solid #B77C33}.ticket:nth-child(4n+3){border-top:3px solid #8073A0}.ticket:nth-child(4n+4){border-top:3px solid #367F8B}.ticket-number{display:flex;align-items:center;justify-content:space-between;color:#B77C33;font-size:11px;font-weight:800}.ticket-number span{font-size:23px}.ticket h3{margin:8px 0}.ticket p{font-size:13px;line-height:1.65;flex:1}.ticket-foot{display:flex;justify-content:space-between;font-size:12px;color:#367F8B;font-weight:750;border-top:1px dashed #DDE5E2;padding-top:10px}.program-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.program-card{display:block;background:white;overflow:hidden;border:1px solid #E0E7E3;border-radius:14px;transition:box-shadow .2s,transform .2s}.program-card:hover{box-shadow:0 15px 30px #193c4313;transform:translateY(-2px)}.program-thumb,.media-fallback{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.media-fallback{background:radial-gradient(circle at 83% 22%,#5d9395,#244a55 45%,#17353D);display:flex;align-items:end;padding:17px;color:#d5e2dd;font-size:10px;letter-spacing:3px}.program-card:nth-child(3n+2) .media-fallback{background:linear-gradient(145deg,#62637b,#283d4e)}.program-card:nth-child(3n) .media-fallback{background:linear-gradient(145deg,#b58a64,#4b6970)}.program-body{padding:18px}.program-body h3{margin:7px 0 9px}.program-body p{font-size:13px;line-height:1.7;min-height:65px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.card-link{color:#367F8B;font-size:12px;font-weight:800}.dark-feature{background:#17353D;padding:75px 0}.light-head h2{color:white}.light-head p{color:#cbdad9}.duo{display:grid;grid-template-columns:1fr 1fr;gap:22px}.duo-card{background:#224850;border-radius:18px;overflow:hidden;color:#e5eeea}.duo-card img,.duo-card .media-fallback{height:200px;object-fit:cover}.duo-card div:last-child{padding:24px}.duo-card h3{color:white;font-size:25px;margin:8px 0}.duo-card p{font-size:14px}.duo-card div span{color:#F1C78B;font-size:12px;font-weight:750}.editorial{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px}.editorial-visual img,.editorial-visual .media-fallback{aspect-ratio:16/10;border-radius:18px}.editorial>div:last-child{max-width:500px}.editorial h2{font-size:40px;margin:12px 0}.editorial p{font-size:16px;margin-bottom:26px}.route-grid{border-top:2px solid #224850;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.route-item{padding:22px 0 0;display:grid;gap:6px}.route-dot{border:4px solid #F7F8F5;outline:2px solid #B77C33;background:#B77C33;height:13px;width:13px;border-radius:50%;margin-top:-30px}.route-item>span:nth-child(2){font-size:19px;font-weight:800;color:#24333B}.route-item small{color:#367F8B}.three-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.three-panels article{background:#E5F2F4;padding:34px;border-radius:15px;min-height:265px}.three-panels article:nth-child(2){background:#F0EDF6}.three-panels article:nth-child(3){background:#FAEFD9}.three-panels h2{margin-top:12px;font-size:25px}.three-panels p{font-size:14px}.three-panels a{font-size:13px;font-weight:800;color:#367F8B}.schedule-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#E4F0EF;border-radius:17px;padding:37px 43px}.schedule-strip h2{margin:8px 0}.schedule-strip p{margin:0;max-width:700px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.collection{display:block;background:white;border:1px solid #E0E7E3;border-radius:15px;overflow:hidden}.collection img,.collection .media-fallback{aspect-ratio:16/9;object-fit:cover}.collection>div:last-child{padding:23px}.collection h3{margin:3px 0 10px}.collection p{font-size:13px}.collection div>span:last-child{font-size:12px;color:#367F8B;font-weight:800}.footer{background:#17353D;color:#bccfd0;margin-top:60px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;padding:63px 0}.footer-brand{color:#F2C891;font-size:26px;font-weight:900}.footer p{max-width:360px;font-size:13px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:9px;font-size:13px}.footer-grid strong{color:white;margin-bottom:8px}.footer-bottom{font-size:11px;border-top:1px solid #44656c;padding:20px 0}.bottom-nav{display:none}.page{min-height:64vh}.page-intro{margin-bottom:42px;border-bottom:1px solid #dce6e2;padding-bottom:30px}.page-intro h1{margin:13px 0}.page-intro h1 span{font-size:13px;color:#809196;letter-spacing:1px;font-weight:600}.page-intro p{max-width:740px;font-size:16px}.channel-rail{display:grid;grid-template-columns:repeat(8,1fr);gap:9px;margin-bottom:35px}.rail-item{text-align:center;padding:14px 8px;background:white;border:1px solid #e0e8e4;border-radius:11px;font-size:12px}.rail-item span{display:block;font-size:25px}.rail-item strong{display:block;line-height:1.4}.rail-item.active{background:#224850;color:white}.browse-layout{display:grid;grid-template-columns:240px 1fr;gap:37px}.filter-panel{align-self:start;background:#fff;border:1px solid #e0e8e4;border-radius:14px;padding:25px}.filter-panel h2{font-size:20px}.filter-panel form{display:grid;gap:11px}.filter-panel label{font-size:13px;font-weight:800;margin-top:8px}.filter-panel input,.filter-panel select{width:100%;padding:11px;border:1px solid #cbd8d7;border-radius:9px;background:white;color:#24333B;font-size:13px}.filter-panel form>a{font-size:12px;text-align:center;color:#367F8B}.filter-note{font-size:12px;color:#62747C;border-top:1px solid #e3ece8;margin-top:22px;padding-top:16px}.result-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.result-title h2{margin:4px 0}.result-title>span{font-size:13px}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.pagination{display:flex;gap:8px;flex-wrap:wrap;margin:32px 0}.pagination a{border:1px solid #ccdcd8;padding:5px 13px;border-radius:6px;background:white}.pagination a[aria-current]{background:#224850;color:white}.empty{background:white;border-radius:15px;padding:65px 25px;text-align:center}.crumb{font-size:13px;margin-bottom:22px;color:#71878a}.crumb a{color:#367F8B}.live-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:30px}.player-shell{background:#17353D;border-radius:15px;overflow:hidden;color:white}.player-top{display:flex;justify-content:space-between;padding:13px 19px;border-bottom:1px solid #44656c;font-size:12px}.player{width:100%;aspect-ratio:16/9;display:block;background:black}.player-message{padding:12px 19px;font-size:12px;color:#cddcdb}.player-unavailable{aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;background:radial-gradient(circle at 75% 15%,#386570,#15343C 70%)}.play-illustration{font-size:50px;color:#F0CB92}.player-unavailable strong{font-size:20px}.player-unavailable p{max-width:430px;font-size:13px;margin:7px 0}.live-article{background:white;border:1px solid #e4ebe7;border-radius:15px;margin-top:24px;padding:35px}.live-article h1{font-size:36px;margin:8px 0}.live-article h2{font-size:22px;margin-top:30px}.live-article .lead{font-size:17px;color:#224850}.info-chips{display:flex;gap:9px;flex-wrap:wrap}.info-chips span{background:#E5F2F4;color:#245F6B;padding:6px 12px;border-radius:8px;font-size:12px}.live-sidebar{align-self:start;background:white;border:1px solid #e1eae6;border-radius:15px;padding:23px}.live-sidebar h2{font-size:23px}.related{display:flex;gap:10px;border-top:1px solid #e5ece9;padding:17px 0}.related>span{color:#B77C33}.related strong,.related small{display:block}.related strong{font-size:14px;color:#24333B}.related small{font-size:11px;margin-top:5px}.live-sidebar .btn{width:100%;margin-top:14px}.timetable-summary{padding:45px;background:#224850;color:white;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:35px}.timetable-summary h2{color:white;margin:12px 0}.timetable-summary p{max-width:670px;color:#d4e3e0}.calendar-icon{font-size:85px;line-height:1;text-align:center;color:#F0C992}.calendar-icon span{display:block;font-size:12px;margin-top:18px;color:#e5ebde}.sub-title{margin:45px 0 22px}.timetable-channels{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.timetable-channels a{background:white;padding:22px;border-radius:12px;display:grid;gap:6px}.timetable-channels span{font-size:26px}.timetable-channels small{color:#367F8B}.show-collections{grid-template-columns:repeat(4,1fr)}.show-collections .collection{min-height:290px}.selected-collection{padding:40px;background:#E4F0EF;border-radius:17px;margin-bottom:28px}.selected-collection h2{margin:10px 0}.selected-collection a{color:#367F8B;font-size:13px;font-weight:800}.spaced{margin-top:60px}.studio-lead{display:grid;grid-template-columns:1.4fr .6fr;gap:20px;align-items:center;background:#224850;color:#dce9e6;padding:45px;border-radius:18px;margin-bottom:24px}.studio-lead h2{color:white;max-width:550px;font-size:32px;margin:13px 0}.studio-lead p{max-width:590px}.studio-symbol{font-size:95px;font-weight:900;text-align:center;color:#F2CC92}.studio-symbol span{font-size:20px;letter-spacing:5px}.studio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.studio-grid article{background:white;border-radius:13px;padding:25px;border:1px solid #e0e8e4}.studio-emoji{display:block;font-size:30px;margin-bottom:9px}.studio-grid h3{margin:12px 0}.studio-grid p{font-size:13px;min-height:100px}.studio-grid a{font-size:12px;color:#367F8B;font-weight:800}.notice{background:#FAEFD9;padding:20px;border-radius:10px;font-size:13px;margin-top:25px}.about-grid{display:grid;grid-template-columns:240px 1fr;gap:70px}.about-grid aside{align-self:start;position:sticky;top:110px;display:grid;gap:9px}.about-grid aside a{padding:11px 15px;background:white;border:1px solid #e5ece9;border-radius:7px;font-size:13px}.about-grid article{background:white;border-radius:16px;padding:36px 45px}.about-grid article section{padding:23px 0;border-bottom:1px solid #e7eeeb;scroll-margin-top:105px}.about-grid article section:last-child{border:0}.about-grid article p{line-height:1.9}.about-grid article h2{margin:12px 0}.drawer-open{overflow:hidden}
@media(max-width:1100px){.desktop-nav{gap:16px}.tickets{grid-template-columns:repeat(4,1fr)}.program-grid{grid-template-columns:repeat(3,1fr)}.channel-rail{grid-template-columns:repeat(4,1fr)}.show-collections,.studio-grid{grid-template-columns:repeat(2,1fr)}.hero-layout{grid-template-columns:1.6fr 1fr}.hero-stage{padding:25px}.result-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.wrap{width:calc(100% - 34px)}.section{padding-top:48px;padding-bottom:48px}.top-inner{height:65px}.desktop-nav,.search-short span{display:none}.menu-button{display:block}.search-short{padding:4px 11px;font-size:23px}.mobile-drawer:not([hidden]){display:flex;position:fixed;z-index:102;right:0;top:0;bottom:0;width:min(310px,85vw);background:#17353D;flex-direction:column;gap:10px;padding:75px 25px 25px;color:white}.mobile-drawer a{padding:11px;border-bottom:1px solid #46666d}.drawer-close{position:absolute;right:20px;top:20px;color:white;border:0;background:transparent;font-size:23px}.drawer-shade:not([hidden]){display:block;position:fixed;inset:0;z-index:101;background:#0008}.home-hero{padding-top:15px}.hero-layout{grid-template-columns:1fr}.hero-stage{min-height:350px;padding:22px}.stage-content h1{font-size:37px}.stage-bottom{font-size:10px;flex-wrap:wrap}.hero-side{padding:20px}.side-program{padding:13px 0}.section-head{align-items:start}.section-head p{font-size:14px}.tickets{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ticket{min-height:195px;padding:15px}.ticket h3{font-size:15px}.ticket p{font-size:12px}.program-grid,.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.program-body{padding:13px}.program-body h3{font-size:15px}.program-body p{font-size:12px;min-height:80px}.dark-feature{padding:50px 0}.duo{grid-template-columns:1fr}.editorial{grid-template-columns:1fr;gap:25px}.editorial h2{font-size:31px}.route-grid{grid-template-columns:1fr;gap:20px;border:0}.route-item{border-left:2px solid #B77C33;padding:0 0 0 19px;position:relative}.route-dot{position:absolute;left:-7px;top:9px;margin:0}.three-panels,.collection-grid{grid-template-columns:1fr}.three-panels article{min-height:0}.schedule-strip{flex-direction:column;align-items:start;padding:25px}.footer{margin-top:28px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px;padding:45px 0}.footer-grid>div:first-child{grid-column:span 2}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;z-index:60;box-shadow:0 -3px 18px #16394019;justify-content:space-around;padding:9px 0 max(9px,env(safe-area-inset-bottom))}.bottom-nav a{display:flex;flex-direction:column;align-items:center;font-size:22px;color:#224850;line-height:1.25}.bottom-nav span{font-size:10px}.footer{padding-bottom:50px}.page-intro h1 span{display:block;margin-top:9px}.channel-rail{grid-template-columns:repeat(4,1fr);gap:7px}.rail-item{padding:8px 3px;font-size:10px}.rail-item span{font-size:22px}.browse-layout,.live-layout,.about-grid{grid-template-columns:1fr}.filter-panel{padding:19px}.filter-panel form{grid-template-columns:1fr 1fr}.filter-panel form label{grid-column:span 2}.filter-panel form input,.filter-panel form select{grid-column:span 2}.filter-panel form button{grid-column:span 2}.filter-panel form>a{align-self:center}.result-title{align-items:center}.result-title h2{font-size:21px}.live-article{padding:23px}.live-article h1{font-size:30px}.timetable-summary{padding:27px;flex-direction:column;align-items:start}.calendar-icon{font-size:60px}.timetable-channels{grid-template-columns:repeat(2,1fr)}.show-collections,.studio-grid{grid-template-columns:repeat(2,1fr)}.studio-lead{grid-template-columns:1fr;padding:28px}.studio-symbol{font-size:60px}.studio-grid article{padding:17px}.studio-grid p{min-height:0}.about-grid aside{position:static;grid-template-columns:repeat(2,1fr)}.about-grid article{padding:18px}.player-unavailable{min-height:240px}}
@media(max-width:375px){.wrap{width:calc(100% - 28px)}.program-grid,.result-grid{grid-template-columns:1fr}.ticket{min-height:215px}.stage-content h1{font-size:31px}.studio-grid{grid-template-columns:1fr}}