.notice-board {
  overflow: hidden;  /* 隐藏溢出部分 */
  height: 60px;  /* 设置高度 */
  line-height: 30px; /* 行高等于高度 */
   border: 0px solid #ccc; /* 添加边框 */
}

.notice-list {
  list-style: none;
  margin: 0;
  padding: 0;
  animation: scroll 10s infinite;
  animation-timing-function: linear;
}

@keyframes scroll {
  0% {
    transform: translateY(0);
  }
  
  100% {
    transform: translateY(-100%);
  }
}
   .image-text {
    display: flex;
    align-items: center; /* 垂直居中对齐 */
  }
  .image-text img {
    margin-right: 20px; /* 图片和文本之间的间距 */
  }
 
 
   .left-image {
    float: left; /* 图片靠左对齐 */
    margin-right: 20px; /* 可选：图片与右侧内容的间距 */
  }
  .logo {
	position: absolute;
	left: 50%;
	bottom: -50px;
	width: 100px;
	height: 100px;
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: -50px;
	border: 5px solid #fff;
	border-radius: 50%;
	box-shadow: 0 10px 20px 5px #e6e8ea
}
 .logo img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-o-object-fit: cover;
	object-fit: cover
}

.author-name {
     display:flex;
     width:100%;
     justify-content: center;
	align-items: center;
	font-size: 25px;
	line-height: 36px;
	font-weight: 500;
	margin-top: 13px
}
.banner{
margin-top:15px;
	position: relative;
	width: 100%;
	height: 80px;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom:0px;
	background-image: url(https://api.suyanw.cn/api/ys.php);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
	padding: 20px;
	border-radius: 16px
}
.anner{
margin-top:15px;
	position: relative;
	width: 100%;
	height: 80px;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom:0px;
	background-image: url(https://api.suyanw.cn/api/ys.php);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
	padding: 20px;
	border-radius: 16px
}
  
.gender-icon{
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: 0 10px 6px 0;
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat
}
 

/* diy*/
:root {
    --diy: linear-gradient(-45deg, #4f46e5, #2563eb, #be185d, #9333ea);
}

.diy-daily-left {
    display: flex;
    align-items: baseline;
    gap: 12px;
}

/* Tab 切换按钮 */
.diy-daily-tabs {
    display: flex;
    background: #f5f7fa;
    border-radius: 20px;
    padding: 4px;
    margin-top: 5px;
    
}

.diy-daily-tab {
    padding: 6px 18px;
    border-radius: 16px;
    font-size: 14px;
    cursor: pointer;
    color: #666;
    transition: all 0.3s ease;
    user-select: none;
    font-weight: 500;
}

/* Tab选中：渐变背景 */
.diy-daily-tab.active {
    background-image: var(--diy);
    background-size: 200% 100%;
    color: #fff;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3);
    animation: diy-flow 3s ease infinite;
}

/* 动画定义 */
@keyframes diy-flow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}