:root{--bg-primary:#fff8f0;--bg-card:#fff8f0;--color-primary:#ffb6c1;--color-accent:coral;--color-border:#f5e6e0;--color-text:#5d4037;--color-text-dark:#fff8f0;--color-shadow:#5d40371a;--font-heading:"Nunito", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body:"Nunito", "PingFang SC", "Microsoft YaHei", sans-serif;--font-handwriting:"Ma Shan Zheng", "ZCOOL KuaiLe", cursive;--breakpoint-mobile:768px;--breakpoint-tablet:1024px;--ease-elastic:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--transition-fast:.25s;--transition-medium:.5s;--transition-slow:.6s}@font-face{font-family:Nunito;src:url(https://fonts.gstatic.com/s/nunito/v26/XRXV3I6Li01BKofINeaE.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Nunito;src:url(https://fonts.gstatic.com/s/nunito/v26/XRXI3I6Li01BKofIMN5MdmEg.ttf)format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Ma Shan Zheng;src:url(https://fonts.gstatic.com/s/mashanzheng/v10/NaPecZTRCLxvwo41b4gvzkXaRME.woff2)format("woff2");font-weight:400;font-style:normal}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--bg-primary);min-height:100vh;font-size:16px;line-height:1.6}@media (width<=1023px){body{font-size:15px}}@media (width<=767px){body{font-size:14px}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text);margin-bottom:1rem;font-weight:600}h1{font-size:56px;line-height:1.2}h2{font-size:40px}h3{font-size:28px}h4{font-size:22px}@media (width<=1023px){h1{font-size:40px}h2{font-size:32px}h3{font-size:24px}}@media (width<=767px){h1{font-size:32px}h2{font-size:26px}h3{font-size:20px}}p{margin-bottom:1rem}a{color:var(--color-accent);transition:color var(--transition-fast) var(--ease-smooth);text-decoration:none}a:hover{color:var(--color-primary)}button{font-family:inherit;font-size:inherit;cursor:pointer;transition:all var(--transition-fast) var(--ease-elastic);border:none;outline:none}.btn-primary{background-color:var(--color-accent);color:var(--color-text-dark);text-transform:none;border-radius:30px;justify-content:center;align-items:center;padding:12px 28px;font-weight:600;display:inline-flex}.btn-primary:hover{transform:scale(1.05);box-shadow:0 4px 15px #ff7f504d}.btn-secondary{color:var(--color-accent);border:2px solid var(--color-accent);background-color:#0000;border-radius:30px;justify-content:center;align-items:center;padding:10px 24px;font-weight:600;display:inline-flex}.btn-secondary:hover{background-color:var(--color-accent);color:var(--color-text-dark)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:60px 0}@media (width<=767px){.section{padding:40px 0}}.card{background-color:var(--bg-card);box-shadow:0 4px 20px var(--color-shadow);transition:transform var(--transition-fast) var(--ease-elastic), box-shadow var(--transition-fast) var(--ease-smooth);border-radius:16px;overflow:hidden}.card:hover{box-shadow:0 8px 30px var(--color-shadow);transform:translateY(-4px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-fade-in-up{animation:fadeInUp .6s var(--ease-smooth) forwards}.animate-heartbeat{animation:heartbeat 1s var(--ease-elastic) infinite}.animate-slide-in-right{animation:slideInRight .5s var(--ease-smooth) forwards}.animate-slide-in-left{animation:slideInLeft .5s var(--ease-smooth) forwards}.animate-pulse{animation:pulse 2s var(--ease-smooth) infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.fade-in-section{opacity:0;transition:opacity var(--transition-medium) var(--ease-smooth), transform var(--transition-medium) var(--ease-smooth);transform:translateY(30px)}.fade-in-section.visible{opacity:1;transform:translateY(0)}
