.navbar[data-v-4fca34ae]{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--navbar-height);transition:all var(--transition-base);background:transparent}.navbar.scrolled[data-v-4fca34ae]{background:var(--bg-overlay);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-md)}.navbar-inner[data-v-4fca34ae]{max-width:1280px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;gap:32px}.navbar-logo[data-v-4fca34ae]{display:flex;flex-direction:column;line-height:1;text-decoration:none;flex-shrink:0}.logo-jp[data-v-4fca34ae]{font-family:var(--font-serif);font-size:1.25rem;font-weight:700;background:linear-gradient(to right,#d04060,var(--accent-sakura),var(--accent-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-sub[data-v-4fca34ae]{font-size:.65rem;color:var(--text-muted);letter-spacing:.05em;margin-top:10px}.navbar-links[data-v-4fca34ae]{display:flex;align-items:center;gap:4px;flex:1}.nav-link[data-v-4fca34ae]{padding:6px 16px;border-radius:var(--radius-full);color:var(--text-secondary);font-size:.9rem;transition:all var(--transition-fast);text-decoration:none}.nav-link.router-link-active[data-v-4fca34ae],.nav-link[data-v-4fca34ae]:hover{color:var(--text-primary);background:var(--bg-card-hover)}.nav-link-renew[data-v-4fca34ae]{font-size:.8rem;opacity:.65}.nav-link-renew[data-v-4fca34ae]:hover{opacity:1}.theme-toggle[data-v-4fca34ae]{width:36px;height:36px;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.theme-toggle[data-v-4fca34ae]:hover{color:var(--accent-gold);border-color:var(--accent-gold);background:var(--accent-gold-dim);transform:rotate(15deg)}.theme-icon-enter-active[data-v-4fca34ae],.theme-icon-leave-active[data-v-4fca34ae]{transition:all .2s ease}.theme-icon-enter[data-v-4fca34ae]{opacity:0;transform:rotate(-90deg) scale(.6)}.theme-icon-leave-to[data-v-4fca34ae]{opacity:0;transform:rotate(90deg) scale(.6)}.navbar-actions[data-v-4fca34ae]{margin-left:auto;display:flex;align-items:center;gap:12px}.user-menu[data-v-4fca34ae]{position:relative;display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-full);cursor:pointer;border:1px solid var(--border-color);transition:all var(--transition-fast)}.user-menu[data-v-4fca34ae]:hover{border-color:var(--border-color-hover);background:var(--bg-card)}.user-avatar[data-v-4fca34ae]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent-sakura),var(--accent-gold));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;overflow:hidden;flex-shrink:0}.user-avatar img[data-v-4fca34ae]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-name[data-v-4fca34ae]{font-size:.875rem;color:var(--text-primary)}.chevron[data-v-4fca34ae]{color:var(--text-muted);transition:transform var(--transition-fast)}.chevron.open[data-v-4fca34ae]{transform:rotate(180deg)}.dropdown-menu[data-v-4fca34ae]{position:absolute;top:calc(100% + 12px);right:0;min-width:220px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:8px;box-shadow:var(--shadow-lg);z-index:100}.dropdown-header[data-v-4fca34ae]{padding:8px 12px 12px}.d-username[data-v-4fca34ae]{font-weight:600;font-size:.9rem;margin-bottom:2px}.d-email[data-v-4fca34ae]{font-size:.78rem;color:var(--text-muted);margin-bottom:8px}.dropdown-divider[data-v-4fca34ae]{height:1px;background:var(--border-color);margin:6px 0}.dropdown-item[data-v-4fca34ae]{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;border-radius:var(--radius-sm);font-size:.875rem;color:var(--text-secondary);text-decoration:none;background:none;border:none;cursor:pointer;transition:all var(--transition-fast);text-align:left}.dropdown-item[data-v-4fca34ae]:hover{background:var(--bg-card-hover);color:var(--text-primary)}.dropdown-item.highlight[data-v-4fca34ae]{color:var(--accent-sakura)}.dropdown-item.highlight[data-v-4fca34ae]:hover{background:var(--accent-sakura-dim)}.dropdown-item.danger[data-v-4fca34ae]{color:#ff6b6b}.dropdown-item.danger[data-v-4fca34ae]:hover{background:hsla(0,100%,71%,.1)}.dropdown-enter-active[data-v-4fca34ae],.dropdown-leave-active[data-v-4fca34ae]{transition:all .2s ease;transform-origin:top right}.dropdown-enter[data-v-4fca34ae],.dropdown-leave-to[data-v-4fca34ae]{opacity:0;transform:scale(.95) translateY(-8px)}.hamburger[data-v-4fca34ae]{width:36px;height:36px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}.hamburger span[data-v-4fca34ae],.hamburger span[data-v-4fca34ae]:after,.hamburger span[data-v-4fca34ae]:before{display:block;width:18px;height:2px;background:var(--text-primary);border-radius:2px;transition:all var(--transition-base);position:relative}.hamburger span[data-v-4fca34ae]:after,.hamburger span[data-v-4fca34ae]:before{content:"";position:absolute}.hamburger span[data-v-4fca34ae]:before{top:-5px}.hamburger span[data-v-4fca34ae]:after{top:5px}.hamburger span.active[data-v-4fca34ae]{background:transparent}.hamburger span.active[data-v-4fca34ae]:before{transform:rotate(45deg);top:0}.hamburger span.active[data-v-4fca34ae]:after{transform:rotate(-45deg);top:0}.mobile-menu[data-v-4fca34ae]{background:rgba(12,20,40,.98);backdrop-filter:blur(20px);border-top:1px solid var(--border-color);padding:16px;display:flex;flex-direction:column;gap:4px}.mobile-link[data-v-4fca34ae]{display:block;padding:12px 16px;border-radius:var(--radius-md);color:hsla(0,0%,100%,.75);font-size:.95rem;text-decoration:none;transition:all var(--transition-fast);background:none;border:none;text-align:left;cursor:pointer;width:100%}.mobile-link.router-link-active[data-v-4fca34ae],.mobile-link[data-v-4fca34ae]:hover{color:#fff;background:hsla(0,0%,100%,.08)}.mobile-link.accent[data-v-4fca34ae]{color:var(--accent-sakura)}.mobile-link.danger[data-v-4fca34ae]{color:#ff6b6b}.mobile-menu-enter-active[data-v-4fca34ae],.mobile-menu-leave-active[data-v-4fca34ae]{transition:all .25s ease}.mobile-menu-enter[data-v-4fca34ae],.mobile-menu-leave-to[data-v-4fca34ae]{opacity:0;transform:translateY(-10px)}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:2px solid transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#app{min-height:100vh;background:var(--bg-primary)}:root{--accent-sakura:#e8607a;--accent-sakura-light:#f0899e;--accent-sakura-dim:rgba(232,96,122,.15);--accent-gold:#c9a233;--accent-gold-light:#e0bb55;--accent-gold-dim:rgba(201,162,51,.15);--accent-blue:#4a9eff;--accent-blue-dim:rgba(74,158,255,.15);--accent-green:#3ecf8e;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:0.15s ease;--transition-base:0.25s ease;--transition-slow:0.4s ease;--transition-bounce:0.35s cubic-bezier(0.34,1.56,0.64,1);--font-sans:"Noto Sans SC","Noto Sans JP","PingFang SC","Microsoft YaHei",sans-serif;--font-serif:"Noto Serif SC","Noto Serif JP","SimSun",serif;--glass-blur:blur(20px);--glass-blur-heavy:blur(40px);--sidebar-width:220px;--anchor-width:200px;--navbar-height:64px}:root,[data-theme=light]{--bg-primary:#fdf8f5;--bg-secondary:#f5ece6;--bg-tertiary:#ede0d8;--bg-card:#fff;--bg-card-hover:#fff5f2;--bg-overlay:hsla(23,67%,98%,.92);--text-primary:#1e1b2e;--text-secondary:#3d3a54;--text-muted:#6b677e;--text-inverse:#fdf8f5;--border-color:rgba(0,0,0,.07);--border-color-hover:rgba(0,0,0,.15);--glass-bg:hsla(0,0%,100%,.72);--glass-border:hsla(0,0%,100%,.9);--shadow-sm:0 2px 12px rgba(0,0,0,.1);--shadow-md:0 8px 32px rgba(0,0,0,.14);--shadow-lg:0 16px 64px rgba(0,0,0,.18);--shadow-card:0 2px 16px rgba(0,0,0,.08);--shadow-card-hover:0 8px 32px rgba(0,0,0,.16);--shadow-sakura:0 0 40px rgba(232,96,122,.12);--shadow-gold:0 0 40px rgba(201,162,51,.12);--input-bg:rgba(0,0,0,.03);--input-bg-focus:rgba(0,0,0,.05);--scrollbar-thumb:rgba(0,0,0,.14);--scrollbar-thumb-hover:rgba(0,0,0,.24)}[data-theme=dark]{--bg-primary:#060b18;--bg-secondary:#0c1428;--bg-tertiary:#111d35;--bg-card:hsla(0,0%,100%,.04);--bg-card-hover:hsla(0,0%,100%,.07);--bg-overlay:rgba(6,11,24,.85);--text-primary:#f0f0f0;--text-secondary:#8e9ab0;--text-muted:#5a6678;--text-inverse:#060b18;--border-color:hsla(0,0%,100%,.08);--border-color-hover:hsla(0,0%,100%,.18);--glass-bg:hsla(0,0%,100%,.05);--glass-border:hsla(0,0%,100%,.1);--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 8px 32px rgba(0,0,0,.4);--shadow-lg:0 16px 64px rgba(0,0,0,.5);--shadow-sakura:0 0 40px rgba(232,96,122,.2);--shadow-gold:0 0 40px rgba(201,162,51,.2);--input-bg:hsla(0,0%,100%,.06);--input-bg-focus:hsla(0,0%,100%,.09);--scrollbar-thumb:hsla(0,0%,100%,.12);--scrollbar-thumb-hover:hsla(0,0%,100%,.22)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}a{color:var(--accent-sakura);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-sakura-light)}img{max-width:100%;display:block}button{cursor:pointer;border:none}button,input,select,textarea{font-family:var(--font-sans);outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}#nprogress .bar{background:var(--accent-sakura)!important;height:3px!important}#nprogress .peg{box-shadow:0 0 10px var(--accent-sakura),0 0 5px var(--accent-sakura)!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border-radius:var(--radius-full);font-size:.9rem;font-weight:500;transition:all var(--transition-base);cursor:pointer;border:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--accent-sakura),#c2185b);color:#fff;box-shadow:0 4px 20px rgba(232,96,122,.35)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(232,96,122,.5)}.btn-primary:active{transform:translateY(0)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-color-hover)}.btn-outline:hover{background:var(--bg-card-hover);border-color:var(--accent-sakura);color:var(--accent-sakura)}.btn-ghost{background:var(--glass-bg);color:var(--text-secondary);border:1px solid var(--border-color);backdrop-filter:var(--glass-blur)}.btn-ghost:hover{background:var(--bg-card-hover);color:var(--text-primary)}.btn-sm{padding:6px 16px;font-size:.8rem}.btn-lg{padding:14px 36px;font-size:1rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-base)}.glass-card:hover{box-shadow:var(--shadow-card-hover)}.form-group{margin-bottom:20px}.form-label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.form-input{width:100%;padding:12px 16px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;transition:all var(--transition-fast)}.form-input::-moz-placeholder{color:var(--text-muted)}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--accent-sakura);background:var(--input-bg-focus);box-shadow:0 0 0 3px var(--accent-sakura-dim)}.form-error{font-size:.8rem;color:#ff6b6b;margin-top:6px}.page-enter-active,.page-leave-active{transition:opacity .3s ease,transform .3s ease}.page-enter{opacity:0;transform:translateY(16px)}.page-leave-to{opacity:0;transform:translateY(-8px)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.page-wrapper{min-height:100vh;padding-top:var(--navbar-height)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.badge-sakura{background:var(--accent-sakura-dim);color:var(--accent-sakura-light)}.badge-gold{background:var(--accent-gold-dim);color:var(--accent-gold-light)}.badge-blue{background:var(--accent-blue-dim);color:var(--accent-blue)}.divider{height:1px;background:var(--border-color);margin:24px 0}.text-sakura{color:var(--accent-sakura)}.text-gold{color:var(--accent-gold)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-center{text-align:center}.font-bold{font-weight:700}.font-serif{font-family:var(--font-serif)}@media (max-width:768px){.hide-mobile{display:none!important}.container{padding:0 16px}}@media (min-width:1024px){.hide-desktop{display:none!important}}