/* Nexis 官网公共样式:首页与各产品页共用。设计语言见 index.html 头注释。 */
@font-face {
font-family: 'Smiley Hero';
src: url('/fonts/smiley-hero.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
:root {
--bg: #070808;
--bg-deep: #050606;
--text: rgba(255, 255, 255, 0.92);
--text-mid: rgba(255, 255, 255, 0.62);
--muted: rgba(255, 255, 255, 0.42);
--faint: rgba(255, 255, 255, 0.3);
--line: rgba(255, 255, 255, 0.1);
--line-strong: rgba(255, 255, 255, 0.16);
--glass: rgba(11, 13, 16, 0.78);
--cyan: #24d6c6;
--cyan-soft: rgba(36, 214, 198, 0.12);
--cyan-glow: rgba(36, 214, 198, 0.72);
--blue: #4f7cff;
--violet: #b98cff;
--pink: #ff6d8d;
--gold: #e6c85c;
--grad-a: linear-gradient(105deg, #4f7cff 0%, #24d6c6 54%, #d8d34f 100%);
--grad-b: linear-gradient(105deg, #f0d858 0%, #ff8a4f 34%, #ff5f91 68%, #b98cff 100%);
--radius-card: 16px;
--font-display: 'Smiley Hero', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body {
margin: 0;
background: var(--bg);
color: var(--text);
font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Segoe UI', 'Microsoft YaHei', sans-serif;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
}
/* ---- 极光背景与罩层(portal 同款) ---- */
#aurora { position: fixed; inset: 0; z-index: 0; transition: opacity 1.2s ease; }
#aurora.dim { opacity: 0.35; }
.veil {
position: fixed; inset: 0; z-index: 1; pointer-events: none;
background:
radial-gradient(ellipse at center, rgba(255, 255, 255, 0.045), transparent 34%),
linear-gradient(180deg, #0a0b0c 0%, rgba(7, 8, 8, 0.28) 47%, #050606 100%);
}
.veil::before {
content: ''; position: absolute; inset: 0; opacity: 0.035;
background:
linear-gradient(to right, rgba(255, 255, 255, 0.13) 1px, transparent 1px),
linear-gradient(to bottom, rgba(255, 255, 255, 0.13) 1px, transparent 1px);
background-size: 104px 104px;
}
main, footer { position: relative; z-index: 2; }
/* header 必须自成一层且高于 main:内层 .nav 的 z-index 只在 header 的层叠上下文里生效,
若 header 与 main 同为 z-index:2,后出现的 main 会盖住固定导航(遮挡 + 吃掉点击)。 */
header { position: relative; z-index: 20; }
/* ---- 导航 ---- */
.nav {
position: fixed; top: 0; left: 0; right: 0; z-index: 10;
display: flex; align-items: center; justify-content: space-between;
height: 68px; padding: 0 clamp(20px, 4vw, 48px);
background: transparent;
transition: background-color 0.3s ease, border-color 0.3s ease, backdrop-filter 0.3s ease;
border-bottom: 1px solid transparent;
}
.nav.scrolled {
background: rgba(7, 8, 8, 0.72);
border-bottom-color: var(--line);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.nav-brand { display: flex; align-items: center; }
.nav-brand img { height: 24px; width: auto; display: block; }
.nav-links { display: flex; gap: 26px; }
.nav-links a {
font-size: 13.5px; color: var(--text-mid); text-decoration: none; transition: color 0.15s ease;
}
.nav-links a:hover, .nav-links a[aria-current="page"] { color: var(--text); }
.nav-actions { display: flex; align-items: center; gap: 20px; }
.nav-login { font-size: 13.5px; color: var(--text-mid); text-decoration: none; transition: color 0.15s ease; white-space: nowrap; }
.nav-login:hover { color: var(--text); }
.nav-cta {
display: inline-flex; align-items: center; height: 38px; padding: 0 20px;
border-radius: 999px; border: 1px solid var(--line-strong);
background: var(--glass); color: var(--text);
font-size: 13.5px; font-weight: 600; text-decoration: none; white-space: nowrap;
backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);
box-shadow: 0 0 24px -14px var(--cyan-glow), inset 0 1px 0 rgba(255, 255, 255, 0.14);
transition: transform 0.2s ease, border-color 0.2s ease;
}
.nav-cta:hover { transform: translateY(-1px); border-color: rgba(255, 255, 255, 0.3); }
/* CTA 从 换成了