* { margin: 0; padding: 0; box-sizing: border-box; } /* 统一盒模型 */

body { 
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* 手机友好字体 */
	background: #f5f7fa;
	padding: 10px;
}

/* 公示榜整体（手机端宽度自适应） */
.announcement-board {
	width: 100%; /* 手机端占满屏幕宽度 */
	max-width: 600px; /* 最大宽度限制，避免过宽 */
	margin: 20px auto; /* 上下留空 */
	border: 1px solid #eee;
	border-radius: 12px; /* 更圆润的边角 */
	overflow: hidden;
	box-shadow: 0 2px 12px rgba(0,0,0,0.08);
	background: #fff;
}

/* 标题（手机端字体缩小） */
.board-title {
	padding: 14px 0;
	text-align: center;
	font-size: 18px; /* 比PC小 */
	font-weight: 600;
	color: #2c3e50;
	border-bottom: 1px solid #f0f2f5; /* 更浅的分隔线 */
	background: #fafbfc;
}

/* 滚动容器（手机端高度调整） */
.scroll-container {
	height: 280px; /* 手机端显示区域更矮 */
	overflow: hidden;
	position: relative;
}

/* 滚动列表（基础样式不变，宽度100%） */
.scroll-list {
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transition: none;
}

/* 列表项（手机端内边距缩小） */
.scroll-list li {
	padding: 12px 16px; /* 左右内边距减小 */
	border-bottom: 1px solid #f5f5f5;
	font-size: 14px; /* 字体缩小 */
	color: #333;
	line-height: 1.6; /* 行高调整 */
}

.scroll-list li:last-child { border-bottom: none; }

/* 链接（手机端优化点击区域） */
.scroll-list a {
	text-decoration: none;
	color: inherit;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: default;
	padding: 4px 0; /* 增加点击区域 */
}

.scroll-list a:hover,
.scroll-list a:active { /* 手机端点击反馈 */
	color: #2c5aa0;
}

/* 成绩标签（手机端缩小） */
.score-tag {
	background: #fef3f2;
	padding: 2px 8px;
	border-radius: 4px;
	color: #dc2626;
	font-size: 13px; /* 字体缩小 */
}

/* 手机号脱敏（手机端字体缩小） */
.phone {
	color: #6b7280;
	font-size: 13px;
}

/* 触摸提示（可选：手机端显示提示文字） */
.touch-hint {
	text-align: center;
	font-size: 12px;
	color: #999;
	padding: 8px 0;
	background: #fafbfc;
}