@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&family=Poppins:wght@400;500;600;700&family=ZCOOL+KuaiLe&display=swap";.app[data-v-44c4910a]{flex-direction:column;min-height:100vh;display:flex}.header[data-v-44c4910a]{background:var(--bg-card);box-shadow:var(--shadow-sm);z-index:100;position:sticky;top:0}.header-content[data-v-44c4910a]{justify-content:space-between;align-items:center;height:70px;display:flex}.logo[data-v-44c4910a]{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:10px;font-size:1.5rem;display:flex}.logo-icon[data-v-44c4910a]{font-size:1.8rem;animation:3s ease-in-out infinite float}.logo-text[data-v-44c4910a]{background:linear-gradient(135deg, var(--primary) 0%, var(--purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav[data-v-44c4910a]{gap:8px;display:flex}.nav-item[data-v-44c4910a]{border-radius:var(--radius-lg);color:var(--text-secondary);align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:all .2s;display:flex}.nav-item[data-v-44c4910a]:hover{color:var(--primary);background:#4ecdc41a}.nav-item.router-link-active[data-v-44c4910a]{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color:#fff}.nav-icon[data-v-44c4910a]{font-size:1.2rem}.header-right[data-v-44c4910a]{align-items:center;gap:16px;display:flex}.user-avatar[data-v-44c4910a]{background:linear-gradient(135deg, var(--accent) 0%, var(--secondary) 100%);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.5rem;transition:transform .2s;display:flex}.user-avatar[data-v-44c4910a]:hover{transform:scale(1.1)}.user-info[data-v-44c4910a]{cursor:pointer;align-items:center;gap:10px;display:flex;position:relative}.user-name[data-v-44c4910a]{color:var(--text-primary);font-weight:500}.user-dropdown[data-v-44c4910a]{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:200;min-width:140px;margin-top:10px;position:absolute;top:100%;right:0;overflow:hidden}.dropdown-item[data-v-44c4910a]{color:var(--text-primary);align-items:center;gap:10px;padding:14px 18px;transition:all .2s;display:flex}.dropdown-item[data-v-44c4910a]:hover{color:var(--primary);background:#4ecdc41a}.menu-toggle[data-v-44c4910a]{background:0 0;flex-direction:column;gap:5px;padding:8px;display:none}.menu-toggle span[data-v-44c4910a]{background:var(--text-primary);border-radius:2px;width:24px;height:3px;transition:all .3s}.fade-enter-active[data-v-44c4910a],.fade-leave-active[data-v-44c4910a]{transition:opacity .3s,transform .3s}.fade-enter-from[data-v-44c4910a]{opacity:0;transform:translateY(10px)}.fade-leave-to[data-v-44c4910a]{opacity:0;transform:translateY(-10px)}@media (width<=768px){.nav[data-v-44c4910a]{background:var(--bg-card);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;flex-direction:column;gap:8px;padding:20px;transition:all .3s;position:fixed;top:70px;left:0;right:0;transform:translateY(-100%)}.nav.nav-mobile-open[data-v-44c4910a]{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-item[data-v-44c4910a]{padding:16px 20px}.menu-toggle[data-v-44c4910a]{display:flex}.logo-text[data-v-44c4910a]{font-size:1.2rem}}:root{--primary:#4ecdc4;--primary-light:#7eddd6;--primary-dark:#3ba99e;--secondary:#ff6b6b;--accent:#ffe66d;--purple:#a66dd4;--bg-main:#f7f9fc;--bg-card:#fff;--text-primary:#2d3436;--text-secondary:#636e72;--text-muted:#b2bec3;--border:#dfe6e9;--shadow-type:#5d5d5d;--ocean-type:#4fa4f4;--forest-type:#6bcb77;--fire-type:#ff8b3d;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001f;--shadow-hover:0 12px 40px #00000026;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--font-display:"ZCOOL KuaiLe", cursive;--font-body:"Noto Sans SC", sans-serif;--font-num:"Poppins", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}#app{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;line-height:1.3}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-dark)}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;transition:all .2s}input,textarea,select{font-family:var(--font-body);border:2px solid var(--border);border-radius:var(--radius-md);outline:none;padding:12px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #4ecdc426}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.gradient-bg{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%)}.gradient-warm{background:linear-gradient(135deg, var(--secondary) 0%, var(--accent) 100%)}.gradient-cool{background:linear-gradient(135deg, var(--purple) 0%, var(--ocean-type) 100%)}.gradient-forest{background:linear-gradient(135deg, var(--forest-type) 0%, var(--primary) 100%)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-bounce-in{animation:.6s ease-out forwards bounce-in}.animate-fade-up{animation:.4s ease-out forwards fade-up}.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}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (width<=768px){html{font-size:14px}.container{padding:0 16px}.card{border-radius:var(--radius-md);padding:16px}}