.mock-wrap[data-astro-cid-iu4k5jn6]{position:relative;perspective:1200px}.mock[data-astro-cid-iu4k5jn6]{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);overflow:hidden;transition:transform .25s ease;transform-style:preserve-3d;will-change:transform}.mock__bar[data-astro-cid-iu4k5jn6]{display:flex;align-items:center;gap:7px;padding:12px 16px;background:var(--cream);border-bottom:1px solid var(--border)}.dot[data-astro-cid-iu4k5jn6]{width:11px;height:11px;border-radius:50%}.dot--r[data-astro-cid-iu4k5jn6]{background:#ff5f57}.dot--y[data-astro-cid-iu4k5jn6]{background:#febc2e}.dot--g[data-astro-cid-iu4k5jn6]{background:#28c840}.mock__url[data-astro-cid-iu4k5jn6]{margin-left:12px;font-size:.78rem;color:var(--muted);background:#fff;padding:4px 14px;border-radius:999px;border:1px solid var(--border)}.mock__body[data-astro-cid-iu4k5jn6]{display:grid;grid-template-columns:150px 1fr;min-height:340px}.mock__side[data-astro-cid-iu4k5jn6]{background:#fafaf8;border-right:1px solid var(--border);padding:16px 12px;display:flex;flex-direction:column;gap:4px}.mock__logo[data-astro-cid-iu4k5jn6]{display:flex;align-items:center;gap:7px;font-weight:700;font-size:.92rem;margin-bottom:14px}.mock__logodot[data-astro-cid-iu4k5jn6]{width:16px;height:16px;border-radius:5px;background:linear-gradient(135deg,var(--orange),var(--orange-dark))}.mock__navitem[data-astro-cid-iu4k5jn6]{font-size:.82rem;color:var(--muted);padding:8px 10px;border-radius:9px}.mock__navitem--on[data-astro-cid-iu4k5jn6]{background:var(--orange-light);color:var(--orange-text);font-weight:600}.mock__main[data-astro-cid-iu4k5jn6]{padding:20px}.mock__head[data-astro-cid-iu4k5jn6]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.mock__head[data-astro-cid-iu4k5jn6] strong[data-astro-cid-iu4k5jn6]{display:block;font-size:1.02rem}.mock__sub[data-astro-cid-iu4k5jn6]{font-size:.78rem;color:var(--muted)}.mock__live[data-astro-cid-iu4k5jn6]{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:600;color:#16a34a}.mock__stats[data-astro-cid-iu4k5jn6]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.mock__stat[data-astro-cid-iu4k5jn6]{background:var(--cream);border-radius:13px;padding:12px}.mock__statval[data-astro-cid-iu4k5jn6]{display:block;font-size:1.4rem;font-weight:700;color:var(--orange-text);letter-spacing:-.03em}.mock__statlbl[data-astro-cid-iu4k5jn6]{font-size:.72rem;color:var(--muted)}.mock__chart[data-astro-cid-iu4k5jn6]{background:var(--cream);border-radius:13px;padding:8px;margin-bottom:16px}.spark[data-astro-cid-iu4k5jn6]{stroke-dasharray:600;stroke-dashoffset:600;animation:draw 2.4s ease forwards .3s}@keyframes draw{to{stroke-dashoffset:0}}.mock__msg[data-astro-cid-iu4k5jn6]{display:flex;gap:10px;align-items:flex-start}.mock__avatar[data-astro-cid-iu4k5jn6]{width:34px;height:34px;border-radius:50%;background:#dcf8c6;display:grid;place-items:center;font-size:1rem;flex-shrink:0}.mock__bubble[data-astro-cid-iu4k5jn6]{background:#dcf8c6;border-radius:4px 14px 14px;padding:10px 14px;font-size:.82rem}.mock__bubble[data-astro-cid-iu4k5jn6] strong[data-astro-cid-iu4k5jn6]{display:block;margin-bottom:3px}.mock__bubble[data-astro-cid-iu4k5jn6] span[data-astro-cid-iu4k5jn6]{color:#475569}.pill[data-astro-cid-iu4k5jn6]{position:absolute;background:#fff;border:1px solid var(--border);border-radius:999px;padding:10px 16px;font-size:.85rem;font-weight:600;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:8px;z-index:3}.pill--1[data-astro-cid-iu4k5jn6]{top:-18px;right:-14px}.pill--2[data-astro-cid-iu4k5jn6]{bottom:28px;left:-26px}@media(max-width:560px){.mock__body[data-astro-cid-iu4k5jn6]{grid-template-columns:1fr}.mock__side[data-astro-cid-iu4k5jn6]{flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--border)}.mock__logo[data-astro-cid-iu4k5jn6]{width:100%}.pill--1[data-astro-cid-iu4k5jn6]{right:4px}.pill--2[data-astro-cid-iu4k5jn6]{left:4px}}.hh-btns[data-astro-cid-prwxh6m4]{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:28px}