@font-face{font-family:MZRFeatureDisplay;src:url('mzr-instrument-serif.ttf') format('truetype');font-display:swap}
.mft{--mft-paper:#f8f5ee;--mft-ink:#244d40;--mft-muted:#56685d;--mft-stage:#e3ddea;color:var(--mft-ink);font-family:Arial,"Microsoft YaHei",sans-serif;font-size:16px;line-height:1.65}
.mft[data-scene=dhikr]{--mft-active:#4c503a;--mft-tray:#e9e5d8;--mft-hover:#dddcc9}
.mft[data-scene=prayer]{--mft-active:#315549;--mft-tray:#e1e9df;--mft-hover:#cadbcd}
.mft[data-scene=blessing]{--mft-active:#75483f;--mft-tray:#f0e2db;--mft-hover:#e6cec5}
.mft[data-scene=family]{--mft-active:#63543d;--mft-tray:#ece5d7;--mft-hover:#dfd3bd}
.mft[data-scene=sleep]{--mft-active:#36535f;--mft-tray:#e1e9ec;--mft-hover:#cbdce2}
.mft[data-scene=insights]{--mft-active:#574467;--mft-tray:#eae3f0;--mft-hover:#dbcee5}
.mft *{box-sizing:border-box}.mft .mft-group{display:block;position:relative;background:var(--mft-paper);border-bottom:1px solid #dadfd4;scroll-margin-top:130px}.mft .mft-group--1{background:#f0eee6}
.mft .mft-grid{max-width:1160px;margin:auto;padding:48px 36px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:max-content 1fr;column-gap:64px;row-gap:20px;align-items:start}
.mft .mft-heading{grid-column:1;grid-row:1;min-width:0}.mft .mft-title{margin:0 0 22px;font-family:MZRFeatureDisplay,Georgia,serif;font-size:clamp(33px,3.4vw,46px);line-height:1.15;font-weight:400;letter-spacing:-.015em;white-space:pre-line;text-wrap:balance;color:var(--mft-ink)}
.mft .mft-tabs{display:grid;grid-template-columns:repeat(var(--mft-count),minmax(0,1fr));gap:4px;padding:5px;background:var(--mft-tray);border-radius:9px}.mft .mft-tab{appearance:none;min-width:0;min-height:44px;height:auto;padding:9px 8px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--mft-active);font:500 14px/1.5 Arial,"Microsoft YaHei",sans-serif;letter-spacing:0;white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:balance;cursor:pointer;text-transform:none;box-shadow:none;touch-action:manipulation}.mft .mft-tab[aria-selected=true]{background:var(--mft-active);color:#fff;font-weight:600}.mft .mft-tab:hover:not([aria-selected=true]){background:var(--mft-hover)}.mft .mft-tab:hover[aria-selected=true]{box-shadow:inset 0 0 0 2px #ffffff80}.mft .mft-tab:focus-visible,.mft .mft-zoom:focus-visible,.mft [data-mft-close]:focus-visible{outline:3px solid var(--mft-active);outline-offset:3px;box-shadow:inset 0 0 0 2px #fff}
.mft .mft-panel{display:contents}.mft .mft-description{grid-column:1;grid-row:2;min-width:0}.mft .mft-description h3{margin:0 0 8px;font:500 20px/1.5 Arial,"Microsoft YaHei",sans-serif;color:var(--mft-ink);letter-spacing:0}.mft .mft-description p{margin:0;max-width:32em;font-size:15px;line-height:1.75;color:var(--mft-muted)}
.mft .mft-figure{grid-column:2;grid-row:1/3;min-width:0;margin:0}.mft .mft-stage{max-width:460px;margin:auto;padding:20px;background:var(--mft-stage);border-radius:13px;display:flex;align-items:center;justify-content:center;overflow:hidden;direction:ltr}.mft .mft-stage--photo{padding:0}.mft .mft-image,.mft .mft-crop{width:min(100%,calc(460px * var(--mft-ratio)));height:auto;display:block;flex:none}.mft .mft-stage--photo .mft-image{width:100%;object-fit:contain}.mft .mft-crop{position:relative;overflow:hidden;direction:ltr}.mft .mft-crop img{position:absolute;max-width:none;height:auto;display:block;transform:none}.mft .mft-figure figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:460px;margin:8px auto 0;color:var(--mft-muted);font-size:11px;line-height:1.65}.mft .mft-zoom{border:0;background:transparent;color:var(--mft-active);padding:5px 0;font-size:12px;line-height:1.5;text-decoration:underline;text-underline-offset:3px;min-height:34px;height:auto;flex-shrink:0;cursor:pointer}.mft .mft-zoom:hover{text-decoration-thickness:2px}
.mft .mft-anchor{display:block;position:absolute;top:0;scroll-margin-top:130px}.mft .mft-dialog{width:850px;max-width:calc(100vw - 24px);max-height:90vh;margin:auto;padding:20px;border:0;border-radius:12px;background:var(--mft-paper);color:var(--mft-ink);overflow:auto}.mft .mft-dialog:not([open]){display:none}.mft .mft-dialog::backdrop{background:#172b25b8}.mft .mft-dialog-top{display:flex;justify-content:flex-end;margin-bottom:16px}.mft [data-mft-close]{min-height:44px;padding:8px 16px;border:1px solid var(--mft-active);background:transparent;color:var(--mft-active);border-radius:5px;cursor:pointer}.mft [data-mft-large] img{display:block;width:auto;max-width:100%;height:auto;margin:auto;transform:none}
.mft[lang^=zh] .mft-title{font-family:"Songti SC",SimSun,Georgia,serif;letter-spacing:0}.mft[dir=rtl]{font-family:Tahoma,Arial,sans-serif}.mft[dir=rtl] .mft-title{font-family:Tahoma,Arial,sans-serif;line-height:1.55;letter-spacing:0}.mft[dir=rtl] .mft-tab{font-family:Tahoma,Arial,sans-serif;font-size:15px;line-height:1.7}.mft[dir=rtl] .mft-description h3{font-family:Tahoma,Arial,sans-serif}
@media(max-width:749px){.mft .mft-grid{padding:30px 20px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:18px}.mft .mft-heading{grid-column:1;grid-row:1}.mft .mft-title{font-size:26px;line-height:1.42;margin-bottom:18px}.mft .mft-tabs{padding:4px}.mft .mft-tab{padding:8px 5px;min-height:44px;font-size:14px}.mft .mft-description{grid-column:1;grid-row:2}.mft .mft-description h3{font-size:18px;line-height:1.5;margin-bottom:6px}.mft .mft-description p{font-size:14px;line-height:1.7}.mft .mft-figure{grid-column:1;grid-row:3}.mft .mft-stage{max-width:430px;padding:14px;border-radius:10px}.mft .mft-stage--photo{padding:0}.mft .mft-image,.mft .mft-crop{width:100%}.mft .mft-figure figcaption{margin-top:6px;max-width:430px;font-size:10px}.mft .mft-zoom{font-size:12px;min-height:36px}.mft[dir=rtl] .mft-title{font-size:25px;line-height:1.65}.mft[dir=rtl] .mft-tab{font-size:15px}.mft[dir=rtl] .mft-description p{font-size:15px;line-height:1.8}}
