@font-face{font-family:Nunito;src:url(../fonts/Nunito.woff2) format("woff2");font-weight:200 1000;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(../fonts/Nunito-vi.woff2) format("woff2");font-weight:200 1000;font-style:normal;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}:root{--ink: #1a0633;--yellow: #FFE600;--pink: #FF3DA5;--cream: #FFF4D6;--paper: #FFFBF0;--muted: #4a3566}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;min-height:100dvh;color:var(--ink);font-family:Nunito,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;background:radial-gradient(circle at 1px 1px,rgba(26,6,51,.09) 1.5px,transparent 0) 0 0 / 1.375rem 1.375rem,var(--cream);overflow-x:hidden}.m-page{width:100%;max-width:28.75rem;margin:0 auto;min-height:100dvh;padding:calc(1.25rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) calc(1.25rem + env(safe-area-inset-bottom)) calc(1rem + env(safe-area-inset-left));display:flex;flex-direction:column;gap:1.125rem}.m-hero{text-align:center}.m-duck{width:6rem;height:6rem;object-fit:contain;display:block;margin:0 auto .25rem;animation:m-bob .9s ease-in-out infinite alternate}.m-title{margin:0;line-height:1;display:flex;flex-direction:column;align-items:center;gap:.375rem}.m-title-en{font-size:2.75rem;font-weight:900;letter-spacing:-1.5px;color:var(--yellow);-webkit-text-stroke:.15625rem var(--ink);paint-order:stroke fill;text-shadow:.25rem .25rem 0 var(--pink);transform:rotate(-4deg)}.m-title-cn{font-size:1.125rem;font-weight:900;letter-spacing:.25rem;background:var(--ink);color:var(--yellow);padding:.25rem .75rem .25rem 1rem;border-radius:62.4375rem;transform:rotate(2deg)}.m-pitch{margin:.875rem 0 0;font-size:1.125rem;font-weight:900}.m-card{background:var(--paper);border:.1875rem solid var(--ink);border-radius:1.375rem;box-shadow:0 .375rem 0 var(--ink)}.m-video-card{position:relative;overflow:hidden;aspect-ratio:1 / 1}.m-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .3s}.m-video-card.has-video .m-video{opacity:1}.m-video-card.has-video .m-video-placeholder{display:none}.m-video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.875rem;background:radial-gradient(circle at 1px 1px,rgba(26,6,51,.12) 1.5px,transparent 0) 0 0 / 1.125rem 1.125rem,var(--paper)}.m-ph-word{font-size:clamp(1.375rem,7.4vw,2.125rem);font-weight:900;letter-spacing:.5px;max-width:calc(100% - 1.5rem);padding:.5rem 1rem;background:#fff;border:.1875rem solid var(--ink);border-radius:1rem;box-shadow:0 .3125rem 0 var(--ink)}.m-ph-combo{font-size:1.125rem;font-weight:900;padding:.375rem .875rem;background:var(--yellow);border:.1875rem solid var(--ink);border-radius:62.4375rem;box-shadow:0 .25rem 0 var(--pink);transform:rotate(-3deg);animation:m-bob .6s ease-in-out infinite alternate}.m-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.625rem}.m-chip{font-size:.9375rem;font-weight:900;white-space:nowrap;padding:.4375rem .875rem;border:.1875rem solid var(--ink);border-radius:62.4375rem;box-shadow:0 .25rem 0 var(--ink)}.m-chip-yellow{background:var(--yellow);transform:rotate(-2deg)}.m-chip-pink{background:var(--pink);color:#fff;transform:rotate(1.5deg)}.m-chip-cream{background:#fff;transform:rotate(-1deg)}.m-pc-card{padding:1.25rem 1.125rem;text-align:center}.m-pc-title{margin:0;font-size:1.375rem;font-weight:900}.m-pc-sub{margin:.375rem 0 .875rem;font-size:.875rem;font-weight:700;color:var(--muted)}.m-url{margin:0 0 .875rem;font-size:1.25rem;font-weight:900;letter-spacing:.5px;padding:.625rem .75rem;background:#fff;border:.1875rem dashed var(--ink);border-radius:.875rem;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;-webkit-touch-callout:default}.m-copy{width:100%;min-height:3.5rem;font:inherit;font-size:1.25rem;font-weight:900;color:var(--ink);background:var(--yellow);border:.1875rem solid var(--ink);border-radius:1rem;box-shadow:0 .375rem 0 var(--ink),0 0 0 .25rem #fff,0 0 0 .4375rem var(--pink);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .08s,box-shadow .08s}.m-copy:active{transform:translateY(.25rem);box-shadow:0 .125rem 0 var(--ink),0 0 0 .25rem #fff,0 0 0 .4375rem var(--pink)}.m-copy:focus-visible{outline:.1875rem solid var(--pink);outline-offset:.625rem}.m-hint{margin:1rem 0 0;font-size:.875rem;font-weight:700;color:var(--muted);line-height:1.5}.m-footer{margin-top:auto;text-align:center;padding-top:.25rem}.m-full{display:inline-block;padding:.625rem .75rem;font-size:.875rem;font-weight:800;color:var(--muted);text-decoration:underline;text-underline-offset:.1875rem}.m-toast{position:fixed;left:50%;bottom:calc(1.5rem + env(safe-area-inset-bottom));max-width:calc(100vw - 2rem);transform:translate(-50%,1.25rem);padding:.625rem 1.125rem;font-size:.9375rem;font-weight:900;text-align:center;background:var(--ink);color:var(--yellow);border-radius:62.4375rem;box-shadow:0 .25rem 0 var(--pink);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.m-toast.show{opacity:1;transform:translate(-50%)}@keyframes m-bob{0%{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-.375rem) rotate(3deg)}}@media (prefers-reduced-motion: reduce){.m-duck,.m-ph-combo{animation:none}.m-toast,.m-copy,.m-video{transition:none}}
