.videos-page,.video-detail{margin-bottom:3rem}.video-aside{margin-top:2.5rem}@media(max-width:1239px){.video-aside{display:none}}@media(min-width:1240px){.video-detail{width:1200px;margin-left:calc(50% - 600px);display:grid;grid-template-columns:minmax(0,1fr) 300px;column-gap:2.5rem;align-items:start}.video-detail__main{grid-column:1;grid-row:1}.video-aside{grid-column:2;grid-row:1 / span 2;margin-top:0}.video-detail__comments{grid-column:1;grid-row:2}}.video-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem 1.25rem}@media(min-width:1240px){.videos-page{width:1200px;margin-left:calc(50% - 600px)}.video-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.video-card__link{display:block;border-bottom:none;color:inherit}.video-card__thumb{position:relative;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:var(--color-code-bg);display:flex;align-items:center;justify-content:center}.video-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.video-card__link:hover .video-card__thumb img{transform:scale(1.04)}.video-card__placeholder{color:var(--color-meta)}.video-card__duration{position:absolute;right:8px;bottom:8px;padding:2px 6px;font-size:12px;line-height:1.4;color:#fff;background:#000000a6;border-radius:4px}.video-card__title{margin:.6rem 0 .25rem;font-size:1rem;font-weight:600;line-height:1.4;color:var(--color-text-strong)}.video-card__link:hover .video-card__title{color:var(--color-text-strong)}.video-card__meta{margin:0;font-size:.8125rem;color:var(--color-text-subtle);display:flex;gap:.5rem;min-width:0}.video-card__meta time{flex-shrink:0;white-space:nowrap}.video-card__excerpt{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-empty{font-size:.9375rem;color:var(--color-text-subtle)}.video-detail__title{font-size:1.6rem;font-weight:600;line-height:1.3;letter-spacing:-.02em;color:var(--color-text-strong);margin:0 0 .5rem}.video-detail__meta{font-size:.875rem;color:var(--color-text-subtle);margin:0 0 1.5rem}.video-detail__sep{margin:0 .5rem}.video-embed{position:relative;aspect-ratio:16 / 9;width:100%;margin:0 0 1.75rem;background:#000}.video-controls{position:absolute;top:12px;right:12px;z-index:6;display:flex;gap:8px}.video-ctl{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:13px;line-height:1;color:#fff;background:#00000080;border:none;border-radius:6px;cursor:pointer;opacity:.75;transition:opacity .2s ease,background-color .2s ease;-webkit-tap-highlight-color:transparent}.video-ctl:hover,.video-ctl:focus-visible,.video-embed:hover .video-ctl,.video-ctl.is-active{opacity:1}.video-ctl:hover{background:#000000bf}.video-ctl.is-active{background:#000000d9}.video-ctl:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(max-width:1239px){.video-ctl[data-video-mode=wide]{display:none}}body:has(.video-embed.is-wide) .video-detail__main{grid-column:1 / -1;grid-row:1}body:has(.video-embed.is-wide) .video-aside{grid-column:2;grid-row:2}.video-embed.is-web-fullscreen{position:fixed;inset:0;width:100vw;height:100vh;margin:0;aspect-ratio:auto;z-index:9999;background:#000}.video-embed.is-wide .video-embed__file,.video-embed.is-web-fullscreen .video-embed__file{object-fit:contain}.video-embed__iframe,.video-embed__file{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.video-detail__fallback{margin:0 0 1.5rem}.video-detail__desc{font-size:.9375rem;line-height:var(--line-height-zh);color:var(--color-text-subtle);margin:0 0 1.5rem}.video-detail__body{font-size:1rem;line-height:var(--line-height-zh);color:var(--color-text-strong);margin-bottom:2rem}.video-author{margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--color-border)}.video-author__link{display:flex;align-items:center;gap:.65rem;border-bottom:none;color:inherit}.video-author__avatar{flex-shrink:0;width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--color-code-bg)}.video-author__text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.video-author__name{font-size:.9375rem;font-weight:600;line-height:1.3;color:var(--color-text-strong)}.video-author__desc{font-size:.75rem;color:var(--color-text-subtle)}.video-aside__title{font-size:1rem;font-weight:600;color:var(--color-text-strong);margin:0 0 .75rem}.video-aside__empty{font-size:.875rem;color:var(--color-text-subtle)}.video-rec{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.video-rec__link{display:flex;gap:.65rem;border-bottom:none;color:inherit}.video-rec__thumb{position:relative;flex:0 0 118px;aspect-ratio:16 / 9;border-radius:6px;overflow:hidden;background:var(--color-code-bg);display:flex;align-items:center;justify-content:center}.video-rec__thumb img{width:100%;height:100%;object-fit:cover}.video-rec__placeholder{color:var(--color-meta)}.video-rec__duration{position:absolute;right:4px;bottom:4px;padding:1px 4px;font-size:11px;line-height:1.4;color:#fff;background:#000000a6;border-radius:3px}.video-rec__info{display:flex;flex-direction:column;gap:.3rem;min-width:0}.video-rec__name{font-size:.875rem;font-weight:500;line-height:1.4;color:var(--color-text-strong);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-rec__meta{font-size:.75rem;color:var(--color-text-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-detail .post-comments{max-width:100%;width:100%;padding:0;margin-left:0;margin-right:0;justify-self:stretch}@media(max-width:600px){.video-detail__title{font-size:1.3rem}}