*{box-sizing:border-box}
:root{
  --bg:#f8fafd;
  --card:#ffffff;
  --text:#202124;
  --sub:#5f6368;
  --line:#dadce0;
  --blue:#1a73e8;
  --green:#34a853;
  --red:#ea4335;
  --yellow:#fbbc04;
}
body{
  margin:0;
  font-family:Arial,"Noto Sans HK","Microsoft JhengHei",sans-serif;
  background:var(--bg);
  color:var(--text);
}
.hidden{display:none!important}
button,select,textarea,input{
  font:inherit;
}
button{
  cursor:pointer;
}
.mark{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:20px;
  color:#fff;
  font-size:30px;
  font-weight:800;
  background:linear-gradient(135deg,#4285f4,#a142f4,#34a853);
  box-shadow:0 18px 35px rgba(66,133,244,.28);
}
.mark.small{
  width:42px;
  height:42px;
  font-size:22px;
  border-radius:14px;
}