/* ═══════════════════════════════════════════════════
   研途 · 会员体系
   顶部用户区 / 登录注册 / 会员中心 / 付费墙
   类名前缀 mm-  金色只用于会员身份标识
   ═══════════════════════════════════════════════════ */

/* ─── 会员金（仅身份标识用）──────────────────────── */
:root{
  --mm-gold:#E0B25E;
  --mm-gold-ink:#F2CC84;
  --mm-gold-2:#B98A34;
  --mm-gold-soft:rgba(224,178,94,.13);
  --mm-gold-line:rgba(224,178,94,.36);
}

/* ═══════════════════════════════════════════════════
   顶部用户区
   ═══════════════════════════════════════════════════ */
.mm-user{position:relative;display:flex;align-items:center}

.mm-login{height:32px;padding:0 14px;font-size:12.5px}

.mm-chip{
  display:flex;align-items:center;gap:8px;height:34px;padding:0 9px 0 4px;
  border-radius:var(--r-full);border:1px solid var(--line);
  background:rgba(255,255,255,.045);font:inherit;color:var(--ink);cursor:pointer;
  transition:background var(--t-2),border-color var(--t-2),
    transform var(--t-1) var(--spring),box-shadow var(--t-2);
}
.mm-chip:hover{background:rgba(255,255,255,.08);transform:scale(1.02)}
.mm-chip:active{transform:scale(.97)}
.mm-chip.is-open{border-color:var(--blue-line);background:var(--blue-soft)}

