/* ============================================================
   山水殡葬服务中心 · /muyuan/ 静态目录页（长文落地页风格）
   绝对路径 /muyuan/skin/style.css · 移动端优先 · 无外部依赖
   ============================================================ */
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{font-size:16px;scroll-behavior:smooth}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  color:#2b2b2b;background:#f4f2ee;line-height:1.9;padding-bottom:72px;
}
a{color:#1f5c4d;text-decoration:none}
img{max-width:100%;height:auto;border:0}
.wrap{max-width:980px;margin:0 auto;padding:0 16px}
.topbar{background:#1c3d34;color:#fff;padding:12px 0}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between}
.topbar .brand{font-size:1.02rem;font-weight:700;letter-spacing:1px}
.topbar .brand small{display:block;font-size:.68rem;font-weight:400;opacity:.7;margin-top:2px;letter-spacing:0}
.topbar .hotline{font-size:.82rem;background:#34ae13;color:#fff;padding:7px 14px;border-radius:22px;white-space:nowrap}
.topbar .hotline b{font-size:1rem}
.hero{background:linear-gradient(135deg,#1c3d34 0%,#2c5a4c 100%);color:#fff;padding:34px 0 30px;text-align:center}
.hero h1{font-size:1.5rem;line-height:1.5;font-weight:700;margin-bottom:10px;padding:0 8px}
.hero p.sub{font-size:.9rem;opacity:.9;margin-bottom:18px}
.hero .cta{display:inline-block;background:#34ae13;color:#fff;font-size:1rem;font-weight:700;padding:11px 26px;border-radius:26px}
.hero .cta small{display:block;font-weight:400;font-size:.72rem;opacity:.9;margin-top:2px}
.crumb{font-size:.76rem;color:#999;padding:14px 0 0}
.crumb a{color:#999}
.card{background:#fff;border-radius:12px;padding:26px 20px;margin-top:16px;box-shadow:0 1px 5px rgba(0,0,0,.05)}
.card h2{font-size:1.22rem;color:#1c3d34;font-weight:700;margin:8px 0 14px;padding-left:12px;border-left:4px solid #34ae13;line-height:1.5}
.card h3{font-size:1.04rem;color:#22493e;font-weight:700;margin:18px 0 8px}
.card p{margin:0 0 12px;font-size:.96rem;color:#333}
.card ul{margin:6px 0 14px;padding-left:22px}
.card li{margin:6px 0;font-size:.95rem}
.card strong{color:#1c3d34}
.content img{display:block;margin:14px auto;border-radius:6px}
.ceme-list{display:grid;grid-template-columns:1fr;gap:12px;margin:14px 0}
.ceme{border:1px solid #e8e6e1;border-radius:10px;padding:14px 16px;background:#fbfaf8}
.ceme .name{font-size:1rem;font-weight:700;color:#1c3d34;margin-bottom:6px}
.ceme .name .tag{display:inline-block;font-size:.68rem;font-weight:400;background:#e3efe9;color:#1f5c4d;border-radius:4px;padding:1px 7px;margin-left:8px;vertical-align:middle}
.ceme .row{font-size:.86rem;color:#555;line-height:1.8}
.ceme .row b{color:#333}
.faq details{border:1px solid #e8e6e1;border-radius:10px;margin-bottom:10px;background:#fbfaf8;overflow:hidden}
.faq summary{cursor:pointer;padding:13px 16px;font-weight:700;color:#22493e;font-size:.95rem;list-style:none;position:relative;padding-right:34px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:16px;top:12px;font-size:1.2rem;color:#34ae13;font-weight:400}
.faq details[open] summary::after{content:"\2212"}
.faq .ans{padding:0 16px 14px;font-size:.92rem;color:#444}
.qr-block{margin-top:20px;padding:20px 12px;background:#f4f9f2;border:1px dashed #b8d8ab;border-radius:12px;text-align:center}
.qr-block img{max-width:200px;margin:0 auto 8px;border-radius:6px}
.sitemap-nav{margin-top:18px}
.sitemap-nav h2{font-size:1.1rem}
.sitemap-nav ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr;gap:8px}
.sitemap-nav li{background:#f4f2ee;border-radius:8px;padding:9px 12px;font-size:.86rem;min-width:0;overflow:hidden}
.sitemap-nav li a{color:#333;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.notice{max-width:980px;margin:18px auto 0;padding:0 16px;font-size:.72rem;color:#9a9a9a;line-height:1.7}
.beian{text-align:center;font-size:.72rem;color:#9a9a9a;line-height:2.2;padding:6px 0 14px}
.beian a{color:#9a9a9a}
.beian img{display:inline-block;vertical-align:middle;width:14px;height:14px;margin-right:4px}
.bottombar{position:fixed;left:0;right:0;bottom:0;z-index:999;display:flex;background:#fff;border-top:1px solid #e5e5e5;box-shadow:0 -2px 8px rgba(0,0,0,.06)}
.bottombar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0;color:#333;font-size:.76rem}
.bottombar a img{width:26px;height:26px;margin-bottom:3px}
.bottombar a.sms{border-left:1px solid #eee}
@media (min-width:768px){
  .hero h1{font-size:1.9rem}
  .ceme-list{grid-template-columns:1fr 1fr}
  .sitemap-nav ul{grid-template-columns:1fr 1fr}
  .card{padding:32px 36px}
}