/* 只做两件事：柔光背景 + 原生风格的生成示例卡片 */
.na-glow{position:fixed;left:0;right:0;top:-160px;height:640px;pointer-events:none;z-index:0;
  background:radial-gradient(48% 46% at 50% 32%, rgba(99,102,241,.13), transparent 72%),
             radial-gradient(40% 36% at 78% 6%, rgba(34,211,238,.10), transparent 70%);}
html.dark .na-glow{background:radial-gradient(48% 46% at 50% 32%, rgba(99,102,241,.22), transparent 72%),
             radial-gradient(40% 36% at 78% 6%, rgba(34,211,238,.16), transparent 70%);}

.na-showcase{max-width:1152px;margin:8px auto 48px;padding:0 24px;position:relative;z-index:1}
.na-sc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 16px}
.na-sc-head h2{margin:0;font-size:18px;font-weight:600;letter-spacing:-.01em}
.na-sc-head p{margin:0;font-size:13px;color:var(--muted-foreground, #6b7280)}
.na-sc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:860px){.na-sc-grid{grid-template-columns:1fr}}

.na-card{position:relative;display:block;overflow:hidden;border-radius:var(--radius, .75rem);
  border:1px solid var(--border, #e8e8e8);
  background:var(--card, #fff);
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.na-card:hover{transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(15,23,42,.10);
  border-color:var(--primary, #3ea4ec)}
html.dark .na-card{box-shadow:0 1px 2px rgba(0,0,0,.4)}
html.dark .na-card:hover{box-shadow:0 12px 32px rgba(0,0,0,.55)}
.na-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#000}
.na-cap{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;
  border-top:1px solid var(--border, #e8e8e8)}
.na-cap b{font-size:13px;font-weight:600}
.na-cap span{font-size:12px;color:var(--muted-foreground, #6b7280)}
.na-badge{position:absolute;top:10px;left:10px;padding:2px 8px;border-radius:999px;font-size:11px;
  background:rgba(2,6,23,.55);color:#fff;backdrop-filter:blur(6px)}
