/* 网页 PPT 模板：在开源案例的样式上，补预览网格和封面图 */
.template-intro { max-width: 44rem; margin: 0 0 1.6rem; color: #c9c9d1; }
.template-cover, .template-detail .case-lead figure img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; background: #0e0e12; }
.template-detail .case-lead figure { max-width: 30rem; justify-self: end; }
.template-detail .case-lead figure img { border-radius: 0.8rem; border: 1px solid #ffffff1f; }
.case-actions .template-primary { background: #f3f0ff; color: #1c1336; border-color: #f3f0ff; }
.template-previews { margin-top: 2.6rem; }
.template-previews h2 { font-size: 1.3rem; }
.template-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr)); gap: 1rem; }
.template-grid figure { margin: 0; }
.template-grid img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border-radius: 0.5rem; border: 1px solid #ffffff1a; background: #0e0e12; }
.template-grid figcaption { margin-top: 0.35rem; text-align: left; }
@media (max-width: 49rem) {
  .template-detail .case-lead figure { justify-self: stretch; max-width: none; }
}
.template-tabs { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0 0 1.6rem; }
.template-tabs a { display: inline-flex; align-items: baseline; gap: 0.35rem; border-radius: 0.5rem; padding: 0.45rem 0.8rem; font-weight: 600; font-size: 0.9rem; color: #d6d6dd; background: #ffffff0d; text-decoration: none; }
.template-tabs a:hover { color: #fff; background: #ffffff17; }
.template-tabs a[aria-current="page"] { color: #fff; background: #5b4dff; }
.template-tabs small { font-size: 0.75rem; opacity: 0.6; }
.template-section { margin-top: 2.4rem; }
.template-section-head { display: flex; align-items: baseline; gap: 0.6rem; }
.template-section-head h2 { margin: 0; font-size: 1.8rem; }
.template-section-head h2 a { color: #fafafa; text-decoration: none; }
.template-section-head h2 a:hover { text-decoration: underline; }
.template-section-head small { color: #a5a5b0; }