/* jz1 家政生活服务风 —— 主色 #d97b29 暖橙 / 米色底 / 深棕文字 / 鼠尾草绿点缀 */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif; background: #faf5ea; color: #3d3226; line-height: 1.85; font-size: 16px; }
a { color: #b5621c; text-decoration: none; }
a:hover { color: #d97b29; text-decoration: underline; }
img { max-width: 100%; height: auto; display: block; }

/* 顶栏：服务热线条 */
.jz1-topbar { background: #3d3226; color: #efe4d2; font-size: 13px; }
.jz1-topbar-in { max-width: 1080px; margin: 0 auto; padding: 6px 20px; display: flex; justify-content: space-between; }
.jz1-topbar-r { color: #f0b87a; }

/* 头部导航 */
.jz1-head { background: #fffdf8; border-bottom: 2px solid #d97b29; }
.jz1-head-in { max-width: 1080px; margin: 0 auto; padding: 16px 20px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.jz1-logo { display: flex; align-items: center; gap: 10px; font-size: 22px; font-weight: 700; color: #3d3226; }
.jz1-logo-badge { display: inline-flex; width: 40px; height: 40px; border-radius: 10px; background: #d97b29; color: #fff8ee; font-size: 20px; font-weight: 700; align-items: center; justify-content: center; }
.jz1-nav { display: flex; gap: 18px; flex-wrap: wrap; font-size: 15px; }
.jz1-nav a { color: #4a3d2c; padding: 4px 2px; border-bottom: 2px solid transparent; }
.jz1-nav a:hover { color: #d97b29; border-bottom-color: #d97b29; text-decoration: none; }

.jz1-main { max-width: 1080px; margin: 0 auto; padding: 20px; }
.jz1-crumb { font-size: 13px; color: #9a8a70; margin-bottom: 16px; }
.jz1-crumb a { color: #9a8a70; }

/* Hero：左文案右预约卡 */
.jz1-hero { display: flex; gap: 28px; background: linear-gradient(120deg, #fffaf0, #fbeedc); border: 1px solid #ecdcc2; border-radius: 14px; padding: 34px 30px; margin-bottom: 26px; align-items: center; flex-wrap: wrap; }
.jz1-hero-l { flex: 1 1 380px; }
.jz1-hero-tag { display: inline-block; background: #d97b29; color: #fff8ee; font-size: 13px; padding: 4px 12px; border-radius: 999px; margin-bottom: 12px; }
.jz1-hero h1 { font-size: 30px; color: #33291c; line-height: 1.4; margin-bottom: 14px; }
.jz1-hero-lead { color: #5c4e3b; margin-bottom: 18px; }
.jz1-btnrow { display: flex; gap: 14px; flex-wrap: wrap; }
.jz1-btn { display: inline-block; padding: 10px 22px; border-radius: 999px; font-size: 15px; font-weight: 600; }
.jz1-btn-main { background: #d97b29; color: #fff8ee; }
.jz1-btn-main:hover { background: #b5621c; color: #fff8ee; text-decoration: none; }
.jz1-btn-ghost { border: 1.5px solid #d97b29; color: #b5621c; background: #fffdf8; }
.jz1-btn-ghost:hover { background: #fbeedc; text-decoration: none; }
.jz1-book { flex: 0 1 300px; background: #fffdf8; border: 1px solid #ecdcc2; border-radius: 12px; padding: 20px 22px; }
.jz1-book-t { font-size: 17px; font-weight: 700; color: #b5621c; margin-bottom: 10px; display: flex; align-items: center; gap: 8px; }
.jz1-book ul { list-style: none; }
.jz1-book li { font-size: 14px; color: #5c4e3b; padding: 7px 0; border-bottom: 1px dashed #ecdcc2; }
.jz1-book li:last-child { border-bottom: 0; }
.jz1-book li::before { content: "▸ "; color: #6b8a4e; }
.jz1-book-note { margin-top: 10px; font-size: 12px; color: #9a8a70; }

/* 通用区块 */
.jz1-sec { margin-bottom: 26px; }
.jz1-sec > h2, .jz1-grid-h { font-size: 22px; color: #33291c; border-left: 5px solid #d97b29; padding-left: 12px; margin-bottom: 16px; }
.jz1-sec p { margin-bottom: 12px; color: #4a3d2c; }

/* 服务项目卡片网格 */
.jz1-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
.jz1-card { background: #fffdf8; border: 1px solid #ecdcc2; border-radius: 12px; padding: 18px 20px; }
.jz1-card:hover { border-color: #d97b29; box-shadow: 0 4px 14px rgba(217,123,41,.12); }
.jz1-card-t { font-size: 17px; font-weight: 700; color: #b5621c; margin-bottom: 8px; }
.jz1-card-t::before { content: "🧺 "; }
.jz1-card-p { font-size: 14.5px; color: #5c4e3b; margin-bottom: 10px; }
.jz1-card-more { font-size: 14px; color: #6b8a4e; }
.jz1-card-more:hover { color: #4c6a35; text-decoration: none; }

/* 步骤条 */
.jz1-steps { list-style: none; counter-reset: jz; }
.jz1-steps li { counter-increment: jz; position: relative; padding: 10px 0 10px 46px; color: #4a3d2c; border-bottom: 1px dashed #e6d9c2; }
.jz1-steps li::before { content: counter(jz); position: absolute; left: 0; top: 10px; width: 30px; height: 30px; border-radius: 50%; background: #d97b29; color: #fff8ee; font-weight: 700; text-align: center; line-height: 30px; }

/* 资讯列表 */
.jz1-newslist { list-style: none; }
.jz1-newslist li { display: flex; gap: 12px; padding: 10px 0; border-bottom: 1px dashed #e6d9c2; align-items: baseline; }
.jz1-newslist .jz1-d { flex: 0 0 86px; font-size: 13px; color: #9a8a70; }
.jz1-newslist a { color: #3d3226; font-size: 15.5px; }
.jz1-newslist a:hover { color: #d97b29; }

/* 折叠问答 */
.jz1-qa { background: #fffdf8; border: 1px solid #ecdcc2; border-radius: 10px; padding: 14px 18px; margin-bottom: 10px; }
.jz1-qa summary { cursor: pointer; font-weight: 600; color: #33291c; list-style: none; }
.jz1-qa summary::before { content: "❓ "; }
.jz1-qa summary::-webkit-details-marker { display: none; }
.jz1-qa p { margin-top: 8px; color: #5c4e3b; font-size: 15px; }

/* 数据总结段（GEO） */
.jz1-data { background: #f3e8d7; border-left: 5px solid #6b8a4e; border-radius: 0 10px 10px 0; padding: 16px 20px; margin-bottom: 26px; font-size: 15px; color: #4a3d2c; }
.jz1-data a { color: #4c6a35; }

/* 文章页 */
.jz1-art { background: #fffdf8; border: 1px solid #ecdcc2; border-radius: 14px; padding: 30px 32px; }
.jz1-art h1 { font-size: 26px; color: #33291c; line-height: 1.45; margin-bottom: 10px; }
.jz1-art-meta { font-size: 13px; color: #9a8a70; margin-bottom: 16px; display: flex; gap: 14px; }
.jz1-fig { margin-bottom: 18px; }
.jz1-fig img { border-radius: 10px; }
.jz1-fig figcaption { font-size: 13px; color: #9a8a70; margin-top: 6px; text-align: center; }
.jz1-art-lead { font-size: 16.5px; color: #4a3d2c; background: #faf3e3; border-radius: 10px; padding: 14px 18px; margin-bottom: 20px; }
.jz1-art .jz1-sec h2 { font-size: 19px; }

/* 相关阅读 */
.jz1-rel { background: #fffdf8; border: 1px solid #ecdcc2; border-radius: 12px; padding: 18px 22px; margin-top: 20px; }
.jz1-rel h2 { font-size: 17px; color: #33291c; margin-bottom: 10px; }
.jz1-rel ul { list-style: none; display: flex; gap: 18px; flex-wrap: wrap; }
.jz1-rel li::before { content: "· "; color: #6b8a4e; }

/* 页脚四栏 */
.jz1-foot { background: #33291c; color: #d8c9ad; margin-top: 40px; }
.jz1-foot-in { max-width: 1080px; margin: 0 auto; padding: 30px 20px 20px; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 24px; }
.jz1-foot-t { font-size: 16px; font-weight: 700; color: #f0b87a; margin-bottom: 10px; }
.jz1-foot-col p { font-size: 13.5px; color: #cbb999; line-height: 1.8; }
.jz1-foot-col ul { list-style: none; }
.jz1-foot-col ul li { padding: 3px 0; }
.jz1-foot-col a { color: #d8c9ad; font-size: 13.5px; }
.jz1-foot-col a:hover { color: #f0b87a; }
.jz1-disc { font-size: 12.5px !important; color: #a8947a !important; }
.jz1-copy { max-width: 1080px; margin: 0 auto; padding: 0 20px 22px; font-size: 12.5px; color: #8f7d62; }

@media (max-width: 720px) {
  .jz1-hero { padding: 22px 18px; }
  .jz1-art { padding: 20px 16px; }
}
