.navbar[data-v-15feac99]{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fff5faf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease;border-bottom:1px solid transparent}.navbar-scrolled[data-v-15feac99]{box-shadow:0 2px 20px #ff6b9d1a;border-bottom:1px solid rgba(255,214,232,.5)}.navbar-hidden[data-v-15feac99]{transform:translateY(-100%)}.navbar-container[data-v-15feac99]{max-width:1200px;margin:0 auto;padding:0 20px;height:70px;display:flex;align-items:center;justify-content:space-between}.navbar-logo[data-v-15feac99]{display:flex;align-items:center;gap:8px;font-size:1.4rem;font-weight:700}.logo-icon[data-v-15feac99]{font-size:1.6rem}.logo-text[data-v-15feac99]{background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-menu[data-v-15feac99]{display:flex;align-items:center;gap:8px}.nav-link[data-v-15feac99]{padding:8px 16px;border-radius:25px;font-size:.95rem;font-weight:500;color:var(--text-secondary);transition:var(--transition);white-space:nowrap}.nav-link[data-v-15feac99]:hover,.nav-link.active[data-v-15feac99]{color:var(--primary-pink);background:#ff6b9d1a}.navbar-cta[data-v-15feac99]{padding:10px 24px;background:var(--gradient-main);color:#fff;border-radius:50px;font-size:.9rem;font-weight:600;box-shadow:0 4px 15px #ff6b9d4d;white-space:nowrap}.navbar-cta[data-v-15feac99]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b9d66}.mobile-toggle[data-v-15feac99]{display:none;flex-direction:column;gap:5px;padding:5px;background:none}.mobile-toggle span[data-v-15feac99]{display:block;width:24px;height:2px;background:var(--primary-pink);border-radius:2px;transition:var(--transition)}.mobile-toggle span:nth-child(1).active[data-v-15feac99]{transform:rotate(45deg) translate(5px,5px)}.mobile-toggle span:nth-child(2).active[data-v-15feac99]{opacity:0}.mobile-toggle span:nth-child(3).active[data-v-15feac99]{transform:rotate(-45deg) translate(5px,-5px)}@media (max-width: 1024px){.navbar-menu[data-v-15feac99]{gap:4px}.nav-link[data-v-15feac99]{padding:6px 12px;font-size:.9rem}}@media (max-width: 768px){.navbar-container[data-v-15feac99]{height:60px}.navbar-menu[data-v-15feac99]{position:fixed;top:60px;left:0;right:0;background:#fff5fafa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:20px;gap:10px;transform:translateY(-100%);opacity:0;visibility:hidden;transition:var(--transition);border-bottom:1px solid var(--border-color)}.navbar-menu.mobile-menu-open[data-v-15feac99]{transform:translateY(0);opacity:1;visibility:visible}.nav-link[data-v-15feac99]{width:100%;text-align:center;padding:12px 20px;font-size:1rem}.navbar-cta[data-v-15feac99]{display:none}.mobile-toggle[data-v-15feac99]{display:flex}}.footer[data-v-f9b2248d]{background:linear-gradient(180deg,#fff5fa,#ffeaf3);border-top:1px solid var(--border-color);padding-top:60px;margin-top:80px}.footer-container[data-v-f9b2248d]{max-width:1200px;margin:0 auto;padding:0 20px}.footer-top[data-v-f9b2248d]{display:grid;grid-template-columns:1.5fr 2fr;gap:50px;margin-bottom:40px}.footer-brand[data-v-f9b2248d]{max-width:350px}.footer-logo[data-v-f9b2248d]{display:flex;align-items:center;gap:8px;font-size:1.5rem;font-weight:700;margin-bottom:16px}.footer-logo .logo-icon[data-v-f9b2248d]{font-size:1.8rem}.footer-logo .logo-text[data-v-f9b2248d]{background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-desc[data-v-f9b2248d]{color:var(--text-secondary);font-size:.95rem;line-height:1.8}.footer-links[data-v-f9b2248d]{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.footer-column h4[data-v-f9b2248d]{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:20px;position:relative;padding-bottom:10px}.footer-column h4[data-v-f9b2248d]:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:var(--gradient-main);border-radius:2px}.footer-column ul[data-v-f9b2248d]{display:flex;flex-direction:column;gap:12px}.footer-column a[data-v-f9b2248d]{color:var(--text-secondary);font-size:.9rem;transition:var(--transition)}.footer-column a[data-v-f9b2248d]:hover{color:var(--primary-pink);padding-left:5px}.footer-bottom[data-v-f9b2248d]{display:flex;align-items:center;justify-content:space-between;padding:25px 0;border-top:1px solid var(--border-color);flex-wrap:wrap;gap:15px}.footer-copyright p[data-v-f9b2248d]{color:var(--text-light);font-size:.85rem}.footer-links-bottom[data-v-f9b2248d]{display:flex;align-items:center;gap:12px}.footer-links-bottom a[data-v-f9b2248d]{color:var(--text-light);font-size:.85rem;transition:var(--transition)}.footer-links-bottom a[data-v-f9b2248d]:hover{color:var(--primary-pink)}.footer-links-bottom span[data-v-f9b2248d]{color:var(--border-color)}@media (max-width: 768px){.footer[data-v-f9b2248d]{padding-top:40px}.footer-top[data-v-f9b2248d]{grid-template-columns:1fr;gap:30px}.footer-brand[data-v-f9b2248d]{max-width:100%;text-align:center}.footer-logo[data-v-f9b2248d]{justify-content:center}.footer-links[data-v-f9b2248d]{grid-template-columns:repeat(2,1fr);gap:25px}.footer-bottom[data-v-f9b2248d]{flex-direction:column;text-align:center}}@media (max-width: 480px){.footer-links[data-v-f9b2248d]{grid-template-columns:1fr}}.app[data-v-267ce189]{min-height:100vh;display:flex;flex-direction:column}.main-content[data-v-267ce189]{flex:1;padding-top:70px}@media (max-width: 768px){.main-content[data-v-267ce189]{padding-top:60px}}:root{--primary-pink: #ff6b9d;--primary-purple: #c44dff;--primary-blue: #6b9dff;--gradient-main: linear-gradient(135deg, #ff6b9d 0%, #c44dff 50%, #6b9dff 100%);--gradient-pink: linear-gradient(135deg, #ff9ec4 0%, #ff6b9d 100%);--gradient-purple: linear-gradient(135deg, #d98cff 0%, #c44dff 100%);--bg-light: #fff5fa;--bg-white: #ffffff;--bg-card: rgba(255, 255, 255, .9);--text-primary: #2d1b3d;--text-secondary: #6b5b7d;--text-light: #9d8dad;--border-color: #ffd6e8;--shadow-sm: 0 2px 8px rgba(255, 107, 157, .1);--shadow-md: 0 4px 20px rgba(255, 107, 157, .15);--shadow-lg: 0 8px 40px rgba(196, 77, 255, .2);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-light);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:var(--transition)}button{border:none;outline:none;cursor:pointer;font-family:inherit;transition:var(--transition)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0}.section-title{text-align:center;margin-bottom:50px}.section-title h2{font-size:2.5rem;font-weight:700;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.section-title p{font-size:1.1rem;color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 32px;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-primary{background:var(--gradient-main);color:#fff;box-shadow:0 4px 15px #ff6b9d66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b9d80}.btn-secondary{background:#fff;color:var(--primary-pink);border:2px solid var(--primary-pink)}.btn-secondary:hover{background:var(--primary-pink);color:#fff;transform:translateY(-2px)}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow-md);transition:var(--transition);border:1px solid rgba(255,214,232,.5)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-slide-up{animation:slideUp .6s ease-out forwards}@media (max-width: 768px){.section{padding:50px 0}.section-title h2{font-size:1.8rem}.section-title p{font-size:1rem}.card{padding:20px}}
