/* 第 12 课：快门台、压一压。只在 /u/u12/ 引用。环节色：后期 = --st-8（青）。 */

.sh-image, .br-image { background: #050506; border-radius: 4px; overflow: hidden; }
.sh-image canvas, .br-image canvas { border-radius: 0; }
.lab-group .lk-ctl[hidden] { display: none !important; }

/* 快门台的时间轴 */
.chart .sh-tick { stroke: var(--line-2); stroke-width: 1; }
.chart .sh-after { fill: color-mix(in srgb, var(--st-8) 10%, transparent); }
.chart .sh-after-t { fill: color-mix(in srgb, var(--st-8) 55%, var(--ink)); font-weight: 600; }
.chart .sh-cut { stroke: var(--safelight); stroke-width: 1.5; stroke-dasharray: 4 3; }
.chart .sh-cut-t { fill: var(--safelight); font-weight: 600; }
.chart .sh-win { fill: color-mix(in srgb, var(--ink) 14%, transparent); stroke: var(--ink); stroke-width: 1; }
.chart .sh-dot { fill: var(--ink); }
.chart .sh-dot-after { fill: var(--st-8); stroke: var(--card); stroke-width: 1; }

/* 压一压的图 */
.chart .br-pan { fill: color-mix(in srgb, var(--st-8) 9%, transparent); }
.chart .br-pan-t { fill: color-mix(in srgb, var(--st-8) 55%, var(--ink)); font-weight: 600; }
.chart .br-grid { stroke: var(--grid); stroke-width: 1; }
.chart .br-bar { fill: var(--st-8); }
.chart .br-bar-i { fill: var(--safelight); }
.chart .br-i-t { fill: var(--safelight); font-weight: 600; }
.chart .br-line { stroke: var(--line-2); stroke-width: 1.3; fill: none; }
.chart .br-line-on { stroke: var(--ink); stroke-width: 2.4; fill: none; }

/* 一排三格（.strip 在 site.css）：剪切点那一排窄一点 */
.strip.cut { max-width: 560px; }