* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none !important;
  color: #444 !important;
}

li {
  list-style: none;
}

@font-face {
  font-family: myFont;
  src: url('../assets/font/AlimamaDongFangDaKai-Regular.ttf');
  }

html::after {
  content: ""; /* Add content to pseudo-element */
  position: absolute; /* Position the pseudo-element absolutely */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 190, 118,0.3);  /*todo 背景颜色*/
  z-index: -1; /* Move the pseudo-element behind other content */
}

body {
  background: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)), url(../assets/imgs/hutao.jpg) center top/cover no-repeat;
  /* todo 背景图*/
}


.header {
  margin-top: 3.152rem;
  text-align: center;
  color: #444;
  font-family: myfont, Arial, sans-serif;
}

/* 当前时间 */
.current-time {
  font-size: 1.875rem;
}

/* 日期和周 */
.p-date {
  margin: 0.625rem 0 6.25rem;
}

/* 服务 */
.item {
  margin-bottom: 1.25rem;
}

/* 服务name */
.item p {
  margin-top: 0.625rem;
}


/* 皮肤仪表盘 */
.dashboard {
  position: absolute;
  bottom: 0;
  left: -1.25rem; /* 初始状态隐藏一半 */
  width: 4.375rem;
  height: 4.375rem;
  background-image: linear-gradient(135deg,#fccf31,#f55555); /* todo  仪表盘颜色*/
  border-radius: 50%;
  transition: transform 0.2s ease; /* 添加过渡效果 */
  text-align: center;
  line-height: 4.375rem;
  color: #fcff76;       /* todo 字体颜色 */
  cursor: pointer;
}

.dashboard:hover {
  transform: translateX(1.25rem); /* 悬停时移动到左侧 */
}


.skins {
  display: none;
}