:root{--yellow: #FFC93C;--yellow-light: #FFD968;--yellow-deep: #F5B800;--cream: #FFFDF7;--yellow-pale: #FFF5D6;--ink: #3B2A1E;--text-sub: #8A7A6A;--white: #FFFFFF;--red: #F45B5B;--red-deep: #D64545;--blue: #29B6F6;--blue-deep: #0288D1;--purple: #9B6BFF;--purple-deep: #7E4FE0;--green: #58CD02;--green-deep: #58A000;--pink: #FF7EB6;--outline: 3px solid var(--ink);--radius: 20px;--shadow-red: 6px 6px 0 var(--red-deep);--shadow-blue: 6px 6px 0 var(--blue-deep);--shadow-purple: 6px 6px 0 var(--purple-deep);--shadow-green: 6px 6px 0 var(--green-deep);--shadow-yellow: 6px 6px 0 var(--yellow-deep);--shadow-ink: 6px 6px 0 var(--ink);--font: "PingFang SC", "HarmonyOS Sans", "Microsoft YaHei", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.container{max-width:1120px;margin:0 auto;padding:0 24px}.section{padding:88px 0}.outline-card{background:var(--white);border:var(--outline);border-radius:var(--radius);box-shadow:var(--shadow-ink);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}.outline-card:hover{transform:translate(-2px,-6px)}.sticker{display:inline-flex;align-items:center;gap:6px;background:var(--white);border:var(--outline);border-radius:999px;padding:6px 14px;font-weight:800;font-size:14px;transform:rotate(var(--tilt, -4deg));box-shadow:3px 3px #3b2a1ee6;transition:transform .3s cubic-bezier(.34,1.56,.64,1);cursor:default}.sticker:hover{transform:rotate(0) scale(1.08)}.chunky-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:var(--outline);border-radius:16px;padding:14px 30px;font-size:17px;font-weight:900;font-family:var(--font);color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--yellow);box-shadow:0 5px 0 var(--yellow-deep),0 8px #3b2a1e2e;transform:translateY(0);transition:transform .12s ease,box-shadow .12s ease,filter .2s}.chunky-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.chunky-btn:active{transform:translateY(5px);box-shadow:0 0 0 var(--yellow-deep),0 2px #3b2a1e2e}.chunky-btn--blue{background:var(--blue);box-shadow:0 5px 0 var(--blue-deep),0 8px #3b2a1e2e}.chunky-btn--blue:active{box-shadow:0 0 0 var(--blue-deep),0 2px #3b2a1e2e}.chunky-btn--ghost{background:var(--white);box-shadow:0 5px #d8d2c8,0 8px #3b2a1e1f}.chunky-btn--ghost:active{box-shadow:0 0 #d8d2c8,0 2px #3b2a1e1f}.chunky-btn--lg{padding:18px 44px;font-size:20px;border-radius:20px}.hl{position:relative;display:inline-block;z-index:0;white-space:nowrap}.hl:before{content:"";position:absolute;z-index:-1;left:-4px;right:-4px;bottom:2px;height:46%;background:var(--yellow);border-radius:6px;transform:rotate(-1.5deg)}.hl--red:before{background:var(--red)}.hl--blue:before{background:var(--blue)}.band{position:relative;background-image:radial-gradient(rgba(255,255,255,.28) 2.5px,transparent 2.5px);background-size:26px 26px}.band--yellow{background-color:var(--yellow)}.band--purple{background-color:var(--purple)}.band--blue{background-color:var(--blue)}.band--gradient{background:linear-gradient(135deg,var(--yellow-light) 0%,var(--yellow) 45%,#FFB347 100%);background-image:radial-gradient(rgba(255,255,255,.3) 2.5px,transparent 2.5px),linear-gradient(135deg,var(--yellow-light) 0%,var(--yellow) 45%,#FFB347 100%)}.marquee{overflow:hidden;border-top:var(--outline);border-bottom:var(--outline);background:var(--yellow)}.marquee--reverse{background:var(--blue);color:var(--white)}.marquee-track{display:flex;gap:48px;width:max-content;padding:12px 0;animation:marquee 28s linear infinite;font-weight:900;font-size:18px;letter-spacing:2px;white-space:nowrap}.marquee--reverse .marquee-track{animation-duration:36s;animation-direction:reverse;font-size:14px}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.reveal{opacity:0;transform:translateY(36px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}.reveal.is-in{opacity:1;transform:translateY(0)}@keyframes popIn{0%{opacity:0;transform:translateY(46px) scale(.92)}60%{opacity:1;transform:translateY(-8px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.pop-in{opacity:0;animation:popIn .8s cubic-bezier(.34,1.4,.5,1) forwards;animation-delay:var(--d, 0s)}@keyframes floaty{0%,to{transform:translateY(0) rotate(var(--tilt, -6deg))}50%{transform:translateY(-14px) rotate(calc(var(--tilt, -6deg) * -.6))}}.floaty{animation:floaty 5s ease-in-out infinite;animation-delay:var(--d, 0s)}.sec-head{text-align:center;margin-bottom:52px}.sec-head .kicker{display:inline-block;background:var(--white);border:var(--outline);border-radius:999px;padding:4px 16px;font-weight:800;font-size:13px;box-shadow:3px 3px #3b2a1ed9;margin-bottom:16px}.sec-head h2{font-size:40px;font-weight:900;letter-spacing:1px}.sec-head p{margin-top:12px;color:var(--text-sub);font-size:17px}.band .sec-head p{color:#ffffffeb}@media (max-width: 860px){.section{padding:64px 0}.sec-head h2{font-size:30px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.pop-in{opacity:1}}