/* 全局基础样式重置 */ * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: "Microsoft Yahei", SimSun, sans-serif; font-size: 16px; line-height: 1.8; color: #333; background-color: #f5f7fa; padding: 30px 15px; } /* 协议容器 - 主体白色卡片 */ .agreement-wrap { max-width: 900px; margin: 0 auto; background: #fff; padding: 40px 50px; border-radius: 8px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); } /* 主标题 */ .agreement-title { font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 30px; color: #222; } /* 甲乙双方信息区域 */ .party-info { margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px dashed #eee; } .party-info p { margin: 8px 0; } /* 一级标题（一、二、三...） */ .section-title { font-size: 18px; font-weight: bold; margin: 28px 0 12px; color: #1f4e79; } /* 一级级标题（（一）（二）...） */ .sua-title { font-size: 17px; font-weight: 600; margin: 20px 0 10px; color: #1f4e79; } /* 二级标题（（一）（二）...） */ .sub-title { font-size: 17px; font-weight: 600; margin: 20px 0 10px; color: #444; } /* 普通段落、列表项 */ .content-p { margin: 10px 0; text-indent: 2em; /* 首行缩进 */ } .list-item { margin: 8px 0; padding-left: 1em; } /* 落款区域 */ .sign-area { margin-top: 40px; padding-top: 20px; border-top: 1px solid #eee; text-align: right; /* 整体右对齐 */ } .sign-area p { margin: 6px 0; } /* 响应式适配 - 手机端 */ @media (max-width: 768px) { body { padding: 15px 8px; } .agreement-wrap { padding: 20px 18px; } .agreement-title { font-size: 20px; } .section-title { font-size: 16px; } .content-p { text-indent: 1.5em; } .sign-area { flex-direction: column; gap: 15px; } }