Turing CSS是一個基于CSS變量的輕量級CSS庫，它提供了現代Web開發所需的常用樣式。使用Turing CSS，我們可以輕松地通過定義變量來實現全站樣式的一致性。

/* 引入Turing CSS */
@import url('https://cdn.jsdelivr.net/gh/xiaoluoboding/turing-css@1.0.0/dist/turing.min.css');
/* 定義全局變量 */
:root{
--primary-color: #007bff; /* 主色調 */
}
/* 使用全局變量 */
.btn{
color: #fff;
background-color: var(--primary-color);
border-color: var(--primary-color);
}

Turing CSS提供了許多有用的類、工具和組件，例如：.container、.flex、.btn、.badge和.modal等。通過這些類和組件，我們可以快速構建現代化的Web界面。

此外，Turing CSS還提供了許多可擴展的選項，例如修改字體、顏色、間距等。我們只需簡單地定義變量，就可以輕松地自定義樣式。

/* 定義自定義變量 */
:root{
--font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; /* 字體 */
--font-size: 16px; /* 字號 */
--text-color: #333; /* 文字顏色 */
--bg-color: #fff; /* 背景顏色 */
--spacing: 1rem; /* 間距 */
}
/* 修改默認樣式 */
body{
font-family: var(--font-family);
font-size: var(--font-size);
color: var(--text-color);
background-color: var(--bg-color);
padding: var(--spacing);
}

總的來說，Turing CSS是一個簡單易用的CSS庫，它不僅可以提高開發效率，還可以提高Web頁面的一致性和可維護性。