.nav-wrap[data-v-3e864933]{position:fixed;left:0;top:0;right:0;z-index:999;background-color:#fff}.nav[data-v-3e864933]{margin:0 auto;width:1200px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.nav>h1[data-v-3e864933]{font-size:2rem}.nav>ul[data-v-3e864933]{display:flex}.nav>ul>li[data-v-3e864933]{margin:0 15px;padding:4px 0;font-size:.9rem;cursor:pointer}.nav>ul>.lifocus[data-v-3e864933]{border-bottom:2px solid #000}code{margin:0;border-radius:3px;padding:.065em .4em;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.85em}code .token.deleted{color:#ec5975}p a{color:#269ed9;text-decoration:none}p a:hover{text-decoration:underline}p code{background-color:#040a10de;color:#fff;line-height:2}.header-anchor{opacity:0}code .token.inserted{color:var(--c-brand)}div[class*=language-]{position:relative;margin:1rem -1.5rem;background-color:var(--code-bg-color);overflow-x:auto;background-color:#040a10de;line-height:1.5;max-height:500px}li>div[class*=language-]{border-radius:6px 0 0 6px;margin:1rem -1.5rem 1rem -1.25rem;line-height:initial}@media (min-width: 420px){div[class*=language-]{margin:1rem 0;border-radius:6px}li>div[class*=language-]{margin:1rem 0 1rem 0rem;border-radius:6px}}[class*=language-] pre,[class*=language-] code{text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;background:transparent}[class*=language-] pre{position:relative;z-index:1;margin:0;padding:1.25rem 1.5rem;overflow-x:auto}[class*=language-] code{padding:0;line-height:var(--code-line-height);font-size:14px;color:#eee}.highlight-lines{position:absolute;top:0;bottom:0;left:0;padding:1.25rem 0;width:100%;line-height:var(--code-line-height);font-family:var(--code-font-family);font-size:var(--code-font-size);-webkit-user-select:none;user-select:none;overflow:hidden}.highlight-lines .highlighted{background-color:#000000a8}div[class*=language-].line-numbers-mode{padding-left:3.5rem}.line-numbers-wrapper{position:absolute;top:0;bottom:0;left:0;z-index:3;border-right:1px solid rgba(0,0,0,.5);padding:1.25rem 0;width:3.5rem;text-align:center;line-height:var(--code-line-height);font-family:var(--code-font-family);font-size:var(--code-font-size);color:#888}div[class*=language-]:before{position:absolute;top:.6em;right:1em;z-index:2;font-size:.8rem;color:#888}div[class~=language-html]:before,div[class~=language-markup]:before{content:"html"}div[class~=language-md]:before,div[class~=language-markdown]:before{content:"md"}div[class~=language-css]:before{content:"css"}div[class~=language-sass]:before{content:"sass"}div[class~=language-scss]:before{content:"scss"}div[class~=language-less]:before{content:"less"}div[class~=language-stylus]:before{content:"styl"}div[class~=language-js]:before,div[class~=language-javascript]:before{content:"js"}div[class~=language-ts]:before,div[class~=language-typescript]:before{content:"ts"}div[class~=language-json]:before{content:"json"}div[class~=language-rb]:before,div[class~=language-ruby]:before{content:"rb"}div[class~=language-py]:before,div[class~=language-python]:before{content:"py"}div[class~=language-sh]:before,div[class~=language-bash]:before{content:"sh"}div[class~=language-php]:before{content:"php"}div[class~=language-go]:before{content:"go"}div[class~=language-rust]:before{content:"rust"}div[class~=language-java]:before{content:"java"}div[class~=language-c]:before{content:"c"}div[class~=language-yaml]:before{content:"yaml"}div[class~=language-dockerfile]:before{content:"dockerfile"}div[class~=language-vue]:before{content:"vue"}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.article-content[data-v-23cd6326]{margin:0 auto;width:720px;color:#263545}html{font-family:Arial,Helvetica}.home[data-v-816f88a6]{margin:0 auto;width:720px}.page-list .page-item[data-v-816f88a6]{padding:2rem 0;cursor:pointer;border-bottom:1px solid #ccc}.page-list .title[data-v-816f88a6]{display:flex;justify-content:space-between;align-items:center}.page-list .title>h3[data-v-816f88a6]{font-size:1.4rem}.page-list .title>time[data-v-816f88a6]{font-size:.8rem;color:#999}.page-list .description[data-v-816f88a6]{color:#555}.classify[data-v-d29cb11e]{margin:30px auto 0;width:700px}.list[data-v-d29cb11e]{padding:20px 0;border-bottom:1px solid #ccc;display:flex;flex-wrap:wrap}.list>li[data-v-d29cb11e]{margin:5px 10px;padding:2px 5px;cursor:pointer}.list .focus-tag[data-v-d29cb11e]{border-bottom:1px solid #555}.article-list[data-v-d29cb11e]{padding:20px 0}.article-list>li[data-v-d29cb11e]{margin:5px 0;cursor:pointer}.ground-glass[data-v-1df261ae]{position:relative;height:500px;background:radial-gradient(circle at 60% 90%,#54ffc6,transparent 60%),radial-gradient(circle at 20px 20px,rgb(241 255 251 / 80%),transparent 25%),#0b3a24;display:flex;justify-content:center;align-items:center}.ground-glass[data-v-1df261ae]:before,.ground-glass[data-v-1df261ae]:after{content:"";position:absolute;width:120px;height:120px}.ground-glass[data-v-1df261ae]:before{left:80px;top:120px;border-radius:20px;background-image:linear-gradient(to top left,#501158ad,#51d0e8e5)}.ground-glass[data-v-1df261ae]:after{left:455px;top:267px;border-radius:50%;background-image:linear-gradient(to top left,#f974b4,#a4ed4b)}.ground-glass .glass[data-v-1df261ae]{position:relative;z-index:1;width:400px;height:200px;border-radius:20px;box-shadow:0 0 30px 10px #ffffff4d;background-color:#ffffff80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-bottom:1px solid rgba(255,255,255,.4);transform:rotate(10deg)}.frosting[data-v-90293089]{position:relative;height:100%;background-color:#fff}.frosting[data-v-90293089]:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;-webkit-backdrop-filter:blur(120px);backdrop-filter:blur(120px)}.frosting-item[data-v-90293089]{position:absolute;left:0;top:0;right:0;bottom:0}.frosting-item1[data-v-90293089]{background-color:#ffae00;clip-path:polygon(10% 10%,80% 30%,70% 60%,40% 60%)}.frosting-item2[data-v-90293089]{background-color:#987be9;clip-path:polygon(20% 70%,30% 90%,80% 80%,40% 60%)}.frosting-item3[data-v-90293089]{background-color:#7be99c;clip-path:polygon(60% 60%,90% 50%,90% 90%,50% 90%)}.border-animate[data-v-d67f6b4c]{padding:30px;height:100%;background-color:#6ac8d7}@keyframes border-animate-top-d67f6b4c{to{background-position:8px 0}}.border-animate-top[data-v-d67f6b4c]{width:100%;height:100px;background-color:#ffffff4d;background-image:linear-gradient(90deg,#fff 50%,transparent 50%);background-repeat:repeat-x;background-size:8px 2px;background-position:0 0}.border-animate-top[data-v-d67f6b4c]:hover{animation:border-animate-top-d67f6b4c .3s linear infinite}@keyframes border-animate-right-d67f6b4c{to{background-position:100% 8px}}.border-animate-right[data-v-d67f6b4c]{margin-top:20px;width:100%;height:100px;background-color:#ffffff4d;background-image:linear-gradient(0deg,#fff 50%,transparent 50%);background-repeat:repeat-y;background-size:2px 8px;background-position:100% 0}.border-animate-right[data-v-d67f6b4c]:hover{animation:border-animate-right-d67f6b4c .3s linear infinite}@keyframes border-animate-all-d67f6b4c{to{background-position:8px 0,-8px 100%,100% 8px,0 -8px}}.border-animate-all[data-v-d67f6b4c]{margin-top:20px;width:100%;height:100px;outline:1px solid rgba(255,255,255,.3);outline-offset:-1px;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:8px 2px,8px 2px,2px 8px,2px 8px;background-position:0 0,0 100%,100% 0,0 0}.border-animate-all[data-v-d67f6b4c]:hover{outline:none;background-image:linear-gradient(90deg,#fff 50%,transparent 50%),linear-gradient(90deg,#fff 50%,transparent 50%),linear-gradient(0deg,#fff 50%,transparent 50%),linear-gradient(0deg,#fff 50%,transparent 50%);animation:border-animate-all-d67f6b4c .3s linear infinite}.scroll-view-show[data-v-46230d69]{width:100%;height:100%;overflow-y:auto;background-color:#a8d1c6}p[data-v-46230d69]{margin:0 0 20px;line-height:50px;background-color:#64d064}.lead-wrap[data-v-46230d69]{height:300%}.lead[data-v-46230d69]{position:sticky;top:0;width:100%;height:500px;background-color:#d79ab5}.lead>canvas[data-v-46230d69]{object-fit:cover;object-position:center;width:100%;height:100%}.main-container[data-v-56fd5da5]{padding:10px;width:100%;height:100%;box-sizing:border-box;display:grid;grid-template-columns:repeat(auto-fill,50%);grid-template-rows:auto}.main-container .gird[data-v-56fd5da5]{margin:5px;background-color:#eee;border-radius:10px;overflow:hidden}