/* 全部样式限定在 .mu-life 内，无依赖，不影响首页其他模块。 */
.mu-life{--mu-navy:#101d32;--mu-gold:#aa8749;container-type:inline-size;max-width:1100px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--mu-navy);line-height:1.5;text-align:left}
.mu-life *{box-sizing:border-box}
.mu-life .mu-life-title{font-size:clamp(20px,5.1cqw,32px);font-weight:750;line-height:1.35;margin:0 0 8px;letter-spacing:-.02em}
.mu-life .mu-life-title span{color:var(--mu-gold)}
.mu-life .mu-life-intro{margin:0 0 24px;color:#737b88;font-size:clamp(13px,3.6cqw,18px)}
.mu-life a{text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}
.mu-life a:focus-visible{outline:3px solid #796024;outline-offset:4px}
.mu-life .mu-life-strip{display:flex;align-items:center;gap:clamp(12px,3.5cqw,22px);padding:clamp(15px,4cqw,25px);margin-bottom:18px;border:1px solid #f8d9dd;border-radius:clamp(18px,4cqw,26px);background:linear-gradient(110deg,#fff,#fff1f2);font-size:clamp(16px,4.3cqw,25px);font-weight:700}
.mu-life .mu-life-mark{display:flex;align-items:center;justify-content:center;flex:none;width:clamp(48px,13cqw,72px);height:clamp(48px,13cqw,72px);border-radius:25%;background:#ff2442;color:white;font-size:clamp(14px,3.8cqw,21px);font-weight:800}
.mu-life .mu-life-chevron{margin-left:auto;font-size:1.6em;line-height:1}
.mu-life .mu-life-card{display:block;position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.94;border-radius:clamp(20px,4cqw,28px);background:#fff5e7;box-shadow:0 8px 25px #172a4510}
.mu-life .mu-life-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.mu-life .mu-life-copy{padding:clamp(18px,4.5cqw,38px);width:69%}
.mu-life .mu-life-card h3{margin:0 0 10px;font-size:clamp(23px,6.2cqw,44px);font-weight:800;line-height:1.3;letter-spacing:-.02em}
.mu-life .mu-life-desc{margin:0;color:#596578;font-size:clamp(12px,3.3cqw,21px);line-height:1.65;max-width:23em}
.mu-life .mu-life-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;margin-top:clamp(16px,4cqw,30px);padding:9px clamp(12px,3cqw,24px);border:1px solid #ccaa59;border-radius:999px;background:linear-gradient(110deg,#f7e2ac,#e7c16e);color:#5c4315;font-size:clamp(12px,3.5cqw,21px);font-weight:750;white-space:nowrap}
@media(hover:hover){.mu-life .mu-life-card:hover .mu-life-button{filter:brightness(1.04)}.mu-life .mu-life-strip:hover{border-color:#eeb9bf}}
@container(max-width:360px){.mu-life .mu-life-card{aspect-ratio:1.65}.mu-life .mu-life-photo{object-position:62% center}.mu-life .mu-life-copy{width:72%}.mu-life .mu-life-desc{max-width:13em}.mu-life .mu-life-strip{gap:10px}.mu-life .mu-life-button{gap:6px}}