.navbar[data-v-8da19654]{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);background:var(--bg-card);border-bottom:1px solid var(--border-color);z-index:1000;transition:all var(--transition-normal)}.navbar.navbar-transparent[data-v-8da19654]{background:#00000026;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom-color:#ffffff1a}.navbar.navbar-transparent .navbar-logo img[data-v-8da19654]{filter:brightness(0) invert(1)}.navbar.navbar-transparent .nav-link[data-v-8da19654],.navbar.navbar-transparent .btn-icon[data-v-8da19654]{color:#fff}.navbar.navbar-transparent .nav-link[data-v-8da19654]:hover,.navbar.navbar-transparent .btn-icon[data-v-8da19654]:hover{background:#ffffff26}.navbar.navbar-transparent .btn-primary[data-v-8da19654]{background:#fff3;border:1px solid rgba(255,255,255,.3)}.navbar.navbar-transparent .btn-primary[data-v-8da19654]:hover{background:#ffffff4d}.navbar.scrolled[data-v-8da19654]{background:var(--bg-card);border-bottom-color:var(--border-color);box-shadow:var(--shadow-sm)}.navbar.scrolled .navbar-logo img[data-v-8da19654]{filter:none}.navbar.scrolled .nav-link[data-v-8da19654],.navbar.scrolled .btn-icon[data-v-8da19654]{color:var(--text-primary)}.navbar-container[data-v-8da19654]{display:flex;align-items:center;height:100%;gap:var(--spacing-lg)}.navbar-logo[data-v-8da19654]{flex-shrink:0}.navbar-logo img[data-v-8da19654]{height:32px;width:auto;transition:filter var(--transition-normal)}.navbar-search[data-v-8da19654]{flex:1;max-width:400px}.search-input-wrapper[data-v-8da19654]{position:relative}.search-input-wrapper .search-icon[data-v-8da19654]{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-tertiary)}.search-input[data-v-8da19654]{width:100%;padding:8px 12px 8px 40px;border:1px solid var(--border-color);border-radius:var(--border-radius-full);background:var(--bg-secondary);color:var(--text-primary);font-size:14px;outline:none;transition:all var(--transition-fast)}.search-input[data-v-8da19654]:focus{border-color:var(--primary);background:var(--bg-card)}.search-input[data-v-8da19654]::placeholder{color:var(--text-tertiary)}.navbar-links[data-v-8da19654]{display:flex;align-items:center;gap:var(--spacing-sm)}.nav-link[data-v-8da19654]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);color:var(--text-primary);font-size:14px;font-weight:500;transition:all var(--transition-fast)}.nav-link[data-v-8da19654]:hover{background:var(--bg-secondary);color:var(--primary)}.nav-link svg[data-v-8da19654]{width:18px;height:18px}.navbar-actions[data-v-8da19654]{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:auto}.user-menu[data-v-8da19654]{position:relative}.user-dropdown[data-v-8da19654]{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);overflow:hidden}.dropdown-item[data-v-8da19654]{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);text-align:left;color:var(--text-primary);font-size:14px;background:none;border:none;cursor:pointer;transition:background var(--transition-fast)}.dropdown-item[data-v-8da19654]:hover{background:var(--bg-secondary)}.dropdown-divider[data-v-8da19654]{height:1px;background:var(--border-color);margin:var(--spacing-xs) 0}.navbar-mobile-toggle[data-v-8da19654]{display:none}.navbar-mobile-menu[data-v-8da19654]{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:var(--spacing-md)}.mobile-search[data-v-8da19654]{margin-bottom:var(--spacing-md)}.mobile-search .search-input[data-v-8da19654]{width:100%;padding:var(--spacing-sm) var(--spacing-md)}.mobile-link[data-v-8da19654]{display:block;padding:var(--spacing-sm) 0;color:var(--text-primary);font-size:16px;border-bottom:1px solid var(--border-color)}.mobile-link[data-v-8da19654]:last-child{border-bottom:none}@media(max-width:768px){.navbar-search[data-v-8da19654],.navbar-links[data-v-8da19654]{display:none}.navbar-mobile-toggle[data-v-8da19654]{display:flex}.navbar-mobile-menu[data-v-8da19654]{display:block}}.slide-down-enter-active[data-v-8da19654],.slide-down-leave-active[data-v-8da19654]{transition:all var(--transition-normal)}.slide-down-enter-from[data-v-8da19654],.slide-down-leave-to[data-v-8da19654]{opacity:0;transform:translateY(-10px)}.fade-up-enter-active{animation:fadeInUp .35s var(--ease-out-expo)}.fade-up-leave-active{animation:fadeOut .2s var(--ease-in-out)}.slide-left-enter-active{animation:slideInRight .35s var(--ease-out-expo)}.slide-left-leave-active{animation:fadeOut .2s var(--ease-in-out)}@keyframes fadeOut{to{opacity:0}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.back-to-top{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border:none;border-radius:50%;box-shadow:var(--shadow-lg);cursor:pointer;z-index:1000;transition:all .3s var(--ease-out-expo)}.back-to-top:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.back-to-top:active{transform:translateY(-2px)}:root{--primary: #0096fa;--primary-light: #3eb8ff;--primary-dark: #0073cc;--accent: #ff4060;--accent-light: #ff6b87;--accent-dark: #d63050;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #e8e8e8;--bg-card: #ffffff;--bg-overlay: rgba(0, 0, 0, .5);--text-primary: #1f1f1f;--text-secondary: #666666;--text-tertiary: #999999;--text-inverse: #ffffff;--border-color: #e0e0e0;--border-radius: 8px;--border-radius-lg: 16px;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .2);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--navbar-height: 56px;--content-max-width: 1400px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto}.container{max-width:var(--content-max-width);margin:0 auto;padding:0 var(--spacing-md)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.grid{display:grid}.text-center{text-align:center}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:var(--primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--primary-light)}.btn-accent{background:var(--accent);color:var(--text-inverse)}.btn-accent:hover:not(:disabled){background:var(--accent-light)}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--border-radius-full)}.card{background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--border-radius-full);font-size:12px;font-weight:500}.tag-r18{background:var(--accent);color:#fff}.tag-ai{background:#536cb8;color:#fff}.tag-default{background:var(--bg-tertiary);color:var(--text-secondary)}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200px 100%;animation:skeleton-loading 1.5s infinite}:root{--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--spring: cubic-bezier(.175, .885, .32, 1.275)}.fade-enter-active,.fade-leave-active{transition:opacity .3s var(--ease-in-out)}.fade-up-enter-active{transition:all .4s var(--ease-out-expo)}.fade-up-leave-active{transition:all .3s var(--ease-in-out)}.fade-up-enter-from{opacity:0;transform:translateY(20px)}.fade-up-leave-to{opacity:0;transform:translateY(-10px)}.scale-enter-active{transition:all .35s var(--ease-out-back)}.scale-leave-active{transition:all .2s var(--ease-in-out)}.scale-enter-from{opacity:0;transform:scale(.9)}.scale-leave-to{opacity:0;transform:scale(.95)}.slide-up-enter-active{transition:all .4s var(--ease-out-expo)}.slide-up-leave-active{transition:all .3s var(--ease-in-out)}.slide-up-enter-from,.slide-up-leave-to{transform:translateY(100%)}.slide-right-enter-active,.slide-right-leave-active{transition:transform .3s var(--ease-out-expo)}.slide-right-enter-from,.slide-right-leave-to{transform:translate(100%)}.slide-down-enter-active{transition:all .25s var(--ease-out-expo)}.slide-down-leave-active{transition:all .2s var(--ease-in-out)}.slide-down-enter-from,.slide-down-leave-to{opacity:0;transform:translateY(-10px)}.list-enter-active{transition:all .4s var(--ease-out-expo)}.list-leave-active{transition:all .3s var(--ease-in-out);position:absolute}.list-enter-from{opacity:0;transform:translate(-30px)}.list-leave-to{opacity:0;transform:translate(30px)}.list-move{transition:transform .4s var(--ease-out-expo)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-fade-in{animation:fadeIn .3s var(--ease-out-expo)}.animate-fade-in-up{animation:fadeInUp .4s var(--ease-out-expo)}.animate-fade-in-down{animation:fadeInDown .4s var(--ease-out-expo)}.animate-scale-in{animation:scaleIn .35s var(--ease-out-back)}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.animate-shimmer{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s var(--ease-in-out) infinite}.animate-float{animation:float 3s var(--ease-in-out) infinite}.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}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.stagger-9{animation-delay:.45s}.stagger-10{animation-delay:.5s}.stagger-11{animation-delay:.55s}.stagger-12{animation-delay:.6s}.stagger-13{animation-delay:.65s}.stagger-14{animation-delay:.7s}.stagger-15{animation-delay:.75s}.stagger-16{animation-delay:.8s}.stagger-17{animation-delay:.85s}.stagger-18{animation-delay:.9s}.stagger-19{animation-delay:.95s}.stagger-20{animation-delay:1s}.hover-lift{transition:transform .3s var(--ease-out-expo),box-shadow .3s var(--ease-out-expo)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform .3s var(--ease-out-back)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow .3s var(--ease-out-expo)}.hover-glow:hover{box-shadow:0 0 20px #0096fa4d}.hover-shine{position:relative;overflow:hidden}.hover-shine:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transform:rotate(30deg) translate(-100%);transition:transform .6s}.hover-shine:hover:after{transform:rotate(30deg) translate(100%)}.page-enter-active{animation:fadeInUp .4s var(--ease-out-expo)}.page-leave-active{animation:fadeIn .2s var(--ease-in-out) reverse}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--border-radius)}.skeleton-text{height:1em;width:100%;border-radius:4px}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-image{width:100%;aspect-ratio:1;border-radius:var(--border-radius)}.skeleton-card{padding:var(--spacing-md);border-radius:var(--border-radius-lg)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:var(--navbar-height);overflow-x:hidden;width:100%;max-width:100vw}#app{width:100%;max-width:100vw;overflow-x:hidden}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-light)}img{max-width:100%;height:auto;vertical-align:middle}ul,ol{list-style:none;padding:0;margin:0}button{font-family:inherit;cursor:pointer;border:none;background:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:14px;font-weight:500;border-radius:var(--border-radius);cursor:pointer;transition:all .25s var(--ease-out-expo);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:18px;height:18px}.btn-primary{background:var(--primary);color:#fff;border:none}.btn-primary:hover:not(:disabled){background:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 12px #0096fa4d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:#0096fa0d}.btn-ghost{background:transparent;color:var(--text-secondary);border:none}.btn-ghost:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.btn-icon{width:40px;height:40px;padding:0;border-radius:50%}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:13px}.btn-sm svg{width:16px;height:16px}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:16px}.btn-lg svg{width:20px;height:20px}input,textarea{font-family:inherit;max-width:100%}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}@media(max-width:768px){.container{padding:0 var(--spacing-sm)}}h1,h2,h3,h4,h5,h6,p{word-wrap:break-word;overflow-wrap:break-word}table{max-width:100%;overflow-x:auto;display:block}pre,code{max-width:100%;overflow-x:auto;word-break:break-all}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--primary);color:#fff}#nprogress .bar{background:var(--primary)!important;height:3px!important}#nprogress .peg{box-shadow:0 0 10px var(--primary),0 0 5px var(--primary)!important}#nprogress .spinner-icon{border-top-color:var(--primary)!important;border-left-color:var(--primary)!important}.n-button--primary-type{--n-color: var(--primary) !important;--n-color-hover: var(--primary-light) !important;--n-color-pressed: var(--primary-dark) !important}.page-enter-active,.page-leave-active{transition:opacity .3s ease,transform .3s ease}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-10px)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s ease}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(20px)}.scale-enter-active,.scale-leave-active{transition:all .3s ease}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(.9)}