CSS原子庫是一種用于快速開發和管理CSS樣式的工具，是一種把CSS樣式拆分成具有某種意義的最小單元的方法。

.btn {
display: inline-block;
font-size: 16px;
padding: 10px 20px;
background-color: #f60;
color: #fff;
border: none;
}

使用CSS原子庫，可以將上述代碼拆分成若干個最小單元來管理，例如：

.display-inline {
display: inline-block;
}
.font-size-16 {
font-size: 16px;
}
.padding-10-20 {
padding: 10px 20px;
}
.bg-color-f60 {
background-color: #f60;
}
.color-fff {
color: #fff;
}
.border-none {
border: none;
}
.btn {
@extend .display-inline;
@extend .font-size-16;
@extend .padding-10-20;
@extend .bg-color-f60;
@extend .color-fff;
@extend .border-none;
}

這樣，只需要通過組合這些最小單元來創建新的CSS樣式，可以大大提高CSS開發效率和管理的便捷性。