.mm-avatar{
  width:26px;height:26px;border-radius:50%;flex:none;
  display:grid;place-items:center;font-size:12.5px;font-weight:750;letter-spacing:0;
  color:var(--bg);background:var(--ink);
  transition:transform var(--t-2) var(--spring);
}
.mm-chip:hover .mm-avatar{transform:scale(1.06)}
.mm-chip.is-vip .mm-avatar{background:linear-gradient(150deg,var(--mm-gold),var(--mm-gold-2));color:#1A1206}
.mm-chip.is-life .mm-avatar{background:linear-gradient(150deg,var(--mm-gold-ink),var(--mm-gold));color:#1A1206}

.mm-user-nick{
  font-size:13px;font-weight:600;max-width:8ch;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;
}

/* 等级 pill —— 金色只出现在这里 */
.mm-lv{
  display:inline-flex;align-items:center;gap:4px;height:19px;padding:0 7px;flex:none;
  border-radius:var(--r-full);white-space:nowrap;
  font-size:10.5px;font-weight:700;letter-spacing:.05em;
  background:var(--mm-gold-soft);color:var(--mm-gold-ink);
  border:1px solid var(--mm-gold-line);
}
.mm-lv .ic{font-size:11px;stroke-width:2.2}
/* 免费 / 游客 不是会员 用中性色 */
.mm-lv.is-plain{
  background:var(--paper-2);color:var(--ink-3);
  border-color:var(--line);
}

.mm-chev{font-size:13px;color:var(--ink-4);transition:transform var(--t-3) var(--ease-io),color var(--t-2)}
.mm-chip.is-open .mm-chev{transform:rotate(180deg);color:var(--blue-ink)}

/* ─── 下拉菜单：右上角弹出 ────────────────────────── */
.mm-menu{
  position:absolute;right:0;top:calc(100% + 10px);z-index:80;width:214px;padding:6px;
  background:var(--paper-solid);border:1px solid var(--line);border-radius:var(--r);
  box-shadow:var(--sh-3);transform-origin:top right;
  animation:mmMenuIn var(--t-2) var(--ease-out) both;
}
@keyframes mmMenuIn{
  from{opacity:0;transform:scale(.9) translateY(-8px)}
  to{opacity:1;transform:none}
}
.mm-menu.closing{animation:mmMenuOut var(--t-1) var(--ease-io) both}
@keyframes mmMenuOut{
  from{opacity:1;transform:none}
  to{opacity:0;transform:scale(.94) translateY(-6px)}
}

.mm-mi{
  display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;
  border:0;border-radius:9px;background:none;font:inherit;font-size:13.5px;
  color:var(--ink-2);text-align:left;cursor:pointer;
  transition:background var(--t-1),color var(--t-1),transform var(--t-1) var(--ease-out);
}
.mm-mi .ic{font-size:14px;color:var(--ink-4);transition:color var(--t-1)}
.mm-mi:hover{background:var(--paper-2);color:var(--ink);transform:translateX(2px)}
.mm-mi:hover .ic{color:var(--blue-ink)}
.mm-mi:active{transform:translateX(2px) scale(.98)}
.mm-mi-out:hover{background:var(--red-soft);color:var(--red)}
.mm-mi-out:hover .ic{color:var(--red)}

.mm-menu-sep{height:1px;margin:5px 8px;background:var(--line-2)}

/* ═══════════════════════════════════════════════════
   弹窗（复用 .modal）
   ═══════════════════════════════════════════════════ */
.modal-box.mm-modal-sm{width:min(446px,94vw)}
.modal-box.mm-modal-md{width:min(560px,94vw)}

/* ─── 登录 / 注册 ────────────────────────────────── */
.mm-tabs{
  position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;
  border-radius:var(--r-sm);background:rgba(255,255,255,.05);
  border:1px solid var(--line-2);padding:3px;margin-bottom:22px;
}
.mm-tab-ink{
  position:absolute;left:3px;top:3px;bottom:3px;width:calc(50% - 3px);
  border-radius:8px;background:var(--blue);
  box-shadow:0 6px 18px -10px rgba(59,130,246,.95);
  transition:transform var(--t-3) var(--ease-io);
}
.mm-tabs.is-reg .mm-tab-ink{transform:translateX(100%)}
.mm-tab{
  position:relative;z-index:1;height:32px;border:0;background:none;
  font:inherit;font-size:13.5px;font-weight:600;color:var(--ink-3);cursor:pointer;
  transition:color var(--t-2);
}
.mm-tab:hover{color:var(--ink-2)}
.mm-tab.on{color:#fff}

.mm-form{display:flex;flex-direction:column}
.mm-field{margin-bottom:15px}
.mm-code-row{display:grid;grid-template-columns:1fr auto;gap:10px}
.mm-code-btn{height:42px;min-width:118px;padding:0 13px;font-size:12.5px}
.mm-code-btn[disabled]{opacity:.5;cursor:not-allowed}
.mm-code-hint{
  margin-top:8px;font-size:11.5px;color:var(--ink-4);
  display:flex;align-items:center;gap:6px;
  transition:color var(--t-2);
}
.mm-code-hint .ic{font-size:12px;color:var(--blue-ink)}
.mm-code-hint.is-on{color:var(--blue-ink)}

/* 注册专属字段：展开 / 收起 */
.mm-reg-only{
  max-height:0;opacity:0;overflow:hidden;pointer-events:none;
  transition:max-height var(--t-3) var(--ease-io),opacity var(--t-2) var(--ease-out),
    margin var(--t-3) var(--ease-io);
}
.mm-reg-only.show{max-height:92px;opacity:1;pointer-events:auto;margin-bottom:15px}

.mm-err{
  min-height:19px;margin:0 0 12px;font-size:12px;color:var(--red);
  opacity:0;transform:translateY(-3px);
  transition:opacity var(--t-2),transform var(--t-2) var(--ease-out);
}
.mm-err.on{opacity:1;transform:none}

.mm-submit{width:100%}
.mm-submit[disabled]{opacity:.55;pointer-events:none}

.mm-or{
  display:flex;align-items:center;gap:12px;margin:16px 0;
  font-size:11.5px;letter-spacing:.08em;color:var(--ink-4);
}
.mm-or::before,.mm-or::after{content:"";flex:1;height:1px;background:var(--line-2)}

.mm-demo{width:100%}
.mm-demo .ic{color:var(--mm-gold-ink)}

.mm-foot-note{
  margin-top:16px;font-size:11.5px;line-height:1.65;color:var(--ink-4);
}

/* ═══════════════════════════════════════════════════
   会员中心页
   ═══════════════════════════════════════════════════ */
.mm-page .title{max-width:16ch}

/* ─── 当前状态卡 ─────────────────────────────────── */
.mm-hero{
  position:relative;overflow:hidden;cursor:default;
  padding:26px 28px;margin-top:8px;
}
.mm-hero:hover{transform:none;box-shadow:var(--sh-1);border-color:var(--line)}
.mm-hero::after{display:none}
.mm-hero::before{
  content:"";position:absolute;inset:-60% -10% auto auto;width:420px;height:340px;
  pointer-events:none;z-index:0;
  background:radial-gradient(circle at 60% 45%,rgba(59,130,246,.20),transparent 66%);
}
.mm-hero.is-vip::before,
.mm-hero.is-life::before{
  background:radial-gradient(circle at 60% 45%,var(--mm-gold-soft),transparent 66%);
}
.mm-hero.flash{animation:mmFlash var(--t-4) var(--ease-out) both}
@keyframes mmFlash{
  0%{box-shadow:0 0 0 0 rgba(59,130,246,.5)}
  100%{box-shadow:0 0 0 20px rgba(59,130,246,0)}
}

.mm-hero-in{
  position:relative;z-index:1;display:flex;align-items:center;gap:20px;flex-wrap:wrap;
}
.mm-hero-main{display:flex;align-items:center;gap:16px;flex:1;min-width:0}
.mm-hero-avatar{
  width:60px;height:60px;border-radius:50%;flex:none;
  display:grid;place-items:center;font-size:23px;font-weight:780;
  background:var(--ink);color:var(--bg);
  box-shadow:0 0 0 1px rgba(255,255,255,.1),0 12px 28px -16px rgba(0,0,0,.95);
}
.mm-hero-avatar.is-guest{background:var(--paper-2);color:var(--ink-3);font-size:20px}
.mm-hero.is-vip .mm-hero-avatar{background:linear-gradient(150deg,var(--mm-gold),var(--mm-gold-2));color:#1A1206}
.mm-hero.is-life .mm-hero-avatar{background:linear-gradient(150deg,var(--mm-gold-ink),var(--mm-gold));color:#1A1206}

.mm-hero-txt{min-width:0}
.mm-hero-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mm-hero-top h3{
  margin:0;font-size:19px;font-weight:720;letter-spacing:-.018em;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:16ch;
}
.mm-hero-txt p{margin:5px 0 0;font-size:13px;color:var(--ink-3);line-height:1.55}

.mm-hero-side{
  display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex:none;
}
.mm-hero-days{display:flex;align-items:baseline;gap:4px;font-variant-numeric:tabular-nums}
.mm-hero-days b{
  font-size:36px;font-weight:780;letter-spacing:-.035em;line-height:1;
  color:var(--ink);
}
.mm-hero-days i{font-style:normal;font-size:12px;color:var(--ink-4)}
.mm-hero-days.is-life b{font-size:27px;color:var(--mm-gold-ink);letter-spacing:-.02em}
.mm-hero-hint{font-size:11.5px;color:var(--ink-4)}

/* ─── 权益对比 ───────────────────────────────────── */
.mm-cmp{
  border:1px solid var(--line);border-radius:var(--r-lg);
  background:var(--paper);overflow-x:auto;overflow-y:hidden;
}
.mm-cmp-in{min-width:620px}
.mm-cmp-row{
  display:grid;grid-template-columns:minmax(118px,1.45fr) repeat(4,minmax(86px,1fr));
  border-top:1px solid var(--line-2);
}
.mm-cmp-row:first-child{border-top:0}
.mm-cmp-c{
  display:flex;align-items:center;justify-content:center;gap:5px;
  padding:13px 10px;font-size:12.5px;color:var(--ink-3);text-align:center;
  transition:background var(--t-2);
}
.mm-cmp-c.k{justify-content:flex-start;padding-left:18px;color:var(--ink-2);font-weight:600;font-size:13px}
.mm-cmp-row.head{background:rgba(255,255,255,.028)}
.mm-cmp-row.head .mm-cmp-c{
  padding:14px 10px;font-size:12.5px;font-weight:700;color:var(--ink-2);
  flex-direction:column;gap:3px;
}
.mm-cmp-row.head .mm-cmp-c.k{flex-direction:row;color:var(--ink-4);font-weight:600;letter-spacing:.06em;font-size:11.5px}
.mm-cmp-c.on{background:var(--blue-soft);color:var(--ink)}
.mm-cmp-cur{
  font-size:9.5px;font-weight:700;letter-spacing:.08em;color:var(--blue-ink);
  padding:1px 6px;border-radius:var(--r-full);background:rgba(59,130,246,.2);
}
.mm-cmp-c b{font-weight:700}

.mm-ok,.mm-no{display:inline-flex;align-items:center;gap:5px}
.mm-ok .ic{font-size:12px;color:var(--blue-ink)}
.mm-no .ic{font-size:12px;color:var(--ink-4)}
.mm-ok{color:var(--ink-2)}
.mm-no{color:var(--ink-4)}

/* ─── 套餐 ───────────────────────────────────────── */
.mm-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start;padding-top:10px}
.mm-plan{
  position:relative;display:flex;flex-direction:column;gap:2px;padding:24px 20px 20px;
  border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);
  font:inherit;color:inherit;text-align:left;cursor:pointer;
  transition:transform var(--t-2) var(--ease-out),border-color var(--t-2),
    background var(--t-2),box-shadow var(--t-2);
}
.mm-plan:hover{
  transform:translateY(-3px) scale(1.012);
  border-color:rgba(255,255,255,.18);box-shadow:var(--sh-2);
}
.mm-plan:active{transform:translateY(-1px) scale(.99)}
.mm-plan.on{
  transform:translateY(-6px);
  border-color:var(--blue-line);
  background:linear-gradient(180deg,var(--blue-soft),var(--paper) 58%);
  box-shadow:0 20px 48px -26px rgba(59,130,246,.9);
}
.mm-plan.on:hover{transform:translateY(-8px) scale(1.012)}

.mm-plan-badge{
  position:absolute;top:0;right:16px;transform:translateY(-50%);
  height:22px;padding:0 9px;border-radius:var(--r-full);
  display:inline-flex;align-items:center;
  font-size:10.5px;font-weight:700;letter-spacing:.05em;white-space:nowrap;
  background:var(--blue);color:#fff;
  box-shadow:0 6px 16px -8px rgba(59,130,246,.95);
}
.mm-plan-badge.is-ink{background:var(--ink);color:var(--bg);box-shadow:none}

.mm-plan-name{font-size:13px;font-weight:700;letter-spacing:.05em;color:var(--ink-2)}
.mm-plan-price{
  display:flex;align-items:baseline;gap:2px;margin-top:8px;
  font-size:38px;font-weight:780;letter-spacing:-.04em;line-height:1;
  font-variant-numeric:tabular-nums;
}
.mm-plan-price i{font-style:normal;font-size:16px;font-weight:600;color:var(--ink-3);letter-spacing:0}
.mm-plan-note{margin-top:7px;font-size:11.5px;color:var(--ink-4);line-height:1.5;min-height:2.6em}

.mm-plan-perks{
  display:flex;flex-direction:column;gap:7px;margin-top:14px;padding-top:14px;
  border-top:1px solid var(--line-2);
}
.mm-perk{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink-3)}
.mm-perk .ic{font-size:12.5px;color:var(--blue-ink);flex:none}

.mm-plan-pick{
  display:inline-flex;align-items:center;gap:5px;margin-top:14px;
  font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--blue-ink);
  opacity:0;transform:translateY(5px);
  transition:opacity var(--t-2) var(--ease-out),transform var(--t-2) var(--ease-out);
}
.mm-plan-pick .ic{font-size:12px}
.mm-plan.on .mm-plan-pick{opacity:1;transform:none}

/* ─── 购买条 ─────────────────────────────────────── */
.mm-buy{
  margin-top:16px;padding:16px 20px;border:1px solid var(--line);
  border-radius:var(--r-lg);background:var(--paper);
}
.mm-buy-in{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.mm-buy-l{display:flex;flex-direction:column;gap:2px;min-width:0}
.mm-buy-k{font-size:11px;letter-spacing:.08em;color:var(--ink-4)}
.mm-buy-v{
  display:flex;align-items:baseline;gap:8px;
  font-size:16px;font-weight:700;letter-spacing:-.01em;
}
.mm-buy-v i{
  font-style:normal;font-size:20px;font-weight:780;
  color:var(--blue-ink);font-variant-numeric:tabular-nums;
}
.mm-buy-n{font-size:11.5px;color:var(--ink-4)}
.mm-buy-r{display:flex;align-items:center;gap:14px;margin-left:auto}
.mm-buy-cur{font-size:12px;color:var(--ink-4);white-space:nowrap}

.btn[disabled]{opacity:.45;pointer-events:none;box-shadow:none}

/* ─── 常见问题（展开 / 收起）────────────────────── */
.mm-faq{
  display:flex;flex-direction:column;margin-top:14px;
  border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;
  background:var(--line-2);
}
.mm-faq-item{background:var(--paper);border-top:1px solid var(--line-2)}
.mm-faq-item:first-child{border-top:0}
.mm-faq-head{
  display:flex;align-items:center;gap:12px;width:100%;padding:15px 20px;
  border:0;background:none;font:inherit;font-size:14px;color:var(--ink-2);
  text-align:left;cursor:pointer;
  transition:background var(--t-2),color var(--t-2);
}
.mm-faq-head:hover{background:rgba(255,255,255,.032);color:var(--ink)}
.mm-faq-head:active{background:rgba(255,255,255,.05)}
.mm-faq-ic{
  margin-left:auto;font-size:14px;color:var(--ink-4);
  transition:transform var(--t-3) var(--ease-io),color var(--t-2);
}
.mm-faq-item.on .mm-faq-ic{transform:rotate(180deg);color:var(--blue-ink)}
.mm-faq-item.on .mm-faq-head{color:var(--ink)}
.mm-faq-body{max-height:0;overflow:hidden;transition:max-height var(--t-3) var(--ease-io)}
.mm-faq-in{padding:0 20px 16px;font-size:13px;line-height:1.72;color:var(--ink-3)}

.mm-note{margin-top:26px;font-size:12.5px;line-height:1.7;color:var(--ink-4)}

/* ═══════════════════════════════════════════════════
   收银台
   ═══════════════════════════════════════════════════ */
.mm-pay-top{display:flex;align-items:center;gap:20px;margin-bottom:18px}

.mm-qr{
  position:relative;width:146px;height:146px;flex:none;border-radius:var(--r);
  border:1px solid var(--line);overflow:hidden;
  background-color:rgba(255,255,255,.04);
  background-image:
    repeating-linear-gradient(90deg,rgba(255,255,255,.13) 0 5px,transparent 5px 10px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.13) 0 5px,transparent 5px 10px);
}
.mm-qr i{
  position:absolute;width:30px;height:30px;border-radius:4px;
  border:3px solid var(--ink-2);background:var(--paper-solid);
}
.mm-qr i.tl{left:9px;top:9px}
.mm-qr i.tr{right:9px;top:9px}
.mm-qr i.bl{left:9px;bottom:9px}
.mm-qr-scan{
  position:absolute;left:0;right:0;top:8%;height:2px;
  background:var(--blue);box-shadow:0 0 12px var(--blue);
  animation:mmScan 2.6s var(--ease-io) infinite;
}
@keyframes mmScan{0%{top:8%}50%{top:92%}100%{top:8%}}

.mm-pay-info{display:flex;flex-direction:column;gap:4px;min-width:0}
.mm-pay-k{font-size:11px;letter-spacing:.09em;color:var(--ink-4)}
.mm-pay-amount{
  display:flex;align-items:baseline;gap:2px;
  font-size:40px;font-weight:780;letter-spacing:-.04em;line-height:1.05;
  color:var(--ink);font-variant-numeric:tabular-nums;
}
.mm-pay-amount i{font-style:normal;font-size:17px;font-weight:600;color:var(--ink-3)}
.mm-pay-name{font-size:12.5px;color:var(--ink-3)}

.mm-pay-note{
  display:flex;align-items:center;gap:8px;padding:11px 14px;margin-bottom:16px;
  border:1px solid var(--blue-line);border-radius:var(--r-sm);background:var(--blue-soft);
  font-size:12.5px;color:var(--blue-ink);
}
.mm-pay-note .ic{font-size:14px;flex:none}
.mm-pay-ok{width:100%}
.mm-pay-tip{margin:12px 0 0;font-size:11.5px;text-align:center;color:var(--ink-4)}

/* ═══════════════════════════════════════════════════
   付费墙
   ═══════════════════════════════════════════════════ */
.mm-wall-reason{
  margin:0;font-size:13.5px;line-height:1.7;color:var(--ink-2);
}
.mm-wall-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 20px}
.mm-wall-plan{
  padding:13px 10px;border:1px solid var(--line);border-radius:var(--r);
  background:var(--paper);text-align:center;
  transition:transform var(--t-2) var(--ease-out),border-color var(--t-2);
}
.mm-wall-plan:hover{transform:translateY(-2px);border-color:var(--blue-line)}
.mm-wall-plan b{display:block;font-size:13px;font-weight:700}
.mm-wall-plan span{display:block;margin-top:3px;font-size:11px;color:var(--ink-4)}
.mm-wall-plan em{
  display:block;margin-top:7px;font-style:normal;
  font-size:19px;font-weight:780;letter-spacing:-.02em;color:var(--blue-ink);
}
.mm-wall-act{display:flex;gap:10px}
.mm-wall-act .btn{flex:1}

