Design Style Guide
墨左科技网站的设计语言、配色系统与排版指南
去繁就简，只保留必要元素。让内容本身成为主角，而非装饰。
米色纸质底色搭配噪点纹理，营造手工纸般的触感，避免冷硬的数字感。
自定义书法字体与 SVG 描边动画，融入东方书写的节奏与呼吸感。
每个区块占满一屏，如同翻开一页纸，用滚动代替跳转，让阅读有节奏。
以青绿为主色、米色为底色，辅以灰色层次，构建温暖而不失沉稳的视觉基调。
每个内容区块占满一屏高度，用 flex 垂直水平居中，滚动即翻页。
h-screen + flex justify-center items-center text-center文字内容限制最大宽度，保持舒适阅读；两侧留白自然呼吸。
max-w-4xl + px-3移动端纵向堆叠，桌面端横向排列，断点 768px (md)。
flex-col → md:flex-row背景叠加 base64 编码的噪点 PNG 纹理，模拟手工纸张的颗粒感，避免纯色数码味。
Logo 与图形使用 stroke-dasharray / stroke-dashoffset 实现描边书写效果，模拟毛笔笔画展开。
animation: write 3s linear forwards页脚使用 inset 内阴影，营造凹陷层次感，与页面主体自然分隔。
box-shadow: inset -1px 2px 10px 2px #333通过 Iconify 集成多套图标库，保持线条风格统一。
gravity-ui · ph · mdi全局文本选中底色为主色 40% 透明度，选中文字时与品牌色自然呼应。
::selection { background: color-mix(var(--ui-primary) 40%) }用温暖的纸质底色承载克制的青绿笔墨，
全屏翻页如展卷，噪点纹理见手感。