实现代码

• MAC 系统的窗口设计以简洁、精致著称，其窗口顶部的三个按钮（关闭、最小化、最大化）更是标志性元素。将这一设计元素融入 WP 子比主题的文章模块，能让代码块等内容呈现出独特的视觉效果，给读者带来耳目一新的感觉。​
• 实现这一美化效果的代码主要包含两个部分。第一部分是.enlighter::before 选择器的设置

• 这段代码通过::before 伪元素为.enlighter 容器创建了三个仿 MAC 窗口的标志性圆点。其中，background 设置第一个圆点为 #fc625d 红色，对应 MAC 窗口的关闭按钮；box-shadow 属性则巧妙地生成了另外两个圆点，20px 位置的 #fdbc40 黄色圆点类似最小化按钮，40px 位置的 #35cd4b 绿色圆点如同最大化按钮。top 和 left 属性精准定位了圆点的位置，border-radius:50% 让元素呈现圆形，width 和 height 均设为 15px 保证了圆点大小适中。position: absolute 使伪元素脱离文档流，能更灵活地调整位置，z-index:1 确保圆点在内容上方显示。​
• 第二部分代码是对容器内边距的调整
• 这部分设置了特定情况下.enlighter 容器的内边距，35px 的顶部内边距为上方的三个圆点留出了足够空间，避免内容与圆点重叠，让整体布局更加协调美观。​
• 使用这段代码也十分简单，只需将其添加到 WP 子比主题的自定义 CSS 中即可。应用后，文章中的代码块等元素会呈现出类似 MAC 窗口的风格，三个醒目的圆点为页面增添了精致感和辨识度，能有效提升读者的视觉体验，让网站更具个性与吸引力。​
• 总之，WP 子比主题文章模块的仿 MAC 三点美化，通过简洁的 CSS 代码实现了出色的视觉效果，是提升网站质感的实用技巧，值得每一位追求精致网站设计的用户尝试。​