.app-header[data-v-04ff9487]{background:#fff;box-shadow:0 2px 8px #00000014;position:sticky;top:0;z-index:1000;will-change:opacity}.app-header--transparent[data-v-04ff9487]{pointer-events:none}.header-container[data-v-04ff9487]{margin:0 auto;padding:0 48px;height:64px;display:flex;align-items:center;justify-content:space-between}.logo-section[data-v-04ff9487]{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;transition:opacity .2s ease}.logo-section[data-v-04ff9487]:hover{opacity:.8}.logo-icon[data-v-04ff9487]{width:54px;height:54px;object-fit:contain}.site-name[data-v-04ff9487]{font-size:20px;font-weight:700;color:#333;letter-spacing:-.5px}.header-right[data-v-04ff9487]{display:flex;align-items:center;gap:16px}.nav-menu[data-v-04ff9487]{display:flex;gap:8px}.nav-link[data-v-04ff9487]{display:flex;align-items:center;gap:6px;padding:8px 20px;border-radius:8px;text-decoration:none;color:#666;font-size:14px;font-weight:500;transition:all .2s ease;cursor:pointer}button.nav-link[data-v-04ff9487],button.user-info[data-v-04ff9487],button.xhs-link[data-v-04ff9487]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.nav-link[data-v-04ff9487]:hover{background:#f5f5f5;color:#333}.nav-link.active[data-v-04ff9487]{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff}.user-section[data-v-04ff9487]{display:flex;align-items:center;gap:8px}.user-info[data-v-04ff9487]{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#666;font-size:14px;font-weight:500}.user-info[data-v-04ff9487]:hover{background:#f5f5f5;color:#333}.user-name[data-v-04ff9487]{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xhs-link[data-v-04ff9487]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;cursor:pointer;transition:all .2s ease}.xhs-link[data-v-04ff9487]:hover{background:#ff24421a;transform:scale(1.05)}.xhs-logo[data-v-04ff9487]{width:28px;height:28px}.xhs-tooltip[data-v-04ff9487]{text-align:center}.user-dropdown[data-v-04ff9487]{min-width:150px}.dropdown-item[data-v-04ff9487]{padding:10px 16px;cursor:pointer;transition:background .2s ease}.dropdown-item[data-v-04ff9487]:hover{background:#f5f5f5}.dropdown-item[data-v-04ff9487]:first-child{border-radius:8px 8px 0 0}.dropdown-item[data-v-04ff9487]:last-child{border-radius:0 0 8px 8px}@media (min-width: 1024px){.app-header[data-v-04ff9487]{min-width:0;background:var(--color-surface);border-bottom:1px solid var(--color-border-soft);box-shadow:var(--shadow-sm)}.header-container[data-v-04ff9487]{width:min(100%,var(--layout-max-width));min-width:0;height:var(--header-height);margin:0 auto;padding:0 clamp(24px,3vw,48px)}.header-right[data-v-04ff9487]{min-width:0;gap:clamp(8px,1.2vw,16px)}.nav-link[data-v-04ff9487],.user-info[data-v-04ff9487],.xhs-link[data-v-04ff9487]{font:inherit;border:0;transition:color var(--motion-fast) ease,background-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,transform var(--motion-fast) ease}.nav-link[data-v-04ff9487]:hover,.user-info[data-v-04ff9487]:hover{background:var(--color-primary-soft);color:var(--color-primary-pressed)}.nav-link.active[data-v-04ff9487]{color:var(--color-primary-pressed);background:var(--color-primary-soft);box-shadow:inset 0 -2px 0 var(--color-primary-pressed)}.nav-link[data-v-04ff9487]:active,.user-info[data-v-04ff9487]:active,.xhs-link[data-v-04ff9487]:active{transform:translateY(1px)}.nav-link[data-v-04ff9487]:focus-visible,.user-info[data-v-04ff9487]:focus-visible,.xhs-link[data-v-04ff9487]:focus-visible,.logo-section[data-v-04ff9487]:focus-visible{outline:2px solid var(--color-primary-pressed);outline-offset:2px;box-shadow:var(--focus-ring)}}@media (min-width: 1024px) and (max-width: 1199px){.header-container[data-v-04ff9487]{padding-inline:24px}.logo-section[data-v-04ff9487]{gap:8px}.site-name[data-v-04ff9487]{font-size:18px}.header-right[data-v-04ff9487]{gap:6px}.nav-link[data-v-04ff9487],.user-info[data-v-04ff9487]{padding:8px 10px}.user-name[data-v-04ff9487]{max-width:80px}}@media (min-width: 1024px) and (prefers-reduced-motion: reduce){.nav-link[data-v-04ff9487]:active,.user-info[data-v-04ff9487]:active,.xhs-link[data-v-04ff9487]:active{transform:none}}@media (prefers-reduced-motion: reduce){.app-header[data-v-04ff9487]{opacity:1!important}}@media (max-width: 768px){.header-container[data-v-04ff9487]{padding:0 16px}.site-name[data-v-04ff9487]{display:none}.nav-menu[data-v-04ff9487]{gap:4px}.nav-link[data-v-04ff9487]{padding:8px 12px;font-size:13px}.nav-link span[data-v-04ff9487]{display:none}.nav-link .n-icon[data-v-04ff9487]{margin:0}.xhs-link[data-v-04ff9487]{width:36px;height:36px}.xhs-logo[data-v-04ff9487]{width:24px;height:24px}.user-name[data-v-04ff9487]{display:none}}@media (min-width: 481px) and (max-width: 768px){.nav-link .nav-label[data-v-04ff9487]{display:inline}}@media (max-width: 480px){.header-container[data-v-04ff9487]{padding-inline:8px}.logo-icon[data-v-04ff9487]{width:44px;height:44px}.header-right[data-v-04ff9487]{gap:2px}.header-right .nav-link[data-v-04ff9487],.header-right .user-info[data-v-04ff9487],.header-right .xhs-link[data-v-04ff9487]{min-width:44px;min-height:44px;padding:8px;justify-content:center}.nav-link .nav-label[data-v-04ff9487]{display:none}}html,body,#app{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app-container{min-height:100vh;background-color:var(--color-bg-page);display:flex;flex-direction:column}.app-main{flex:1;margin:0 auto;width:100%;box-sizing:border-box}@media (max-width: 768px){.app-main{padding:16px}.header-container{padding:0 16px}}:root{--color-primary: #a78bfa;--color-primary-hover: #c4b5fd;--color-primary-pressed: #8b5cf6;--color-success: #8b5cf6;--color-warning: #f0a020;--color-error: #d03050;--color-info: #2080f0;--color-text: #333;--color-text-secondary: #666;--color-text-tertiary: #999;--color-bg: #f5f5f5;--color-bg-card: #ffffff;--color-border: #e0e0e0;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-base: 16px;--line-height-base: 1.5;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--color-primary-soft: #f3efff;--color-primary-border: #ddd3fe;--color-bg-page: #faf9ff;--color-surface: #ffffff;--color-surface-muted: #f8f7fc;--color-border-soft: #ebe8f2;--layout-max-width: 1980px;--header-height: 64px;--motion-fast: .16s;--focus-ring: 0 0 0 3px rgba(139, 92, 246, .2)}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}a{color:var(--color-info);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm)}h1{font-size:clamp(24px,4vw,32px)}h2{font-size:clamp(20px,3vw,28px)}h3{font-size:clamp(18px,2.5vw,24px)}p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}button{font-family:inherit;cursor:pointer;border:none;outline:none}@media (max-width: 768px){button,a,input{min-height:44px;min-width:44px}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}@media (max-width: 768px){.container{padding:0 var(--spacing-sm)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-text-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}::selection{background:var(--color-primary);color:#fff}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .3s ease}.slide-enter-from{transform:translate(100%)}.slide-leave-to{transform:translate(-100%)}@media (prefers-reduced-motion: reduce){:root{--motion-fast: 0ms}}@media print{.no-print{display:none!important}}