*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;background:#fff;color:#202020;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;background:none;border:0;cursor:pointer;color:inherit}header{height:94px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between}.brand{font-size:29px;font-weight:700;letter-spacing:-1.7px}header>span{font-size:13px;color:#6b6b6b}#language{font-size:13px;min-width:44px;min-height:44px}main{max-width:1480px;padding:0 5vw;margin:74px auto 150px;display:grid;grid-template-columns:1fr 1fr;gap:70px 40px}article{min-width:0}.stage{background:#f5f5f5;aspect-ratio:16/11;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:3px}.stage video{width:100%;max-height:100%;display:block;object-fit:contain}.caption{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-top:18px}h1,h2{font-size:14px;font-weight:500;line-height:1.6;margin:0}.caption>span{font-size:12px;color:#777}nav:not(.site-dock){position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:rgba(245,245,245,.92);backdrop-filter:blur(12px);border:1px solid #e7e7e7;border-radius:16px;display:flex;gap:5px;padding:6px;font-size:12px}nav:not(.site-dock)>*{padding:10px 16px;border-radius:10px}nav:not(.site-dock) [aria-current]{background:#fff;box-shadow:0 1px 3px #0000000d}a:focus-visible,button:focus-visible,video:focus-visible{outline:2px solid #555;outline-offset:5px}@media(max-width:760px){header{height:76px;padding:0 24px}main{grid-template-columns:1fr;margin:42px auto 130px;padding:0 24px;gap:48px}.caption{margin-top:14px}.stage{aspect-ratio:16/10}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
header{height:64px;padding:0 24px}.brand{font-size:25px}main{max-width:none;padding:0 20px;margin:8px 0 90px;gap:20px;align-items:start}.stage{height:calc(100dvh - 150px);min-height:300px;aspect-ratio:auto;background:#f5f5f5;border-radius:0}.stage video{height:100%;width:100%;object-fit:contain}.caption{margin-top:12px}nav:not(.site-dock){bottom:14px}video{cursor:pointer}@media(max-width:760px){header{height:64px;padding:0 20px}main{padding:0 12px;margin:4px 0 95px;gap:30px}.stage{height:auto;min-height:0;aspect-ratio:16/10}.stage video{height:100%}.caption{padding:0 6px}}
/* Display the media itself without a padded presentation surface. */
.stage{height:auto;min-height:0;aspect-ratio:auto;background:transparent;border-radius:0;display:block;overflow:hidden}.stage video{display:block;width:100%;height:auto;max-height:none;object-fit:contain}main{align-items:start}.caption{display:none}@media(max-width:760px){.stage{height:auto;min-height:0;aspect-ratio:auto}.stage video{height:auto}main{gap:20px}}
main{padding:0 18px;margin:10px 0 24px;gap:22px}.stage{position:relative;aspect-ratio:1.15;height:auto;overflow:hidden;border-radius:24px;border:1px solid #e7e7e7;background:#fff}.stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.12);max-height:none}.tool-label{position:absolute;bottom:18px;left:20px;font-size:13px;line-height:1.5;color:#333;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);padding:5px 10px;border-radius:7px;pointer-events:none}nav:not(.site-dock){display:none}@media(max-width:760px){main{padding:0 12px;margin:6px 0 22px;gap:18px}.stage{aspect-ratio:1.15;border-radius:20px}.stage video{height:100%;width:100%;object-fit:cover}.tool-label{bottom:14px;left:14px;font-size:12px}}
.production-link{display:block;text-align:center;text-decoration:none;padding:19px;margin-top:9px;border-radius:18px;background:#f1f1f1;color:#202020;font-size:18px;font-weight:500;transition:background .2s}.production-link:hover{background:#e6e6e6}html[data-theme=dark] .production-link{background:#292929;color:#eee}html[data-theme=dark] .production-link:hover{background:#333}
article:has(.production-link){border:1px solid #e7e7e7;border-radius:24px;overflow:hidden;background:#fff;padding-bottom:8px}
article:has(.production-link) .stage{border:0;border-radius:0}
.production-link{font-size:14px;padding:11px 14px;margin:0 8px;border:0;border-radius:12px;line-height:1.5}
html[data-theme=dark] article:has(.production-link){border-color:#353535;background:#191919}
@media(max-width:760px){article:has(.production-link){border-radius:20px}.production-link{font-size:13px;padding:10px 12px}}