.mfh .mh-pages{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mfh .mh-pages a{position:relative;display:flex;flex-direction:column;gap:8px;height:100%;padding:20px 20px 46px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-1);transition:border-color .2s,transform .25s var(--spring),box-shadow .3s}.mfh .mh-pages a:hover{border-color:var(--violet-300);box-shadow:var(--shadow-2);transform:translateY(-3px)}.mfh .mh-page-label{font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.02em;color:var(--ink)}.mfh .mh-page-desc{font-size:13.5px;line-height:1.55;color:var(--muted)}.mfh .mh-pages svg{position:absolute;left:20px;bottom:16px;width:20px;height:20px;color:var(--violet)}.mfh .mh-note{margin:-28px 0 36px;text-align:center;font-size:13px;color:var(--muted)}.mfh .mh-classes{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:36px}.mfh .mh-class{padding:24px;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-2);scroll-margin-top:90px}.mfh .mh-class:last-child{grid-column:1 / -1}.mfh .mh-class header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.mfh .mh-class h3{font-size:26px;font-weight:700;letter-spacing:-.03em}.mfh .mh-class header span{font-size:13px;font-weight:600;color:var(--muted)}.mfh .mh-class>p{margin-top:6px;font-size:15px;line-height:1.6;color:var(--ink-2)}.mfh .mh-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.mfh .mh-chips span,.mfh .mh-chips a{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:99px;font-size:13px;font-weight:500;line-height:1.3;color:var(--ink-2);background:#faf7fe;border:1px solid #efe7fa}.mfh .mh-chips a.is-page{font-weight:600;color:#fff;background:linear-gradient(180deg,#9669da,#7643bd);border-color:transparent;box-shadow:0 8px 18px -10px #7643bde6}.mfh .mh-chips a.is-page svg{width:14px;height:14px}.mfh .mh-chips a.is-page:hover{filter:brightness(1.06)}@media (max-width: 1080px){.mfh .mh-pages{grid-template-columns:repeat(2,1fr)}}@media (max-width: 760px){.mfh .mh-classes{grid-template-columns:1fr}}@media (max-width: 520px){.mfh .mh-pages{grid-template-columns:1fr}.mfh .mh-class{padding:20px 18px}}