*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:sian-ltr,pencil,PingFang TC,Microsoft JhengHei,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{scroll-behavior:smooth;overflow-x:clip}body{background-color:var(--bg-color);color:var(--text-color);font-family:sian-ltr,pencil,PingFang TC,Microsoft JhengHei,sans-serif;--zh-tracking:0.13em;letter-spacing:var(--zh-tracking);font-synthesis:none;transition:background-color .4s ease,color .4s ease;overflow-x:hidden}body.lang-en{font-family:sian-ltr,sian-pun,pencil,PingFang TC,Microsoft JhengHei,sans-serif;letter-spacing:normal}@media (hover:hover) and (pointer:fine){body.cursor-ready,body.cursor-ready .clickable,body.cursor-ready a,body.cursor-ready button{cursor:none}}h1,h2,h3{font-weight:700;line-height:1.2}a{color:inherit}:focus-visible{outline:3px solid var(--accent-color);outline-offset:2px;border-radius:4px}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.custom-cursor{position:fixed;top:0;left:0;width:40px;height:40px;display:none;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);transition:transform .12s ease;background-image:url(/home/cursor-mouse.webp);background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 2px 3px rgba(214,120,150,.35))}body.cursor-ready .custom-cursor{display:block}.custom-cursor.is-hover{transform:translate(-50%,-50%) scale(1.3)}.preloader{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;background:radial-gradient(120% 85% at 50% 8%,#fffaf6 0,#ffeef3 48%,#ffd9e6 100%);clip-path:circle(141% at 50% 50%);transition:clip-path .75s cubic-bezier(.65,0,.35,1),visibility .75s}html.pupu-loading .preloader{display:flex}body.dark-mode .preloader{background:radial-gradient(120% 85% at 50% 8%,#3a2f33 0,#2f262b 52%,#2a2228 100%)}.preloader:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,160,190,.35) 2px,transparent 0);background-size:44px 44px;opacity:.5}body.dark-mode .preloader:before{background-image:radial-gradient(rgba(255,158,170,.18) 2px,transparent 0)}.preloader.is-hidden{clip-path:circle(0 at 50% 50%);visibility:hidden}.preloader-scene{position:relative;display:flex;flex-direction:column;align-items:center;gap:.9rem;animation:preloader-pop .55s cubic-bezier(.34,1.56,.64,1) both}.preloader-scene .sparkle-pig{filter:drop-shadow(0 14px 18px rgba(214,120,150,.26))}.preloader-brand{font-weight:700;font-size:1.4rem;letter-spacing:.06em;color:var(--accent-ink)}.preloader-hearts{display:flex;align-items:flex-end;gap:10px;color:#e3729a;height:30px}body.dark-mode .preloader-hearts{color:#ff9eaa}.preloader-hearts svg{width:15px;height:15px;animation:heart-hop 1.05s ease-in-out infinite}.preloader-hearts svg:nth-child(2){width:19px;height:19px;animation-delay:.14s}.preloader-hearts svg:nth-child(3){animation-delay:.28s}.site-header{position:fixed;left:0;top:0;z-index:1000;display:grid;width:100%;align-items:center;padding:1.25rem 4vw;grid-template-columns:1fr auto 1fr;pointer-events:none}.site-header>*{pointer-events:auto}.menu-toggle{display:flex;flex-direction:column;gap:.375rem;justify-self:start;background-color:transparent;padding:12px;margin:-12px}.menu-toggle span{display:block;height:3px;width:26px;border-radius:.25rem;background-color:var(--text-color);transition:.3s ease}.menu-toggle:active span{transform:scale(.9)}.brand-logo{display:flex;align-items:center;gap:.625rem;justify-self:center;font-size:1.5rem;line-height:2rem;font-weight:700;text-decoration-line:none;transition:transform .3s}.brand-logo:hover{transform:scale(1.05)}.brand-logo-img{height:clamp(30px,6vw,40px);width:auto}.theme-icon{display:block;height:30px;width:auto}.tools{gap:1.25rem;justify-self:end}.tool-btn,.tools{display:flex;align-items:center}.tool-btn{justify-content:center;background-color:transparent;font-size:1.5rem;line-height:2rem;font-weight:700;min-width:44px;min-height:44px;transition:color .3s}.tool-btn:hover{color:var(--accent-color)}.side-menu{position:fixed;top:0;z-index:2000;height:100vh;left:-470px;width:340px;max-width:74vw;transition:left .5s cubic-bezier(.19,1,.22,1)}.side-menu.is-open{left:0}.side-menu-inner{position:relative;z-index:1;display:flex;height:100%;flex-direction:column;overflow:hidden;background-color:var(--menu-bg);box-shadow:10px 0 30px rgba(0,0,0,.05)}.side-menu-body{min-height:0;flex:1 1 0%;overflow-y:auto;padding:6rem 3rem 1.5rem}.menu-pig{pointer-events:none;position:absolute;right:0;z-index:0;display:block;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;bottom:1%;width:clamp(150px,44vw,196px);transform:translateX(50%)}.menu-overlay{position:fixed;inset:0;z-index:1500;background-color:rgba(0,0,0,.2);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s}.menu-overlay.is-open{opacity:1;visibility:visible}.close-menu-btn{position:absolute;z-index:30;display:flex;height:3rem;width:3rem;align-items:center;justify-content:center;border-radius:9999px;background-color:transparent;font-size:2rem;line-height:1;top:1rem;left:2.4rem;pointer-events:auto;transition:background-color .3s}.close-menu-btn:before{content:"";position:absolute;inset:-16px}.close-menu-btn:hover{background-color:var(--border-color)}.menu-list{margin-top:1.5rem;display:flex;list-style-type:none;flex-direction:column;gap:1.5rem}.menu-list a{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:700;text-decoration-line:none;transition:color .3s}.menu-list a:hover,.menu-list a[aria-current=page]{color:var(--accent-color)}.menu-nose{margin-left:.25rem;display:block;height:auto;flex-shrink:0;width:clamp(22px,5vw,28px);opacity:0;transition:opacity .3s}.menu-list a:hover .menu-nose,.menu-list a[aria-current=page] .menu-nose{opacity:1}body.lang-en .menu-nose{transform:translateY(-.22em)}.menu-footer{margin-top:3.5rem;display:flex;flex-direction:column;gap:1rem;border-top-width:1px;padding-top:2rem;border-color:var(--border-color)}.menu-footer a{font-size:1.125rem;line-height:1.75rem;font-weight:700;text-decoration-line:none;transition:color .3s}.menu-footer a:hover{color:var(--accent-color)}.menu-footer .menu-en{font-size:1.5em;vertical-align:-.14em}body.lang-en .menu-footer a,body.lang-en .menu-list a{font-size:1.6875rem}body.lang-en .menu-list a{text-transform:uppercase}.pill-btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;border-width:1px;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:700;text-decoration-line:none;border-color:var(--border-color);background-color:var(--bg-color);transition:all .2s}.pill-btn-primary,.pill-btn:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.tag{display:inline-block;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;line-height:1rem;font-weight:700;background-color:var(--bg-color);border:1px solid var(--border-color)}.prose-pupu{margin-left:auto;margin-right:auto;max-width:42rem;line-height:2rem}.field,.prose-pupu p{margin-bottom:1.25rem}.field{display:flex;flex-direction:column;gap:.5rem;line-height:1.25rem;font-weight:700;font-size:1.04rem}.field input,.field select,.field textarea{border-radius:.75rem;padding:.75rem 1rem;font-size:1rem;line-height:1.5rem;font-weight:400;background-color:var(--card-bg);border-width:1.5px;border-color:color-mix(in srgb,var(--accent-color) 48%,var(--border-color));color:var(--text-color)}.field input,.field select{min-height:3.3rem}.field select{line-height:1.7;cursor:pointer}.field option{background:var(--card-bg);color:var(--text-color)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent-color);outline:none}.site-footer{width:100%;padding:2.5rem;text-align:center;font-size:.875rem;line-height:1.25rem;color:var(--text-color);opacity:.8}.sr-only{border-width:0}.fixed{position:fixed}.absolute{position:absolute}.sticky{position:sticky}.z-0{z-index:0}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-4{margin-bottom:1rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}.mt-8{margin-top:2rem}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.\!hidden{display:none!important}.hidden{display:none}.w-\[min\(64vw\2c 360px\)\]{width:min(64vw,360px)}.w-\[min\(72vw\2c 420px\)\]{width:min(72vw,420px)}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.rounded{border-radius:.25rem}.border{border-width:1px}.text-center{text-align:center}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.no-underline{text-decoration-line:none}.accent-ink{accent-color:var(--text-color)}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgb(0 0 0/0.1)) drop-shadow(0 1px 1px rgb(0 0 0/0.06))}.drop-shadow,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@font-face{font-family:sian-ltr;src:url(/fonts/sian.woff2?v=3) format("woff2");font-display:swap;unicode-range:u+0030-0039,u+0041-005a,u+0061-007a}@font-face{font-family:sian-pun;src:url(/fonts/sian.woff2?v=3) format("woff2");font-display:swap;unicode-range:u+0021,u+0026-0029,u+002b-002e,u+003a-003b,u+003f-0040,u+2018-201a}@font-face{font-family:pencil;src:url(/fonts/pencil.woff2?v=5) format("woff2");font-display:swap}:root{--bg-color:#fafaf7;--text-color:#4a3f35;--accent-color:#ffb6c1;--accent-ink:#c64d7d;--social-ink:#c64d7d;--social-ink-hover:#ad3f68;--menu-bg:#ffffff;--card-bg:#ffffff;--border-color:#eaeae0}body.dark-mode{--bg-color:#2d2a26;--text-color:#f4f4f0;--accent-color:#ff9eaa;--accent-ink:#ffb0c4;--social-ink:#ffb0c4;--social-ink-hover:#ffd0dc;--menu-bg:#3a3632;--card-bg:#3a3632;--border-color:#4a4642}.l-en,body.lang-en .l-zh{display:none}body.lang-en .l-en{display:inline}body.lang-en .home-more .l-en{font-size:1.8em}body.lang-en .home-more .cta-band h2 .l-en,body.lang-en .home-more .head-title .l-en{font-size:1.32em}body.lang-en .home-more .l-en{line-height:1}body.lang-en .home-more .char-more .l-en,body.lang-en .home-more .char-name .l-en,body.lang-en .home-more .chip .l-en,body.lang-en .home-more .eyebrow .l-en,body.lang-en .home-more .line-cta .l-en,body.lang-en .home-more .post-more .l-en{line-height:.72}body.lang-en .home-more .btn-ghost .l-en,body.lang-en .home-more .char-more .l-en,body.lang-en .home-more .chip .l-en,body.lang-en .home-more .eyebrow .l-en,body.lang-en .home-more .line-cta .l-en{position:relative;top:.08em}@keyframes pupu-float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes preloader-pop{0%{transform:scale(.9) translateY(12px)}to{transform:none}}@keyframes heart-hop{0%,to{transform:translateY(0) scale(1);opacity:.65}50%{transform:translateY(-9px) scale(1.18);opacity:1}}.home-scene{position:relative;width:100%;min-height:100vh;min-height:100svh;z-index:2;--hero-size:clamp(220px,34vw,400px);--hero-top:33%;background:linear-gradient(180deg,#ffc6d7,#ffe1eb 24%,#fff3f6 46%,#ffe1ea 64%,#ffcad9 82%,#ffb0cb)}body.dark-mode .home-scene{background:linear-gradient(180deg,#3a2f33,#322a2f 40%,#312930 70%,#3a2e34)}.home-cloud{position:absolute;left:0;height:.34em;font-size:100px;background:rgba(255,255,255,.85);border-radius:100px;box-shadow:0 10px 28px rgba(255,150,180,.18);animation-name:home-drift;animation-timing-function:linear;animation-iteration-count:infinite}.home-cloud:after,.home-cloud:before{content:"";position:absolute;background:inherit;border-radius:50%}.home-cloud:before{width:.5em;height:.5em;left:.16em;top:-.2em}.home-cloud:after{width:.38em;height:.38em;right:.14em;top:-.14em}body.dark-mode .home-cloud{background:rgba(255,255,255,.14)}.home-clouds{position:absolute;inset:0;z-index:1;pointer-events:none}.home-cloud-img{position:absolute;left:var(--cx);top:var(--cy,0);width:var(--cw);transform:translate(-50%,-50%);animation-name:cloud-bob;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.home-cloud-img img{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 22px rgba(240,150,180,.22))}.home-cloud-img.big{top:auto;bottom:-16%;transform:translateX(-50%);animation-name:cloud-bob-bottom;z-index:1}.home-daco{position:absolute;width:clamp(220px,27vw,365px);transform:translateX(-50%);z-index:-1;pointer-events:none}@media (max-width:768px){.home-daco{display:block;width:clamp(188px,52vw,196px)}.home-daco--left{left:max(17%,98px)!important;top:calc(16vh - clamp(57px, 6.1vw, 95px) - 94px)!important}.home-daco--right{left:min(83%,calc(100% - 98px))!important;top:calc(16vh - clamp(49px, 5.4vw, 82px) - 94px)!important}}.home-daco-item{position:absolute;top:0;transform:translateX(-50%);transform-origin:top center;height:auto;display:block;filter:drop-shadow(0 5px 9px rgba(214,120,150,.22));animation:daco-swing var(--sd,4s) ease-in-out var(--dl,0s) infinite}@keyframes daco-swing{0%,to{transform:translateX(-50%) rotate(calc(-1 * var(--amp, 2.5deg)))}50%{transform:translateX(-50%) rotate(var(--amp,2.5deg))}}@media (prefers-reduced-motion:reduce){.home-daco-item{animation:none;transform:translateX(-50%)}}.home-cloud-front{position:absolute;left:50%;top:calc(var(--hero-top) + var(--hero-size) * .44);transform:translate(-50%,-50%);width:clamp(400px,46vw,680px);z-index:2;pointer-events:none;transition:transform .18s ease-out}.home-cloud-front-img{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 22px rgba(240,150,180,.24));animation:float-soft 9s ease-in-out infinite}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}body.dark-mode .home-cloud-front-img{opacity:1}body.dark-mode .home-cloud-img img{opacity:1;filter:drop-shadow(0 12px 22px rgba(0,0,0,.25))}.home-hero{position:absolute;left:50%;top:var(--hero-top);transform:translate(-50%,-50%);z-index:2;width:var(--hero-size);aspect-ratio:1/1;pointer-events:none;transition:transform .18s ease-out}.home-hero-img{position:absolute;filter:drop-shadow(0 18px 22px rgba(214,120,150,.28));animation:home-float 4s ease-in-out infinite;transition:opacity .32s ease}.home-hero-awake{inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;opacity:0}.home-hero-rest{left:var(--rest-left,5.34%);bottom:var(--rest-bottom,5.08%);width:var(--rest-width,91.8%);height:var(--rest-height,48.5%);-o-object-fit:fill;object-fit:fill}.home-hero.is-awake .home-hero-awake{opacity:1}.home-hero.is-awake .home-hero-rest{opacity:0}.home-dreamdrop{position:absolute;top:19%;right:4%;width:42%;height:auto;pointer-events:none;opacity:0;transition:opacity .32s ease}.home-hero.is-awake .home-dreamdrop{opacity:1;animation:dream-twinkle 3.6s ease-in-out infinite}@keyframes dream-twinkle{0%,to{transform:translateY(0) scale(1);opacity:.85}50%{transform:translateY(-6px) scale(1.06);opacity:1}}.home-stations{position:absolute;inset:0;z-index:3}.home-station{opacity:0;animation:home-pop .6s ease forwards}.home-station:first-child{animation-delay:.12s}.home-station:nth-child(2){animation-delay:.2s}.home-station:nth-child(3){animation-delay:.28s}.home-station:nth-child(4){animation-delay:.36s}.home-station:nth-child(5){animation-delay:.44s}.home-station:nth-child(6){animation-delay:.52s}.home-station:nth-child(7){animation-delay:.6s}@keyframes home-pop{to{opacity:1}}.home-station{position:absolute;left:var(--dx);top:var(--dy);transform:translate(-50%,-50%);--sw:clamp(168px,min(17.5vw,25vh),238px);width:var(--sw);display:flex;flex-direction:column;align-items:center;gap:0;text-align:center;text-decoration:none;color:var(--text-color)}.home-station-art{position:relative;width:100%;aspect-ratio:1/1;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.home-station-art img{position:absolute;-o-object-fit:contain;object-fit:contain;transition:opacity .25s ease}.home-station-art .art-bubble{inset:0;width:100%;height:100%;filter:drop-shadow(0 8px 14px rgba(170,200,255,.3));opacity:.96;animation:bubble-breathe 5.5s ease-in-out infinite}.home-station-art .art-hover,.home-station-art .art-idle{top:50%;left:50%;width:56%;height:56%;transform:translate(-50%,-50%);filter:drop-shadow(0 6px 10px rgba(214,120,150,.2))}.home-station-art .art-hover{opacity:0}@keyframes bubble-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}.home-station:focus-visible .art-idle,.home-station:hover .art-idle{opacity:0}.home-station:focus-visible .art-hover,.home-station:hover .art-hover{opacity:1}.home-station:focus-visible .home-station-art,.home-station:hover .home-station-art{transform:translateY(-10px) scale(1.12) rotate(-2deg)}.home-station-label{position:relative;z-index:2;margin-top:-22%;font-weight:700;font-size:calc(var(--sw) * .142);line-height:1;white-space:nowrap;color:#7a5118;padding:.66em .52em .46em;background-image:var(--txtbg);background-repeat:no-repeat;background-position:50%;background-size:100% 100%;filter:drop-shadow(0 6px 10px rgba(232,176,92,.32));transition:transform .25s ease,color .25s ease}.home-station-label .l-en,.home-station-label .l-zh{text-align:center}.home-station-label .l-zh{font-size:.8em;min-width:4em;display:inline-block;transform:translateY(-.16em)}.home-station-label .l-en{font-size:1.26em;min-width:1.9em}body.lang-en .home-station-label .l-en{display:inline-block;text-transform:uppercase}.home-station:focus-visible .home-station-label,.home-station:hover .home-station-label{transform:scale(1.05);color:#6e4a18}.home-deco{position:absolute;left:var(--dcx);top:var(--dcy);transform:translate(-50%,-50%);z-index:1;pointer-events:none}.home-deco img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 12px rgba(214,120,150,.18))}.home-deco.float img{animation:home-float 5s ease-in-out infinite}.home-deco--cow{top:calc(var(--dcy) + 52px + clamp(0px, (1520px - 100vw) * .09, 72px))}.home-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes home-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1deg)}}@keyframes home-drift{0%{transform:translateX(-25vw)}to{transform:translateX(125vw)}}@keyframes cloud-bob{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-9px)}}@keyframes cloud-bob-bottom{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-7px)}}.home-dust{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden}.home-dust .dust{position:absolute;left:0;border-radius:50%;background:radial-gradient(circle,#fffefb 0,#fff3c0 45%,rgba(255,226,150,0) 72%);opacity:0;will-change:transform,opacity;box-shadow:0 0 6px rgba(255,240,190,calc(.7 * var(--bright, 1)));animation-name:dust-drift;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes dust-drift{0%{transform:translate(-8vw);opacity:0}10%{opacity:var(--bright,1)}90%{opacity:var(--bright,1)}to{transform:translate(108vw,var(--dy,-20px));opacity:0}}body.dark-mode .home-dust .dust{background:radial-gradient(circle,#fffdf6 0,#ffe9a8 45%,rgba(255,224,150,0) 72%)}@media (max-width:768px){.home-scene{min-height:0;height:min(216vw,980px);overflow:visible;padding:0 16px;--hero-size:clamp(130px,39vw,205px);--hero-top:16%}.home-deco{left:var(--dmx,var(--dcx));top:var(--dmy,var(--dcy))}.home-cloud-img:not(.big){left:var(--mcx);top:var(--mcy);width:var(--mcw)}.home-hero-img{animation:none}.home-hero-awake{opacity:1}.home-hero-rest{display:none}.home-dreamdrop{display:block;opacity:1;animation:dream-twinkle 3.6s ease-in-out infinite}body.dark-mode .home-hero-awake{opacity:0}body.dark-mode .home-hero-rest{display:block;opacity:1}body.dark-mode .home-dreamdrop{display:none}.home-cloud-front{width:clamp(200px,56vw,300px)}.home-cloud-img.big{width:min(78vw,330px);bottom:-8%}body.dark-mode .home-cloud-img img{filter:drop-shadow(0 12px 22px rgba(240,150,180,.22))}.home-stations{position:absolute;inset:0}.home-station{position:absolute;left:var(--mx);top:var(--my);transform:translate(-50%,-50%);width:var(--sw);--sw:clamp(92px,28vw,128px)}.home-station-label{opacity:1;max-width:30vw;box-sizing:border-box;white-space:normal;font-size:clamp(13px,3.6vw,17px)}}.site-footer{content-visibility:auto;contain-intrinsic-size:auto 360px}.line-cta{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;border-radius:9999px;background-color:#06c755;color:#fff;font-weight:700;font-size:clamp(1rem,1.8vw,1.25rem);text-decoration:none;box-shadow:0 10px 24px rgba(6,199,85,.3);transition:transform .2s ease,box-shadow .2s ease}.line-cta:focus-visible,.line-cta:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 14px 30px rgba(6,199,85,.42);color:#fff}.soft-backdrop{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;--b1:#ffd6e3;--b2:#ffe7c6;--b3:#e7d9ff;--grad1:#fff8f4;--grad2:#ffeef4}.soft-backdrop:before{content:"";position:absolute;inset:0;background:radial-gradient(125% 95% at 50% -12%,var(--grad1) 0,var(--grad2) 58%,var(--grad1) 100%)}.soft-backdrop:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,150,185,.16) 1.5px,transparent 0);background-size:38px 38px;opacity:.55;-webkit-mask-image:radial-gradient(120% 90% at 50% 30%,#000 55%,transparent 100%);mask-image:radial-gradient(120% 90% at 50% 30%,#000 55%,transparent 100%)}.sb-blob{position:absolute;border-radius:50%;filter:blur(72px);opacity:.4;animation:sb-drift 19s ease-in-out infinite}.sb-blob-1{width:44vw;height:44vw;left:-12vw;top:-10vw;background:var(--b1)}.sb-blob-2{width:40vw;height:40vw;right:-14vw;top:16vh;background:var(--b3);animation-duration:25s;animation-direction:reverse}.sb-blob-3{width:36vw;height:36vw;left:24vw;bottom:-16vw;background:var(--b2);animation-duration:22s}@keyframes sb-drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(3vw,2.4vw) scale(1.08)}}.soft-backdrop.peach{--b1:#ffd2bd;--b2:#ffe6bf;--b3:#ffd0e2;--grad1:#fff9f3;--grad2:#ffeede}.soft-backdrop.rose{--b1:#ffc6da;--b2:#ffd7e6;--b3:#ffe0c6;--grad1:#fff6f8;--grad2:#ffe8f0}.soft-backdrop.lilac{--b1:#e3d2ff;--b2:#ffd3ea;--b3:#d3e2ff;--grad1:#faf7ff;--grad2:#f1ecff}.soft-backdrop.mint{--b1:#c8eedb;--b2:#d4ecff;--b3:#ffdde9;--grad1:#f4fbf7;--grad2:#e9f6f0}.soft-backdrop.honey{--b1:#ffe3b0;--b2:#ffd6c0;--b3:#ffdeec;--grad1:#fff9ec;--grad2:#fff0db}body.dark-mode .soft-backdrop:before{background:radial-gradient(125% 95% at 50% -12%,#342b30 0,#2a2328 60%,#2f2733 100%)}body.dark-mode .soft-backdrop .sb-blob{opacity:.22}body.dark-mode .soft-backdrop:after{opacity:.12}.page-shell,.page-wrap{position:relative;z-index:1}.page-shell{margin:0 auto;width:100%;max-width:1200px;padding:8rem 5vw 6rem}.about-page{max-width:1180px;padding-top:clamp(5.2rem,7vw,7rem)}.about-intro{text-align:center;margin:0 auto clamp(2.3rem,4.2vw,4rem)}.about-kicker{margin:0 0 1.15rem;color:color-mix(in srgb,var(--text-color) 54%,transparent);font-size:clamp(.95rem,1.2vw,1.1rem);font-weight:700;letter-spacing:.28em;text-transform:uppercase}.about-intro h1{margin:0;color:var(--text-color);font-size:clamp(2.75rem,7vw,5.8rem);line-height:1.05;font-weight:700}.about-tagline{max-width:46rem;margin:1.35rem auto 0;color:color-mix(in srgb,var(--text-color) 78%,transparent);font-size:clamp(1.05rem,1.9vw,1.45rem);line-height:1.85}.about-flypigs{display:flex;align-items:flex-end;justify-content:center;gap:clamp(.7rem,4vw,3.8rem);min-height:clamp(180px,28vw,330px)}.about-flypig{--fly-y:0px;display:block;width:clamp(128px,22vw,272px);height:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(214,120,150,.22));animation:about-flypig-float 4.8s ease-in-out infinite}.about-flypig-1{--fly-y:10%}.about-flypig-2{animation-delay:-1.4s}.about-flypig-3{--fly-y:7%;animation-delay:-2.2s}@keyframes about-flypig-float{0%,to{transform:translateY(var(--fly-y)) rotate(-1deg)}50%{transform:translateY(calc(var(--fly-y) - 12px)) rotate(1deg)}}.about-story{position:relative;margin:0 auto;text-align:center}.about-story-copy{max-width:62rem;margin:0 auto}.about-story-copy p{margin:0;color:color-mix(in srgb,var(--text-color) 88%,transparent);font-size:clamp(1rem,1.7vw,1.18rem);line-height:2;opacity:.85}.about-story-copy p+p{margin-top:1.2rem}body.lang-en .about-story-copy .l-en{font-family:pencil,PingFang TC,Microsoft JhengHei,sans-serif;font-size:1em;line-height:1.55}.about-character{display:grid;grid-template-columns:minmax(220px,.86fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,6.5rem);width:min(100%,980px);margin:clamp(5rem,9vw,7.5rem) auto;text-align:left}.about-character img{justify-self:center;width:min(42vw,360px);filter:drop-shadow(0 20px 28px rgba(214,120,150,.28));animation:home-float 4.6s ease-in-out infinite}.about-character figcaption{display:grid;gap:clamp(1.7rem,4vw,3.1rem);max-width:36rem;color:var(--text-color)}.about-contact-block{display:grid;gap:.65rem}.about-email-block{gap:0}.about-email-block .about-contact-label{line-height:.92}.about-contact-label{display:block;color:var(--accent-ink);font-size:clamp(1.95rem,4.6vw,3.45rem);line-height:1.1;font-weight:700}.about-contact-email{display:block;width:-moz-fit-content;width:fit-content;color:color-mix(in srgb,var(--text-color) 82%,transparent);font-size:clamp(1.98rem,3.65vw,2.68rem);line-height:1.08;text-decoration:none}.about-email-block .about-contact-email{margin-top:-.12em}body:not(.lang-en) .about-contact-email,body:not(.lang-en) .about-contact-label{font-family:sian-ltr,sian-pun,pencil,PingFang TC,Microsoft JhengHei,sans-serif;letter-spacing:normal}a.about-contact-email:focus-visible,a.about-contact-email:hover{color:var(--accent-ink)}.about-line-button{display:inline-flex;justify-content:center;width:-moz-fit-content;width:fit-content;min-width:12rem;border-radius:999px;padding:.95rem 1.65rem;background:#06c755;color:#fff;font-size:clamp(1.18rem,2vw,1.42rem);font-weight:700;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 12px 24px rgba(6,199,85,.24);transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.about-line-button,.about-line-button .l-en,.about-line-button .l-zh{align-items:center;line-height:1}.about-line-button .l-zh{display:inline-flex;gap:.48em}.about-line-button .l-en{display:none}.about-line-word{display:inline-flex;align-items:center;line-height:.92;transform:translateY(.1em)}body.lang-en .about-line-button .l-zh{display:none}body.lang-en .about-line-button .l-en{display:inline-flex;font-size:1.5em;line-height:.92;transform:translateY(.08em)}.about-line-button:focus-visible,.about-line-button:hover{transform:translateY(-2px);background:#05b84f;color:#fff;box-shadow:0 16px 28px rgba(6,199,85,.32)}.about-store{display:grid;grid-template-columns:minmax(220px,.68fr) minmax(220px,.72fr);align-items:center;gap:clamp(1.8rem,4vw,4.2rem);width:min(100%,1180px);margin:clamp(4.8rem,8vw,7rem) auto;text-align:left}.about-store-copy{display:grid;gap:clamp(1rem,1.9vw,1.35rem);padding-left:clamp(4.8rem,7vw,7.5rem);justify-self:start;justify-items:start}.about-store-text,.about-store-title{margin:0;width:auto}.about-store-title{color:var(--accent-ink);font-size:clamp(1.95rem,4.6vw,3.45rem);line-height:1.2;font-weight:700}.about-store-text{color:color-mix(in srgb,var(--text-color) 82%,transparent);font-size:clamp(1.98rem,3.65vw,2.68rem);line-height:1.28}body:not(.lang-en) .about-store-text,body:not(.lang-en) .about-store-title{font-family:pencil,PingFang TC,Microsoft JhengHei,sans-serif;letter-spacing:var(--zh-tracking)}body:not(.lang-en) .about-store-title{font-size:clamp(1.58rem,3.2vw,2.45rem);line-height:1.55}body:not(.lang-en) .about-store-text{font-size:clamp(1rem,1.7vw,1.18rem);line-height:2;font-weight:400}.about-store img{justify-self:start;width:min(38vw,360px);height:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 20px 28px rgba(214,120,150,.2));animation:home-float 4.8s ease-in-out infinite}.about-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 1.3rem;margin-top:clamp(4rem,8vw,6rem)}.about-actions a{display:inline-flex;align-items:center;justify-content:center;min-width:9.5rem;border:2px solid color-mix(in srgb,var(--accent-color) 78%,white);border-radius:999px;padding:.9rem 1.4rem;background:color-mix(in srgb,var(--card-bg) 70%,transparent);color:var(--accent-ink);font-weight:700;text-decoration:none;box-shadow:0 12px 24px rgba(214,120,150,.12);transition:transform .25s ease,background .25s ease}.about-actions a:focus-visible,.about-actions a:hover{transform:translateY(-3px);background:color-mix(in srgb,var(--accent-color) 28%,var(--card-bg))}.about-actions{display:none}@media (max-width:760px){.about-page{padding-top:5.8rem}.about-intro{margin-bottom:2.6rem}.about-flypigs{gap:clamp(.25rem,1.8vw,.55rem);min-height:clamp(146px,42vw,220px)}.about-flypig{width:clamp(108px,31vw,154px)}.about-character{grid-template-columns:1fr;gap:1.2rem;justify-items:center;text-align:center}.about-character img{width:min(70vw,260px)}.about-character figcaption{max-width:min(100%,26rem);width:min(100%,26rem);justify-self:center;justify-items:center}.about-contact-label{font-size:clamp(2.18rem,4.6vw,2.55rem)}.about-contact-email{font-size:clamp(1.98rem,3.65vw,2.16rem)}.about-email-block .about-contact-email{margin-top:.14em}.about-line-button{min-width:12rem;padding:.95rem 1.65rem;font-size:clamp(1.18rem,calc(1.58rem - .84vw),1.4rem)}.about-store{grid-template-columns:1fr;gap:1.6rem;margin-top:6.4rem;text-align:center}.about-store-copy{padding-left:0;justify-self:center;justify-items:center}.about-store img{order:-1;justify-self:center;width:min(76vw,300px)}}.soft-panel{background:color-mix(in srgb,var(--card-bg) 82%,transparent);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.55);border-radius:24px;padding:1.9rem 2.1rem;box-shadow:0 12px 30px rgba(214,120,150,.1)}body.dark-mode .soft-panel{border-color:var(--border-color)}.band-soft{position:relative;z-index:1;background:color-mix(in srgb,var(--card-bg) 68%,transparent);backdrop-filter:blur(9px);border:1px solid rgba(255,255,255,.5);border-radius:40px;padding:3.2rem 2.6rem;box-shadow:0 18px 44px rgba(214,120,150,.08)}body.dark-mode .band-soft{border-color:var(--border-color)}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 18px;border-radius:9999px;background:var(--card-bg);box-shadow:0 8px 20px rgba(214,120,150,.16);font-weight:700;font-size:.97rem;letter-spacing:.02em;color:var(--accent-ink)}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent-color);animation:pulse-dot 1.6s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.45}}.section-head{text-align:center;margin-bottom:3.5rem}.section-head.is-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section-head .head-title{margin-top:1.1rem;font-size:clamp(2.1rem,5.2vw,3.4rem);font-weight:700;line-height:1.08}.section-head .head-title small{font-weight:400;opacity:.55;font-size:.5em;margin-left:.4em}.section-head .squiggle{display:block;margin:.7rem auto 0;width:clamp(110px,18vw,168px);height:13px;color:var(--accent-color)}.section-head .starband{display:flex;align-items:center;justify-content:center;gap:clamp(7px,1.6vw,13px);margin:.7rem auto 0;height:22px;color:var(--accent-color)}.section-head .starband .star{flex:none;transform-origin:center;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--accent-color) 55%,transparent));animation:starTwinkle 1.8s ease-in-out infinite;animation-delay:var(--d,0s)}@keyframes starTwinkle{0%,to{opacity:.28;transform:scale(.7)}50%{opacity:1;transform:scale(1.06)}}.section-head .head-sub{margin-top:1.2rem;font-size:clamp(1rem,1.6vw,1.18rem);opacity:.82;max-width:38rem;margin-left:auto;margin-right:auto}.story-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.story-grid>*{flex:0 1 320px;max-width:360px}.story-card{position:relative;display:flex;flex-direction:column;border-radius:26px;background:var(--card-bg);border:1px solid rgba(255,255,255,.65);box-shadow:0 12px 32px rgba(214,120,150,.12),0 2px 6px rgba(214,120,150,.08);overflow:hidden;text-decoration:none;color:var(--text-color);transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .45s ease}body.dark-mode .story-card{border-color:var(--border-color)}.story-card:focus-visible,.story-card:hover{transform:translateY(-9px) rotate(-.7deg);box-shadow:0 28px 54px rgba(214,120,150,.24),0 6px 16px rgba(214,120,150,.12)}.story-card .thumb{position:relative;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 18%,#fff 0,var(--bg-color) 100%);overflow:hidden}body.dark-mode .story-card .thumb{background:radial-gradient(120% 120% at 50% 18%,#423b40 0,#322b30 100%)}.story-card .thumb>.clickable,.story-card .thumb>a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.story-card .thumb img{max-width:86%;max-height:86%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;transition:transform .45s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 12px 16px rgba(214,120,150,.22))}.story-card:focus-visible .thumb img,.story-card:hover .thumb img{transform:scale(1.09) rotate(2.5deg)}.story-card .thumb-ph{font-size:.95rem;color:var(--accent-color);opacity:.7;font-weight:700}.story-card .body{display:flex;flex-direction:column;gap:.5rem;padding:1.3rem 1.45rem 1.6rem}.story-card .body h3{font-size:1.22rem}.story-card .body h3 small{font-weight:400;opacity:.55;margin-left:.3em}.chip{align-self:flex-start;padding:4px 12px;border-radius:9999px;font-size:.84rem;font-weight:700;background:color-mix(in srgb,var(--accent-color) 22%,var(--card-bg));color:var(--text-color)}.news-note{position:relative;display:block;aspect-ratio:760/940;background:url(/home/note.webp) 50%/100% 100% no-repeat;text-decoration:none;color:#5b4a2c;overflow:visible;filter:drop-shadow(0 14px 22px rgba(180,150,70,.2));transition:transform .45s cubic-bezier(.34,1.56,.64,1),filter .45s ease}.news-note:focus-visible,.news-note:hover{transform:translateY(-8px) rotate(-.6deg);filter:drop-shadow(0 26px 40px rgba(180,150,70,.3))}.news-note-photo{position:absolute;left:40.3%;top:23%;width:65%;height:40%;transform:translate(-50%,-50%) rotate(-5.75deg);border-radius:6px;overflow:hidden;box-shadow:0 5px 12px rgba(90,130,160,.22);z-index:1}.news-note-photo img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.news-note:focus-visible .news-note-photo img,.news-note:hover .news-note-photo img{transform:scale(1.06)}.news-note-frame{position:absolute;left:40.3%;top:23%;width:70.6%;height:auto;transform:translate(-50%,-50%);z-index:2;pointer-events:none}@media (max-width:768px){.news-note-photo{left:40.43%;top:22.93%;width:62.95%;height:38.63%;transform:translate(-50%,-50%) rotate(-5.75deg);border-radius:4px;box-shadow:none}.news-note-frame{display:none}}.news-note-clip{position:absolute;left:38%;top:3%;height:13%;width:auto;transform:translate(-50%,-50%) rotate(-6deg);z-index:3;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.14))}.news-note-text{position:absolute;left:11%;right:12%;top:50%;bottom:13%;z-index:2;display:flex;flex-direction:column;gap:.7rem;overflow:hidden;text-align:left}.news-note .chip{background:#ffd9e2;color:#8a4f60}body.lang-en .news-note .chip .l-en{font-size:1.4em;top:.18em;text-transform:uppercase}body.lang-en .home-more .eyebrow .l-en{text-transform:uppercase}.news-note-title{font-size:clamp(1rem,2.5vw,1.18rem);font-weight:700;line-height:1.25;color:#4f3f22}.news-note-sum{font-size:clamp(.8rem,1.9vw,.9rem);line-height:1.4;color:#80693f}.news-note .post-more{color:#cf6e89;font-weight:700}.news-note-more{position:absolute;left:19%;bottom:8.35%;transform:translateY(50%);z-index:2}.news-note:focus-visible .post-more,.news-note:hover .post-more{color:#c2557a}.news-note-grid{padding-top:18px}body.lang-en .home-more .news-note-title .l-en{font-family:pencil,PingFang TC,Microsoft JhengHei,sans-serif;font-size:1em;line-height:1.2}body.lang-en .home-more .news-note-sum .l-en{font-family:pencil,PingFang TC,Microsoft JhengHei,sans-serif;font-size:1em;line-height:1.35}body.lang-en .home-more .news-note-more .l-en{font-size:1.7em;line-height:1;position:relative;top:.14em}body.lang-en .news-note-sum{max-height:2.8em;overflow:hidden}.reveal{opacity:0;transform:translateY(30px);transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0s)}.reveal-group.in .reveal,.reveal.in{opacity:1;transform:none}.page-flow{position:relative;min-height:100vh}.page-trans>:not(.page-bg-layer){animation:page-in .5s cubic-bezier(.22,1,.36,1) both}@keyframes page-in{0%{transform:translateY(14px)}to{transform:none}}.sparkle-pig{--sp-w:170px;width:var(--sp-w);height:var(--sp-w);background-image:url(/home/sparkle-sprite.webp);background-repeat:no-repeat;background-position:0 0;background-size:calc(var(--sp-w) * 9) var(--sp-w);animation:sparkle-play 1.4s steps(9) infinite}@keyframes sparkle-play{to{background-position:calc(var(--sp-w) * -9) 0}}.btn-bouncy{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:9999px;font-weight:700;font-size:1rem;text-decoration:none;background:linear-gradient(135deg,#ff9ec0,#e3729a);color:#fff;box-shadow:0 10px 22px rgba(227,114,154,.42);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease}.btn-bouncy:focus-visible,.btn-bouncy:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 16px 30px rgba(255,150,180,.5);color:#fff}.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:9999px;font-weight:700;text-decoration:none;color:var(--text-color);background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 6px 16px rgba(214,120,150,.1);transition:transform .25s ease,color .25s ease}.btn-ghost:focus-visible,.btn-ghost:hover{transform:translateY(-2px);color:var(--accent-color)}.btn-allposts{background:linear-gradient(180deg,#ffffff,#ffe7ee);border:2px solid var(--accent-color);color:#c85d7e;box-shadow:0 8px 18px rgba(255,150,175,.26);padding:12px 28px}.btn-allposts:focus-visible,.btn-allposts:hover{transform:translateY(-3px) scale(1.04) rotate(-1.5deg);color:#b94e70;border-color:#ff9eaa;box-shadow:0 14px 28px rgba(255,150,175,.4)}@media (prefers-reduced-motion:reduce){.btn-allposts:focus-visible,.btn-allposts:hover{transform:translateY(-3px)}}.inner-decor-layer{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.inner-decor-cloud,.inner-star-dust{position:absolute}.inner-decor-cloud{opacity:var(--cloud-opacity,.6);animation-name:inner-cloud-bob;animation-timing-function:ease-in-out;animation-iteration-count:infinite;will-change:transform}.inner-decor-cloud img{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 22px rgba(240,150,180,.18))}.inner-star-dust{border-radius:999px;background:radial-gradient(circle,#d94f91 0 48%,rgba(217,79,145,.38) 62%,rgba(217,79,145,0) 82%);box-shadow:0 0 7px rgba(217,79,145,.46);opacity:0;animation-name:inner-star-twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.inner-star-dust:nth-of-type(3n){background:radial-gradient(circle,#ed7d1f 0 48%,rgba(237,125,31,.36) 62%,rgba(237,125,31,0) 82%);box-shadow:0 0 7px rgba(237,125,31,.44)}@keyframes inner-cloud-bob{0%,to{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(var(--float-y,-10px)) rotate(var(--rot,0deg))}}@keyframes inner-star-twinkle{0%,to{transform:scale(.55);opacity:0}45%{opacity:var(--star-opacity,.8)}60%{transform:scale(1.24);opacity:var(--star-opacity,.8)}}body.dark-mode .inner-decor-cloud{opacity:.5}body.dark-mode .inner-star-dust{background:radial-gradient(circle,#fffdf6 0,#ffe8a8 48%,rgba(255,224,150,0) 74%);box-shadow:0 0 8px rgba(255,235,170,.55)}.deco-layer{inset:0;z-index:0;overflow:hidden;pointer-events:none}.deco-layer,.deco-layer>*{position:absolute}.deco-spark{color:#ffd24a;animation:twinkle 2.6s ease-in-out infinite}.deco-heart{color:#ff9ec0;opacity:.85;animation:floaty 6s ease-in-out infinite}.deco-pig{filter:drop-shadow(0 10px 14px rgba(214,120,150,.2));opacity:.92;animation:floaty 7.5s ease-in-out infinite}@keyframes twinkle{0%,to{transform:scale(.7);opacity:.5}50%{transform:scale(1.1);opacity:1}}@keyframes floaty{0%,to{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-16px) rotate(var(--rot,0deg))}}@media (max-width:760px){.inner-decor-cloud{opacity:calc(var(--cloud-opacity, .6) * .72)}.inner-decor-cloud:first-child{left:-6%;top:9%;width:clamp(92px,28vw,124px)}.inner-decor-cloud:nth-child(2){right:-5%;top:18%;width:clamp(96px,30vw,132px)}.inner-decor-cloud:nth-child(3){left:54%;top:45%;width:clamp(96px,28vw,136px)}.inner-decor-cloud:nth-child(4){left:-4%;top:64%;width:clamp(82px,25vw,116px)}.inner-decor-cloud:nth-child(5){right:-5%;top:78%;width:clamp(88px,27vw,124px)}.inner-decor-cloud:nth-child(6){left:30%;bottom:6%;width:clamp(72px,22vw,102px)}.inner-star-dust{transform-origin:center}}@media (prefers-reduced-motion:reduce){.inner-decor-cloud,.inner-star-dust{animation:none}.inner-star-dust{opacity:.45}}.trait-grid{display:grid;gap:2.2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding-top:3.2rem}.trait-card{--tc:#ff9ec0;position:relative;text-align:center;border-radius:30px;background:color-mix(in srgb,var(--tc) 17%,var(--card-bg));padding:4rem 1.6rem 2rem;box-shadow:0 14px 34px rgba(214,120,150,.14);border:2px solid color-mix(in srgb,var(--tc) 55%,transparent);overflow:visible;transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .45s ease}.trait-card[data-accent=peach]{--tc:#ffb093}.trait-card[data-accent=rose]{--tc:#ff9ec0}.trait-card[data-accent=lilac]{--tc:#c1a4ff}.trait-card:focus-within,.trait-card:hover{transform:translateY(-9px) rotate(-1deg);box-shadow:0 28px 52px rgba(214,120,150,.22)}.trait-art{width:142px;height:142px;margin:-4.8rem auto 1.1rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 34%,#fff,var(--bg-color));box-shadow:inset 0 0 0 6px color-mix(in srgb,var(--tc) 42%,transparent),0 14px 24px rgba(214,120,150,.2)}body.dark-mode .trait-art{background:radial-gradient(circle at 50% 34%,#423b40,#322b30)}.trait-card:first-child .trait-art{transform:rotate(-5deg)}.trait-card:nth-child(2) .trait-art{transform:rotate(3deg)}.trait-card:nth-child(3) .trait-art{transform:rotate(-3deg)}.trait-art img{width:95%;height:95%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(214,120,150,.2));transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.trait-card:hover .trait-art img{transform:scale(1.09) rotate(4deg)}.trait-card h2{font-size:1.62rem}.trait-card h2 small{font-weight:400;opacity:.55;margin-left:.3em}.trait-card p{margin-top:.5rem;opacity:.88}.note-card{position:relative;max-width:46rem;margin:0 auto;background:var(--card-bg);border-radius:28px;padding:2.6rem 2.8rem;box-shadow:0 16px 38px rgba(214,120,150,.1);border:1px solid var(--border-color)}.note-card:before{content:"";position:absolute;top:-13px;left:50%;width:124px;height:26px;transform:translateX(-50%) rotate(-3deg);background:color-mix(in srgb,var(--accent-color) 45%,#fff);opacity:.65;border-radius:5px}.quote-card{position:relative;max-width:44rem;margin:0 auto;background:var(--card-bg);border-radius:28px;padding:2.8rem 3rem 2.6rem;box-shadow:0 16px 40px rgba(214,120,150,.14);border:1px solid var(--border-color);overflow:visible}.quote-card .quote-mark{position:absolute;top:-1.6rem;left:1rem;font-size:6rem;line-height:1;color:var(--accent-color);opacity:.45}.quote-card .quote-pig{position:absolute;right:-16px;bottom:14px;width:74px;transform:rotate(8deg);filter:drop-shadow(0 8px 12px rgba(214,120,150,.26))}@media (max-width:768px){.quote-card .quote-pig{display:none}}.pull-quote{position:relative;text-align:center;font-size:clamp(1.35rem,3vw,1.95rem);line-height:1.5;font-weight:700;color:var(--text-color);max-width:40rem;margin:0 auto}.heart-divider{display:flex;align-items:center;justify-content:center;gap:12px;margin:3.5rem auto;color:var(--accent-color);opacity:.65}.heart-divider span{height:1px;width:clamp(40px,12vw,120px);background:currentColor;opacity:.5}.heart-divider svg{width:18px;height:18px}.heart-divider svg:nth-child(3){width:26px;height:26px}@media (max-width:768px){.page-shell{padding:6.5rem 5vw 4rem}.sb-blob{filter:blur(48px)}}@media (max-width:900px){.deco-layer .home-cloud,.deco-pig{display:none}}.char-grid{display:grid;gap:2.6rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding-top:4.5rem}.char-card{--tc:#ff9ec0;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:32px;background:color-mix(in srgb,var(--tc) 14%,var(--card-bg));border:2px solid color-mix(in srgb,var(--tc) 50%,transparent);padding:5.2rem 1.8rem 2rem;box-shadow:0 16px 40px rgba(214,120,150,.13);text-decoration:none;color:var(--text-color);transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .45s ease}.char-card[data-accent=peach]{--tc:#ffb093}.char-card[data-accent=rose]{--tc:#ff9ec0}.char-card[data-accent=lilac]{--tc:#b9a3f0}.char-card[data-accent=honey]{--tc:#ffce85}.char-card[data-accent=mint]{--tc:#86d9b5}.char-card:not(.is-soon):focus-visible,.char-card:not(.is-soon):hover{transform:translateY(-10px) rotate(-1deg);box-shadow:0 30px 56px rgba(214,120,150,.22)}.char-card.is-soon{opacity:.92}.char-art{width:172px;height:172px;margin:-6.2rem auto 1.1rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 34%,#fff,var(--bg-color));box-shadow:inset 0 0 0 7px color-mix(in srgb,var(--tc) 44%,transparent),0 16px 28px rgba(214,120,150,.2)}body.dark-mode .char-art{background:radial-gradient(circle at 50% 34%,#423b40,#322b30)}.char-art img{width:96%;height:96%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(214,120,150,.22));transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.char-card:hover .char-art img{transform:scale(1.08) rotate(4deg)}.char-art.placeholder{font-size:4.4rem}.char-name{font-size:1.7rem;max-width:100%;overflow-wrap:break-word}.char-name small{font-weight:400;opacity:.55;margin-left:.35em}@media (max-width:560px){.char-name small{display:block;margin-left:0;margin-top:.12rem}}.char-species{margin-top:.4rem}.char-traits{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin:.9rem 0}.char-summary{opacity:.86;max-width:22rem}.char-more{margin-top:1.1rem;font-weight:700;color:var(--accent-ink)}.char-badge{position:absolute;top:1rem;right:1rem;background:var(--accent-color);color:#fff;font-size:.72rem;font-weight:700;padding:4px 13px;border-radius:9999px}.char-detail-art{position:relative;display:flex;justify-content:center;align-items:center}.char-detail-art:before{content:"";position:absolute;width:min(60vw,340px);aspect-ratio:1;border-radius:9999px;background:radial-gradient(circle,color-mix(in srgb,#fff 86%,transparent) 0,color-mix(in srgb,#fff 50%,transparent) 50%,transparent 70%);z-index:0}body.dark-mode .char-detail-art:before{background:radial-gradient(circle,color-mix(in srgb,#4a4248 86%,transparent) 0,transparent 70%)}.char-detail-art .placeholder,.char-detail-art img{position:relative;z-index:1}.char-detail-art img{width:min(66vw,360px);filter:drop-shadow(0 18px 28px rgba(214,120,150,.3));animation:home-float 5s ease-in-out infinite}.char-detail-art .placeholder{font-size:clamp(6rem,22vw,11rem);line-height:1}.char-accent{--tc:#ff9ec0}.char-accent[data-accent=peach]{--tc:#ffb093}.char-accent[data-accent=rose]{--tc:#ff9ec0}.char-accent[data-accent=lilac]{--tc:#b9a3f0}.char-accent[data-accent=honey]{--tc:#ffce85}.char-accent[data-accent=mint]{--tc:#86d9b5}.char-detail-left{display:flex;flex-direction:column;align-items:center;gap:.25rem}.char-detail-quote{position:relative;z-index:2;margin:0}.char-detail-tagline{padding-right:0;margin:.7rem 0 1.1rem}.wall-art{display:flex;justify-content:center}.wall-art img{width:min(64vw,280px);border-radius:28px;border:5px solid #fff;background:#fff;box-shadow:0 22px 44px rgba(214,120,150,.26),0 4px 12px rgba(0,0,0,.06);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.wall-art img:hover{transform:translateY(-6px) rotate(-1deg)}body.dark-mode .wall-art img{border-color:#4a4248;background:#4a4248}.wall-story{max-width:640px;margin:0 auto}.wall-hint{text-align:center;margin:2.6rem 0 1.5rem;font-weight:700;font-size:1.06rem;color:var(--accent-ink)}.wall-variants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem;max-width:580px;margin:0 auto}.wall-variant{display:flex;flex-direction:column;align-items:center;gap:.9rem}.wall-variant .wall-art img{width:100%;max-width:230px}.wall-variant-name{font-weight:700;font-size:1.05rem}.wall-soon{display:flex;flex-direction:column;align-items:center;gap:1.4rem;margin-top:2.6rem}.wall-soon-tag{display:inline-flex;align-items:center;gap:.45em;padding:.65rem 1.5rem;border-radius:9999px;font-weight:700;color:var(--accent-ink);background:color-mix(in srgb,var(--accent-color) 16%,var(--card-bg));border:1.5px dashed color-mix(in srgb,var(--accent-color) 52%,var(--border-color))}.char-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:3.5rem;flex-wrap:wrap}.char-modal-root{--modal-w:360px;--modal-h:580px;position:fixed;inset:0;z-index:3000;display:grid;place-items:center;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);padding:clamp(1rem,4vw,2.5rem);background:rgba(40,28,34,.42);backdrop-filter:blur(5px);animation:char-modal-fade .28s ease both;overscroll-behavior:contain;touch-action:none}.char-modal-stage{flex-direction:column;gap:1.2rem;max-height:100%}.char-modal-frame,.char-modal-stage{display:flex;align-items:center;width:100%}.char-modal-frame{justify-content:center;gap:1rem;min-height:0}.char-modal-dialog{--tc:#ff9ec0;position:relative;flex:0 0 auto;width:min(var(--modal-w),calc(100vw - 1.5rem));height:min(var(--modal-h),calc(100vh - 5rem));height:min(var(--modal-h),calc(100dvh - 5rem));background:var(--card-bg);border:2px solid color-mix(in srgb,var(--tc) 52%,transparent);border-radius:30px;box-shadow:0 30px 70px rgba(120,60,90,.28);padding:2rem;animation:char-modal-pop .34s cubic-bezier(.34,1.56,.64,1) both;display:flex;flex-direction:column;min-height:0;max-height:100%}.char-modal-dialog[data-accent=peach]{--tc:#ffb093}.char-modal-dialog[data-accent=rose]{--tc:#ff9ec0}.char-modal-dialog[data-accent=lilac]{--tc:#b9a3f0}.char-modal-dialog[data-accent=honey]{--tc:#ffce85}.char-modal-dialog[data-accent=mint]{--tc:#86d9b5}.char-modal-body{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"name main" "head main";gap:.6rem 1.6rem;align-items:stretch;flex:1 1 auto;min-height:0;overflow:hidden}.char-modal-name{grid-area:name}.char-modal-head{grid-area:head}.char-modal-main{grid-area:main}.char-modal-scroll{display:contents}body.lang-en .char-modal-name{font-size:3rem}.char-modal-head{align-items:center;gap:.7rem}.char-modal-head,.char-modal-main{display:flex;flex-direction:column;min-height:0}.char-modal-main{position:relative;min-width:0}.char-modal-main:after{content:"";position:absolute;left:0;right:.7rem;bottom:0;height:1.9rem;pointer-events:none;background:linear-gradient(to top,var(--card-bg) 20%,transparent)}.char-modal-tagline{flex:0 0 auto;margin:0 0 .85rem;padding-right:2.6rem;font-size:1.18rem;font-weight:700;line-height:1.5;color:var(--accent-ink)}.char-modal-art{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;height:290px;margin-bottom:1.2rem;min-height:0;width:100%}.char-modal-art:before{content:"";position:absolute;width:92%;aspect-ratio:1;border-radius:9999px;background:radial-gradient(circle,color-mix(in srgb,var(--tc) 26%,transparent) 0,transparent 70%)}.char-modal-art img{position:relative;width:auto;height:auto;max-width:min(100%,300px);max-height:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(214,120,150,.28))}.char-modal-art .placeholder{position:relative;font-size:clamp(4rem,14vw,7rem);line-height:1}.char-modal-name{font-size:1.85rem;line-height:1.15;margin:0}.char-modal-name,.char-modal-quote{flex:0 0 auto;font-weight:700;text-align:center}.char-modal-quote{position:relative;align-self:center;width:-moz-fit-content;width:fit-content;max-width:min(18rem,100%);margin:auto 0 0;padding:.5rem 1.1rem .55rem;border-radius:999px 999px 999px 6px;background:color-mix(in srgb,var(--tc) 30%,var(--card-bg));border:2px solid color-mix(in srgb,var(--tc) 62%,transparent);color:color-mix(in srgb,var(--tc) 52%,#4a3f35);font-size:1.06rem;line-height:1.4;text-wrap:pretty;transform:rotate(-1.8deg);box-shadow:0 6px 15px color-mix(in srgb,var(--tc) 26%,transparent)}body.dark-mode .char-modal-quote{color:color-mix(in srgb,var(--tc) 82%,#ffffff)}.char-detail-prose,.char-modal-quote,.char-modal-tagline,.char-modal-text{font-family:pencil,PingFang TC,Microsoft JhengHei,sans-serif}.char-modal-text{flex:1 1 auto;min-height:0;margin:0;max-width:none;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-gutter:stable;padding-right:.35rem;padding-bottom:2.4rem;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--tc) 58%,transparent) transparent}.char-modal-text::-webkit-scrollbar{width:6px}.char-modal-text::-webkit-scrollbar-track{background:transparent}.char-modal-text::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--tc) 58%,transparent);border-radius:999px}.char-modal-text::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--tc) 85%,transparent)}.char-modal-text p{margin-bottom:.7rem}.char-modal-text p:last-child{margin-bottom:0}.char-modal-close{position:absolute;top:.7rem;right:.85rem;z-index:6;width:2.4rem;height:2.4rem;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-color);font-size:1.4rem;line-height:1;border-radius:9999px;opacity:.62;transition:opacity .25s ease,background .25s ease}.char-modal-close:before{content:"";position:absolute;inset:-.6rem}.char-modal-close:focus-visible,.char-modal-close:hover{opacity:1;background:color-mix(in srgb,var(--tc) 22%,transparent)}.char-modal-nav{--candy-1:#fff0f4;--candy-2:#ffc3d1;--candy-3:#f8a7bb;--candy-shadow:rgba(214,120,150,0.4);flex:0 0 auto;width:3.4rem;height:3.4rem;padding:0;border:0;background:none;line-height:0;display:flex;align-items:center;justify-content:center;transition:transform .18s cubic-bezier(.34,1.56,.64,1)}body.dark-mode .char-modal-nav{--candy-shadow:rgba(0,0,0,0.5)}.char-modal-nav:focus-visible,.char-modal-nav:hover{transform:scale(1.08)}.char-modal-nav:active{transform:scale(.95)}.char-modal-count{display:flex;align-items:center;justify-content:center;min-height:3.4rem;margin:0;color:#fff;font-size:1.9rem;font-weight:700;line-height:1;letter-spacing:.08em;white-space:nowrap;transform:translateY(.09em);text-shadow:0 2px 8px rgba(0,0,0,.32)}@keyframes char-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes char-modal-pop{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}@media (min-width:621px){.char-modal-root{--modal-w:560px;--modal-h:540px}}@media (min-width:621px) and (max-width:1119px){.char-modal-body{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:.6rem .9rem}.char-modal-art img{max-width:min(100%,300px)}}@media (min-width:1120px){.char-modal-root{--modal-w:880px;--modal-h:520px}}@media (max-width:620px){.char-modal-body{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;min-height:0;overflow:hidden}.char-modal-name{flex:0 0 auto;align-self:stretch;margin:0;padding-bottom:.3rem}.char-modal-scroll{--fade:1.4rem;--sb-gutter:12px;display:flex;flex-direction:column;align-items:center;width:100%;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;padding:1.4rem 0;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--fade),#000 calc(100% - var(--fade)),transparent 100%),linear-gradient(#000,#000);-webkit-mask-size:calc(100% - var(--sb-gutter)) 100%,var(--sb-gutter) 100%;-webkit-mask-position:left top,right top;-webkit-mask-repeat:no-repeat;mask-image:linear-gradient(to bottom,transparent 0,#000 var(--fade),#000 calc(100% - var(--fade)),transparent 100%),linear-gradient(#000,#000);mask-size:calc(100% - var(--sb-gutter)) 100%,var(--sb-gutter) 100%;mask-position:left top,right top;mask-repeat:no-repeat;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--tc) 58%,transparent) transparent;scrollbar-gutter:stable}.char-modal-scroll::-webkit-scrollbar{width:6px}.char-modal-scroll::-webkit-scrollbar-track{background:transparent}.char-modal-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--tc) 58%,transparent);border-radius:999px}.char-modal-head,.char-modal-main{flex:0 0 auto;width:100%}.char-modal-main:after{display:none}.char-modal-art{flex:0 0 auto;height:214px;margin-bottom:0}.char-modal-art img{max-width:min(100%,240px)}.char-modal-quote{margin:0}.char-modal-text{overflow:visible;flex:0 0 auto;padding-bottom:0}.char-modal-tagline{margin-bottom:.7rem;padding-right:0}.char-modal-dialog{border-radius:26px;padding:1.5rem 1.4rem}}@media (max-width:1119px){.char-modal-stage{display:grid;grid-template-columns:1fr auto auto auto 1fr;grid-template-rows:auto auto;grid-template-areas:"dialog dialog dialog dialog dialog" ".      prev   count  next   .";align-items:center;-moz-column-gap:1.4rem;column-gap:1.4rem;row-gap:1rem}.char-modal-frame{display:contents}.char-modal-dialog{grid-area:dialog;justify-self:center;max-height:calc(100vh - 7rem);max-height:calc(100dvh - 7rem)}.char-modal-nav.prev{grid-area:prev}.char-modal-nav.next{grid-area:next}.char-modal-count{grid-area:count}}.post-meta{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;font-size:.92rem;opacity:.78}.post-more{margin-top:.7rem;font-weight:700;color:var(--accent-ink)}.story-card:focus-visible .post-more,.story-card:hover .post-more{text-decoration:underline}.article{max-width:46rem;margin:0 auto;position:relative;z-index:1}.article-cover{width:100%;aspect-ratio:16/9;border-radius:28px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 16%,#fff,var(--bg-color));box-shadow:0 16px 38px rgba(214,120,150,.12);margin-bottom:2.2rem}body.dark-mode .article-cover{background:radial-gradient(120% 120% at 50% 16%,#423b40,#322b30)}.article-cover img{width:46%;height:82%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(214,120,150,.22));animation:home-float 5s ease-in-out infinite}.article-head h1{font-size:clamp(1.9rem,4.6vw,2.9rem);line-height:1.15;margin:.7rem 0 .4rem}.article-body{font-size:1.12rem;line-height:2}.article-body p{margin-bottom:1.35rem}.blog-nav,.related-block{max-width:46rem;margin:3rem auto 0}.blog-nav{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.related-grid{display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:1.4rem}.site-header{transition:background .3s ease,padding .3s ease,box-shadow .3s ease}.site-header.scrolled{background:color-mix(in srgb,var(--menu-bg) 82%,transparent);backdrop-filter:blur(14px);box-shadow:0 6px 20px rgba(214,120,150,.1);border-bottom:1px solid color-mix(in srgb,var(--border-color) 65%,transparent);pointer-events:auto;padding-top:14px;padding-bottom:14px}.scroll-hint{position:absolute;bottom:16px;left:50%;z-index:4;display:flex;flex-direction:column;align-items:center;gap:2px;font-weight:700;font-size:.85rem;color:var(--accent-ink);pointer-events:none;animation:hint-bob 2.2s ease-in-out infinite}.scroll-hint .l-en{font-size:1.9em}.scroll-hint svg{width:18px;height:18px}@keyframes hint-bob{0%,to{transform:translateX(-50%) translateY(0);opacity:.85}50%{transform:translateX(-50%) translateY(7px);opacity:1}}@media (max-width:768px){.scroll-hint{display:flex;bottom:6%}}.home-more{position:relative;z-index:1;background-color:#fffaf6;background-image:linear-gradient(180deg,#ffb0cb,#fffaf6 480px)}body.dark-mode .home-more{background-color:#2d2a26;background-image:linear-gradient(180deg,#3a2e34,#2d2a26 440px)}@media (max-width:768px){.home-more{background-image:linear-gradient(180deg,#ffb0cb,#ffc0d3 210px,#ffd4df 470px,#ffe6ec 760px,#fff3f4 1040px,#fffaf6 1320px)}body.dark-mode .home-more{background-image:linear-gradient(180deg,#3a2e34,#382d33 220px,#352c31 490px,#322b2e 790px,#2f2a2a 1060px,#2d2a26 1320px)}}.home-town{position:relative;margin-top:1.2rem;margin-bottom:calc(-2rem - 1px);line-height:0}.home-town-img{display:block;width:100%;height:auto}.home-town-img.is-dark,body.dark-mode .home-town-img.is-bright{display:none}body.dark-mode .home-town-img.is-dark{display:block}.home-section{position:relative;max-width:1200px;margin:0 auto;padding:4.6rem 5vw 1.6rem}.home-section>:not(.home-section-stardust){position:relative;z-index:1}.home-section:last-of-type{padding-bottom:1.8rem}.home-section-stardust{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.home-section-dust{position:absolute;border-radius:999px;background:radial-gradient(circle,#d94f91 0 48%,rgba(217,79,145,.38) 62%,rgba(217,79,145,0) 82%);box-shadow:0 0 7px rgba(217,79,145,.46);opacity:0;animation-name:home-section-twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.home-section-dust:nth-child(3n){background:radial-gradient(circle,#ed7d1f 0 48%,rgba(237,125,31,.36) 62%,rgba(237,125,31,0) 82%);box-shadow:0 0 7px rgba(237,125,31,.44)}body.dark-mode .home-section-dust{background:radial-gradient(circle,#fffdf6 0,#ffe9a8 45%,rgba(255,224,150,0) 72%);box-shadow:0 0 6px rgba(255,240,190,.62)}@keyframes home-section-twinkle{0%,to{transform:scale(.55);opacity:0}45%{opacity:var(--star-opacity,.8)}60%{transform:scale(1.24);opacity:var(--star-opacity,.8)}}@media (prefers-reduced-motion:reduce){.home-section-dust{animation:none;opacity:.42}}@media (max-width:760px){.home-section-dust:first-child{left:10%!important}.home-section-dust:nth-child(2){left:88%!important}.home-section-dust:nth-child(4){left:84%!important}.home-section-dust:nth-child(8){left:90%!important}.home-section-dust:nth-child(10){left:78%!important}}.section-head .head-title.as-h2{font-size:clamp(1.8rem,4.2vw,2.7rem)}.section-head.tight{margin-bottom:2.4rem}.section-head.tight.no-sub{margin-bottom:3.6rem}.home-worldview{max-width:42rem;margin:clamp(4.5rem,12vw,11rem) auto 0;text-align:center}.home-worldview p{font-size:clamp(1rem,1.7vw,1.18rem);line-height:2;opacity:.85;color:var(--text-color)}.home-worldview p+p{margin-top:1.2rem}body.lang-en .home-more .home-worldview .l-en{font-family:pencil,PingFang TC,Microsoft JhengHei,sans-serif;font-size:1em;line-height:1.55}.family-grid{display:grid;gap:1.8rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));padding-top:4.5rem}.char-intro{max-width:44rem;margin:0 auto;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.char-intro-hero{display:flex;align-items:flex-start;justify-content:center;gap:0;max-width:34rem;margin:0 auto}.char-intro-hero-art{flex:0 0 auto;width:clamp(210px,56vw,320px);height:auto;filter:drop-shadow(0 8px 16px color-mix(in srgb,var(--accent-color) 30%,transparent));transform:rotate(-2deg);animation:intro-art-float 5s ease-in-out infinite}@keyframes intro-art-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(-2deg)}}.char-intro-bubble{--by:#ffcf5a;position:relative;width:-moz-fit-content;width:fit-content;max-width:min(17rem,100%);margin:1.4rem 0 0 -3.2rem;padding:.7rem 1.15rem .75rem;border-radius:999px 999px 999px 6px;background:color-mix(in srgb,var(--by) 36%,var(--card-bg));border:2px solid color-mix(in srgb,var(--by) 68%,transparent);color:#7a5216;font-family:pencil,PingFang TC,Microsoft JhengHei,sans-serif;font-size:1.06rem;font-weight:700;line-height:1.45;text-align:center;text-wrap:pretty;transform:rotate(1.6deg);box-shadow:0 6px 15px color-mix(in srgb,var(--by) 30%,transparent);animation:intro-bubble-float 4.4s ease-in-out .5s infinite}@keyframes intro-bubble-float{0%,to{transform:translateY(0) rotate(1.6deg)}50%{transform:translateY(-7px) rotate(1.6deg)}}body.dark-mode .char-intro-bubble{color:color-mix(in srgb,var(--by) 88%,#ffffff)}@media (max-width:520px){.char-intro-bubble{font-size:1rem;margin-left:-1.8rem}}@media (prefers-reduced-motion:reduce){.char-intro-bubble,.char-intro-hero-art{animation:none}}.family-grid.is-bubble.char-list-grid{padding-top:3.4rem;display:flex;flex-wrap:wrap;justify-content:center}.family-grid.is-bubble.char-list-grid>.char-card{flex:0 0 270px;max-width:100%}.family-grid.is-bubble{gap:2rem;padding-top:.5rem}.family-grid.is-bubble .char-card{--glow:color-mix(in srgb,var(--tc) 48%,transparent);isolation:isolate;border-radius:48px;padding:2.8rem 1.6rem 2.2rem;background:radial-gradient(circle at 50% 44%,color-mix(in srgb,var(--tc) 52%,#fff) 0,color-mix(in srgb,var(--tc) 32%,#fff) 42%,#ffffff 92%);border:1.5px solid rgba(255,255,255,.92);box-shadow:0 28px 56px -16px var(--glow),0 4px 14px rgba(120,80,100,.05),inset 0 2px 10px rgba(255,255,255,.92),inset 0 -16px 30px rgba(255,255,255,.42)}body.dark-mode .family-grid.is-bubble .char-card{background:radial-gradient(circle at 50% 44%,color-mix(in srgb,var(--tc) 40%,var(--card-bg)) 0,color-mix(in srgb,var(--tc) 22%,var(--card-bg)) 46%,var(--card-bg) 94%);border-color:rgba(255,255,255,.16);box-shadow:0 28px 56px -16px var(--glow),inset 0 2px 10px rgba(255,255,255,.1),inset 0 -16px 30px rgba(255,255,255,.05)}.family-grid.is-bubble .char-card:after,.family-grid.is-bubble .char-card:before{content:"";position:absolute;z-index:-1;background-repeat:no-repeat;background-size:contain;pointer-events:none}.family-grid.is-bubble .char-card:before{left:7%;top:6%;width:46px;height:57px;background-image:url(/home/deco-bubbledrop-1.webp)}.family-grid.is-bubble .char-card:after{right:7%;bottom:6%;width:42px;height:90px;background-image:url(/home/deco-bubbledrop-2.webp)}body.dark-mode .family-grid.is-bubble .char-card:after,body.dark-mode .family-grid.is-bubble .char-card:before{opacity:.25}.family-grid.is-bubble .char-card:not(.is-soon):focus-visible,.family-grid.is-bubble .char-card:not(.is-soon):hover{transform:translateY(-12px) scale(1.015);box-shadow:0 40px 70px -18px var(--glow),inset 0 2px 10px rgba(255,255,255,.92),inset 0 -16px 30px rgba(255,255,255,.42)}body.dark-mode .family-grid.is-bubble .char-card:not(.is-soon):focus-visible,body.dark-mode .family-grid.is-bubble .char-card:not(.is-soon):hover{box-shadow:0 40px 70px -18px var(--glow),inset 0 2px 10px rgba(255,255,255,.1),inset 0 -16px 30px rgba(255,255,255,.05)}.family-grid.is-bubble .char-art{width:68%;max-width:230px;height:auto;aspect-ratio:1/1;margin:0 auto 1.3rem;border-radius:34px;background:rgba(255,255,255,.6);border:2.5px solid color-mix(in srgb,var(--tc) 26%,#fff);box-shadow:0 8px 18px rgba(120,80,100,.08)}body.dark-mode .family-grid.is-bubble .char-art{background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--tc) 14%,transparent) 0,transparent 76%);border-color:color-mix(in srgb,var(--tc) 32%,transparent);box-shadow:0 8px 18px rgba(0,0,0,.22)}.family-grid.is-bubble .char-art img{width:80%;height:80%}.family-grid.is-bubble .char-art.has-swap{position:relative;overflow:hidden}.family-grid.is-bubble .char-art.has-swap img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:none;transition:opacity .3s ease}.family-grid.is-bubble .char-art.has-swap .art-hover{opacity:0}.family-grid.is-bubble .char-card:focus-visible .char-art.has-swap .art-base,.family-grid.is-bubble .char-card:hover .char-art.has-swap .art-base{opacity:0}.family-grid.is-bubble .char-card:focus-visible .char-art.has-swap .art-hover,.family-grid.is-bubble .char-card:hover .char-art.has-swap .art-hover{opacity:1}.family-grid.is-bubble .char-card:focus-visible .char-art.has-swap img,.family-grid.is-bubble .char-card:hover .char-art.has-swap img{transform:none}.family-grid.is-bubble .char-name{font-size:1.5rem;margin-top:.2rem}.family-grid.is-bubble .char-more{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.3rem;padding:.62rem 1.4rem;border-radius:999px;font-weight:700;color:#4a3f35;background:linear-gradient(180deg,color-mix(in srgb,var(--tc) 52%,#fff) 0,color-mix(in srgb,var(--tc) 86%,#fff) 100%);box-shadow:0 10px 20px -7px var(--glow),inset 0 1px 3px rgba(255,255,255,.85);transition:transform .25s ease,box-shadow .25s ease}.family-grid.is-bubble .char-card:hover .char-more{transform:translateY(-2px)}.carousel{position:relative;margin-left:-5vw;margin-right:-5vw;--gap:2rem;--arrow:52px;--reserve:120px}.family-carousel{--candy-1:#fff0f4;--candy-2:#ffc3d1;--candy-3:#f8a7bb;--candy-shadow:rgba(214,120,150,0.4)}.story-carousel{--candy-1:#fffaea;--candy-2:#ffe7a4;--candy-3:#f7cf78;--candy-shadow:rgba(204,168,74,0.4)}body.dark-mode .family-carousel,body.dark-mode .story-carousel{--candy-shadow:rgba(0,0,0,0.5)}.carousel-frame{position:relative;margin:0 auto;max-width:100%}.carousel-window{overflow:visible}.carousel .carousel-track{display:flex;flex-wrap:nowrap;width:-moz-max-content;width:max-content;gap:var(--gap);padding:1.6rem 0 2.6rem}.carousel .carousel-track>*{flex:0 0 auto;width:var(--item-w,300px);max-width:none}.carousel .carousel-track>.carousel-off{visibility:hidden}.carousel-arrow{position:absolute;top:50%;z-index:5;width:var(--arrow);height:var(--arrow);padding:0;border:0;background:none;line-height:0;cursor:pointer;transition:transform .18s cubic-bezier(.34,1.56,.64,1),opacity .2s ease}.carousel-arrow.prev{right:100%;margin-right:.7rem;transform:translateY(-50%)}.carousel-arrow.next{left:100%;margin-left:.7rem;transform:translateY(-50%)}.carousel-arrow:before{content:"";position:absolute;inset:-10px}.candy-arrow-svg{width:100%;height:100%;display:block;overflow:visible;filter:drop-shadow(0 5px 6px var(--candy-shadow)) drop-shadow(0 2px 2px var(--candy-shadow))}.carousel-arrow:focus-visible:not(:disabled),.carousel-arrow:hover:not(:disabled){transform:translateY(-50%) scale(1.07)}.carousel-arrow:active:not(:disabled){transform:translateY(-50%) scale(.95)}.carousel-arrow:disabled{opacity:0;pointer-events:none}.carousel.is-static .carousel-arrow{display:none}@media (max-width:768px){.carousel{--arrow:44px;--reserve:104px}.carousel.is-swipeable .carousel-window{touch-action:pan-y}}.sticker-wall{display:grid;gap:1.05rem;grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.sticker-tile{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:13px;border-radius:22px;background:color-mix(in srgb,var(--card-bg) 76%,transparent);border:1.5px solid rgba(255,255,255,.6);box-shadow:0 8px 20px rgba(214,120,150,.09);transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease}body.dark-mode .sticker-tile{border-color:var(--border-color)}.sticker-tile img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(214,120,150,.16))}.sticker-tile:nth-child(4n+1){transform:rotate(-2deg)}.sticker-tile:nth-child(4n+2){transform:rotate(1.6deg)}.sticker-tile:nth-child(4n+3){transform:rotate(-1.2deg)}.sticker-tile:nth-child(4n){transform:rotate(2.2deg)}.sticker-tile:hover{transform:translateY(-7px) rotate(0deg) scale(1.07);box-shadow:0 18px 34px rgba(214,120,150,.2);z-index:1}.phone-frame{position:relative;width:min(58vw,225px);border-radius:36px;border:7px solid #fff;background:#fff;overflow:hidden;box-shadow:0 24px 48px rgba(214,120,150,.28),0 4px 12px rgba(0,0,0,.06);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.phone-frame:before{content:"";position:absolute;top:9px;left:50%;transform:translateX(-50%);width:38%;height:13px;border-radius:9999px;background:rgba(0,0,0,.82);z-index:1}.phone-frame img{display:block;width:100%;height:auto}.phone-frame:hover{transform:translateY(-8px) rotate(-1.4deg)}body.dark-mode .phone-frame{border-color:#4a4248;background:#4a4248}.feature-band{display:grid;align-items:center;gap:2.8rem;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);border-radius:44px;padding:3.2rem 3rem;background:color-mix(in srgb,var(--card-bg) 64%,transparent);backdrop-filter:blur(9px);border:1px solid rgba(255,255,255,.55);box-shadow:0 18px 44px rgba(214,120,150,.1)}body.dark-mode .feature-band{border-color:var(--border-color)}.feature-band .phones{display:flex;justify-content:center;gap:0}.feature-band .phones .phone-frame:first-child{transform:rotate(-5deg) translateX(12px);z-index:1}.feature-band .phones .phone-frame:nth-child(2){transform:rotate(4deg) translateX(-12px) translateY(14px)}.feature-band .phones .phone-frame:first-child:hover{transform:rotate(-5deg) translateX(12px) translateY(-8px)}.feature-band .phones .phone-frame:nth-child(2):hover{transform:rotate(4deg) translateX(-12px) translateY(6px)}.feature-band h2{font-size:clamp(1.7rem,3.6vw,2.4rem);line-height:1.15}.feature-band h2 small{font-weight:400;opacity:.55;font-size:.55em;margin-left:.35em}@media (max-width:860px){.feature-band{grid-template-columns:1fr;padding:2.4rem 1.6rem;text-align:center}.feature-band .actions{justify-content:center}}.cta-band{position:relative;overflow:hidden;border-radius:44px;padding:3.8rem 2.6rem 3.4rem;text-align:center;background:linear-gradient(135deg,#ffe3ec,#ffd2e2 55%,#ffdcc9);box-shadow:0 18px 44px rgba(214,120,150,.16)}body.dark-mode .cta-band{background:linear-gradient(135deg,#463238,#3e2c34 55%,#44322c)}.cta-band h2{font-size:clamp(1.6rem,3.4vw,2.3rem);margin-bottom:.6rem}.cta-band .cta-pig{position:absolute;pointer-events:none;filter:drop-shadow(0 10px 14px rgba(214,120,150,.22));animation:floaty 6.5s ease-in-out infinite}@media (max-width:768px){.cta-band .cta-pig{display:none}}.case-list{display:flex;flex-direction:column;gap:2.4rem;max-width:980px;margin:0 auto}.case-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);border-radius:34px;overflow:hidden;background:var(--card-bg);border:1px solid rgba(255,255,255,.65);box-shadow:0 14px 36px rgba(214,120,150,.12);text-decoration:none;color:var(--text-color);transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .45s ease}body.dark-mode .case-card{border-color:var(--border-color)}.case-card:focus-visible,.case-card:hover{transform:translateY(-7px) rotate(-.4deg);box-shadow:0 28px 54px rgba(214,120,150,.22)}.case-card:nth-child(2n) .case-thumb{order:2}.case-thumb{display:flex;align-items:center;justify-content:center;min-height:270px;padding:1.6rem;background:radial-gradient(120% 120% at 50% 18%,#fff 0,var(--bg-color) 100%)}body.dark-mode .case-thumb{background:radial-gradient(120% 120% at 50% 18%,#423b40 0,#322b30 100%)}.case-thumb img{max-width:78%;max-height:240px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(214,120,150,.22));transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.case-card:hover .case-thumb img{transform:scale(1.08) rotate(2deg)}.case-body{display:flex;flex-direction:column;justify-content:center;gap:.7rem;padding:2.2rem 2.4rem}.case-body h2{font-size:clamp(1.3rem,2.4vw,1.7rem)}.case-body h2 small{font-weight:400;opacity:.55;margin-left:.3em;font-size:.72em}.case-meta{display:flex;gap:.5rem;flex-wrap:wrap}@media (max-width:760px){.case-card{grid-template-columns:1fr}.case-card:nth-child(2n) .case-thumb{order:0}.case-thumb{min-height:200px}.case-body{padding:1.6rem 1.5rem 1.9rem}}.price-tag{display:inline-flex;align-items:baseline;gap:3px;font-weight:700;font-size:1.34rem;color:var(--accent-ink)}.price-tag small{font-size:.66em;font-weight:700;opacity:.75}.avail-chip{display:inline-flex;align-items:center;gap:.4em;padding:3px 12px;border-radius:9999px;font-size:.8rem;font-weight:700;background:color-mix(in srgb,#86d9b5 30%,var(--card-bg));color:var(--text-color)}.avail-chip.preorder{background:color-mix(in srgb,#ffce85 36%,var(--card-bg))}.avail-chip.soldout{background:color-mix(in srgb,var(--border-color) 60%,var(--card-bg));opacity:.8}.post-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);border-radius:36px;overflow:hidden;background:var(--card-bg);border:1px solid rgba(255,255,255,.65);box-shadow:0 16px 40px rgba(214,120,150,.14);text-decoration:none;color:var(--text-color);max-width:980px;margin:0 auto 2.6rem;transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .45s ease}body.dark-mode .post-hero{border-color:var(--border-color)}.post-hero:focus-visible,.post-hero:hover{transform:translateY(-7px);box-shadow:0 28px 56px rgba(214,120,150,.24)}.post-hero .cover{display:flex;align-items:center;justify-content:center;min-height:250px;background:radial-gradient(120% 120% at 50% 18%,#fff 0,var(--bg-color) 100%)}body.dark-mode .post-hero .cover{background:radial-gradient(120% 120% at 50% 18%,#423b40 0,#322b30 100%)}.post-hero .cover img{max-width:62%;max-height:210px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(214,120,150,.22));transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.post-hero:hover .cover img{transform:scale(1.07) rotate(2deg)}.post-hero .body{display:flex;flex-direction:column;justify-content:center;gap:.7rem;padding:2.2rem 2.5rem}.post-hero h2{font-size:clamp(1.35rem,2.6vw,1.85rem);line-height:1.25}@media (max-width:760px){.post-hero{grid-template-columns:1fr}.post-hero .cover{min-height:190px}.post-hero .body{padding:1.6rem 1.5rem 1.9rem}}.article-outro{display:flex;flex-direction:column;align-items:center;gap:.6rem;margin-top:3rem;text-align:center}.article-outro img{width:110px;filter:drop-shadow(0 10px 14px rgba(214,120,150,.22));animation:floaty 5s ease-in-out infinite}.article-outro p{font-weight:700;color:var(--accent-ink)}.site-footer{position:relative;z-index:1;margin-top:2rem;padding:0;text-align:left;opacity:1;background:color-mix(in srgb,var(--card-bg) 62%,transparent);backdrop-filter:blur(10px);border-top:1px solid color-mix(in srgb,var(--border-color) 75%,transparent)}.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:.82fr .78fr .78fr;-moz-column-gap:clamp(5.4rem,8.8vw,9rem);column-gap:clamp(5.4rem,8.8vw,9rem);row-gap:2.6rem;padding:3.2rem 5vw 1.4rem}.footer-brand .brand-row{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.3rem}.footer-brand .footer-logo-lockup{gap:clamp(.8rem,1.65vw,1.25rem);max-width:min(100%,390px)}.footer-logo-lockup img{display:block;flex:0 1 auto;width:auto;height:auto;-o-object-fit:contain;object-fit:contain}.footer-logo-lockup .footer-logo-pig{max-width:clamp(42px,4.8vw,58px)}.footer-logo-lockup .footer-logo-zh{height:clamp(21px,2.2vw,29px);max-width:none}.footer-logo-lockup .footer-logo-en{height:clamp(14px,1.6vw,21px);max-width:none;transform:translateY(.08em)}.footer-brand p{margin-top:.8rem;max-width:26rem;font-family:pencil,PingFang TC,Microsoft JhengHei,sans-serif;font-size:.95rem;line-height:1.8;opacity:.8}.social-icons{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:1.2rem -10px 0;padding:0;list-style:none}.social-icons li{display:flex}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--social-ink);transition:transform .25s ease,color .25s ease}.social-icon svg{display:block}.social-icon:focus-visible,.social-icon:hover{transform:translateY(-3px);color:var(--social-ink-hover)}.footer-col h2{font-size:.86rem;font-weight:700;letter-spacing:.1em;opacity:.55;margin-bottom:.9rem}.footer-col a{display:block;padding:.3rem 0;font-weight:700;font-size:1rem;text-decoration:none;transition:color .25s ease,transform .25s ease}.footer-col a:hover{color:var(--accent-ink);transform:translateX(4px)}.footer-base{text-align:center;font-family:pencil,PingFang TC,Microsoft JhengHei,sans-serif;font-size:.85rem;opacity:.7;padding:1.2rem 5vw 1.6rem;border-top:1px solid color-mix(in srgb,var(--border-color) 55%,transparent)}body.lang-en .site-footer .footer-brand p{max-width:42rem;line-height:1.9}body.lang-en .site-footer .footer-col h2{font-size:clamp(1.24rem,1.55vw,1.42rem)}body.lang-en .site-footer .footer-col a{padding:.42rem 0;font-size:clamp(1.38rem,1.78vw,1.66rem)}@media (max-width:760px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}.lost-pig{width:min(56vw,230px);filter:drop-shadow(0 16px 24px rgba(214,120,150,.26));animation:home-float 5s ease-in-out infinite}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-\[0\.85fr_1\.15fr\]{grid-template-columns:.85fr 1.15fr}}