/* Dark-first theme and responsive layout */

:root {
  --code-bg: rgba(255,255,255,0.04);
}

/* Utility */
.wrap { max-width: 1080px; margin: 0 auto; padding: 0 24px; }
.code { font-family: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; background: var(--code-bg); border: 1px solid rgba(255,255,255,0.08); padding: 2px 6px; border-radius: 6px; }
.accent { color: var(--accent); }

/* Animations */
@keyframes pulseDot { 0%{ box-shadow: 0 0 0 0 rgba(76,201,240,0.6);} 70%{ box-shadow: 0 0 0 14px rgba(76,201,240,0);} 100%{ box-shadow: 0 0 0 0 rgba(76,201,240,0);} }
.brand .dot { animation: pulseDot 2.8s infinite; }

/* Cards grid adjustments for density */
.grid.tight { gap: 12px; }
.card h3 { margin-top: 0; margin-bottom: 6px; font-size: 18px; }
.card p { margin: 0; }

/* FAQ visuals */
.faq-q { background: transparent; border: 0; color: inherit; width: 100%; text-align: left; }
.faq-q span { opacity: 0.6; }
.faq-item[aria-expanded="true"] .faq-q span { transform: rotate(45deg); display: inline-block; }

/* Footer links hover */
footer a:hover { color: var(--accent); }

/* Language-specific classes */
.zh { font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif; }