/* 操作指南：按章节阅读，视频使用与文字相同的内容宽度。 */
.guide-video-index .spatial-section-heading { align-items:center; }
.guide-video-index .spatial-section-heading p { margin-top:10px; }
.guide-video-index .spatial-section-heading > a,
.guide-video-links a { color:var(--sp-accent); font-size:14px; text-decoration:underline; text-underline-offset:4px; }
.guide-video-list { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:36px; row-gap:4px; }
.guide-video-list li { min-width:0; }
.guide-video-list a { display:grid; grid-template-columns:30px minmax(0,1fr) auto; align-items:baseline; gap:12px; min-height:56px; padding-block:12px; color:var(--sp-ink); font-size:16px; line-height:1.55; }
.guide-video-list a:hover { color:var(--sp-accent); }
.guide-video-number { color:var(--sp-accent); font:500 14px/1.5 ui-monospace,monospace; }
.guide-video-list time { color:var(--sp-muted); font-size:13px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.guide-video { min-width:0; width:100%; margin:22px 0 28px; }
.guide-video-heading { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 14px; margin-bottom:14px; }
.guide-video-heading strong { color:var(--sp-ink); font-size:18px; line-height:1.5; font-weight:550; overflow-wrap:anywhere; }
.guide-video-meta { color:var(--sp-muted); font-size:13px; margin-left:auto; white-space:nowrap; }
.guide-video-frame { width:100%; aspect-ratio:16/9; background:#080a0c; border-radius:8px; overflow:hidden; }
.guide-video-frame iframe { display:block; width:100%; height:100%; border:0; }
.guide-video [hidden] { display:none !important; }
.guide-video-player { width:100%; height:100%; }
.guide-video-poster { position:relative; display:block; width:100%; height:100%; padding:0; border:0; border-radius:inherit; background:#080a0c; color:#fff; cursor:pointer; font:inherit; }
.guide-video-poster:disabled { cursor:default; }
.guide-video-poster img { display:block; width:100%; height:100%; object-fit:cover; }
.guide-video-play-control { position:absolute; bottom:16px; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:10px; min-height:44px; padding:10px 18px; border-radius:24px; background:#111820e8; color:#fff; white-space:nowrap; font-size:14px; box-shadow:0 2px 16px #0002; }
.guide-video-play-icon { font-size:17px; }
.guide-video-poster:hover .guide-video-play-control { background:#181f27; }
.guide-video-poster:focus-visible { outline:3px solid var(--sp-accent); outline-offset:-4px; }
.guide-video-links { display:flex; justify-content:space-between; flex-wrap:wrap; gap:4px 24px; padding-top:8px; }
.guide-video-links a { display:inline-flex; align-items:center; min-height:44px; }
.guide-video-links button { min-height:44px; padding:0; border:0; background:none; color:var(--sp-accent); font:inherit; font-size:14px; text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.spatial-recipe-grid > .guide-video { grid-column:1 / -1; margin-block:16px 24px; }
.page-docs .guide-lesson > p { font-size:16px; color:var(--sp-muted); line-height:1.8; }
.page-docs .guide-lesson > p + p { margin-top:12px; }
.page-docs .spatial-step-card h3 { grid-column:2; margin:0; font-size:22px; line-height:1.4; font-weight:550; }
@media (max-width:760px) {
  .guide-video-list { grid-template-columns:1fr; }
  .guide-video-list a { min-height:52px; }
  .guide-video-heading { gap:6px 10px; }
  .guide-video-heading strong { font-size:16px; flex:1; }
  .guide-video-meta { width:100%; margin-left:0; }
  .guide-video { margin-block:20px 24px; }
  .guide-video-frame { border-radius:5px; }
  .guide-video-play-control { bottom:8px; min-height:36px; padding:7px 14px; font-size:12px; }
}