@charset "UTF-8";.app{min-height:100vh;display:flex;flex-direction:column}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1rem 0;background-color:var(--navbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px var(--shadow);transition:transform .3s ease,padding .3s ease,background-color .3s}.navbar.navbar-hidden{transform:translateY(-100%)}.navbar.navbar-scrolled{padding:.5rem 0;box-shadow:0 5px 15px var(--shadow)}.navbar .navbar-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.navbar .logo .logo-link{display:inline-flex;align-items:center;text-decoration:none}.navbar .logo .logo-text{font-size:1.5rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.navbar .mobile-menu-btn{display:none;background:none;border:none;width:44px;height:44px;padding:7px;cursor:pointer}.navbar .mobile-menu-btn .menu-icon{position:relative;display:block;width:30px;height:2px;background-color:var(--text);transition:all .3s ease}.navbar .mobile-menu-btn .menu-icon:before,.navbar .mobile-menu-btn .menu-icon:after{content:"";position:absolute;width:30px;height:2px;background-color:var(--text);transition:all .3s ease}.navbar .mobile-menu-btn .menu-icon:before{transform:translateY(-10px)}.navbar .mobile-menu-btn .menu-icon:after{transform:translateY(10px)}.navbar .mobile-menu-btn .menu-icon.open{background-color:transparent}.navbar .mobile-menu-btn .menu-icon.open:before{transform:rotate(45deg)}.navbar .mobile-menu-btn .menu-icon.open:after{transform:rotate(-45deg)}@media (max-width: 768px){.navbar .mobile-menu-btn{display:block}}.navbar .nav-links{display:flex;gap:2rem}.navbar .nav-links .nav-link{position:relative;color:var(--text);padding:.5rem 0;text-decoration:none;font-weight:500;transition:color .3s ease}.navbar .nav-links .nav-link:hover,.navbar .nav-links .nav-link.router-link-active{color:var(--primary)}.navbar .nav-links .nav-link:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--gradient);transition:width .3s ease}.navbar .nav-links .nav-link:hover:after,.navbar .nav-links .nav-link.router-link-active:after{width:100%}@media (max-width: 768px){.navbar .nav-links{position:fixed;top:70px;left:0;width:100%;flex-direction:column;align-items:center;background-color:var(--navbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;gap:1.5rem;box-shadow:0 5px 15px var(--shadow);transform:translateY(-150%);transition:transform .3s ease-in-out,opacity .3s ease;opacity:0;visibility:hidden}.navbar .nav-links.active{transform:translateY(0);opacity:1;visibility:visible}.navbar .nav-links .nav-link{width:100%;text-align:center;padding:1rem;border-radius:8px}.navbar .nav-links .nav-link:after{display:none}.navbar .nav-links .nav-link:hover,.navbar .nav-links .nav-link.router-link-active{color:var(--primary);background-color:rgba(var(--primary-rgb),.12)}}.main-content{flex:1;margin-top:70px}.page-enter-active,.page-leave-active{transition:opacity .3s ease,transform .3s ease}.page-enter-from,.page-leave-to{opacity:0;transform:translateY(20px)}.footer{background-color:var(--bg-alt);padding:3rem 0 1.5rem;border-top:1px solid var(--border)}.footer .footer-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.footer .footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer .footer-section .footer-title{font-size:1.2rem;margin-bottom:1rem;position:relative;display:inline-block}.footer .footer-section .footer-title:after{content:"";position:absolute;bottom:-5px;left:0;width:40px;height:2px;background:var(--gradient)}.footer .footer-section .footer-text{color:var(--text-light);margin-bottom:.5rem}.footer .footer-section .footer-link-inline{color:var(--text-light);transition:color .3s ease}.footer .footer-section .footer-link-inline:hover{color:var(--primary)}.footer .footer-section .footer-links{display:flex;flex-direction:column;gap:.5rem}.footer .footer-section .footer-links .footer-link{color:var(--text-light);transition:color .3s ease,transform .3s ease;display:inline-block}.footer .footer-section .footer-links .footer-link:hover{color:var(--primary);transform:translate(5px)}.footer .footer-bottom{text-align:center;padding-top:1.5rem;border-top:1px solid var(--border)}.footer .footer-bottom .copyright{color:var(--text-light);font-size:.9rem}.theme-toggle{position:fixed;bottom:calc(2rem + env(safe-area-inset-bottom));right:2rem;width:50px;height:50px;border:none;border-radius:50%;background:var(--gradient);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;box-shadow:0 5px 15px var(--shadow);transition:transform .3s ease}.theme-toggle:hover{transform:scale(1.1)}.theme-toggle .theme-icon{width:24px;height:24px}@media (max-width: 768px){.theme-toggle{right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));width:46px;height:46px}}:root{--primary: #3498db;--primary-rgb: 52, 152, 219;--accent: #8e44ad;--accent-rgb: 142, 68, 173;--gradient: linear-gradient(45deg, var(--primary), var(--accent));--text: #333;--text-light: #666;--text-faint: #999;--bg: #fff;--bg-alt: #f9f9f9;--surface: #fff;--surface-alt: #f5f5f5;--surface-hover: #e0e0e0;--track: #f0f0f0;--border: #eee;--border-strong: #ddd;--shadow: rgba(0, 0, 0, .1);--shadow-strong: rgba(0, 0, 0, .16);--navbar-bg: rgba(255, 255, 255, .9);--primary-color: var(--primary);--primary-color-rgb: var(--primary-rgb);--accent-color: var(--accent);--text-color: var(--text);--bg-color: var(--bg);--border-color: var(--border);--shadow-color: var(--shadow)}body.dark-theme{--primary: #4dabf7;--primary-rgb: 77, 171, 247;--accent: #be4bdb;--accent-rgb: 190, 75, 219;--text: #e6e6e6;--text-light: #b0b0b0;--text-faint: #8a8a8a;--bg: #121212;--bg-alt: #1a1a1a;--surface: #1e1e1e;--surface-alt: #262626;--surface-hover: #303030;--track: #2d2d2d;--border: #333;--border-strong: #444;--shadow: rgba(0, 0, 0, .4);--shadow-strong: rgba(0, 0, 0, .55);--navbar-bg: rgba(18, 18, 18, .9)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6;color:var(--text);background-color:var(--bg);scroll-behavior:smooth}body{min-height:100vh;transition:background-color .3s ease,color .3s ease;padding-bottom:env(safe-area-inset-bottom)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}a{color:var(--primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent)}button{cursor:pointer;font-family:inherit}img{max-width:100%;height:auto}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.gradient-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 1200px){.container{max-width:992px}}@media (max-width: 992px){.container{max-width:768px}}@media (max-width: 768px){.container{max-width:576px}}@media (max-width: 576px){.container{max-width:100%;padding:0 15px}}