.navbar[data-v-f86fa2ca]{position:fixed;top:0;left:0;right:0;height:64px;background:var(--bg-medium);border-bottom:1px solid var(--border-color);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-inner[data-v-f86fa2ca]{max-width:1400px;margin:0 auto;padding:0 2rem;height:100%;display:flex;align-items:center;justify-content:space-between}.navbar-brand[data-v-f86fa2ca]{display:flex;align-items:center;gap:.5rem;color:var(--accent);font-size:1.1rem;font-weight:700;text-decoration:none;white-space:nowrap}.brand-icon[data-v-f86fa2ca]{font-size:1.5rem}.navbar-menu[data-v-f86fa2ca]{display:flex;align-items:center;gap:1rem}.nav-group[data-v-f86fa2ca]{position:relative;display:flex;align-items:center;gap:.3rem}.nav-group-label[data-v-f86fa2ca]{font-size:.75rem;color:var(--text-muted);padding:.3rem .6rem;white-space:nowrap}.nav-link[data-v-f86fa2ca]{display:flex;align-items:center;gap:.3rem;padding:.4rem .8rem;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-sm);font-size:.9rem;transition:all .3s;white-space:nowrap}.nav-link[data-v-f86fa2ca]:hover{background:var(--bg-light);color:var(--text-primary)}.nav-link.router-link-active[data-v-f86fa2ca]{background:var(--primary);color:var(--text-primary)}.nav-icon[data-v-f86fa2ca]{font-size:1rem}.menu-toggle[data-v-f86fa2ca]{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem}.menu-toggle span[data-v-f86fa2ca]{display:block;width:24px;height:2px;background:var(--text-secondary);transition:all .3s}@media (max-width: 1100px){.menu-toggle[data-v-f86fa2ca]{display:flex}.navbar-menu[data-v-f86fa2ca]{position:fixed;top:64px;left:0;right:0;bottom:0;background:var(--bg-medium);flex-direction:column;align-items:flex-start;padding:1rem;gap:.5rem;transform:translate(100%);transition:transform .3s;overflow-y:auto}.navbar-menu.active[data-v-f86fa2ca]{transform:translate(0)}.nav-group[data-v-f86fa2ca]{flex-direction:column;align-items:flex-start;width:100%}.nav-group-label[data-v-f86fa2ca]{padding:.5rem 0;font-size:.85rem}.nav-link[data-v-f86fa2ca]{width:100%;padding:.6rem 1rem}}.app-layout[data-v-58f769d7]{display:flex;flex-direction:column;min-height:100vh}.main-content[data-v-58f769d7]{flex:1;padding-top:64px}.app-footer[data-v-58f769d7]{background:var(--bg-medium);border-top:1px solid var(--border-color);text-align:center;padding:1rem;color:var(--text-muted);font-size:.85rem}:root{--primary: #8B4513;--primary-light: #A0522D;--primary-dark: #6B3410;--secondary: #D2691E;--accent: #DEB887;--accent-light: #F5DEB3;--bg-dark: #1a1410;--bg-medium: #2d2318;--bg-light: #3d3025;--bg-card: #4a3c2e;--text-primary: #F5DEB3;--text-secondary: #D2B48C;--text-muted: #A0937D;--border-color: #5a4a3a;--success: #6B8E23;--warning: #DAA520;--danger: #CD5C5C;--info: #708090;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,PingFang SC,Hiragino Sans GB,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);line-height:1.7;min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color .3s}a:hover{color:var(--text-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.page-container{max-width:1200px;margin:0 auto;padding:2rem}.page-title{font-size:2rem;color:var(--accent);margin-bottom:.5rem;border-bottom:2px solid var(--primary);padding-bottom:.5rem}.page-subtitle{font-size:1.1rem;color:var(--text-muted);margin-bottom:2rem}.section-title{font-size:1.5rem;color:var(--accent-light);margin:2rem 0 1rem;display:flex;align-items:center;gap:.5rem}.section-title:before{content:"";display:inline-block;width:4px;height:1.5rem;background:var(--primary);border-radius:2px}.card{background:var(--bg-card);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border-color);transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-title{font-size:1.2rem;color:var(--accent);margin-bottom:.8rem;font-weight:600}.card-content{color:var(--text-secondary);font-size:.95rem}.knowledge-tag{display:inline-block;padding:.2rem .6rem;background:var(--primary-dark);color:var(--accent-light);border-radius:var(--radius-sm);font-size:.8rem;margin:.2rem}.highlight{color:var(--warning);font-weight:600}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.95rem;transition:all .3s;font-family:inherit}.btn-primary{background:var(--primary);color:var(--text-primary)}.btn-primary:hover{background:var(--primary-light)}.btn-secondary{background:var(--bg-light);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card)}.btn-accent{background:var(--secondary);color:var(--bg-dark);font-weight:600}.btn-accent:hover{background:var(--warning)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-container{padding:1rem}.page-title{font-size:1.5rem}}.interactive-area{background:var(--bg-medium);border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:1.5rem;margin:1rem 0;min-height:200px;position:relative;transition:border-color .3s}.interactive-area:hover{border-color:var(--primary)}.tooltip{position:relative;cursor:help;border-bottom:1px dashed var(--accent)}.tooltip:after{content:attr(data-tip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--bg-dark);color:var(--text-primary);padding:.4rem .8rem;border-radius:var(--radius-sm);font-size:.85rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s;z-index:10}.tooltip:hover:after{opacity:1}.progress-bar{width:100%;height:8px;background:var(--bg-dark);border-radius:4px;overflow:hidden;margin:.5rem 0}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:4px;transition:width .5s ease}.tab-group{display:flex;gap:0;margin-bottom:1.5rem;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-color)}.tab-item{padding:.6rem 1.2rem;background:var(--bg-light);color:var(--text-muted);cursor:pointer;transition:all .3s;border:none;font-family:inherit;font-size:.95rem}.tab-item:hover{background:var(--bg-card);color:var(--text-secondary)}.tab-item.active{background:var(--primary);color:var(--text-primary)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}