/* 全局初始化 */ * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: "微软雅黑", "Microsoft YaHei", sans-serif; } /* 页面标题样式(非表头) */ .param-title { text-align: center; margin-top: 20px; color: #333; font-size: 1.5em; font-weight: 600; } /* 表格核心样式 */ .param-table { width: 80%; border-collapse: collapse; margin: 20px auto; } /* 表头样式:鲜艳背景+文字居中 */ .param-table th { border: 1px solid #333; padding: 8px; font-size: 0.95em; background-color: #e63946; /* 鲜艳的宝蓝色,也可替换为 #e63946(红)、#ff9f1c(橙) */ color: white; font-weight: normal; text-align: center; /* 表头文字居中 */ } /* 表格单元格样式:文字靠左 */ .param-table td { border: 1px solid #333; padding: 8px; font-size: 0.95em; text-align: left; /* 仅单元格内容靠左 */ } /* 子标题单元格样式(如“工作环境”这类合并行的标题) */ .param-table .sub-title { background-color: #f0f0f0; font-weight: bold; color: #333; } /* 备注文本样式 */ .param-note { text-align: right; font-size: 0.9em; color: #666; margin-right: 10%; margin-bottom: 20px; } /* 响应式适配(小屏幕适配) */ @media (max-width: 768px) { .param-table { width: 95%; } .param-table th, .param-table td { padding: 6px; font-size: 0.85em; } .param-title { font-size: 1.2em; } }