.dynamic-background[data-v-d17d73f1]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:#fff5f5}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#fff5f5}#app{min-height:100vh;display:flex;flex-direction:column}.navbar{position:fixed;top:0;left:0;width:100%;padding:1rem 0;box-shadow:0 2px 10px #0000001a;z-index:1000;transition:all .3s ease;-webkit-backdrop-filter:saturate(180%) blur(6px);backdrop-filter:saturate(180%) blur(6px);background:#ffffffe6}.navbar .nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:flex-start;align-items:center;gap:3rem}.navbar .nav-container .logo a{color:#333;text-decoration:none;font-size:1.8rem;font-weight:700}.navbar .nav-container .nav-menu{display:flex;list-style:none;gap:2rem}.navbar .nav-container .nav-menu .nav-link{color:#333;text-decoration:none;padding:.5rem 1rem;border-radius:5px;transition:all .3s ease}.navbar .nav-container .nav-menu .nav-link:hover{background-color:#f878841a}.navbar .nav-container .nav-menu .nav-link.router-link-active{background-color:#f8788433;color:#f87884;font-weight:600}.main-content{flex:1;max-width:1200px;margin:0 auto;padding:8rem 2rem 2rem;width:100%}.footer{background-color:#343a40;color:#fff;text-align:center;padding:1.5rem 0;margin-top:auto}.footer .footer-content{max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.navbar .nav-container{flex-direction:column;gap:1rem}.navbar .nav-container .nav-menu{gap:1rem}.main-content{padding:8rem 1rem 1rem}}.back-to-top-btn{position:fixed;bottom:2rem;right:2rem;width:3rem;height:3rem;border-radius:50%;background:#fffffff2;color:#f87884;border:none;cursor:pointer;opacity:.9;transition:all .3s ease;z-index:999;box-shadow:0 2px 10px #00000026;display:flex;justify-content:center;align-items:center;padding:0}.back-to-top-btn:hover{opacity:1;transform:translateY(-5px) scale(1.05);box-shadow:0 4px 15px #0003}.back-to-top-btn .progress-ring{position:absolute;top:0;left:0;transform:rotate(-90deg);width:100%;height:100%}.back-to-top-btn .progress-ring-circle{transition:stroke-dashoffset .3s ease}.back-to-top-btn .back-to-top-arrow{font-size:1.2rem;font-weight:700;position:relative;z-index:1}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}