.app-header[data-v-5f54218c]{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);background:#fffffff2;position:fixed;top:0;left:0;right:0}.header-content[data-v-5f54218c]{justify-content:space-between;align-items:center;height:64px;display:flex}.logo[data-v-5f54218c]{align-items:center;gap:10px;display:flex}.logo-icon[data-v-5f54218c]{justify-content:center;align-items:center;animation:3s ease-in-out infinite logo-float-5f54218c;display:flex}@keyframes logo-float-5f54218c{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-3px)rotate(3deg)}}.logo-text[data-v-5f54218c]{letter-spacing:2px;font-size:22px;font-weight:800;display:flex}.logo-char[data-v-5f54218c]{background:linear-gradient(135deg,#f5af19 0%,#f12711 25%,#667eea 50%,#764ba2 75%,#f5af19 100%) 0 0/300% 300%;-webkit-text-fill-color:transparent;animation:4s infinite gradient-flow-5f54218c;animation-delay:calc(var(--delay) * .15s);-webkit-background-clip:text;background-clip:text;transition:transform .3s;display:inline-block;position:relative}.logo-char[data-v-5f54218c]:after{content:attr(data-char);filter:blur(8px);opacity:0;transition:opacity .3s;position:absolute;top:0;left:0}.logo-char[data-v-5f54218c]:hover{transform:scale(1.3)rotate(-8deg)}.logo-char[data-v-5f54218c]:hover:after{opacity:.5}@keyframes gradient-flow-5f54218c{0%,to{background-position:0%}50%{background-position:100%}}.desktop-nav[data-v-5f54218c]{gap:32px;display:flex}.nav-item[data-v-5f54218c]{color:var(--text-secondary);font-size:15px;font-weight:500;transition:color .3s;position:relative}.nav-item[data-v-5f54218c]:hover,.nav-item.active[data-v-5f54218c]{color:var(--text-primary)}.nav-item.active[data-v-5f54218c]:after{content:"";background:linear-gradient(135deg,#f5af19 0%,#f12711 100%);border-radius:1px;height:2px;position:absolute;bottom:-4px;left:0;right:0}.mobile-menu-btn[data-v-5f54218c]{width:32px;height:32px;display:none;position:relative}.menu-icon[data-v-5f54218c]{background:var(--text-primary);width:20px;height:2px;transition:background .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.menu-icon[data-v-5f54218c]:before,.menu-icon[data-v-5f54218c]:after{content:"";background:var(--text-primary);width:100%;height:2px;transition:transform .3s;position:absolute;left:0}.menu-icon[data-v-5f54218c]:before{top:-6px}.menu-icon[data-v-5f54218c]:after{top:6px}.menu-icon.open[data-v-5f54218c]{background:0 0}.menu-icon.open[data-v-5f54218c]:before{transform:rotate(45deg)translate(4px,4px)}.menu-icon.open[data-v-5f54218c]:after{transform:rotate(-45deg)translate(4px,-4px)}.mobile-nav[data-v-5f54218c]{border-top:1px solid var(--border-color);flex-direction:column;padding:16px 0;display:none}.mobile-nav-item[data-v-5f54218c]{color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:12px 0;font-size:15px}.slide-enter-active[data-v-5f54218c],.slide-leave-active[data-v-5f54218c]{transition:all .3s}.slide-enter-from[data-v-5f54218c],.slide-leave-to[data-v-5f54218c]{opacity:0;transform:translateY(-10px)}@media (width<=768px){.desktop-nav[data-v-5f54218c],.user-actions .user-info span[data-v-5f54218c]:last-child{display:none}.mobile-menu-btn[data-v-5f54218c]{display:block}.mobile-nav[data-v-5f54218c]{display:flex}.logo-text[data-v-5f54218c]{font-size:18px}.logo-icon svg[data-v-5f54218c]{width:32px;height:32px}}:root{--primary-color:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--primary-gradient:linear-gradient(135deg, #f5af19 0%, #f12711 100%);--secondary-color:#42b883;--accent-color:#ff6b6b;--text-primary:#2c3e50;--text-secondary:#606266;--text-muted:#909399;--bg-primary:#fff;--bg-secondary:#f5f7fa;--bg-dark:#1a1a2e;--border-color:#e4e7ed;--border-radius:8px;--border-radius-lg:16px;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #0000001f;--breakpoint-xs:576px;--breakpoint-sm:768px;--breakpoint-md:992px;--breakpoint-lg:1200px}.mbti-color-E{color:#f5af19}.mbti-color-I{color:#764ba2}.mbti-color-S{color:#11998e}.mbti-color-N{color:#38ef7d}.mbti-color-T{color:#2193b0}.mbti-color-F{color:#ee0979}.mbti-color-J{color:#834d9b}.mbti-color-P{color:#f093fb}.mbti-INTJ{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.mbti-INTP{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%)}.mbti-ENTJ{background:linear-gradient(135deg,#f12711 0%,#f5af19 100%)}.mbti-ENTP{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.mbti-INFJ{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.mbti-INFP{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%)}.mbti-ENFJ{background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 100%)}.mbti-ENFP{background:linear-gradient(135deg,#f6d365 0%,#fda085 100%)}.mbti-ISTJ{background:linear-gradient(135deg,#4e54c8 0%,#8f94fb 100%)}.mbti-ISFJ{background:linear-gradient(135deg,#93a5cf 0%,#e4efe9 100%)}.mbti-ESTJ{background:linear-gradient(135deg,#c471f5 0%,#fa71cd 100%)}.mbti-ESFJ{background:linear-gradient(135deg,#fddb92 0%,#d1fdff 100%)}.mbti-ISTP{background:linear-gradient(135deg,#485563 0%,#29323c 100%)}.mbti-ISFP{background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%)}.mbti-ESTP{background:linear-gradient(135deg,#ff0844 0%,#ffb199 100%)}.mbti-ESFP{background:linear-gradient(135deg,#f6d365 0%,#fda085 100%)}*{box-sizing:border-box;margin:0;padding:0}html,body{color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.btn{border-radius:var(--border-radius);justify-content:center;align-items:center;padding:10px 24px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color)}.btn-lg{padding:14px 32px;font-size:16px}.card{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:24px}@media (width<=768px){html{font-size:14px}.container{padding:0 16px}.card{border-radius:var(--border-radius);padding:16px}}.app[data-v-38e7cc02]{flex-direction:column;min-height:100vh;display:flex}.main-content[data-v-38e7cc02]{flex:1;padding-top:64px}.main-content.no-header[data-v-38e7cc02]{padding-top:0}.app-footer[data-v-38e7cc02]{text-align:center;color:var(--text-muted);background:var(--bg-primary);border-top:1px solid var(--border-color);padding:20px 0;font-size:13px}.app-footer a[data-v-38e7cc02]{color:var(--text-muted);text-decoration:none;transition:color .3s}.app-footer a[data-v-38e7cc02]:hover{color:var(--text-primary)}