:root{--主题色:#3498db}button,select,input:has([type=range i],[type=checkbox i],[type=radio i]){cursor:pointer}textarea,input:not([type=range i],[type=checkbox i],[type=radio i]){cursor:text}button,textarea,select,input{transition-property:box-shadow,filter,opacity;transition-duration:.1s;transition-timing-function:ease;&:not(:disabled){&:hover{filter:brightness(1.05)}&:active{filter:brightness(.95)}}&:disabled{cursor:not-allowed;opacity:.5}}button{color:var(--主题色);border:1px solid var(--主题色);background-color:#0000;border-radius:6px;padding:8px 12px;font-size:14px;line-height:1;&.主要按钮{color:#fff;background-color:var(--主题色)}&.重要按钮{color:#e6cf22;border-color:#e6cf22}&.危险按钮{color:#e74c3c;border-color:#e74c3c}}