/* ============================================================ 量子河洛官网 — 品牌设计系统落地 深色未来感 · 玉青 + 流金 · 内描边玻璃 铁律：不用纯黑底、不用紫蓝霓虹；衬线仅品牌标题；留白即奢侈 ============================================================ */ :root { --ink-900: #0A0E0D; --ink-800: #0F1513; --ink-700: #161E1B; --ink-600: #1F2A26; --ink-500: #2A3833; --jade-50: #E6F4EF; --jade-100: #CBE9DD; --jade-200: #9FD3C0; --jade-300: #6DC3A9; --jade-400: #4FB89A; --jade-500: #2FA284; --jade-600: #1F8470; --jade-700: #156557; --gold-200: #FAE9C8; --gold-300: #F3D9A4; --gold-400: #E7BE73; --gold-500: #D4A24E; --gold-600: #B9853A; --text-1: #E9F0ED; --text-2: #A8B8B2; --text-3: rgba(255,255,255,0.42); --border-glass: rgba(255,255,255,0.10); --border-jade: rgba(79,184,154,0.22); --glass: linear-gradient(180deg, rgba(255,255,255,0.085) 0%, rgba(255,255,255,0.03) 100%); --glass-hover: linear-gradient(180deg, rgba(79,184,154,0.10) 0%, rgba(255,255,255,0.04) 100%); --grad-main: linear-gradient(135deg, #2FA284 0%, #156557 100%); --grad-gold: linear-gradient(120deg, #E7BE73 0%, #F3D9A4 40%, #D4A24E 100%); --glow-jade: radial-gradient(ellipse 60% 40% at 50% 0%, rgba(47,162,132,0.16) 0%, transparent 70%); --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px; --radius-xl: 24px; --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:64px; } * { margin:0; padding:0; box-sizing:border-box; } html { scroll-behavior:smooth; } body { background: var(--glow-jade), linear-gradient(180deg, #121A17 0%, var(--ink-800) 30%, var(--ink-800) 70%, #0C1210 100%); background-attachment: fixed; color: var(--text-1); font-family: "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif; font-size: 15px; line-height: 1.7; -webkit-font-smoothing: antialiased; } ::selection { background: rgba(47,162,132,0.3); } a { color: var(--jade-300); text-decoration:none; } a:hover { color: var(--jade-200); } /* 玻璃面板 */ .glass { background: var(--glass); border: 1px solid var(--border-glass); border-radius: var(--radius-lg); backdrop-filter: blur(14px) saturate(1.3); -webkit-backdrop-filter: blur(14px) saturate(1.3); box-shadow: inset 0 1px 0 rgba(255,255,255,0.10), 0 4px 24px rgba(0,0,0,0.25); } .glass-hover { transition: border-color .25s ease, transform .25s ease, background .25s ease, box-shadow .25s ease; } .glass-hover:hover { border-color: var(--border-jade); background: var(--glass-hover); transform: translateY(-3px); box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 8px 32px rgba(0,0,0,0.35), 0 0 24px rgba(47,162,132,0.08); } /* 顶部导航 — 统一 7 页结构 */ .nav { position: sticky; top:0; z-index:100; background: rgba(12,17,15,0.82); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border-bottom: 1px solid rgba(255,255,255,0.08); box-shadow: 0 1px 0 rgba(47,162,132,0.06); transition: background .35s, box-shadow .35s, border-color .35s; } /* 首帧禁用导航过渡：避免页面加载时 nav 背景从「透明」渐变到「深色」造成顶部闪烁 首帧绘制后由 内联脚本加上 html.nav-ready，恢复后续滚动过渡 */ html:not(.nav-ready) .nav { transition: none !important; } /* 首页：fixed 定位 + 滚动后加深 */ .nav.nav-fixed { position: fixed; top:0; left:0; width:100%; background: transparent; border-bottom: 1px solid transparent; box-shadow: none; } .nav.nav-fixed.scrolled { background: rgba(12,17,15,0.92); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border-bottom: 1px solid rgba(255,255,255,0.06); box-shadow: 0 4px 30px rgba(0,0,0,0.5); } .nav-inner { max-width:1200px; margin:0 auto; padding:0 var(--sp-6); display:flex; align-items:center; justify-content:space-between; height:72px; } .nav-logo { display:flex; align-items:center; gap:10px; } .nav-logo img { height:32px; display:block; } .nav-brand-text { font-family:"Noto Serif SC", serif; font-weight:700; font-size:16px; letter-spacing:2px; color:var(--text-1); } .nav-links { display:flex; align-items:center; gap:22px; margin-left:auto; } .nav-links a { color:var(--text-2); font-size:14px; transition:color .2s; } .nav-links > a:not(.nav-agent):hover { color:var(--jade-300); } /* 主导航链接指示器：底部玉青下划线，与「智能体平台」外链链接的形态区分 */ .nav-links > a:not(.nav-agent) { position:relative; } .nav-links > a:not(.nav-agent)::after { content:''; position:absolute; left:0; right:0; bottom:-7px; height:2px; border-radius:2px; background:var(--grad-main); opacity:0; transform:scaleX(.35); transition:opacity .2s ease, transform .25s ease; } .nav-links > a:not(.nav-agent):hover::after, .nav-links > a:not(.nav-agent):focus-visible::after { opacity:.5; transform:scaleX(1); } /* 右侧操作区：主 CTA + 登录 + 语言切换，与主导航分区 */ .nav-actions { display:flex; align-items:center; gap:14px; margin-left:26px; flex-shrink:0; } .nav-cta { padding:8px 20px; border-radius:var(--radius-md); background:var(--grad-main); color:#fff; font-weight:500; font-size:14px; box-shadow:0 4px 16px rgba(47,162,132,0.35); transition:filter .2s, box-shadow .2s; } .nav-cta:hover { filter:brightness(1.1); color:#fff; box-shadow:0 6px 22px rgba(47,162,132,0.5); } /* 智能体平台：玉青文本链接 + 外链箭头，与普通导航同层但用色区分 */ .nav-links a.nav-agent { display:inline-flex; align-items:center; gap:4px; color:var(--jade-300); font-weight:500; } .nav-links a.nav-agent svg { opacity:.65; transition:opacity .2s, transform .2s; } .nav-links a.nav-agent:hover { color:var(--jade-200); } .nav-links a.nav-agent:hover svg { opacity:1; transform:translate(1px,-1px); } /* 入驻/登录：流金文本链接，与玉青实心主 CTA 区分主次 注意：该元素已由 改为