.site-sub{--veil:linear-gradient(180deg, #fff6eec7, #fdeee6d6);--room:url(/parent-web/theatre/bg/t2-mobile.webp);background:var(--veil), var(--room) center top / cover no-repeat fixed, #fff6ee;min-height:100svh}@media (width>=761px){.site-sub{--room:url(/parent-web/theatre/bg/t2-desktop.webp)}}.site-sub[data-page=roles],.site-sub[data-page=news]{--room:url(/parent-web/theatre/bg/t2-mobile.webp)}.site-sub[data-page=subscribe],.site-sub[data-page=features]{--room:url(/parent-web/theatre/bg/m-mobile.webp)}.site-sub[data-page=parenting]{--room:url(/parent-web/theatre/bg/t1-mobile.webp)}@media (width>=761px){.site-sub[data-page=roles],.site-sub[data-page=news]{--room:url(/parent-web/theatre/bg/t2-desktop.webp)}.site-sub[data-page=subscribe],.site-sub[data-page=features]{--room:url(/parent-web/theatre/bg/m-desktop.webp)}.site-sub[data-page=parenting]{--room:url(/parent-web/theatre/bg/t1-desktop.webp)}}.sp-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sp-wait{text-align:center;color:#6b5648;max-width:560px;margin:0 auto;padding:18vh 24px;font:500 17px/1.8 ui-rounded,Noto Sans HK,system-ui,sans-serif}.sp-wait h1{color:#5a2e22;margin:0 0 .4em;font-size:24px}.sp-wait a{color:#b2406c}.fe{padding:56px 16px 96px}.fe-list{gap:clamp(18px,3vw,34px);max-width:min(920px,100vw - 2*clamp(80px,12vw,190px));margin:0 auto;padding:0;list-style:none;display:grid}@media (width<=820px){.fe-list{max-width:640px}}.fe-tile{color:inherit;background:#fbe9df;border-radius:28px;text-decoration:none;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff,0 0 0 1px #ecd9c9,0 14px 34px #6e463224;container-type:inline-size}a.fe-tile:hover,a.fe-tile:focus-visible{transform:translateY(-4px);box-shadow:inset 0 1px #fff,0 0 0 1px #e3c7b2,0 22px 44px #6e463233}a.fe-tile:focus-visible{outline-offset:4px;outline:3px solid #df657d}.fe-tile img{width:100%;height:auto;display:block}.fp{max-width:980px;margin:0 auto;padding:40px 16px 96px}.fp-banner{border-radius:32px}.fp-steps{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:28px;display:grid}.fp-steps a img{width:min(220px,36vw);height:auto;display:block}.fp-steps a:last-child{justify-self:end}.fp-all{color:#b2406c;background:#fffaf2;border-radius:999px;padding:12px 18px;font:700 15px/1 ui-rounded,Noto Sans HK,system-ui,sans-serif;text-decoration:none;box-shadow:0 0 0 1px #ecd1c1}.rp{text-align:center;color:#5a2e22;padding:36px 0 96px}.rp-kicker{letter-spacing:.3em;color:#b2406c;margin:0;font:700 14px/1.4 ui-rounded,Noto Sans HK,system-ui,sans-serif}.rp h1{margin:.15em 0 .6em;font:800 clamp(30px,6vw,56px)/1.2 ui-rounded,Noto Sans HK,system-ui,sans-serif}.rc{position:relative}.rc-track{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:clamp(8px,2vw,28px);margin:0;padding:36px max(16px,50% - 200px) 28px;list-style:none;display:flex;overflow-x:auto}.rc-track::-webkit-scrollbar{display:none}.rc-card{scroll-snap-align:center;--near:0;width:min(74vw,400px);transform:scale(calc(.82 + .2 * var(--near)));opacity:calc(.55 + .45 * var(--near));flex:none;transition:transform .18s linear,opacity .18s linear}.rc-card button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:30px;width:100%;padding:0;display:block}.rc-card button:focus-visible{outline-offset:4px;outline:3px solid #df657d}.rc-card img{border-radius:30px;width:100%;height:auto;display:block;box-shadow:0 22px 44px #6e463238}.rc-arrow{z-index:2;cursor:pointer;background:0 0;border:0;width:clamp(70px,11vw,130px);padding:0;transition:opacity .25s,transform .3s cubic-bezier(.3,1.5,.5,1);position:absolute;top:46%}.rc-arrow img{width:100%;height:auto;display:block}.rc-arrow:hover:not(:disabled){transform:scale(1.1)}.rc-arrow:disabled{opacity:.25;cursor:default}.rc-arrow:focus-visible{outline-offset:4px;border-radius:12px;outline:3px solid #df657d}.rc-prev{left:max(4px,50% - 560px)}.rc-next{right:max(4px,50% - 560px)}.rc-dots{justify-content:center;gap:10px;display:flex}.rc-dots span{background:#e3c7b2;border-radius:50%;width:9px;height:9px;transition:background .3s,transform .3s}.rc-dots span[data-on=yes]{background:#df657d;transform:scale(1.35)}@media (width<=820px){.rc-arrow{display:none}}.pi{color:#5a2e22;max-width:960px;margin:0 auto;padding:40px 16px 96px}.pi h1{text-align:center;margin:0 0 .8em;font:800 clamp(30px,6vw,52px)/1.2 ui-rounded,Noto Sans HK,system-ui,sans-serif}.pi-groups{grid-template-columns:repeat(2,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.pi-groups li{background:#fffaf2;border-radius:24px;padding:24px;box-shadow:0 0 0 1px #ecd9c9,0 10px 26px #6e46321a}.pi-groups h2{margin:0 0 .3em;font:800 20px/1.4 ui-rounded,Noto Sans HK,system-ui,sans-serif}.pi-groups p{color:#8a6f60;margin:0}@media (width<=620px){.pi-groups{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.fe-tile,.rc-card,.rc-arrow{transition:none}}.sb{color:#5a2e22;max-width:640px;margin:0 auto;padding:40px 16px 96px}.sb h1{text-align:center;margin:0 0 .8em;font:800 clamp(28px,6vw,46px)/1.2 ui-rounded,Noto Sans HK,system-ui,sans-serif}.sb-form,.sb-done{background:#fffaf2;border-radius:28px;gap:18px;padding:24px;font:500 16px/1.7 ui-rounded,Noto Sans HK,system-ui,sans-serif;display:grid;box-shadow:0 0 0 1px #ecd9c9,0 14px 34px #6e46321f}.sb fieldset{border:0;min-width:0;margin:0;padding:0}.sb legend{margin-bottom:8px;font-weight:800}.sb-choices{flex-wrap:wrap;gap:8px;display:flex}.sb-choices label{cursor:pointer;text-align:center;background:#fff;border-radius:999px;flex:140px;justify-content:center;align-items:center;min-height:48px;padding:8px 12px;display:flex;box-shadow:0 0 0 1px #e8cdbb}.sb-choices label[data-on=yes]{background:#fde3e8;font-weight:800;box-shadow:0 0 0 2px #df657d}.sb-choices label[data-off=yes]{opacity:.45;cursor:not-allowed}.sb-choices input{opacity:0;pointer-events:none;position:absolute}.sb-choices label:focus-within{outline-offset:2px;outline:3px solid #df657d}.sb-field{gap:6px;display:grid}.sb-field span{font-weight:800}.sb-field input,.sb-field textarea{box-sizing:border-box;width:100%;font:inherit;color:inherit;background:#fff;border:0;border-radius:16px;padding:12px 14px;box-shadow:0 0 0 1px #e8cdbb}.sb-field input:focus-visible,.sb-field textarea:focus-visible{outline-offset:2px;outline:3px solid #df657d}.sb-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.sb-consent{align-items:flex-start;gap:10px;font-size:15px;display:flex}.sb-consent input{accent-color:#df657d;flex:none;width:22px;height:22px;margin-top:3px}.sb-consent a{color:#b2406c}.sb-total{gap:2px;margin:0;display:grid}.sb-total strong{color:#b2406c;font-size:28px}.sb-total small{color:#8a6f60}.sb-problem{color:#8f2145;background:#fde3e8;border-radius:14px;margin:0;padding:12px 14px;font-weight:700}.sb-submit{color:#fff;cursor:pointer;background:#df657d;border:0;border-radius:999px;min-height:52px;font:800 18px/1 ui-rounded,Noto Sans HK,system-ui,sans-serif;transition:transform .15s,box-shadow .15s;box-shadow:0 6px #b2406c}.sb-submit:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #b2406c}.sb-submit:disabled{opacity:.6;cursor:progress}.sb-submit:focus-visible{outline-offset:3px;outline:3px solid #5a2e22}.sb-done{text-align:center}.sb-done h2{margin:.4em 0 0;font-size:20px}.sb-done ul{gap:4px;margin:0;padding:0;font-weight:700;list-style:none;display:grid}.sb-ref-label{color:#8a6f60;margin:0}.sb-ref{letter-spacing:.08em;color:#b2406c;-webkit-user-select:all;user-select:all;margin:0;font:800 clamp(34px,9vw,52px)/1.1 ui-monospace,Menlo,monospace}.sb-small{color:#8a6f60;font-size:14px}.nw{color:#5a2e22;max-width:820px;margin:0 auto;padding:40px 16px 96px}.nw h1{text-align:center;margin:0 0 .8em;font:800 clamp(30px,6vw,52px)/1.2 ui-rounded,Noto Sans HK,system-ui,sans-serif}.nw-note{text-align:center;color:#8a6f60}.nw-list{gap:16px;margin:0;padding:0;list-style:none;display:grid}.nw-item{background:#fffaf2;border-radius:24px;grid-template-columns:96px 1fr;align-items:start;gap:18px;padding:22px;display:grid;box-shadow:0 0 0 1px #ecd9c9,0 10px 26px #6e46321a}.nw-item[data-first="1"]{box-shadow:0 0 0 2px #f0c9d6,0 12px 30px #e0709a2e}.nw-item img{width:96px;height:auto}.nw-item h2{margin:0 0 .3em;font:800 20px/1.4 ui-rounded,Noto Sans HK,system-ui,sans-serif}.nw-item p{margin:0 0 .6em;line-height:1.7}.nw-type{color:#b2406c;background:#fbe3ec;border-radius:999px;padding:2px 12px;font-size:13px;font-weight:700;display:inline-block}.nw-summary{color:#6b4a3d;font-weight:600}@media (width<=620px){.nw-item{grid-template-columns:1fr}.nw-item img{width:80px}}.fp-en{text-align:center;color:#5a2e22;background:#fbe9df;border-radius:28px;justify-items:center;gap:18px;padding:36px 20px;display:grid;box-shadow:inset 0 1px #fff,0 0 0 1px #ecd9c9,0 14px 34px #6e463224}.fp-en img{width:min(60%,340px);height:auto}.fp-en h1{text-wrap:balance;gap:6px;margin:0;font:800 clamp(24px,4.4vw,40px)/1.25 ui-rounded,Noto Sans HK,system-ui,sans-serif;display:grid}.rc-caption{text-align:center;color:#5a2e22;max-width:560px;margin:14px auto 0;padding:0 16px;font-weight:600;line-height:1.6}.rp-real{text-align:center;color:#5a2e22;max-width:820px;margin:clamp(28px,5vw,64px) auto 0;padding:0 16px 72px}.rp-real h2{margin:0 0 8px;font:800 clamp(24px,3.4vw,40px)/1.2 Huninn,ui-rounded,Noto Sans HK,system-ui,sans-serif}.rp-real p{color:#6b5648;max-width:620px;margin:0 auto 18px;font:500 clamp(14px,1.6vw,17px)/1.7 ui-rounded,Noto Sans HK,system-ui,sans-serif}.rp-real figure{border:4px solid #fff;border-radius:26px;max-height:760px;margin:0;position:relative;overflow:hidden;box-shadow:0 16px 40px #6e463233;-webkit-mask-image:linear-gradient(#000 82%,#0000);mask-image:linear-gradient(#000 82%,#0000)}.rp-real img{width:100%;height:auto;display:block}