/* ==========================================================================
   霓虹矩阵 · 设计令牌
   ========================================================================== */
:root {
	/* 色彩 */
	--nm-bg: #070b18;
	--nm-bg-deep: #050812;
	--nm-bg-alt: #0a1020;
	--nm-surface: #0d1428;
	--nm-card: #111b32;
	--nm-card-hover: #16223d;
	--nm-cyan: #00e5ff;
	--nm-cyan-soft: rgba(0, 229, 255, 0.12);
	--nm-purple: #a855f7;
	--nm-purple-soft: rgba(168, 85, 247, 0.14);
	--nm-magenta: #ff3cac;
	--nm-magenta-soft: rgba(255, 60, 172, 0.12);
	--nm-text: #f2f6ff;
	--nm-muted: #9aaac3;
	--nm-muted-strong: #c3cee0;
	--nm-success: #25d8a3;
	--nm-warning: #ffb454;
	--nm-danger: #ff5c6c;

	/* 线条与阴影 */
	--nm-border: rgba(133, 160, 255, 0.16);
	--nm-border-soft: rgba(133, 160, 255, 0.09);
	--nm-border-strong: rgba(0, 229, 255, 0.38);
	--nm-shadow-card: 0 18px 40px rgba(0, 0, 0, 0.35);
	--nm-shadow-glow: 0 0 24px rgba(0, 229, 255, 0.22);
	--nm-shadow-glow-pink: 0 0 28px rgba(255, 60, 172, 0.18);

	/* 尺寸 */
	--nm-container: 1360px;
	--nm-gutter: clamp(16px, 2.2vw, 32px);
	--nm-radius: 14px;
	--nm-radius-sm: 9px;
	--nm-radius-lg: 22px;
	--nm-header-h: 72px;

	/* 字体 */
	--nm-font: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans CJK SC", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--nm-font-display: "PingFang SC", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", system-ui, sans-serif;
	--nm-font-mono: "Cascadia Code", "JetBrains Mono", Consolas, "Courier New", monospace;

	/* 字号 */
	--nm-fs-xs: 12px;
	--nm-fs-sm: 13px;
	--nm-fs-base: 16px;
	--nm-fs-md: 17px;
	--nm-fs-lg: clamp(19px, 1.5vw, 22px);
	--nm-fs-xl: clamp(24px, 2.3vw, 32px);
	--nm-fs-2xl: clamp(30px, 3.2vw, 44px);
	--nm-fs-hero: clamp(32px, 3.9vw, 56px);

	/* 动效 */
	--nm-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
	--nm-dur: 0.28s;
}

/* 分类色彩（用于分类徽标、专题色带） */
:root {
	--nm-cat-1: #00e5ff;
	--nm-cat-2: #a855f7;
	--nm-cat-3: #ff3cac;
	--nm-cat-4: #25d8a3;
	--nm-cat-5: #ffb454;
	--nm-cat-6: #5b8cff;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--nm-dur: 0.001ms;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.001ms !important;
	}
}