.app[data-v-0b51d90c]{flex-direction:column;min-height:100vh;display:flex}.app-nav[data-v-0b51d90c]{z-index:100;background:linear-gradient(135deg,#f9f0f4,#ffd1dc);padding:10px 0;position:sticky;top:0;box-shadow:0 4px 15px #ffb6c14d}.app-nav[data-v-0b51d90c]:before{content:"";background:linear-gradient(90deg,#ff6b9d,#f85c64);height:3px;position:absolute;top:0;left:0;right:0}.app-nav__title[data-v-0b51d90c]{color:#c2185b;text-shadow:2px 2px 4px #ffb6c166;letter-spacing:2px;margin:0;font-family:Georgia,serif;font-size:1.8rem;font-weight:700;position:relative}.app-nav__title[data-v-0b51d90c]:after{content:"✨";margin-left:10px;font-size:1.2rem}.app-nav__menu[data-v-0b51d90c]{gap:24px;list-style:none;display:flex}.app-nav__menu a[data-v-0b51d90c]{color:#880e4f;border-radius:20px;padding:8px 12px;font-weight:500;transition:all .3s;position:relative}.app-nav__menu a[data-v-0b51d90c]:hover,.app-nav__menu a.router-link-active[data-v-0b51d90c]{color:#c2185b;background-color:#ffffff4d;box-shadow:0 2px 8px #ffb6c14d}.app-nav__menu a[data-v-0b51d90c]:hover:before,.app-nav__menu a.router-link-active[data-v-0b51d90c]:before{width:80%}.app-nav .container[data-v-0b51d90c]{justify-content:space-between;align-items:center;padding:16px;display:flex}@media (width<=768px){.app-nav .container[data-v-0b51d90c]{flex-direction:column;gap:12px;padding:12px;align-items:center!important}.app-nav__title[data-v-0b51d90c]{text-align:center;margin-bottom:8px;font-size:1.5rem}.app-nav__menu[data-v-0b51d90c]{flex-wrap:wrap;justify-content:center;gap:16px;width:100%}}.app-content[data-v-0b51d90c]{flex:1}.app-footer[data-v-0b51d90c]{background-color:#fff;border-top:1px solid #e0e0e0;padding:16px 0}.app-footer p[data-v-0b51d90c]{text-align:center;color:#999;font-size:14px}.fade-enter-active[data-v-0b51d90c],.fade-leave-active[data-v-0b51d90c]{transition:opacity .5s}.fade-enter-from[data-v-0b51d90c],.fade-leave-to[data-v-0b51d90c]{opacity:0}@media (width<=768px){.app-nav .container[data-v-0b51d90c]{flex-direction:column;align-items:flex-start;gap:8px}.app-nav__menu[data-v-0b51d90c]{flex-wrap:wrap;gap:16px}}html::-webkit-scrollbar{width:0;height:0}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:#ff6b6b;text-decoration:none;transition:all .3s}a:hover{color:#ff8787}.container{max-width:1200px;margin:0 auto;padding:0 16px}h1,h2,h3,h4,h5,h6{color:#333;margin-bottom:16px;font-weight:700}h1{font-size:32px}h2{font-size:24px}h3{font-size:20px}.btn{cursor:pointer;border:none;border-radius:4px;outline:none;padding:8px 16px;font-size:16px;font-weight:500;transition:all .3s;display:inline-block}.btn:hover{opacity:.9}.btn:active{transform:translateY(1px)}.btn-primary{color:#fff;background-color:#ff6b6b}.btn-primary:hover{background-color:#ff8787}.btn-secondary{color:#fff;background-color:#4ecdc4}.btn-secondary:hover{background-color:#73d9ce}.btn-outline{color:#ff6b6b;background-color:#0000;border:1px solid #ff6b6b}.btn-outline:hover{color:#fff;background-color:#ff6b6b}.card{background-color:#fff;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 2px 4px #0000001a}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.6s ease-out forwards fadeIn}@media (width<=768px){.container{padding:0 16px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}}