/* 专科内镜示教页专属样式 */

.stage{display:grid;grid-template-columns:1fr 168px;gap:10px}
@media(max-width:900px){.stage{grid-template-columns:1fr}}

.tv{
  position:relative;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--line);
  background:radial-gradient(80% 80% at 50% 45%,#c9695f 0%,#9c4038 55%,#4a1a16 100%);
  aspect-ratio:16/9;
}
.tv::after{
  content:attr(data-t);position:absolute;left:0;right:0;bottom:0;
  background:linear-gradient(transparent,rgba(0,0,0,.66));color:#fff;
  font-size:11px;padding:14px 9px 6px;
}
.tv.main{aspect-ratio:16/9}
.tv .live{
  position:absolute;top:8px;left:8px;font-family:var(--f-mono);font-size:10.5px;
  background:rgba(180,83,9,.9);color:#fff;padding:2px 8px;border-radius:5px;
}
.tv .src{
  position:absolute;top:6px;left:6px;font-family:var(--f-mono);font-size:10px;
  background:rgba(4,33,42,.72);color:#8fdcec;padding:1px 6px;border-radius:4px;
}
.tv .anno{
  position:absolute;top:8px;right:8px;font-size:11px;
  background:rgba(4,33,42,.78);color:#d9edf4;padding:3px 9px;border-radius:6px;
  border:1px solid rgba(143,220,236,.35);
}
.stage-side{display:grid;grid-template-rows:repeat(4,1fr);gap:10px}
@media(max-width:900px){.stage-side{grid-template-rows:none;grid-template-columns:repeat(4,1fr)}}

.switcher{margin-top:14px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2)}
.sw-t{margin-bottom:8px}
.sw-btns{display:flex;flex-wrap:wrap;gap:7px}
.btn.active-sw{background:var(--teal);border-color:var(--teal);color:#fff}
.btn.active-sw:hover{background:#095264;color:#fff}

.tc-note{margin-top:14px}
.tc-note-p{margin:14px 15px 15px}
.tc-scope p{line-height:1.75}
.tc-p{margin-top:9px}
.ink-b{color:var(--ink)}

.row-now{background:var(--amber-soft)}

.stage-main{min-width:0}