:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}:root{--container-max-width: 1200px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--color-primary: #FFD100;--color-primary-hover: #f2c300;--color-text: #333;--color-text-light: #666;--color-background: #f8f9fa;--color-border: #e0e0e0;--color-white: #ffffff}@media (max-width: 1024px){:root{--container-max-width: 960px;--spacing-lg: 20px;--spacing-xl: 28px;--spacing-2xl: 40px;--font-size-2xl: 22px;--font-size-3xl: 28px}}@media (max-width: 768px){:root{--container-max-width: 100%;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px}}@media (max-width: 480px){:root{--spacing-md: 10px;--spacing-lg: 14px;--spacing-xl: 20px;--spacing-2xl: 28px;--font-size-md: 14px;--font-size-lg: 15px;--font-size-xl: 16px;--font-size-2xl: 18px;--font-size-3xl: 22px}}.responsive-container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-md);width:100%;box-sizing:border-box}.responsive-card{background:var(--color-white);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.responsive-grid{display:grid;gap:var(--spacing-lg)}.responsive-grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.responsive-grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.responsive-grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width: 768px){.responsive-grid-2,.responsive-grid-3,.responsive-grid-4{grid-template-columns:1fr}}.responsive-btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-md);border-radius:8px;border:none;cursor:pointer;transition:all .3s ease}.responsive-btn-primary{background:var(--color-primary);color:var(--color-text)}.responsive-btn-primary:hover{background:var(--color-primary-hover)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.hide-mobile{display:block}.show-mobile{display:none}@media (max-width: 768px){.hide-mobile{display:none}.show-mobile{display:block}}.app-container[data-v-ba2dffd6]{min-height:100vh;background:#f8f9fa}.app-header[data-v-ba2dffd6]{background:linear-gradient(135deg,#fff,#fffef9);box-shadow:0 4px 20px #ffc10726;position:sticky;top:0;z-index:100;animation:headerSlideDown-ba2dffd6 .5s ease-out;border-bottom:1px solid rgba(255,209,97,.2)}@keyframes headerSlideDown-ba2dffd6{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.header-decoration[data-v-ba2dffd6]{height:4px;background:linear-gradient(90deg,#ffd161,#ffb347,#ffd161);background-size:200% 100%;animation:gradientFlow-ba2dffd6 3s ease infinite}@keyframes gradientFlow-ba2dffd6{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.header-content[data-v-ba2dffd6]{max-width:var(--container-max-width);margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo[data-v-ba2dffd6]{animation:logoEntry-ba2dffd6 .6s ease-out .2s both}@keyframes logoEntry-ba2dffd6{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.logo-link[data-v-ba2dffd6]{text-decoration:none;display:flex;align-items:center;gap:10px;position:relative}.logo-icon[data-v-ba2dffd6]{font-size:36px;display:inline-block;animation:logoIconBounce-ba2dffd6 2s ease-in-out infinite;filter:drop-shadow(0 2px 8px rgba(255,193,7,.3))}@keyframes logoIconBounce-ba2dffd6{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-5deg) scale(1.05)}75%{transform:rotate(5deg) scale(1.05)}}.logo-text[data-v-ba2dffd6]{color:#ffd161;font-size:32px;margin:0;font-weight:700;text-shadow:2px 2px 4px rgba(255,193,7,.2);transition:all .3s ease}.logo-link:hover .logo-text[data-v-ba2dffd6]{transform:scale(1.05);text-shadow:3px 3px 8px rgba(255,193,7,.4)}.logo-subtitle[data-v-ba2dffd6]{font-size:12px;color:#999;position:absolute;bottom:-8px;left:46px;font-weight:500;opacity:.7}.main-nav[data-v-ba2dffd6]{display:flex;gap:1rem;animation:navEntry-ba2dffd6 .6s ease-out .3s both}@keyframes navEntry-ba2dffd6{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nav-link[data-v-ba2dffd6]{text-decoration:none;color:#333;font-size:16px;font-weight:500;padding:10px 20px;border-radius:25px;transition:all .3s ease;display:flex;align-items:center;gap:8px;position:relative;overflow:hidden;background:transparent}.nav-link[data-v-ba2dffd6]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,209,97,.3),transparent);transition:left .5s ease}.nav-link[data-v-ba2dffd6]:hover:before{left:100%}.nav-icon[data-v-ba2dffd6]{font-size:18px;transition:transform .3s ease}.nav-link:hover .nav-icon[data-v-ba2dffd6]{transform:scale(1.2) rotate(10deg)}.nav-link[data-v-ba2dffd6]:hover{background:#ffd16126;color:#ffd161;transform:translateY(-2px);box-shadow:0 4px 12px #ffc10733}.nav-link.router-link-active[data-v-ba2dffd6]{color:#ffd161;background:linear-gradient(135deg,#ffd16133,#ffb34733);box-shadow:inset 0 2px 8px #ffc10726}.nav-link.router-link-active .nav-icon[data-v-ba2dffd6]{animation:activeIconPulse-ba2dffd6 1.5s ease-in-out infinite}@keyframes activeIconPulse-ba2dffd6{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.auth-section[data-v-ba2dffd6]{display:flex;align-items:center;gap:12px;animation:authEntry-ba2dffd6 .6s ease-out .4s both}@keyframes authEntry-ba2dffd6{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.username-link[data-v-ba2dffd6]{color:#667eea;font-size:14px;text-decoration:none;padding:8px 16px;border-radius:20px;transition:all .3s ease;font-weight:500;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid transparent}.user-avatar[data-v-ba2dffd6]{font-size:18px;transition:transform .3s ease}.username-link[data-v-ba2dffd6]:hover{background:linear-gradient(135deg,#667eea33,#764ba233);color:#764ba2;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33;border-color:#667eea4d}.username-link:hover .user-avatar[data-v-ba2dffd6]{transform:scale(1.2) rotate(-10deg)}.login-btn[data-v-ba2dffd6]{background:linear-gradient(135deg,#ffd161,#ffb347);color:#333;padding:10px 24px;border:none;border-radius:25px;text-decoration:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #ffc1074d;position:relative;overflow:hidden}.login-btn[data-v-ba2dffd6]:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff6;transform:translate(-50%,-50%);transition:width .6s,height .6s}.login-btn[data-v-ba2dffd6]:hover:before{width:300px;height:300px}.btn-icon[data-v-ba2dffd6]{font-size:16px;transition:transform .3s ease}.login-btn[data-v-ba2dffd6]:hover{transform:translateY(-3px);box-shadow:0 6px 20px #ffc10766}.login-btn:hover .btn-icon[data-v-ba2dffd6]{transform:scale(1.2) rotate(15deg)}.logout-btn[data-v-ba2dffd6]{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;padding:10px 20px;border:none;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #dc35454d;position:relative;overflow:hidden}.logout-btn[data-v-ba2dffd6]:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .5s,height .5s}.logout-btn[data-v-ba2dffd6]:hover:before{width:200px;height:200px}.logout-btn[data-v-ba2dffd6]:hover{transform:translateY(-3px);box-shadow:0 6px 20px #dc354566}.logout-btn:hover .btn-icon[data-v-ba2dffd6]{transform:scale(1.2) translate(3px)}.header-wave[data-v-ba2dffd6]{width:100%;height:40px;overflow:hidden;line-height:0}.header-wave svg[data-v-ba2dffd6]{width:100%;height:100%;display:block;animation:waveFlow-ba2dffd6 8s ease-in-out infinite}@keyframes waveFlow-ba2dffd6{0%,to{transform:translate(0)}50%{transform:translate(-2%)}}.main-content[data-v-ba2dffd6]{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-lg);width:100%;box-sizing:border-box}.main-content[data-v-ba2dffd6]:has(>.main-container){padding-top:0}@media (max-width: 768px){.header-content[data-v-ba2dffd6]{flex-direction:column;gap:1rem;padding:1rem}.logo-subtitle[data-v-ba2dffd6]{display:none}.main-nav[data-v-ba2dffd6]{gap:.5rem;flex-wrap:wrap;justify-content:center}.nav-link[data-v-ba2dffd6]{padding:8px 16px;font-size:14px}.auth-section[data-v-ba2dffd6]{flex-direction:row;gap:.5rem;justify-content:center}.main-content[data-v-ba2dffd6]{padding:1rem}.logo-icon[data-v-ba2dffd6]{font-size:28px}.logo-text[data-v-ba2dffd6]{font-size:24px}}.home-container[data-v-4398ed67]{max-width:var(--container-max-width);width:100%;height:100vh;margin:0 auto;background:linear-gradient(135deg,gold,orange,#ff8c00);position:relative;overflow:hidden;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.home-container[data-v-4398ed67]:hover{background:linear-gradient(135deg,#ffed4e,#ffb347,#ff9f40)}.particles[data-v-4398ed67]{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.particle[data-v-4398ed67]{position:absolute;width:3px;height:3px;background:#fff9;border-radius:50%;animation:particle-float-4398ed67 3s ease-in-out infinite}@keyframes particle-float-4398ed67{0%,to{transform:translateY(0) scale(1);opacity:0}50%{opacity:1}to{transform:translateY(-100px) scale(1.5)}}.content-wrapper[data-v-4398ed67]{background:#fffffff2;padding:60px 40px;border-radius:30px;box-shadow:0 20px 60px #0003;width:90%;max-width:600px;text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.3);transform:scale(1);transition:all .3s ease;animation:contentEntry-4398ed67 .8s ease-out}.content-wrapper[data-v-4398ed67]:hover{transform:scale(1.02);box-shadow:0 25px 70px #00000040}@keyframes contentEntry-4398ed67{0%{opacity:0;transform:scale(.9) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.content[data-v-4398ed67]{text-align:center;z-index:10}.logo-container[data-v-4398ed67]{margin-bottom:30px;animation:logoFloat-4398ed67 3s ease-in-out infinite}.logo-icon[data-v-4398ed67]{font-size:80px;display:inline-block;filter:drop-shadow(0 5px 15px rgba(255,140,0,.4))}@keyframes logoFloat-4398ed67{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}.title[data-v-4398ed67]{font-size:48px;font-weight:700;margin-bottom:20px;color:#333;line-height:1.3}.title-word[data-v-4398ed67]{display:inline-block;animation:wordFadeIn-4398ed67 .8s ease-out both}.title-word[data-v-4398ed67]:nth-child(1){animation-delay:.1s}.title-word[data-v-4398ed67]:nth-child(2){animation-delay:.2s}.title-word[data-v-4398ed67]:nth-child(3){animation-delay:.3s}.title-word[data-v-4398ed67]:nth-child(4){animation-delay:.4s}.title-word[data-v-4398ed67]:nth-child(5){animation-delay:.5s}.title-word[data-v-4398ed67]:nth-child(6){animation-delay:.6s}.title-word.highlight[data-v-4398ed67]{color:#ff8c00;font-size:56px;text-shadow:2px 2px 4px rgba(255,140,0,.3)}@keyframes wordFadeIn-4398ed67{0%{opacity:0;transform:translateY(20px) rotateX(-90deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.subtitle[data-v-4398ed67]{font-size:20px;color:#666;margin-bottom:30px;animation:fadeInUp-4398ed67 1s ease-out .8s both;font-weight:500;letter-spacing:2px}.hint[data-v-4398ed67]{font-size:16px;color:#999;animation:hintPulse-4398ed67 2s ease-in-out infinite;margin-top:20px}.hint-icon[data-v-4398ed67]{display:inline-block;animation:bounce-4398ed67 1s ease-in-out infinite;margin-right:8px}@keyframes hintPulse-4398ed67{0%,to{opacity:.6}50%{opacity:1}}@keyframes bounce-4398ed67{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 768px){.content-wrapper[data-v-4398ed67]{width:95%;padding:40px 30px}.title[data-v-4398ed67]{font-size:36px}.title-word.highlight[data-v-4398ed67]{font-size:42px}.logo-icon[data-v-4398ed67]{font-size:60px}.subtitle[data-v-4398ed67]{font-size:16px}}.droplet[data-v-4398ed67]{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffffe6,#ffffff4d);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,.4);transition:all .1s ease-out;animation:dropletFloat-4398ed67 4s ease-in-out infinite;pointer-events:none;box-shadow:0 4px 10px #ffffff4d}.droplet[data-v-4398ed67]:nth-child(odd){animation-delay:-2s}@keyframes dropletFloat-4398ed67{0%,to{transform:translateY(0) scale(1) rotate(0)}50%{transform:translateY(-15px) scale(1.08) rotate(180deg)}}.food-icon[data-v-4398ed67]{position:absolute;font-size:40px;pointer-events:none;animation:foodFloat-4398ed67 5s ease-in-out infinite;opacity:.7;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));transition:all .2s ease}.home-container:hover .food-icon[data-v-4398ed67]{opacity:.9;transform:scale(1.1)}@keyframes foodFloat-4398ed67{0%,to{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-20px) rotate(5deg) scale(1.05)}50%{transform:translateY(0) rotate(-5deg) scale(1)}75%{transform:translateY(-15px) rotate(3deg) scale(1.03)}}@keyframes fadeInUp-4398ed67{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.home-container:active .content-wrapper[data-v-4398ed67]{transform:scale(.98)}.home-container:hover .droplet[data-v-4398ed67]{opacity:.9;transform:scale(1.15)}.waves[data-v-4398ed67]{position:absolute;bottom:0;left:0;width:100%;pointer-events:none}.wave[data-v-4398ed67]{position:absolute;bottom:0;width:100%;height:100px;animation:waveMove-4398ed67 6s ease-in-out infinite}.wave-2[data-v-4398ed67]{animation-delay:-3s;animation-duration:8s}@keyframes waveMove-4398ed67{0%,to{transform:translate(0)}50%{transform:translate(-50px)}}