:root{--bg:#fffbe9;--fg:#14141a;--muted:#5d5d68;--surface:#fff;--soft:#fff3c4;--accent:#ffd84d;--ink:#14141a;--line:#14141a;--ok:#c9f2d6;--warn:#ffc9b8;--info:#d9e8ff;--r:16px;--r-s:12px;--b:2px;--pop:2px 2px 0 #14141a;--pop-lg:4px 4px 0 #14141a;--focus:#4a7dff;--ease:cubic-bezier(.2, .9, .3, 1.2);color:var(--fg);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;font-family:Noto Sans TC,system-ui,-apple-system,PingFang TC,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:12px}body{background:var(--bg) radial-gradient(#14141a13 1.2px, transparent 1.4px) 0 0 / 22px 22px;min-height:100%;margin:0;font-size:16px;line-height:1.7}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3,h4{letter-spacing:.3px;margin:0;font-weight:900;line-height:1.25}p{margin:0}ul,ol,dl{margin:0;padding:0}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}.wrap{width:100%;max-width:1080px;margin:0 auto;padding-left:16px;padding-right:16px}.skip{z-index:100;background:var(--accent);border:var(--b) solid var(--line);border-radius:var(--r-s);padding:10px 14px;font-weight:700;text-decoration:none;position:absolute;top:-100px;left:16px}.skip:focus{top:12px}.btn{border:var(--b) solid var(--line);background:var(--accent);min-height:48px;color:var(--fg);box-shadow:var(--pop);text-align:center;transition:transform .18s var(--ease), box-shadow .18s var(--ease), background-color .18s;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:12px 20px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:var(--pop-lg);transform:translate(-1px,-2px)}.btn:active{box-shadow:none;transform:translate(1px,1px)}.btn.white{background:var(--surface);box-shadow:none}.btn.white:hover{box-shadow:var(--pop)}.btn.small{min-height:40px;padding:8px 16px;font-size:14px}.top{background:var(--bg);border-bottom:var(--b) solid var(--line)}.bar{flex-wrap:wrap;align-items:center;gap:12px;min-height:68px;padding-top:6px;padding-bottom:6px;display:flex}.brand{transition:transform .25s var(--ease);border-radius:12px;flex:none;display:inline-flex}.brand:hover{transform:rotate(-3deg)scale(1.03)}.brand img{width:auto;height:44px}.top nav{scrollbar-width:none;flex:100%;order:3;gap:6px;padding:2px 0 8px;display:flex;overflow-x:auto}.top nav::-webkit-scrollbar{display:none}.top nav a{border:var(--b) solid var(--line);background:var(--surface);transition:transform .18s var(--ease), box-shadow .18s var(--ease);border-radius:999px;flex:none;padding:7px 14px;font-size:14px;font-weight:700;text-decoration:none}.top nav a:hover{box-shadow:var(--pop);transform:translateY(-2px)}.top-cta{margin-left:auto}@media (width>=900px){html{scroll-padding-top:84px}.top{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffbe9eb;position:sticky;top:0}.top nav{flex:1;order:0;justify-content:center;padding:0}.top nav a{background:0 0;border-color:#0000}.top nav a:hover{border-color:var(--line);background:var(--surface)}}.hero{padding:44px 0 52px;overflow:hidden}.hero-grid{align-items:center;gap:32px;display:grid}.hero-copy>*{animation:rise .7s var(--ease) both}.hero-copy>:first-child{animation-delay:50ms}.hero-copy>:nth-child(2){animation-delay:.12s}.hero-copy>:nth-child(3){animation-delay:.2s}.hero-copy>:nth-child(4){animation-delay:.26s}.hero-copy>:nth-child(5){animation-delay:.32s}.hero-copy>:nth-child(6){animation-delay:.4s}.eyebrow{letter-spacing:2px;color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:700}.hero h1{letter-spacing:1px;margin:8px 0 10px;font-size:clamp(40px,9.5vw,68px)}.lead{font-size:clamp(20px,4.6vw,28px);font-weight:700}.by{color:var(--muted);margin-top:6px;font-size:16px;font-weight:500}.sub{max-width:34em;margin-top:18px;font-size:16px}.cta{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.pets{grid-template-columns:repeat(2,1fr);gap:16px;max-width:420px;padding:8px;list-style:none;display:grid}.pet{--tilt:0deg;border:var(--b) solid var(--line);aspect-ratio:1;background:var(--surface);rotate:var(--tilt);box-shadow:var(--pop);animation:pop .8s var(--ease) both;transition:rotate .3s var(--ease), transform .3s var(--ease), box-shadow .3s var(--ease);border-radius:22px;place-items:center;padding:16px;display:grid}.pet:hover{box-shadow:var(--pop-lg);transform:scale(1.04)}.pet img{width:100%;max-width:132px;animation:4.5s ease-in-out infinite bob}.p1{--tilt:-4deg;background:var(--soft);animation-delay:.35s}.p2{--tilt:3deg;background:var(--info);animation-delay:.5s}.p2 img{animation-delay:-1.1s}.p3{--tilt:-2deg;background:var(--ok);animation-delay:.65s}.p3 img{animation-delay:-2.3s}.p4{--tilt:4deg;background:var(--warn);animation-delay:.8s}.p4 img{animation-delay:-3.4s}@media (width>=720px){.hero{padding:72px 0 84px}.hero-grid{grid-template-columns:1.3fr 1fr}.pets{justify-self:end;gap:20px;width:100%}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes bob{0%,to{translate:0}50%{translate:0 -7px}}.sec{padding:52px 0}.sec.alt{background:var(--surface);border-top:var(--b) solid var(--line);border-bottom:var(--b) solid var(--line)}.sec.alt+.sec.alt{border-top:0}.sec h2{font-size:clamp(26px,6vw,40px)}.sec h2:after{content:"";background:var(--ink);width:52px;height:7px;box-shadow:5px 5px 0 var(--info);border-radius:7px;margin-top:12px;display:block}.lead-s{color:#3c3c45;max-width:40em;margin:16px 0 26px;font-size:17px}.note{color:var(--muted);margin-top:16px;font-size:14px}.note:empty{display:none}@media (width>=720px){.sec{padding:80px 0}}.cards{gap:16px;display:grid}.card{background:var(--surface);border:var(--b) solid var(--line);border-radius:var(--r);transition:transform .25s var(--ease), box-shadow .25s var(--ease);padding:20px}.card:hover{box-shadow:var(--pop-lg);transform:translateY(-4px)}.sec.alt .card{background:var(--bg)}.card h3{margin-bottom:8px;font-size:20px}.card p+.btn{margin-top:14px}.kicker{letter-spacing:1px;border:1.5px solid var(--line);background:var(--info);border-radius:999px;margin-bottom:10px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block;rotate:-2deg}@media (width>=720px){.cards{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.cards{grid-template-columns:repeat(3,1fr)}.cards.two{grid-template-columns:repeat(2,1fr)}}.base{margin-bottom:28px}.base-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.base-top h3{margin:0}.tag{border:1.5px solid var(--line);background:var(--soft);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block;rotate:-3deg}.tag.inc{background:var(--ink);color:var(--accent);border-color:var(--ink);rotate:2deg}.checks{gap:8px;list-style:none;display:grid}.checks li{padding-left:28px;font-size:15px;position:relative}.checks li:before{content:"";border:var(--b) solid var(--line);background:var(--accent);border-radius:50%;width:14px;height:14px;position:absolute;top:.5em;left:0}@media (width>=720px){.checks{grid-template-columns:repeat(2,1fr);gap:10px 24px}}.group-h{align-items:center;gap:10px;margin:24px 0 12px;font-size:17px;display:flex}.group-h:after{content:"";border-top:2px dashed #14141a4d;flex:1}.mods{gap:14px;list-style:none;display:grid}.mod{background:var(--bg);border:var(--b) solid var(--line);border-radius:var(--r);transition:transform .25s var(--ease), box-shadow .25s var(--ease);padding:16px 18px}.mod:hover{box-shadow:var(--pop);transform:translateY(-3px)rotate(-.4deg)}.mod-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.mod h4{font-size:17px}.mod p{color:#3c3c45;font-size:14px}@media (width>=720px){.mods{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.mods{grid-template-columns:repeat(3,1fr)}}.cta-row{justify-items:start;gap:10px;margin-top:30px;display:grid}.cta-row .note{margin-top:0}.rules{gap:16px;display:grid}.rules>div{background:var(--surface);border:var(--b) solid var(--line);border-radius:var(--r);transition:transform .25s var(--ease), box-shadow .25s var(--ease);padding:20px}.rules>div:hover{box-shadow:var(--pop-lg);transform:translateY(-4px)}.rules dt{margin-bottom:6px;font-size:18px;font-weight:900}.rules dd{color:#3c3c45;margin:0}@media (width>=720px){.rules{grid-template-columns:repeat(2,1fr)}}.steps{counter-reset:step;gap:16px;list-style:none;display:grid}.steps li{counter-increment:step;background:var(--bg);border:var(--b) solid var(--line);border-radius:var(--r);transition:transform .25s var(--ease), box-shadow .25s var(--ease);padding:20px 20px 20px 68px;position:relative}.steps li:hover{box-shadow:var(--pop-lg);transform:translateY(-4px)}.steps li:before{content:counter(step);background:var(--ink);width:36px;height:36px;color:var(--accent);transition:rotate .3s var(--ease);border-radius:50%;place-items:center;font-size:17px;font-weight:900;display:grid;position:absolute;top:18px;left:18px;rotate:-8deg}.steps li:hover:before{rotate:8deg}.steps h3{margin-bottom:6px;font-size:18px}.steps p{color:#3c3c45;font-size:15px}.steps a{text-underline-offset:3px;font-weight:700}@media (width>=900px){.steps{grid-template-columns:repeat(2,1fr)}}.subsidy{background:var(--soft);border-style:dashed;margin-top:24px}.subsidy h3{font-size:17px}.subsidy p{font-size:14px}.portal .btn{width:100%}@media (width>=720px){.portal .btn{width:auto}}.contact-grid{gap:24px;display:grid}.contact-grid .btn{margin-top:8px}.contact{background:var(--bg);border:var(--b) solid var(--line);border-radius:var(--r);align-self:start;gap:12px;padding:20px;display:grid;rotate:.6deg}.contact>div{border-bottom:1.5px dashed #14141a40;grid-template-columns:7.5em 1fr;gap:10px;padding-bottom:10px;display:grid}.contact>div:last-of-type{border-bottom:0;padding-bottom:0}.contact dt{font-weight:700}.contact dd{color:var(--muted);margin:0;font-weight:500}.contact .note{margin:0}@media (width>=900px){.contact-grid{grid-template-columns:1.2fr 1fr;align-items:start}}footer{background:var(--ink);color:#f6f1dc;padding:36px 0 calc(28px + env(safe-area-inset-bottom,0px))}.foot{gap:18px;display:grid}.foot-brand{align-items:center;gap:12px;display:flex}.foot-brand img{background:var(--surface);border-radius:14px;width:48px;height:52px;padding:4px;rotate:-6deg}.foot-brand div{line-height:1.4;display:grid}.foot-brand b{font-size:16px}.foot-brand span{color:#c9c4ad;font-size:13px}footer nav{flex-wrap:wrap;gap:6px 18px;font-size:14px;font-weight:700;display:flex}footer nav a{text-decoration:none}footer nav a:hover{text-underline-offset:3px;text-decoration:underline}.copy{color:#c9c4ad;font-size:13px}@media (width>=720px){.foot{grid-template-columns:1fr auto;align-items:center}.copy{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.pet,.hero-copy>*{opacity:1;transform:none;animation:none!important}}