/* 品牌橱窗保留画面比例；控制条始终可达，避免悬停才能操作。 */
.telescope-art.brand-film{position:relative;aspect-ratio:16/9;border:8px solid var(--surface,#fffdf7);border-radius:32px;overflow:hidden;background:#eee7d7;box-shadow:0 18px 48px #153b351c;isolation:isolate}
.brand-film video{display:block;width:100%;height:100%;object-fit:contain;background:#eee7d7}
.brand-film-controls{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:8px;z-index:2;pointer-events:none}
.brand-film-controls[hidden]{display:none}.brand-film-controls button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid #e4dfd3;border-radius:999px;background:#fffdf5ec;box-shadow:0 3px 14px #19362b12;color:#193e35;font:600 13px/1.25 system-ui;cursor:pointer;pointer-events:auto;backdrop-filter:blur(10px)}
.brand-film-controls button:hover{background:#fffef9;border-color:#96aaa0}.brand-film-controls button:focus-visible{outline:3px solid #14756f;outline-offset:3px}.brand-film-controls svg{width:17px;height:17px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.brand-film-spacer{flex:1}.brand-film-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:#193e3512;pointer-events:none}.brand-film-progress i{display:block;width:0;height:100%;background:#347a69;transition:width .2s linear}
.brand-film-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.brand-film:fullscreen{width:100vw;height:100dvh;aspect-ratio:auto;border:0;border-radius:0;background:#111914}.brand-film:fullscreen video{background:#111914}.brand-film:fullscreen .brand-film-controls{bottom:24px;left:24px;right:24px}
@media(max-width:760px){.telescope-art.brand-film{border-width:6px;border-radius:24px}.brand-film-controls{left:8px;right:8px;bottom:9px;gap:6px}.brand-film-controls button{padding:8px 10px;font-size:12px;gap:5px}.brand-film-controls svg{width:15px;height:15px}}
@media(max-width:360px){.brand-film-controls button{padding:7px 9px}.brand-film-controls [data-film-fullscreen] span{display:none}}
@media(prefers-reduced-motion:reduce){.brand-film-progress i{transition:none}}
