style(css): 优化 about.css 样式结构与可读性

- 将所有 CSS 规则展开为多行格式以提高可读性
- 统一缩进和空格风格,增强代码一致性
- 重新组织媒体查询和组件样式块顺序
- 补充遗漏的闭合大括号和分号
- 优化注释排版,使其更清晰易懂
- 确保渐变文本样式在不同浏览器中的兼容性
- 调整移动端技术标签显示方式,隐藏桌面端3D容器
- 完善夜间模式下的文本阴影效果
- 增强悬停状态过渡动画流畅度
- 修复部分元素在小屏幕上的布局问题
This commit is contained in:
hehh
2025-11-23 18:13:58 +08:00
parent 958bf037c4
commit c5ca56356d
4 changed files with 982 additions and 450 deletions

View File

@@ -10,7 +10,7 @@
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/about.css">
<!-- Artalk 评论样式 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/artalk/2.9.1/Artalk.css">
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/artalk/2.9.1/Artalk.css">
<link rel="icon" href="favicon.ico">
</head>
<body>
@@ -263,7 +263,7 @@
<!-- 脚本BootCDN jQuery -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="js/config.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/artalk/2.9.1/Artalk.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/artalk/2.9.1/Artalk.js"></script>
<script src="js/about.js"></script>
</body>
</html>