/* 背景氛围：点阵 + 两团柔光（低透明度，叠在页面之上但不可交互） */
#na-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
#na-bg canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.55}
.na-blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.28;will-change:transform}
.na-b1{width:620px;height:620px;left:-160px;top:-200px;background:radial-gradient(circle,#6366f1,transparent 70%);animation:na-f1 20s ease-in-out infinite}
.na-b2{width:520px;height:520px;right:-140px;top:-160px;background:radial-gradient(circle,#22d3ee,transparent 70%);animation:na-f2 24s ease-in-out infinite}
html.dark .na-blob{opacity:.22}
@keyframes na-f1{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(70px,40px,0) scale(1.1)}}
@keyframes na-f2{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-60px,50px,0) scale(1.08)}}

/* 生成效果卡片：完全使用面板自身的设计 token */
.na-showcase{position:relative;z-index:2;width:100%;max-width:1152px;margin:4px auto 40px;padding:0 24px}
.na-sc-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 14px}
.na-sc-head h2{margin:0;font-size:17px;font-weight:600;letter-spacing:-.01em}
.na-sc-head p{margin:0;font-size:13px;color:var(--muted-foreground,#8b93a7)}
.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,#2a2a2a);background:var(--card,#141414);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.na-card:hover{transform:translateY(-2px);border-color:var(--primary,#3ea4ec);
  box-shadow:0 12px 30px rgba(0,0,0,.45)}
.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,#2a2a2a)}
.na-cap b{font-size:13px;font-weight:600}
.na-cap span{font-size:12px;color:var(--muted-foreground,#8b93a7)}
.na-badge{position:absolute;top:10px;left:10px;padding:2px 8px;border-radius:999px;font-size:11px;
  background:rgba(0,0,0,.55);color:#fff;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12)}