.hero-viewport {
    height: 400px;
    min-height: 400px;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/sitefiles/library/images/2026/2/7b677ba2cea26cee.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px;
}
.hero-content {
    max-width: 800px;
    width: 100%;
    padding: 0 20px;
}
.hero-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 40px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.catering-menu-container {
 	font-family: Arial, sans-serif;
 	max-width: 800px;
 	margin: 0 auto;
 	padding: 20px;
 }

 .logo-container {
 	text-align: center;
 	margin: 20px;
 }

 .logo-container img {
 	width: 120px;
 	height: auto;
 }

 .menu-title {
 	text-align: center;
 	font-size: 16px;
 	margin-bottom: 30px;
 	color: #333;
 }

 /* 菜单项容器 */
 .menu-item {
 	display: flex;
 	align-items: flex-start;
 	/* 顶部对齐 */
 	margin-bottom: 20px;
 }

 /* 左侧图片 */
 .item-image img {
 	width: 60px;
 	height: 60px;
 	object-fit: cover;
 	margin-right: 15px;
 }

 /* 右侧信息容器 */
 .item-info {
 	flex: 1;
 }

 /* 标题行容器 (核心样式所在) */
 .item-header {
 	display: flex;
 	align-items: center;
 	margin-bottom: 5px;
 }

 /* 商品名称 */
 .item-name {
 	font-weight: bold;
 	font-size: 16px;
 	margin-right: 10px;
 	white-space: nowrap;
	 color: #000;
 	/* 防止名称换行 */
 }

 /* 虚线容器 */
 .dotted-line {
 	flex: 1;
 	/* 占据剩余空间 */
 	border-bottom: 1px dotted #000;
 	/* 关键：虚线样式 */
 	margin: 0 10px;
 	/* 左右留一点空隙 */
 }

 /* 价格 */
 .item-price {
 	font-weight: bold;
 	font-size: 16px;
 	white-space: nowrap;
	 color: #000;
 	/* 防止价格换行 */
 }

 /* 描述文字 */
 .item-desc {
 	font-size: 12px;
 	color: #666;
 	line-height: 1.4;
 }

 .item-desc ul,
 .item-desc ol {
 	padding-left: 20px;
 	margin: 5px 0;
 }