[data-v-5cdcfb01]{margin:0;padding:0;box-sizing:border-box}nav[data-v-5cdcfb01]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#f8f9fa;box-shadow:0 1px 3px #0000004d;height:50px;position:relative}.logo img[data-v-5cdcfb01]{height:35px;width:auto;border-radius:20px}.hamburger[data-v-5cdcfb01]{display:none;flex-direction:column;justify-content:space-around;width:30px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.hamburger span[data-v-5cdcfb01]{width:100%;height:2px;background:#333;border-radius:2px;transition:all .3s ease}.nav-links[data-v-5cdcfb01]{display:flex;list-style:none;gap:20px;margin:0}.nav-links li a[data-v-5cdcfb01]{text-decoration:none;color:#333;font-weight:500;transition:color .15s,background .15s;padding:6px 10px;border-radius:6px;display:inline-block}.nav-links li a[data-v-5cdcfb01]:hover{color:#007bff;background:#007bff0f}.nav-links .router-link-active[data-v-5cdcfb01],.nav-links .router-link-exact-active[data-v-5cdcfb01]{background:#e9ecef;color:#333}.group[data-v-5cdcfb01]{display:flex;line-height:28px;align-items:center;position:relative;max-width:190px}.input[data-v-5cdcfb01]{font-family:Montserrat,sans-serif;width:100%;height:33px;padding-left:2.5rem;box-shadow:0 0 0 .5px #2b2c37,0 0 25px -17px #000;border:0;border-radius:12px;background-color:#fff;outline:none;color:#bdbecb;transition:all .25s cubic-bezier(.19,1,.22,1);cursor:text;z-index:0}.input[data-v-5cdcfb01]::placeholder{color:#bdbecb}.input[data-v-5cdcfb01]:hover{box-shadow:0 0 0 2.5px #2f303d,0 0 25px -15px #000}.input[data-v-5cdcfb01]:focus{box-shadow:0 0 0 2.5px #131212}.search-icon[data-v-5cdcfb01]{position:absolute;left:1rem;fill:#bdbecb;width:1rem;height:1rem;pointer-events:none;z-index:1}@media(max-width:768px){.nav-links[data-v-5cdcfb01]{position:fixed;top:60px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:20px;gap:15px;box-shadow:0 4px 6px #0000001a;transform:translateY(-150%);opacity:0;visibility:hidden;transition:all .6s ease;z-index:9}.nav-links.active[data-v-5cdcfb01]{transform:translateY(0);opacity:1;visibility:visible}.nav-links li[data-v-5cdcfb01]{width:100%}.nav-links li a[data-v-5cdcfb01]{width:100%;padding:10px;text-align:left}.search-item[data-v-5cdcfb01]{width:100%}.group[data-v-5cdcfb01]{max-width:100%}.input[data-v-5cdcfb01]{height:40px;padding-left:2.2rem;font-size:1rem}.search-icon[data-v-5cdcfb01]{left:1.2rem}.hamburger[data-v-5cdcfb01]{display:flex}.hamburger.active span[data-v-5cdcfb01]:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger.active span[data-v-5cdcfb01]:nth-child(2){opacity:0}.hamburger.active span[data-v-5cdcfb01]:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.logo img[data-v-5cdcfb01]{height:36px}}.site-footer[data-v-d33020e1]{padding:20px;text-align:center;border-top:1px solid #eee;margin-top:30px}.wrap[data-v-d33020e1]{color:#666;font-size:14px}.beian-link[data-v-d33020e1]{color:#666;text-decoration:none;transition:color .2s}.beian-link[data-v-d33020e1]:hover{color:#007bff}main[data-v-448c5e8b]{min-height:100vh}.skill-main{justify-content:center;min-height:100vh;display:flex;background:#b79c9c}.skill_tree{width:200px;height:200px;background-color:#5f4545;margin:20px}