.watch-hero{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:64px;max-width:1360px;margin:0 auto;padding:110px 48px 64px;font:400 15px/1.8 'Noto Sans SC',Arial,sans-serif;letter-spacing:0}
.watch-hero *{box-sizing:border-box;letter-spacing:0}
.watch-hero .watch-kicker{font:400 11px/1.7 'Noto Sans SC',Arial,sans-serif;color:var(--ink-mute);margin:0 0 20px}
.watch-hero h1{font:400 44px/1.3 'Noto Serif SC',serif;margin:0 0 22px}
.watch-description{font:400 15px/1.8 'Noto Sans SC',Arial,sans-serif;color:var(--ink-mute);max-width:480px;margin:0 0 28px}
.watch-video{position:relative;border-top:1px solid var(--line);padding-top:28px}
.watch-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#1a1814;border-radius:4px}
.watch-play{position:absolute;left:50%;top:calc(50% + 14px);transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(26,24,20,.45);color:#fffaf2;cursor:pointer;transition:background .2s,scale .2s}
.watch-play span{font:24px/1 Arial,sans-serif;margin-left:4px}
.watch-play:hover{background:#b73225;scale:1.05}
.watch-play:focus-visible,.watch-hero button:focus-visible{outline:2px solid #b73225;outline-offset:4px}
.watch-hero [hidden]{display:none!important}
.watch-video-error{font-size:13px;color:#b73225;margin-top:10px}
.watch-insight{min-width:0;border-left:1px solid var(--line);padding-left:42px}
.watch-subtitle{padding-bottom:0}
.watch-hero .watch-subtitle>.watch-kicker{margin-bottom:14px}
.watch-subtitle h2{font:400 30px/1.6 'Noto Serif SC',serif;margin:0 0 8px}
.watch-pinyin{font:400 15px/1.7 Arial,'Segoe UI',sans-serif;color:var(--ink-mute);margin-bottom:9px}
.watch-translation{font:400 16px/1.7 Arial,'Segoe UI',sans-serif;color:var(--ink-soft)}
.watch-culture{padding-top:23px}
.watch-culture h3{font:500 12px/1.7 'Noto Sans SC',Arial,sans-serif;color:var(--cinnabar);margin:0 0 17px}
.watch-story{font:400 14px/1.85 'Noto Sans SC',Arial,sans-serif;color:var(--ink-soft);overflow-wrap:anywhere}
.watch-story p+p{margin-top:13px}
.watch-languages{margin-top:20px;padding-top:0;border:0}
.watch-hero .watch-languages>.watch-kicker{margin-bottom:12px}
.watch-language-bar,.watch-language-options{display:flex;align-items:center;gap:6px;min-width:0}
.watch-language-options{flex-wrap:wrap}
.watch-language-bar{align-items:flex-start}
.watch-hero .language-btn{flex:none;min-width:36px;height:28px;padding:0 9px;border:1px solid rgba(154,111,42,.24);border-radius:3px;background:transparent;color:#77727a;font:500 10px/1 'Noto Sans SC',Arial,sans-serif;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.watch-hero .language-btn:is(:hover,.active){color:#9a6f2a;border-color:rgba(154,111,42,.58);background:rgba(154,111,42,.1)}
.watch-hero .language-separator{flex:none;width:1px;height:18px;background:var(--line);margin:5px 2px}
@media(max-width:1100px) and (min-width:761px){.watch-hero{gap:32px;padding-inline:30px}.watch-insight{padding-left:28px}.watch-hero h1{font-size:36px}.watch-subtitle h2{font-size:26px}}
@media(max-width:760px){.watch-hero{grid-template-columns:minmax(0,1fr);gap:32px;padding:90px 20px 40px}.watch-hero h1{font-size:32px;line-height:1.35;margin-bottom:17px}.watch-hero .watch-kicker{font-size:10px;margin-bottom:16px}.watch-description{font-size:14px;line-height:1.75;margin-bottom:22px}.watch-video{padding-top:22px}.watch-play{width:54px;height:54px;top:calc(50% + 11px)}.watch-insight{padding-left:0;border-left:0}.watch-subtitle h2{font-size:25px}.watch-pinyin{font-size:14px}.watch-story{font-size:13px;line-height:1.85}.watch-languages{margin-top:23px}.watch-language-options{gap:5px}.watch-hero .language-btn{min-width:32px;padding-inline:7px}.watch-subtitle{padding-bottom:22px}}
@media(max-width:760px){.watch-language-options{flex:1;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:3px}.watch-language-options::-webkit-scrollbar{display:none}}
.watch-hero{align-items:start}
.watch-hero h1 span{display:block;white-space:nowrap}
.watch-story{height:var(--story-height,180px);max-height:var(--story-height,180px);overflow:hidden;mask-image:linear-gradient(#000 calc(100% - 12px),transparent)}
.watch-culture.is-expanded .watch-story{height:auto;max-height:none;mask-image:none}
.watch-hero .watch-preview-label{color:var(--cinnabar)}
.watch-story-actions{display:flex;align-items:center;justify-content:space-between;margin-top:8px;height:24px;color:var(--ink-mute)}
.watch-story-ellipsis{font:18px/1 Arial,sans-serif}
.watch-culture.is-expanded .watch-story-ellipsis{visibility:hidden}
.watch-story-toggle{display:grid;place-items:center;width:28px;height:24px;margin:0 0 0 auto;padding:0;border:0;background:transparent;color:var(--ink-mute);font:20px/1 Arial,sans-serif;cursor:pointer}
.watch-story-toggle:hover{color:var(--cinnabar)}
@media(max-width:760px){
 .watch-hero{gap:23px}
 .watch-subtitle{padding-bottom:0}
 .watch-hero .watch-subtitle>.watch-kicker{margin-bottom:8px}
 .watch-subtitle h2{font-size:23px;line-height:1.45;margin-bottom:5px}
 .watch-pinyin{line-height:1.5;margin-bottom:5px}
 .watch-translation{font-size:15px;line-height:1.5}
 .watch-languages{margin-top:16px}
 .watch-hero .watch-languages>.watch-kicker{margin-bottom:8px}
 .watch-culture{padding-top:16px}
 .watch-culture h3{margin-bottom:10px}
 .watch-story{height:auto;max-height:none;line-height:1.7;mask-image:none}
 .watch-story p+p{margin-top:9px}
}
@media(prefers-reduced-motion:reduce){.watch-play,.watch-hero .language-btn{transition:none}}