@charset "UTF-8";.blog-avatar-menu[data-v-a65d566a]{position:relative;display:inline-flex;align-items:center;justify-content:center}.blog-avatar-menu__trigger[data-v-a65d566a]{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;cursor:pointer;background:var(--color-bg-tertiary);border:1px solid var(--color-border-container);box-sizing:border-box}html.light .blog-avatar-menu__trigger[data-v-a65d566a]{background:var(--color-bg-contrary)}.blog-avatar-menu__avatar[data-v-a65d566a]{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%;pointer-events:none}.blog-avatar-menu__dropdown[data-v-a65d566a]{position:absolute;top:calc(100% + 8px);right:0;min-width:120px;padding:8px 0;background:var(--color-bg-secondary);border-radius:12px;box-shadow:var(--box-shadow-component);z-index:1000;overflow:hidden}.blog-avatar-menu__item[data-v-a65d566a]{display:flex;align-items:center;width:100%;height:40px;padding:0 16px;box-sizing:border-box;border:none;background:transparent;color:var(--color-text-1);font-family:PingFang SC,MiSans Latin VF,sans-serif;font-size:13px;font-weight:400;line-height:24px;text-align:left;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .2s ease}.blog-avatar-menu__item[data-v-a65d566a]:hover{background:var(--color-other-1)}.publish-dropdown-container[data-v-564ed92f]{position:relative;display:inline-block}.publish-button[data-v-564ed92f]{min-width:88px;height:32px;padding:0 16px;border-radius:999px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;box-sizing:border-box;font:inherit;appearance:none;border-top:2px solid var(--color-text-1);border-bottom:2px solid var(--color-text-1);border-left:.5px solid var(--color-text-1);border-right:.5px solid var(--color-text-1);background:transparent;color:var(--color-text-1)}.publish-button[data-v-564ed92f]:before{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background-color:var(--color-text-1);border-radius:50%;transform-origin:center;transform:translate3d(-50%,-50%,0) scale(0);transition:transform .5s ease-in-out}.publish-button[data-v-564ed92f]:hover,.publish-button.dropdown-open[data-v-564ed92f]{color:var(--color-bg-page)}.publish-button[data-v-564ed92f]:hover:before,.publish-button.dropdown-open[data-v-564ed92f]:before{transform:translate3d(-50%,-50%,0) scale(40)}.publish-text[data-v-564ed92f]{font-family:MiSans Latin VF,sans-serif;font-size:14px;line-height:24px;text-align:center;position:relative;z-index:1}.dropdown-menu[data-v-564ed92f]{position:absolute;top:calc(100% + 8px);left:0;min-width:178px;padding-bottom:8px;padding-top:8px;background:var(--color-bg-secondary);border-radius:12px;box-shadow:var(--box-shadow-component);z-index:1000;overflow:hidden}.dropdown-item[data-v-564ed92f]{cursor:pointer;transition:background-color .2s ease}.dropdown-item[data-v-564ed92f]:hover{background:var(--color-other-1)}.blog-item[data-v-564ed92f]{height:40px;padding:6px 16px;display:flex;align-items:center;gap:4px}.quickstart-item[data-v-564ed92f]{height:40px;padding:8px 16px;display:flex;flex-direction:column;justify-content:center}.quickstart-content[data-v-564ed92f]{display:flex;align-items:center;gap:16px}.item-text[data-v-564ed92f]{font-family:PingFang SC,sans-serif;font-weight:400;font-size:13px;line-height:24px;color:var(--color-text-1);white-space:nowrap}.divider[data-v-564ed92f]{width:1px;height:8px;background:var(--color-border-component);flex-shrink:0}.settings-section[data-v-564ed92f]{display:flex;align-items:center;gap:4px;cursor:pointer;border-radius:2px;color:var(--color-text-1)}.settings-text[data-v-564ed92f]{font-family:PingFang SC,sans-serif;font-weight:400;font-size:13px;line-height:normal;color:var(--color-text-1)}.language-switch[data-v-acfd24d4]{display:flex;align-items:center;gap:4px;color:var(--color-theme-1);line-height:24px;cursor:pointer}.language-switch .arrow-icon[data-v-acfd24d4]{display:flex;align-items:center;transform:rotate(180deg);transition:transform .3s}.language-switch .arrow-icon.active[data-v-acfd24d4]{transform:rotate(0)}.theme-toggle[data-v-a31cf5ca]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:50%;background:var(--color-other-1);color:var(--color-text-1);cursor:pointer;flex-shrink:0}@keyframes slideInFromLeft-2a22e711{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.blog-navigation[data-v-2a22e711]{display:flex;justify-content:space-between;align-items:center;padding:0 92px;transition:all .3s}.blog-navigation.has-bg[data-v-2a22e711]{background:color-mix(in srgb,var(--color-bg-page) 96%,transparent);backdrop-filter:blur(6px)}.blog-navigation.is-m[data-v-2a22e711]{padding:0 20px}.blog-navigation .side-menu[data-v-2a22e711]{position:fixed;height:100vh;width:100vw;top:0;left:0;z-index:3;background:var(--color-fill-black-1, rgba(0, 0, 0, .64));font-family:Outfit}.blog-navigation .side-menu .menu[data-v-2a22e711]{display:flex;flex-direction:column;gap:8px}.blog-navigation .side-menu .inner[data-v-2a22e711]{background:var(--color-bg-page);width:67.6328502415%;height:100%;animation:slideInFromLeft-2a22e711 .3s ease-out forwards}.blog-navigation .side-menu .inner button[data-v-2a22e711]{width:100%;height:48px;border-radius:24px}@media (max-width: 972px){.blog-navigation[data-v-2a22e711]{padding:0 24px}}.blog-header-logo-link[data-v-2a22e711]{display:inline-flex;align-items:center;line-height:0}.blog-header-sign-in[data-v-2a22e711]{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 16px;border-top:2px solid var(--color-text-1);border-bottom:2px solid var(--color-text-1);border-left:.5px solid var(--color-text-1);border-right:.5px solid var(--color-text-1);border-radius:999px;color:var(--color-text-1);font-size:14px;font-weight:400;line-height:24px;text-decoration:none;background:transparent;cursor:pointer;box-sizing:border-box;white-space:nowrap;position:relative;overflow:hidden}.blog-header-sign-in[data-v-2a22e711]:before{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background-color:var(--color-text-1);border-radius:50%;transform-origin:center;transform:translate3d(-50%,-50%,0) scale(0);transition:transform .5s ease-in-out}.blog-header-sign-in[data-v-2a22e711]:hover{color:var(--color-bg-page)}.blog-header-sign-in[data-v-2a22e711]:hover:before{transform:translate3d(-50%,-50%,0) scale(40)}.blog-header-sign-in__label[data-v-2a22e711]{position:relative;z-index:1}