.nav-container[data-v-b0351da5]{position:fixed;top:20px;left:1%;z-index:100}.nav-logo[data-v-b0351da5]{width:60px;height:60px;border-radius:0;background-color:#fff3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;transition:height var(--duration-slow) var(--ease-spring),box-shadow var(--duration-slow) var(--ease-out),backdrop-filter var(--duration-slow) var(--ease-out);overflow:hidden;box-shadow:var(--shadow-glass)}.nav-logo.expanded[data-v-b0351da5]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:300px;border-radius:0;box-shadow:var(--shadow-glass-hover)}.logo[data-v-b0351da5]{width:60px;height:60px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:24px;font-weight:700;flex-shrink:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.logo[data-v-b0351da5]:hover{transform:scale(1.05)}.logo[data-v-b0351da5]:active{transform:scale(var(--active-scale))}.nav-items[data-v-b0351da5]{display:flex;flex-direction:column;gap:20px;padding:15px 0}.nav-icon[data-v-b0351da5]{color:#fff;width:24px;height:24px;display:flex;justify-content:center;align-items:center;transition:transform var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out)}.nav-icon[data-v-b0351da5]:hover{transform:scale(var(--hover-scale-sm));color:var(--target-color)}.nav-icon[data-v-b0351da5]:active{transform:scale(var(--active-scale))}.fade-enter-active[data-v-b0351da5],.fade-leave-active[data-v-b0351da5]{transition:opacity var(--duration-fast) var(--ease-out)}.fade-enter-from[data-v-b0351da5],.fade-leave-to[data-v-b0351da5]{opacity:0}.router-link-active[data-v-b0351da5]{color:var(--target-color)!important}.canvas-container[data-v-dfd04dea]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;background-color:#fff}.style-toggle[data-v-dfd04dea]{z-index:1000;top:20px;left:120px;padding:5px;background-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;color:#fff;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.65,.43,.31,1.23);box-shadow:2px 2px 1px #dedede,-2px -2px 1px #dedede;position:fixed;overflow:hidden;font-size:10px;text-transform:uppercase;letter-spacing:1px;pointer-events:auto}.style-toggle[data-v-dfd04dea]:hover{background-color:#ffffff4d;box-shadow:5px 5px 1px #dedede,-5px -5px 1px #dedede}.group-buttons[data-v-dfd04dea]{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:1}.group-button[data-v-dfd04dea]{padding:8px 16px;background-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;border-radius:4px}.group-button[data-v-dfd04dea]:hover{background-color:#ffffff4d}.group-button.active[data-v-dfd04dea]{background-color:#ffffff80;box-shadow:0 0 10px #ffffff80}*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.settings-container[data-v-e76d299c]{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 20px}.contact-section[data-v-e76d299c]{color:#fff}.home-container[data-v-b03d66d5]{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:5;transition:transform .5s ease}.blog-card[data-v-b03d66d5]{width:200px;height:200px;cursor:pointer;transform-style:preserve-3d;transition:transform var(--duration-slow) var(--ease-out),box-shadow var(--duration-slow) var(--ease-out);will-change:transform;transform:translateZ(0);box-shadow:none}.blog-card h1[data-v-b03d66d5]{margin-bottom:15px;transform:translateZ(30px)}.blog-content[data-v-b03d66d5]{transform:translateZ(30px)}h1[data-v-b03d66d5],p[data-v-b03d66d5]{color:#fff}.main-scroll-container[data-v-522e962d]{position:relative;height:100vh;overflow-y:auto;width:100%;overflow-x:hidden}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}.back-to-top[data-v-e5298ee2]{width:50px;height:50px;border-radius:50%;background:#fff;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;border:var(--border);z-index:100;box-shadow:var(--shadow-sm);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),opacity var(--duration-normal) var(--ease-out);opacity:0;visibility:hidden}.back-to-top.show[data-v-e5298ee2]{opacity:1;visibility:visible}.back-to-top[data-v-e5298ee2]:hover{transform:translateY(var(--hover-lift));box-shadow:var(--shadow-primary)}.back-to-top[data-v-e5298ee2]:active{transform:translateY(var(--hover-lift)) scale(var(--active-scale))}.back-to-top[data-v-e5298ee2]:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.back-to-top svg[data-v-e5298ee2]{width:24px;height:24px;transition:transform var(--duration-normal) var(--ease-out)}.back-to-top:hover svg[data-v-e5298ee2]{transform:translateY(-2px)}.post-detail-container[data-v-835c7bc6]{position:fixed;top:0;left:94.6%;width:94.6%;height:100vh;background:var(--bg);overflow-y:auto;transition:transform .5s var(--ease-out-expo);margin-left:5.4%;z-index:10}.post-detail-container.show[data-v-835c7bc6]{transform:translate(-100%)}.post-detail-loading-wrap[data-v-835c7bc6]{display:flex;align-items:center;justify-content:center;min-height:60vh}.post-detail-content[data-v-835c7bc6]{max-width:1200px;margin:0 auto;padding:60px 40px;font-family:var(--font-family-base)}.header-section[data-v-835c7bc6]{text-align:center;margin-bottom:60px}.header-section h1[data-v-835c7bc6]{font-family:var(--font-family-base);font-size:2.25rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary);letter-spacing:.02em}.post-meta[data-v-835c7bc6]{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:20px}.post-tags[data-v-835c7bc6]{display:flex;gap:10px}.tag[data-v-835c7bc6]{padding:.5rem 1rem;background:var(--tag-background);color:var(--text-primary);border-radius:20px;font-size:1rem;font-weight:600}.divider[data-v-835c7bc6]{width:100%;height:2px;background:var(--target-color);margin:20px 0 0}.main-content[data-v-835c7bc6]{display:flex;gap:40px;position:relative}.article-content[data-v-835c7bc6]{padding:3rem;border:var(--border);border-radius:12px;background:#fff;min-width:100px;flex:1;font-family:var(--font-family-base)}.article-content[data-v-835c7bc6] h2{font-family:inherit;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:2rem -.8rem .5rem;letter-spacing:.02em}.article-content .markdown-content[data-v-835c7bc6] h3,.article-content[data-v-835c7bc6] h3{font-family:var(--font-family-base);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:.5rem 0;letter-spacing:.01em}.markdown-content[data-v-835c7bc6]{color:var(--text-secondary);font-family:var(--font-family-base);font-size:1.0625rem;line-height:1.75;letter-spacing:.02em}.markdown-content[data-v-835c7bc6] p{margin:1rem 0}.markdown-content[data-v-835c7bc6] ul{margin:1rem 0;padding-left:2rem}.markdown-content[data-v-835c7bc6] li{margin:.5rem 0}.markdown-content[data-v-835c7bc6] ol{margin:1rem 0;padding-left:2rem}.markdown-content[data-v-835c7bc6] table{width:100%;border-collapse:collapse;margin:1.5rem 0;display:block;overflow-x:auto}.markdown-content[data-v-835c7bc6] th,.markdown-content[data-v-835c7bc6] td{padding:.8rem 1rem;border-bottom:1px solid var(--target-color);text-align:left;min-width:200px}.markdown-content[data-v-835c7bc6] th{border-top:2px solid var(--target-color);font-weight:600;color:var(--text-primary)}.markdown-content[data-v-835c7bc6] table::-webkit-scrollbar{height:8px}.markdown-content[data-v-835c7bc6] table::-webkit-scrollbar-track{background:#fff;border-radius:4px}.markdown-content[data-v-835c7bc6] table::-webkit-scrollbar-thumb{background:var(--target-color);border-radius:4px}.markdown-content[data-v-835c7bc6] a{color:var(--link-color, #3498db);text-decoration:none;border-bottom:1px solid transparent;transition:color var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out);font-weight:500;position:relative}.markdown-content[data-v-835c7bc6] a:hover{color:var(--link-hover-color, #2980b9);border-bottom:1px solid currentColor}.markdown-content[data-v-835c7bc6] a:visited{color:var(--link-visited-color, #9b59b6)}.markdown-content[data-v-835c7bc6] a:active{color:var(--link-active-color, #e74c3c)}.markdown-content[data-v-835c7bc6] .code-block-wrapper{margin:1em 0;border-radius:8px;overflow:hidden;background:color-mix(in srgb,var(--target-color) 10%,white);border:1px solid color-mix(in srgb,var(--target-color) 28%,transparent)}.markdown-content[data-v-835c7bc6] .code-block-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:color-mix(in srgb,var(--target-color) 16%,white);border-bottom:1px solid color-mix(in srgb,var(--target-color) 22%,transparent);font-family:var(--font-family-code);font-size:.8rem}.markdown-content[data-v-835c7bc6] .code-block-lang{color:var(--text-secondary);font-weight:600;text-transform:capitalize}.markdown-content[data-v-835c7bc6] .code-block-copy{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;font-family:var(--font-family-base);font-size:.8rem;transition:background var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.markdown-content[data-v-835c7bc6] .code-block-copy:hover{background:color-mix(in srgb,var(--target-color) 25%,transparent);color:var(--target-color)}.markdown-content[data-v-835c7bc6] .code-block-copy:active{transform:scale(var(--active-scale))}.markdown-content[data-v-835c7bc6] .code-block-copy.copied{color:#2e7d32}.markdown-content[data-v-835c7bc6] .code-block-copy-icon{display:inline-flex;align-items:center;justify-content:center}.markdown-content[data-v-835c7bc6] .code-block-wrapper pre{margin:0;border-radius:0;border:none;background:color-mix(in srgb,var(--target-color) 10%,white);padding:16px;overflow:auto;line-height:1.45}.markdown-content[data-v-835c7bc6] pre:not(.code-block-wrapper pre){background:color-mix(in srgb,var(--target-color) 10%,white);border-radius:6px;padding:16px;overflow:auto;line-height:1.45;margin:1em 0;border:1px solid color-mix(in srgb,var(--target-color) 28%,transparent)}.markdown-content[data-v-835c7bc6] pre code{font-size:85%;background:none;color:inherit}.markdown-content[data-v-835c7bc6] pre code .hljs{background:none}.markdown-content[data-v-835c7bc6] :not(pre)>code{background-color:color-mix(in srgb,var(--target-color) 18%,white);border-radius:4px;padding:.2em .4em;color:var(--text-secondary);font-size:85%;border:1px solid color-mix(in srgb,var(--target-color) 22%,transparent)}.markdown-content[data-v-835c7bc6] pre::-webkit-scrollbar{height:8px}.markdown-content[data-v-835c7bc6] pre::-webkit-scrollbar-track{background:#fff;border-radius:4px}.markdown-content[data-v-835c7bc6] pre::-webkit-scrollbar-thumb{background:var(--target-color);border-radius:4px}.sidebar[data-v-835c7bc6]{flex:2;max-width:300px;position:sticky;top:40px;height:fit-content}.toc-container[data-v-835c7bc6]{padding:1.8rem;border:var(--border);border-radius:12px;background:#fff}.toc-container h3[data-v-835c7bc6]{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem}.toc-list[data-v-835c7bc6]{display:flex;flex-direction:column;gap:.2rem;max-height:70vh;overflow-y:auto}.toc-list[data-v-835c7bc6]::-webkit-scrollbar{width:3px}.toc-list[data-v-835c7bc6]::-webkit-scrollbar-track{background:var(--bg);border-radius:3px}.toc-list[data-v-835c7bc6]::-webkit-scrollbar-thumb{background:var(--target-color);border-radius:3px}.toc-item[data-v-835c7bc6]{color:var(--text-secondary);cursor:pointer;padding:.5rem;margin-right:.3rem;border-radius:6px;transition:background var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.toc-item[data-v-835c7bc6]:hover{background:var(--tag-background);color:var(--text-primary);transform:translate(2px)}.toc-item[data-v-835c7bc6]:active{transform:translate(2px) scale(var(--active-scale))}.toc-item.active[data-v-835c7bc6]{background:var(--bg);color:var(--text-primary)}.toc-h3[data-v-835c7bc6]{font-size:1rem;padding-left:1.5rem;color:var(--text-secondary)}.toc-h2[data-v-835c7bc6]{font-weight:600;padding-top:.5rem;padding-left:.5rem}.back-button[data-v-835c7bc6]{position:sticky;top:28px;left:1.5rem;width:100px;display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--button-background);border:var(--border);border-radius:25px;color:var(--text-primary);cursor:pointer;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm)}.back-button[data-v-835c7bc6]:hover{transform:translate(-4px);background:var(--button-background-hover);box-shadow:var(--shadow-primary)}.back-button[data-v-835c7bc6]:active{transform:translate(-4px) scale(var(--active-scale))}.back-button svg[data-v-835c7bc6]{width:20px;height:20px;transition:transform var(--duration-normal) var(--ease-out)}.back-button:hover svg[data-v-835c7bc6]{transform:translate(-2px)}.back-button span[data-v-835c7bc6]{font-size:1rem;font-weight:700}.back-to-top[data-v-835c7bc6]{position:sticky;left:calc(100% - 100px);bottom:40px;width:50px;height:50px;border-radius:50%;background:#fff;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);border:var(--border);box-shadow:var(--shadow-sm)}.back-to-top.show[data-v-835c7bc6]{opacity:1;visibility:visible}.back-to-top[data-v-835c7bc6]:hover{transform:translateY(var(--hover-lift));box-shadow:var(--shadow-primary)}.back-to-top[data-v-835c7bc6]:active{transform:translateY(var(--hover-lift)) scale(var(--active-scale))}.back-to-top svg[data-v-835c7bc6]{width:24px;height:24px;transition:transform var(--duration-normal) var(--ease-out)}.back-to-top:hover svg[data-v-835c7bc6]{transform:translateY(-2px)}@media(max-width:1200px){.main-content[data-v-835c7bc6]{flex-direction:column}.sidebar[data-v-835c7bc6]{max-width:100%;position:relative;top:0}.post-detail-content[data-v-835c7bc6]{padding:40px 20px}}.posts-container[data-v-81b71a55]{position:fixed;top:0;left:94.6%;width:94.6%;height:100vh;background:var(--bg);overflow-y:auto;transition:transform .5s var(--ease-out-expo);margin-left:5.4%;z-index:100}.posts-container.show[data-v-81b71a55]{transform:translate(-100%)}.posts-content[data-v-81b71a55]{max-width:1250px;margin:0 auto;padding:0 40px;position:relative}.header-section[data-v-81b71a55]{padding:40px 0 0;width:100%;text-align:center;margin-bottom:40px}.title[data-v-81b71a55]{text-align:justify;font-size:3rem;margin-bottom:.5rem;color:var(--text-title)}.header-section .introduction[data-v-81b71a55]{text-align:justify;font-size:1.5rem;margin-bottom:.5rem;color:var(--text-title)}.divider[data-v-81b71a55]{width:100%;height:2px;background:var(--text-title)}.main-content[data-v-81b71a55]{display:flex;gap:40px;position:relative}.articles-section[data-v-81b71a55]{flex:2}.articles-list[data-v-81b71a55]{display:flex;flex-direction:column;gap:2rem}.pagination-wrap[data-v-81b71a55]{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid color-mix(in srgb,var(--text-title) 25%,transparent);display:flex;flex-direction:column;align-items:center;gap:1rem}.pagination-info[data-v-81b71a55]{font-size:.9rem;color:var(--text-primary)}.pagination[data-v-81b71a55]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.page-btn[data-v-81b71a55]{padding:.5rem 1rem;border:var(--border);border-radius:8px;background:#fff;color:var(--text-primary);cursor:pointer;font-size:.9rem;transition:background var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out);box-shadow:var(--shadow-sm)}.page-btn[data-v-81b71a55]:hover:not(:disabled){background:var(--target-color);color:#fff;border-color:var(--target-color);transform:scale(var(--hover-scale-sm))}.page-btn[data-v-81b71a55]:active:not(:disabled){transform:scale(var(--active-scale))}.page-btn[data-v-81b71a55]:disabled{opacity:.5;cursor:not-allowed}.page-numbers[data-v-81b71a55]{display:flex;align-items:center;gap:.25rem}.page-num[data-v-81b71a55]{min-width:36px;height:36px;padding:0 .4rem;border:var(--border);border-radius:8px;background:#fff;color:var(--text-primary);cursor:pointer;font-size:.9rem;transition:background var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out);box-shadow:var(--shadow-sm)}.page-num[data-v-81b71a55]:hover:not(:disabled):not(.ellipsis){background:var(--target-color);color:#fff;border-color:var(--target-color);transform:scale(var(--hover-scale-sm))}.page-num[data-v-81b71a55]:active:not(:disabled):not(.ellipsis){transform:scale(var(--active-scale))}.page-num.active[data-v-81b71a55]{background:var(--target-color);color:#fff;border-color:var(--target-color)}.page-num.ellipsis[data-v-81b71a55],.page-num[data-v-81b71a55]:disabled{cursor:default;border-color:transparent;background:transparent}.article-card[data-v-81b71a55]{padding:2rem;border:var(--border);background:#fff;border-radius:12px;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);cursor:pointer;min-width:100px;box-shadow:var(--shadow-sm)}.article-card[data-v-81b71a55]:hover{transform:translateY(var(--hover-lift));box-shadow:var(--shadow-primary)}.article-card[data-v-81b71a55]:active{transform:translateY(var(--hover-lift)) scale(var(--active-scale))}.article-meta[data-v-81b71a55]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.article-date[data-v-81b71a55]{color:var(--text-secondary);font-size:.9rem}.article-tags[data-v-81b71a55]{display:flex;gap:.5rem;flex-wrap:wrap}.article-title[data-v-81b71a55]{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.article-excerpt[data-v-81b71a55]{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.article-footer[data-v-81b71a55]{display:flex;justify-content:flex-end}.read-more[data-v-81b71a55]{color:var(--text-secondary);font-weight:500}.sidebar[data-v-81b71a55]{flex:1;max-width:300px;position:sticky;top:40px;height:min-content}.search-box input[data-v-81b71a55]{width:100%;padding:1rem;border:var(--border);border-radius:12px;font-size:1rem;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);background:#fff;color:var(--text-secondary);box-shadow:var(--shadow-sm)}.search-box input[data-v-81b71a55]:hover{outline:none;transform:translateY(var(--hover-lift-sm));box-shadow:var(--shadow-md)}.search-box input[data-v-81b71a55]:focus{outline:none;box-shadow:var(--shadow-primary)}.search-box input[data-v-81b71a55]:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.tags-section[data-v-81b71a55]{margin-top:2rem;background:#fff;padding:1.5rem;border-radius:12px;border:var(--border);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm)}.tags-section[data-v-81b71a55]:hover{transform:translateY(var(--hover-lift-sm));box-shadow:var(--shadow-primary)}.tags-section h3[data-v-81b71a55]{margin-bottom:1rem;color:var(--text-primary);font-size:1.2rem}.tags-cloud[data-v-81b71a55]{display:flex;flex-wrap:wrap;gap:.8rem}.tag[data-v-81b71a55]{padding:.5rem 1rem;border:var(--tag-border);color:var(--tag-color);border-radius:20px;font-size:.9rem;cursor:pointer;transition:background var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.tag[data-v-81b71a55]:hover{background:var(--tag-background-hover);color:#fff;transform:scale(var(--hover-scale-sm))}.tag[data-v-81b71a55]:active{transform:scale(var(--active-scale))}.tag.active[data-v-81b71a55]{background:var(--tag-background-hover);color:#fff}.back-to-top[data-v-81b71a55]{position:sticky;left:calc(100% - 100px);bottom:40px;width:50px;height:50px;border-radius:50%;background:#fff;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);border:var(--border);box-shadow:var(--shadow-sm)}.back-to-top.show[data-v-81b71a55]{opacity:1;visibility:visible}.back-to-top[data-v-81b71a55]:hover{transform:translateY(var(--hover-lift));box-shadow:var(--shadow-primary)}.back-to-top[data-v-81b71a55]:active{transform:translateY(var(--hover-lift)) scale(var(--active-scale))}.back-to-top svg[data-v-81b71a55]{width:24px;height:24px;transition:transform var(--duration-normal) var(--ease-out)}.back-to-top:hover svg[data-v-81b71a55]{transform:translateY(-2px)}@media(max-width:1200px){.main-content[data-v-81b71a55]{flex-direction:column}.sidebar[data-v-81b71a55]{max-width:100%;position:relative;top:0}.posts-content[data-v-81b71a55]{padding:40px 20px}}.media-container[data-v-71ffd9c1]{position:fixed;top:0;left:94.6%;width:94.6%;height:100vh;background:var(--bg);overflow-y:auto;transition:transform .5s var(--ease-out-expo);margin-left:5.4%;z-index:100}.media-container.show[data-v-71ffd9c1]{transform:translate(-100%)}.media-content[data-v-71ffd9c1]{max-width:1250px;margin:0 auto;padding:0 40px;position:relative}.header-section[data-v-71ffd9c1]{padding:40px 0 0;width:100%;text-align:center;margin-bottom:40px}.title[data-v-71ffd9c1]{text-align:justify;font-size:3rem;margin-bottom:.5rem;color:var(--text-title)}.header-section .introduction[data-v-71ffd9c1]{text-align:justify;font-size:1.5rem;margin-bottom:.5rem;color:var(--text-title)}.divider[data-v-71ffd9c1]{width:100%;height:2px;background:var(--text-title)}.main-content[data-v-71ffd9c1]{display:flex;gap:40px;position:relative}.items-section[data-v-71ffd9c1]{flex:2}.filter-controls[data-v-71ffd9c1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.filter-buttons[data-v-71ffd9c1]{display:flex;gap:.8rem}.filter-buttons button[data-v-71ffd9c1]{color:var(--text-secondary);padding:.5rem 1.2rem .6rem;border:var(--border);background:#fff;border-radius:20px;cursor:pointer;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out);font-size:.9rem;box-shadow:var(--shadow-sm)}.filter-buttons button[data-v-71ffd9c1]:hover{transform:translateY(var(--hover-lift-sm));box-shadow:var(--shadow-primary)}.filter-buttons button[data-v-71ffd9c1]:active{transform:translateY(var(--hover-lift-sm)) scale(var(--active-scale))}.filter-buttons button.active[data-v-71ffd9c1]{background:var(--target-color);color:#fff;border-color:var(--target-color)}.sort-controls select[data-v-71ffd9c1]{color:var(--text-secondary);padding:.5rem 1rem .6rem;border:var(--border);border-radius:20px;background:#fff;cursor:pointer;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm)}.sort-controls select[data-v-71ffd9c1]:hover{transform:translateY(var(--hover-lift-sm));box-shadow:var(--shadow-primary)}.items-list[data-v-71ffd9c1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem}.pagination-wrap[data-v-71ffd9c1]{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:1rem}.pagination-info[data-v-71ffd9c1]{font-size:.9rem;color:var(--text-primary)}.pagination[data-v-71ffd9c1]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.page-btn[data-v-71ffd9c1]{padding:.5rem 1rem;border:var(--border);border-radius:8px;background:#fff;color:var(--text-primary);cursor:pointer;font-size:.9rem;transition:background var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out);box-shadow:var(--shadow-sm)}.page-btn[data-v-71ffd9c1]:hover:not(:disabled){background:var(--target-color);color:#fff;border-color:var(--target-color);transform:scale(var(--hover-scale-sm))}.page-btn[data-v-71ffd9c1]:active:not(:disabled){transform:scale(var(--active-scale))}.page-btn[data-v-71ffd9c1]:disabled{opacity:.5;cursor:not-allowed}.page-numbers[data-v-71ffd9c1]{display:flex;align-items:center;gap:.25rem}.page-num[data-v-71ffd9c1]{min-width:36px;height:36px;padding:0 .4rem;border:var(--border);border-radius:8px;background:#fff;color:var(--text-primary);cursor:pointer;font-size:.9rem;transition:background var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out);box-shadow:var(--shadow-sm)}.page-num[data-v-71ffd9c1]:hover:not(:disabled):not(.ellipsis){background:var(--target-color);color:#fff;border-color:var(--target-color);transform:scale(var(--hover-scale-sm))}.page-num[data-v-71ffd9c1]:active:not(:disabled):not(.ellipsis){transform:scale(var(--active-scale))}.page-num.active[data-v-71ffd9c1]{background:var(--target-color);color:#fff;border-color:var(--target-color)}.page-num.ellipsis[data-v-71ffd9c1],.page-num[data-v-71ffd9c1]:disabled{cursor:default;border-color:transparent;background:transparent}.media-card[data-v-71ffd9c1]{display:flex;gap:1.5rem;padding:1.2rem;border:var(--border);background:#fff;border-radius:12px;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);cursor:pointer;height:170px;box-shadow:var(--shadow-sm)}.media-card[data-v-71ffd9c1]:hover{transform:translateY(var(--hover-lift));box-shadow:var(--shadow-primary)}.media-card[data-v-71ffd9c1]:active{transform:translateY(var(--hover-lift)) scale(var(--active-scale))}.media-cover[data-v-71ffd9c1]{width:120px;height:170px;flex-shrink:0;border-radius:8px;overflow:hidden;position:relative;cursor:pointer}.media-cover img[data-v-71ffd9c1]{width:100%;height:100%;object-fit:cover}.cover-placeholder[data-v-71ffd9c1]{width:100%;height:100%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:3rem}.media-rating[data-v-71ffd9c1]{position:absolute;top:10px;right:10px;background:#000000b3;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.media-info[data-v-71ffd9c1]{flex:1;display:flex;flex-direction:column}.media-meta[data-v-71ffd9c1]{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;color:var(--text-secondary)}.media-date[data-v-71ffd9c1]{padding:.2rem 0rem;font-size:.8rem}.media-type[data-v-71ffd9c1]{font-size:.8rem}.media-title[data-v-71ffd9c1]{font-size:1.3rem;margin-bottom:.5rem;color:var(--text-primary)}.media-summary[data-v-71ffd9c1]{color:var(--text-secondary);line-height:1.6;margin-right:.5rem;font-size:.95rem;flex:1;overflow:auto}.media-summary[data-v-71ffd9c1]::-webkit-scrollbar{width:4px}.media-summary[data-v-71ffd9c1]::-webkit-scrollbar-track{background:color-mix(in srgb,var(--target-color) 8%,white);border-radius:4px}.media-summary[data-v-71ffd9c1]::-webkit-scrollbar-thumb{background:var(--secondary-color);border-radius:4px}.media-tags[data-v-71ffd9c1]{display:flex;gap:.5rem;flex-wrap:wrap}.sidebar[data-v-71ffd9c1]{flex:1;max-width:300px;position:sticky;top:40px;height:min-content}.search-box input[data-v-71ffd9c1]{width:100%;padding:1rem;border:var(--border);border-radius:12px;font-size:1rem;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);background:#fff;color:var(--text-secondary);box-shadow:var(--shadow-sm)}.search-box input[data-v-71ffd9c1]:hover{outline:none;transform:translateY(var(--hover-lift-sm));box-shadow:var(--shadow-md)}.search-box input[data-v-71ffd9c1]:focus{outline:none;box-shadow:var(--shadow-primary)}.search-box input[data-v-71ffd9c1]:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.tags-section[data-v-71ffd9c1]{margin-top:2rem;background:#fff;padding:1.5rem;border-radius:12px;border:var(--border);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm)}.tags-section[data-v-71ffd9c1]:hover{transform:translateY(var(--hover-lift-sm));box-shadow:var(--shadow-primary)}.tags-section h3[data-v-71ffd9c1]{margin-bottom:1rem;color:var(--text-primary);font-size:1.2rem}.tags-cloud[data-v-71ffd9c1]{display:flex;flex-wrap:wrap;gap:.8rem}.tag[data-v-71ffd9c1]{padding:.5rem 1rem;border:var(--tag-border);color:var(--tag-color);border-radius:20px;font-size:.9rem;cursor:pointer;transition:background var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.tag[data-v-71ffd9c1]:hover{background:var(--tag-background-hover);color:#fff;transform:scale(var(--hover-scale-sm))}.tag[data-v-71ffd9c1]:active{transform:scale(var(--active-scale))}.tag.active[data-v-71ffd9c1]{background:var(--tag-background-hover);color:#fff}.stats-section[data-v-71ffd9c1]{margin-top:2rem;background:#fff;padding:1.5rem;border-radius:12px;border:var(--border);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm)}.stats-section[data-v-71ffd9c1]:hover{transform:translateY(var(--hover-lift-sm));box-shadow:var(--shadow-primary)}.stats-section h3[data-v-71ffd9c1]{margin-bottom:1rem;color:var(--text-primary);font-size:1.2rem}.stats-grid[data-v-71ffd9c1]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-item[data-v-71ffd9c1]{text-align:center;padding:1rem;background:var(--bg-secondary);border-radius:8px}.stat-value[data-v-71ffd9c1]{display:block;font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:.3rem}.stat-label[data-v-71ffd9c1]{font-size:.9rem;color:var(--text-secondary)}.back-to-top[data-v-71ffd9c1]{position:sticky;left:calc(100% - 100px);bottom:40px;width:50px;height:50px;border-radius:50%;background:#fff;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);border:var(--border);box-shadow:var(--shadow-sm)}.back-to-top.show[data-v-71ffd9c1]{opacity:1;visibility:visible}.back-to-top[data-v-71ffd9c1]:hover{transform:translateY(var(--hover-lift));box-shadow:var(--shadow-primary)}.back-to-top[data-v-71ffd9c1]:active{transform:translateY(var(--hover-lift)) scale(var(--active-scale))}.back-to-top svg[data-v-71ffd9c1]{width:24px;height:24px;transition:transform var(--duration-normal) var(--ease-out)}.back-to-top:hover svg[data-v-71ffd9c1]{transform:translateY(-2px)}.media-detail-modal[data-v-71ffd9c1]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content[data-v-71ffd9c1]{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;padding:2rem;position:relative;box-shadow:var(--shadow-primary)}.close-btn[data-v-71ffd9c1]{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);border:none;font-size:1.5rem;cursor:pointer;transition:background var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out);padding:0 0 2px}.close-btn[data-v-71ffd9c1]:hover{background:var(--target-color);color:#fff;transform:scale(var(--hover-scale-sm))}.close-btn[data-v-71ffd9c1]:active{transform:scale(var(--active-scale))}.modal-header[data-v-71ffd9c1]{display:flex;gap:2rem;margin-bottom:2rem}.modal-cover[data-v-71ffd9c1]{width:200px;height:280px;flex-shrink:0;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-primary)}.modal-cover img[data-v-71ffd9c1]{width:100%;height:100%;object-fit:cover}.modal-title-section[data-v-71ffd9c1]{flex:1}.modal-title-section h2[data-v-71ffd9c1]{font-size:2rem;margin-bottom:1rem;color:var(--text-primary)}.modal-meta[data-v-71ffd9c1]{display:flex;gap:1rem;align-items:center;margin-bottom:1rem;font-size:.95rem;color:var(--text-secondary)}.modal-type[data-v-71ffd9c1]{padding:.3rem .8rem;background:var(--bg-secondary);border-radius:12px}.modal-rating[data-v-71ffd9c1]{font-weight:700;color:var(--target-color)}.modal-tags[data-v-71ffd9c1]{display:flex;gap:.8rem;margin-bottom:1.5rem}.modal-body h3[data-v-71ffd9c1]{font-size:1.3rem;margin-bottom:1rem;color:var(--text-primary);padding-bottom:.5rem;border-bottom:1px solid var(--border)}.modal-review[data-v-71ffd9c1]{line-height:1.8;margin-bottom:2rem;color:var(--text-secondary)}.modal-notes[data-v-71ffd9c1]{background:var(--bg-secondary);padding:1.5rem;border-radius:8px}.modal-notes h3[data-v-71ffd9c1]{border-bottom:none}.modal-notes ul[data-v-71ffd9c1]{list-style-type:none;padding-left:0}.modal-notes li[data-v-71ffd9c1]{padding:.8rem 0;border-bottom:1px dashed var(--border);line-height:1.6;color:var(--text-secondary)}.modal-notes li[data-v-71ffd9c1]:last-child{border-bottom:none}@media(max-width:1200px){.main-content[data-v-71ffd9c1]{flex-direction:column}.sidebar[data-v-71ffd9c1]{max-width:100%;position:relative;top:0}.media-content[data-v-71ffd9c1]{padding:40px 20px}}@media(max-width:768px){.items-list[data-v-71ffd9c1]{grid-template-columns:1fr}.modal-header[data-v-71ffd9c1]{flex-direction:column}.modal-cover[data-v-71ffd9c1]{width:100%;height:auto;aspect-ratio:2/3;margin:0 auto}.filter-controls[data-v-71ffd9c1]{flex-direction:column;align-items:flex-start;gap:1rem}}@media(max-width:480px){.media-card[data-v-71ffd9c1]{flex-direction:column}.media-cover[data-v-71ffd9c1]{width:100%;height:auto;aspect-ratio:2/3}}.contact-container[data-v-5bef93cc]{position:fixed;top:0;left:94.6%;width:94.6%;height:100vh;background:var(--bg);overflow-y:auto;transition:transform .5s var(--ease-out-expo);margin-left:5.4%;z-index:100}.contact-container.show[data-v-5bef93cc]{transform:translate(-100%)}.contact-content[data-v-5bef93cc]{min-height:100%;display:flex;align-items:center;justify-content:center;padding:40px 24px}.contact-block[data-v-5bef93cc]{width:100%;max-width:480px;text-align:left}.page-title[data-v-5bef93cc]{font-size:clamp(2.5rem,6vw,4rem);font-weight:600;color:var(--text-title);letter-spacing:.02em;margin-bottom:.35em;line-height:1.1}.title-en[data-v-5bef93cc]{font-weight:400;font-size:.45em;opacity:.85;color:var(--text-secondary)}.page-sub[data-v-5bef93cc]{font-size:1.05rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.6}.sub-en[data-v-5bef93cc]{font-size:.95rem;opacity:.9}.links[data-v-5bef93cc]{display:flex;flex-direction:column;gap:0;--link-border: color-mix(in srgb, var(--text-title) 50%, transparent);--link-divider: color-mix(in srgb, var(--text-title) 28%, transparent);border:2px solid var(--link-border);border-radius:8px;background:color-mix(in srgb,var(--bg-glass) 50%,transparent);padding:0;box-shadow:0 2px 14px color-mix(in srgb,var(--text-title) 10%,transparent);overflow:hidden}.link-row[data-v-5bef93cc]{position:relative;display:flex;align-items:center;gap:1rem;padding:1.15rem 1.35rem;border-bottom:2px solid var(--link-divider);text-decoration:none;color:inherit;transition:background var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out);cursor:default}.link-row[data-v-5bef93cc]:before{content:"";position:absolute;left:.65rem;top:50%;transform:translateY(-50%);width:4px;height:56%;min-height:20px;background:var(--target-color);border-radius:3px;opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.link-row[data-v-5bef93cc]:hover:before{opacity:1}a.link-row[data-v-5bef93cc]{cursor:pointer}.link-row[data-v-5bef93cc]:last-child{border-bottom:none}.link-row[data-v-5bef93cc]:hover{background:color-mix(in srgb,var(--target-color) 12%,transparent)}.link-row:hover .link-value[data-v-5bef93cc]{color:var(--target-color)}.link-label[data-v-5bef93cc]{flex:0 0 5.5em;font-size:.95rem;color:var(--text-secondary);transition:color var(--duration-normal) var(--ease-out)}.link-row:hover .link-label[data-v-5bef93cc]{color:var(--text-primary)}.label-en[data-v-5bef93cc]{font-size:.9em;opacity:.85}.link-value[data-v-5bef93cc]{flex:1;font-size:1rem;color:var(--text-primary);font-family:var(--font-family-code);transition:color var(--duration-normal) var(--ease-out)}.link-action[data-v-5bef93cc]{flex-shrink:0}.link-arrow[data-v-5bef93cc]{display:block;color:var(--text-secondary);font-size:1.75rem;font-weight:300;line-height:1;transition:color var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.link-row:hover .link-arrow[data-v-5bef93cc]{color:var(--target-color);transform:translate(5px)}.row-btn[data-v-5bef93cc]{padding:.4rem .9rem;border:2px solid var(--target-color);border-radius:8px;background:transparent;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:background var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.row-btn[data-v-5bef93cc]:hover{background:var(--target-color);color:#fff;transform:scale(1.04);box-shadow:0 4px 12px color-mix(in srgb,var(--target-color) 35%,transparent)}.row-btn[data-v-5bef93cc]:active{transform:scale(.98)}.row-btn.copied[data-v-5bef93cc]{background:var(--target-color);color:#fff;border-color:var(--target-color)}.row-btn.failed[data-v-5bef93cc]{border-color:var(--text-secondary);color:var(--text-secondary)}.hint[data-v-5bef93cc]{margin-top:1.75rem;font-size:.9rem;color:var(--text-secondary);line-height:1.7}.hint-en[data-v-5bef93cc]{display:block;margin-top:.5rem;font-size:.88rem;opacity:.85}:root{--target-color: #a1b5d8;--secondary-color: color-mix(in srgb, var(--target-color), white 70%);--text-primary: var(--target-color);--text-secondary: #534e5b;--text-title: var(--target-color);--glass-blur: 2px;--glass-blur-hover: 10px;--bg: color-mix(in srgb, var(--target-color), white 70%);--border: 0px solid #9a8c98;--bg-glass: rgba(255, 255, 255, .2);--border-glass: rgba(255, 255, 255, .3);--shadow-glass: 2px 2px 1px #dedede, -2px -2px 1px #dedede;--shadow-glass-hover: 5px 5px 1px #dedede, -5px -5px 1px #dedede;--tag-color: var(--text-secondary);--tag-border: 1px solid var(--target-color);--tag-background: white;--tag-background-hover: var(--target-color);--button-background: white;--button-background-hover: white;--shadow-sm: 0 2px 6px color-mix(in srgb, var(--target-color) 18%, transparent);--shadow-md: 0 4px 12px color-mix(in srgb, var(--target-color) 22%, transparent);--shadow-lg: 5px 5px 14px color-mix(in srgb, var(--target-color) 28%, transparent);--shadow-primary: var(--shadow-lg);--ease-out: cubic-bezier(.25, .1, .25, 1);--ease-out-expo: cubic-bezier(.05, .47, .64, .99);--ease-spring: cubic-bezier(.65, .43, .31, 1.23);--duration-fast: .2s;--duration-normal: .25s;--duration-slow: .3s;--hover-lift: -4px;--hover-lift-sm: -2px;--hover-scale: 1.05;--hover-scale-sm: 1.02;--active-scale: .98;--focus-ring: 2px solid var(--target-color);--focus-ring-offset: 2px;--font-family-base: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-family-code: Consolas, ui-monospace, "Cascadia Code", "SF Mono", "Liberation Mono", Menlo, monospace}.blog-card{padding:40px;background-color:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-glass);box-shadow:var(--shadow-glass);transition:box-shadow var(--duration-slow) var(--ease-out),backdrop-filter var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.blog-card:hover{backdrop-filter:blur(var(--glass-blur-hover));-webkit-backdrop-filter:blur(var(--glass-blur-hover));box-shadow:var(--shadow-glass-hover)}h1,h2,h3{color:var(--text-primary);font-family:inherit}p{color:var(--text-secondary)}html{scroll-behavior:smooth}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}@keyframes blog-loading-spin{to{transform:rotate(360deg)}}@keyframes blog-loading-pulse{0%,to{opacity:.5}50%{opacity:1}}.blog-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;min-height:160px;color:var(--text-secondary)}.blog-loading__spinner{width:44px;height:44px;border:3px solid color-mix(in srgb,var(--target-color) 22%,transparent);border-top-color:var(--target-color);border-radius:50%;animation:blog-loading-spin .9s var(--ease-out) infinite}.blog-loading__text{margin-top:1.25rem;font-size:.95rem;color:var(--text-secondary);animation:blog-loading-pulse 1.4s ease-in-out infinite}*{font-family:var(--font-family-base)}code,pre,kbd,samp{font-family:var(--font-family-code)}