QuantumGlass 创意矩阵

通过玻璃拟态界面展示量子比特纠缠状态，用户可拖动节点生成不同的量子态组合。

基于12栏网格系统，用户可在矩阵中添加、删除或调整创意模块，支持即时预览效果。

以粒子扩散动画呈现复杂数据流动，结合渐变光效增强视觉层次感。

柔焦处理的实验室设备照片，点击后展开详细参数与功能介绍。

实时演示在不同屏幕尺寸下的表现，确保一致的用户体验。

提供经典量子算法的实际应用案例，支持用户筛选和深入学习。

色彩搭配：冷色调中的科技美学

采用深蓝色（#0A1F44）、冰白色（#F5F9FF）和淡灰色（#ECEFF4）构建基础色系，并使用荧光紫（#8A2BE2）和青绿色（#00FFFF）作为点缀色。

.background {
    background-color: #0A1F44;
}

.card {
    background-color: rgba(245, 249, 255, 0.8);
    border-radius: 15px;
}

主标题使用 Poppins 或 Montserrat 字体，正文选用 Open Sans 或 Roboto，确保阅读流畅性。

body {
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3 {
    font-family: 'Poppins', sans-serif;
}

采用 12 栏网格系统组织内容，结合留白避免信息过载。

.grid-container {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
}

通过半透明卡片和背景模糊效果营造出立体感。

.glass-card {
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(10px);
}

引入悬停放大效果和滚动视差动画。

.card:hover {
    transform: scale(1.05);
}