.miniapp-demo[data-v-86c5689c]{justify-items:center;gap:14px;width:100%;display:grid}.miniapp-demo>p[data-v-86c5689c]{color:#4f655c;margin:0;font-size:13px}.miniapp-demo__phone[data-v-86c5689c]{color:#10251d;background:#f7f8f3;border:7px solid #10251d;border-radius:32px;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(330px,100%);height:570px;display:grid;overflow:hidden;box-shadow:0 22px 50px #1131212e}.miniapp-demo__phone>header[data-v-86c5689c]{grid-template-columns:1fr auto 1fr;align-items:center;padding:15px 16px 10px;display:grid}.miniapp-demo__phone>header strong[data-v-86c5689c]{grid-column:2;font-size:16px}.miniapp-demo__phone>header span[data-v-86c5689c]{letter-spacing:2px;border:1px solid #d8e1d9;border-radius:14px;justify-self:end;padding:2px 8px;font-size:12px}.miniapp-demo__switch[data-v-86c5689c]{background:#e7ece6;border-radius:9px;grid-template-columns:1fr 1fr;margin:0 14px 10px;padding:3px;display:grid}.miniapp-demo__switch button[data-v-86c5689c]{color:#4f655c;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px;font-size:12px;font-weight:750}.miniapp-demo__switch button[aria-selected=true][data-v-86c5689c]{color:#1f5e3b;background:#fff;box-shadow:0 4px 12px #1c392a1a}.mini-ranking[data-v-86c5689c]{min-height:0;padding:0 14px;overflow:hidden}.mini-ranking__summary[data-v-86c5689c]{background:#e7f2e7;border-left:4px solid #2f7d4e;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.mini-ranking__summary div[data-v-86c5689c]{display:grid}.mini-ranking__summary small[data-v-86c5689c]{color:#65766f;font-size:12px}.mini-ranking__summary strong[data-v-86c5689c]{font-size:16px}.mini-ranking__summary>span[data-v-86c5689c]{color:#2f7d4e;font-size:12px;font-weight:800}.mini-ranking nav[data-v-86c5689c]{text-align:center;grid-template-columns:repeat(3,1fr);margin:9px 0 5px;display:grid}.mini-ranking nav button[data-v-86c5689c]{color:#65766f;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:6px;font-size:12px}.mini-ranking nav button[aria-pressed=true][data-v-86c5689c]{color:#2f7d4e;border-bottom-color:#2f7d4e;font-weight:800}.mini-ranking ol[data-v-86c5689c]{margin:0;padding:0;list-style:none}.mini-ranking li[data-v-86c5689c]{border-bottom:1px solid #e0e5df;grid-template-columns:16px 28px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:43px;line-height:1.25;display:grid}.mini-ranking li>b[data-v-86c5689c]{color:#2f7d4e;font-size:12px}.mini-ranking li>span[data-v-86c5689c]:nth-of-type(2){min-width:0;display:grid}.mini-ranking li strong[data-v-86c5689c]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-ranking li small[data-v-86c5689c]{color:#65766f}.mini-ranking li em[data-v-86c5689c]{justify-items:end;font-size:15px;font-style:normal;font-weight:850;display:grid}.mini-ranking li em small[data-v-86c5689c]{font-weight:500}.demo-avatar[data-v-86c5689c]{aspect-ratio:1;color:#163627;background:#cde9d8;border-radius:50%;place-items:center;width:28px;font-size:12px;font-weight:850;display:grid;position:relative;overflow:hidden}.demo-avatar[data-v-86c5689c]:before{content:attr(data-fallback)}.demo-avatar img[data-v-86c5689c]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mini-match[data-v-86c5689c]{align-content:start;gap:11px;padding:0 14px;display:grid}.mini-match>p[data-v-86c5689c]{color:#65766f;justify-content:space-between;margin:0;font-size:12px;display:flex}.mini-match>p b[data-v-86c5689c]{color:#a34435}.mini-match article[data-v-86c5689c]{background:#fff;border:1px solid #d8e1d9;border-radius:16px;justify-items:center;gap:12px;padding:18px 14px;display:grid}.mini-match article header[data-v-86c5689c]{justify-content:space-between;width:100%;font-size:12px;display:flex}.mini-match article header span[data-v-86c5689c]{color:#fff;background:#2f7d4e;border-radius:5px;padding:4px 7px}.mini-match article>div[data-v-86c5689c]{justify-content:space-between;width:100%;font-size:12px;display:flex}.mini-match article>b[data-v-86c5689c]{font-size:42px;line-height:1}.mini-match article>b small[data-v-86c5689c]{font-size:12px}.mini-match article>b i[data-v-86c5689c]{color:#9cab9f;font-size:18px;font-style:normal}.mini-match article>p[data-v-86c5689c]{color:#65766f;margin:0;font-size:12px}.mini-match__buttons[data-v-86c5689c]{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.mini-match__buttons button[data-v-86c5689c],.mini-match__finish[data-v-86c5689c]{color:#1f5e3b;background:#fff;border:1px solid #b9c8bd;border-radius:8px;padding:9px 4px;font-size:12px;font-weight:800}.mini-match__finish[data-v-86c5689c]{color:#fff;background:#1f5e3b;border-color:#1f5e3b;width:100%}.miniapp-demo__phone>footer[data-v-86c5689c]{color:#65766f;text-align:center;border-top:1px solid #d8e1d9;grid-template-columns:repeat(3,1fr);padding:10px 16px 13px;font-size:12px;display:grid}.miniapp-demo__phone>footer b[data-v-86c5689c]{color:#2f7d4e}@media (width<=600px){.miniapp-demo__phone[data-v-86c5689c]{border-width:5px}}.miniapp-demo[data-v-86c5689c]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;padding:24px 5%}.miniapp-demo__phone[data-v-86c5689c]{width:min(350px,100%);height:654px}.mini-ranking li[data-v-86c5689c]{grid-template-columns:16px 34px minmax(0,1fr) auto;min-height:50px}.mini-ranking li small[data-v-86c5689c],.mini-ranking li strong[data-v-86c5689c]{font-size:12px}.mini-ranking li em[data-v-86c5689c]{font-size:19px}.mini-ranking .demo-avatar[data-v-86c5689c]{width:34px}.miniapp-demo__story[data-v-86c5689c]{max-width:390px}.miniapp-demo__story>span[data-v-86c5689c]{color:#2f7d4e;font-size:13px;font-weight:750}.miniapp-demo__story h3[data-v-86c5689c]{margin:18px 0;font-size:clamp(28px,3vw,42px);line-height:1.2}.miniapp-demo__story p[data-v-86c5689c]{color:#4f655c;font-size:16px}.miniapp-demo__story dl[data-v-86c5689c]{gap:22px;margin:30px 0;display:grid}.miniapp-demo__story dt[data-v-86c5689c]{font-size:15px;font-weight:750}.miniapp-demo__story dd[data-v-86c5689c]{color:#4f655c;margin:4px 0 0;font-size:13px}.miniapp-demo__story>small[data-v-86c5689c]{color:#4f655c;font-size:12px}.mini-match__buttons[data-v-86c5689c]{grid-template-columns:1fr 1fr}.mini-match__buttons>div[data-v-86c5689c]{text-align:center;gap:7px;display:grid}.mini-match__buttons small[data-v-86c5689c]{color:#4f655c;font-size:12px}.mini-match__buttons span[data-v-86c5689c]{color:#1f5e3b;background:#fff;border:1px solid #b9c8bd;border-radius:7px;padding:10px 6px;font-size:12px;font-weight:750}.mini-match__finish[data-v-86c5689c]{text-align:center}.mini-match .mini-match__notice[data-v-86c5689c]{justify-content:center;font-size:12px}.miniapp-demo__phone>footer[data-v-86c5689c]{align-items:center}.miniapp-demo__phone>footer button[data-v-86c5689c]{color:#65766f;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.miniapp-demo__phone>footer button[aria-pressed=true][data-v-86c5689c]{color:#2f7d4e;font-weight:800}.miniapp-demo button[data-v-86c5689c]:focus-visible{outline-offset:2px;outline:2px solid #2f7d4e}@media (width<=760px){.miniapp-demo[data-v-86c5689c]{grid-template-columns:1fr;gap:26px;padding:12px 0}.miniapp-demo__story[data-v-86c5689c]{max-width:350px}.miniapp-demo__story h3[data-v-86c5689c]{font-size:28px}}.miniapp-demo--visual[data-v-86c5689c]{grid-template-columns:1fr;justify-items:center;padding:0;display:grid}.miniapp-demo--visual .miniapp-demo__phone[data-v-86c5689c]{width:min(350px,100%)}