色彩搭配：塑造科技感与视觉层次
为了传达高科技和未来的品牌形象，EdgeCanvas采用了深蓝（#0D47A1）和太空灰（#333333）作为主色调。亮橙（#FF9800）和白色（#FFFFFF）作为强调色。
body {
background: linear-gradient(to bottom, #F5F5F5, #E0E0E0);
color: #333333;
}
background: linear-gradient(to bottom, #F5F5F5, #E0E0E0);
color: #333333;
}
排版设计：现代简洁的字体与布局
EdgeCanvas选用无衬线字体Roboto，确保文字在不同设备上都能保持清晰易读。
| 样式 | 属性 |
|---|---|
| 标题字体 | Roboto Bold, 字号24px |
| 正文字体 | Roboto Regular, 字号16px |
| 行间距 | 1.6倍 |
布局结构：模块化与响应式设计
EdgeCanvas采用全屏滚动式布局，每屏聚焦一个主题，结合左右分栏设计。
@media (max-width: 768px) {
.nav-bar {
position: static;
}
}
.nav-bar {
position: static;
}
}
图标与图形：简洁而富有表现力
EdgeCanvas广泛使用线性图标和几何图形。
.icon-circle {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #FF9800;
}
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #FF9800;
}
动画效果：细腻流畅的用户体验
按钮悬停时触发微妙的放大和阴影变化。
.button:hover {
transform: scale(1.1);
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}
transform: scale(1.1);
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}