:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{margin:0 auto;text-align:center}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#app[data-v-c887b58f]{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;padding:0}.navbar[data-v-c887b58f]{background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem 0;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000}.nav-container[data-v-c887b58f]{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-brand[data-v-c887b58f]{display:flex;align-items:center;gap:12px;color:#fff}.nav-logo[data-v-c887b58f]{height:40px;width:40px;border-radius:8px}.nav-brand h1[data-v-c887b58f]{font-size:1.5rem;font-weight:600;margin:0}.nav-links[data-v-c887b58f]{display:flex;gap:20px}.nav-link[data-v-c887b58f]{color:#fff;text-decoration:none;padding:8px 16px;border-radius:6px;transition:all .3s ease;font-weight:500;border:2px solid transparent}.nav-link[data-v-c887b58f]:hover{background:#ffffff1a;border-color:#ffffff4d}.nav-link.router-link-active[data-v-c887b58f]{background:#fff3;border-color:#ffffff80}.main-content[data-v-c887b58f]{min-height:calc(100vh - 80px)}@media(max-width:768px){.nav-container[data-v-c887b58f]{flex-direction:column;gap:15px}.nav-brand h1[data-v-c887b58f]{font-size:1.2rem}.nav-links[data-v-c887b58f]{gap:10px}.nav-link[data-v-c887b58f]{padding:6px 12px;font-size:.9rem}}.navigation-list[data-v-a0be1c65]{max-width:1200px;margin:0 auto;padding:20px}h1[data-v-a0be1c65]{text-align:center;color:#2c3e50;margin-bottom:40px;font-size:2.5em}.navigation-grid[data-v-a0be1c65]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-top:30px}.navigation-card[data-v-a0be1c65]{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 12px #0000001a;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.navigation-card[data-v-a0be1c65]:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;border-color:#42b883}.navigation-card h3[data-v-a0be1c65]{color:#2c3e50;margin-bottom:12px;font-size:1.3em}.navigation-card p[data-v-a0be1c65]{color:#666;line-height:1.6;margin-bottom:15px}.detail-link[data-v-a0be1c65]{color:#42b883;font-weight:600;font-size:.9em}@media(max-width:768px){.navigation-list[data-v-a0be1c65]{padding:15px}.navigation-grid[data-v-a0be1c65]{grid-template-columns:1fr}h1[data-v-a0be1c65]{font-size:2em}}.navigation-detail[data-v-37b362dc]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.detail-container[data-v-37b362dc]{max-width:800px;margin:0 auto;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 40px #0000001a}.back-button[data-v-37b362dc]{padding:15px 20px;background:#f8f9fa;color:#6c757d;cursor:pointer;font-weight:500;transition:all .3s ease;border-bottom:1px solid #e9ecef}.back-button[data-v-37b362dc]:hover{background:#e9ecef;color:#495057}.detail-content[data-v-37b362dc]{padding:40px}.detail-content h1[data-v-37b362dc]{color:#2c3e50;margin-bottom:20px;font-size:2.5em}.detail-meta[data-v-37b362dc]{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap}.detail-id[data-v-37b362dc]{background:#e3f2fd;color:#1565c0;padding:6px 12px;border-radius:20px;font-size:.9em;font-weight:600}.detail-category[data-v-37b362dc]{background:#f3e5f5;color:#7b1fa2;padding:6px 12px;border-radius:20px;font-size:.9em;font-weight:600}.detail-description[data-v-37b362dc]{margin-bottom:30px}.detail-description h3[data-v-37b362dc]{color:#34495e;margin-bottom:15px;font-size:1.3em;border-left:4px solid #42b883;padding-left:12px}.detail-description p[data-v-37b362dc]{color:#555;line-height:1.8;font-size:1.1em}.detail-features[data-v-37b362dc]{margin-bottom:30px}.detail-features h3[data-v-37b362dc]{color:#34495e;margin-bottom:15px;font-size:1.3em;border-left:4px solid #42b883;padding-left:12px}.detail-features ul[data-v-37b362dc]{list-style:none;padding:0}.detail-features li[data-v-37b362dc]{background:#f8f9fa;margin:8px 0;padding:12px 16px;border-radius:8px;border-left:4px solid #42b883;color:#555}.detail-links h3[data-v-37b362dc]{color:#34495e;margin-bottom:15px;font-size:1.3em;border-left:4px solid #42b883;padding-left:12px}.links-list[data-v-37b362dc]{display:flex;flex-direction:column;gap:10px}.detail-link[data-v-37b362dc]{display:inline-block;padding:12px 20px;background:linear-gradient(45deg,#42b883,#389583);color:#fff;text-decoration:none;border-radius:8px;transition:all .3s ease;text-align:center;font-weight:500}.detail-link[data-v-37b362dc]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #42b8834d}.not-found[data-v-37b362dc]{padding:60px 40px;text-align:center;color:#666}.not-found h1[data-v-37b362dc]{color:#e74c3c;margin-bottom:20px}.not-found p[data-v-37b362dc]{margin-bottom:30px;font-size:1.1em}.back-btn[data-v-37b362dc]{background:#42b883;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:1em;transition:background .3s ease}.back-btn[data-v-37b362dc]:hover{background:#389583}@media(max-width:768px){.navigation-detail[data-v-37b362dc]{padding:10px}.detail-content[data-v-37b362dc]{padding:20px}.detail-content h1[data-v-37b362dc]{font-size:2em}.detail-meta[data-v-37b362dc]{flex-direction:column}}