.navbar[data-v-ff2a5ba2]{background:var(--navbar-bg);padding:.8rem 0;box-shadow:var(--shadow-navbar);border-bottom:1px solid var(--navbar-border);position:sticky;top:0;z-index:1000;transition:all .3s ease}.navbar-scrolled[data-v-ff2a5ba2]{padding:.5rem 0;background:var(--navbar-bg);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid var(--navbar-border)}.navbar-container[data-v-ff2a5ba2]{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.navbar-brand a[data-v-ff2a5ba2]{display:flex;align-items:center;color:var(--text-primary);text-decoration:none;font-size:1.4rem;font-weight:700;transition:color .3s}.navbar-brand a[data-v-ff2a5ba2]:hover{color:var(--accent-primary)}.brand-icon[data-v-ff2a5ba2]{width:40px;height:40px;background:var(--accent-glass);border:1px solid var(--accent-glass-border);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:12px;transition:all .3s}.navbar-brand:hover .brand-icon[data-v-ff2a5ba2]{transform:rotate(10deg) scale(1.1);background:var(--accent-glass-hover);box-shadow:0 0 15px var(--accent-glass-border)}.navbar-brand i[data-v-ff2a5ba2]{font-size:1.2rem}.navbar-menu[data-v-ff2a5ba2]{display:flex;align-items:center;gap:.5rem}.nav-link[data-v-ff2a5ba2]{color:var(--text-primary);text-decoration:none;padding:.6rem 1rem;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;font-weight:500;position:relative;overflow:hidden}.nav-link[data-v-ff2a5ba2]:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--accent-primary);transition:all .3s;transform:translate(-50%)}.nav-link[data-v-ff2a5ba2]:hover:before,.nav-link.router-link-active[data-v-ff2a5ba2]:before{width:80%}.nav-link[data-v-ff2a5ba2]:hover{color:var(--accent-primary);background-color:var(--accent-glass)}.nav-link.router-link-active[data-v-ff2a5ba2]{color:var(--accent-primary);background-color:var(--accent-glass-active)}.nav-link i[data-v-ff2a5ba2]{font-size:.9rem}.admin-menu[data-v-ff2a5ba2]{display:flex;align-items:center;gap:.5rem}.login-link[data-v-ff2a5ba2],.admin-link[data-v-ff2a5ba2]{background-color:var(--white-glass)}.login-link[data-v-ff2a5ba2]:hover,.admin-link[data-v-ff2a5ba2]:hover{background-color:var(--white-glass-hover)}.logout-btn[data-v-ff2a5ba2]{background-color:var(--accent-glass);color:var(--text-primary);border:1px solid var(--accent-glass-border);padding:.6rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;font-weight:500}.logout-btn[data-v-ff2a5ba2]:hover{background-color:var(--white-glass-hover);border-color:var(--white-glass-hover)}.theme-toggle-btn[data-v-ff2a5ba2]{width:44px;height:44px;border-radius:10px;background:var(--accent-glass);border:1px solid var(--accent-glass-border);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);margin-left:4px;flex-shrink:0}.theme-toggle-btn[data-v-ff2a5ba2]:hover{background:var(--accent-glass-hover);transform:rotate(30deg) scale(1.1);box-shadow:0 0 15px var(--accent-glass-border)}.theme-toggle-btn[data-v-ff2a5ba2]:active{transform:rotate(180deg) scale(.95)}.mobile-menu-btn[data-v-ff2a5ba2]{display:none;width:44px;height:44px;align-items:center;justify-content:center;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer}.mobile-menu[data-v-ff2a5ba2]{display:none;flex-direction:column;padding:1rem;background:var(--navbar-bg);border-top:1px solid var(--navbar-border)}.mobile-nav-link[data-v-ff2a5ba2]{color:var(--text-primary);text-decoration:none;padding:1rem;border-radius:8px;transition:all .3s;display:flex;align-items:center;gap:10px}.mobile-nav-link[data-v-ff2a5ba2]:hover{color:var(--accent-primary);background-color:var(--accent-glass)}@media (max-width: 768px){.navbar-menu[data-v-ff2a5ba2]{display:none}.mobile-menu-btn[data-v-ff2a5ba2],.mobile-menu-open[data-v-ff2a5ba2]{display:flex}}.footer[data-v-e29e1c33]{background-color:var(--footer-bg);color:var(--text-primary);padding:2rem 0;margin-top:auto;border-top:1px solid var(--border-divider)}.footer-container[data-v-e29e1c33]{max-width:1200px;margin:0 auto;padding:0 20px}.footer-content[data-v-e29e1c33]{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2rem}.footer-section h3[data-v-e29e1c33]{margin-bottom:1rem;color:var(--accent-light)}.footer-section ul[data-v-e29e1c33]{list-style:none}.footer-section ul li[data-v-e29e1c33]{margin-bottom:.5rem}.footer-section a[data-v-e29e1c33]{color:var(--text-muted);text-decoration:none;transition:color .3s}.footer-section a[data-v-e29e1c33]:hover{color:var(--accent-primary)}.social-links[data-v-e29e1c33]{display:flex;gap:1rem}.social-link[data-v-e29e1c33]{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:var(--accent-glass);border:1px solid var(--accent-glass-border);border-radius:50%;color:var(--text-primary);transition:all .3s}.social-link[data-v-e29e1c33]:hover{background-color:var(--accent-primary);color:var(--text-on-accent);box-shadow:0 0 15px var(--accent-glass-border)}.footer-bottom[data-v-e29e1c33]{text-align:center;padding-top:1rem;border-top:1px solid var(--border-divider);color:var(--text-muted)}.icp-record[data-v-e29e1c33]{margin-top:.25rem}.icp-record a[data-v-e29e1c33]{color:var(--text-muted);text-decoration:none;font-size:.85rem;transition:color .3s}.icp-record a[data-v-e29e1c33]:hover{color:var(--accent-primary)}@media (max-width: 768px){.footer-content[data-v-e29e1c33]{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-bottom[data-v-e29e1c33]{flex-direction:column;gap:.5rem;text-align:center}}:root{--bg-body: #0a0a0a;--bg-gradient-start: #111111;--bg-gradient-mid: #1a1a1a;--bg-gradient-end: #0a0a0a;--glass-bg: rgba(255, 255, 255, .03);--glass-bg-light: rgba(255, 255, 255, .06);--glass-bg-dark: rgba(255, 255, 255, .02);--glass-border: rgba(255, 255, 255, .08);--glass-border-light: rgba(255, 255, 255, .05);--glass-blur: 20px;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--text-muted: #888888;--accent-primary: #c0c0c0;--accent-secondary: #808080;--accent-light: #d4d4d4;--accent-lighter: #e8e8e8;--accent-lightest: #f0f0f0;--gradient-accent: linear-gradient(135deg, #c0c0c0 0%, #808080 100%);--shadow-card: 0 2px 8px rgba(0, 0, 0, .6);--shadow-hover: 0 4px 12px rgba(192, 192, 192, .15);--border-subtle: rgba(255, 255, 255, .06);--border-divider: rgba(255, 255, 255, .1);--orb-opacity: .04;--pattern-dot: rgba(192, 192, 192, .1);--pattern-line: rgba(192, 192, 192, .08);--mesh-color-1: rgba(192, 192, 192, .03);--mesh-color-2: rgba(160, 160, 160, .02);--mesh-color-3: rgba(128, 128, 128, .02);--form-card-bg: rgba(20, 20, 20, .9);--success-color: #00cc66;--success-bg: rgba(0, 204, 102, .1);--error-color: #ff0040;--error-bg: rgba(255, 0, 64, .1);--error-bg-light: #1a0008;--navbar-bg: #2a2a2a;--navbar-border: rgba(192, 192, 192, .15);--footer-bg: #2a2a2a;--glow-primary: 0 0 20px rgba(192, 192, 192, .3);--glow-secondary: 0 0 15px rgba(192, 192, 192, .2);--accent-glass: rgba(192, 192, 192, .15);--accent-glass-hover: rgba(192, 192, 192, .25);--accent-glass-border: rgba(192, 192, 192, .3);--accent-glass-active: rgba(192, 192, 192, .2);--white-glass: rgba(255, 255, 255, .2);--white-glass-hover: rgba(255, 255, 255, .3);--code-bg: rgba(0, 0, 0, .4);--code-text: rgba(255, 255, 255, .9);--text-on-accent: #000000;--shadow-navbar: rgba(0, 0, 0, .3);--card-radius: 10px;--card-padding: 24px;--transition-base: .3s ease;--ease-smooth: cubic-bezier(.16, 1, .3, 1)}html.light{--bg-body: #ffffff;--bg-gradient-start: #f8f9fa;--bg-gradient-mid: #f0f1f3;--bg-gradient-end: #ffffff;--glass-bg: rgba(255, 255, 255, .85);--glass-bg-light: rgba(255, 255, 255, .95);--glass-bg-dark: rgba(245, 245, 245, .9);--glass-border: rgba(0, 0, 0, .08);--glass-border-light: rgba(0, 0, 0, .05);--glass-blur: 20px;--text-primary: #1a1a1a;--text-secondary: #555555;--text-muted: #767676;--accent-primary: #292929;--accent-secondary: #888888;--accent-light: #999999;--accent-lighter: #aaaaaa;--accent-lightest: #bbbbbb;--gradient-accent: linear-gradient(135deg, #bcb7b761 0%, #bcb7b761 100%);--shadow-card: 0 2px 8px rgba(0, 0, 0, .08);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .12);--border-subtle: rgba(0, 0, 0, .06);--border-divider: rgba(0, 0, 0, .1);--orb-opacity: .03;--pattern-dot: rgba(0, 0, 0, .06);--pattern-line: rgba(0, 0, 0, .04);--mesh-color-1: rgba(100, 100, 100, .06);--mesh-color-2: rgba(80, 80, 80, .04);--mesh-color-3: rgba(60, 60, 60, .03);--form-card-bg: rgba(255, 255, 255, .95);--success-color: #00aa55;--success-bg: rgba(0, 170, 85, .1);--error-color: #dd0033;--error-bg: rgba(221, 0, 51, .1);--error-bg-light: #fff5f7;--navbar-bg: #f0f0f0;--navbar-border: rgba(0, 0, 0, .1);--footer-bg: #f0f0f0;--glow-primary: 0 0 25px rgba(100, 100, 100, .2);--glow-secondary: 0 0 20px rgba(100, 100, 100, .15);--accent-glass: rgba(41, 41, 41, .1);--accent-glass-hover: rgba(41, 41, 41, .15);--accent-glass-border: rgba(41, 41, 41, .2);--accent-glass-active: rgba(41, 41, 41, .12);--white-glass: rgba(0, 0, 0, .05);--white-glass-hover: rgba(0, 0, 0, .08);--code-bg: rgba(0, 0, 0, .06);--code-text: #1a1a1a;--text-on-accent: #1a1a1a;--shadow-navbar: rgba(0, 0, 0, .08)}html.light .bg-gradient{background:radial-gradient(ellipse 80% 60% at 50% -20%,#a8d4d0 0%,transparent 70%),radial-gradient(ellipse 60% 50% at 90% 80%,#b8ccea 0%,transparent 60%),radial-gradient(ellipse 50% 60% at 10% 30%,rgba(120,180,200,.25) 0%,transparent 55%),linear-gradient(180deg,var(--bg-gradient-start) 0%,var(--bg-gradient-mid) 40%,var(--bg-gradient-end) 100%);opacity:.6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-body);overflow-y:scroll;transition:background-color .4s ease}.app-container{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden;transition:background-color .4s ease}.bg-gradient{background:radial-gradient(ellipse 80% 60% at 50% -20%,var(--bg-primary, #06b6d4) 0%,transparent 70%),radial-gradient(ellipse 60% 50% at 90% 80%,var(--bg-secondary, #3b82f6) 0%,transparent 60%),radial-gradient(ellipse 50% 60% at 10% 30%,rgba(6,182,212,.25) 0%,transparent 55%),linear-gradient(180deg,var(--bg-gradient-start) 0%,var(--bg-gradient-mid) 40%,var(--bg-gradient-end) 100%);opacity:calc(var(--bg-opacity, 1) * 1);transition:opacity .5s ease}.bg-mesh{background:radial-gradient(circle at 25% 35%,var(--mesh-color-1) 0%,transparent 40%),radial-gradient(circle at 75% 65%,var(--mesh-color-2) 0%,transparent 35%),radial-gradient(circle at 50% 50%,var(--mesh-color-3) 0%,transparent 50%);mix-blend-mode:screen}.bg-noise{background:transparent;pointer-events:none}.bg-layer{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none}.bg-gradient{z-index:-4}.bg-mesh{z-index:-3}.bg-pattern{z-index:-1;opacity:.2;transition:opacity .3s ease}.pattern-dots{background-image:radial-gradient(circle,var(--pattern-dot) 1px,transparent 1px);background-size:24px 24px}.pattern-grid{background-image:linear-gradient(var(--pattern-line) 1px,transparent 1px),linear-gradient(90deg,var(--pattern-line) 1px,transparent 1px);background-size:40px 40px}.pattern-hexagon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat}.pattern-waves{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath fill='%23ffffff' fill-opacity='0.05' d='M0,61.2c0,23.1-20.9,41.9-46.6,41.9S-93.2,84.3-93.2,61.2C-93.2,38.2-72.3,19.3-46.6,19.3S0,38.2,0,61.2z M0,61.2c0-23.1,20.9-41.9,46.6-41.9S93.2,38.2,93.2,61.2c0,23.1-20.9,41.9-46.6,41.9S0,84.3,0,61.2z M0,61.2c0-23.1,20.9-41.9,46.6-41.9s46.6,18.8,46.6,41.9c0,23.1-20.9,41.9-46.6,41.9S0,84.3,0,61.2z M0,61.2c0-23.1,20.9-41.9,46.6-41.9s46.6,18.8,46.6,41.9c0,23.1-20.9,41.9-46.6,41.9S0,84.3,0,61.2z'/%3E%3C/svg%3E");background-repeat:repeat-x;animation:waveScroll 20s linear infinite}@keyframes waveScroll{0%{background-position:0 0}to{background-position:800px 0}}.pattern-zigzag{background-image:linear-gradient(135deg,var(--pattern-line) 25%,transparent 25%),linear-gradient(225deg,var(--pattern-line) 25%,transparent 25%);background-size:30px 30px}.main-content{flex:1;padding:20px;max-width:1200px;margin:0 auto;width:100%;position:relative;z-index:1}.glass-surface{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-card);transition:background .4s ease,border-color .4s ease,box-shadow .4s ease}.glass-surface-light{background:var(--glass-bg-light);border:1px solid var(--glass-border-light);box-shadow:0 4px 24px #0000001a;transition:background .4s ease,border-color .4s ease}.glass-surface-dark{background:var(--glass-bg-dark);border:1px solid var(--border-subtle);box-shadow:0 4px 20px #00000014;transition:background .4s ease,border-color .4s ease}.note-card,.tool-card,.stat-card,.note-item,.note-detail-container{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-card);transition:background .4s ease,border-color .4s ease,box-shadow .4s ease}.note-card,.tool-card,.stat-card,.note-item,.note-detail-container,.note-card h3,.tool-info h3,.stat-label,.note-item h2,.note-detail-container h1{color:var(--text-primary)}.note-content,.note-preview,.tool-info p,.note-meta,.note-footer{color:var(--text-secondary)}.form-card{background:var(--form-card-bg);border:1px solid var(--glass-border)}html{transition:color .4s ease}html.dark{color-scheme:dark}.page-fade-enter-active,.page-fade-leave-active{transition:all .3s ease}.page-fade-enter-from,.page-fade-leave-to{opacity:0}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.skip-link{position:absolute;top:-100%;left:16px;z-index:10000;padding:8px 16px;background:var(--accent-primary);color:var(--bg-body);border-radius:var(--card-radius, 10px);font-weight:600;text-decoration:none;transition:top .2s ease}.skip-link:focus{top:16px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button,a,[role=button],[tabindex="0"]{min-height:44px;min-width:44px}