玻璃拟态

把我的页面改成「玻璃拟态」(Glassmorphism) 风格：现代、有科技感、带一点梦幻，磨砂面板漂浮在光上。 配色：深海军蓝背景 #0F172A，内容后方放 3–4 个大而模糊的彩色光斑（紫 #7C3AED、青 #06B6D4、粉 #F472B6）。玻璃表面 rgba(255,255,255,0.12)，1px 边框 rgba(255,255,255,0.25)。正文 #F8FAFC，次要文字 #CBD5E1，强调色 #A5F3FC。 字体：全站 Plus Jakarta Sans。标题半粗 600，字距 -0.03em，行高 1.05。正文 15px，行高 1.6。中文标题用思源黑体（600），正文用思源黑体；中文不要用斜体，也不要收紧字距。 布局：居中或两栏首屏，内容分组放在漂浮的玻璃卡片里，层次之间有明显的景深。首屏视觉是一张玻璃质感的数据卡片（几根柱状条和几行文字），角上再漂浮一个较小的玻璃标签。标题用实色 #F8FAFC，不要在光斑上做渐变文字。 组件：卡片和导航栏用 backdrop-filter: blur(18px) saturate(140%)，圆角 22px，顶部加一道细微内高光（inset 0 1px 0 rgba(255,255,255,0.3)）和柔和外阴影。主按钮实心 #A5F3FC 配深蓝文字并带光晕；次按钮是玻璃质感。不支持 backdrop-filter 时提供实色背景后备，文字对比度至少 4.5:1。 动效：背景光斑缓慢漂移，卡片上有跟随指针的聚光效果，悬停时 3D 倾斜。 避免：纯白背景、扁平设计、玻璃叠玻璃叠玻璃、光斑上的低对比度文字。