/* 四虎视频｜蜜橘放映室深化：策展片单、四虎视频切片、胶片刻度。 */
.section { position: relative; }
.section:not(:first-of-type)::before { content: "00:00 · CUT · 00:00 · CUT · 00:00"; position: absolute; top: -22px; left: 28px; color: #bda99b; font: 700 8px/1 ui-monospace, monospace; letter-spacing: .16em; }
.play-mark { border-radius: 14px 14px 14px 32px !important; background: #ff6b35 !important; transform: rotate(-8deg); overflow: hidden; }
.play-mark::before { content: "♥"; position: absolute; inset: -5px 0 0; color: #fff7ee; font-size: 34px; line-height: 1; opacity: .94; transform: rotate(8deg); }
.play-mark { font-size: 12px !important; text-indent: 2px; }
.feature-strip { grid-template-columns: 1.15fr .85fr .85fr !important; grid-template-rows: 245px 245px 150px; }
.feature-strip .video-card.featured { grid-column: 1; grid-row: span 2; }
.feature-strip .video-card:nth-child(2) { grid-column: 2 / 4; min-height: 245px; flex-direction: row; }
.feature-strip .video-card:nth-child(2) .video-thumb { width: 45%; height: auto; flex: 0 0 45%; }
.feature-strip .video-card:nth-child(5) { grid-column: 1 / 4; min-height: 150px; flex-direction: row; }
.feature-strip .video-card:nth-child(5) .video-thumb { width: 29%; height: auto; flex: 0 0 29%; }
.feature-strip .video-card .video-thumb img { filter: sepia(.12) saturate(.84) contrast(1.04); }
.ai-panel { background: #fff0df !important; }
.ai-copy .tool-list li { border-color: #dec7b4 !important; }
.ai-copy .tool-list li::before { color: #23845f; }
.service-grid::before { content: "CUT · ROLL · CUT · ROLL"; grid-column: 1 / -1; padding: 6px 10px; background: #1d120e; color: #9fe0c6; font: 700 8px/1 ui-monospace, monospace; letter-spacing: .17em; }
@media (max-width: 950px) {
  .feature-strip { grid-template-columns: 1fr 1fr !important; grid-template-rows: auto; }
  .feature-strip .video-card.featured, .feature-strip .video-card:nth-child(2), .feature-strip .video-card:nth-child(5) { grid-column: auto; grid-row: auto; flex-direction: column; }
  .feature-strip .video-card:nth-child(2) .video-thumb, .feature-strip .video-card:nth-child(5) .video-thumb { width: auto; height: 220px; flex: 0 0 220px; }
}
@media (max-width: 700px) {
  .section:not(:first-of-type)::before { left: 16px; }
  .feature-strip { grid-template-columns: 1fr !important; }
  .feature-strip .video-card:nth-child(2) .video-thumb, .feature-strip .video-card:nth-child(5) .video-thumb { height: 220px; flex-basis: 220px; }
}