/* ═══════════════════════════════════════════════════
   设置 / 收藏
   ═══════════════════════════════════════════════════ */
.mm-set-row{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:11px 0;border-bottom:1px solid var(--line-2);font-size:13px;
}
.mm-set-row span{color:var(--ink-4)}
.mm-set-row b{font-weight:640;color:var(--ink-2);font-variant-numeric:tabular-nums}
.mm-set-acts{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.mm-set-acts .btn{flex:1;min-width:140px}

.mm-empty{
  display:flex;flex-direction:column;align-items:center;gap:8px;
  padding:34px 10px 26px;text-align:center;
}
.mm-empty .ic{font-size:26px;color:var(--ink-4)}
.mm-empty p{margin:0;font-size:14px;font-weight:640;color:var(--ink-2)}
.mm-empty span{font-size:12.5px;color:var(--ink-4)}
.mm-empty .btn{margin-top:8px}

.mm-fav-list{display:flex;flex-direction:column;gap:8px}
.mm-fav{
  display:flex;align-items:center;gap:12px;padding:12px 14px;
  border:1px solid var(--line);border-radius:var(--r);background:var(--paper);
  font:inherit;color:inherit;text-align:left;cursor:pointer;
  transition:transform var(--t-2) var(--ease-out),border-color var(--t-2),background var(--t-2);
}
.mm-fav:hover{transform:translateX(3px);border-color:var(--blue-line);background:var(--blue-soft)}
.mm-fav b{font-size:13.5px;font-weight:640}
.mm-fav span{font-size:11.5px;color:var(--ink-4)}
.mm-fav .ic{margin-left:auto;font-size:13px;color:var(--ink-4)}

/* ═══════════════════════════════════════════════════
   响应式
   ═══════════════════════════════════════════════════ */
@media (max-width:900px){
  .mm-plans{grid-template-columns:1fr;gap:12px}
  .mm-plan.on,.mm-plan.on:hover,.mm-plan:hover{transform:none}
  .mm-hero{padding:22px 20px}
}

@media (max-width:640px){
  .mm-user-nick{display:none}
  .mm-chip{gap:6px;padding:0 7px 0 4px}
  .mm-chev{display:none}

  .mm-hero-in{flex-direction:column;align-items:stretch;gap:16px}
  .mm-hero-main{gap:13px}
  .mm-hero-avatar{width:48px;height:48px;font-size:19px}
  .mm-hero-top h3{font-size:17px}
  .mm-hero-side{
    flex-direction:row;align-items:center;justify-content:space-between;
    gap:12px;padding-top:14px;border-top:1px solid var(--line-2);
  }
  .mm-hero-days b{font-size:28px}

  .mm-cmp-in{min-width:0}
  .mm-cmp-row{grid-template-columns:minmax(72px,.95fr) repeat(4,minmax(0,1fr))}
  .mm-cmp-c{padding:11px 4px;font-size:11px;line-height:1.45}
  .mm-cmp-c.k{padding-left:10px;font-size:11.5px}
  .mm-cmp-row.head .mm-cmp-c{font-size:11px;padding:11px 4px}
  .mm-cmp-row.head .mm-cmp-c.k{padding-left:10px;font-size:10.5px}
  .mm-ok,.mm-no{flex-direction:column;gap:2px;text-align:center}
  .mm-cmp-cur{font-size:8.5px;padding:0 4px}

  .mm-plan{padding:20px 16px 18px}
  .mm-plan-price{font-size:33px}
  .mm-plan-note{min-height:0}

  .mm-buy{padding:14px 16px}
  .mm-buy-r{width:100%;margin-left:0;justify-content:space-between}
  .mm-buy-r .btn{flex:1;max-width:170px}

  .mm-pay-top{flex-direction:column;align-items:flex-start;gap:16px}
  .mm-qr{width:132px;height:132px}
  .mm-pay-amount{font-size:34px}

  .mm-wall-plans{grid-template-columns:1fr;gap:8px}
  .mm-wall-plan{display:flex;align-items:center;gap:10px;text-align:left;padding:11px 14px}
  .mm-wall-plan b{flex:none}
  .mm-wall-plan span{margin-top:0;flex:1}
  .mm-wall-plan em{margin-top:0;font-size:17px}

  .mm-faq-head{padding:13px 15px;font-size:13.5px}
  .mm-faq-in{padding:0 15px 14px;font-size:12.5px}
}

@media (prefers-reduced-motion:reduce){
  .mm-qr-scan{display:none}
  .mm-hero.flash{animation:none}
}